@loadsmart/loadsmart-ui 5.13.1 → 5.14.0

package/dist/components/Select/useSelect.helpers.d.ts

@@ -1,5 +1,6 @@
-import type { SelectAdapter, SelectValue, Option, Adapters } from './Select.types';
+import type { SelectAdapter, SelectValue, Option, Adapters, SelectProps } from './Select.types';
 export declare function getAdapter(adapters: Adapters, type?: string): SelectAdapter<any>;
 export declare function getValue(selection: SelectValue, multiple?: boolean): Option | Option[] | null;
+export declare function toSelection(value: SelectProps['value']): Option[];
 export declare function getDisplayValue(adapters: Adapters, selection: SelectValue, multiple?: boolean): string;
 export declare function escapeRegExp(value: string): string;

package/dist/components/Select/useSelect.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Text/Text.d.ts

@@ -8,7 +8,7 @@ export declare type TextProps = PropsWithChildren<{
 declare const _default: import("styled-components").StyledComponent<"span", any, {
     variant?: TypographyVariants | undefined;
     italic?: boolean | undefined;
-    color?: "left" | "center" | "right" | "color-neutral-darker" | "button-border-radius" | "button-border-width" | "button-font-weight" | "button-font-height" | "button-small-font-size" | "button-small-height" | "button-small-padding-x" | "button-small-padding-y" | "button-font-size" | "button-height" | "button-width" | "button-padding-y" | "button-padding-x" | "button-spacing-x" | "button-large-font-size" | "button-large-height" | "button-large-padding-x" | "button-large-padding-y" | "button-primary-background" | "button-primary-background--hover" | "button-primary-background--focus" | "button-primary-background--active" | "button-primary-background--disabled" | "button-primary-border-color" | "button-primary-border-color--hover" | "button-primary-border-color--focus" | "button-primary-border-color--active" | "button-primary-border-color--disabled" | "button-primary-color" | "button-primary-color--hover" | "button-primary-color--focus" | "button-primary-color--active" | "button-primary-color--disabled" | "button-primary-outline" | "button-secondary-background" | "button-secondary-background--hover" | "button-secondary-background--focus" | "button-secondary-background--active" | "button-secondary-background--disabled" | "button-secondary-border-color" | "button-secondary-border-color--hover" | "button-secondary-border-color--focus" | "button-secondary-border-color--active" | "button-secondary-border-color--disabled" | "button-secondary-color" | "button-secondary-color--hover" | "button-secondary-color--focus" | "button-secondary-color--active" | "button-secondary-color--disabled" | "button-secondary-outline" | "button-secondary-dark-background" | "button-secondary-dark-background--hover" | "button-secondary-dark-background--focus" | "button-secondary-dark-background--active" | "button-secondary-dark-background--disabled" | "button-secondary-dark-border-color" | "button-secondary-dark-border-color--hover" | "button-secondary-dark-border-color--focus" | "button-secondary-dark-border-color--active" | "button-secondary-dark-border-color--disabled" | "button-secondary-dark-color" | "button-secondary-dark-color--hover" | "button-secondary-dark-color--focus" | "button-secondary-dark-color--active" | "button-secondary-dark-color--disabled" | "button-warning-background" | "button-warning-background--hover" | "button-warning-background--focus" | "button-warning-background--active" | "button-warning-background--disabled" | "button-warning-border-color" | "button-warning-border-color--hover" | "button-warning-border-color--focus" | "button-warning-border-color--active" | "button-warning-border-color--disabled" | "button-warning-color" | "button-warning-color--hover" | "button-warning-color--focus" | "button-warning-color--active" | "button-warning-color--disabled" | "button-warning-outline" | "button-icon-border-radius" | "button-icon-small-width" | "button-icon-width" | "button-icon-large-width" | "button-icon-background" | "button-icon-background--hover" | "button-icon-background--focus" | "button-icon-background--active" | "button-icon-background--disabled" | "button-icon-border-color" | "button-icon-border-color--hover" | "button-icon-border-color--focus" | "button-icon-border-color--active" | "button-icon-border-color--disabled" | "button-icon-color" | "button-icon-color--hover" | "button-icon-color--focus" | "button-icon-color--active" | "button-icon-color--disabled" | "button-icon-outline" | "tag-border-radius" | "tag-border-width" | "tag-font-weight" | "tag-font-height" | "tag-spacing" | "tag-spacing-removable" | "tag-width" | "tag-outline" | "tag-remove-button-background" | "tag-remove-button-border-radius" | "tag-icon-spacing" | "tag-small-font-size" | "tag-small-height" | "tag-small-transform" | "tag-small-leading-display" | "tag-small-remove-button-size" | "tag-small-remove-button-icon-size" | "tag-small-spacing-removable" | "tag-font-size" | "tag-height" | "tag-transform" | "tag-leading-display" | "tag-remove-button-size" | "tag-remove-button-icon-size" | "tag-large-font-size" | "tag-large-height" | "tag-large-transform" | "tag-large-leading-display" | "tag-large-remove-button-size" | "tag-large-remove-button-icon-size" | "tag-default-background" | "tag-default-background--hover" | "tag-default-background--focus" | "tag-default-color" | "tag-default-color--hover" | "tag-default-color--focus" | "tag-default-border-color" | "tag-default-border-color--hover" | "tag-default-border-color--focus" | "tag-outlined-background" | "tag-outlined-background--hover" | "tag-outlined-background--focus" | "tag-outlined-color" | "tag-outlined-color--hover" | "tag-outlined-color--focus" | "tag-outlined-border-color" | "tag-outlined-border-color--hover" | "tag-outlined-border-color--focus" | "tag-accent-background" | "tag-accent-background--hover" | "tag-accent-background--focus" | "tag-accent-color" | "tag-accent-color--hover" | "tag-accent-color--focus" | "tag-accent-border-color" | "tag-accent-border-color--hover" | "tag-accent-border-color--focus" | "tag-success-background" | "tag-success-background--hover" | "tag-success-background--focus" | "tag-success-color" | "tag-success-color--hover" | "tag-success-color--focus" | "tag-success-border-color" | "tag-success-border-color--hover" | "tag-success-border-color--focus" | "tag-warning-background" | "tag-warning-background--hover" | "tag-warning-background--focus" | "tag-warning-color" | "tag-warning-color--hover" | "tag-warning-color--focus" | "tag-warning-border-color" | "tag-warning-border-color--hover" | "tag-warning-border-color--focus" | "tag-danger-background" | "tag-danger-background--hover" | "tag-danger-background--focus" | "tag-danger-color" | "tag-danger-color--hover" | "tag-danger-color--focus" | "tag-danger-border-color" | "tag-danger-border-color--hover" | "tag-danger-border-color--focus" | "checkbox-color" | "checkbox-font-weight" | "checkbox-font-size" | "checkbox-selector-border-radius" | "checkbox-selector-size" | "checkbox-selector-outline" | "checkbox-small-font-size" | "checkbox-selector-icon-color" | "checkbox-selector-background" | "checkbox-selector-background--hover" | "checkbox-selector-background--focus" | "checkbox-selector-background--disabled" | "checkbox-selector-checked-background" | "checkbox-selector-checked-background--hover" | "checkbox-selector-checked-background--focus" | "checkbox-selector-checked-background--disabled" | "checkbox-selector-border-color" | "checkbox-selector-border-color--hover" | "checkbox-selector-border-color--focus" | "checkbox-selector-border-color--disabled" | "checkbox-selector-checked-border-color" | "checkbox-selector-checked-border-color--hover" | "checkbox-selector-checked-border-color--focus" | "checkbox-selector-checked-border-color--disabled" | "checkbox-dark-color" | "checkbox-dark-selector-background" | "checkbox-dark-selector-background--hover" | "checkbox-dark-selector-background--focus" | "checkbox-dark-selector-background--disabled" | "checkbox-dark-selector-border-color" | "checkbox-dark-selector-border-color--hover" | "checkbox-dark-selector-border-color--focus" | "checkbox-dark-selector-border-color--disabled" | "radio-color" | "radio-font-weight" | "radio-font-size" | "radio-selector-border-radius" | "radio-selector-size" | "radio-selector-outline" | "radio-small-font-size" | "radio-small-selector-size" | "radio-selector-background" | "radio-selector-background--hover" | "radio-selector-background--focus" | "radio-selector-background--disabled" | "radio-selector-border-color" | "radio-selector-border-color--hover" | "radio-selector-border-color--focus" | "radio-selector-border-color--disabled" | "radio-selector-border-color--checked" | "radio-dark-color" | "radio-dark-selector-background" | "radio-dark-selector-background--hover" | "radio-dark-selector-background--focus" | "radio-dark-selector-background--disabled" | "radio-dark-selector-border-color" | "radio-dark-selector-border-color--hover" | "radio-dark-selector-border-color--focus" | "radio-dark-selector-border-color--disabled" | "tooltip-arrow-height" | "tooltip-arrow-width" | "tooltip-background" | "tooltip-border-radius" | "tooltip-color" | "tooltip-dark-outline" | "tooltip-font-size" | "tooltip-font-height" | "tooltip-max-width" | "tooltip-min-width" | "tooltip-outline" | "tooltip-padding-x" | "tooltip-padding-y" | "tooltip-margin" | "tooltip-shadow" | "modal-small-max-width" | "modal-max-width" | "modal-large-max-width" | "modal-overlay-background" | "dialog-header-color" | "dialog-header-border-color" | "dialog-body-font-color" | "text-field-border-radius" | "text-field-color" | "text-field-font-size" | "text-field-font-weight" | "text-field-font-height" | "text-field-height" | "text-field-padding-x" | "text-field-padding-y" | "text-field-outline" | "text-field-small-height" | "text-field-small-padding-x" | "text-field-small-padding-y" | "text-field-small-font-size" | "text-field-large-height" | "text-field-large-padding-x" | "text-field-large-padding-y" | "text-field-large-font-size" | "text-field-background" | "text-field-background--hover" | "text-field-background--focus" | "text-field-background--disabled" | "text-field-border-color" | "text-field-border-color--hover" | "text-field-border-color--focus" | "text-field-border-color--disabled" | "text-field-dark-color" | "text-field-dark-background" | "text-field-dark-border-color" | "text-field-dark-border-color--hover" | "text-field-dark-border-color--focus" | "text-field-dark-border-color--disabled" | "text-field-success-border-color" | "text-field-danger-border-color" | "text-field-dark-outline" | "textarea-border-radius" | "textarea-color" | "textarea-font-size" | "textarea-font-weight" | "textarea-font-height" | "textarea-min-height" | "textarea-padding-x" | "textarea-padding-y" | "textarea-outline" | "textarea-small-padding-x" | "textarea-small-padding-y" | "textarea-small-font-size" | "textarea-large-height" | "textarea-large-padding-x" | "textarea-large-padding-y" | "textarea-large-font-size" | "textarea-background" | "textarea-background--hover" | "textarea-background--focus" | "textarea-background--disabled" | "textarea-border-color" | "textarea-border-color--hover" | "textarea-border-color--focus" | "textarea-border-color--disabled" | "textarea-dark-color" | "textarea-dark-background" | "textarea-dark-border-color" | "textarea-dark-border-color--hover" | "textarea-dark-border-color--focus" | "textarea-dark-border-color--disabled" | "textarea-success-border-color" | "textarea-danger-border-color" | "textarea-dark-outline" | "link-font-size" | "link-font-height" | "link-color" | "link-font-weight" | "link-font-weight--hover" | "breadcrumbs-font-size" | "breadcrumbs-font-height" | "breadcrumbs-font-weight" | "breadcrumbs-font-weight--active" | "breadcrumbs-spacing-x" | "banner-font-size" | "banner-font-height" | "banner-default-height" | "banner-min-width" | "banner-description-color" | "banner-title-font-weight" | "banner-border-radius" | "banner-border-width" | "banner-close-button-color" | "banner-icon-width" | "banner-icon-height" | "banner-icon-margin-right" | "banner-default-padding-x" | "banner-default-padding-y" | "banner-large-padding" | "banner-default-icon-alignment" | "banner-large-icon-alignment" | "banner-default-close-top" | "banner-default-close-right" | "banner-large-close-top" | "banner-large-close-right" | "banner-title-color-success" | "banner-border-color-success" | "banner-background-success" | "banner-title-color-danger" | "banner-border-color-danger" | "banner-background-danger" | "banner-title-color-warning" | "banner-border-color-warning" | "banner-background-warning" | "banner-title-color-neutral" | "banner-border-color-neutral" | "banner-background-neutral" | "banner-button-background-success" | "banner-button-background-neutral" | "banner-button-background-danger" | "banner-button-background-warning" | "banner-button-background-secondary" | "banner-button-text-color" | "banner-secondary-button-margin-left" | "progressbar-height" | "progressbar-background" | "progressbar-line" | "progressbar-neutral-fill" | "progressbar-success-fill" | "progressbar-danger-fill" | "progressbar-warning-fill" | "toast-padding-x" | "toast-padding-y" | "toast-border-radius" | "toast-font-color" | "toast-font-size" | "toast-font-weight" | "toast-font-height" | "toast-close-x" | "toast-close-y" | "toast-shadow" | "toast-width" | "toast-neutral-background" | "toast-success-background" | "toast-danger-background" | "toast-warning-background" | "label-font-size" | "label-font-weight" | "label-font-height" | "label-font-color" | "label-required-color" | "label-tooltip-margin-left" | "label-tooltip-font-weight" | "label-tooltip-font-size" | "label-tooltip-font-color" | "label-tooltip-background-color" | "label-dark-font-color" | "label-tooltip-dark-font-color" | "label-tooltip-dark-background-color" | "switch-width" | "switch-height" | "switch-border-radius" | "switch-outline" | "switch-large-width" | "switch-large-height" | "switch-large-border-radius" | "switch-icon-height" | "switch-icon-width" | "switch-icon-color" | "switch-large-icon-height" | "switch-large-icon-width" | "switch-icon-active-x" | "switch-icon-active-y" | "switch-large-icon-active-x" | "switch-large-icon-active-y" | "switch-icon-inactive-x" | "switch-icon-inactive-y" | "switch-large-icon-inactive-x" | "switch-large-icon-inactive-y" | "switch-inactive-background-color" | "switch-inactive-background-color--hover" | "switch-active-background-color" | "switch-active-background-color--hover" | "switch-slider-x" | "switch-slider-active-x" | "switch-slider-y" | "switch-slider-active-y" | "switch-slider-size" | "switch-slider-background-color" | "switch-slider-border-radius" | "switch-slider-large-x" | "switch-slider-large-active-x" | "switch-slider-large-y" | "switch-slider-large-active-y" | "switch-slider-large-size" | "steps-step-padding-y" | "steps-step-padding-x" | "steps-color" | "steps-progress-padding-y" | "steps-progress-padding-x" | "steps-spacing-y" | "steps-indicator-size" | "steps-conector-height" | "steps-conector-height--complete" | "steps-conector-top" | "steps-conector-top--complete" | "card-background" | "card-border-color" | "card-border-radius" | "card-color" | "card-flag-background-danger" | "card-flag-background-neutral" | "card-flag-background-success" | "card-flag-background-warning" | "card-flag-width" | "card-font-height" | "card-padding-x" | "card-padding-y" | "card-separator-background" | "card-subtitle-font-size" | "card-subtitle-font-weight" | "card-title-font-height" | "card-title-font-size" | "card-title-font-weight" | "popover-background" | "popover-border-color" | "popover-border-radius" | "popover-shadow" | "side-navigation-collapsing-breakpoint" | "side-navigation-width" | "side-navigation-width-large" | "side-navigation-padding-bottom" | "side-navigation-background-color" | "side-navigation-component-margin-top" | "side-navigation-logo-padding-x" | "side-navigation-separator-color" | "table-row-default-color" | "table-row-variant-color" | "table-row-selected-color" | "top-navigation-height" | "top-navigation-background-color" | "top-navigation-border-color" | "top-navigation-dropdown-separator-color" | "top-navigation-dropdown-trigger-color" | "top-navigation-dropdown-subitem-color" | "top-navigation-item-icon-color" | "top-navigation-item-color" | "top-navigation-item-color--hover" | "z-index-none" | "z-index-default" | "z-index-droplist" | "z-index-tooltip" | "z-index-overlay" | "z-index-modal" | "space-none" | "space-2xs" | "space-xs" | "space-s" | "space-m" | "space-l" | "space-xl" | "space-2xl" | "space-3xl" | "shadow-none" | "shadow-modal" | "shadow-droplist" | "shadow-glow-primary" | "shadow-glow-warning" | "opacity-0" | "opacity-20" | "opacity-40" | "opacity-60" | "opacity-100" | "font-weight-regular" | "font-weight-medium" | "font-weight-bold" | "font-size-6" | "font-size-5" | "font-size-4" | "font-size-3" | "font-size-2" | "font-size-1" | "font-height-1" | "font-height-2" | "font-height-3" | "font-family-default" | "font-family-monospace" | "color-primary" | "color-accent" | "color-neutral-darkest" | "color-neutral-dark" | "color-neutral" | "color-neutral-light" | "color-neutral-lighter" | "color-neutral-lightest" | "color-neutral-white" | "color-success-dark" | "color-success" | "color-success-light" | "color-transparent" | "color-warning-dark" | "color-warning" | "color-warning-light" | "color-danger-dark" | "color-danger" | "color-danger-light" | "border-width-none" | "border-width-thin" | "border-width-medium" | "border-width-bold" | "border-radius-none" | "border-radius-s" | "border-radius-m" | "border-radius-l" | "border-radius-circle" | undefined;
+    color?: "left" | "center" | "right" | "color-neutral-darker" | "button-border-radius" | "button-border-width" | "button-font-weight" | "button-font-height" | "button-small-font-size" | "button-small-height" | "button-small-padding-x" | "button-small-padding-y" | "button-font-size" | "button-height" | "button-width" | "button-padding-y" | "button-padding-x" | "button-spacing-x" | "button-large-font-size" | "button-large-height" | "button-large-padding-x" | "button-large-padding-y" | "button-primary-background" | "button-primary-background--hover" | "button-primary-background--focus" | "button-primary-background--active" | "button-primary-background--disabled" | "button-primary-border-color" | "button-primary-border-color--hover" | "button-primary-border-color--focus" | "button-primary-border-color--active" | "button-primary-border-color--disabled" | "button-primary-color" | "button-primary-color--hover" | "button-primary-color--focus" | "button-primary-color--active" | "button-primary-color--disabled" | "button-primary-outline" | "button-secondary-background" | "button-secondary-background--hover" | "button-secondary-background--focus" | "button-secondary-background--active" | "button-secondary-background--disabled" | "button-secondary-border-color" | "button-secondary-border-color--hover" | "button-secondary-border-color--focus" | "button-secondary-border-color--active" | "button-secondary-border-color--disabled" | "button-secondary-color" | "button-secondary-color--hover" | "button-secondary-color--focus" | "button-secondary-color--active" | "button-secondary-color--disabled" | "button-secondary-outline" | "button-secondary-dark-background" | "button-secondary-dark-background--hover" | "button-secondary-dark-background--focus" | "button-secondary-dark-background--active" | "button-secondary-dark-background--disabled" | "button-secondary-dark-border-color" | "button-secondary-dark-border-color--hover" | "button-secondary-dark-border-color--focus" | "button-secondary-dark-border-color--active" | "button-secondary-dark-border-color--disabled" | "button-secondary-dark-color" | "button-secondary-dark-color--hover" | "button-secondary-dark-color--focus" | "button-secondary-dark-color--active" | "button-secondary-dark-color--disabled" | "button-warning-background" | "button-warning-background--hover" | "button-warning-background--focus" | "button-warning-background--active" | "button-warning-background--disabled" | "button-warning-border-color" | "button-warning-border-color--hover" | "button-warning-border-color--focus" | "button-warning-border-color--active" | "button-warning-border-color--disabled" | "button-warning-color" | "button-warning-color--hover" | "button-warning-color--focus" | "button-warning-color--active" | "button-warning-color--disabled" | "button-warning-outline" | "button-icon-border-radius" | "button-icon-small-width" | "button-icon-width" | "button-icon-large-width" | "button-icon-background" | "button-icon-background--hover" | "button-icon-background--focus" | "button-icon-background--active" | "button-icon-background--disabled" | "button-icon-border-color" | "button-icon-border-color--hover" | "button-icon-border-color--focus" | "button-icon-border-color--active" | "button-icon-border-color--disabled" | "button-icon-color" | "button-icon-color--hover" | "button-icon-color--focus" | "button-icon-color--active" | "button-icon-color--disabled" | "button-icon-outline" | "tag-border-radius" | "tag-border-width" | "tag-font-weight" | "tag-font-height" | "tag-spacing" | "tag-spacing-removable" | "tag-width" | "tag-outline" | "tag-remove-button-background" | "tag-remove-button-border-radius" | "tag-icon-spacing" | "tag-small-font-size" | "tag-small-height" | "tag-small-transform" | "tag-small-leading-display" | "tag-small-remove-button-size" | "tag-small-remove-button-icon-size" | "tag-small-spacing-removable" | "tag-font-size" | "tag-height" | "tag-transform" | "tag-leading-display" | "tag-remove-button-size" | "tag-remove-button-icon-size" | "tag-large-font-size" | "tag-large-height" | "tag-large-transform" | "tag-large-leading-display" | "tag-large-remove-button-size" | "tag-large-remove-button-icon-size" | "tag-default-background" | "tag-default-background--hover" | "tag-default-background--focus" | "tag-default-color" | "tag-default-color--hover" | "tag-default-color--focus" | "tag-default-border-color" | "tag-default-border-color--hover" | "tag-default-border-color--focus" | "tag-outlined-background" | "tag-outlined-background--hover" | "tag-outlined-background--focus" | "tag-outlined-color" | "tag-outlined-color--hover" | "tag-outlined-color--focus" | "tag-outlined-border-color" | "tag-outlined-border-color--hover" | "tag-outlined-border-color--focus" | "tag-accent-background" | "tag-accent-background--hover" | "tag-accent-background--focus" | "tag-accent-color" | "tag-accent-color--hover" | "tag-accent-color--focus" | "tag-accent-border-color" | "tag-accent-border-color--hover" | "tag-accent-border-color--focus" | "tag-success-background" | "tag-success-background--hover" | "tag-success-background--focus" | "tag-success-color" | "tag-success-color--hover" | "tag-success-color--focus" | "tag-success-border-color" | "tag-success-border-color--hover" | "tag-success-border-color--focus" | "tag-warning-background" | "tag-warning-background--hover" | "tag-warning-background--focus" | "tag-warning-color" | "tag-warning-color--hover" | "tag-warning-color--focus" | "tag-warning-border-color" | "tag-warning-border-color--hover" | "tag-warning-border-color--focus" | "tag-danger-background" | "tag-danger-background--hover" | "tag-danger-background--focus" | "tag-danger-color" | "tag-danger-color--hover" | "tag-danger-color--focus" | "tag-danger-border-color" | "tag-danger-border-color--hover" | "tag-danger-border-color--focus" | "checkbox-color" | "checkbox-font-weight" | "checkbox-font-size" | "checkbox-selector-border-radius" | "checkbox-selector-size" | "checkbox-selector-outline" | "checkbox-small-font-size" | "checkbox-selector-icon-color" | "checkbox-selector-background" | "checkbox-selector-background--hover" | "checkbox-selector-background--focus" | "checkbox-selector-background--disabled" | "checkbox-selector-checked-background" | "checkbox-selector-checked-background--hover" | "checkbox-selector-checked-background--focus" | "checkbox-selector-checked-background--disabled" | "checkbox-selector-border-color" | "checkbox-selector-border-color--hover" | "checkbox-selector-border-color--focus" | "checkbox-selector-border-color--disabled" | "checkbox-selector-checked-border-color" | "checkbox-selector-checked-border-color--hover" | "checkbox-selector-checked-border-color--focus" | "checkbox-selector-checked-border-color--disabled" | "checkbox-dark-color" | "checkbox-dark-selector-background" | "checkbox-dark-selector-background--hover" | "checkbox-dark-selector-background--focus" | "checkbox-dark-selector-background--disabled" | "checkbox-dark-selector-border-color" | "checkbox-dark-selector-border-color--hover" | "checkbox-dark-selector-border-color--focus" | "checkbox-dark-selector-border-color--disabled" | "radio-color" | "radio-font-weight" | "radio-font-size" | "radio-selector-border-radius" | "radio-selector-size" | "radio-selector-outline" | "radio-small-font-size" | "radio-small-selector-size" | "radio-selector-background" | "radio-selector-background--hover" | "radio-selector-background--focus" | "radio-selector-background--disabled" | "radio-selector-border-color" | "radio-selector-border-color--hover" | "radio-selector-border-color--focus" | "radio-selector-border-color--disabled" | "radio-selector-border-color--checked" | "radio-dark-color" | "radio-dark-selector-background" | "radio-dark-selector-background--hover" | "radio-dark-selector-background--focus" | "radio-dark-selector-background--disabled" | "radio-dark-selector-border-color" | "radio-dark-selector-border-color--hover" | "radio-dark-selector-border-color--focus" | "radio-dark-selector-border-color--disabled" | "tooltip-arrow-height" | "tooltip-arrow-width" | "tooltip-background" | "tooltip-border-radius" | "tooltip-color" | "tooltip-dark-outline" | "tooltip-font-size" | "tooltip-font-height" | "tooltip-max-width" | "tooltip-min-width" | "tooltip-outline" | "tooltip-padding-x" | "tooltip-padding-y" | "tooltip-margin" | "tooltip-shadow" | "modal-small-max-width" | "modal-max-width" | "modal-large-max-width" | "modal-overlay-background" | "dialog-header-color" | "dialog-header-border-color" | "dialog-body-font-color" | "text-field-border-radius" | "text-field-color" | "text-field-font-size" | "text-field-font-weight" | "text-field-font-height" | "text-field-height" | "text-field-padding-x" | "text-field-padding-y" | "text-field-outline" | "text-field-small-height" | "text-field-small-padding-x" | "text-field-small-padding-y" | "text-field-small-font-size" | "text-field-large-height" | "text-field-large-padding-x" | "text-field-large-padding-y" | "text-field-large-font-size" | "text-field-background" | "text-field-background--hover" | "text-field-background--focus" | "text-field-background--disabled" | "text-field-border-color" | "text-field-border-color--hover" | "text-field-border-color--focus" | "text-field-border-color--disabled" | "text-field-dark-color" | "text-field-dark-background" | "text-field-dark-border-color" | "text-field-dark-border-color--hover" | "text-field-dark-border-color--focus" | "text-field-dark-border-color--disabled" | "text-field-success-border-color" | "text-field-danger-border-color" | "text-field-dark-outline" | "textarea-border-radius" | "textarea-color" | "textarea-font-size" | "textarea-font-weight" | "textarea-font-height" | "textarea-min-height" | "textarea-padding-x" | "textarea-padding-y" | "textarea-outline" | "textarea-small-padding-x" | "textarea-small-padding-y" | "textarea-small-font-size" | "textarea-large-height" | "textarea-large-padding-x" | "textarea-large-padding-y" | "textarea-large-font-size" | "textarea-background" | "textarea-background--hover" | "textarea-background--focus" | "textarea-background--disabled" | "textarea-border-color" | "textarea-border-color--hover" | "textarea-border-color--focus" | "textarea-border-color--disabled" | "textarea-dark-color" | "textarea-dark-background" | "textarea-dark-border-color" | "textarea-dark-border-color--hover" | "textarea-dark-border-color--focus" | "textarea-dark-border-color--disabled" | "textarea-success-border-color" | "textarea-danger-border-color" | "textarea-dark-outline" | "link-font-size" | "link-font-height" | "link-color" | "link-font-weight" | "link-font-weight--hover" | "breadcrumbs-font-size" | "breadcrumbs-font-height" | "breadcrumbs-font-weight" | "breadcrumbs-font-weight--active" | "breadcrumbs-spacing-x" | "banner-font-size" | "banner-font-height" | "banner-default-height" | "banner-min-width" | "banner-description-color" | "banner-title-font-weight" | "banner-border-radius" | "banner-border-width" | "banner-close-button-color" | "banner-icon-width" | "banner-icon-height" | "banner-icon-margin-right" | "banner-default-padding-x" | "banner-default-padding-y" | "banner-large-padding" | "banner-default-icon-alignment" | "banner-large-icon-alignment" | "banner-default-close-top" | "banner-default-close-right" | "banner-large-close-top" | "banner-large-close-right" | "banner-title-color-success" | "banner-border-color-success" | "banner-background-success" | "banner-title-color-danger" | "banner-border-color-danger" | "banner-background-danger" | "banner-title-color-warning" | "banner-border-color-warning" | "banner-background-warning" | "banner-title-color-neutral" | "banner-border-color-neutral" | "banner-background-neutral" | "banner-button-background-success" | "banner-button-background-neutral" | "banner-button-background-danger" | "banner-button-background-warning" | "banner-button-background-secondary" | "banner-button-text-color" | "banner-secondary-button-margin-left" | "progressbar-height" | "progressbar-background" | "progressbar-line" | "progressbar-neutral-fill" | "progressbar-success-fill" | "progressbar-danger-fill" | "progressbar-warning-fill" | "toast-padding-x" | "toast-padding-y" | "toast-border-radius" | "toast-font-color" | "toast-font-size" | "toast-font-weight" | "toast-font-height" | "toast-close-x" | "toast-close-y" | "toast-shadow" | "toast-width" | "toast-neutral-background" | "toast-success-background" | "toast-danger-background" | "toast-warning-background" | "label-font-size" | "label-font-weight" | "label-font-height" | "label-font-color" | "label-required-color" | "label-tooltip-margin-left" | "label-tooltip-font-weight" | "label-tooltip-font-size" | "label-tooltip-font-color" | "label-tooltip-background-color" | "label-dark-font-color" | "label-tooltip-dark-font-color" | "label-tooltip-dark-background-color" | "switch-width" | "switch-height" | "switch-border-radius" | "switch-outline" | "switch-large-width" | "switch-large-height" | "switch-large-border-radius" | "switch-icon-height" | "switch-icon-width" | "switch-icon-color" | "switch-large-icon-height" | "switch-large-icon-width" | "switch-icon-active-x" | "switch-icon-active-y" | "switch-large-icon-active-x" | "switch-large-icon-active-y" | "switch-icon-inactive-x" | "switch-icon-inactive-y" | "switch-large-icon-inactive-x" | "switch-large-icon-inactive-y" | "switch-inactive-background-color" | "switch-inactive-background-color--hover" | "switch-active-background-color" | "switch-active-background-color--hover" | "switch-slider-x" | "switch-slider-active-x" | "switch-slider-y" | "switch-slider-active-y" | "switch-slider-size" | "switch-slider-background-color" | "switch-slider-border-radius" | "switch-slider-large-x" | "switch-slider-large-active-x" | "switch-slider-large-y" | "switch-slider-large-active-y" | "switch-slider-large-size" | "steps-step-padding-y" | "steps-step-padding-x" | "steps-color" | "steps-progress-padding-y" | "steps-progress-padding-x" | "steps-spacing-y" | "steps-indicator-size" | "steps-conector-height" | "steps-conector-height--complete" | "steps-conector-top" | "steps-conector-top--complete" | "steps-progress-step-background-color" | "steps-progress-step-background-color--complete" | "card-background" | "card-border-color" | "card-border-radius" | "card-color" | "card-flag-background-danger" | "card-flag-background-neutral" | "card-flag-background-success" | "card-flag-background-warning" | "card-flag-width" | "card-font-height" | "card-padding-x" | "card-padding-y" | "card-separator-background" | "card-subtitle-font-size" | "card-subtitle-font-weight" | "card-title-font-height" | "card-title-font-size" | "card-title-font-weight" | "popover-background" | "popover-border-color" | "popover-border-radius" | "popover-shadow" | "side-navigation-collapsing-breakpoint" | "side-navigation-width" | "side-navigation-width-large" | "side-navigation-padding-bottom" | "side-navigation-background-color" | "side-navigation-component-margin-top" | "side-navigation-logo-padding-x" | "side-navigation-separator-color" | "side-navigation-menu-title-font-weight" | "side-navigation-menu-title-font-size" | "side-navigation-menu-title-line-height" | "side-navigation-menu-link-color--hover" | "side-navigation-menu-link-background-color--active" | "side-navigation-menu-link-box-shadow-color--active" | "side-navigation-menu-item-color--focus" | "table-row-default-color" | "table-row-variant-color" | "table-row-selected-color" | "top-navigation-height" | "top-navigation-background-color" | "top-navigation-border-color" | "top-navigation-dropdown-separator-color" | "top-navigation-dropdown-trigger-color" | "top-navigation-dropdown-subitem-color" | "top-navigation-item-icon-color" | "top-navigation-item-color" | "top-navigation-item-color--hover" | "select-selected-option-check-color" | "select-selected-option-background-color" | "toggle-text-transform" | "toggle-background-color" | "toggle-background-color--hover" | "toggle-background-color--focus" | "toggle-background-color--active" | "toggle-background-color--disabled" | "toggle-checked-background-color" | "toggle-checked-background-color--hover" | "toggle-checked-background-color--focus" | "toggle-checked-background-color--active" | "toggle-checked-background-color--disabled" | "toggle-color" | "toggle-color--hover" | "toggle-color--focus" | "toggle-color--active" | "toggle-color--disabled" | "toggle-checked-color" | "toggle-checked-color--hover" | "toggle-checked-color--focus" | "toggle-checked-color--active" | "toggle-checked-color--disabled" | "toggle-single-border-color" | "toggle-single-border-color--hover" | "toggle-single-border-color--focus" | "toggle-single-border-color--active" | "toggle-single-border-color--disabled" | "toggle-single-checked-border-color" | "toggle-single-checked-border-color--disabled" | "toggle-single-font-size" | "toggle-single-small-font-size" | "toggle-single-height" | "toggle-single-small-height" | "toggle-multiple-border-color" | "toggle-multiple-border-color--hover" | "toggle-multiple-border-color--focus" | "toggle-multiple-border-color--active" | "toggle-multiple-border-color--disabled" | "toggle-multiple-checked-border-color" | "toggle-multiple-checked-border-color--disabled" | "toggle-multiple-font-size" | "toggle-multiple-small-font-size" | "toggle-multiple-height" | "toggle-multiple-small-height" | "toggle-group-multiple-border-width" | "toggle-group-multiple-border-style" | "toggle-group-multiple-border-color" | "toggle-group-multiple-border-radius" | "toggle-group-multiple-padding" | "toggle-group-single-border-width" | "toggle-group-single-border-style" | "toggle-group-single-border-color" | "toggle-group-single-border-radius" | "toggle-group-single-padding" | "dropdown-trigger-expanded-color" | "dropdown-trigger-height" | "height-small" | "height-default" | "height-large" | "z-index-none" | "z-index-default" | "z-index-droplist" | "z-index-tooltip" | "z-index-overlay" | "z-index-modal" | "space-none" | "space-2xs" | "space-xs" | "space-s" | "space-m" | "space-l" | "space-xl" | "space-2xl" | "space-3xl" | "shadow-none" | "shadow-modal" | "shadow-droplist" | "shadow-glow-primary" | "shadow-glow-warning" | "opacity-0" | "opacity-20" | "opacity-40" | "opacity-60" | "opacity-100" | "font-weight-regular" | "font-weight-medium" | "font-weight-bold" | "font-size-6" | "font-size-5" | "font-size-4" | "font-size-3" | "font-size-2" | "font-size-1" | "font-height-1" | "font-height-2" | "font-height-3" | "font-family-default" | "font-family-monospace" | "color-primary" | "color-accent" | "color-neutral-darkest" | "color-neutral-dark" | "color-neutral" | "color-neutral-light" | "color-neutral-lighter" | "color-neutral-lightest" | "color-neutral-white" | "color-success-dark" | "color-success" | "color-success-light" | "color-transparent" | "color-warning-dark" | "color-warning" | "color-warning-light" | "color-danger-dark" | "color-danger" | "color-danger-light" | "border-width-none" | "border-width-thin" | "border-width-medium" | "border-width-bold" | "border-radius-none" | "border-radius-s" | "border-radius-m" | "border-radius-l" | "border-radius-circle" | undefined;
 } & {
     children?: import("react").ReactNode;
 }, never>;

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./DragDropFile.context-cf460901.js"),t=require("react"),n=require("styled-components"),r=require("./theming/index.js"),o=require("./loadsmart.theme-63c13988.js"),a=require("./toArray-b56541b4.js"),l=require("./prop-0f94ff83.js"),i=require("react-dom");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=c(t),u=s(t),g=c(n),p=c(i);function h(e){return`\n    transition-property: ${(null==e?void 0:e.property)||"background, border-color, box-shadow, color, fill, left, stroke, transform, opacity"};\n    transition-timing-function: ${(null==e?void 0:e.timingFunction)||"cubic-bezier(0.4, 0, 0.2, 1)"};\n    transition-duration: ${(null==e?void 0:e.duration)||"450ms"};\n    transition-delay: 0ms;\n  `}const f=g.default.span`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./DragDropFile.context-cf460901.js"),t=require("react"),n=require("styled-components"),r=require("./theming/index.js"),o=require("./miranda-compatibility.theme-bb0cbfb2.js"),a=require("./toArray-b56541b4.js"),l=require("./prop-73352de5.js"),i=require("react-dom");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("@loadsmart/miranda-tokens");var d=c(t),u=s(t),g=c(n),p=c(i);function h(e){return`\n    transition-property: ${(null==e?void 0:e.property)||"background, border-color, box-shadow, color, fill, left, stroke, transform, opacity"};\n    transition-timing-function: ${(null==e?void 0:e.timingFunction)||"cubic-bezier(0.4, 0, 0.2, 1)"};\n    transition-duration: ${(null==e?void 0:e.duration)||"450ms"};\n    transition-delay: 0ms;\n  `}const f=g.default.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -793,60 +793,70 @@
 `,yr=g.default(Cn)`
   margin: 0 ${r.getToken("space-m")} 0 0;
 `;function xr(){const e=t.useRef(0);return t.useEffect((function(){e.current=1}),[]),e.current>0}const Pr={getKey:e=>o.lodash_get(e,"value")};function Er(e){const{adapters:t,multiple:n}=e,r={getAdapter:e=>null==e?Pr:t[e]||Pr};return n?function(e){return{type:()=>"multiple",init(e){return this.select(e,new Map)},select(t,n){const r=new Map(n);for(let n=0;n<t.length;n++){const o=e.getAdapter(t[n]._type);r.set(o.getKey(t[n]),t[n])}return r},unselect(e,t){const n=new Map(t);for(let t=0;t<e.length;t++)n.delete(e[t]);return n},toggle(t,n){const r=new Map(n);for(let o=0;o<t.length;o++){const a=e.getAdapter(t[o]._type).getKey(t[o]);n.has(a)?r.delete(a):r.set(a,t[o])}return r},clear:()=>new Map}}(r):function(e){return{type:()=>"single",init(e){return this.select(e,new Map)},select(t){const n=new Map;for(let r=0;r<t.slice(0,1).length;r++){const o=e.getAdapter(t[r]._type);n.set(o.getKey(t[r]),t[r])}return n},unselect(e,t){const n=new Map(t);for(let t=0;t<e.length;t++)n.delete(e[t]);return n},toggle(t,n){const r=new Map;for(let o=0;o<t.slice(0,1).length;o++){const a=e.getAdapter(t[o]._type);n.has(a.getKey(t[o]))||r.set(a.getKey(t[o]),t[o])}return r},clear:()=>new Map}}(r)}var Tr="[object GeneratorFunction]",Cr=/^\s+|\s+$/g,jr=/^[-+]0x[0-9a-f]+$/i,Or=/^0b[01]+$/i,_r=/^0o[0-7]+$/i,zr=/^(?:0|[1-9]\d*)$/,Sr=parseInt,Mr=Object.prototype.toString,Dr=Math.ceil,Ar=Math.max;function Nr(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function Fr(e){return e?Infinity===(e=function(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==Mr.call(e)}(e))return NaN;if(Nr(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=Nr(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(Cr,"");var n=Or.test(e);return n||_r.test(e)?Sr(e.slice(2),n?2:8):jr.test(e)?NaN:+e}(e))||-Infinity===e?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0}var Rr,Lr=function(e,t,n){return n&&"number"!=typeof n&&function(e,t,n){if(!Nr(n))return!1;var r=typeof t;return!!("number"==r?function(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991}(e.length)&&!function(e){var t=Nr(e)?Mr.call(e):"";return"[object Function]"==t||t==Tr}(e)}(n)&&function(e,t){return!!(t=null==t?9007199254740991:t)&&("number"==typeof e||zr.test(e))&&e>-1&&e%1==0&&e<t}(t,n.length):"string"==r&&t in n)&&function(e,t){return e===t||e!=e&&t!=t}(n[t],e)}(e,t,n)&&(t=n=void 0),e=Fr(e),void 0===t?(t=e,e=0):t=Fr(t),function(e,t,n,r){for(var o=-1,a=Ar(Dr((t-e)/(n||1)),0),l=Array(a);a--;)l[r?a:++o]=e,e+=n;return l}(e,t,n=void 0===n?e<t?1:-1:Fr(n),Rr)},Br=Lr;const Ir=function({maxIDLength:e,initialIDLength:t,alphabet:n}){let r=t,o=[...Array(e-r).fill(-1),...Array(r).fill(0)],a=Br(t,e+1).reduce(((e,t)=>e+Math.pow(n.length,t)),0);return function(){if(0==a)throw new Error("No more IDs available with the provided alphabet and max length");a--;const e=o.slice(-1*r).map((e=>n[e]));let t=o.length;do{t--,o[t]=(o[t]+1)%n.length}while(0==o[t]&&t>=o.length-r);return o.length-t>r&&r++,`genid-${e.join("")}`}}({maxIDLength:15,alphabet:"ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz-",initialIDLength:2});const Hr={};function Ur(){return function(e){const{adapters:n,multiple:r,onChange:l}=e,i=xr(),c=t.useMemo((()=>Er({adapters:n||Hr,multiple:Boolean(r)})),[n,r]);function s(){return c.init(a.toArray(e.selected))}const[d,u]=t.useReducer((function(e,t){switch(t.type){case"select":return c.select(t.payload,e);case"unselect":return c.unselect(t.payload,e);case"toggle":return c.toggle(t.payload,e);case"clear":return c.clear(e);case"reset":return t.payload}}),new Map,s),{resetFingerprint:g,hasSameFingerprint:p}=function(e,n){const r=t.useRef({}),[o,a]=t.useState((()=>l("",n,!0)));function l(t,n,o=!1){var a;const l=r.current,i=n||[];let c={},s=Object.keys(l).length===i.length;for(let t=0;t<i.length;t++){const n=i[t],r=e(n);s=s&&null!=l[r],c=Object.assign(Object.assign({},c),{[r]:null!==(a=l[r])&&void 0!==a?a:Ir()})}return s?t:(o&&(r.current=c),Object.keys(c).sort().reduce(((e,t)=>`${e}${c[t]}`),""))}return{fingerprint:o,getFingerprint:(e,t=!1)=>l(o,e,t),resetFingerprint(e){a(l(o,e,!0))},hasSameFingerprint:e=>o===l(o,e)}}(o.identity,[...d.keys()].map(String)),h=t.useRef(!1);return t.useEffect((function(){i&&h.current&&(null==l||l(d)),h.current=!1}),[d]),t.useEffect((function(){const e=s(),t=[...e.keys()].map(String);p(t)||(h.current=!1,g(t),u({type:"reset",payload:e}))}),[e.selected,p,g]),{type:function(){return c.type()},selected:d,select:function(e){h.current=!0,u({type:"select",payload:a.toArray(e)})},unselect:function(e){h.current=!0,u({type:"unselect",payload:a.toArray(e)})},toggle:function(e){h.current=!0,u({type:"toggle",payload:a.toArray(e)})},clear:function(){h.current=!0,u({type:"clear"})}}}}function Wr(){return{SelectableContext:t.createContext({}),useSelectable:Ur()}}const Yr=d.default.createContext({scale:"default",disabled:!1}),{SelectableContext:Vr,useSelectable:Gr}=Wr(),qr=g.default(kn)`
-  background: ${l.conditional({"color-transparent":l.whenProps({"aria-checked":!1}),"color-neutral-darkest":l.whenProps({"aria-checked":!0})})};
+  text-transform: ${r.getToken("toggle-text-transform")};
 
-  border-color: ${l.conditional({"color-neutral-darkest":l.whenProps([{$type:"multiple"},{$type:"single","aria-checked":!0}]),"color-transparent":l.whenProps({$type:"single","aria-checked":!1})})};
+  background-color: ${l.conditional({"toggle-background-color":l.whenProps({"aria-checked":!1}),"toggle-checked-background-color":l.whenProps({"aria-checked":!0})})};
 
-  color: ${l.conditional({"color-neutral-darker":l.whenProps({"aria-checked":!1}),"color-neutral-white":l.whenProps({"aria-checked":!0})})};
+  border-color: ${l.conditional({"toggle-single-border-color":l.whenProps({$type:"single","aria-checked":!1}),"toggle-single-checked-border-color":l.whenProps({$type:"single","aria-checked":!0}),"toggle-multiple-border-color":l.whenProps({$type:"multiple","aria-checked":!1}),"toggle-multiple-checked-border-color":l.whenProps({$type:"multiple","aria-checked":!0})})};
+
+  color: ${l.conditional({"toggle-color":l.whenProps({"aria-checked":!1}),"toggle-checked-color":l.whenProps({"aria-checked":!0})})};
 
   padding: ${r.getToken("space-xs")} ${r.getToken("space-s")};
 
   ${De`
-    border-color: ${l.conditional({"color-neutral-dark":l.whenProps({$type:"multiple"}),"color-transparent":l.whenProps({$type:"single"})})};
+    border-color: ${l.conditional({"toggle-multiple-border-color--hover":l.whenProps({$type:"multiple"}),"toggle-single-border-color--hover":l.whenProps({$type:"single"})})};
+
+    background-color: ${l.conditional({"toggle-background-color--hover":l.whenProps({"aria-checked":!1}),"toggle-checked-background-color--hover":l.whenProps({"aria-checked":!0})})};
 
-    background-color: ${l.conditional({"color-transparent":l.whenProps({"aria-checked":!1}),"color-neutral-dark":l.whenProps({"aria-checked":!0})})};
-    color: ${l.conditional({"color-neutral-dark":l.whenProps({"aria-checked":!1}),"color-neutral-white":l.whenProps({"aria-checked":!0})})};
+    color: ${l.conditional({"toggle-color--hover":l.whenProps({"aria-checked":!1}),"toggle-checked-color--hover":l.whenProps({"aria-checked":!0})})};
   `}
 
   ${Me`
-    border-color: ${r.getToken("color-neutral-darker")};
-    background-color: ${l.conditional({"color-transparent":l.whenProps({"aria-checked":!1}),"color-neutral-darker":l.whenProps({"aria-checked":!0})})};
-    color: ${l.conditional({"color-neutral-darker":l.whenProps({"aria-checked":!1}),"color-neutral-white":l.whenProps({"aria-checked":!0})})};
+    border-color: ${l.conditional({"toggle-multiple-border-color--focus":l.whenProps({$type:"multiple"}),"toggle-single-border-color--focus":l.whenProps({$type:"single"})})};
+
+    background-color: ${l.conditional({"toggle-background-color--focus":l.whenProps({"aria-checked":!1}),"toggle-checked-background-color--focus":l.whenProps({"aria-checked":!0})})};
+
+    color: ${l.conditional({"toggle-color--focus":l.whenProps({"aria-checked":!1}),"toggle-checked-color--focus":l.whenProps({"aria-checked":!0})})};
 
     box-shadow: ${r.getToken("button-primary-outline")};
   `}
 
   ${ze`
-    border-color: ${r.getToken("color-neutral")};
-    background-color: ${l.conditional({"color-transparent":l.whenProps({"aria-checked":!1}),"color-neutral":l.whenProps({"aria-checked":!0})})};
-    color: ${l.conditional({"color-neutral":l.whenProps({"aria-checked":!1}),"color-neutral-white":l.whenProps({"aria-checked":!0})})};
+    border-color:  ${l.conditional({"toggle-multiple-border-color--active":l.whenProps({$type:"multiple"}),"toggle-single-border-color--active":l.whenProps({$type:"single"})})};
+
+    background-color: ${l.conditional({"toggle-background-color--active":l.whenProps({"aria-checked":!1}),"toggle-checked-background-color--active":l.whenProps({"aria-checked":!0})})};
+
+    color: ${l.conditional({"toggle-color--active":l.whenProps({"aria-checked":!1}),"toggle-checked-color--active":l.whenProps({"aria-checked":!0})})};
   `}
 
   ${Se`
     opacity: 1; // toggle group already applies opacity; we don't want to overlap it.
 
-    border-color: ${l.conditional({"color-neutral-darkest":l.whenProps([{$type:"multiple"},{$type:"single","aria-checked":!0}]),"color-transparent":l.whenProps({$type:"single","aria-checked":!1})})};
+    background-color: ${l.conditional({"toggle-background-color--disabled":l.whenProps({"aria-checked":!1}),"toggle-checked-background-color--disabled":l.whenProps({"aria-checked":!0})})};
+
+    border-color: ${l.conditional({"toggle-single-border-color--disabled":l.whenProps({$type:"single","aria-checked":!1}),"toggle-single-checked-border-color--disabled":l.whenProps({$type:"single","aria-checked":!0}),"toggle-multiple-border-color--disabled":l.whenProps({$type:"multiple","aria-checked":!1}),"toggle-multiple-checked-border-color--disabled":l.whenProps({$type:"multiple","aria-checked":!0})})};
 
-    color: ${l.conditional({"color-neutral-lightest":l.whenProps({"aria-checked":!0}),"color-neutral-darker":l.whenProps({"aria-checked":!1})})};
+    color: ${l.conditional({"toggle-color--disabled":l.whenProps({"aria-checked":!1}),"toggle-checked-color--disabled":l.whenProps({"aria-checked":!0})})};
   `}
 `;function Kr(e){return"multiple"===e}var Qr=g.default((function(n){var{value:r,children:o,disabled:a}=n,l=e.__rest(n,["value","children","disabled"]);const i=t.useContext(Yr),c=t.useContext(Vr);if(Oe(c))throw Error("A Toggle options must be rendered inside a ToggleGroup");const s=c.selected.has(r);return d.default.createElement(qr,Object.assign({},l,{$type:c.type(),type:"button",role:Kr(c.type())?"checkbox":"radio","aria-checked":s,disabled:Boolean(a||i.disabled),onClick:()=>{Kr(c.type())?c.toggle({value:r}):c.select({value:r})},scale:i.scale}),o)}))({});const Zr=g.default(qt)`
-  padding: ${l.conditional({0:l.whenProps({$multiple:!0}),"3px":l.whenProps({$multiple:!1})})};
+  padding: ${l.conditional({"toggle-group-multiple-padding":l.whenProps({$multiple:!0}),"toggle-group-single-padding":l.whenProps({$multiple:!1})})};
 
-  ${({$multiple:e})=>e?n.css`
-          border: none;
-        `:n.css`
-          border: 1px solid ${r.getToken("color-neutral-darker")};
-          border-radius: ${r.getToken("border-radius-s")};
-        `}
+  border-color: ${l.conditional({"toggle-group-multiple-border-color":l.whenProps({$multiple:!0}),"toggle-group-single-border-color":l.whenProps({$multiple:!1})})};
+
+  border-style: ${l.conditional({"toggle-group-multiple-border-style":l.whenProps({$multiple:!0}),"toggle-group-single-border-style":l.whenProps({$multiple:!1})})};
+
+  border-width: ${l.conditional({"toggle-group-multiple-border-width":l.whenProps({$multiple:!0}),"toggle-group-single-border-width":l.whenProps({$multiple:!1})})};
+
+  border-radius: ${l.conditional({"toggle-group-multiple-border-radius":l.whenProps({$multiple:!0}),"toggle-group-single-border-radius":l.whenProps({$multiple:!1})})};
 
   ${Se()}
 
   ${Qr} {
-    ${l.conditional({"font-size: 10px;":l.whenProps({$multiple:!1,$scale:"small"})})};
+    height: ${l.conditional({"toggle-single-height":l.whenProps({$multiple:!1,$scale:"default"}),"toggle-single-small-height":l.whenProps({$multiple:!1,$scale:"small"}),"toggle-multiple-height":l.whenProps({$multiple:!0,$scale:"default"}),"toggle-multiple-small-height":l.whenProps({$multiple:!0,$scale:"small"})})};
 
-    height: ${l.conditional({"36px":l.whenProps({$multiple:!0,$scale:"default"}),"24px":l.whenProps({$multiple:!0,$scale:"small"}),"28px":l.whenProps({$multiple:!1,$scale:"default"}),"16px":l.whenProps({$multiple:!1,$scale:"small"})})};
+    font-size: ${l.conditional({"toggle-single-font-size":l.whenProps({$multiple:!1,$scale:"default"}),"toggle-single-small-font-size":l.whenProps({$multiple:!1,$scale:"small"}),"toggle-multiple-font-size":l.whenProps({$multiple:!0,$scale:"default"}),"toggle-multiple-small-font-size":l.whenProps({$multiple:!0,$scale:"small"})})};
   }
-`;function Jr(e,t){const n=Array.from(e);if(t){const e=[];for(const[,t]of n)e.push(t.value);return e}{if(Oe(n))return null;const[[,e]]=n;return e.value}}const Xr=[];function eo(n){var r;const{disabled:o=!1,multiple:l=!1,scale:i="default",id:c,name:s,onChange:u,options:g,children:p,className:h}=n,f=e.__rest(n,["disabled","multiple","scale","id","name","onChange","options","children","className"]),m=Gr({multiple:l,selected:(b=null!==(r=n.value)&&void 0!==r?r:Xr,a.toArray(b).map((e=>({value:e})))),onChange:t.useCallback((function(e){null==u||u({target:{id:c,name:null!=s?s:"",value:Jr(e,l)}})}),[c,l,s,u])});var b;return d.default.createElement(Zr,Object.assign({},f,{className:On(h,{"is-disabled":o}),id:c,role:l?"group":"radiogroup",align:"center",space:l?"s":"xs",$multiple:l,$scale:i}),d.default.createElement(Yr.Provider,{value:{scale:i,disabled:o}},d.default.createElement(Vr.Provider,{value:m},null!=p?p:(g||[]).map((function(t){const{label:n,value:r}=t,a=e.__rest(t,["label","value"]),l=String(r);return d.default.createElement(Qr,Object.assign({key:l},a,{disabled:Boolean(o||t.disabled),value:r}),n)})))))}eo.Option=Qr;const to=t.createContext({});function no(e){const[t,n]=d.default.useState((()=>e||Ir()));return d.default.useEffect((function(){n(e||Ir())}),[e]),t}const ro=g.default.ul`
+`;function Jr(e,t){const n=Array.from(e);if(t){const e=[];for(const[,t]of n)e.push(t.value);return e}{if(Oe(n))return null;const[[,e]]=n;return e.value}}const Xr=[];function eo(n){var r;const{disabled:o=!1,multiple:l=!1,scale:i="default",id:c,name:s,onChange:u,options:g,children:p,className:h}=n,f=e.__rest(n,["disabled","multiple","scale","id","name","onChange","options","children","className"]),m=Gr({multiple:l,selected:(b=null!==(r=n.value)&&void 0!==r?r:Xr,a.toArray(b).map((e=>({value:e})))),onChange:t.useCallback((function(e){null==u||u({target:{id:c,name:null!=s?s:"",value:Jr(e,l)}})}),[c,l,s,u])});var b;return d.default.createElement(Zr,Object.assign({},f,{className:On(h,{"is-disabled":o}),id:c,role:l?"group":"radiogroup",align:"center",space:"xs",$multiple:l,$scale:i}),d.default.createElement(Yr.Provider,{value:{scale:i,disabled:o}},d.default.createElement(Vr.Provider,{value:m},null!=p?p:(g||[]).map((function(t){const{label:n,value:r}=t,a=e.__rest(t,["label","value"]),l=String(r);return d.default.createElement(Qr,Object.assign({key:l},a,{disabled:Boolean(o||t.disabled),value:r}),n)})))))}eo.Option=Qr;const to=t.createContext({});function no(e){const[t,n]=d.default.useState((()=>e||Ir()));return d.default.useEffect((function(){n(e||Ir())}),[e]),t}const ro=g.default.ul`
   display: flex;
 
   padding: 0;
@@ -1613,7 +1623,7 @@
 
   height: ${l.conditional({"steps-conector-height":l.whenProps({complete:!1}),"steps-conector-height--complete":l.whenProps({complete:!0})})};
 
-  background: ${l.conditional({"color-neutral":l.whenProps({complete:!1}),"color-accent":l.whenProps({complete:!0})})};
+  background: ${l.conditional({"steps-progress-step-background-color":l.whenProps({complete:!1}),"steps-progress-step-background-color--complete":l.whenProps({complete:!0})})};
 `,Ka=g.default.li`
   position: relative;
 
@@ -1649,12 +1659,12 @@
 
   border-width: 2px;
   border-style: solid;
-  border-color: ${l.conditional({"color-accent":l.whenProps([{current:!0,complete:[!0,!1]},{current:!1,complete:!0}]),"color-neutral":l.whenProps({current:!1,complete:!1})})};
+  border-color: ${l.conditional({"steps-progress-step-background-color--complete":l.whenProps([{current:!0,complete:[!0,!1]},{current:!1,complete:!0}]),"steps-progress-step-background-color":l.whenProps({current:!1,complete:!1})})};
   border-radius: ${r.getToken("border-radius-circle")};
 
-  background: ${l.conditional({"color-accent":l.whenProps([{current:!1,complete:!0}]),"color-neutral-white":l.whenProps([{current:!0,complete:[!0,!1]},{current:!1,complete:!1}])})};
+  background: ${l.conditional({"steps-progress-step-background-color--complete":l.whenProps([{current:!1,complete:!0}]),"color-neutral-white":l.whenProps([{current:!0,complete:[!0,!1]},{current:!1,complete:!1}])})};
 
-  color: ${l.conditional({"color-neutral":l.whenProps({current:!1,complete:!1}),"color-neutral-white":l.whenProps({current:!1,complete:!0}),"color-accent":l.whenProps({current:!0})})};
+  color: ${l.conditional({"steps-progress-step-background-color":l.whenProps({current:!1,complete:!1}),"color-neutral-white":l.whenProps({current:!1,complete:!0}),"steps-progress-step-background-color--complete":l.whenProps({current:!0})})};
 `,Ja=g.default.span`
   ${It({height:"font-height-2"})}
 
@@ -1776,7 +1786,7 @@
   box-shadow: ${r.getToken("popover-shadow")};
 `;function bl(t){var{children:n}=t,r=e.__rest(t,["children"]);return d.default.createElement(ml,Object.assign({},r),n)}const wl=t.createContext({disabled:!1,expandDisabled:!1,expanded:!1,toggle:function(){}}),vl=g.default(bl)`
   position: absolute;
-  top: calc(36px + ${r.getToken("space-xs")});
+  top: calc(${r.getToken("dropdown-trigger-height")} + ${r.getToken("space-xs")});
 
   ${l.conditional({"left: 0;":l.whenProps({$align:"start"}),"right: 0;":l.whenProps({$align:"end"})})}
 
@@ -1903,7 +1913,7 @@
   border-bottom: 2px solid ${r.getToken("card-separator-background")};
 `,_l=t.forwardRef((function(n,r){const o=t.useContext(wl);if(!o)throw new Error("DropdownMenu must be inside a DropdownContext");const{children:a,header:l,footer:i,align:c="start"}=n,s=e.__rest(n,["children","header","footer","align"]),{expanded:u}=o;return u?d.default.createElement(vl,{role:"presentation",$align:c},l&&d.default.createElement(Cl,null,l),a&&d.default.createElement(jl,Object.assign({ref:r,role:"menu","data-testid":"dropdown-menu"},s),a),i&&d.default.createElement(Cl,null,i)):null}));function zl(n){const r=t.useContext(wl),{leading:o,children:a,trailing:l,onClick:i}=n,c=e.__rest(n,["leading","children","trailing","onClick"]),s=no(c.id);if(!r)throw new Error("DropdownMenuItem must be inside a DropdownContext");const{toggle:u}=r;return d.default.createElement(Pl,Object.assign({role:"menuitem",type:"button","data-testid":"dropdown-menu-item"},c,{"aria-labelledby":s,onClick:e=>{e.persist();(null==i?void 0:i(e))||u()}}),o&&d.default.createElement(kl,null,o),d.default.createElement(xl,{id:s},a),l&&d.default.createElement(yl,null,l))}const Sl={ALT:"Alt",ARROW_DOWN:"ArrowDown",ARROW_LEFT:"ArrowLeft",ARROW_RIGHT:"ArrowRight",ARROW_UP:"ArrowUp",CONTROL:"Control",ENTER:"Enter",ESCAPE:"Escape",SHIFT:"Shift",SPACE:" ",TAB:"Tab",E_LOWERCASE:"e",DOT:".",PLUS:"+",MINUS:"-"};function Ml(e){return e.keyCode>=37&&e.keyCode<=40&&0!==e.key.indexOf("Arrow")?`Arrow${e.key}`:e.key}function Dl(e){const t=Ml(e);return{is(e){const n=a.toArray(e).map((e=>Sl[e]));return a.toArray(n).includes(t)}}}function Al(e,n,r=!1){const[o,a]=t.useState(!1),l=t.useCallback((function(){return e.current}),[e]),i=t.useCallback((function(e){var t;if(!l()||r)return;const i=e.target,c=null===(t=l())||void 0===t?void 0:t.contains(i);!o&&c?a(!0):!o||c&&!Dl(e).is("ESCAPE")||(a(!1),n(e))}),[o,n,r,l]);t.useEffect((()=>(document.addEventListener("mousedown",i,!0),document.addEventListener("touchend",i,!0),document.addEventListener("keyup",i),()=>{document.removeEventListener("mousedown",i,!0),document.removeEventListener("touchend",i,!0),document.removeEventListener("keyup",i)})),[i])}const Nl=n.css`
   &[aria-expanded='true'] {
-    color: ${r.getToken("color-accent")};
+    color: ${r.getToken("dropdown-trigger-expanded-color")};
   }
 `,Fl=g.default(xn).attrs((e=>"boolean"!=typeof e.outlined||e.outlined?e:Object.assign(Object.assign({},e),{variant:"tertiary"})))`
   flex: 1;
@@ -1953,8 +1963,8 @@
 
           visibility: hidden;
 
-          /* @REVIEW: since this is a span descendant of a button 
-          I'm using the direct value of children the solution inside Link 
+          /* @REVIEW: since this is a span descendant of a button
+          I'm using the direct value of children the solution inside Link
           relies on data-text attribute */
 
           content: '${e}';
@@ -1985,7 +1995,9 @@
 
   color: ${r.getToken("color-neutral-darker")};
 
-  height: 36px;
+  height: ${r.getToken("dropdown-trigger-height")};
+  box-sizing: border-box;
+
   flex: 1;
 
   ${De`
@@ -2046,7 +2058,7 @@
   border-right-color: ${r.getToken("color-neutral-light")};
   border-right-width: 1px;
   border-right-style: solid;
-`,ri=t.forwardRef((function(n,r){const{className:o}=n,a=e.__rest(n,["className"]),{disabled:l,expanded:i,toggle:c}=t.useContext(wl);return d.default.createElement(ei,{className:o},d.default.createElement(ti,Object.assign({"data-testid":"select-trigger-search-field"},a,{ref:r,type:"search",disabled:l,onClick:function(){i||c()}})),d.default.createElement(ni,null),d.default.createElement(Wl.Handle,{"data-testid":"select-trigger-handle"}))}));function oi(e){return null==e?[]:Array.from(e.querySelectorAll("button")||[])}function ai(e){const{keys:n,onActivate:r,onDeactivate:o}=e,[a,l]=t.useState(!1),[i,c]=t.useState(-1),s=t.useRef(),[d,u]=t.useState([]);function g(){var e;c(-1),s.current&&(null===(e=s.current)||void 0===e||e.disconnect())}const p=t.useCallback((function(e){null!=e?(u(oi(e)),function(e){s.current=new MutationObserver((function(){u(oi(e))})),s.current.observe(e,{childList:!0})}(e)):g()}),[]);t.useEffect((function(){return function(){g()}}),[]),t.useEffect((function(){function e(e){const t=e,r=[...n||["TAB"]];if(!Dl(t).is(r)||Oe(d))return;t.preventDefault();const o=function(e,t,n){const r={Tab:e=>e.shiftKey?-1:1,ArrowUp:()=>-1,ArrowDown:()=>1},o=(r[Ml(e)]||function(){return 0})(e);return-1===t&&-1===o?(o+n)%n:(t+o+n)%n}(t,i,d.length);c(o),d[o].focus()}return a&&document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}),[a,n,i,d]);const h=t.useCallback((function(){l(!0),null==r||r()}),[r]),f=t.useCallback((function(){l(!1),null==o||o()}),[o]);return{containerRef:p,active:a,activate:h,deactivate:f}}function li(e,t){return e.then((e=>[null,e])).catch((e=>(t&&Object.assign(e,t),[e,void 0])))}const ii={getKey:e=>o.lodash_get(e,"value"),getLabel:e=>o.lodash_get(e,"label")};function ci(e,t){return null==t?ii:e[t]||ii}function si(e,t){const n=Array.from(e);if(Oe(n))return null;if(t){const e=[];for(const[,t]of n)e.push(t);return e}{const[[,e]]=n;return e}}function di(e,t,n){if(0==t.size)return"";if(n)return"";{const r=si(t,n);return ci(e,r._type).getLabel(r)}}function ui(e){return String(e||"").replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function gi(e){e.target.select()}function pi(e,t,n){const r=new Map(t);return e.forEach((e=>{const t=ci(n,e._type);r.set(t.getKey(e),e)})),r}function hi(n){const{datasources:r,adapters:o}=n,[a,l]=t.useState(new Map),[i,c]=t.useState("idle"),s=t.useRef();function d(){null!=s.current&&clearTimeout(s.current)}const u=t.useCallback((function(t){function n(){var n,a;return e.__awaiter(this,void 0,void 0,(function*(){l(new Map),c("querying");try{for(var i,s=e.__asyncValues(function(t,n){return e.__asyncGenerator(this,arguments,(function*(){const r=new RegExp(ui(n),"i");for(const o of t){const[t,a]=yield e.__await(li(Promise.resolve(o.fetch({query:n,regex:r}))));if(!t){const t=(a||[]).map((e=>Object.assign(Object.assign({},e),{_type:o.type})));yield yield e.__await(t)}}}))}(r,t));!(i=yield s.next()).done;){const e=i.value;l((t=>pi(e,t,o)))}}catch(e){n={error:e}}finally{try{i&&!i.done&&(a=s.return)&&(yield a.call(s))}finally{if(n)throw n.error}}c("queried")}))}d(),c("pending-query"),s.current=setTimeout((()=>{n()}),750)}),[o,r]),g=t.useCallback((function(){c("idle"),l(new Map)}),[]),p=t.useCallback((function(){return Array.from(a.values())}),[a]),h=t.useCallback((function(){g(),u("")}),[g,u]),f=t.useCallback((function(e){return a.get(e)}),[a]);return t.useEffect((()=>()=>{d()}),[]),{get:p,fetch:u,clear:g,status:i,getOptionByKey:f,reset:h}}function fi(n){const r=xr(),{multiple:l,onQueryChange:i,onChange:c,onCreate:s,id:d,name:u,disabled:g=!1,onBlur:p,isValidNewOption:h=(e=>Boolean(e)),createOptionPosition:f="last"}=n,m=t.useMemo((()=>function(e){let t=[];var n;return t=t.concat(e.datasources||[]),t=t.concat((n=e.options)?[function(){return{type:"generic",adapter:ii,fetch:function({regex:e}){return n.filter((({label:t})=>e.test(t)))}}}]:[]),t.map((e=>e()))}(n)),[n.datasources,n.options]),b=t.useMemo((()=>function(e){return a.toArray(e).reduce(((e,t)=>Object.assign(Object.assign({},e),{[t.type]:t.adapter})),{})}(m)),[m]),w=Zl({selected:a.toArray(n.value||[]),multiple:l,adapters:b,onChange:t.useCallback((function(e){null==c||c({target:{id:d,name:u,value:si(e,l)}})}),[d,l,u,c])}),v=t.useRef(),$=ai({keys:["ARROW_UP","ARROW_DOWN"],onDeactivate(){var e;null===(e=v.current)||void 0===e||e.focus()}}),[k,y]=t.useState(!1),[x,P]=t.useState(di(b,w.selected,l)),E=hi({datasources:m,adapters:b}),T=t.useMemo((()=>!x.length&&Oe(E.get())&&Oe(w.selected)&&o.isFunction(h)?!h(x):!h),[x,E,w.selected,h]),C=Yl(Object.assign(Object.assign({},n),{expandDisabled:T}));t.useEffect((()=>{k&&(E.fetch(x),C.expand())}),[x,k]);const j=t.useCallback((function(e){const t=ci(b,e._type),n=t.getKey(e);return{label:t.getLabel(e),value:n,checked:w.selected.has(n)}}),[b,w.selected]),O=t.useCallback((function(e){let t=E.getOptionByKey(e);return t||(t=w.selected.get(e)),t}),[E,w.selected]),_=t.useCallback((function(e){w.toggle(e)}),[w]),z=t.useCallback((function(){return{toggle:C.toggle,expanded:C.expanded,onBlur(e){P(l?"":di(b,w.selected,l)),E.reset(),null==p||p(e)},expandDisabled:T}}),[b,C.expanded,C.toggle,l,E,w.selected,p,T]),S=t.useCallback((function(){return{id:d,ref(e){null!=e&&(v.current=e)},value:x,onChange(e){null==i||i(e),P(e.target.value),y(!0)},onFocus:gi}}),[d,x,i,C,E,w.selected]),M=t.useCallback((function(){return{onClick(){var e;P(""),w.clear(),E.reset(),null===(e=v.current)||void 0===e||e.focus()}}}),[E,w]),D=t.useCallback((function(){return{ref:$.containerRef,role:"listbox"}}),[$.containerRef]),A=t.useCallback((function({option:e}){const{value:t,checked:n,label:r}=j(e);return{role:"option","aria-selected":n,id:String(t),onClick:()=>(l||P(n?"":r),_(e),l),tabIndex:-1}}),[j,_,l]),N=t.useCallback((function(){return{onClick:function(){return function(){e.__awaiter(this,void 0,void 0,(function*(){if(!o.isFunction(s))return;const e=s(x);let t;var n;e&&(n=e,t=a.isObject(n)&&o.isFunction(n.then)?yield e:e),E.fetch(x),t&&_(t)}))}(),l},tabIndex:-1}}),[l,s,x,E,_]),F=t.useCallback((function(){const e=e=>j(e).label.toLocaleLowerCase()===x.toLocaleLowerCase();return o.isFunction(s)&&"queried"===E.status&&(o.isFunction(h)?h(x)&&!!a.isNil([...E.get(),...Array.from(w.selected.values())].find(e)):h)}),[j,h,s,E,x,w.selected]);return t.useEffect((function(){E.fetch("")}),[m]),t.useEffect((function(){(n.autoFocus||r)&&(C.expanded?$.activate():$.deactivate())}),[C.expanded]),t.useEffect((function(){l||P(di(b,w.selected,l))}),[b,l,w.selected]),{status:E.status,options:E.get(),value:si(w.selected,l),query:x,disabled:g,selectable:w,getMenuProps:D,getSelectableOption:j,getOption:O,getOptionProps:A,getTriggerProps:S,getClearProps:M,getDropdownProps:z,getCreatebleProps:N,isCreatable:F,createOptionPosition:f}}const mi=g.default.span`
+`,ri=t.forwardRef((function(n,r){const{className:o}=n,a=e.__rest(n,["className"]),{disabled:l,expanded:i,toggle:c}=t.useContext(wl);return d.default.createElement(ei,{className:o},d.default.createElement(ti,Object.assign({"data-testid":"select-trigger-search-field"},a,{ref:r,type:"search",disabled:l,onClick:function(){i||c()}})),d.default.createElement(ni,null),d.default.createElement(Wl.Handle,{"data-testid":"select-trigger-handle"}))}));function oi(e){return null==e?[]:Array.from(e.querySelectorAll("button")||[])}function ai(e){const{keys:n,onActivate:r,onDeactivate:o}=e,[a,l]=t.useState(!1),[i,c]=t.useState(-1),s=t.useRef(),[d,u]=t.useState([]);function g(){var e;c(-1),s.current&&(null===(e=s.current)||void 0===e||e.disconnect())}const p=t.useCallback((function(e){null!=e?(u(oi(e)),function(e){s.current=new MutationObserver((function(){u(oi(e))})),s.current.observe(e,{childList:!0})}(e)):g()}),[]);t.useEffect((function(){return function(){g()}}),[]),t.useEffect((function(){function e(e){const t=e,r=[...n||["TAB"]];if(!Dl(t).is(r)||Oe(d))return;t.preventDefault();const o=function(e,t,n){const r={Tab:e=>e.shiftKey?-1:1,ArrowUp:()=>-1,ArrowDown:()=>1},o=(r[Ml(e)]||function(){return 0})(e);return-1===t&&-1===o?(o+n)%n:(t+o+n)%n}(t,i,d.length);c(o),d[o].focus()}return a&&document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}),[a,n,i,d]);const h=t.useCallback((function(){l(!0),null==r||r()}),[r]),f=t.useCallback((function(){l(!1),null==o||o()}),[o]);return{containerRef:p,active:a,activate:h,deactivate:f}}function li(e,t){return e.then((e=>[null,e])).catch((e=>(t&&Object.assign(e,t),[e,void 0])))}const ii={getKey:e=>o.lodash_get(e,"value"),getLabel:e=>o.lodash_get(e,"label")};function ci(e,t){return null==t?ii:e[t]||ii}function si(e,t){const n=Array.from(e);if(Oe(n))return null;if(t){const e=[];for(const[,t]of n)e.push(t);return e}{const[[,e]]=n;return e}}function di(e,t,n){var r;if(0==t.size)return"";if(n)return"";{const o=si(t,n);return null!==(r=ci(e,o._type).getLabel(o))&&void 0!==r?r:""}}function ui(e){return String(e||"").replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function gi(e){e.target.select()}function pi(e,t,n){const r=new Map(t);return e.forEach((e=>{const t=ci(n,e._type);r.set(t.getKey(e),e)})),r}function hi(n){const{datasources:r,adapters:o}=n,[a,l]=t.useState(new Map),[i,c]=t.useState("idle"),s=t.useRef();function d(){null!=s.current&&clearTimeout(s.current)}const u=t.useCallback((function(t){function n(){var n,a;return e.__awaiter(this,void 0,void 0,(function*(){l(new Map),c("querying");try{for(var i,s=e.__asyncValues(function(t,n){return e.__asyncGenerator(this,arguments,(function*(){const r=new RegExp(ui(n),"i");for(const o of t){const[t,a]=yield e.__await(li(Promise.resolve(o.fetch({query:n,regex:r}))));if(!t){const t=(a||[]).map((e=>Object.assign(Object.assign({},e),{_type:o.type})));yield yield e.__await(t)}}}))}(r,t));!(i=yield s.next()).done;){const e=i.value;l((t=>pi(e,t,o)))}}catch(e){n={error:e}}finally{try{i&&!i.done&&(a=s.return)&&(yield a.call(s))}finally{if(n)throw n.error}}c("queried")}))}d(),c("pending-query"),s.current=setTimeout((()=>{n()}),750)}),[o,r]),g=t.useCallback((function(){c("idle"),l(new Map)}),[]),p=t.useCallback((function(){return Array.from(a.values())}),[a]),h=t.useCallback((function(){g(),u("")}),[g,u]),f=t.useCallback((function(e){return a.get(e)}),[a]);return t.useEffect((()=>()=>{d()}),[]),{get:p,fetch:u,clear:g,status:i,getOptionByKey:f,reset:h}}function fi(n){const r=xr(),{multiple:l,onQueryChange:i,onChange:c,onCreate:s,id:d,name:u,disabled:g=!1,onBlur:p,isValidNewOption:h=(e=>Boolean(e)),createOptionPosition:f="last"}=n,m=t.useMemo((()=>function(e){let t=[];var n;return t=t.concat(e.datasources||[]),t=t.concat((n=e.options)?[function(){return{type:"generic",adapter:ii,fetch:function({regex:e}){return n.filter((({label:t})=>e.test(t)))}}}]:[]),t.map((e=>e()))}(n)),[n.datasources,n.options]),b=t.useMemo((()=>function(e){return a.toArray(e).reduce(((e,t)=>Object.assign(Object.assign({},e),{[t.type]:t.adapter})),{})}(m)),[m]),w=Zl({selected:(v=n.value,a.toArray(v||[]).filter((e=>!Oe(e)))),multiple:l,adapters:b,onChange:t.useCallback((function(e){null==c||c({target:{id:d,name:u,value:si(e,l)}})}),[d,l,u,c])});var v;const $=t.useRef(),k=ai({keys:["ARROW_UP","ARROW_DOWN"],onDeactivate(){var e;null===(e=$.current)||void 0===e||e.focus()}}),[y,x]=t.useState(!1),[P,E]=t.useState(di(b,w.selected,l)),T=hi({datasources:m,adapters:b}),C=t.useMemo((()=>!P.length&&Oe(T.get())&&Oe(w.selected)&&o.isFunction(h)?!h(P):!h),[P,T,w.selected,h]),j=Yl(Object.assign(Object.assign({},n),{expandDisabled:C}));t.useEffect((()=>{y&&(T.fetch(P),j.expand())}),[P,y]);const O=t.useCallback((function(e){const t=ci(b,e._type),n=t.getKey(e);return{label:t.getLabel(e),value:n,checked:w.selected.has(n)}}),[b,w.selected]),_=t.useCallback((function(e){let t=T.getOptionByKey(e);return t||(t=w.selected.get(e)),t}),[T,w.selected]),z=t.useCallback((function(e){w.toggle(e)}),[w]),S=t.useCallback((function(){return{toggle:j.toggle,expanded:j.expanded,onBlur(e){E(l?"":di(b,w.selected,l)),T.reset(),null==p||p(e)},expandDisabled:C}}),[b,j.expanded,j.toggle,l,T,w.selected,p,C]),M=t.useCallback((function(){return{id:d,ref(e){null!=e&&($.current=e)},value:P,onChange(e){null==i||i(e),E(e.target.value),x(!0)},onFocus:gi}}),[d,P,i,j,T,w.selected]),D=t.useCallback((function(){return{onClick(){var e;E(""),w.clear(),T.reset(),null===(e=$.current)||void 0===e||e.focus()}}}),[T,w]),A=t.useCallback((function(){return{ref:k.containerRef,role:"listbox"}}),[k.containerRef]),N=t.useCallback((function({option:e}){const{value:t,checked:n,label:r}=O(e);return{role:"option","aria-selected":n,id:String(t),onClick:()=>(l||E(n?"":r),z(e),l),tabIndex:-1}}),[O,z,l]),F=t.useCallback((function(){return{onClick:function(){return function(){e.__awaiter(this,void 0,void 0,(function*(){if(!o.isFunction(s))return;const e=s(P);let t;var n;e&&(n=e,t=a.isObject(n)&&o.isFunction(n.then)?yield e:e),T.fetch(P),t&&z(t)}))}(),l},tabIndex:-1}}),[l,s,P,T,z]),R=t.useCallback((function(){const e=e=>O(e).label.toLocaleLowerCase()===P.toLocaleLowerCase();return o.isFunction(s)&&"queried"===T.status&&(o.isFunction(h)?h(P)&&!!a.isNil([...T.get(),...Array.from(w.selected.values())].find(e)):h)}),[O,h,s,T,P,w.selected]);return t.useEffect((function(){T.fetch("")}),[m]),t.useEffect((function(){(n.autoFocus||r)&&(j.expanded?k.activate():k.deactivate())}),[j.expanded]),t.useEffect((function(){l||E(di(b,w.selected,l))}),[b,l,w.selected]),{status:T.status,options:T.get(),value:si(w.selected,l),query:P,disabled:g,selectable:w,getMenuProps:A,getSelectableOption:O,getOption:_,getOptionProps:N,getTriggerProps:M,getClearProps:D,getDropdownProps:S,getCreatebleProps:F,isCreatable:R,createOptionPosition:f}}const mi=g.default.span`
   /* highlightMatch splits the label into separate HTML elements, thus we need
   to preserve white-spaces, otherwise the browser wouldn't render them. */
   white-space: pre;
@@ -2060,9 +2072,9 @@
 `,bi=t=>{var{text:n,match:r}=t,o=e.__rest(t,["text","match"]);return d.default.createElement(mi,Object.assign({},o),function(e,t){if(null==e||null==t)return d.default.createElement(d.default.Fragment,null,e);const n=String(e).toLowerCase().indexOf(String(t).toLowerCase());if(-1===n)return d.default.createElement(d.default.Fragment,null,e);const r=e.slice(0,n),o=e.slice(n,n+t.length),a=e.slice(n+t.length);return d.default.createElement(d.default.Fragment,null,r,d.default.createElement("mark",null,o),a)}(n,r))},wi=g.default(qt).attrs({as:"span"})`
   /* placeholder */
 `,vi=g.default(ge)`
-  color: ${r.getToken("color-accent")};
+  color: ${r.getToken("select-selected-option-check-color")};
 `,$i=g.default(Kl.Item)`
-  background: ${l.conditional({"color-accent":l.whenProps({"aria-selected":!0}),"color-neutral-white":l.whenProps({"aria-selected":!1})})}${l.conditional({33:l.whenProps({"aria-selected":!0}),ff:l.whenProps({"aria-selected":!1})})};
+  background: ${l.conditional({"select-selected-option-background-color":l.whenProps({"aria-selected":!0}),"color-neutral-white":l.whenProps({"aria-selected":!1})})};
 `;function ki(n){var{children:r,value:o,leading:a,trailing:l}=n,i=e.__rest(n,["children","value","leading","trailing"]);const c=t.useContext(Jl)||(()=>{throw new Error("Options should be wrapped in a SelectContext")})(),s=c.selectable.type(),u=c.getOption(o)||{},{checked:g,label:p}=c.getSelectableOption(u);return d.default.createElement($i,Object.assign({},i,c.getOptionProps({option:u}),{leading:"multiple"===s?d.default.createElement(wi,{align:"center",space:"s"},d.default.createElement(Ln,{scale:"small",defaultChecked:g}),a):a,trailing:"single"===s?g?d.default.createElement(vi,{name:"check"}):null:l}),r||(g&&"multiple"===s?p:d.default.createElement(bi,{text:p,match:c.query})))}const yi=g.default.div`
   display: flex;
   flex-direction: column;
@@ -2127,7 +2139,7 @@
   cursor: pointer;
 
   ${Me`
-    color: ${r.getToken("color-primary")};
+    color: ${r.getToken("side-navigation-menu-item-color--focus")};
   `}
 `,Ii=g.default.div`
   display: flex;
@@ -2137,14 +2149,13 @@
   display: flex;
 `;function Ui(t){var{label:n,leading:r,trailing:o}=t,a=e.__rest(t,["label","leading","trailing"]);return d.default.createElement(Bi,Object.assign({},a),d.default.createElement(Hi,null,r&&d.default.createElement(Ii,null,r),n),o&&o)}const Wi=g.default((e=>d.default.createElement(Ui,Object.assign({as:"a"},e))))`
   ${De`
-    color: ${r.getToken("color-primary")};
+    color: ${r.getToken("side-navigation-menu-link-color--hover")};
   `}
 
   ${({active:e})=>e?n.css`
-          color: ${r.getToken("color-primary")};
-
-          background-color: rgba(0, 0, 0, 0.2);
-          box-shadow: inset ${r.getToken("space-xs")} 0px ${r.getToken("color-primary")};
+          background-color: ${r.getToken("side-navigation-menu-link-background-color--active")};
+          box-shadow: inset ${r.getToken("space-xs")} 0
+            ${r.getToken("side-navigation-menu-link-box-shadow-color--active")};
         `:""}
 `;var Yi=g.default((function(t){var{url:n}=t,r=e.__rest(t,["url"]);return d.default.createElement(Wi,Object.assign({href:n},r,{role:"menuitem"}))}))({});const Vi=g.default.div`
   display: flex;
@@ -2178,9 +2189,10 @@
   padding-left: ${r.getToken("space-l")};
 
   color: ${r.getToken("color-neutral")};
-  font-weight: ${r.getToken("font-weight-bold")};
-  font-size: ${r.getToken("font-size-5")};
-  line-height: ${r.getToken("font-height-3")};
+
+  font-weight: ${r.getToken("side-navigation-menu-title-font-weight")};
+  font-size: ${r.getToken("side-navigation-menu-title-font-size")};
+  line-height: ${r.getToken("side-navigation-menu-title-line-height")};
   text-transform: uppercase;
 `;const Ji=g.default((function(t){var{label:n,children:r}=t,o=e.__rest(t,["label","children"]);const a=no();return d.default.createElement("div",Object.assign({role:"menubar","aria-labelledby":a},o),n&&d.default.createElement(Zi,{id:a},n),r)}))({});var Xi,ec,tc=(Xi=Ji,ec={Item:function(e){return e.children?d.default.createElement(Qi,Object.assign({},e)):d.default.createElement(Yi,Object.assign({},e))},SubItem:Yi},Object.keys(ec).forEach((e=>{Xi[e]=ec[e]})),Xi);const nc=g.default.hr`
   margin: ${r.getToken("side-navigation-component-margin-top")} 0;