2.0.2

Changes:

• Fixed alignIconToTitle in Notice
• Fixed Tooltip animation in left/right variants
• Fixed disabled state not showing in Switch(/Toggle)
• Fixed Expandable issue with expanding via keyboard
• Reworked some focus states across various components to make them look better and work nicer
• Update dnd-kit helper within Draggable

2.0.1

Changes:

• Tweaked CSS reset scoping.
  • ~@eightshift/ui-components/dist/assets/style-admin.css should be used for the admin area - CSS reset can be opt in via es:css-reset, cascade layers are not used, styles are prefixed
  • ~@eightshift/ui-components/dist/assets/style-editor.css is used for the block editor - cascade layers are not used, styles are prefixed to avoid block editor conflicts
  • ~@eightshift/ui-components/dist/assets/style.css is for everything else - uses cascade layers and style prefixing
• Fixed Expandable button hover when disabled

2.0.0

Breaking changes ahead!

Changes:

• Updated dependencies.
• Upgraded to TailwindCSS 4.
  • All es-uic- classes are now es:
  • !important modifiers should now be at the end of the class name, instead of at the beginning (e.g. es-uic-static -> es:static!)
  • Removed font-geist class, use es:font-sans instead
  • Updated design of most components.
• Added an option to theme the accent color of the components.
• Replaced tailwindcss-animate with tailwindcss-motion
• Removed ListBox
• Added 2 new Tabs variants (pill and pillInverse)
• CSS reset and Gutenberg overrides are now automatically managed, no extra config needed
  • for the editor and admin areas: import ~@eightshift/ui-components/dist/assets/style-editor.css (doesn't use cascade layers and prefixes styles to avoid block editor conflicts)
  • for other uses: import ~@eightshift/ui-components/dist/assets/style.css (no prefixing, uses cascade layers)
• Fonts are now built-in and automatically managed, remove any ~@eightshift/ui-components/dist/assets/fonts.css imports
• ColorPicker now supports adding custom options below colors via the extraOptions prop
• Added 2 new UI icons
• InputFields can now be inline
• Simplified MatrixAlign (popoverPosition prop is no longer supported)

1.9.1

Changes:

• Downgraded from React 19 to React 18.

1.9.0

Changes:

• Rewrote Expandable and ComponentToggle to use new React Aria disclosure components.
• Deprecated noFocusHandling from Expandable.
• Reworked AnimatedVisibility to use native CSS animations instead of Motion.
• Made Checkbox checkmark a bit thicker.
• Tweaked ContainerPanel animations.
• Added 2 UI icons.
• Updated dependencies.

1.8.0

Changes:

• JsxSvg now supports aria-hidden prop
• JsxSvg now support passing custom dynamic props to the output SVG.
• Added __ExperimentalSelect and __ExperimentalAsyncSelect as preview version of future select components. Please try them out and report any issues!
• Updated dependencies.

1.7.2

No changes since 1.7.1, just a re-publish due to NPM not publishing package properly.

1.7.1

Changes:

• Fixed truncate helper when the input is empty. (thanks @piqusy)
• Added 2 new UI icons and 3 new block icons.
• Updated dependencies.

1.7.0

Changes:

• Updated dependencies.
• Repeater, Draggable, DraggableList and ItemCollection will now behave better when undefined is passed as value.
• Fixed overlap issues with Select components.
• Improved ColorPicker grouping logic and made grouped menu more compact.
• Added MiniResponsive for cases you need to use a Responsive in a limited space. Works best with OptionSelect or other Button-like components!
• Fixed Spacer not applying className in some cases.
• Tweaked MediaPlaceholder colors a bit.
• MediaPlaceholder can now have any child items passed. They are rendered below the label and icon.

1.6.1

Changes:

• Fixed clearable not working in Select components.
• Fixed Tabs tab alignment when in horizontal mode.
• OptionsPanel, OptionsPanelSection, and OptionsPanelHeader now support the hidden prop.
• Tweaked OptionsPanelHeader title font.
• Tweaked some default Gutenberg overrides to do WP 6.6 changes.
• Reverted position: relative overlap tweak by @piqusy, as it caused layout issues in some cases. z-index: 50 should still make it OK.