๐ 2.0.0
Shoelace has finally dropped the beta tag! This long-awaited release comes with many bug fixes, improvements, and the promise of a stable API!
Read more about the 2.0 release and what comes next on the
@fontawesome
blog.
๐ 2.0.0-beta.60
With this release, Shoelace adds first-class support for React!
โ๏ธ React components are baked-in
๐ Toggle between HTML and React in the docs
๐ณ Copy/paste imports for all components
Learn more and try it out at:
๐ 2.5.0
This release features a new documentation website powered by
@eleven_ty
, a number of bug fixes, and a number of other improvements. We've also unbundled Lit and other deps from the main distribution and added a CDN distribution.
Changelog:
๐ 2.10.0
๐ฌ Added Simplified Chinese translation
๐บ Improved submenu selection with safe triangles
๐ Various bug fixes
โ๏ธ Updated Lit and other dependencies
Changelog:
We've been working on a new website! ๐
It looks a lot like the old one right now, but we switched things over to
@eleven_ty
for a proper static website. We can do much more with it now!
Please take a look and report anything that looks off!
๐ 2.6.0 has been released!
๐ฌ Added version conflict detection at runtime
๐พ Added support for virtual anchors in <sl-popup>
โ๏ธ Improved tree shaking for React users
๐ Lots of bug fixes
๐ฆ Too much more to mention
See the changelog for more info:
Time to talk about the future of Shoelace.
It's been more than two years since the beta release of Shoelace 2.0, which was the first version of the project to ship Web Componentsโฆ
๐ cont'd
๐ 2.7.0
๐ Added the experimental <sl-copy-button>
๐ฆ Removed sideEffects key from package.json
๐ท๏ธMoved tag type definitions to the correct location
๐ Various bug fixes
Changelog here:
Coming soon: <sl-popup>
This is a positioning utility that doesnโt have any styles โ it just anchors one element to another. Powered by Floating UI, so think Popper.js/Floating UI in an HTML tag.
This will make positioning things much easier!
If you've been waiting for the dust to settle from the move to LitElement, now's a great time to update. Beta.34 is where you want to be. All known bugs have been squashed and we're honing in on 2.0 stable.
Details in the changelog:
Shoelace is becoming Web Awesome, part of the Font Awesome family.
I give a lot through open source and I donโt usually ask for anything in return. Today, Iโm asking you to tip the scale a bit for us in our Kickstarter ๐๐
๐ฆ 2.0.0-beta.18 is here!
โฌ๏ธ Upgraded to
@stenciljs
2.0
๐ช <sl-animation> is now stable
๐จ Color picker can now be submitted as a form control
๐ Touch support for demo resizers (docs)
๐ Lots of minor bug fixes
Changelog:
๐ 2.3.0
๐ค Added an experimental autoloader
๐ชง Added the subpath argument to getBasePath()
๐ Added custom-elements.json to package exports
๐ Various bug fixes and improvements
Changelog:
๐ 2.2.0
๐๏ธ Added TypeScript types to all custom events
๐ Added the getForm() method to all form controls
๐ Added an experimental carousel component
๐ Various improvements and bug fixes
Changelog:
All the work to implement the new Web Components Manifest Analyzer has been completed and merged into `next`. Working on one last bug fix before the next beta release.
Shoelace solves real world problems by offering accessible, intuitive, and interoperable components that save teams and individuals tens of thousands of dollars.
Thereโs no need to roll your own buttons anymore.
In an effort to improve accessibility throughout the library, all components (and the documentation) has been updated to meet WCAG Level AA requirements for contrast.
You can preview the changes here:
Let me know what you think. ๐
๐ 2.8.0
๐ฑ๏ธ Added support for submenus to <sl-menu-item>
โ๏ธ Fixed type issues with the ref attribute in React
๐ Various bug fixes and improvements
Changelog:
๐ 2.0.0-beta.86
๐ Various improvements to the docs
๐ค Improved IntelliSense for VS Code
โฟ๏ธ Various accessibility improvements
๐ Various bug fixes
๐จ Some minor breaking changes
Changelog:
๐ 2.4.0
๐ก Exported the autoloader's discover() function
๐๏ธ Added the size attribute to <sl-radio-group>
๐ Various bug fixes and improvements
Changelog:
One of the bigger changes in todayโs release is focus rings. No more box-shadow rings. Now that browsers do more than just square outlines โ and with :focus-visible a thing โ we can have nice, accessible focus rings using outline and outline-offset.
๐โโ๏ธ Lit 2 Livestream Panelist
Joining our Q&A panel โ Cory LaViska
@claviska
, now at Microsoft, is the creator of the
@shoelace_style
Join our Lit 2.0 livestream on September 21st, 10am PDT at the link below or subscribe to the Lit YouTube channel:
๐ 2.0.0-beta.88
๐จ Rewrote <sl-select> to improve a11y
๐จ Improved a11y of checkbox menu items
๐จ Improved color picker swatch API
๐ Numerous bug fixes, improvements, and updates
See the changelog for details:
๐ 2.1.0
๐๏ธ Added the sl-invalid event to all form controls
โ ๏ธ Added validation properties to all form controls
๐ Various bug fixes and improvements
More details in the changelog:
๐ 2.0.0-beta.81
๐ฟ Various popup-related fixes and improvements
๐ Various bug fixes and accessibility improvements
โ๏ธ Updated dependencies
Changelog:
๐ 2.0.0-beta.42
๐จ BREAKING: sl-show|hide are no longer cancelable
๐ Added Iconoir example to docs
๐ Fixed bugs related to animation changes
โ๏ธ Updated Lit and esbuild
See the changelog for details:
๐ 2.0.0-beta.84
๐จ Some minor breaking changes (see the changelog)
โ Added form validation states
๐ New methods, custom properties, and more
๐ Lots of bug fixes and improvements
See the changelog for a complete list!
๐ 2.0.0-beta.65
โจ New parts, custom properties, and event details
๐ Bug fixes
๐ Improved search results in the docs
๐งน Improved linting rules for dev
๐ผ Updated dependencies
Changelog:
๐ 2.14.0
๐ฌ Added Arabic translation
โ Added help text to checkbox and switch
๐จ More efficient component styles
๐ Various bug fixes
Changelog:
๐ 2.0.0-beta.72
๐ Refactored form control parts to support side labels
๐ป Added experimental <sl-radio-button>
โฟ๏ธ Many accessibility improvements
๐ Various bug fixes
Changelog:
๐ 2.0.0-beta.27
๐ Bug fixes
๐งฝ Improved menu styles
๐ Added label + helpText to sl-range
โฉ๏ธ Tags now wrap in sl-select
โจ Other minor enhancements
Details in the changelog:
๐ v2.0.0-beta.34
๐ฆ Removed all.shoelace.js
๐ค Components are automatically registered on import
๐ Bundling and cherry picking works the same way now
๐ Bug fixes
Details:
Did you know you can instantly turn any example in the docs into a
@CodePen
? This is a great way to test and prototype things! Works for both HTML and React.
๐ 2.0.0-beta.77
โช Added support for resetting forms
โณ๏ธ Required fields now show * by default
๐ Improved performance of focus trapping logic
๐ Bug fixes
Changelog:
With this release, your VS Code experience will improve with even more powerful IntelliSense, courtesy of
@stuffbreaker
's excellent CEM Analyzer plugin.
v2.0.0-beta.23 has been released with four new utility components! ๐
๐จ <sl-theme>
๐ข <sl-format-number>
โฐ <sl-relative-time>
โ๏ธ <sl-resize-observer>
See the full changelog here:
๐ 2.0.0-beta.28
๐ Major tooling and build overhaul
๐ฆ Now shipping a single ES module dist
๐จ Assets and utilities have moved
See the changelog for an important message about updating and more info:
There are some pretty big (and great) changes to theming coming up. These will land sometime next week. I encourage you to check them out on next, especially the changelog and the color palettes.
If you're using <sl-form>, this release will be a breaking change. I've done a lot of testing on my side, but please help me make this as solid as possible. ๐
๐ 2.0.0-beta.64
๐จ Removed <sl-form>
โ๐ป Form controls work with <form> now
๐ง Added serialize utility for getting form data as JSON
๐ Various bug fixes and improvements
Changelog:
๐ 2.0.0-beta.29
๐ Switched to LitElement due to community feedback
๐ป Added JSON file for IntelliSense in
@code
๐ท Fixed TypeScript types
๐ Moved chunk files into separate folder
See the changelog for more info and details on updating:
Still working on that animations rework to make it easier and more reliable to customize show/hide/open/close animations for all components that use them.
Web animations areโฆstill fun in 2021 ๐
๐ฅณ 2.0.0-beta.9 is out!
New components!
<sl-icon-button>
<sl-skeleton>
Plus lots of bug fixes ๐ and a switch to jsDelivr for better CDN performance. โก๏ธ
๐ 2.0.0-beta.61
๐จ Removed rgb() requirement for color tokens
๐จ Reworked dark theme palettes for richer colors
๐ฌ Added <sl-visually-hidden>
โฟ๏ธ Various a11y improvements
๐ Various bug fixes and improvements
Changelog: