CHANGELOG 3.9.5
🚀 Added
- Added support to Popover API on
dialogandsnackbarelements - Added
listelement (supporting nested and expansion lists too) #410 - Added
small,medium,large,extrahelpers tocheckboxandradioelements #356 - Updated root size to 1rem (it will get the browser default automattcally) #38
- Updated active
switchanimation, knob gets bigger #191 - Added space helpers to menu
- Added
borderhelper to menu - Added minimal subset of icons #418
🩹 Fixed
- Fixed square behavior on images #413
- Fixed autoresizing
textarea#401 - Fixed setup for Svelte use case #417
⚠️ Breaking changes
- Removed invalid HTML markup on
menuelement #410
Added support to Popover API on dialog and snackbar elements
<button popovertarget="dialog">Button</button>
<dialog id="dialog" popover>
<h5>Title</h5>
<nav>
<button popovertarget="dialog">Button</button>
</nav>
</dialog><button popovertarget="snackbar">Button</button>
<div id="snackbar" class="snackbar" popover>
<span>Some text</span>
<button popovertarget="snackbar">Button</button>
</div>Added list element (supporting nested and expansion lists too)
<ul class="list">
<li>Item</li>
<li>Item</li>
</ul><ul class="list">
<li>
<a href="#">Item</a>
</li>
<li>
<a href="#">Item</a>
</li>
</ul>Added small, medium, large, extra helpers to checkbox and radio elements
<label class="checkbox small">
<input type="checkbox" />
<span></span>
</label><label class="radio large">
<input type="radio" />
<span></span>
</label>Removed invalid HTML markup on menu element
// before
<menu>
<a>Item</a>
<a>Item</a>
</menu>
// after
<menu>
<li>Item</li>
<li>Item</li>
</menu>// before
<menu>
<a href="#">Item</a>
<a href="#">Item</a>
</menu>
// after
<menu>
<li>
<a href="#">Item</a>
</li>
<li>
<a href="#">Item</a>
</li>
</menu>// before
<menu>
<a class="row">
<i>home</i>
<span>Home</span>
</a>
<a class="row">
<i>search</i>
<span>Search</span>
</a>
</menu>
// after
<menu>
<li>
<i>home</i>
<span>Home</span>
</li>
<li>
<i>search</i>
<span>Search</span>
</li>
</menu>// before
<menu>
<a>Item</a>
<a>Item</a>
<menu>
<a>Item</a>
<a>Item</a>
</menu>
</menu>
// after
<menu>
<li>Item</li>
<li>Item</li>
<li>
<menu>
<li>Item</li>
<li>Item</li>
</menu>
</li>
</menu>// before
<menu class="min">
<div class="field large prefix no-margin">
<i class="front">arrow_back</i>
<input>
</div>
<a class="row">
<i>history</i>
<div>Item 1</div>
</a>
</menu>
// after
<menu class="min">
<li>
<div class="field large prefix">
<i class="front">arrow_back</i>
<input>
</div>
</li>
<li>
<i>history</i>
<div>Item 1</div>
</li>
</menu>
