@equisoft/design-elements-react 9.9.2-snapshot.20250910030156 → 9.9.2

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

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

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

@@ -0,0 +1,6 @@
+export type ColorUtilityTokens = 'transparent-dark-3' | 'transparent-dark-5' | 'transparent-light-5' | 'transparent-dark-10' | 'transparent-light-10' | 'transparent-dark-15' | 'transparent-light-15' | 'transparent-dark-20' | 'transparent-light-20' | 'transparent-dark-25' | 'transparent-light-25' | 'transparent-dark-30' | 'transparent-light-30' | 'transparent-dark-35' | 'transparent-light-35' | 'transparent-dark-40' | 'transparent-light-40' | 'transparent-dark-45' | 'transparent-light-45' | 'transparent-dark-50' | 'transparent-light-50' | 'transparent-dark-55' | 'transparent-light-55' | 'transparent-dark-60' | 'transparent-light-60' | 'transparent-dark-65' | 'transparent-light-65' | 'transparent-dark-70' | 'transparent-light-70' | 'transparent-dark-75' | 'transparent-light-75' | 'transparent-dark-80' | 'transparent-light-80' | 'transparent-dark-85' | 'transparent-light-85' | 'transparent-dark-90' | 'transparent-light-90' | 'transparent-dark-95' | 'transparent-light-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

@@ -1,3 +1,6 @@
-import type { RefTokenMap } from '../tokens';
-export type PaletteToken = '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' | 'color-decorative-01-05' | 'color-decorative-01-10' | 'color-decorative-01-50' | 'color-decorative-01-70' | 'color-decorative-02-05' | 'color-decorative-02-10' | 'color-decorative-02-50' | 'color-decorative-02-70' | 'color-decorative-03-05' | 'color-decorative-03-10' | 'color-decorative-03-50' | 'color-decorative-03-70' | 'color-decorative-04-05' | 'color-decorative-04-10' | 'color-decorative-04-50' | 'color-decorative-04-70' | 'color-decorative-05-05' | 'color-decorative-05-10' | 'color-decorative-05-50' | 'color-decorative-05-70' | 'color-decorative-06-05' | 'color-decorative-06-10' | 'color-decorative-06-50' | 'color-decorative-06-70' | 'color-decorative-07-05' | 'color-decorative-07-10' | 'color-decorative-07-50' | 'color-decorative-07-70' | 'color-decorative-08-05' | 'color-decorative-08-10' | 'color-decorative-08-50' | 'color-decorative-08-70' | 'color-decorative-09-05' | 'color-decorative-09-10' | 'color-decorative-09-50' | 'color-decorative-09-70' | 'color-decorative-10-05' | 'color-decorative-10-10' | 'color-decorative-10-50' | 'color-decorative-10-70';
-export declare const defaultPaletteTokens: RefTokenMap<PaletteToken>;
+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' | 'color-decorative-01-05' | 'color-decorative-01-10' | 'color-decorative-01-50' | 'color-decorative-01-70' | 'color-decorative-02-05' | 'color-decorative-02-10' | 'color-decorative-02-50' | 'color-decorative-02-70' | 'color-decorative-03-05' | 'color-decorative-03-10' | 'color-decorative-03-50' | 'color-decorative-03-70' | 'color-decorative-04-05' | 'color-decorative-04-10' | 'color-decorative-04-50' | 'color-decorative-04-70' | 'color-decorative-05-05' | 'color-decorative-05-10' | 'color-decorative-05-50' | 'color-decorative-05-70' | 'color-decorative-06-05' | 'color-decorative-06-10' | 'color-decorative-06-50' | 'color-decorative-06-70' | 'color-decorative-07-05' | 'color-decorative-07-10' | 'color-decorative-07-50' | 'color-decorative-07-70' | 'color-decorative-08-05' | 'color-decorative-08-10' | 'color-decorative-08-50' | 'color-decorative-08-70' | 'color-decorative-09-05' | 'color-decorative-09-10' | 'color-decorative-09-50' | 'color-decorative-09-70' | 'color-decorative-10-05' | 'color-decorative-10-10' | 'color-decorative-10-50' | 'color-decorative-10-70';
+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

@@ -1,210 +1,10 @@
-import { PaletteToken } from './ref/palette-tokens';
-import { TextToken } from './ref/text-tokens';
-import { UtilityToken } from './ref/utility-tokens';
-export type RefToken = PaletteToken | TextToken | UtilityToken;
-export declare const defaultRefTokens: {
-    "transparent-dark-3": string;
-    "transparent-dark-5": string;
-    "transparent-light-5": string;
-    "transparent-dark-10": string;
-    "transparent-light-10": string;
-    "transparent-dark-15": string;
-    "transparent-light-15": string;
-    "transparent-dark-20": string;
-    "transparent-light-20": string;
-    "transparent-dark-25": string;
-    "transparent-light-25": string;
-    "transparent-dark-30": string;
-    "transparent-light-30": string;
-    "transparent-dark-35": string;
-    "transparent-light-35": string;
-    "transparent-dark-40": string;
-    "transparent-light-40": string;
-    "transparent-dark-45": string;
-    "transparent-light-45": string;
-    "transparent-dark-50": string;
-    "transparent-light-50": string;
-    "transparent-dark-55": string;
-    "transparent-light-55": string;
-    "transparent-dark-60": string;
-    "transparent-light-60": string;
-    "transparent-dark-65": string;
-    "transparent-light-65": string;
-    "transparent-dark-70": string;
-    "transparent-light-70": string;
-    "transparent-dark-75": string;
-    "transparent-light-75": string;
-    "transparent-dark-80": string;
-    "transparent-light-80": string;
-    "transparent-dark-85": string;
-    "transparent-light-85": string;
-    "transparent-dark-90": string;
-    "transparent-light-90": string;
-    "transparent-dark-95": string;
-    "transparent-light-95": string;
-    "transparent-100": string;
-    "font-family-sans": string;
-    "font-family-brand": string;
-    "font-size-100": string;
-    "font-size-200": string;
-    "font-size-275": string;
-    "font-size-300": string;
-    "font-size-350": string;
-    "font-size-400": string;
-    "font-size-500": string;
-    "font-size-600": string;
-    "font-size-700": string;
-    "font-size-800": string;
-    "font-size-900": string;
-    "font-size-1000": string;
-    "font-size-1100": string;
-    "font-size-1200": string;
-    "font-weight-regular": string;
-    "font-weight-semibold": string;
-    "font-weight-bold": string;
-    "line-height-100": string;
-    "line-height-200": string;
-    "line-height-300": string;
-    "line-height-400": string;
-    "line-height-500": string;
-    "line-height-600": string;
-    "line-height-700": string;
-    "line-height-800": string;
-    "line-height-900": string;
-    "line-height-1000": string;
-    "line-height-1100": string;
-    "line-height-1200": string;
-    "letter-spacing-normal": string;
-    "font-transform-none": string;
-    "font-transform-uppercase": string;
-    "color-brand-05": string;
-    "color-brand-10": string;
-    "color-brand-20": string;
-    "color-brand-30": string;
-    "color-brand-40": string;
-    "color-brand-50": string;
-    "color-brand-60": string;
-    "color-brand-70": string;
-    "color-brand-80": string;
-    "color-brand-90": string;
-    "color-accent-05": string;
-    "color-accent-10": string;
-    "color-accent-20": string;
-    "color-accent-30": string;
-    "color-accent-40": string;
-    "color-accent-50": string;
-    "color-accent-60": string;
-    "color-accent-70": string;
-    "color-accent-80": string;
-    "color-accent-90": string;
-    "color-white": string;
-    "color-black": string;
-    "color-neutral-02": string;
-    "color-neutral-05": string;
-    "color-neutral-10": string;
-    "color-neutral-15": string;
-    "color-neutral-20": string;
-    "color-neutral-30": string;
-    "color-neutral-40": string;
-    "color-neutral-50": string;
-    "color-neutral-60": string;
-    "color-neutral-65": string;
-    "color-neutral-70": string;
-    "color-neutral-80": string;
-    "color-neutral-90": string;
-    "color-success-02": string;
-    "color-success-05": string;
-    "color-success-10": string;
-    "color-success-20": string;
-    "color-success-30": string;
-    "color-success-40": string;
-    "color-success-50": string;
-    "color-success-60": string;
-    "color-success-70": string;
-    "color-success-80": string;
-    "color-success-90": string;
-    "color-alert-02": string;
-    "color-alert-05": string;
-    "color-alert-10": string;
-    "color-alert-20": string;
-    "color-alert-30": string;
-    "color-alert-40": string;
-    "color-alert-50": string;
-    "color-alert-60": string;
-    "color-alert-70": string;
-    "color-alert-80": string;
-    "color-alert-90": string;
-    "color-warning-02": string;
-    "color-warning-05": string;
-    "color-warning-10": string;
-    "color-warning-20": string;
-    "color-warning-30": string;
-    "color-warning-40": string;
-    "color-warning-50": string;
-    "color-warning-60": string;
-    "color-warning-70": string;
-    "color-warning-80": string;
-    "color-warning-90": string;
-    "color-informative-02": string;
-    "color-informative-05": string;
-    "color-informative-10": string;
-    "color-informative-20": string;
-    "color-informative-30": string;
-    "color-informative-40": string;
-    "color-informative-50": string;
-    "color-informative-60": string;
-    "color-informative-70": string;
-    "color-informative-80": string;
-    "color-informative-90": string;
-    "color-discovery-02": string;
-    "color-discovery-05": string;
-    "color-discovery-10": string;
-    "color-discovery-20": string;
-    "color-discovery-30": string;
-    "color-discovery-40": string;
-    "color-discovery-50": string;
-    "color-discovery-60": string;
-    "color-discovery-70": string;
-    "color-discovery-80": string;
-    "color-discovery-90": string;
-    "color-decorative-01-05": string;
-    "color-decorative-01-10": string;
-    "color-decorative-01-50": string;
-    "color-decorative-01-70": string;
-    "color-decorative-02-05": string;
-    "color-decorative-02-10": string;
-    "color-decorative-02-50": string;
-    "color-decorative-02-70": string;
-    "color-decorative-03-05": string;
-    "color-decorative-03-10": string;
-    "color-decorative-03-50": string;
-    "color-decorative-03-70": string;
-    "color-decorative-04-05": string;
-    "color-decorative-04-10": string;
-    "color-decorative-04-50": string;
-    "color-decorative-04-70": string;
-    "color-decorative-05-05": string;
-    "color-decorative-05-10": string;
-    "color-decorative-05-50": string;
-    "color-decorative-05-70": string;
-    "color-decorative-06-05": string;
-    "color-decorative-06-10": string;
-    "color-decorative-06-50": string;
-    "color-decorative-06-70": string;
-    "color-decorative-07-05": string;
-    "color-decorative-07-10": string;
-    "color-decorative-07-50": string;
-    "color-decorative-07-70": string;
-    "color-decorative-08-05": string;
-    "color-decorative-08-10": string;
-    "color-decorative-08-50": string;
-    "color-decorative-08-70": string;
-    "color-decorative-09-05": string;
-    "color-decorative-09-10": string;
-    "color-decorative-09-50": string;
-    "color-decorative-09-70": string;
-    "color-decorative-10-05": string;
-    "color-decorative-10-10": string;
-    "color-decorative-10-50": string;
-    "color-decorative-10-70": string;
+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;
+export declare function isRefToken(token: string): token is RefTokens;

package/dist/utility-types.d.ts

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

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

@@ -1,5 +1,5 @@
 import { FlattenSimpleInterpolation } from 'styled-components';
-import { ResolvedTheme } from '../themes';
+import { ResolvedTheme } from '../themes/theme';
 type FocusType = 'focus' | 'focus-visible' | 'focus-within';
 export interface FocusOptions {
     selector?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equisoft/design-elements-react",
-  "version": "9.9.2-snapshot.20250910030156",
+  "version": "9.9.2",
   "description": "React implementation of the Equisoft design system.",
   "license": "UNLICENSED",
   "main": "dist/bundle.js",
@@ -9,10 +9,10 @@
     "build": "webpack --config ./webpack/webpack.config.prod.js",
     "prepublishOnly": "yarn build",
     "start": "webpack --config ./webpack/webpack.config.dev.js",
-    "test": "echo Running Typescript type-checking; tsc -p ./tsconfig.test.json && NODE_ENV=test jest --config=jest.config.js",
+    "test": "jest --config=jest.config.js",
     "test:ci": "yarn test --max-workers=2 --ci",
     "lint": "yarn eslint && yarn stylelint",
-    "eslint": "eq-eslint src/ test/",
+    "eslint": "eslint src/ test/",
     "eslint:ci": "yarn eslint",
     "stylelint": "yarn g:stylelint \"./packages/react/src/**/*.{ts,tsx}\"",
     "stylelint:ci": "yarn stylelint",
@@ -29,78 +29,82 @@
     "url": "https://github.com/kronostechnologies/design-elements/issues"
   },
   "dependencies": {
-    "@mui/base": "5.0.0-beta.70",
-    "@tanstack/react-table": "8.21.3",
-    "date-fns": "4.1.0",
-    "feather-icons": "4.29.2",
-    "prop-types": "15.8.1",
-    "react-datepicker": "8.7.0",
-    "react-is": "18.3.1",
-    "react-modal": "3.16.3",
-    "react-popper-tooltip": "4.4.2",
-    "react-shadow": "20.6.0",
-    "react-swipeable": "7.0.2",
-    "stream-browserify": "3.0.0"
+    "@mui/base": "5.0.0-beta.60",
+    "@tanstack/react-table": "^8.10.7",
+    "date-fns": "^4.0.0",
+    "feather-icons": "^4.29.0",
+    "prop-types": "^15.8.1",
+    "react-datepicker": "^7.3.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",
+    "stream-browserify": "^3.0.0"
   },
   "peerDependencies": {
     "i18next": ">= 19",
-    "react": ">= 18",
-    "react-dom": ">= 18",
+    "react": ">= 16",
+    "react-dom": ">= 16",
     "react-router-dom": "^6",
-    "styled-components": "^5"
+    "styled-components": ">= 4"
   },
   "devDependencies": {
-    "@equisoft/eslint-config": "5.0.0",
-    "@equisoft/eslint-config-typescript-react": "5.0.0",
+    "@equisoft/eslint-config": "3.0.7",
+    "@equisoft/eslint-config-typescript-react": "3.0.7",
     "@equisoft/typescript-config": "2.0.0",
     "@microsoft/eslint-formatter-sarif": "3.1.0",
-    "@stylistic/eslint-plugin": "5.2.3",
-    "@svgr/webpack": "8.1.0",
-    "@swc/core": "1.13.5",
-    "@swc/jest": "0.2.39",
-    "@testing-library/dom": "10.4.1",
-    "@testing-library/jest-dom": "6.8.0",
-    "@testing-library/react": "16.3.0",
-    "@types/feather-icons": "4.29.4",
-    "@types/jest": "30.0.0",
-    "@types/lodash": "4.17.20",
-    "@types/react": "18.3.24",
-    "@types/react-dom": "18.3.7",
-    "@types/react-modal": "3.16.3",
-    "@types/styled-components": "5.1.34",
+    "@svgr/webpack": "^8.1.0",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/react": "12.1.5",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@types/cheerio": "^0.22.31",
+    "@types/enzyme": "^3.10.13",
+    "@types/feather-icons": "^4.7.0",
+    "@types/jest": "^29.5.1",
+    "@types/lodash": "^4.14.186",
+    "@types/react": "~17.0.58",
+    "@types/react-dom": "~17.0.20",
+    "@types/react-modal": "^3.16.0",
+    "@types/styled-components": "^5.1.26",
     "@typescript-eslint/eslint-plugin": "7.18.0",
     "@typescript-eslint/parser": "7.18.0",
-    "cross-env": "10.0.0",
-    "css-loader": "7.1.2",
-    "eslint": "8.57.1",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
+    "cross-env": "^7.0.3",
+    "css-loader": "^7.0.0",
+    "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": "4.4.4",
-    "eslint-plugin-import": "2.32.0",
-    "eslint-plugin-jsx-a11y": "6.10.2",
-    "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-react-hooks": "5.2.0",
-    "expect": "30.1.2",
-    "i18next": "25.5.2",
-    "jest": "30.1.3",
-    "jest-environment-jsdom": "30.1.2",
-    "jest-junit": "16.0.0",
-    "jest-styled-components": "7.2.0",
-    "react": "18.3.1",
+    "eslint-import-resolver-typescript": "3.6.1",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-jsx-a11y": "6.9.0",
+    "eslint-plugin-react": "7.35.0",
+    "eslint-plugin-react-hooks": "4.6.2",
+    "expect": "^29.5.0",
+    "i18next": "^24.0.0",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "jest-junit": "^16.0.0",
+    "jest-styled-components": "^7.1.1",
+    "jest-util": "30.0.2",
+    "react": "~17.0.2",
     "react-docgen-typescript-plugin": "1.0.8",
-    "react-dom": "18.3.1",
-    "react-router-dom": "6.30.1",
-    "sass": "1.92.1",
-    "sass-loader": "16.0.5",
-    "style-loader": "4.0.0",
-    "styled-components": "5.3.11",
-    "stylelint": "16.24.0",
-    "ts-jest": "29.4.1",
-    "ts-loader": "9.5.4",
-    "ts-mockito": "2.6.1",
-    "typescript": "5.9.2",
-    "webpack": "5.101.3",
-    "webpack-cli": "6.0.1",
+    "react-dom": "~17.0.2",
+    "react-router-dom": "~6.28.0",
+    "sass": "~1.77.0",
+    "sass-loader": "~16.0.0",
+    "style-loader": "^4.0.0",
+    "styled-components": "^5.3.10",
+    "stylelint": "16.8.2",
+    "ts-jest": "^29.1.0",
+    "ts-loader": "^9.4.2",
+    "ts-mockito": "^2.6.1",
+    "typescript": "5.5.4",
+    "webpack": "5.94.0",
+    "webpack-cli": "5.1.4",
     "webpack-merge": "6.0.1",
-    "yargs": "18.0.0"
+    "yargs": "17.7.2"
   }
 }

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

@@ -1,14 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type TableCaptionSize = 'large' | 'medium' | 'small';
-export interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {
-    className?: string;
-    id?: string;
-    bold?: boolean;
-    size?: TableCaptionSize;
-}
-export interface StyledTableCaptionProps {
-    $bold?: boolean;
-}
-export declare const TableCaption: import("react").ForwardRefExoticComponent<TableCaptionProps & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLTableCaptionElement>>;

package/dist/components/tabs/tabs-classes.d.ts

@@ -1,5 +0,0 @@
-export interface TabsClasses {
-    tablistContainer: string;
-}
-export type TabsClassKeys = keyof TabsClasses;
-export declare const tabsClasses: TabsClasses;

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

@@ -1,30 +0,0 @@
-import { ReactNode, KeyboardEvent } from 'react';
-import { IconName } from '../icon/icon';
-export type TabSize = 'medium' | 'small';
-export interface Tab {
-    id: string;
-    title: string;
-    leftIcon?: IconName;
-    rightIcon?: IconName;
-    panelContent: ReactNode;
-    onBeforeUnload?(): Promise<boolean>;
-}
-export interface TabButtonProps {
-    size: TabSize;
-    id: string;
-    panelId: string;
-    leftIcon?: IconName;
-    rightIcon?: IconName;
-    isSelected: boolean;
-    onClick(): void;
-    onRemove?(): void;
-    onKeyDown?(event: KeyboardEvent<HTMLDivElement>): void;
-    children: ReactNode;
-}
-export interface TabPanelProps {
-    buttonId: string;
-    children: ReactNode;
-    hidden: boolean;
-    id: string;
-    size?: TabSize;
-}

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

@@ -1,3 +0,0 @@
-import type { AliasTokenMap } from '../tokens';
-export type ColorAliasToken = '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' | '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' | 'color-control-background' | 'color-control-background-hover' | 'color-control-background-disabled' | 'color-control-background-readonly' | 'color-control-background-checked' | 'color-control-background-selected' | 'color-control-background-selected-hover' | 'color-control-border' | 'color-control-border-hover' | 'color-control-border-disabled' | 'color-control-border-readonly' | '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-value-readonly' | 'color-control-auxiliary' | 'color-control-auxiliary-hover' | 'color-control-auxiliary-disabled' | 'color-control-auxiliary-readonly' | 'color-control-auxiliary-error' | 'color-control-auxiliary-success' | 'color-control-auxiliary-checked' | 'color-control-auxiliary-selected' | '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' | 'color-background-brand-subtle' | 'color-background-brand' | 'color-background-brand-bold' | 'color-background-indicator-disabled' | 'color-background-indicator-selected' | 'color-background-indicator-active' | 'color-border-brand' | 'color-border-brand-bold' | 'color-content-brand' | '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' | 'color-backdrop-background-subtle' | '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' | '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' | 'color-box-shadow';
-export declare const defaultColorAliasTokens: AliasTokenMap<ColorAliasToken>;

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

@@ -1,3 +0,0 @@
-import type { AliasTokenMap } from '../tokens';
-export type TextAliasToken = 'text-heading-font-family' | 'text-heading-font-weight' | 'text-heading-letter-spacing' | 'text-heading-transform' | 'text-heading-xsmall-font-size' | 'text-heading-xsmall-line-height' | 'text-heading-small-font-size' | 'text-heading-small-line-height' | 'text-heading-medium-font-size' | 'text-heading-medium-line-height' | 'text-heading-large-font-size' | 'text-heading-large-line-height' | 'text-heading-xlarge-font-size' | 'text-heading-xlarge-line-height' | 'text-body-font-family' | 'text-body-font-weight' | 'text-body-letter-spacing' | 'text-body-transform' | 'text-body-strong-font-weight' | 'text-body-small-font-size' | 'text-body-small-line-height' | 'text-body-medium-font-size' | 'text-body-medium-line-height' | 'text-body-large-font-size' | 'text-body-large-line-height' | 'text-emphasis-font-family' | 'text-emphasis-font-weight' | 'text-emphasis-letter-spacing' | 'text-emphasis-transform' | 'text-emphasis-small-font-size' | 'text-emphasis-small-line-height' | 'text-emphasis-medium-font-size' | 'text-emphasis-medium-line-height' | 'text-emphasis-large-font-size' | 'text-emphasis-large-line-height' | 'text-caps-font-family' | 'text-caps-font-weight' | 'text-caps-letter-spacing' | 'text-caps-transform' | 'text-caps-small-font-size' | 'text-caps-small-line-height' | 'text-caps-medium-font-size' | 'text-caps-medium-line-height' | 'text-label-font-family' | 'text-label-font-weight' | 'text-label-letter-spacing' | 'text-label-transform' | 'text-label-small-font-size' | 'text-label-small-line-height' | 'text-label-medium-font-size' | 'text-label-medium-line-height' | 'text-legend-font-family' | 'text-legend-font-weight' | 'text-legend-letter-spacing' | 'text-legend-transform' | 'text-legend-xxsmall-font-size' | 'text-legend-xxsmall-line-height' | 'text-legend-xsmall-font-size' | 'text-legend-xsmall-line-height' | 'text-legend-small-font-size' | 'text-legend-small-line-height' | 'text-legend-medium-font-size' | 'text-legend-medium-line-height' | 'text-legend-large-font-size' | 'text-legend-large-line-height' | 'text-caption-font-family' | 'text-caption-font-weight' | 'text-caption-letter-spacing' | 'text-caption-transform' | 'text-caption-small-font-size' | 'text-caption-small-line-height' | 'text-caption-medium-font-size' | 'text-caption-medium-line-height' | 'text-caption-large-font-size' | 'text-caption-large-line-height';
-export declare const defaultTextAliasTokens: AliasTokenMap<TextAliasToken>;

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

@@ -1,3 +0,0 @@
-import type { ComponentTokenMap } from '../tokens';
-export type CaptionToken = 'caption-text-color';
-export declare const defaultCaptionTokens: ComponentTokenMap<CaptionToken>;

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

@@ -1,3 +0,0 @@
-import type { RefTokenMap } from '../tokens';
-export type TextToken = 'font-family-sans' | 'font-family-brand' | 'font-size-100' | 'font-size-200' | 'font-size-275' | 'font-size-300' | 'font-size-350' | 'font-size-400' | 'font-size-500' | 'font-size-600' | 'font-size-700' | 'font-size-800' | 'font-size-900' | 'font-size-1000' | 'font-size-1100' | 'font-size-1200' | 'font-weight-regular' | 'font-weight-semibold' | 'font-weight-bold' | 'line-height-100' | 'line-height-200' | 'line-height-300' | 'line-height-400' | 'line-height-500' | 'line-height-600' | 'line-height-700' | 'line-height-800' | 'line-height-900' | 'line-height-1000' | 'line-height-1100' | 'line-height-1200' | 'letter-spacing-normal' | 'font-transform-none' | 'font-transform-uppercase';
-export declare const defaultTextTokens: RefTokenMap<TextToken>;

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

@@ -1,3 +0,0 @@
-import type { RefTokenMap } from '../tokens';
-export type UtilityToken = 'transparent-dark-3' | 'transparent-dark-5' | 'transparent-light-5' | 'transparent-dark-10' | 'transparent-light-10' | 'transparent-dark-15' | 'transparent-light-15' | 'transparent-dark-20' | 'transparent-light-20' | 'transparent-dark-25' | 'transparent-light-25' | 'transparent-dark-30' | 'transparent-light-30' | 'transparent-dark-35' | 'transparent-light-35' | 'transparent-dark-40' | 'transparent-light-40' | 'transparent-dark-45' | 'transparent-light-45' | 'transparent-dark-50' | 'transparent-light-50' | 'transparent-dark-55' | 'transparent-light-55' | 'transparent-dark-60' | 'transparent-light-60' | 'transparent-dark-65' | 'transparent-light-65' | 'transparent-dark-70' | 'transparent-light-70' | 'transparent-dark-75' | 'transparent-light-75' | 'transparent-dark-80' | 'transparent-light-80' | 'transparent-dark-85' | 'transparent-light-85' | 'transparent-dark-90' | 'transparent-light-90' | 'transparent-dark-95' | 'transparent-light-95' | 'transparent-100';
-export declare const defaultUtilityTokens: RefTokenMap<UtilityToken>;

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

@@ -1,11 +0,0 @@
-import type { RefToken } from './ref-tokens';
-import type { AliasToken } from './alias-tokens';
-export type TokenName = string;
-export type TokenValue = string;
-export type TokenMap<T extends TokenName, V extends TokenValue> = {
-    [Name in T]: Exclude<V, Name>;
-};
-export type ResolvedTokenMap<T extends TokenName> = TokenMap<T, TokenValue>;
-export type RefTokenMap<T extends TokenName> = ResolvedTokenMap<T>;
-export type AliasTokenMap<T extends TokenName> = TokenMap<T, RefToken | AliasToken>;
-export type ComponentTokenMap<T extends TokenName> = TokenMap<T, RefToken | AliasToken>;