kopia lustrzana https://github.com/shoelace-style/shoelace
8.0 KiB
8.0 KiB
Changelog
2.0.0-beta.17
- Added
minlength
andspellcheck
attributes tosl-textarea
- Fixed a bug where clicking a tag in
sl-select
wouldn't toggle the menu - Fixed a bug where options where
sl-select
options weren't always visible or scrollable - Fixed a bug where setting
null
onsl-input
,sl-textarea
, orsl-select
would throw an error - Fixed a bug where
role
was on the wrong element and aria attribute weren't explicit insl-checkbox
,sl-switch
, andsl-radio
- Fixed a bug where dynamically adding/removing a slot wouldn't work as expected in
sl-card
,sl-dialog
, andsl-drawer
- Fixed a bug where the value wasn't updated and events weren't emitted when using
setRangeText
insl-input
andsl-textarea
- Optimized
hasSlot
utility by using a simpler selector
Form validation has been reworked and is much more powerful now!
- The
invalid
prop now reflects the control's validity as determined by the browser's constraint validation API - Added
required
tosl-checkbox
,sl-select
, andsl-switch
- Added
reportValidity()
andsetCustomValidity()
methods to all form controls - Added validation checking for custom and native form controls to
sl-form
- Removed the
valid
prop from all form controls - Removed valid and invalid design tokens and related styles (you can use your own custom styles to achieve this)
2.0.0-beta.16
- Add
hoist
prop tosl-color-picker
,sl-dropdown
, andsl-select
to work around panel clipping - Add
sl-format-bytes
utility component - Add
clearable
andrequired
props tosl-select
- Add
slClear
event tosl-input
- Added keyboard support to the preview resizer in the docs
- Fixed a bug where the
aria-selected
state was incorrect insl-menu-item
- Fixed a bug where custom properties applied to
sl-tooltip
didn't affect show/hide transitions - Fixed a bug where
--sl-input-color-*
custom properties had no affect onsl-input
andsl-textarea
- Refactored
sl-dropdown
andsl-tooltip
to use positioner elements so panels/tooltips can be customized easier
2.0.0-beta.15
- Added
image-comparer
component - Added
--width
,--height
, and--thumb-size
custom props tosl-switch
- Fixed an
aria-labelledby
attribute typo in a number of components - Fixed a bug where the
change
event wasn't updating the value insl-input
- Fixed a bug where
sl-color-picker
had the wrong border color in the dark theme - Fixed a bug where
sl-menu-item
had the wrong color in dark mode when disabled - Fixed a bug where WebKit's autocomplete styles made inputs looks broken
- Fixed a bug where aria labels were wrong in
sl-select
- Fixed a bug where clicking the label wouldn't focus the control in
sl-select
2.0.0-beta.14
- Added dark theme
- Added
--sl-panel-background-color
and--sl-panel-border-color
tokens - Added
--tabs-border-color
custom property tosl-tab-group
- Added
--track-color
custom property tosl-range
- Added
tag
part tosl-select
- Updated
package.json
so custom elements imports can be consumed from the root - Fixed a bug where scrolling dialogs didn't resize properly in Safari
- Fixed a bug where
slShow
andslHide
would be emitted twice in some components - Fixed a bug where
custom-elements/index.d.ts
was broken due to an unclosed comment (fixed in Stencil 1.17.3) - Fixed bug where inputs were not using border radius tokens
- Fixed a bug where the text color was being erroneously set in
sl-progress-ring
- Fixed a bug where
sl-progress-bar
used the wrong part name internally forindicator
- Removed background color from
sl-menu
- Updated to Stencil 1.17.3
2.0.0-beta.13
- Added
slActivate
andslDeactivate
events tosl-menu-item
- Added experimental
sl-animation
component - Added shields to documentation
- Fixed a bug where link buttons would have
type="button"
- Fixed a bug where button groups with tooltips experienced an odd spacing issue in Safari
- Fixed a bug where scrolling in dropdowns/selects didn't work properly on Windows (special thanks to Trendy for helping troubleshoot!)
- Fixed a bug where selecting a menu item in a dropdown would cause Safari to scroll
- Fixed a bug where type to select wouldn't accept symbols
- Moved scrolling logic from
sl-menu
tosl-dropdown
2.0.0-beta.12
- Added support for
href
,target
, anddownload
to buttons - Fixed a bug where buttons would have horizontal spacing in Safari
- Fixed a bug that caused an import resolution error when using Shoelace in a Stencil app
2.0.0-beta.11
- Added button group component
- Fixed icon button alignment
- Fixed a bug where focus visible observer wasn't removed from
sl-details
- Replaced the deprecated
componentDidUnload
lifecycle method withdisconnectedCallback
to prevent issues with frameworks
2.0.0-beta.10
- Added community page to the docs
- Fixed a bug where many components would erroneously receive an
id
when using the custom elements bundle - Fixed a bug where tab groups weren't scrollable with the mouse
2.0.0-beta.9
- Added the icon button component
- Added the skeleton component
- Added the
typeToSelect
method to menu so type-to-select behavior can be controlled externally - Added the
pulse
prop to badge - Fixed a bug where hovering over select showed the wrong cursor
- Fixed a bug where tabbing into a select control would highlight the label
- Fixed a bug where tabbing out of a select control wouldn't close it
- Fixed a bug where closing dropdowns wouldn't give focus back to the trigger
- Fixed a bug where type-to-select wasn't working after the first letter
- Fixed a bug where clicking on menu items and dividers would steal focus from the menu
- Fix a bug where the color picker wouldn't parse uppercase values
- Removed
noFooter
prop from dialog and drawer (slot detection is automatic, so the prop is not required) - Removed
close-icon
slot from alert - Replaced make-shift icon buttons with
sl-icon-button
in alert, dialog, drawer, and tag - Updated Stencil to 1.17.1
- Switched to jsDelivr for better CDN performance
2.0.0-beta.8
- Added the card component
- Added
--focus-ring
custom property to tab - Fixed a bug where range tooltips didn't appear on iOS
- Fixed constructor bindings so they don't break the custom elements bundle
- Fixed tag color contrast to be AA compliant
- Fixed a bug that made it difficult to vertically align rating
- Fixed a bug where dropdowns would always close on mousedown when inside a shadow root
- Made tag text colors AA compliant
- Promoted badge to stable
- Refactored
:host
variables and moved non-display props to base elements - Refactored event handler bindings to occur in
connectedCallback
instead of the constructor - Refactored scroll locking logic to use
Set
instead of an array - Updated the custom elements bundle documentation and added bundler examples
- Upgraded Stencil to 1.17.0-0 (next) to fix custom elements bundle
2.0.0-beta.7
- Added links to version 1 resources to the docs
- Added rating component
- Fixed a bug where some build files were missing
- Fixed clearable tags demo
- Fixed touch icon size in docs
2.0.0-beta.6
- Enabled the
dist-custom-elements-bundle
output target - Fixed a bug where nested form controls were ignored in
<sl-form>
2.0.0-beta.5
- Fixed bug where
npm install
would fail due to postinstall script - Removed unused dependency
2.0.0-beta.4
- Added
pill
variation to badges - Fixed a bug where all badges had
pointer-events: none
- Fixed
@since
props to show 2.0 instead of 1.0 - Fixed giant cursors in inputs in Safari
- Fixed color picker input width in Safari
- Fixed initial transitions for drawer, dialog, and popover consumers
- Fixed a bug where dialog, dropdown, and drawer would sometimes not transition in on the first open
- Fixed various documentation typos
2.0.0-beta.3
- Fix version in docs
- Remove custom elements bundle
2.0.0-beta.2
- Fix quick start and installation URLs
- Switch Docsify theme
- Update line heights tokens
2.0.0-beta.1
- Initial release