@dss-kit/ui-kit 0.3.10 → 1.0.0

package/dist/utils/theme/palette.d.ts

@@ -0,0 +1,184 @@
+export declare const palette: {
+    readonly border: {
+        readonly accent_primary: "var(--border-accent-primary)";
+        readonly accent_primary_hover: "var(--border-accent-primary-hover)";
+        readonly accent_secondary: "var(--border-accent-secondary)";
+        readonly accent_secondary_hover: "var(--border-accent-secondary-hover)";
+        readonly negative_primary: "var(--border-negative-primary)";
+        readonly negative_primary_hover: "var(--border-negative-primary-hover)";
+        readonly negative_secondary: "var(--border-negative-secondary)";
+        readonly negative_secondary_hover: "var(--border-negative-secondary-hover)";
+        readonly positive_primary: "var(--border-positive-primary)";
+        readonly positive_primary_hover: "var(--border-positive-primary-hover)";
+        readonly positive_secondary: "var(--border-positive-secondary)";
+        readonly positive_secondary_hover: "var(--border-positive-secondary-hover)";
+        readonly warning_primary: "var(--border-warning-primary)";
+        readonly warning_primary_hover: "var(--border-warning-primary-hover)";
+        readonly warning_secondary: "var(--border-warning-secondary)";
+        readonly warning_secondary_hover: "var(--border-warning-secondary-hover)";
+        readonly neutral_primary: "var(--border-neutral-primary)";
+        readonly neutral_primary_hover: "var(--border-neutral-primary-hover)";
+        readonly neutral_alpha_basic: "var(--border-neutral-alpha-basic)";
+        readonly neutral_alpha_low: "var(--border-neutral-alpha-low)";
+        readonly neutral_alpha_high: "var(--border-neutral-alpha-high)";
+        readonly transfer_primary: "var(--border-transfer-primary)";
+        readonly transfer_primary_hover: "var(--border-transfer-primary-hover)";
+        readonly transfer_secondary: "var(--border-transfer-secondary)";
+        readonly transfer_secondary_hover: "var(--border-transfer-secondary-hover)";
+    };
+    readonly text: {
+        readonly primary: "var(--text-primary)";
+        readonly primary_inverse: "var(--text-primary-inverse)";
+        readonly primary_hover: "var(--text-primary-hover)";
+        readonly secondary: "var(--text-secondary)";
+        readonly secondary_inverse: "var(--text-secondary-inverse)";
+        readonly secondary_hover: "var(--text-secondary-hover)";
+        readonly tertiary: "var(--text-tertiary)";
+        readonly tertiary_inverse: "var(--text-tertiary-inverse)";
+        readonly tertiary_hover: "var(--text-tertiary-hover)";
+        readonly positive: "var(--text-positive)";
+        readonly positive_hover: "var(--text-positive-hover)";
+        readonly negative: "var(--text-negative)";
+        readonly negative_hover: "var(--text-negative-hover)";
+        readonly warning: "var(--text-warning)";
+        readonly warning_hover: "var(--text-warning-hover)";
+        readonly accent: "var(--text-accent)";
+        readonly accent_hover: "var(--text-accent-hover)";
+        readonly inverse: "var(--text-inverse)";
+        readonly transfer: "var(--text-transfer)";
+        readonly transfer_hover: "var(--text-transfer-hover)";
+    };
+    readonly icon: {
+        readonly primary: "var(--icon-primary)";
+        readonly primary_hover: "var(--icon-primary-hover)";
+        readonly primary_inverse: "var(--icon-primary-inverse)";
+        readonly secondary: "var(--icon-secondary)";
+        readonly secondary_hover: "var(--icon-secondary-hover)";
+        readonly tertiary: "var(--icon-tertiary)";
+        readonly tertiary_inverse: "var(--icon-tertiary-inverse)";
+        readonly tertiary_hover: "var(--icon-tertiary-hover)";
+        readonly positive: "var(--icon-positive)";
+        readonly positive_hover: "var(--icon-positive-hover)";
+        readonly negative: "var(--icon-negative)";
+        readonly negative_hover: "var(--icon-negative-hover)";
+        readonly warning: "var(--icon-warning)";
+        readonly warning_hover: "var(--icon-warning-hover)";
+        readonly accent: "var(--icon-accent)";
+        readonly accent_hover: "var(--icon-accent-hover)";
+        readonly inverse: "var(--icon-inverse)";
+        readonly transfer: "var(--icon-transfer)";
+        readonly transfer_hover: "var(--icon-transfer-hover)";
+    };
+    readonly fill: {
+        readonly accent_primary: "var(--fill-accent-primary)";
+        readonly accent_primary_hover: "var(--fill-accent-primary-hover)";
+        readonly accent_secondary: "var(--fill-accent-secondary)";
+        readonly accent_secondary_hover: "var(--fill-accent-secondary-hover)";
+        readonly accent_tint_high: "var(--fill-accent-tint-high)";
+        readonly accent_tint: "var(--fill-accent-tint)";
+        readonly accent_tint_low: "var(--fill-accent-tint-low)";
+        readonly accent_transparent: "var(--fill-accent-transparent)";
+        readonly positive_primary: "var(--fill-positive-primary)";
+        readonly positive_primary_hover: "var(--fill-positive-primary-hover)";
+        readonly positive_secondary: "var(--fill-positive-secondary)";
+        readonly positive_secondary_hover: "var(--fill-positive-secondary-hover)";
+        readonly positive_tint_high: "var(--fill-positive-tint-high)";
+        readonly positive_tint: "var(--fill-positive-tint)";
+        readonly positive_tint_low: "var(--fill-positive-tint-low)";
+        readonly positive_transparent: "var(--fill-positive-transparent)";
+        readonly negative_primary: "var(--fill-negative-primary)";
+        readonly negative_primary_hover: "var(--fill-negative-primary-hover)";
+        readonly negative_secondary: "var(--fill-negative-secondary)";
+        readonly negative_secondary_hover: "var(--fill-negative-secondary-hover)";
+        readonly negative_tint_high: "var(--fill-negative-tint-high)";
+        readonly negative_tint: "var(--fill-negative-tint)";
+        readonly negative_tint_low: "var(--fill-negative-tint-low)";
+        readonly negative_transparent: "var(--fill-negative-transparent)";
+        readonly warning_primary: "var(--fill-warning-primary)";
+        readonly warning_primary_hover: "var(--fill-warning-primary-hover)";
+        readonly warning_secondary: "var(--fill-warning-secondary)";
+        readonly warning_secondary_hover: "var(--fill-warning-secondary-hover)";
+        readonly warning_tint_high: "var(--fill-warning-tint-high)";
+        readonly warning_tint: "var(--fill-warning-tint)";
+        readonly warning_tint_low: "var(--fill-warning-tint-low)";
+        readonly warning_transparent: "var(--fill-warning-transparent)";
+        readonly neutral_primary: "var(--fill-neutral-primary)";
+        readonly neutral_primary_hover: "var(--fill-neutral-primary-hover)";
+        readonly neutral_secondary: "var(--fill-neutral-secondary)";
+        readonly neutral_secondary_inverse: "var(--fill-neutral-secondary-inverse)";
+        readonly neutral_secondary_hover: "var(--fill-neutral-secondary-hover)";
+        readonly neutral_tint: "var(--fill-neutral-tint)";
+        readonly neutral_tint_low: "var(--fill-neutral-tint-low)";
+        readonly transfer_primary: "var(--fill-transfer-primary)";
+        readonly transfer_primary_hover: "var(--fill-transfer-primary-hover)";
+        readonly transfer_secondary: "var(--fill-transfer-secondary)";
+        readonly transfer_secondary_hover: "var(--fill-transfer-secondary-hover)";
+        readonly transfer_tint_high: "var(--fill-transfer-tint-high)";
+        readonly transfer_tint: "var(--fill-transfer-tint)";
+        readonly transfer_tint_low: "var(--fill-transfer-tint-low)";
+        readonly transfer_transparent: "var(--fill-transfer-transparent)";
+        readonly bg_primary: "var(--fill-bg-primary)";
+        readonly bg_primary_inverse: "var(--fill-bg-primary-inverse)";
+        readonly bg_secondary: "var(--fill-bg-secondary)";
+        readonly bg_secondary_inverse: "var(--fill-bg-secondary-inverse)";
+        readonly bg_tertiary: "var(--fill-bg-tertiary)";
+        readonly bg_overlay_primary: "var(--fill-bg-overlay-primary)";
+    };
+    readonly status: {
+        readonly accent: "var(--status-accent)";
+        readonly accent_tint: "var(--status-accent-tint)";
+        readonly accent_tint_low: "var(--status-accent-tint-low)";
+        readonly negative: "var(--status-negative)";
+        readonly negative_tint: "var(--status-negative-tint)";
+        readonly negative_tint_low: "var(--status-negative-tint-low)";
+        readonly positive: "var(--status-positive)";
+        readonly positive_tint: "var(--status-positive-tint)";
+        readonly positive_tint_low: "var(--status-positive-tint-low)";
+        readonly warning: "var(--status-warning)";
+        readonly warning_tint: "var(--status-warning-tint)";
+        readonly warning_tint_low: "var(--status-warning-tint-low)";
+        readonly neutral: "var(--status-neutral)";
+        readonly neutral_tint: "var(--status-neutral-tint)";
+        readonly neutral_tint_low: "var(--status-neutral-tint-low)";
+        readonly transfer: "var(--status-transfer)";
+        readonly transfer_tint: "var(--status-transfer-tint)";
+        readonly transfer_tint_low: "var(--status-transfer-tint-low)";
+    };
+    readonly effect: {
+        readonly shadow_s: "var(--effect-shadow-s)";
+        readonly shadow_m: "var(--effect-shadow-m)";
+        readonly shadow_l: "var(--effect-shadow-l)";
+    };
+    readonly scrollbar: {
+        readonly thumb_primary: "var(--scrollbar-thumb-primary)";
+        readonly track_primary: "var(--scrollbar-track-primary)";
+    };
+    readonly gradient: {
+        readonly progressbar: "var(--gradient-progressbar)";
+        readonly progressbar_positive: "var(--gradient-progressbar-positive)";
+        readonly progressbar_accent: "var(--gradient-progressbar-accent)";
+        readonly progressbar_negative: "var(--gradient-progressbar-negative)";
+        readonly progressbar_warning: "var(--gradient-progressbar-warning)";
+        readonly progressbar_neutral: "var(--gradient-progressbar-neutral)";
+        readonly progressbar_transfer: "var(--gradient-progressbar-transfer)";
+        readonly accent_1: "var(--gradient-accent-1)";
+        readonly accent_1_20: "var(--gradient-accent-1-20)";
+        readonly accent_1_10: "var(--gradient-accent-1-10)";
+        readonly negative_1: "var(--gradient-negative-1)";
+        readonly negative_1_20: "var(--gradient-negative-1-20)";
+        readonly negative_1_10: "var(--gradient-negative-1-10)";
+        readonly positive_1: "var(--gradient-positive-1)";
+        readonly positive_1_20: "var(--gradient-positive-1-20)";
+        readonly positive_1_10: "var(--gradient-positive-1-10)";
+        readonly warning_1: "var(--gradient-warning-1)";
+        readonly warning_1_20: "var(--gradient-warning-1-20)";
+        readonly warning_1_10: "var(--gradient-warning-1-10)";
+        readonly neutral_1: "var(--gradient-neutral-1)";
+        readonly neutral_1_20: "var(--gradient-neutral-1-20)";
+        readonly neutral_1_10: "var(--gradient-neutral-1-10)";
+        readonly accent_alternative_1: "var(--gradient-accent-alternative-1)";
+        readonly transfer_1: "var(--gradient-transfer-1)";
+        readonly transfer_1_20: "var(--gradient-transfer-1-20)";
+        readonly transfer_1_10: "var(--gradient-transfer-1-10)";
+    };
+};

package/dist/utils/theme/palette.js

@@ -0,0 +1,187 @@
+const r = {
+  border: {
+    accent_primary: "var(--border-accent-primary)",
+    accent_primary_hover: "var(--border-accent-primary-hover)",
+    accent_secondary: "var(--border-accent-secondary)",
+    accent_secondary_hover: "var(--border-accent-secondary-hover)",
+    negative_primary: "var(--border-negative-primary)",
+    negative_primary_hover: "var(--border-negative-primary-hover)",
+    negative_secondary: "var(--border-negative-secondary)",
+    negative_secondary_hover: "var(--border-negative-secondary-hover)",
+    positive_primary: "var(--border-positive-primary)",
+    positive_primary_hover: "var(--border-positive-primary-hover)",
+    positive_secondary: "var(--border-positive-secondary)",
+    positive_secondary_hover: "var(--border-positive-secondary-hover)",
+    warning_primary: "var(--border-warning-primary)",
+    warning_primary_hover: "var(--border-warning-primary-hover)",
+    warning_secondary: "var(--border-warning-secondary)",
+    warning_secondary_hover: "var(--border-warning-secondary-hover)",
+    neutral_primary: "var(--border-neutral-primary)",
+    neutral_primary_hover: "var(--border-neutral-primary-hover)",
+    neutral_alpha_basic: "var(--border-neutral-alpha-basic)",
+    neutral_alpha_low: "var(--border-neutral-alpha-low)",
+    neutral_alpha_high: "var(--border-neutral-alpha-high)",
+    transfer_primary: "var(--border-transfer-primary)",
+    transfer_primary_hover: "var(--border-transfer-primary-hover)",
+    transfer_secondary: "var(--border-transfer-secondary)",
+    transfer_secondary_hover: "var(--border-transfer-secondary-hover)"
+  },
+  text: {
+    primary: "var(--text-primary)",
+    primary_inverse: "var(--text-primary-inverse)",
+    primary_hover: "var(--text-primary-hover)",
+    secondary: "var(--text-secondary)",
+    secondary_inverse: "var(--text-secondary-inverse)",
+    secondary_hover: "var(--text-secondary-hover)",
+    tertiary: "var(--text-tertiary)",
+    tertiary_inverse: "var(--text-tertiary-inverse)",
+    tertiary_hover: "var(--text-tertiary-hover)",
+    positive: "var(--text-positive)",
+    positive_hover: "var(--text-positive-hover)",
+    negative: "var(--text-negative)",
+    negative_hover: "var(--text-negative-hover)",
+    warning: "var(--text-warning)",
+    warning_hover: "var(--text-warning-hover)",
+    accent: "var(--text-accent)",
+    accent_hover: "var(--text-accent-hover)",
+    inverse: "var(--text-inverse)",
+    transfer: "var(--text-transfer)",
+    transfer_hover: "var(--text-transfer-hover)"
+  },
+  icon: {
+    primary: "var(--icon-primary)",
+    primary_hover: "var(--icon-primary-hover)",
+    primary_inverse: "var(--icon-primary-inverse)",
+    secondary: "var(--icon-secondary)",
+    secondary_hover: "var(--icon-secondary-hover)",
+    tertiary: "var(--icon-tertiary)",
+    tertiary_inverse: "var(--icon-tertiary-inverse)",
+    tertiary_hover: "var(--icon-tertiary-hover)",
+    positive: "var(--icon-positive)",
+    positive_hover: "var(--icon-positive-hover)",
+    negative: "var(--icon-negative)",
+    negative_hover: "var(--icon-negative-hover)",
+    warning: "var(--icon-warning)",
+    warning_hover: "var(--icon-warning-hover)",
+    accent: "var(--icon-accent)",
+    accent_hover: "var(--icon-accent-hover)",
+    inverse: "var(--icon-inverse)",
+    transfer: "var(--icon-transfer)",
+    transfer_hover: "var(--icon-transfer-hover)"
+  },
+  fill: {
+    accent_primary: "var(--fill-accent-primary)",
+    accent_primary_hover: "var(--fill-accent-primary-hover)",
+    accent_secondary: "var(--fill-accent-secondary)",
+    accent_secondary_hover: "var(--fill-accent-secondary-hover)",
+    accent_tint_high: "var(--fill-accent-tint-high)",
+    accent_tint: "var(--fill-accent-tint)",
+    accent_tint_low: "var(--fill-accent-tint-low)",
+    accent_transparent: "var(--fill-accent-transparent)",
+    positive_primary: "var(--fill-positive-primary)",
+    positive_primary_hover: "var(--fill-positive-primary-hover)",
+    positive_secondary: "var(--fill-positive-secondary)",
+    positive_secondary_hover: "var(--fill-positive-secondary-hover)",
+    positive_tint_high: "var(--fill-positive-tint-high)",
+    positive_tint: "var(--fill-positive-tint)",
+    positive_tint_low: "var(--fill-positive-tint-low)",
+    positive_transparent: "var(--fill-positive-transparent)",
+    negative_primary: "var(--fill-negative-primary)",
+    negative_primary_hover: "var(--fill-negative-primary-hover)",
+    negative_secondary: "var(--fill-negative-secondary)",
+    negative_secondary_hover: "var(--fill-negative-secondary-hover)",
+    negative_tint_high: "var(--fill-negative-tint-high)",
+    negative_tint: "var(--fill-negative-tint)",
+    negative_tint_low: "var(--fill-negative-tint-low)",
+    negative_transparent: "var(--fill-negative-transparent)",
+    warning_primary: "var(--fill-warning-primary)",
+    warning_primary_hover: "var(--fill-warning-primary-hover)",
+    warning_secondary: "var(--fill-warning-secondary)",
+    warning_secondary_hover: "var(--fill-warning-secondary-hover)",
+    warning_tint_high: "var(--fill-warning-tint-high)",
+    warning_tint: "var(--fill-warning-tint)",
+    warning_tint_low: "var(--fill-warning-tint-low)",
+    warning_transparent: "var(--fill-warning-transparent)",
+    neutral_primary: "var(--fill-neutral-primary)",
+    neutral_primary_hover: "var(--fill-neutral-primary-hover)",
+    neutral_secondary: "var(--fill-neutral-secondary)",
+    neutral_secondary_inverse: "var(--fill-neutral-secondary-inverse)",
+    neutral_secondary_hover: "var(--fill-neutral-secondary-hover)",
+    neutral_tint: "var(--fill-neutral-tint)",
+    neutral_tint_low: "var(--fill-neutral-tint-low)",
+    transfer_primary: "var(--fill-transfer-primary)",
+    transfer_primary_hover: "var(--fill-transfer-primary-hover)",
+    transfer_secondary: "var(--fill-transfer-secondary)",
+    transfer_secondary_hover: "var(--fill-transfer-secondary-hover)",
+    transfer_tint_high: "var(--fill-transfer-tint-high)",
+    transfer_tint: "var(--fill-transfer-tint)",
+    transfer_tint_low: "var(--fill-transfer-tint-low)",
+    transfer_transparent: "var(--fill-transfer-transparent)",
+    bg_primary: "var(--fill-bg-primary)",
+    bg_primary_inverse: "var(--fill-bg-primary-inverse)",
+    bg_secondary: "var(--fill-bg-secondary)",
+    bg_secondary_inverse: "var(--fill-bg-secondary-inverse)",
+    bg_tertiary: "var(--fill-bg-tertiary)",
+    bg_overlay_primary: "var(--fill-bg-overlay-primary)"
+  },
+  status: {
+    accent: "var(--status-accent)",
+    accent_tint: "var(--status-accent-tint)",
+    accent_tint_low: "var(--status-accent-tint-low)",
+    negative: "var(--status-negative)",
+    negative_tint: "var(--status-negative-tint)",
+    negative_tint_low: "var(--status-negative-tint-low)",
+    positive: "var(--status-positive)",
+    positive_tint: "var(--status-positive-tint)",
+    positive_tint_low: "var(--status-positive-tint-low)",
+    warning: "var(--status-warning)",
+    warning_tint: "var(--status-warning-tint)",
+    warning_tint_low: "var(--status-warning-tint-low)",
+    neutral: "var(--status-neutral)",
+    neutral_tint: "var(--status-neutral-tint)",
+    neutral_tint_low: "var(--status-neutral-tint-low)",
+    transfer: "var(--status-transfer)",
+    transfer_tint: "var(--status-transfer-tint)",
+    transfer_tint_low: "var(--status-transfer-tint-low)"
+  },
+  effect: {
+    shadow_s: "var(--effect-shadow-s)",
+    shadow_m: "var(--effect-shadow-m)",
+    shadow_l: "var(--effect-shadow-l)"
+  },
+  scrollbar: {
+    thumb_primary: "var(--scrollbar-thumb-primary)",
+    track_primary: "var(--scrollbar-track-primary)"
+  },
+  gradient: {
+    progressbar: "var(--gradient-progressbar)",
+    progressbar_positive: "var(--gradient-progressbar-positive)",
+    progressbar_accent: "var(--gradient-progressbar-accent)",
+    progressbar_negative: "var(--gradient-progressbar-negative)",
+    progressbar_warning: "var(--gradient-progressbar-warning)",
+    progressbar_neutral: "var(--gradient-progressbar-neutral)",
+    progressbar_transfer: "var(--gradient-progressbar-transfer)",
+    accent_1: "var(--gradient-accent-1)",
+    accent_1_20: "var(--gradient-accent-1-20)",
+    accent_1_10: "var(--gradient-accent-1-10)",
+    negative_1: "var(--gradient-negative-1)",
+    negative_1_20: "var(--gradient-negative-1-20)",
+    negative_1_10: "var(--gradient-negative-1-10)",
+    positive_1: "var(--gradient-positive-1)",
+    positive_1_20: "var(--gradient-positive-1-20)",
+    positive_1_10: "var(--gradient-positive-1-10)",
+    warning_1: "var(--gradient-warning-1)",
+    warning_1_20: "var(--gradient-warning-1-20)",
+    warning_1_10: "var(--gradient-warning-1-10)",
+    neutral_1: "var(--gradient-neutral-1)",
+    neutral_1_20: "var(--gradient-neutral-1-20)",
+    neutral_1_10: "var(--gradient-neutral-1-10)",
+    accent_alternative_1: "var(--gradient-accent-alternative-1)",
+    transfer_1: "var(--gradient-transfer-1)",
+    transfer_1_20: "var(--gradient-transfer-1-20)",
+    transfer_1_10: "var(--gradient-transfer-1-10)"
+  }
+};
+export {
+  r as palette
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dss-kit/ui-kit",
-  "version": "0.3.10",
+  "version": "1.0.0",
   "type": "module",
   "main": "./dist/ui-kit.cjs",
   "module": "./dist/index.js",

package/dist/providers/ThemeProviderScoped/styles.module.scss.js

@@ -1,7 +0,0 @@
-const e = "_themeProviderScoped_8xy1z_9", o = {
-  themeProviderScoped: e
-};
-export {
-  o as default,
-  e as themeProviderScoped
-};

package/dist/utils/theme/color.d.ts

@@ -1,184 +0,0 @@
-export declare const color: {
-    readonly border: {
-        readonly accentPrimary: "var(--border-accent-primary)";
-        readonly accentPrimaryHover: "var(--border-accent-primary-hover)";
-        readonly accentSecondary: "var(--border-accent-secondary)";
-        readonly accentSecondaryHover: "var(--border-accent-secondary-hover)";
-        readonly negativePrimary: "var(--border-negative-primary)";
-        readonly negativePrimaryHover: "var(--border-negative-primary-hover)";
-        readonly negativeSecondary: "var(--border-negative-secondary)";
-        readonly negativeSecondaryHover: "var(--border-negative-secondary-hover)";
-        readonly positivePrimary: "var(--border-positive-primary)";
-        readonly positivePrimaryHover: "var(--border-positive-primary-hover)";
-        readonly positiveSecondary: "var(--border-positive-secondary)";
-        readonly positiveSecondaryHover: "var(--border-positive-secondary-hover)";
-        readonly warningPrimary: "var(--border-warning-primary)";
-        readonly warningPrimaryHover: "var(--border-warning-primary-hover)";
-        readonly warningSecondary: "var(--border-warning-secondary)";
-        readonly warningSecondaryHover: "var(--border-warning-secondary-hover)";
-        readonly neutralPrimary: "var(--border-neutral-primary)";
-        readonly neutralPrimaryHover: "var(--border-neutral-primary-hover)";
-        readonly neutralAlphaBasic: "var(--border-neutral-alpha-basic)";
-        readonly neutralAlphaLow: "var(--border-neutral-alpha-low)";
-        readonly neutralAlphaHigh: "var(--border-neutral-alpha-high)";
-        readonly transferPrimary: "var(--border-transfer-primary)";
-        readonly transferPrimaryHover: "var(--border-transfer-primary-hover)";
-        readonly transferSecondary: "var(--border-transfer-secondary)";
-        readonly transferSecondaryHover: "var(--border-transfer-secondary-hover)";
-    };
-    readonly text: {
-        readonly primary: "var(--text-primary)";
-        readonly primaryInverse: "var(--text-primary-inverse)";
-        readonly primaryHover: "var(--text-primary-hover)";
-        readonly secondary: "var(--text-secondary)";
-        readonly secondaryInverse: "var(--text-secondary-inverse)";
-        readonly secondaryHover: "var(--text-secondary-hover)";
-        readonly tertiary: "var(--text-tertiary)";
-        readonly tertiaryInverse: "var(--text-tertiary-inverse)";
-        readonly tertiaryHover: "var(--text-tertiary-hover)";
-        readonly positive: "var(--text-positive)";
-        readonly positiveHover: "var(--text-positive-hover)";
-        readonly negative: "var(--text-negative)";
-        readonly negativeHover: "var(--text-negative-hover)";
-        readonly warning: "var(--text-warning)";
-        readonly warningHover: "var(--text-warning-hover)";
-        readonly accent: "var(--text-accent)";
-        readonly accentHover: "var(--text-accent-hover)";
-        readonly inverse: "var(--text-inverse)";
-        readonly transfer: "var(--text-transfer)";
-        readonly transferHover: "var(--text-transfer-hover)";
-    };
-    readonly icon: {
-        readonly primary: "var(--icon-primary)";
-        readonly primaryHover: "var(--icon-primary-hover)";
-        readonly primaryInverse: "var(--icon-primary-inverse)";
-        readonly secondary: "var(--icon-secondary)";
-        readonly secondaryHover: "var(--icon-secondary-hover)";
-        readonly tertiary: "var(--icon-tertiary)";
-        readonly tertiaryInverse: "var(--icon-tertiary-inverse)";
-        readonly tertiaryHover: "var(--icon-tertiary-hover)";
-        readonly positive: "var(--icon-positive)";
-        readonly positiveHover: "var(--icon-positive-hover)";
-        readonly negative: "var(--icon-negative)";
-        readonly negativeHover: "var(--icon-negative-hover)";
-        readonly warning: "var(--icon-warning)";
-        readonly warningHover: "var(--icon-warning-hover)";
-        readonly accent: "var(--icon-accent)";
-        readonly accentHover: "var(--icon-accent-hover)";
-        readonly inverse: "var(--icon-inverse)";
-        readonly transfer: "var(--icon-transfer)";
-        readonly transferHover: "var(--icon-transfer-hover)";
-    };
-    readonly fill: {
-        readonly accentPrimary: "var(--fill-accent-primary)";
-        readonly accentPrimaryHover: "var(--fill-accent-primary-hover)";
-        readonly accentSecondary: "var(--fill-accent-secondary)";
-        readonly accentSecondaryHover: "var(--fill-accent-secondary-hover)";
-        readonly accentTintHigh: "var(--fill-accent-tint-high)";
-        readonly accentTint: "var(--fill-accent-tint)";
-        readonly accentTintLow: "var(--fill-accent-tint-low)";
-        readonly accentTransparent: "var(--fill-accent-transparent)";
-        readonly positivePrimary: "var(--fill-positive-primary)";
-        readonly positivePrimaryHover: "var(--fill-positive-primary-hover)";
-        readonly positiveSecondary: "var(--fill-positive-secondary)";
-        readonly positiveSecondaryHover: "var(--fill-positive-secondary-hover)";
-        readonly positiveTintHigh: "var(--fill-positive-tint-high)";
-        readonly positiveTint: "var(--fill-positive-tint)";
-        readonly positiveTintLow: "var(--fill-positive-tint-low)";
-        readonly positiveTransparent: "var(--fill-positive-transparent)";
-        readonly negativePrimary: "var(--fill-negative-primary)";
-        readonly negativePrimaryHover: "var(--fill-negative-primary-hover)";
-        readonly negativeSecondary: "var(--fill-negative-secondary)";
-        readonly negativeSecondaryHover: "var(--fill-negative-secondary-hover)";
-        readonly negativeTintHigh: "var(--fill-negative-tint-high)";
-        readonly negativeTint: "var(--fill-negative-tint)";
-        readonly negativeTintLow: "var(--fill-negative-tint-low)";
-        readonly negativeTransparent: "var(--fill-negative-transparent)";
-        readonly warningPrimary: "var(--fill-warning-primary)";
-        readonly warningPrimaryHover: "var(--fill-warning-primary-hover)";
-        readonly warningSecondary: "var(--fill-warning-secondary)";
-        readonly warningSecondaryHover: "var(--fill-warning-secondary-hover)";
-        readonly warningTintHigh: "var(--fill-warning-tint-high)";
-        readonly warningTint: "var(--fill-warning-tint)";
-        readonly warningTintLow: "var(--fill-warning-tint-low)";
-        readonly warningTransparent: "var(--fill-warning-transparent)";
-        readonly neutralPrimary: "var(--fill-neutral-primary)";
-        readonly neutralPrimaryHover: "var(--fill-neutral-primary-hover)";
-        readonly neutralSecondary: "var(--fill-neutral-secondary)";
-        readonly neutralSecondaryInverse: "var(--fill-neutral-secondary-inverse)";
-        readonly neutralSecondaryHover: "var(--fill-neutral-secondary-hover)";
-        readonly neutralTint: "var(--fill-neutral-tint)";
-        readonly neutralTintLow: "var(--fill-neutral-tint-low)";
-        readonly transferPrimary: "var(--fill-transfer-primary)";
-        readonly transferPrimaryHover: "var(--fill-transfer-primary-hover)";
-        readonly transferSecondary: "var(--fill-transfer-secondary)";
-        readonly transferSecondaryHover: "var(--fill-transfer-secondary-hover)";
-        readonly transferTintHigh: "var(--fill-transfer-tint-high)";
-        readonly transferTint: "var(--fill-transfer-tint)";
-        readonly transferTintLow: "var(--fill-transfer-tint-low)";
-        readonly transferTransparent: "var(--fill-transfer-transparent)";
-        readonly bgPrimary: "var(--fill-bg-primary)";
-        readonly bgPrimaryInverse: "var(--fill-bg-primary-inverse)";
-        readonly bgSecondary: "var(--fill-bg-secondary)";
-        readonly bgSecondaryInverse: "var(--fill-bg-secondary-inverse)";
-        readonly bgTertiary: "var(--fill-bg-tertiary)";
-        readonly bgOverlayPrimary: "var(--fill-bg-overlay-primary)";
-    };
-    readonly status: {
-        readonly accent: "var(--status-accent)";
-        readonly accentTint: "var(--status-accent-tint)";
-        readonly accentTintLow: "var(--status-accent-tint-low)";
-        readonly negative: "var(--status-negative)";
-        readonly negativeTint: "var(--status-negative-tint)";
-        readonly negativeTintLow: "var(--status-negative-tint-low)";
-        readonly positive: "var(--status-positive)";
-        readonly positiveTint: "var(--status-positive-tint)";
-        readonly positiveTintLow: "var(--status-positive-tint-low)";
-        readonly warning: "var(--status-warning)";
-        readonly warningTint: "var(--status-warning-tint)";
-        readonly warningTintLow: "var(--status-warning-tint-low)";
-        readonly neutral: "var(--status-neutral)";
-        readonly neutralTint: "var(--status-neutral-tint)";
-        readonly neutralTintLow: "var(--status-neutral-tint-low)";
-        readonly transfer: "var(--status-transfer)";
-        readonly transferTint: "var(--status-transfer-tint)";
-        readonly transferTintLow: "var(--status-transfer-tint-low)";
-    };
-    readonly effect: {
-        readonly shadowS: "var(--effect-shadow-s)";
-        readonly shadowM: "var(--effect-shadow-m)";
-        readonly shadowL: "var(--effect-shadow-l)";
-    };
-    readonly scrollbar: {
-        readonly thumbPrimary: "var(--scrollbar-thumb-primary)";
-        readonly trackPrimary: "var(--scrollbar-track-primary)";
-    };
-    readonly gradient: {
-        readonly progressbar: "var(--gradient-progressbar)";
-        readonly progressbarPositive: "var(--gradient-progressbar-positive)";
-        readonly progressbarAccent: "var(--gradient-progressbar-accent)";
-        readonly progressbarNegative: "var(--gradient-progressbar-negative)";
-        readonly progressbarWarning: "var(--gradient-progressbar-warning)";
-        readonly progressbarNeutral: "var(--gradient-progressbar-neutral)";
-        readonly progressbarTransfer: "var(--gradient-progressbar-transfer)";
-        readonly accent1: "var(--gradient-accent-1)";
-        readonly accent1_20: "var(--gradient-accent-1-20)";
-        readonly accent1_10: "var(--gradient-accent-1-10)";
-        readonly negative1: "var(--gradient-negative-1)";
-        readonly negative1_20: "var(--gradient-negative-1-20)";
-        readonly negative1_10: "var(--gradient-negative-1-10)";
-        readonly positive1: "var(--gradient-positive-1)";
-        readonly positive1_20: "var(--gradient-positive-1-20)";
-        readonly positive1_10: "var(--gradient-positive-1-10)";
-        readonly warning1: "var(--gradient-warning-1)";
-        readonly warning1_20: "var(--gradient-warning-1-20)";
-        readonly warning1_10: "var(--gradient-warning-1-10)";
-        readonly neutral1: "var(--gradient-neutral-1)";
-        readonly neutral1_20: "var(--gradient-neutral-1-20)";
-        readonly neutral1_10: "var(--gradient-neutral-1-10)";
-        readonly accentAlternative1: "var(--gradient-accent-alternative-1)";
-        readonly transfer1: "var(--gradient-transfer-1)";
-        readonly transfer1_20: "var(--gradient-transfer-1-20)";
-        readonly transfer1_10: "var(--gradient-transfer-1-10)";
-    };
-};