Skip to content

Commit

Permalink
update/changelog (#373)
Browse files Browse the repository at this point in the history
* Update whats-happening.hbs
  • Loading branch information
laurenhitchon authored Dec 5, 2023
1 parent 2a7873d commit f0e0007
Show file tree
Hide file tree
Showing 2 changed files with 135 additions and 0 deletions.
119 changes: 119 additions & 0 deletions src/components/select/test.hbs
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,125 @@ model:
</div>
</div>

<div class="nsw-filters nsw-filters--down js-filters">
<div class="nsw-filters__controls js-filters__count">
<button>
<span class="material-icons nsw-material-icons" focusable="false" aria-hidden="true">tune</span>
<span>Filters</span>
<span class="material-icons nsw-material-icons" focusable="false" aria-hidden="true">keyboard_arrow_down</span>
</button>
</div>
<div class="nsw-filters__wrapper">
<div class="nsw-filters__title">Filters</div>
<div class="nsw-filters__list">
<div class="nsw-filters__item">
<button class="nsw-filters__item-button">
<span class="nsw-filters__item-name">Keyword</span>
<span class="material-icons nsw-material-icons" focusable="false" aria-hidden="true">keyboard_arrow_down</span>
</button>
<div class="nsw-filters__item-content">
<label class="nsw-form__label sr-only" for="filters-all-keyword-4">Keyword</label>
<input class="nsw-form__input" type="text" id="filters-all-keyword-4" name="filters-keyword" value="Digital Design System">
</div>
</div>
<div class="nsw-filters__item">
<button class="nsw-filters__item-button">
<span class="nsw-filters__item-name">Region</span>
<span class="material-icons nsw-material-icons" focusable="false" aria-hidden="true">keyboard_arrow_down</span>
</button>
<div class="nsw-filters__item-content">
<label class="nsw-form__label sr-only" for="filters-instant-regions-8">Region</label>
<div class="nsw-multi-select js-multi-select" data-no-select-text="Select savings programs" data-multi-select-text="{n} items selected" data-n-multi-select="2">
<select name="filters-instant-regions-8" id="filters-instant-regions-8" multiple>
<option value="Central Coast" selected="true">Central Coast</option>
<option value="Central West &amp; Orana">Central West &amp; Orana</option>
<option value="Far West">Far West</option>
<option value="Hunter">Hunter</option>
<option value="Illawarra-Shoalhaven">Illawarra-Shoalhaven</option>
<option value="New England &amp; North West">New England &amp; North West</option>
<option value="North Coast">North Coast</option>
<option value="Riverina Murray">Riverina Murray</option>
</select>
</div>
</div>
</div>
<div class="nsw-filters__item">
<button class="nsw-filters__item-button">
<span class="nsw-filters__item-name">Categories</span>
<span class="material-icons nsw-material-icons" focusable="false" aria-hidden="true">keyboard_arrow_down</span>
</button>
<div class="nsw-filters__item-content">
<fieldset class="nsw-form__fieldset">
<legend class="nsw-form__legend sr-only">Categories</legend>
<input class="nsw-form__checkbox-input" type="checkbox" name="filters-instant-categories" value="Customer Service" id="filters-instant-categories-0-8">
<label class="nsw-form__checkbox-label" for="filters-instant-categories-0-8">Customer Service</label>
<input class="nsw-form__checkbox-input" type="checkbox" name="filters-instant-categories" value="Communities and Justice" id="filters-instant-categories-1-8">
<label class="nsw-form__checkbox-label" for="filters-instant-categories-1-8">Communities and Justice</label>
<input class="nsw-form__checkbox-input" type="checkbox" name="filters-instant-categories" value="Education" id="filters-instant-categories-2-8">
<label class="nsw-form__checkbox-label" for="filters-instant-categories-2-8">Education</label>
<input class="nsw-form__checkbox-input" type="checkbox" name="filters-instant-categories" value="Health" id="filters-instant-categories-3-8">
<label class="nsw-form__checkbox-label" for="filters-instant-categories-3-8">Health</label>
<input class="nsw-form__checkbox-input" type="checkbox" name="filters-instant-categories" value="Planning" id="filters-instant-categories-4-8">
<label class="nsw-form__checkbox-label" for="filters-instant-categories-4-8">Planning</label>
</fieldset>
</div>
</div>
<div class="nsw-filters__item">
<button class="nsw-filters__item-button">
<span class="nsw-filters__item-name">Date</span>
<span class="material-icons nsw-material-icons" focusable="false" aria-hidden="true">keyboard_arrow_down</span>
</button>
<div class="nsw-filters__item-content">
<div class="nsw-form__group">
<fieldset class="nsw-form__date">
<legend class="nsw-form__label">Date published from:</legend>
<div class="nsw-form__date-wrapper">
<div class="nsw-form__date-input">
<label class="nsw-form__label nsw-form__label--small" for="filters-all-date-from-4-day">Day</label>
<input class="nsw-form__input" type="text" maxlength="2" id="filters-all-date-from-4-day" name="filters-all-date-from-4-day">
</div>
<div class="nsw-form__date-input">
<label class="nsw-form__label nsw-form__label--small" for="filters-all-date-from-4-month">Month</label>
<input class="nsw-form__input" type="text" maxlength="2" id="filters-all-date-from-4-month" name="filters-all-date-from-4-month">
</div>
<div class="nsw-form__date-input nsw-form__date-input--large">
<label class="nsw-form__label nsw-form__label--small" for="filters-all-date-from-4-year">Year</label>
<input class="nsw-form__input" type="text" maxlength="4" id="filters-all-date-from-4-year" name="filters-all-date-from-4-year">
</div>
</div>
</fieldset>
</div>
<div class="nsw-form__group">
<fieldset class="nsw-form__date">
<legend class="nsw-form__label">Date published to:</legend>
<div class="nsw-form__date-wrapper">
<div class="nsw-form__date-input">
<label class="nsw-form__label nsw-form__label--small" for="filters-all-date-to-4-day">Day</label>
<input class="nsw-form__input" type="text" maxlength="2" id="filters-all-date-to-4-day" name="filters-all-date-to-4-day">
</div>
<div class="nsw-form__date-input">
<label class="nsw-form__label nsw-form__label--small" for="filters-all-date-to-4-month">Month</label>
<input class="nsw-form__input" type="text" maxlength="2" id="filters-all-date-to-4-month" name="filters-all-date-to-4-month">
</div>
<div class="nsw-form__date-input nsw-form__date-input--large">
<label class="nsw-form__label nsw-form__label--small" for="filters-all-date-to-4-year">Year</label>
<input class="nsw-form__input" type="text" maxlength="4" id="filters-all-date-to-4-year" name="filters-all-date-to-4-year">
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<div class="nsw-filters__accept">
<button type="submit" class="nsw-button nsw-button--dark nsw-button--full-width">Apply filters</button>
</div>
<div class="nsw-filters__cancel">
<button type="reset">Clear all filters</button>
</div>
</div>
</div>

<div class="nsw-form__group">
<fieldset class="nsw-form__fieldset">
<legend>
Expand Down
16 changes: 16 additions & 0 deletions src/docs/content/about/whats-happening.hbs
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,22 @@ meta-index: true
</tr>
</thead>
<tbody>
<tr>
<td>v3.14.0</td>
<td>5.12.23</td>
<td>
<h4>Fixed</h4>
<ul>
<li><strong>Multiple select component:</strong> Fixed the absence of the nsw-multi-select__button element creation when an option was pre-selected onload.</li>
<li><strong>Support for the HTML select multiple in the filters component:</strong> Updated the component's logic to recognise and manage multiple selections efficiently, providing users with enhanced filtering capabilities.</li>
</ul>
<h4>Added</h4>
<ul>
<li><strong>Utility list component:</strong> New <a href="/components/utility-list/index.html">Utility list</a> component giving users quick access to commonly used actions on content, including printing, downloading and sharing across different social media platforms.</li>
</ul>
</td>
<td><a target="_blank" href="https://github.com/digitalnsw/nsw-design-system/releases/tag/v3.14.0" target="_blank">Code kit</a></td>
</tr>
<tr>
<td>v3.13.0</td>
<td>20.11.23</td>
Expand Down

0 comments on commit f0e0007

Please sign in to comment.