@equisoft/design-elements-react 9.9.6 → 9.9.7-snapshot.20251014033756

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

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

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

@@ -1,6 +1,3 @@
-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;
+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>;

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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/ref-tokens.d.ts

@@ -1,10 +1,210 @@
-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;
+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;
 };
-export declare const defaultRefTokens: RefTokenMap;
-export declare function isRefToken(token: string): token is RefTokens;

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

@@ -0,0 +1,11 @@
+import type { AliasToken } from './alias-tokens';
+import type { RefToken } from './ref-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>;

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

@@ -1,5 +1,5 @@
 import { FlattenSimpleInterpolation } from 'styled-components';
-import { ResolvedTheme } from '../themes/theme';
+import { ResolvedTheme } from '../themes';
 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.6",
+  "version": "9.9.7-snapshot.20251014033756",
   "description": "React implementation of the Equisoft design system.",
   "license": "UNLICENSED",
   "main": "dist/bundle.js",
@@ -9,7 +9,7 @@
     "build": "webpack --config ./webpack/webpack.config.prod.js",
     "prepublishOnly": "yarn build",
     "start": "webpack --config ./webpack/webpack.config.dev.js",
-    "test": "jest --config=jest.config.js",
+    "test": "echo Running Typescript type-checking; tsc -p ./tsconfig.test.json && NODE_ENV=test jest --config=jest.config.js",
     "test:ci": "yarn test --max-workers=2 --ci",
     "lint": "yarn eslint && yarn stylelint",
     "eslint": "eq-eslint src/ test/",
@@ -29,83 +29,79 @@
     "url": "https://github.com/kronostechnologies/design-elements/issues"
   },
   "dependencies": {
-    "@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"
+    "@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"
   },
   "peerDependencies": {
     "i18next": ">= 19",
-    "react": ">= 16",
-    "react-dom": ">= 16",
+    "react": ">= 18",
+    "react-dom": ">= 18",
     "react-router-dom": "^6",
-    "styled-components": ">= 4"
+    "styled-components": "^5"
   },
   "devDependencies": {
-    "@equisoft/eslint-config": "6.0.1",
-    "@equisoft/eslint-config-typescript-react": "6.0.1",
+    "@equisoft/eslint-config": "6.0.0",
+    "@equisoft/eslint-config-typescript-react": "6.0.0",
     "@equisoft/typescript-config": "2.0.0",
     "@microsoft/eslint-formatter-sarif": "3.1.0",
     "@stylistic/eslint-plugin": "5.4.0",
-    "@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": "8.46.0",
-    "@typescript-eslint/parser": "8.46.0",
-    "@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",
+    "@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.9.1",
+    "@testing-library/react": "16.3.0",
+    "@testing-library/user-event": "14.6.1",
+    "@types/feather-icons": "4.29.4",
+    "@types/jest": "30.0.0",
+    "@types/lodash": "4.17.20",
+    "@types/react": "18.3.26",
+    "@types/react-dom": "18.3.7",
+    "@types/react-modal": "3.16.3",
+    "@types/styled-components": "5.1.34",
+    "@typescript-eslint/eslint-plugin": "8.46.1",
+    "@typescript-eslint/parser": "8.46.1",
+    "cross-env": "10.1.0",
+    "css-loader": "7.1.2",
     "eslint": "8.57.1",
     "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": "7.0.0",
-    "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",
+    "eslint-plugin-react-hooks": "6.1.1",
+    "expect": "30.2.0",
+    "i18next": "25.5.3",
+    "jest": "30.2.0",
+    "jest-environment-jsdom": "30.2.0",
+    "jest-junit": "16.0.0",
+    "jest-styled-components": "7.2.0",
+    "react": "18.3.1",
     "react-docgen-typescript-plugin": "1.0.8",
-    "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",
+    "react-dom": "18.3.1",
+    "react-router-dom": "6.30.1",
+    "sass": "1.93.2",
+    "sass-loader": "16.0.5",
+    "style-loader": "4.0.0",
+    "styled-components": "5.3.11",
+    "stylelint": "16.25.0",
+    "ts-jest": "29.4.5",
+    "ts-loader": "9.5.4",
+    "ts-mockito": "2.6.1",
+    "typescript": "5.9.3",
+    "webpack": "5.102.1",
+    "webpack-cli": "6.0.1",
     "webpack-merge": "6.0.1",
-    "yargs": "17.7.2"
+    "yargs": "18.0.0"
   }
 }

package/dist/components/buttons/abstract/types.d.ts

@@ -1,7 +0,0 @@
-import { ButtonHTMLAttributes } from 'react';
-export type Size = 'small' | 'medium';
-export interface AbstractButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    focusable?: boolean;
-    isMobile: boolean;
-    size?: Size;
-}

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

@@ -1,40 +0,0 @@
-import { FocusEventHandler, MouseEventHandler, KeyboardEventHandler } from 'react';
-import { IconName } from '../icon/icon';
-import { Size } from './abstract/types';
-export type Type = 'submit' | 'button' | 'reset';
-export type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'destructive-primary' | 'destructive-secondary' | 'destructive-tertiary';
-export interface ButtonProps {
-    id?: string;
-    autofocus?: boolean;
-    /**
-     * Visual style
-     * @default primary
-     */
-    buttonType: ButtonType;
-    className?: string;
-    disabled?: boolean;
-    /**
-     * @default true
-     */
-    focusable?: boolean;
-    inverted?: boolean;
-    label?: string;
-    loading?: boolean;
-    /**
-     * @default Loading...
-     */
-    loadingLabel?: string;
-    /**
-     * Size variant
-     * @default medium
-     */
-    size?: Size;
-    title?: string;
-    type?: Type;
-    leftIconName?: IconName;
-    rightIconName?: IconName;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    onFocus?: FocusEventHandler<HTMLButtonElement>;
-    onBlur?: FocusEventHandler<HTMLButtonElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
-}

package/dist/components/chooser-button/styles/choose.d.ts

@@ -1 +0,0 @@
-export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/dropdown-list/dropdown-list-option.d.ts

@@ -1,4 +0,0 @@
-import { ListboxOption } from '../listbox/listbox';
-export interface DropdownListOption extends ListboxOption {
-    label: string;
-}

package/dist/components/fieldset/styled.d.ts

@@ -1,9 +0,0 @@
-import { FieldsetProps, LegendProps } from './types';
-export declare const StyledLegend: import("styled-components").StyledComponent<"legend", import("styled-components").DefaultTheme, {
-    $size: LegendProps["size"];
-    $bold: LegendProps["bold"];
-    $isMobile: boolean;
-}, never>;
-export declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", import("styled-components").DefaultTheme, {
-    $orientation: FieldsetProps["orientation"];
-}, never>;

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

@@ -1,17 +0,0 @@
-import { FieldsetHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
-export type LegendSize = 'small' | 'medium' | 'large';
-export interface LegendProps extends HTMLAttributes<HTMLLegendElement> {
-    className?: string;
-    size?: LegendSize;
-    bold?: boolean;
-}
-export type FieldsetOrientation = 'horizontal' | 'vertical';
-type BaseFieldsetProps = Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'disabled' | 'id' | 'aria-disabled' | 'aria-label' | 'role'>;
-export interface FieldsetProps extends BaseFieldsetProps {
-    legend?: Omit<LegendProps, 'children'> & {
-        text: string;
-    };
-    orientation?: FieldsetOrientation;
-    children: ReactNode;
-}
-export {};

package/dist/components/global-navigation/global-navigation.d.ts

@@ -1,20 +0,0 @@
-import { VoidFunctionComponent } from 'react';
-import { IconButtonProps } from '../buttons/icon-button';
-import { IconName } from '../icon/icon';
-export interface GlobalNavigationItem {
-    end?: boolean;
-    href: string;
-    iconName: IconName;
-    name: string;
-    onClick?(): void;
-}
-interface GlobalNavigationProps {
-    className?: string;
-    coreActionButton?: IconButtonProps;
-    /** Item has an icon name, a name, and a href */
-    mainItems: GlobalNavigationItem[];
-    /** Item has an icon name, a name, and a href */
-    footerItems: GlobalNavigationItem[];
-}
-export declare const GlobalNavigation: VoidFunctionComponent<GlobalNavigationProps>;
-export {};

package/dist/components/legend/legend.d.ts

@@ -1,12 +0,0 @@
-import { VoidFunctionComponent } from 'react';
-export interface LegendItem {
-    name: string;
-    description: string;
-    color?: string;
-}
-interface LegendProps {
-    className?: string;
-    items: LegendItem[];
-}
-export declare const Legend: VoidFunctionComponent<LegendProps>;
-export {};

package/dist/components/modal/dialog/types.d.ts

@@ -1,19 +0,0 @@
-import { ReactElement } from 'react';
-import { IconName } from '../../icon/icon';
-import { BaseModalProps } from '../types';
-export type DialogType = 'information' | 'action' | 'alert';
-export interface ModalDialogProps extends BaseModalProps {
-    title: string;
-    titleIcon?: IconName;
-    subtitle?: string;
-    footerContent?: ReactElement;
-    dialogType?: DialogType;
-    confirmButton?: {
-        label?: string;
-        onConfirm?(): void;
-    };
-    cancelButton?: {
-        label?: string;
-        onCancel?(): void;
-    };
-}

package/dist/components/progress-circle/circle.d.ts

@@ -1,9 +0,0 @@
-import { VoidFunctionComponent } from 'react';
-interface CircleProps {
-    color: string;
-    percent: number;
-    radius: number;
-    stroke: number;
-}
-export declare const Circle: VoidFunctionComponent<CircleProps>;
-export {};

package/dist/components/progress-circle/progress-circle.d.ts

@@ -1,12 +0,0 @@
-import { VoidFunctionComponent } from 'react';
-interface Props {
-    className?: string;
-    color: string;
-    /** Bottom label */
-    descriptionLabel?: string;
-    percent: number;
-    /** Center label */
-    resultLabel: string | number;
-}
-export declare const ProgressCircle: VoidFunctionComponent<Props>;
-export {};

package/dist/components/progress-indicator/bar.d.ts

@@ -1,9 +0,0 @@
-import { ReactText, VoidFunctionComponent } from 'react';
-interface BarProps {
-    className?: string;
-    color: string;
-    percent: number;
-    endLabel: ReactText;
-}
-export declare const Bar: VoidFunctionComponent<BarProps>;
-export {};

package/dist/components/status/status.d.ts

@@ -1,9 +0,0 @@
-import { VoidFunctionComponent } from 'react';
-export type StatusType = 'enabled' | 'disabled' | 'blocked';
-interface Props {
-    className?: string;
-    label: string;
-    type: StatusType;
-}
-export declare const Status: VoidFunctionComponent<Props>;
-export {};

package/dist/components/visually-hidden/visuallyhidden.d.ts

@@ -1,2 +0,0 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
-export declare const VisuallyHidden: FunctionComponent<PropsWithChildren<{}>>;