@equisoft/design-elements-react 6.4.1-snapshot.20240614134253 → 6.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equisoft/design-elements-react",
-  "version": "6.4.1-snapshot.20240614134253",
+  "version": "6.4.1",
   "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": "^6.0.0",
+    "react-datepicker": "^4.11.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": {
@@ -49,11 +49,11 @@
     "styled-components": ">= 4"
   },
   "devDependencies": {
-    "@equisoft/eslint-config": "3.0.6",
-    "@equisoft/eslint-config-typescript-react": "3.0.6",
-    "@equisoft/typescript-config": "2.0.0",
-    "@microsoft/eslint-formatter-sarif": "3.1.0",
-    "@svgr/webpack": "^8.1.0",
+    "@equisoft/eslint-config": "^3.0.3",
+    "@equisoft/eslint-config-typescript-react": "^3.0.3",
+    "@equisoft/typescript-config": "^2.0.0",
+    "@microsoft/eslint-formatter-sarif": "^3.0.0",
+    "@svgr/webpack": "^8.0.0",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/cheerio": "^0.22.31",
@@ -62,24 +62,25 @@
     "@types/jest": "^29.5.1",
     "@types/lodash": "^4.14.186",
     "@types/react": "~17.0.58",
-    "@types/react-datepicker": "^6.0.0",
+    "@types/react-datepicker": "^4.11.2",
     "@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": "7.12.0",
-    "@typescript-eslint/parser": "7.12.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "cross-env": "^7.0.3",
-    "css-loader": "^7.0.0",
+    "css-loader": "^6.7.3",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "~3.6.2",
-    "eslint": "8.57.0",
-    "eslint-import-resolver-node": "0.3.9",
-    "eslint-import-resolver-typescript": "3.6.1",
-    "eslint-plugin-import": "2.29.1",
-    "eslint-plugin-jsx-a11y": "6.8.0",
-    "eslint-plugin-react": "7.34.2",
-    "eslint-plugin-react-hooks": "4.6.2",
+    "eslint": "^8.39.0",
+    "eslint-import-resolver-node": "^0.3.7",
+    "eslint-import-resolver-typescript": "^3.5.5",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "expect": "^29.5.0",
     "i18next": "^23.0.0",
     "jest": "^29.5.0",
@@ -87,21 +88,21 @@
     "jest-junit": "^16.0.0",
     "jest-styled-components": "^7.1.1",
     "react": "~17.0.2",
-    "react-docgen-typescript-plugin": "1.0.6",
+    "react-docgen-typescript-plugin": "^1.0.5",
     "react-dom": "~17.0.2",
-    "react-router-dom": "~6.23.0",
-    "sass": "~1.77.0",
-    "sass-loader": "~14.2.0",
-    "style-loader": "^4.0.0",
+    "react-router-dom": "~6.21.0",
+    "sass": "~1.69.0",
+    "sass-loader": "~13.3.0",
+    "style-loader": "^3.3.2",
     "styled-components": "^5.3.10",
-    "stylelint": "16.6.1",
+    "stylelint": "^15.10.1",
     "ts-jest": "^29.1.0",
     "ts-loader": "^9.4.2",
     "ts-mockito": "^2.6.1",
-    "typescript": "5.4.5",
-    "webpack": "5.91.0",
-    "webpack-cli": "5.1.4",
-    "webpack-merge": "5.10.0",
-    "yargs": "17.7.2"
+    "typescript": "~5.3.0",
+    "webpack": "^5.81.0",
+    "webpack-cli": "^5.0.2",
+    "webpack-merge": "^5.8.0",
+    "yargs": "^17.7.2"
   }
 }

package/dist/components/combobox/combobox.d.ts

@@ -1,74 +0,0 @@
-import { VoidFunctionComponent } from 'react';
-import { ListboxOption } from '../listbox/listbox';
-import { TooltipProps } from '../tooltip/tooltip';
-export type ComboboxOption = ListboxOption;
-interface ComboboxProps {
-    /**
-     * If true, the input can have a value not included in the list of options
-     */
-    allowCustomValue?: boolean;
-    /**
-     * Aria label for the input (used when no visual label is present)
-     */
-    ariaLabel?: string;
-    className?: string;
-    /**
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * The default value and selected option
-     */
-    defaultValue?: string;
-    /**
-     * Disables the input
-     */
-    disabled?: boolean;
-    /**
-     * If true, the options won't be filtered.
-     * Use when the list of options is filtered externally.
-     * @default false
-     */
-    disableListFiltering?: boolean;
-    /**
-     * Text to display in the listbox when no options match the input value.
-     * Used only when a custom value is not allowed.
-     */
-    emptyListMessage?: string;
-    /**
-     * Disables the default margin
-     */
-    noMargin?: boolean;
-    id?: string;
-    /**
-     * @default false
-     */
-    inlineAutoComplete?: boolean;
-    isLoading?: boolean;
-    label?: string;
-    name?: string;
-    options: ComboboxOption[];
-    placeholder?: string;
-    required?: boolean;
-    tooltip?: TooltipProps;
-    /**
-     * Sets input validity
-     */
-    valid?: boolean;
-    /**
-     * Sets error message
-     * @default You must select an option
-     */
-    validationErrorMessage?: string;
-    /**
-     * Sets the selected value (makes the component controlled)
-     */
-    value?: string;
-    hint?: string;
-    /**
-     * OnChange callback function, invoked when the value is changed
-     */
-    onChange?(value: string): void;
-}
-export declare const Combobox: VoidFunctionComponent<ComboboxProps>;
-export {};

package/dist/components/table/table-footer.d.ts

@@ -1,8 +0,0 @@
-import { ReactElement } from 'react';
-import { HeaderGroup } from '@tanstack/react-table';
-interface TableFooterProps<T extends object> {
-    footerGroup: HeaderGroup<T>;
-    sticky: boolean;
-}
-export declare const TableFooter: <T extends object>({ footerGroup, sticky, }: TableFooterProps<T>) => ReactElement;
-export {};

package/dist/components/table/table-header.d.ts

@@ -1,8 +0,0 @@
-import { ReactElement } from 'react';
-import { HeaderGroup } from '@tanstack/react-table';
-interface TableHeaderProps<T extends object> {
-    headerGroup: HeaderGroup<T>;
-    sticky: boolean;
-}
-export declare const TableHeader: <T extends object>({ headerGroup, sticky, }: TableHeaderProps<T>) => ReactElement;
-export {};

package/dist/components/table/types.d.ts

@@ -1,17 +0,0 @@
-import { ColumnDef, RowData } from '@tanstack/react-table';
-import { CSSProperties } from 'react';
-export type TableData<TData extends object> = TData & {
-    error?: boolean;
-    subRows?: TableData<TData>[];
-    subContent?: React.ReactNode;
-};
-export type TableColumn<TData extends RowData, TValue = unknown> = ColumnDef<TData, TValue> & {
-    className?: string;
-    footerColSpan?: number;
-    headerAriaLabel?: string;
-    headerColSpan?: number;
-    iconAlign?: 'left' | 'right';
-    sortable?: boolean;
-    sticky?: boolean;
-    textAlign?: CSSProperties['textAlign'];
-};

package/dist/components/tag/toggle-tag.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { IconName } from '../icon/icon';
-export type ToggleTagSize = 'small' | 'medium';
-export interface ToggleTagValue {
-    id?: string;
-    label: string;
-}
-export interface ToggleTagProps {
-    className?: string;
-    size?: ToggleTagSize;
-    value: ToggleTagValue;
-    iconName?: IconName;
-    onClick?(tag: ToggleTagValue): void;
-    /**
-     * Whether the tag is selected.
-     * Can manually set the selected state of the tag, without the need for a click event.
-     */
-    selected?: boolean;
-}
-export declare const ToggleTag: import("react").ForwardRefExoticComponent<ToggleTagProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/hooks/use-scrollable.d.ts

@@ -1,19 +0,0 @@
-import { RefObject } from 'react';
-interface OnScrollParams {
-    atStartX: boolean;
-    atEndX: boolean;
-}
-interface UseScrollableOptions {
-    scrollableElement: RefObject<HTMLElement>;
-    scrollByPercent: number;
-    onScroll(params: OnScrollParams): void;
-}
-interface UseScrollableReturns {
-    scrollToLeft(): void;
-    scrollToRight(): void;
-}
-/**
- * Support only horizontal scroll for now
- */
-export declare function useScrollable({ scrollableElement, scrollByPercent, onScroll, }: UseScrollableOptions): UseScrollableReturns;
-export {};

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

@@ -1,2 +0,0 @@
-import { ResolvedTheme, ThemeCustomization } from './theme';
-export declare function buildTheme(customization: ThemeCustomization): ResolvedTheme;

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

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

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

@@ -1,44 +0,0 @@
-import { NoSelfReference } from '../../utility-types';
-import { RefTokens } from './ref-tokens';
-export type AliasTokens = 
-/**
- * ACTION
- */
-'color-action' | 'color-action-hover' | 'color-action-disabled' | 'color-action-destructive' | 'color-action-destructive-hover' | 'color-action-destructive-disabled' | 'color-action-inverse' | 'color-action-inverse-hover' | 'color-action-inverse-disabled'
-/**
- * FEEDBACK
- */
- | 'color-background-neutral-subtlest' | 'color-background-neutral-subtle' | 'color-background-neutral-bold' | 'color-background-neutral-bold-disabled' | 'color-feedback-background-success-subtle' | 'color-feedback-background-warning-subtle' | 'color-feedback-background-alert-subtle' | 'color-feedback-background-discovery-subtle' | 'color-feedback-background-informative-subtle' | 'color-feedback-background-success-subtlest' | 'color-feedback-background-warning-subtlest' | 'color-feedback-background-alert-subtlest' | 'color-feedback-background-discovery-subtlest' | 'color-feedback-background-informative-subtlest' | 'color-feedback-background-success-bold' | 'color-feedback-background-success-bold-disabled' | 'color-feedback-background-alert-bold' | 'color-feedback-background-warning-bold' | 'color-feedback-background-discovery-bold' | 'color-feedback-background-informative-bold' | 'color-feedback-border-success' | 'color-feedback-border-warning' | 'color-feedback-border-alert' | 'color-feedback-border-discovery' | 'color-feedback-border-informative' | 'color-feedback-content-success' | 'color-feedback-content-warning' | 'color-feedback-content-alert' | 'color-feedback-content-discovery' | 'color-feedback-content-informative'
-/**
- * CONTROL
- */
- | 'color-control-background' | 'color-control-background-hover' | 'color-control-background-disabled' | 'color-control-background-checked' | 'color-control-background-selected' | 'color-control-border' | 'color-control-border-hover' | 'color-control-border-disabled' | 'color-control-border-selected' | 'color-control-border-checked' | 'color-control-border-error' | 'color-control-value' | 'color-control-value-hover' | 'color-control-value-disabled' | 'color-control-auxiliary' | 'color-control-auxiliary-hover' | 'color-control-auxiliary-disabled' | 'color-control-auxiliary-error' | 'color-control-auxiliary-success' | 'color-control-auxiliary-checked' | 'color-control-auxiliary-selected'
-/**
- * MENU
- */
- | 'color-menu-background' | 'color-menu-border' | 'color-menu-item-background' | 'color-menu-item-background-hover' | 'color-menu-item-content' | 'color-menu-item-subcontent' | 'color-menu-item-content-hover' | 'color-menu-item-content-disabled'
-/**
- * BRAND
- */
- | 'color-background-brand-subtle' | 'color-background-brand' | 'color-background-brand-bold' | 'color-background-indicator-selected' | 'color-background-indicator-active' | 'color-border-brand' | 'color-content-brand'
-/**
- * BACKGROUND
- */
- | 'color-background' | 'color-background-overlay' | 'color-background-isolated' | 'color-background-disabled' | 'color-background-empty' | 'color-background-hover' | 'color-background-selected' | 'color-background-selected-hover' | 'color-backdrop-background'
-/**
- * BORDER
- */
- | 'color-border' | 'color-border-subtle' | 'color-border-bold' | 'color-border-overlay' | 'color-border-hover' | 'color-border-disabled' | 'color-border-empty' | 'color-border-selected' | 'color-border-inverse' | 'color-border-focus-outside' | 'color-border-focus-inside' | 'color-border-focus-outside-inverse' | 'color-border-focus-inside-inverse'
-/**
- * CONTENT (TEXT & ICONS)
- */
- | 'color-content' | 'color-content-subtle' | 'color-content-inverse' | 'color-content-disabled' | 'color-content-hover' | 'color-content-selected' | 'color-link-content' | 'color-link-content-visited' | 'color-link-content-disabled' | 'color-link-content-hover'
-/**
- * BOX-SHADOW
- */
- | 'color-box-shadow';
-export type AliasTokenMap = {
-    [Token in AliasTokens]: NoSelfReference<RefTokens | AliasTokens, Token>;
-};
-export declare const defaultAliasTokens: AliasTokenMap;
-export declare function isAliasToken(token: string): token is AliasTokens;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type AccordionTokens = 'accordion-panel-background-color' | 'accordion-panel-border-color' | 'accordion-panel-text-color' | 'accordion-header-background-color' | 'accordion-header-border-color' | 'accordion-header-text-color' | 'accordion-header-hover-background-color' | 'accordion-header-hover-border-color' | 'accordion-header-hover-text-color' | 'accordion-header-disabled-background-color' | 'accordion-header-disabled-border-color' | 'accordion-header-disabled-text-color' | 'accordion-header-disabled-icon-color';
-export type AccordionTokenValue = AliasTokens | RefTokens;
-export type AccordionTokenMap = {
-    [Token in AccordionTokens]: AccordionTokenValue;
-};
-export declare const defaultAccordionTokens: AccordionTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type AvatarTokens = 'avatar-background-color' | 'avatar-text-color';
-export type AvatarTokenValue = AliasTokens | RefTokens;
-export type AvatarTokenMap = {
-    [Token in AvatarTokens]: AvatarTokenValue;
-};
-export declare const defaultAvatarTokens: AvatarTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type BadgeTokens = 'badge-background-color' | 'badge-text-color';
-export type BadgeTokenValue = AliasTokens | RefTokens;
-export type BadgeTokenMap = {
-    [Token in BadgeTokens]: BadgeTokenValue;
-};
-export declare const defaultBadgeTokens: BadgeTokenMap;

package/dist/themes/tokens/component/bento-menu-button-tokens.d.ts

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type BentoMenuButtonTokens = 'bento-menu-separator-color';
-export type BentoMenuButtonTokenValue = AliasTokens | RefTokens;
-export type BentoMenuButtonTokenMap = {
-    [Token in BentoMenuButtonTokens]: BentoMenuButtonTokenValue;
-};
-export declare const defaultBentoMenuButtonTokens: BentoMenuButtonTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type BreadcrumbTokens = 'breadcrumb-link-color' | 'breadcrumb-link-hover-color' | 'breadcrumb-link-active-color' | 'breadcrumb-link-disabled-color' | 'breadcrumb-separator-color';
-export type BreadcrumbTokensValue = AliasTokens | RefTokens;
-export type BreadcrumbTokensMap = {
-    [Token in BreadcrumbTokens]: BreadcrumbTokensValue;
-};
-export declare const defaultBreadcrumbTokens: BreadcrumbTokensMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type ButtonTokens = 'button-primary-background-color' | 'button-primary-border-color' | 'button-primary-text-color' | 'button-primary-hover-background-color' | 'button-primary-hover-border-color' | 'button-primary-hover-text-color' | 'button-primary-disabled-background-color' | 'button-primary-disabled-border-color' | 'button-primary-disabled-text-color' | 'button-primary-inverted-background-color' | 'button-primary-inverted-border-color' | 'button-primary-inverted-text-color' | 'button-primary-inverted-hover-background-color' | 'button-primary-inverted-hover-border-color' | 'button-primary-inverted-hover-text-color' | 'button-primary-inverted-disabled-background-color' | 'button-primary-inverted-disabled-border-color' | 'button-primary-inverted-disabled-text-color' | 'button-secondary-background-color' | 'button-secondary-border-color' | 'button-secondary-text-color' | 'button-secondary-hover-background-color' | 'button-secondary-hover-border-color' | 'button-secondary-hover-text-color' | 'button-secondary-disabled-background-color' | 'button-secondary-disabled-border-color' | 'button-secondary-disabled-text-color' | 'button-secondary-inverted-background-color' | 'button-secondary-inverted-border-color' | 'button-secondary-inverted-text-color' | 'button-secondary-inverted-hover-background-color' | 'button-secondary-inverted-hover-border-color' | 'button-secondary-inverted-hover-text-color' | 'button-secondary-inverted-disabled-background-color' | 'button-secondary-inverted-disabled-border-color' | 'button-secondary-inverted-disabled-text-color' | 'button-tertiary-background-color' | 'button-tertiary-border-color' | 'button-tertiary-text-color' | 'button-tertiary-hover-background-color' | 'button-tertiary-hover-border-color' | 'button-tertiary-hover-text-color' | 'button-tertiary-disabled-background-color' | 'button-tertiary-disabled-border-color' | 'button-tertiary-disabled-text-color' | 'button-tertiary-inverted-background-color' | 'button-tertiary-inverted-border-color' | 'button-tertiary-inverted-text-color' | 'button-tertiary-inverted-hover-background-color' | 'button-tertiary-inverted-hover-border-color' | 'button-tertiary-inverted-hover-text-color' | 'button-tertiary-inverted-disabled-background-color' | 'button-tertiary-inverted-disabled-border-color' | 'button-tertiary-inverted-disabled-text-color' | 'button-destructive-primary-background-color' | 'button-destructive-primary-border-color' | 'button-destructive-primary-text-color' | 'button-destructive-primary-hover-background-color' | 'button-destructive-primary-hover-border-color' | 'button-destructive-primary-hover-text-color' | 'button-destructive-primary-disabled-background-color' | 'button-destructive-primary-disabled-border-color' | 'button-destructive-primary-disabled-text-color' | 'button-destructive-primary-inverted-background-color' | 'button-destructive-primary-inverted-border-color' | 'button-destructive-primary-inverted-text-color' | 'button-destructive-primary-inverted-hover-background-color' | 'button-destructive-primary-inverted-hover-border-color' | 'button-destructive-primary-inverted-hover-text-color' | 'button-destructive-primary-inverted-disabled-background-color' | 'button-destructive-primary-inverted-disabled-border-color' | 'button-destructive-primary-inverted-disabled-text-color' | 'button-destructive-secondary-background-color' | 'button-destructive-secondary-border-color' | 'button-destructive-secondary-text-color' | 'button-destructive-secondary-hover-background-color' | 'button-destructive-secondary-hover-border-color' | 'button-destructive-secondary-hover-text-color' | 'button-destructive-secondary-disabled-background-color' | 'button-destructive-secondary-disabled-border-color' | 'button-destructive-secondary-disabled-text-color' | 'button-destructive-secondary-inverted-background-color' | 'button-destructive-secondary-inverted-border-color' | 'button-destructive-secondary-inverted-text-color' | 'button-destructive-secondary-inverted-hover-background-color' | 'button-destructive-secondary-inverted-hover-border-color' | 'button-destructive-secondary-inverted-hover-text-color' | 'button-destructive-secondary-inverted-disabled-background-color' | 'button-destructive-secondary-inverted-disabled-border-color' | 'button-destructive-secondary-inverted-disabled-text-color' | 'button-destructive-tertiary-background-color' | 'button-destructive-tertiary-border-color' | 'button-destructive-tertiary-text-color' | 'button-destructive-tertiary-hover-background-color' | 'button-destructive-tertiary-hover-border-color' | 'button-destructive-tertiary-hover-text-color' | 'button-destructive-tertiary-disabled-background-color' | 'button-destructive-tertiary-disabled-border-color' | 'button-destructive-tertiary-disabled-text-color' | 'button-destructive-tertiary-inverted-background-color' | 'button-destructive-tertiary-inverted-border-color' | 'button-destructive-tertiary-inverted-text-color' | 'button-destructive-tertiary-inverted-hover-background-color' | 'button-destructive-tertiary-inverted-hover-border-color' | 'button-destructive-tertiary-inverted-hover-text-color' | 'button-destructive-tertiary-inverted-disabled-background-color' | 'button-destructive-tertiary-inverted-disabled-border-color' | 'button-destructive-tertiary-inverted-disabled-text-color' | 'button-input-background-color' | 'button-input-border-color' | 'button-input-text-color' | 'button-input-hover-background-color' | 'button-input-hover-border-color' | 'button-input-hover-text-color' | 'button-input-disabled-background-color' | 'button-input-disabled-border-color' | 'button-input-disabled-text-color';
-export type ButtonTokenValue = AliasTokens | RefTokens;
-export type ButtonTokenMap = {
-    [Token in ButtonTokens]: ButtonTokenValue;
-};
-export declare const defaultButtonTokens: ButtonTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type CardTokens = 'card-background-color' | 'card-border-color' | 'card-link-border-color' | 'card-text-color' | 'card-box-shadow-color' | 'card-link-hover-background-color' | 'card-link-hover-border-color';
-export type CardTokensValue = AliasTokens | RefTokens;
-export type CardTokensMap = {
-    [Token in CardTokens]: CardTokensValue;
-};
-export declare const defaultCardTokens: CardTokensMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type CarouselTokens = 'carousel-dot-selected-background-color' | 'carousel-dot-unselected-background-color' | 'carousel-dot-border-color';
-export type CarouselTokenValue = AliasTokens | RefTokens;
-export type CarouselTokenMap = {
-    [Token in CarouselTokens]: CarouselTokenValue;
-};
-export declare const defaultCarouselTokens: CarouselTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type CheckboxTokens = 'checkbox-checked-icon-color' | 'checkbox-disabled-background-color' | 'checkbox-unchecked-background-color' | 'checkbox-disabled-border-color' | 'checkbox-unchecked-border-color' | 'checkbox-hover-border-color' | 'checkbox-hover-background-color' | 'checkbox-checked-border-color' | 'checkbox-checked-background-color' | 'checkbox-error-border-color';
-export type CheckboxTokenValue = AliasTokens | RefTokens;
-export type CheckboxTokenMap = {
-    [Token in CheckboxTokens]: CheckboxTokenValue;
-};
-export declare const defaultCheckboxTokens: CheckboxTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type ChooserTokens = 'chooser-background-color' | 'chooser-border-color' | 'chooser-text-color' | 'chooser-disabled-background-color' | 'chooser-disabled-border-color' | 'chooser-disabled-text-color' | 'chooser-hover-background-color' | 'chooser-hover-border-color' | 'chooser-hover-text-color' | 'chooser-selected-text-color' | 'chooser-selected-background-color' | 'chooser-selected-border-color';
-export type ChooserTokenValue = AliasTokens | RefTokens;
-export type ChooserTokenMap = {
-    [Token in ChooserTokens]: ChooserTokenValue;
-};
-export declare const defaultChooserTokens: ChooserTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type ComboboxTokens = 'combobox-background-color' | 'combobox-disabled-background-color' | 'combobox-border-color' | 'combobox-disabled-border-color' | 'combobox-error-border-color' | 'combobox-disabled-text-color' | 'combobox-placeholder-text-color' | 'combobox-clear-button-icon-color' | 'combobox-clear-button-disabled-icon-color' | 'combobox-clear-button-border-right-color' | 'combobox-arrow-button-background-color' | 'combobox-arrow-button-hover-background-color' | 'combobox-arrow-button-icon-color' | 'combobox-arrow-button-disabled-icon-color';
-export type ComboboxTokenValue = AliasTokens | RefTokens;
-export type ComboboxTokenMap = {
-    [Token in ComboboxTokens]: ComboboxTokenValue;
-};
-export declare const defaultComboboxTokens: ComboboxTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type DatepickerTokens = 'datepicker-border-color' | 'datepicker-box-shadow-color' | 'datepicker-day-border-color' | 'datepicker-day-hover-background-color' | 'datepicker-day-disabled-text-color' | 'datepicker-day-outside-month-text-color' | 'datepicker-day-background-color' | 'datepicker-day-text-color' | 'datepicker-day-selected-outside-month-background-color' | 'datepicker-day-selected-outside-month-border-color' | 'datepicker-day-selected-outside-month-text-color' | 'datepicker-day-selected-background-color' | 'datepicker-day-selected-border-color' | 'datepicker-day-selected-text-color' | 'datepicker-day-today-text-color' | 'datepicker-header-background-color' | 'datepicker-background-color';
-export type DatepickerTokenValue = AliasTokens | RefTokens;
-export type DatepickerTokenMap = {
-    [Token in DatepickerTokens]: DatepickerTokenValue;
-};
-export declare const defaultDatepickerTokens: DatepickerTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type DropdownListTokens = 'dropdown-list-input-background-color' | 'dropdown-list-input-disabled-background-color' | 'dropdown-list-input-border-color' | 'dropdown-list-input-disabled-border-color' | 'dropdown-list-input-error-border-color' | 'dropdown-list-input-disabled-text-color' | 'dropdown-list-input-icon-color' | 'dropdown-list-arrow-color' | 'dropdown-list-arrow-disabled-color';
-export type DropdownListTokenValue = AliasTokens | RefTokens;
-export type DropdownListTokenMap = {
-    [Token in DropdownListTokens]: DropdownListTokenValue;
-};
-export declare const defaultDropdownListTokens: DropdownListTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type DropdownMenuTokens = 'dropdown-menu-border-color' | 'dropdown-menu-background-color' | 'dropdown-menu-text-color' | 'dropdown-menu-nav-item-text-color' | 'dropdown-menu-nav-item-hover-background-color' | 'dropdown-menu-nav-item-disabled-background-color' | 'dropdown-menu-nav-item-disabled-text-color' | 'dropdown-menu-nav-item-disabled-icon-color' | 'dropdown-menu-nav-item-external-link-icon-color' | 'dropdown-menu-nav-item-external-link-text-color' | 'dropdown-menu-list-item-text-color' | 'dropdown-menu-external-item-text-color' | 'dropdown-menu-external-item-hover-background-color' | 'dropdown-menu-external-item-visited-text-color' | 'dropdown-menu-external-item-visited-icon-color' | 'dropdown-menu-external-item-disabled-text-color' | 'dropdown-menu-group-border-color' | 'dropdown-menu-item-content-icon-background-color' | 'dropdown-menu-item-content-icon-border-color' | 'dropdown-menu-item-content-description-text-color' | 'dropdown-menu-box-shadow-color';
-export type DropdownMenuTokenValue = AliasTokens | RefTokens;
-export type DropdownMenuTokenMap = {
-    [Token in DropdownMenuTokens]: DropdownMenuTokenValue;
-};
-export declare const defaultDropdownMenuTokens: DropdownMenuTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type FieldTokens = 'field-error-text-color' | 'field-hint-text-color' | 'field-input-border-color' | 'field-input-error-border-color';
-export type FieldTokenValue = AliasTokens | RefTokens;
-export type FieldTokenMap = {
-    [Token in FieldTokens]: FieldTokenValue;
-};
-export declare const defaultFieldTokens: FieldTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type FocusTokens = 'focus-inside-border-color' | 'focus-inverted-inside-border-color' | 'focus-outside-border-color' | 'focus-inverted-outside-border-color';
-export type FocusTokenValue = AliasTokens | RefTokens;
-export type FocusTokenMap = {
-    [Token in FocusTokens]: FocusTokenValue;
-};
-export declare const defaultFocusTokens: FocusTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type GlobalBannerTokens = 'global-banner-neutral-background-color' | 'global-banner-neutral-text-color' | 'global-banner-neutral-action-button-border-color' | 'global-banner-neutral-action-button-text-color' | 'global-banner-neutral-action-button-hover-border-color' | 'global-banner-neutral-action-button-hover-text-color' | 'global-banner-alert-background-color' | 'global-banner-alert-text-color' | 'global-banner-alert-action-button-border-color' | 'global-banner-alert-action-button-text-color' | 'global-banner-alert-action-button-hover-border-color' | 'global-banner-alert-action-button-hover-text-color' | 'global-banner-discovery-background-color' | 'global-banner-discovery-text-color' | 'global-banner-discovery-action-button-border-color' | 'global-banner-discovery-action-button-text-color' | 'global-banner-discovery-action-button-hover-border-color' | 'global-banner-discovery-action-button-hover-text-color' | 'global-banner-warning-background-color' | 'global-banner-warning-text-color' | 'global-banner-warning-action-button-border-color' | 'global-banner-warning-action-button-text-color' | 'global-banner-warning-action-button-hover-border-color' | 'global-banner-warning-action-button-hover-text-color';
-export type GlobalBannerTokenValue = AliasTokens | RefTokens;
-export type GlobalBannerTokenMap = {
-    [Token in GlobalBannerTokens]: GlobalBannerTokenValue;
-};
-export declare const defaultGlobalBannerTokens: GlobalBannerTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type GlobalHeaderTokens = 'global-header-background-color' | 'global-header-logo-title-separator-color' | 'global-header-content-text-color' | 'global-header-logo-content-text-color';
-export type GlobalHeaderTokensValue = AliasTokens | RefTokens;
-export type GlobalHeaderTokensMap = {
-    [Token in GlobalHeaderTokens]: GlobalHeaderTokensValue;
-};
-export declare const defaultGlobalHeaderTokens: GlobalHeaderTokensMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type GlobalNavigationTokens = 'global-navigation-background-color' | 'global-navigation-box-shadow-color' | 'global-navigation-item-text-color' | 'global-navigation-item-hover-text-color' | 'global-navigation-item-hover-background-color' | 'global-navigation-item-selected-background-color' | 'global-navigation-item-selected-text-color' | 'global-navigation-separator-border-color';
-export type GlobalNavigationTokenValue = AliasTokens | RefTokens;
-export type GlobalNavigationTokenMap = {
-    [Token in GlobalNavigationTokens]: GlobalNavigationTokenValue;
-};
-export declare const defaultGlobalNavigationTokens: GlobalNavigationTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type HeadingTokens = 'heading-text-color' | 'heading-subtitle-text-color';
-export type HeadingTokenValue = AliasTokens | RefTokens;
-export type HeadingTokenMap = {
-    [Token in HeadingTokens]: HeadingTokenValue;
-};
-export declare const defaultHeadingTokens: HeadingTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type LabelTokens = 'label-text-color';
-export type LabelTokenValue = AliasTokens | RefTokens;
-export type LabelTokenMap = {
-    [Token in LabelTokens]: LabelTokenValue;
-};
-export declare const defaultLabelTokens: LabelTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type LegendTokens = 'legend-item-bullet-color' | 'legend-item-description-text-color';
-export type LegendTokenValue = AliasTokens | RefTokens;
-export type LegendTokenMap = {
-    [Token in LegendTokens]: LegendTokenValue;
-};
-export declare const defaultLegendTokens: LegendTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type LinkTokens = 'external-link-visited-text-color' | 'skip-link-text-color' | 'skip-link-background-color' | 'route-link-text-color' | 'route-link-disabled-text-color' | 'route-link-hover-text-color' | 'route-link-visited-text-color';
-export type LinkTokenValue = AliasTokens | RefTokens;
-export type LinkTokenMap = {
-    [Token in LinkTokens]: LinkTokenValue;
-};
-export declare const defaultLinkTokens: LinkTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type ListboxTokens = 'listbox-background-color' | 'listbox-border-color' | 'listbox-item-text-color' | 'listbox-item-disabled-background-color' | 'listbox-item-disabled-text-color' | 'listbox-item-hover-background-color' | 'listbox-item-subcontent-text-color' | 'listbox-item-subcontent-disabled-text-color' | 'listbox-box-shadow-depth-color';
-export type ListboxTokenValue = AliasTokens | RefTokens;
-export type ListboxTokenMap = {
-    [Token in ListboxTokens]: ListboxTokenValue;
-};
-export declare const defaultListboxTokens: ListboxTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type LozengeTokens = 'lozenge-neutral-background-color' | 'lozenge-neutral-border-color' | 'lozenge-neutral-text-color' | 'lozenge-neutral-subtle-background-color' | 'lozenge-neutral-subtle-border-color' | 'lozenge-neutral-subtle-text-color' | 'lozenge-info-background-color' | 'lozenge-info-border-color' | 'lozenge-info-text-color' | 'lozenge-info-subtle-background-color' | 'lozenge-info-subtle-border-color' | 'lozenge-info-subtle-text-color' | 'lozenge-success-background-color' | 'lozenge-success-border-color' | 'lozenge-success-text-color' | 'lozenge-success-subtle-background-color' | 'lozenge-success-subtle-border-color' | 'lozenge-success-subtle-text-color' | 'lozenge-discovery-background-color' | 'lozenge-discovery-border-color' | 'lozenge-discovery-text-color' | 'lozenge-discovery-subtle-background-color' | 'lozenge-discovery-subtle-border-color' | 'lozenge-discovery-subtle-text-color' | 'lozenge-alert-background-color' | 'lozenge-alert-border-color' | 'lozenge-alert-text-color' | 'lozenge-alert-subtle-background-color' | 'lozenge-alert-subtle-border-color' | 'lozenge-alert-subtle-text-color' | 'lozenge-warning-background-color' | 'lozenge-warning-border-color' | 'lozenge-warning-text-color' | 'lozenge-warning-subtle-background-color' | 'lozenge-warning-subtle-border-color' | 'lozenge-warning-subtle-text-color';
-export type LozengeTokensValue = AliasTokens | RefTokens;
-export type LozengeTokensMap = {
-    [Token in LozengeTokens]: LozengeTokensValue;
-};
-export declare const defaultLozengeTokens: LozengeTokensMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type MenuTokens = 'menu-background-color' | 'menu-border-color' | 'menu-box-shadow-color' | 'menu-submenu-background-color' | 'menu-submenu-border-color' | 'menu-submenu-box-shadow-color' | 'menu-item-text-color' | 'menu-item-hover-text-color' | 'menu-item-icon-color' | 'menu-item-hover-icon-color' | 'menu-item-hover-background-color' | 'menu-item-disabled-text-color' | 'menu-group-text-color';
-export type MenuTokenValue = AliasTokens | RefTokens;
-export type MenuTokenMap = {
-    [Token in MenuTokens]: MenuTokenValue;
-};
-export declare const defaultMenuTokens: MenuTokenMap;

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

@@ -1,8 +0,0 @@
-import { AliasTokens } from '../alias-tokens';
-import { RefTokens } from '../ref-tokens';
-export type ModalTokens = 'modal-background-color' | 'modal-border-color' | 'modal-backdrop-background-color';
-export type ModalTokenValue = AliasTokens | RefTokens;
-export type ModalTokenMap = {
-    [Token in ModalTokens]: ModalTokenValue;
-};
-export declare const defaultModalTokens: ModalTokenMap;