6.0.4

Changes:

• Fixed MultiSelect reordering when simpleValue is used.
• Fixed NumberPicker width calculation when placeholder is used and some edge cases.
• Fixed ColumnConfigSlider handle alignment when min/max values are reached.
• Added white background color to #wpwrap in admin styles when es:css-reset is used.
• Added text selection styles to es:css-reset.
• Added a randomId helper function for generating variable-length (unsecure) random IDs for things like element keys and IDs.
• As previously, clsx export exports the clsx/lite version. If needed, the full version of clsx can now be imported from the utilities export as clsxFull.
• LinkInput can now also be made inline.

6.0.2

Changes:

• Container updates
  • Added centered prop to vertically center content (you might need to make inner content flex grow or fill width).
  • Added lessSpaceStart and lessSpaceEnd props for more control over horizontal padding.
  • Tweaked accent shade.
• ContainerGroup now supports a label prop to label the group.
• Fixed DraggableList item z-index while dragging.
• Menu now supports the hidden prop to programmatically hide the component.
• OptionsPanelHeader has set title margins to prevent overrides.
• RichLabel doesn't have the noColor prop anymore - it's now the default behavior.
• Improved SmartImage analysis reliability.
• Updated dependencies.

6.0.1

Changes:

• Updated dependencies.
• Reworked visuals of most controls.
• (BREAKING) Removed legacy react-select-based Select, AsyncSelect, MultiSelect, and AsyncMultiSelect components. SelectNext/AsyncSelectNext/MultiSelectNext/AsyncMultiSelectNext are dropping the Next suffix and becoming the main select components. Please check all usages and update accordingly.
• OptionSelect now supports sectionIcon, sectionSubtitle, and sectionEndIcon in the menu, submenu, and standaloneMenuItems variants to expand options for section headers.
• Added 3 Button types: simple, selectedSimple, and dangerSimple
• Added simple style to ToggleButton
• Added new AnimatedVisibility animation: scaleSlideFadeSlight
• Added flat prop to most components, to allow disabling shadow when e.g. nesting components.
• (Semi-breaking) changed NumberPicker sizes to match InputField sizes. 'compact' | 'small' | 'default' -> 'small' | 'medium' | 'default' | 'large'
• Button will now horizontally center its content, regardless of whether an icon is set
• Added 5 UI icons, updated 1.
• Deprecated ComponentToggle component. Use an alternate toggle + layout solution instead.
• Expandable will now adapt its border radius to surrounding components. You can disable this with the standalone prop.
• SmartImage will now fallback to synchronous analysis if async (web worker-based) analysis fails.
• SmartImage now has a verbose prop to optionally log extra debug info in case of errors.
• Removed border prop from OptionsPanelIntro.
• Added noBackdrop prop to Modal.
• Slider updates (besides new design)
  • trackBgGradientSupport prop to enable gradient backgrounds support for tracks.
  • trackContainerStyle prop to pass custom styles to the track container.
  • Improved marker generation for negative values.
  • Added tooltip while dragging slider handles (customizable with the tooltipContent prop).
• Switch now supports small and medium sizes.
• Added Container and ContainerGroup components for visually grouping controls.
• Tabs updates
  • Added underlineSecondary, chips, and bubble layouts.
  • Removed pillInverse, pillCompactInverse, pillOutline, and pillCompactOutline layouts.
• ContainerPanel updates:
  • • no border by default, can be re-enabled with the topBorder prop.
  • accentLabel and accentIcon props to optionally tint title and icon.
  • noLabelInset prop to not inset the label slightly, for better alignment with rounded containers.
• (BREAKING) Gutenberg override styles are now modular - you can import only what you need:
  • @eightshift/ui-components/dist/assets/wp-font-enhancements.css -> @eightshift/ui-components/dist/assets/wp-overrides/replace-fonts.css
  • @eightshift/ui-components/dist/assets/wp-ui-enhancements.css ->
    • @eightshift/ui-components/dist/assets/wp-overrides/fix-label-text-case.css
    • @eightshift/ui-components/dist/assets/wp-overrides/increase-sidebar-width.css
    • @eightshift/ui-components/dist/assets/wp-overrides/make-block-messages-nicer.css
    • @eightshift/ui-components/dist/assets/wp-overrides/restyle-tooltips.css
    • @eightshift/ui-components/dist/assets/wp-overrides/round-corners.css
    • @eightshift/ui-components/dist/assets/wp-overrides/unify-button-sizes.css
    • @eightshift/ui-components/dist/assets/wp-overrides/allow-full-width-blocks.css

5.6.1

Changes:

• Removed sha256 and sha224 from utilities export due to compatibility issues.
• Added simpleHash and cyrb64Hash hash functions.
• Replaced sha256 with cyrb64Hash for image analysis caching.

5.6.0

Changes:

• Updated dependencies.
• Added new helpers for checking transparency/image dominant colors that run on separate threads using web workers.
• Image analysis will now cache results in LocalStorage for faster subsequent loads.
• Changed SmartImage analysis to use new async helpers for better performance.
• SmartImage can now have the analysis results provided externally via the new analysisData prop, if data is available externally.
• Tweaked FilePickerShell file style.
• Added Spinner component (from the icons import).
• Tweaked library production build minification options.
• sha256 and sha224 are now available in the utilities export.

5.5.0

Changes:

• Added SmartImage
• Updated FilePickerShell to use SmartImage
• FilePickerShell no longer uses the fileName prop, use url instead (full URL or filename with extension can be provided)
• Added 4 new general helpers (available in the utilities export):
  • analyzeImage - analyzes an image and returns its dominant colors and whether it has transparency
  • checkTransparency - checks if an image has transparency
  • getFileExtension - extracts the file extension from a URL or filename
  • isColorDark - checks if a color is dark or light
• Added 2 new UI icons

5.4.0

Changes:

• Added FilePickerShell component
• Added 4 new Button types: glass, glassDark, dangerGlass, and selectedGlass
• Added flat prop to Button
• Updated dependencies

5.3.3

Changes:

• Added event.stopPropagation by default on MenuItems. This can be overridden with the new onClickNative prop, which receives the native click event.
• Fixed ToggleButton styles.
• Added 9 UI icons.
• Tweaked pending behavior in Button to prevent layout shifts.

5.3.2

Changes:

• Updated dependencies.
• Fixed some JSDoc typedef imports not being preserved in production bundles.