@equisoft/design-elements-react 9.2.1 → 9.2.2-snapshot.20250213190044

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 { 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>;

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.2.1",
+  "version": "9.2.2-snapshot.20250213190044",
   "description": "React implementation of the Equisoft design system.",
   "license": "UNLICENSED",
   "main": "dist/bundle.js",
@@ -89,7 +89,7 @@
     "react": "~17.0.2",
     "react-docgen-typescript-plugin": "1.0.8",
     "react-dom": "~17.0.2",
-    "react-router-dom": "~6.28.0",
+    "react-router-dom": "~6.29.0",
     "sass": "~1.77.0",
     "sass-loader": "~16.0.0",
     "style-loader": "^4.0.0",
@@ -100,7 +100,7 @@
     "ts-mockito": "^2.6.1",
     "typescript": "5.5.4",
     "webpack": "5.94.0",
-    "webpack-cli": "5.1.4",
+    "webpack-cli": "6.0.1",
     "webpack-merge": "6.0.1",
     "yargs": "17.7.2"
   }

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

@@ -1,6 +0,0 @@
-export type ColorUtilityTokens = '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/text-attributes-tokens.d.ts

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

package/dist/utility-types.d.ts

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