@equisoft/design-elements-react 6.2.0 → 6.2.1-snapshot.20240411190940

package/dist/themes/tokens/component/pagination-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type PaginationTokens = 'pagination-page-background-color' | 'pagination-page-text-color' | 'pagination-page-hover-background-color' | 'pagination-page-selected-hover-background-color' | 'pagination-page-selected-background-color' | 'pagination-page-selected-outline-color' | 'pagination-page-selected-text-color';
+export type PaginationTokenValue = AliasTokens | RefTokens;
+export type PaginationTokenMap = {
+    [Token in PaginationTokens]: PaginationTokenValue;
+};
+export declare const defaultPaginationTokens: PaginationTokenMap;

package/dist/themes/tokens/component/password-input-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type PasswordInputTokens = 'password-input-show-password-button-background-color' | 'password-input-show-password-button-disabled-background-color' | 'password-input-show-password-button-border-color' | 'password-input-show-password-button-disabled-border-color' | 'password-input-show-password-button-error-border-color' | 'password-input-show-password-button-focus-within-border-color' | 'password-creation-input-focus-within-shadow-color' | 'password-creation-input-focus-within-border-color' | 'password-creation-input-border-color' | 'password-creation-input-error-border-color' | 'password-rule-empty-text-color' | 'password-rule-success-text-color' | 'password-rule-error-text-color' | 'password-strength-label-text-color' | 'password-strength-meter-empty-color' | 'password-strength-meter-weak-color' | 'password-strength-meter-fair-color' | 'password-strength-meter-good-color' | 'password-strength-meter-strong-color';
+export type PasswordInputTokenValue = AliasTokens | RefTokens;
+export type PasswordInputTokenMap = {
+    [Token in PasswordInputTokens]: PasswordInputTokenValue;
+};
+export declare const defaultPasswordInputTokens: PasswordInputTokenMap;

package/dist/themes/tokens/component/phone-input-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type PhoneInputTokens = 'phone-input-background-color' | 'phone-input-mask-text-color';
+export type PhoneInputTokenValue = AliasTokens | RefTokens;
+export type PhoneInputTokenMap = {
+    [Token in PhoneInputTokens]: PhoneInputTokenValue;
+};
+export declare const defaultPhoneInputTokens: PhoneInputTokenMap;

package/dist/themes/tokens/component/progress-circle-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type ProgressCircleTokens = 'progress-circle-empty-stroke-color' | 'progress-circle-label-text-color' | 'progress-circle-result-text-color';
+export type ProgressCircleTokenValue = AliasTokens | RefTokens;
+export type ProgressCircleTokenMap = {
+    [Token in ProgressCircleTokens]: ProgressCircleTokenValue;
+};
+export declare const defaultProgressCircleTokens: ProgressCircleTokenMap;

package/dist/themes/tokens/component/progress-indicator-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type ProgressIndicatorTokens = 'progress-indicator-track-color' | 'progress-indicator-label-text-color';
+export type ProgressIndicatorTokenValue = AliasTokens | RefTokens;
+export type ProgressIndicatorTokenMap = {
+    [Token in ProgressIndicatorTokens]: ProgressIndicatorTokenValue;
+};
+export declare const defaultProgressIndicatorTokens: ProgressIndicatorTokenMap;

package/dist/themes/tokens/component/progress-tracker-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type ProgressTrackerTokens = 'progress-tracker-notification-badge-color' | 'progress-tracker-notification-badge-fill-color' | 'progress-tracker-bridge-todo-background-color' | 'progress-tracker-step-todo-text-color' | 'progress-tracker-step-todo-background-color' | 'progress-tracker-step-uncompleted-border-color' | 'progress-tracker-step-uncompleted-text-color' | 'progress-tracker-step-uncompleted-label-text-color' | 'progress-tracker-bridge-active-background-color' | 'progress-tracker-step-active-border-color' | 'progress-tracker-step-active-text-color' | 'progress-tracker-step-active-label-text-color' | 'progress-tracker-bridge-completed-color' | 'progress-tracker-step-completed-background-color' | 'progress-tracker-step-completed-border-color' | 'progress-tracker-step-completed-text-color' | 'progress-tracker-step-completed-label-text-color';
+export type ProgressTrackerTokenValue = AliasTokens | RefTokens;
+export type ProgressTrackerTokenMap = {
+    [Token in ProgressTrackerTokens]: ProgressTrackerTokenValue;
+};
+export declare const defaultProgressTrackerTokens: ProgressTrackerTokenMap;

package/dist/themes/tokens/component/radio-button-group-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type RadioButtonGroupTokens = 'radio-button-group-legend-text-color' | 'radio-button-background-color' | 'radio-button-border-color' | 'radio-button-checked-border-color' | 'radio-button-checked-background-color' | 'radio-button-disabled-background-color' | 'radio-button-disabled-border-color' | 'radio-button-hover-border-color' | 'radio-button-disabled-hover-border-color';
+export type RadioButtonGroupTokenValue = AliasTokens | RefTokens;
+export type RadioButtonGroupTokenMap = {
+    [Token in RadioButtonGroupTokens]: RadioButtonGroupTokenValue;
+};
+export declare const defaultRadioButtonGroupTokens: RadioButtonGroupTokenMap;

package/dist/themes/tokens/component/radio-card-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type RadioCardTokens = 'radio-card-background-color' | 'radio-card-border-color' | 'radio-card-text-color' | 'radio-card-checked-background-color' | 'radio-card-checked-border-color' | 'radio-card-hover-background-color' | 'radio-card-hover-border-color' | 'radio-card-hover-text-color' | 'radio-card-disabled-background-color' | 'radio-card-disabled-border-color' | 'radio-card-disabled-text-color' | 'radio-card-button-checked-background-color' | 'radio-card-button-checked-border-color';
+export type RadioCardTokenValue = AliasTokens | RefTokens;
+export type RadioCardTokenMap = {
+    [Token in RadioCardTokens]: RadioCardTokenValue;
+};
+export declare const defaultRadioCardTokens: RadioCardTokenMap;

package/dist/themes/tokens/component/route-link-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type RouteLinkTokens = 'route-link-text-color' | 'route-link-disabled-text-color' | 'route-link-hover-text-color' | 'route-link-visited-text-color';
+export type RouteLinkTokenValue = AliasTokens | RefTokens;
+export type RouteLinkTokenMap = {
+    [Token in RouteLinkTokens]: RouteLinkTokenValue;
+};
+export declare const defaultRouteLinkTokens: RouteLinkTokenMap;

package/dist/themes/tokens/component/search-input-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type SearchInputTokens = 'search-input-label-text-color' | 'search-input-icon-color' | 'search-input-disabled-icon-color' | 'search-input-reset-button-background-color' | 'search-input-reset-button-border-color';
+export type SearchInputTokenValue = AliasTokens | RefTokens;
+export type SearchInputTokenMap = {
+    [Token in SearchInputTokens]: SearchInputTokenValue;
+};
+export declare const defaultSearchInputTokens: SearchInputTokenMap;

package/dist/themes/tokens/component/sectional-banner-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type SectionalBannerTokens = 'sectional-banner-border-color' | 'sectional-banner-neutral-background-color' | 'sectional-banner-neutral-border-color' | 'sectional-banner-info-background-color' | 'sectional-banner-info-border-color' | 'sectional-banner-discovery-background-color' | 'sectional-banner-discovery-border-color' | 'sectional-banner-success-background-color' | 'sectional-banner-success-border-color' | 'sectional-banner-warning-background-color' | 'sectional-banner-warning-border-color' | 'sectional-banner-warning-icon-color' | 'sectional-banner-alert-background-color' | 'sectional-banner-alert-border-color' | 'sectional-banner-icon-color';
+export type SectionalBannerTokenValue = AliasTokens | RefTokens;
+export type SectionalBannerTokenMap = {
+    [Token in SectionalBannerTokens]: SectionalBannerTokenValue;
+};
+export declare const defaultSectionalBannerTokens: SectionalBannerTokenMap;

package/dist/themes/tokens/component/side-drawer-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type SideDrawerTokens = 'side-drawer-background-color' | 'side-drawer-box-shadow-color';
+export type SideDrawerTokensValue = AliasTokens | RefTokens;
+export type SideDrawerTokensMap = {
+    [Token in SideDrawerTokens]: SideDrawerTokensValue;
+};
+export declare const defaultSideDrawerTokens: SideDrawerTokensMap;

package/dist/themes/tokens/component/skip-link-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type SkipLinkTokens = 'skip-link-background-color' | 'skip-link-text-color';
+export type SkipLinkTokenValue = AliasTokens | RefTokens;
+export type SkipLinkTokenMap = {
+    [Token in SkipLinkTokens]: SkipLinkTokenValue;
+};
+export declare const defaultSkipLinkTokens: SkipLinkTokenMap;

package/dist/themes/tokens/component/sort-button-icon-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type SortButtonIconTokens = 'sort-button-ascending-icon-color' | 'sort-button-descending-icon-color' | 'sort-button-default-icon-color';
+export type SortButtonTokensValue = AliasTokens | RefTokens;
+export type SortButtonTokensMap = {
+    [Token in SortButtonIconTokens]: SortButtonTokensValue;
+};
+export declare const defaultSortButtonTokens: SortButtonTokensMap;

package/dist/themes/tokens/component/spinner-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type SpinnerTokens = 'spinner-fill';
+export type SpinnerTokenValue = AliasTokens | RefTokens;
+export type SpinnerTokenMap = {
+    [Token in SpinnerTokens]: SpinnerTokenValue;
+};
+export declare const defaultSpinnerTokens: SpinnerTokenMap;

package/dist/themes/tokens/component/status-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type StatusTokens = 'status-circle-blocked-background-color' | 'status-circle-enabled-background-color' | 'status-circle-disabled-background-color' | 'status-circle-disabled-border-color' | 'status-disabled-text-color';
+export type StatusTokenValue = AliasTokens | RefTokens;
+export type StatusTokenMap = {
+    [Token in StatusTokens]: StatusTokenValue;
+};
+export declare const defaultStatusTokens: StatusTokenMap;

package/dist/themes/tokens/component/stepper-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type StepperTokens = 'stepper-button-background-color' | 'stepper-button-border-color' | 'stepper-button-text-color' | 'stepper-button-hover-background-color' | 'stepper-button-disabled-background-color' | 'stepper-button-disabled-border-color' | 'stepper-button-disabled-text-color';
+export type StepperTokenValue = AliasTokens | RefTokens;
+export type StepperTokenMap = {
+    [Token in StepperTokens]: StepperTokenValue;
+};
+export declare const defaultStepperTokens: StepperTokenMap;

package/dist/themes/tokens/component/tab-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type TabTokens = 'tabs-tab-border-bottom-color' | 'tabs-tab-button-text-color' | 'tabs-tab-hover-background-color' | 'tabs-tab-left-icon-color' | 'tabs-tab-right-icon-color' | 'tabs-tab-global-text-color' | 'tabs-tab-global-selected-background-color' | 'tabs-tab-text-color' | 'tabs-tab-selected-background-color' | 'tabs-tab-selected-border-color' | 'tabs-tab-selected-text-color' | 'tab-panel-border-color';
+export type TabTokenValue = AliasTokens | RefTokens;
+export type TabTokenMap = {
+    [Token in TabTokens]: TabTokenValue;
+};
+export declare const defaultTabTokens: TabTokenMap;

package/dist/themes/tokens/component/table-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type TableTokens = 'table-text-color' | 'table-background-color' | 'table-cell-hover-background-color' | 'table-cell-number-text-color' | 'table-row-selected-background-color' | 'table-row-error-background-color' | 'table-row-border-color' | 'table-row-odd-background-color' | 'table-row-error-border-color';
+export type TableRowTokenValue = AliasTokens | RefTokens;
+export type TableTokenMap = {
+    [Token in TableTokens]: TableRowTokenValue;
+};
+export declare const defaultTableTokens: TableTokenMap;

package/dist/themes/tokens/component/tag-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type TagTokens = 'tag-background-color' | 'tag-border-color' | 'tag-delete-button-icon-color' | 'tag-delete-button-hover-background-color' | 'tag-delete-icon-color' | 'tag-clickable-hover-border-background-color' | 'tag-clickable-hover-border-color' | 'tag-clickable-hover-icon-color' | 'tag-clickable-hover-background-color';
+export type TagTokenValue = AliasTokens | RefTokens;
+export type TagTokenMap = {
+    [Token in TagTokens]: TagTokenValue;
+};
+export declare const defaultTagTokens: TagTokenMap;

package/dist/themes/tokens/component/text-area-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type TextAreaTokens = 'text-area-counter-text-color' | 'text-area-counter-error-text-color';
+export type TextAreaTokenValue = AliasTokens | RefTokens;
+export type TextAreaTokenMap = {
+    [Token in TextAreaTokens]: TextAreaTokenValue;
+};
+export declare const defaultTextAreaTokens: TextAreaTokenMap;

package/dist/themes/tokens/component/text-input-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type TextInputTokens = 'text-input-background-color' | 'text-input-border-color' | 'text-input-text-color' | 'text-input-placeholder-text-color' | 'text-input-disabled-background-color' | 'text-input-disabled-border-color' | 'text-input-disabled-text-color' | 'text-input-placeholder-disabled-text-color';
+export type TextInputTokenValue = AliasTokens | RefTokens;
+export type TextInputTokenMap = {
+    [Token in TextInputTokens]: TextInputTokenValue;
+};
+export declare const defaultTextInputTokens: TextInputTokenMap;

package/dist/themes/tokens/component/toast-container-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type ToastTokens = 'toast-container-neutral-background-color' | 'toast-container-neutral-text-color' | 'toast-container-neutral-dismiss-icon-hover-background-color' | 'toast-container-neutral-dismiss-icon-hover-color' | 'toast-container-discovery-background-color' | 'toast-container-discovery-text-color' | 'toast-container-discovery-dismiss-icon-hover-background-color' | 'toast-container-discovery-dismiss-icon-hover-color' | 'toast-container-success-background-color' | 'toast-container-success-text-color' | 'toast-container-success-dismiss-icon-hover-background-color' | 'toast-container-success-dismiss-icon-hover-color' | 'toast-container-warning-background-color' | 'toast-container-warning-text-color' | 'toast-container-warning-dismiss-icon-hover-background-color' | 'toast-container-warning-dismiss-icon-hover-color' | 'toast-container-alert-background-color' | 'toast-container-alert-text-color' | 'toast-container-alert-dismiss-icon-hover-background-color' | 'toast-container-alert-dismiss-icon-hover-color' | 'toast-container-dismiss-icon-focus-box-shadow';
+export type ToastTokenValue = AliasTokens | RefTokens;
+export type ToastTokenMap = {
+    [Token in ToastTokens]: ToastTokenValue;
+};
+export declare const defaultToastTokens: ToastTokenMap;

package/dist/themes/tokens/component/toggle-button-group-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type ToggleButtonGroupTokens = 'toggle-button-background-color' | 'toggle-button-pressed-background-color' | 'toggle-button-hover-background-color' | 'toggle-button-disabled-background-color' | 'toggle-button-border-color' | 'toggle-button-pressed-border-color' | 'toggle-button-hover-border-color' | 'toggle-button-disabled-border-color' | 'toggle-button-text-color' | 'toggle-button-pressed-text-color' | 'toggle-button-hover-text-color' | 'toggle-button-disabled-text-color';
+export type ToggleButtonGroupTokenValue = AliasTokens | RefTokens;
+export type ToggleButtonGroupTokenMap = {
+    [Token in ToggleButtonGroupTokens]: ToggleButtonGroupTokenValue;
+};
+export declare const defaultToggleButtonGroupTokens: ToggleButtonGroupTokenMap;

package/dist/themes/tokens/component/toggle-switch-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type ToggleSwitchTokens = 'toggle-switch-label-text-color' | 'toggle-switch-knob-background-color' | 'toggle-switch-toggled-background-color' | 'toggle-switch-toggled-border-color' | 'toggle-switch-background-color' | 'toggle-switch-border-color' | 'toggle-switch-disabled-toggled-background-color' | 'toggle-switch-disabled-toggled-border-color' | 'toggle-switch-disabled-background-color' | 'toggle-switch-disabled-border-color';
+export type ToggleSwitchTokenValue = AliasTokens | RefTokens;
+export type ToggleSwitchTokenMap = {
+    [Token in ToggleSwitchTokens]: ToggleSwitchTokenValue;
+};
+export declare const defaultToggleSwitchTokens: ToggleSwitchTokenMap;

package/dist/themes/tokens/component/toggletip-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type ToggleTipTokens = 'toggletip-background-color' | 'toggletip-border-color' | 'toggletip-text-color';
+export type ToggleTipTokenValue = AliasTokens | RefTokens;
+export type ToggleTipTokenMap = {
+    [Token in ToggleTipTokens]: ToggleTipTokenValue;
+};
+export declare const defaultToggleTipTokens: ToggleTipTokenMap;

package/dist/themes/tokens/component/tooltip-tokens.d.ts

@@ -0,0 +1,8 @@
+import { AliasTokens } from '../alias-tokens';
+import { RefTokens } from '../ref-tokens';
+export type TooltipTokens = 'tooltip-border-color' | 'tooltip-text-color' | 'tooltip-success-background-color' | 'tooltip-default-background-color';
+export type TooltipTokenValue = AliasTokens | RefTokens;
+export type TooltipTokenMap = {
+    [Token in TooltipTokens]: TooltipTokenValue;
+};
+export declare const defaultTooltipTokens: TooltipTokenMap;

package/dist/themes/tokens/component-tokens.d.ts

@@ -0,0 +1,68 @@
+import { AliasTokens } from './alias-tokens';
+import { AvatarTokens } from './component/avatar-tokens';
+import { BentoMenuButtonTokens } from './component/bento-menu-button-tokens';
+import { ButtonTokens } from './component/button-tokens';
+import { CheckboxTokens } from './component/checkbox-tokens';
+import { ChooserTokens } from './component/chooser-tokens';
+import { ComboboxTokens } from './component/combobox-tokens';
+import { DatepickerTokens } from './component/datepicker-tokens';
+import { DropdownListTokens } from './component/dropdown-list-tokens';
+import { CardLinkTokens } from './component/card-link-tokens';
+import { CardTokens } from './component/card-tokens';
+import { DropdownMenuTokens } from './component/dropdown-menu-tokens';
+import { ExternalLinkTokens } from './component/external-link-tokens';
+import { FocusTokens } from './component/focus-tokens';
+import { GlobalHeaderTokens } from './component/global-header-tokens';
+import { HeadingTokens } from './component/heading-tokens';
+import { FieldTokens } from './component/field-tokens';
+import { TextInputTokens } from './component/text-input-tokens';
+import { LabelTokens } from './component/label-tokens';
+import { ListboxTokens } from './component/listbox-tokens';
+import { MenuTokens } from './component/menu-tokens';
+import { NumericInputTokens } from './component/numeric-input-tokens';
+import { PasswordInputTokens } from './component/password-input-tokens';
+import { PhoneInputTokens } from './component/phone-input-tokens';
+import { RadioButtonGroupTokens } from './component/radio-button-group-tokens';
+import { RadioCardTokens } from './component/radio-card-tokens';
+import { SearchInputTokens } from './component/search-input-tokens';
+import { StepperTokens } from './component/stepper-tokens';
+import { TextAreaTokens } from './component/text-area-tokens';
+import { ToggleButtonGroupTokens } from './component/toggle-button-group-tokens';
+import { ToggleSwitchTokens } from './component/toggle-switch-tokens';
+import { LegendTokens } from './component/legend-tokens';
+import { LozengeTokens } from './component/lozenge-tokens';
+import { NavListTokens } from './component/nav-list-tokens';
+import { NavListItemTokens } from './component/nav-list-item-tokens';
+import { PaginationTokens } from './component/pagination-tokens';
+import { ProgressCircleTokens } from './component/progress-circle-tokens';
+import { ProgressIndicatorTokens } from './component/progress-indicator-tokens';
+import { ProgressTrackerTokens } from './component/progress-tracker-tokens';
+import { RouteLinkTokens } from './component/route-link-tokens';
+import { SideDrawerTokens } from './component/side-drawer-tokens';
+import { SkipLinkTokens } from './component/skip-link-tokens';
+import { SortButtonIconTokens } from './component/sort-button-icon-tokens';
+import { TableTokens } from './component/table-tokens';
+import { RefTokens, RefTokenValue } from './ref-tokens';
+import { BadgeTokens } from './component/badge-tokens';
+import { GlobalBannerTokens } from './component/global-banner-tokens';
+import { SectionalBannerTokens } from './component/sectional-banner-tokens';
+import { SpinnerTokens } from './component/spinner-tokens';
+import { StatusTokens } from './component/status-tokens';
+import { TagTokens } from './component/tag-tokens';
+import { ToastTokens } from './component/toast-container-tokens';
+import { AccordionTokens } from './component/accordion-tokens';
+import { CarouselTokens } from './component/carousel-tokens';
+import { ModalTokens } from './component/modal-tokens';
+import { TooltipTokens } from './component/tooltip-tokens';
+import { ToggleTipTokens } from './component/toggletip-tokens';
+import { TabTokens } from './component/tab-tokens';
+export type ComponentTokens = AvatarTokens | BentoMenuButtonTokens | ButtonTokens | CardLinkTokens | ExternalLinkTokens | FocusTokens | HeadingTokens | LabelTokens | CheckboxTokens | ChooserTokens | DatepickerTokens | DropdownListTokens | ListboxTokens | ComboboxTokens | MenuTokens | PasswordInputTokens | NumericInputTokens | PhoneInputTokens | SearchInputTokens | StepperTokens | TextAreaTokens | FieldTokens | RadioButtonGroupTokens | ToggleButtonGroupTokens | ToggleSwitchTokens | TextInputTokens | RadioCardTokens | LegendTokens | NavListTokens | NavListItemTokens | PaginationTokens | ProgressCircleTokens | ProgressIndicatorTokens | ProgressTrackerTokens | RouteLinkTokens | SkipLinkTokens | BadgeTokens | GlobalBannerTokens | SectionalBannerTokens | SpinnerTokens | StatusTokens | TagTokens | ToastTokens | AccordionTokens | CarouselTokens | ModalTokens | TooltipTokens | ToggleTipTokens | SideDrawerTokens | GlobalHeaderTokens | CardTokens | SortButtonIconTokens | TableTokens | DropdownMenuTokens | TabTokens | LozengeTokens;
+export type ComponentTokenValue = AliasTokens | RefTokens;
+export type ComponentTokenMap = {
+    [Token in ComponentTokens]: ComponentTokenValue;
+};
+export declare const defaultComponentTokens: ComponentTokenMap;
+export type ResolvedComponentTokenValue = RefTokenValue;
+export type ResolvedComponentTokens = {
+    [Token in ComponentTokens]: ResolvedComponentTokenValue;
+};

package/dist/themes/tokens/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ref-tokens';
+export * from './alias-tokens';
+export * from './component-tokens';

package/dist/themes/tokens/legacy-tokens.d.ts

@@ -0,0 +1,5 @@
+import { ResolvedTheme } from '../theme';
+export declare const defaultMain: ResolvedTheme['main'];
+export declare const defaultGreys: ResolvedTheme['greys'];
+export declare const defaultNotifications: ResolvedTheme['notifications'];
+export declare const defaultTokens: ResolvedTheme['tokens'];

package/dist/themes/tokens/ref/color-utility-tokens.d.ts

@@ -0,0 +1,6 @@
+export type ColorUtilityTokens = 'transparent-05' | 'transparent-10' | 'transparent-15' | 'transparent-20' | 'transparent-25' | 'transparent-30' | 'transparent-35' | 'transparent-40' | 'transparent-45' | 'transparent-50' | 'transparent-55' | 'transparent-60' | 'transparent-65' | 'transparent-70' | 'transparent-75' | 'transparent-80' | 'transparent-85' | 'transparent-90' | 'transparent-95' | 'transparent-100';
+export type ColorUtilityValue = string;
+export type ColorUtilityTokenMap = {
+    [Token in ColorUtilityTokens]: ColorUtilityValue;
+};
+export declare const defaultColorUtilityTokens: ColorUtilityTokenMap;

package/dist/themes/tokens/ref/palette-tokens.d.ts

@@ -0,0 +1,6 @@
+export type PaletteTokens = 'color-brand-05' | 'color-brand-10' | 'color-brand-20' | 'color-brand-30' | 'color-brand-40' | 'color-brand-50' | 'color-brand-60' | 'color-brand-70' | 'color-brand-80' | 'color-brand-90' | 'color-accent-05' | 'color-accent-10' | 'color-accent-20' | 'color-accent-30' | 'color-accent-40' | 'color-accent-50' | 'color-accent-60' | 'color-accent-70' | 'color-accent-80' | 'color-accent-90' | 'color-white' | 'color-black' | 'color-neutral-02' | 'color-neutral-05' | 'color-neutral-10' | 'color-neutral-15' | 'color-neutral-20' | 'color-neutral-30' | 'color-neutral-40' | 'color-neutral-50' | 'color-neutral-60' | 'color-neutral-65' | 'color-neutral-70' | 'color-neutral-80' | 'color-neutral-90' | 'color-success-02' | 'color-success-05' | 'color-success-10' | 'color-success-20' | 'color-success-30' | 'color-success-40' | 'color-success-50' | 'color-success-60' | 'color-success-70' | 'color-success-80' | 'color-success-90' | 'color-alert-02' | 'color-alert-05' | 'color-alert-10' | 'color-alert-20' | 'color-alert-30' | 'color-alert-40' | 'color-alert-50' | 'color-alert-60' | 'color-alert-70' | 'color-alert-80' | 'color-alert-90' | 'color-warning-02' | 'color-warning-05' | 'color-warning-10' | 'color-warning-20' | 'color-warning-30' | 'color-warning-40' | 'color-warning-50' | 'color-warning-60' | 'color-warning-70' | 'color-warning-80' | 'color-warning-90' | 'color-informative-02' | 'color-informative-05' | 'color-informative-10' | 'color-informative-20' | 'color-informative-30' | 'color-informative-40' | 'color-informative-50' | 'color-informative-60' | 'color-informative-70' | 'color-informative-80' | 'color-informative-90' | 'color-discovery-02' | 'color-discovery-05' | 'color-discovery-10' | 'color-discovery-20' | 'color-discovery-30' | 'color-discovery-40' | 'color-discovery-50' | 'color-discovery-60' | 'color-discovery-70' | 'color-discovery-80' | 'color-discovery-90';
+export type PaletteValue = string;
+export type PaletteTokenMap = {
+    [Token in PaletteTokens]: PaletteValue;
+};
+export declare const defaultPaletteTokens: PaletteTokenMap;

package/dist/themes/tokens/ref/text-attributes-tokens.d.ts

@@ -0,0 +1,6 @@
+export type TextAttributeTokens = 'font-weight-bold';
+export type TextAttributeValue = string;
+export type TextAttributeTokenMap = {
+    [Token in TextAttributeTokens]: TextAttributeValue;
+};
+export declare const defaultTextAttributeTokens: TextAttributeTokenMap;

package/dist/themes/tokens/ref-tokens.d.ts

@@ -0,0 +1,9 @@
+import { ColorUtilityTokens, ColorUtilityValue } from './ref/color-utility-tokens';
+import { PaletteTokens, PaletteValue } from './ref/palette-tokens';
+import { TextAttributeTokens, TextAttributeValue } from './ref/text-attributes-tokens';
+export type RefTokenValue = PaletteValue | TextAttributeValue | ColorUtilityValue;
+export type RefTokens = PaletteTokens | TextAttributeTokens | ColorUtilityTokens;
+export type RefTokenMap = {
+    [Token in RefTokens]: RefTokenValue;
+};
+export declare const defaultRefTokens: RefTokenMap;

package/dist/utility-types.d.ts

@@ -0,0 +1 @@
+export type NoSelfReference<T, U extends string> = T extends U ? never : T;

package/dist/utils/array.d.ts

@@ -1,3 +1,14 @@
-export declare function getNextElementInArray<T>(array: T[], index: number): T | undefined;
-export declare function getPreviousElementInArray<T>(array: T[], index: number): T | undefined;
+type Predicate<T> = (item: T) => boolean;
+type FindOptions = {
+    wrapAround?: boolean;
+};
+export declare function getFirstElement<T>(array: T[]): T | undefined;
+export declare function findFirstElement<T>(array: T[], predicate: Predicate<T>): T | undefined;
+export declare function getLastElement<T>(array: T[]): T | undefined;
+export declare function findLastElement<T>(array: T[], predicate: Predicate<T>): T | undefined;
+export declare function getPreviousElement<T>(array: T[], currentIndex: number, { wrapAround }?: FindOptions): T | undefined;
+export declare function findPreviousElement<T>(array: T[], currentIndex: number, predicate: Predicate<T>, { wrapAround }?: FindOptions): T | undefined;
+export declare function getNextElement<T>(array: T[], currentIndex: number, { wrapAround }?: FindOptions): T | undefined;
+export declare function findNextElement<T>(array: T[], currentIndex: number, predicate: Predicate<T>, { wrapAround }?: FindOptions): T | undefined;
 export declare function unique<T>(list: T[]): T[];
+export {};

package/dist/utils/css-state.d.ts

@@ -1,8 +1,8 @@
 import { FlattenInterpolation, ThemeProps } from 'styled-components';
-import { Theme } from '../themes';
+import { ResolvedTheme } from '../themes/theme';
 export declare const focus: ({ theme }: {
-    theme: Theme;
+    theme: ResolvedTheme;
 }, hasBorder?: boolean, selector?: string | undefined, inset?: boolean) => string;
 export declare const focusVisibleReset: (_props: {
-    theme: Theme;
-}, hasBorder?: boolean) => FlattenInterpolation<ThemeProps<Theme>>;
+    theme: ResolvedTheme;
+}, hasBorder?: boolean) => FlattenInterpolation<ThemeProps<ResolvedTheme>>;

package/dist/utils/dev-console.d.ts

@@ -0,0 +1,3 @@
+type DevConsole = Pick<Console, 'log' | 'info' | 'warn' | 'error'>;
+export declare const devConsole: DevConsole;
+export {};

package/dist/utils/dom.d.ts

@@ -1 +1,2 @@
 export declare function getRootDocument(element: Element | null): DocumentOrShadowRoot | null;
+export declare function sanitizeId(id: string): string;

package/dist/utils/dom.test.d.ts

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

package/dist/utils/string.d.ts

@@ -1 +1,2 @@
 export declare function allSameLetter(text: string): boolean;
+export declare function stripDiacritics(input: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equisoft/design-elements-react",
-  "version": "6.2.0",
+  "version": "6.2.1-snapshot.20240411190940",
   "description": "React implementation of the Equisoft design system.",
   "license": "UNLICENSED",
   "main": "dist/bundle.js",
@@ -29,16 +29,16 @@
     "url": "https://github.com/kronostechnologies/design-elements/issues"
   },
   "dependencies": {
+    "@tanstack/react-table": "^8.10.7",
     "date-fns": "^3.0.0",
     "feather-icons": "^4.29.0",
     "prop-types": "^15.8.1",
-    "react-datepicker": "^4.11.0",
+    "react-datepicker": "^6.0.0",
     "react-is": "~17.0.2",
     "react-modal": "^3.16.1",
     "react-popper-tooltip": "^4.4.2",
     "react-shadow": "^20.0.0",
     "react-swipeable": "~7.0.0",
-    "react-table": "^7.8.0",
     "stream-browserify": "^3.0.0"
   },
   "peerDependencies": {
@@ -62,16 +62,15 @@
     "@types/jest": "^29.5.1",
     "@types/lodash": "^4.14.186",
     "@types/react": "~17.0.58",
-    "@types/react-datepicker": "^4.11.2",
+    "@types/react-datepicker": "^6.0.0",
     "@types/react-dom": "~17.0.20",
     "@types/react-modal": "^3.16.0",
-    "@types/react-table": "^7.7.14",
     "@types/styled-components": "^5.1.26",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/parser": "^7.0.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.7.3",
+    "css-loader": "^7.0.0",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "~3.6.2",
     "eslint": "^8.39.0",
@@ -88,18 +87,18 @@
     "jest-junit": "^16.0.0",
     "jest-styled-components": "^7.1.1",
     "react": "~17.0.2",
-    "react-docgen-typescript-plugin": "^1.0.5",
+    "react-docgen-typescript-plugin": "^1.0.6",
     "react-dom": "~17.0.2",
-    "react-router-dom": "~6.21.0",
-    "sass": "~1.69.0",
-    "sass-loader": "~13.3.0",
+    "react-router-dom": "~6.22.0",
+    "sass": "~1.74.0",
+    "sass-loader": "~14.1.0",
     "style-loader": "^3.3.2",
     "styled-components": "^5.3.10",
-    "stylelint": "^15.10.1",
+    "stylelint": "^16.2.1",
     "ts-jest": "^29.1.0",
     "ts-loader": "^9.4.2",
     "ts-mockito": "^2.6.1",
-    "typescript": "~5.3.0",
+    "typescript": "~5.4.0",
     "webpack": "^5.81.0",
     "webpack-cli": "^5.0.2",
     "webpack-merge": "^5.8.0",

package/dist/components/option-button/option-button.d.ts

@@ -1,10 +0,0 @@
-import { VoidFunctionComponent } from 'react';
-interface OptionButtonProps {
-    checked?: boolean;
-    className?: string;
-    label: string;
-    name: string;
-    value: number;
-}
-export declare const OptionButton: VoidFunctionComponent<OptionButtonProps>;
-export {};

package/dist/components/table/sortable-column-heading.d.ts

@@ -1,7 +0,0 @@
-import { ReactElement } from 'react';
-import { HeaderGroup } from 'react-table';
-interface SortableColumnHeadingProps<T extends object = {}> {
-    header: HeaderGroup<T>;
-}
-export declare const SortableColumnHeading: <T extends object>({ header }: SortableColumnHeadingProps<T>) => ReactElement;
-export {};

package/dist/themes/greys.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from './theme';
-export declare const greys: Theme['greys'];

package/dist/themes/main.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from './theme';
-export declare const main: Theme['main'];

package/dist/themes/notifications.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from './theme';
-export declare const notifications: Theme['notifications'];

package/dist/themes/test-theme.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from './theme';
-export declare const testTheme: Theme;

package/dist/themes/tokens.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from './theme';
-export declare const tokens: Theme['tokens'];