@impulse-ui-native/theme 3.0.0 → 5.0.0

package/dist/theme/tokens.theme.d.mts

@@ -3,21 +3,25 @@ import { BorderSize, FontFamily, FontWeightValue, FontWeightItalic, FontWeightNo
 import { ThemeColors, PrimitiveThemeTokens, ComponentsTokens } from '../types/theme-provider.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
 import '../types/buttons-tokens.types.mjs';
 import '../types/card-tokens.types.mjs';
-import '../types/control-tokes.types.mjs';
+import '../types/control-tokens.types.mjs';
 import '../types/data-state-tokens.types.mjs';
 import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';
@@ -40,6 +44,7 @@ declare const FontFamilyWeightsItalicTokens: Record<FontWeightValue, FontWeightI
 declare const FontFamilyTokens: FontFamily;
 declare const NeutralColorTokens: NeutralColor;
 declare const LightColors: ThemeColors;
+declare const DarkColors: ThemeColors;
 declare function createComponentsTokens(tokens: PrimitiveThemeTokens): ComponentsTokens;
 
-export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens };
+export { BorderSizeTokens, ChartColorTokens, DarkColors, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens };

package/dist/theme/tokens.theme.js

@@ -3,6 +3,7 @@ import { createAvatarTokens } from "./create-avatar-tokens";
 import { createBadgeTokens } from "./create-badge-tokens";
 import { createButtonTokens } from "./create-button-tokens";
 import { createCardTokens } from "./create-card-tokens";
+import { createCarouselTokens } from "./create-carousel-tokens";
 import { createCheckboxTokens } from "./create-checkbox-tokens";
 import {
   createControlAddonTokens,
@@ -17,9 +18,12 @@ import { createDividerTokens } from "./create-divider-tokens";
 import { createFlyoutTokens } from "./create-flyout-tokens";
 import { createIconButtonTokens } from "./create-icon-button-tokens";
 import { createIconTokens } from "./create-icon-tokens";
+import { createListTokens } from "./create-list-tokens";
+import { createPaginationTokens } from "./create-pagination-tokens";
 import { createPressableTokens } from "./create-pressable-tokens";
 import { createProgressTokens } from "./create-progress-tokens";
 import { createRadioTokens } from "./create-radio-tokens";
+import { createSegmentedControlTokens } from "./create-segmented-control-tokens";
 import { createSelectTokens } from "./create-select-tokens";
 import { createSkeletonTokens } from "./create-skeleton-tokens";
 import { createSliderTokens } from "./create-slider-tokens";
@@ -30,7 +34,7 @@ import { createTagTokens } from "./create-tag-tokens";
 import { createTextareaTokens } from "./create-textarea-tokens";
 import { createTimePickerTokens } from "./create-time-picker-tokens";
 const ChartColorTokens = [
-  "#f55d6b",
+  "#F55D6B",
   "#2563eb",
   "#16a34a",
   "#9333ea",
@@ -169,16 +173,16 @@ const NeutralColorTokens = {
 };
 const LightColors = {
   primary: {
-    value: "#f55d6b",
+    value: "#F55D6B",
     contrast: NeutralColorTokens["0"]
   },
   accent: {
     value: "#FA9EA7",
-    contrast: NeutralColorTokens["0"]
+    contrast: NeutralColorTokens["11"]
   },
   secondary: {
     value: "#FEE7E9",
-    contrast: "#f55d6b"
+    contrast: "#c92a3b"
   },
   neutral: NeutralColorTokens,
   surface: {
@@ -220,7 +224,7 @@ const LightColors = {
       contrast: NeutralColorTokens["11"]
     },
     focus: {
-      value: "#f55d6b",
+      value: "#c92a3b",
       contrast: NeutralColorTokens["0"]
     }
   },
@@ -230,11 +234,11 @@ const LightColors = {
       contrast: "#fff5f5"
     },
     warning: {
-      value: "#e67700",
+      value: "#a65300",
       contrast: "#fff4e6"
     },
     success: {
-      value: "#7a9908",
+      value: "#526b00",
       contrast: "#f4fce3"
     },
     info: {
@@ -246,16 +250,98 @@ const LightColors = {
   white: NeutralColorTokens["0"],
   black: NeutralColorTokens["13"]
 };
+const DarkColors = {
+  primary: {
+    value: "#FA9EA7",
+    contrast: NeutralColorTokens["11"]
+  },
+  accent: {
+    value: "#f55d6b",
+    contrast: NeutralColorTokens["11"]
+  },
+  secondary: {
+    value: "#3b2027",
+    contrast: "#FA9EA7"
+  },
+  neutral: NeutralColorTokens,
+  surface: {
+    primary: {
+      value: NeutralColorTokens["11"],
+      contrast: NeutralColorTokens["0"]
+    },
+    secondary: {
+      value: NeutralColorTokens["10"],
+      contrast: NeutralColorTokens["0"]
+    },
+    elevated: {
+      value: NeutralColorTokens["9"],
+      contrast: NeutralColorTokens["0"]
+    },
+    inverse: {
+      value: NeutralColorTokens["0"],
+      contrast: NeutralColorTokens["11"]
+    }
+  },
+  text: {
+    primary: NeutralColorTokens["0"],
+    secondary: NeutralColorTokens["2"],
+    tertiary: NeutralColorTokens["6"],
+    inverse: NeutralColorTokens["11"],
+    disabled: NeutralColorTokens["7"]
+  },
+  border: {
+    subtle: {
+      value: NeutralColorTokens["7"],
+      contrast: NeutralColorTokens["6"]
+    },
+    default: {
+      value: NeutralColorTokens["6"],
+      contrast: NeutralColorTokens["2"]
+    },
+    strong: {
+      value: NeutralColorTokens["5"],
+      contrast: NeutralColorTokens["0"]
+    },
+    focus: {
+      value: "#FA9EA7",
+      contrast: NeutralColorTokens["11"]
+    }
+  },
+  feedback: {
+    error: {
+      value: "#ff8787",
+      contrast: "#3b1515"
+    },
+    warning: {
+      value: "#ffc078",
+      contrast: "#3b250f"
+    },
+    success: {
+      value: "#c0eb75",
+      contrast: "#26320f"
+    },
+    info: {
+      value: "#74c0fc",
+      contrast: "#102a43"
+    }
+  },
+  overlay: "rgba(0, 0, 0, 0.65)",
+  white: NeutralColorTokens["0"],
+  black: NeutralColorTokens["13"]
+};
 function createComponentsTokens(tokens) {
   return {
+    carousel: createCarouselTokens(tokens),
     accordion: createAccordionTokens(tokens),
     avatar: createAvatarTokens(tokens),
     badge: createBadgeTokens(tokens),
     button: createButtonTokens(tokens),
     card: createCardTokens(tokens),
+    list: createListTokens(tokens),
     checkbox: createCheckboxTokens(tokens),
     iconButton: createIconButtonTokens(tokens),
     icon: createIconTokens(),
+    pagination: createPaginationTokens(tokens),
     pressable: createPressableTokens(),
     progress: createProgressTokens(tokens),
     radio: createRadioTokens(tokens),
@@ -266,6 +352,7 @@ function createComponentsTokens(tokens) {
     controlInput: createControlInputTokens(tokens),
     controlLabel: createControlLabelTokens(tokens),
     select: createSelectTokens(tokens),
+    segmentedControl: createSegmentedControlTokens(tokens),
     datetimePicker: createDatetimePickerTokens(tokens),
     divider: createDividerTokens(tokens),
     timePicker: createTimePickerTokens(tokens),
@@ -282,6 +369,7 @@ function createComponentsTokens(tokens) {
 export {
   BorderSizeTokens,
   ChartColorTokens,
+  DarkColors,
   FontFamilyTokens,
   FontFamilyWeightsItalicTokens,
   FontFamilyWeightsNormalTokens,

package/dist/theme/tokens.theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/tokens.theme.ts"],"sourcesContent":["import {\n  BorderSize,\n  ChartColorPalette,\n  ComponentsTokens,\n  FontFamily,\n  FontSize,\n  FontWeight,\n  FontWeightItalic,\n  FontWeightNormal,\n  FontWeightValue,\n  LetterSpacings,\n  LineHeight,\n  NeutralColor,\n  PrimitiveThemeTokens,\n  Radii,\n  Space,\n  ThemeColors,\n} from \"../types\";\nimport { createAccordionTokens } from \"./create-accordion-tokens\";\nimport { createAvatarTokens } from \"./create-avatar-tokens\";\nimport { createBadgeTokens } from \"./create-badge-tokens\";\nimport { createButtonTokens } from \"./create-button-tokens\";\nimport { createCardTokens } from \"./create-card-tokens\";\nimport { createCheckboxTokens } from \"./create-checkbox-tokens\";\nimport {\n  createControlAddonTokens,\n  createControlContainerTokens,\n  createControlErrorTokens,\n  createControlInputTokens,\n  createControlLabelTokens,\n} from \"./create-control-tokens\";\nimport { createDataStateTokens } from \"./create-data-state-tokens\";\nimport { createDatetimePickerTokens } from \"./create-datetime-picker\";\nimport { createDividerTokens } from \"./create-divider-tokens\";\nimport { createFlyoutTokens } from \"./create-flyout-tokens\";\nimport { createIconButtonTokens } from \"./create-icon-button-tokens\";\nimport { createIconTokens } from \"./create-icon-tokens\";\nimport { createPressableTokens } from \"./create-pressable-tokens\";\nimport { createProgressTokens } from \"./create-progress-tokens\";\nimport { createRadioTokens } from \"./create-radio-tokens\";\nimport { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-tokens\";\nimport { createSliderTokens } from \"./create-slider-tokens\";\nimport { createSpinnerTokens } from \"./create-spinner-tokens\";\nimport { createStepperTokens } from \"./create-stepper-tokens\";\nimport { createSwitchTokens } from \"./create-switch-tokens\";\nimport { createTagTokens } from \"./create-tag-tokens\";\nimport { createTextareaTokens } from \"./create-textarea-tokens\";\nimport { createTimePickerTokens } from \"./create-time-picker-tokens\";\n\nexport const ChartColorTokens: ChartColorPalette = [\n  \"#f55d6b\",\n  \"#2563eb\",\n  \"#16a34a\",\n  \"#9333ea\",\n  \"#ea580c\",\n  \"#0891b2\",\n  \"#db2777\",\n  \"#65a30d\",\n  \"#4f46e5\",\n  \"#0d9488\",\n  \"#ca8a04\",\n  \"#c026d3\",\n  \"#0284c7\",\n  \"#7c3aed\",\n  \"#9f5f3f\",\n];\n\nexport const SpaceTokens: Space = {\n  none: 0,\n  xxs: 4,\n  xs: 8,\n  mxs: 12,\n  sm: 16,\n  msm: 24,\n  md: 32,\n  lg: 48,\n  xl: 64,\n  xxl: 96,\n};\n\nexport const BorderSizeTokens: BorderSize = {\n  sm: 1,\n  md: 2,\n  lg: 3,\n  xl: 5,\n  xxl: 10,\n};\n\nexport const RadiiTokens: Radii = {\n  sm: 4,\n  md: 8,\n  lg: 16,\n  xl: 32,\n  xxl: 64,\n  xxxl: 128,\n  round: 100000,\n};\n\nexport const FontSizeTokens: FontSize = {\n  xxs: 8,\n  xs: 12,\n  xsm: 14,\n  sm: 16,\n  md: 18,\n  lg: 20,\n  xl: 24,\n  xxl: 28,\n  xxxl: 32,\n  huge: 36,\n  massive: 40,\n  giant: 48,\n  colossal: 56,\n};\n\nexport const LineHeightTokens: LineHeight = {\n  xxs: 12,\n  xs: 16,\n  xsm: 20,\n  sm: 24,\n  md: 26,\n  lg: 28,\n  xl: 32,\n  xxl: 36,\n  xxxl: 40,\n  huge: 44,\n  massive: 48,\n  giant: 56,\n  colossal: 64,\n};\n\nexport const LetterSpacingTokens: LetterSpacings = {\n  tightest: -1,\n  tighter: -0.5,\n  tight: -0.25,\n  normal: 0,\n  wide: 0.25,\n  wider: 0.5,\n  widest: 0.75,\n  ultraWide: 1,\n};\n\nexport const FontWeightTokens: FontWeight = {\n  thin: 100,\n  extraLight: 200,\n  light: 300,\n  regular: 400,\n  medium: 500,\n  semiBold: 600,\n  bold: 700,\n  extraBold: 800,\n  black: 900,\n};\n\nexport const FontFamilyWeightsNormalTokens: Record<\n  FontWeightValue,\n  FontWeightNormal\n> = {\n  100: \"Montserrat_100Thin\",\n  200: \"Montserrat_200ExtraLight\",\n  300: \"Montserrat_300Light\",\n  400: \"Montserrat_400Regular\",\n  500: \"Montserrat_500Medium\",\n  600: \"Montserrat_600SemiBold\",\n  700: \"Montserrat_700Bold\",\n  800: \"Montserrat_800ExtraBold\",\n  900: \"Montserrat_900Black\",\n};\n\nexport const FontFamilyWeightsItalicTokens: Record<\n  FontWeightValue,\n  FontWeightItalic\n> = {\n  100: \"Montserrat_100Thin_Italic\",\n  200: \"Montserrat_200ExtraLight_Italic\",\n  300: \"Montserrat_300Light_Italic\",\n  400: \"Montserrat_400Regular_Italic\",\n  500: \"Montserrat_500Medium_Italic\",\n  600: \"Montserrat_600SemiBold_Italic\",\n  700: \"Montserrat_700Bold_Italic\",\n  800: \"Montserrat_800ExtraBold_Italic\",\n  900: \"Montserrat_900Black_Italic\",\n};\n\nexport const FontFamilyTokens: FontFamily = {\n  normal: FontFamilyWeightsNormalTokens,\n  italic: FontFamilyWeightsItalicTokens,\n};\n\nexport const NeutralColorTokens: NeutralColor = {\n  \"0\": \"#ffffff\",\n  \"1\": \"#f8f9fa\",\n  \"2\": \"#f1f3f5\",\n  \"3\": \"#e9ecef\",\n  \"4\": \"#dee2e6\",\n  \"5\": \"#ced4da\",\n  \"6\": \"#adb5bd\",\n  \"7\": \"#868e96\",\n  \"8\": \"#495057\",\n  \"9\": \"#343a40\",\n  \"10\": \"#212529\",\n  \"11\": \"#16191d\",\n  \"12\": \"#0d0f12\",\n  \"13\": \"#000000\",\n};\n\nexport const LightColors: ThemeColors = {\n  primary: {\n    value: \"#f55d6b\",\n    contrast: NeutralColorTokens[\"0\"],\n  },\n\n  accent: {\n    value: \"#FA9EA7\",\n    contrast: NeutralColorTokens[\"0\"],\n  },\n\n  secondary: {\n    value: \"#FEE7E9\",\n    contrast: \"#f55d6b\",\n  },\n\n  neutral: NeutralColorTokens,\n\n  surface: {\n    primary: {\n      value: NeutralColorTokens[\"2\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    secondary: {\n      value: NeutralColorTokens[\"0\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    elevated: {\n      value: NeutralColorTokens[\"0\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    inverse: {\n      value: NeutralColorTokens[\"13\"],\n      contrast: NeutralColorTokens[\"0\"],\n    },\n  },\n\n  text: {\n    primary: NeutralColorTokens[\"11\"],\n    secondary: NeutralColorTokens[\"10\"],\n    tertiary: NeutralColorTokens[\"9\"],\n    inverse: NeutralColorTokens[\"0\"],\n    disabled: NeutralColorTokens[\"7\"],\n  },\n\n  border: {\n    subtle: {\n      value: NeutralColorTokens[\"3\"],\n      contrast: NeutralColorTokens[\"9\"],\n    },\n    default: {\n      value: NeutralColorTokens[\"4\"],\n      contrast: NeutralColorTokens[\"10\"],\n    },\n    strong: {\n      value: NeutralColorTokens[\"6\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    focus: {\n      value: \"#f55d6b\",\n      contrast: NeutralColorTokens[\"0\"],\n    },\n  },\n\n  feedback: {\n    error: {\n      value: \"#c92a2a\",\n      contrast: \"#fff5f5\",\n    },\n    warning: {\n      value: \"#e67700\",\n      contrast: \"#fff4e6\",\n    },\n    success: {\n      value: \"#7a9908\",\n      contrast: \"#f4fce3\",\n    },\n    info: {\n      value: \"#1864ab\",\n      contrast: \"#e7f5ff\",\n    },\n  },\n\n  overlay: \"rgba(0, 0, 0, 0.45)\",\n\n  white: NeutralColorTokens[\"0\"],\n  black: NeutralColorTokens[\"13\"],\n};\n\nexport function createComponentsTokens(\n  tokens: PrimitiveThemeTokens,\n): ComponentsTokens {\n  return {\n    accordion: createAccordionTokens(tokens),\n    avatar: createAvatarTokens(tokens),\n    badge: createBadgeTokens(tokens),\n    button: createButtonTokens(tokens),\n    card: createCardTokens(tokens),\n    checkbox: createCheckboxTokens(tokens),\n    iconButton: createIconButtonTokens(tokens),\n    icon: createIconTokens(),\n    pressable: createPressableTokens(),\n    progress: createProgressTokens(tokens),\n    radio: createRadioTokens(tokens),\n    tag: createTagTokens(tokens),\n    controlAddon: createControlAddonTokens(tokens),\n    controlContainer: createControlContainerTokens(tokens),\n    controlError: createControlErrorTokens(tokens),\n    controlInput: createControlInputTokens(tokens),\n    controlLabel: createControlLabelTokens(tokens),\n    select: createSelectTokens(tokens),\n    datetimePicker: createDatetimePickerTokens(tokens),\n    divider: createDividerTokens(tokens),\n    timePicker: createTimePickerTokens(tokens),\n    flyout: createFlyoutTokens(tokens),\n    skeleton: createSkeletonTokens(tokens),\n    slider: createSliderTokens(tokens),\n    spinner: createSpinnerTokens(tokens),\n    stepper: createStepperTokens(tokens),\n    switch: createSwitchTokens(tokens),\n    textarea: createTextareaTokens(tokens),\n    dataState: createDataStateTokens(tokens),\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/theme/tokens.theme.ts"],"sourcesContent":["import type {\n  BorderSize,\n  ChartColorPalette,\n  ComponentsTokens,\n  FontFamily,\n  FontSize,\n  FontWeight,\n  FontWeightItalic,\n  FontWeightNormal,\n  FontWeightValue,\n  LetterSpacings,\n  LineHeight,\n  NeutralColor,\n  PrimitiveThemeTokens,\n  Radii,\n  Space,\n  ThemeColors,\n} from \"../types\";\nimport { createAccordionTokens } from \"./create-accordion-tokens\";\nimport { createAvatarTokens } from \"./create-avatar-tokens\";\nimport { createBadgeTokens } from \"./create-badge-tokens\";\nimport { createButtonTokens } from \"./create-button-tokens\";\nimport { createCardTokens } from \"./create-card-tokens\";\nimport { createCarouselTokens } from \"./create-carousel-tokens\";\nimport { createCheckboxTokens } from \"./create-checkbox-tokens\";\nimport {\n  createControlAddonTokens,\n  createControlContainerTokens,\n  createControlErrorTokens,\n  createControlInputTokens,\n  createControlLabelTokens,\n} from \"./create-control-tokens\";\nimport { createDataStateTokens } from \"./create-data-state-tokens\";\nimport { createDatetimePickerTokens } from \"./create-datetime-picker\";\nimport { createDividerTokens } from \"./create-divider-tokens\";\nimport { createFlyoutTokens } from \"./create-flyout-tokens\";\nimport { createIconButtonTokens } from \"./create-icon-button-tokens\";\nimport { createIconTokens } from \"./create-icon-tokens\";\nimport { createListTokens } from \"./create-list-tokens\";\nimport { createPaginationTokens } from \"./create-pagination-tokens\";\nimport { createPressableTokens } from \"./create-pressable-tokens\";\nimport { createProgressTokens } from \"./create-progress-tokens\";\nimport { createRadioTokens } from \"./create-radio-tokens\";\nimport { createSegmentedControlTokens } from \"./create-segmented-control-tokens\";\nimport { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-tokens\";\nimport { createSliderTokens } from \"./create-slider-tokens\";\nimport { createSpinnerTokens } from \"./create-spinner-tokens\";\nimport { createStepperTokens } from \"./create-stepper-tokens\";\nimport { createSwitchTokens } from \"./create-switch-tokens\";\nimport { createTagTokens } from \"./create-tag-tokens\";\nimport { createTextareaTokens } from \"./create-textarea-tokens\";\nimport { createTimePickerTokens } from \"./create-time-picker-tokens\";\n\nexport const ChartColorTokens: ChartColorPalette = [\n  \"#F55D6B\",\n  \"#2563eb\",\n  \"#16a34a\",\n  \"#9333ea\",\n  \"#ea580c\",\n  \"#0891b2\",\n  \"#db2777\",\n  \"#65a30d\",\n  \"#4f46e5\",\n  \"#0d9488\",\n  \"#ca8a04\",\n  \"#c026d3\",\n  \"#0284c7\",\n  \"#7c3aed\",\n  \"#9f5f3f\",\n];\n\nexport const SpaceTokens: Space = {\n  none: 0,\n  xxs: 4,\n  xs: 8,\n  mxs: 12,\n  sm: 16,\n  msm: 24,\n  md: 32,\n  lg: 48,\n  xl: 64,\n  xxl: 96,\n};\n\nexport const BorderSizeTokens: BorderSize = {\n  sm: 1,\n  md: 2,\n  lg: 3,\n  xl: 5,\n  xxl: 10,\n};\n\nexport const RadiiTokens: Radii = {\n  sm: 4,\n  md: 8,\n  lg: 16,\n  xl: 32,\n  xxl: 64,\n  xxxl: 128,\n  round: 100000,\n};\n\nexport const FontSizeTokens: FontSize = {\n  xxs: 8,\n  xs: 12,\n  xsm: 14,\n  sm: 16,\n  md: 18,\n  lg: 20,\n  xl: 24,\n  xxl: 28,\n  xxxl: 32,\n  huge: 36,\n  massive: 40,\n  giant: 48,\n  colossal: 56,\n};\n\nexport const LineHeightTokens: LineHeight = {\n  xxs: 12,\n  xs: 16,\n  xsm: 20,\n  sm: 24,\n  md: 26,\n  lg: 28,\n  xl: 32,\n  xxl: 36,\n  xxxl: 40,\n  huge: 44,\n  massive: 48,\n  giant: 56,\n  colossal: 64,\n};\n\nexport const LetterSpacingTokens: LetterSpacings = {\n  tightest: -1,\n  tighter: -0.5,\n  tight: -0.25,\n  normal: 0,\n  wide: 0.25,\n  wider: 0.5,\n  widest: 0.75,\n  ultraWide: 1,\n};\n\nexport const FontWeightTokens: FontWeight = {\n  thin: 100,\n  extraLight: 200,\n  light: 300,\n  regular: 400,\n  medium: 500,\n  semiBold: 600,\n  bold: 700,\n  extraBold: 800,\n  black: 900,\n};\n\nexport const FontFamilyWeightsNormalTokens: Record<\n  FontWeightValue,\n  FontWeightNormal\n> = {\n  100: \"Montserrat_100Thin\",\n  200: \"Montserrat_200ExtraLight\",\n  300: \"Montserrat_300Light\",\n  400: \"Montserrat_400Regular\",\n  500: \"Montserrat_500Medium\",\n  600: \"Montserrat_600SemiBold\",\n  700: \"Montserrat_700Bold\",\n  800: \"Montserrat_800ExtraBold\",\n  900: \"Montserrat_900Black\",\n};\n\nexport const FontFamilyWeightsItalicTokens: Record<\n  FontWeightValue,\n  FontWeightItalic\n> = {\n  100: \"Montserrat_100Thin_Italic\",\n  200: \"Montserrat_200ExtraLight_Italic\",\n  300: \"Montserrat_300Light_Italic\",\n  400: \"Montserrat_400Regular_Italic\",\n  500: \"Montserrat_500Medium_Italic\",\n  600: \"Montserrat_600SemiBold_Italic\",\n  700: \"Montserrat_700Bold_Italic\",\n  800: \"Montserrat_800ExtraBold_Italic\",\n  900: \"Montserrat_900Black_Italic\",\n};\n\nexport const FontFamilyTokens: FontFamily = {\n  normal: FontFamilyWeightsNormalTokens,\n  italic: FontFamilyWeightsItalicTokens,\n};\n\nexport const NeutralColorTokens: NeutralColor = {\n  \"0\": \"#ffffff\",\n  \"1\": \"#f8f9fa\",\n  \"2\": \"#f1f3f5\",\n  \"3\": \"#e9ecef\",\n  \"4\": \"#dee2e6\",\n  \"5\": \"#ced4da\",\n  \"6\": \"#adb5bd\",\n  \"7\": \"#868e96\",\n  \"8\": \"#495057\",\n  \"9\": \"#343a40\",\n  \"10\": \"#212529\",\n  \"11\": \"#16191d\",\n  \"12\": \"#0d0f12\",\n  \"13\": \"#000000\",\n};\n\nexport const LightColors: ThemeColors = {\n  primary: {\n    value: \"#F55D6B\",\n    contrast: NeutralColorTokens[\"0\"],\n  },\n\n  accent: {\n    value: \"#FA9EA7\",\n    contrast: NeutralColorTokens[\"11\"],\n  },\n\n  secondary: {\n    value: \"#FEE7E9\",\n    contrast: \"#c92a3b\",\n  },\n\n  neutral: NeutralColorTokens,\n\n  surface: {\n    primary: {\n      value: NeutralColorTokens[\"2\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    secondary: {\n      value: NeutralColorTokens[\"0\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    elevated: {\n      value: NeutralColorTokens[\"0\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    inverse: {\n      value: NeutralColorTokens[\"13\"],\n      contrast: NeutralColorTokens[\"0\"],\n    },\n  },\n\n  text: {\n    primary: NeutralColorTokens[\"11\"],\n    secondary: NeutralColorTokens[\"10\"],\n    tertiary: NeutralColorTokens[\"9\"],\n    inverse: NeutralColorTokens[\"0\"],\n    disabled: NeutralColorTokens[\"7\"],\n  },\n\n  border: {\n    subtle: {\n      value: NeutralColorTokens[\"3\"],\n      contrast: NeutralColorTokens[\"9\"],\n    },\n    default: {\n      value: NeutralColorTokens[\"4\"],\n      contrast: NeutralColorTokens[\"10\"],\n    },\n    strong: {\n      value: NeutralColorTokens[\"6\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n    focus: {\n      value: \"#c92a3b\",\n      contrast: NeutralColorTokens[\"0\"],\n    },\n  },\n\n  feedback: {\n    error: {\n      value: \"#c92a2a\",\n      contrast: \"#fff5f5\",\n    },\n    warning: {\n      value: \"#a65300\",\n      contrast: \"#fff4e6\",\n    },\n    success: {\n      value: \"#526b00\",\n      contrast: \"#f4fce3\",\n    },\n    info: {\n      value: \"#1864ab\",\n      contrast: \"#e7f5ff\",\n    },\n  },\n\n  overlay: \"rgba(0, 0, 0, 0.45)\",\n\n  white: NeutralColorTokens[\"0\"],\n  black: NeutralColorTokens[\"13\"],\n};\n\nexport const DarkColors: ThemeColors = {\n  primary: {\n    value: \"#FA9EA7\",\n    contrast: NeutralColorTokens[\"11\"],\n  },\n\n  accent: {\n    value: \"#f55d6b\",\n    contrast: NeutralColorTokens[\"11\"],\n  },\n\n  secondary: {\n    value: \"#3b2027\",\n    contrast: \"#FA9EA7\",\n  },\n\n  neutral: NeutralColorTokens,\n\n  surface: {\n    primary: {\n      value: NeutralColorTokens[\"11\"],\n      contrast: NeutralColorTokens[\"0\"],\n    },\n    secondary: {\n      value: NeutralColorTokens[\"10\"],\n      contrast: NeutralColorTokens[\"0\"],\n    },\n    elevated: {\n      value: NeutralColorTokens[\"9\"],\n      contrast: NeutralColorTokens[\"0\"],\n    },\n    inverse: {\n      value: NeutralColorTokens[\"0\"],\n      contrast: NeutralColorTokens[\"11\"],\n    },\n  },\n\n  text: {\n    primary: NeutralColorTokens[\"0\"],\n    secondary: NeutralColorTokens[\"2\"],\n    tertiary: NeutralColorTokens[\"6\"],\n    inverse: NeutralColorTokens[\"11\"],\n    disabled: NeutralColorTokens[\"7\"],\n  },\n\n  border: {\n    subtle: {\n      value: NeutralColorTokens[\"7\"],\n      contrast: NeutralColorTokens[\"6\"],\n    },\n    default: {\n      value: NeutralColorTokens[\"6\"],\n      contrast: NeutralColorTokens[\"2\"],\n    },\n    strong: {\n      value: NeutralColorTokens[\"5\"],\n      contrast: NeutralColorTokens[\"0\"],\n    },\n    focus: {\n      value: \"#FA9EA7\",\n      contrast: NeutralColorTokens[\"11\"],\n    },\n  },\n\n  feedback: {\n    error: {\n      value: \"#ff8787\",\n      contrast: \"#3b1515\",\n    },\n    warning: {\n      value: \"#ffc078\",\n      contrast: \"#3b250f\",\n    },\n    success: {\n      value: \"#c0eb75\",\n      contrast: \"#26320f\",\n    },\n    info: {\n      value: \"#74c0fc\",\n      contrast: \"#102a43\",\n    },\n  },\n\n  overlay: \"rgba(0, 0, 0, 0.65)\",\n\n  white: NeutralColorTokens[\"0\"],\n  black: NeutralColorTokens[\"13\"],\n};\n\nexport function createComponentsTokens(\n  tokens: PrimitiveThemeTokens,\n): ComponentsTokens {\n  return {\n    carousel: createCarouselTokens(tokens),\n    accordion: createAccordionTokens(tokens),\n    avatar: createAvatarTokens(tokens),\n    badge: createBadgeTokens(tokens),\n    button: createButtonTokens(tokens),\n    card: createCardTokens(tokens),\n    list: createListTokens(tokens),\n    checkbox: createCheckboxTokens(tokens),\n    iconButton: createIconButtonTokens(tokens),\n    icon: createIconTokens(),\n    pagination: createPaginationTokens(tokens),\n    pressable: createPressableTokens(),\n    progress: createProgressTokens(tokens),\n    radio: createRadioTokens(tokens),\n    tag: createTagTokens(tokens),\n    controlAddon: createControlAddonTokens(tokens),\n    controlContainer: createControlContainerTokens(tokens),\n    controlError: createControlErrorTokens(tokens),\n    controlInput: createControlInputTokens(tokens),\n    controlLabel: createControlLabelTokens(tokens),\n    select: createSelectTokens(tokens),\n    segmentedControl: createSegmentedControlTokens(tokens),\n    datetimePicker: createDatetimePickerTokens(tokens),\n    divider: createDividerTokens(tokens),\n    timePicker: createTimePickerTokens(tokens),\n    flyout: createFlyoutTokens(tokens),\n    skeleton: createSkeletonTokens(tokens),\n    slider: createSliderTokens(tokens),\n    spinner: createSpinnerTokens(tokens),\n    stepper: createStepperTokens(tokens),\n    switch: createSwitchTokens(tokens),\n    textarea: createTextareaTokens(tokens),\n    dataState: createDataStateTokens(tokens),\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/types/accordion-tokens.types.d.mts

@@ -1,3 +1,12 @@
+import { VisualStateTokens, ControlVisualState } from './components.types.mjs';
+
+interface AccordionTriggerAppearanceTokens {
+    backgroundColor: string;
+    iconColor: string;
+    opacity: number;
+    pressedOpacity: number;
+    titleColor: string;
+}
 interface AccordionTokens {
     animationDuration: number;
     backgroundColor: string;
@@ -8,21 +17,16 @@ interface AccordionTokens {
         paddingBottom: number;
         paddingHorizontal: number;
     };
-    disabledColor: string;
-    disabledOpacity: number;
     dividerColor: string;
     dividerWidth: number;
-    focusBackgroundColor: string;
-    iconColor: string;
     iconSize: number;
-    pressedOpacity: number;
-    titleColor: string;
     trigger: {
         gap: number;
         minHeight: number;
         paddingHorizontal: number;
         paddingVertical: number;
+        states: VisualStateTokens<ControlVisualState, AccordionTriggerAppearanceTokens>;
     };
 }
 
-export type { AccordionTokens };
+export type { AccordionTokens, AccordionTriggerAppearanceTokens };

package/dist/types/avatar-tokens.types.d.mts

@@ -1,4 +1,4 @@
-import { ComponentSize, ComponentVariant } from './components.types.mjs';
+import { ComponentSize, DisplayVariant } from './components.types.mjs';
 
 type AvatarStatus = "online" | "offline" | "away" | "busy";
 interface AvatarSizeTokens {
@@ -18,7 +18,7 @@ interface AvatarTokens {
     sizes: Record<ComponentSize, AvatarSizeTokens>;
     statusBorderColor: string;
     statusColors: Record<AvatarStatus, string>;
-    variants: Record<ComponentVariant, AvatarVariantTokens>;
+    variants: Record<DisplayVariant, AvatarVariantTokens>;
 }
 
 export type { AvatarSizeTokens, AvatarStatus, AvatarTokens, AvatarVariantTokens };

package/dist/types/badge-tokens.types.d.mts

@@ -1,4 +1,4 @@
-import { ComponentSize, ComponentVariant } from './components.types.mjs';
+import { ComponentSize, DisplayVariant } from './components.types.mjs';
 
 type BadgeTone = "primary" | "secondary" | "neutral" | "error" | "warning" | "success" | "info";
 interface BadgeSizeTokens {
@@ -14,7 +14,7 @@ interface BadgeVariantTokens {
     borderColor: string;
     color: string;
 }
-type BadgeColorTokens = Record<ComponentVariant, BadgeVariantTokens>;
+type BadgeColorTokens = Record<DisplayVariant, BadgeVariantTokens>;
 interface BadgeTokens {
     addonHitSlop: number;
     borderRadius: number;

package/dist/types/buttons-tokens.types.d.mts

@@ -1,4 +1,4 @@
-import { ComponentSize, ComponentVariant } from './components.types.mjs';
+import { ComponentSize, ActionVariant, VisualStateTokens, ActionVisualState } from './components.types.mjs';
 
 type ButtonSizeTokens = Record<ComponentSize, {
     height: number;
@@ -10,22 +10,13 @@ type IconButtonSizeTokens = Record<ComponentSize, {
     size: number;
     padding: number;
 }>;
-type ButtonVariantTokens = Record<ComponentVariant, {
+interface ActionAppearanceTokens {
     backgroundColor: string;
     borderColor: string;
     color: string;
-    disabledBackgroundColor: string;
-    disabledBorderColor: string;
-    disabledColor: string;
-}>;
-type IconButtonVariantTokens = Record<ComponentVariant, {
-    backgroundColor: string;
-    borderColor: string;
-    color: string;
-    disabledBackgroundColor: string;
-    disabledBorderColor: string;
-    disabledColor: string;
-}>;
+}
+type ButtonVariantTokens = Record<ActionVariant, VisualStateTokens<ActionVisualState, ActionAppearanceTokens>>;
+type IconButtonVariantTokens = Record<ActionVariant, VisualStateTokens<ActionVisualState, ActionAppearanceTokens>>;
 interface ButtonTokens {
     borderWidth: number;
     borderRadius: number;
@@ -39,4 +30,4 @@ interface IconButtonTokens {
     variants: IconButtonVariantTokens;
 }
 
-export type { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens };
+export type { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens };

package/dist/types/carousel-tokens.types.d.mts

@@ -0,0 +1,28 @@
+import { VisualStateTokens, SelectionVisualState, AvailabilityVisualState } from './components.types.mjs';
+
+interface CarouselIndicatorAppearanceTokens {
+    backgroundColor: string;
+}
+interface CarouselCounterAppearanceTokens {
+    color: string;
+}
+interface CarouselTokens {
+    gap: number;
+    slideGap: number;
+    borderRadius: number;
+    indicatorGap: number;
+    indicator: {
+        borderRadius: number;
+        targetSize: number;
+        variants: Record<"dots" | "segments", {
+            width: number;
+            height: number;
+        }>;
+        states: VisualStateTokens<SelectionVisualState, CarouselIndicatorAppearanceTokens>;
+    };
+    counter: {
+        states: VisualStateTokens<AvailabilityVisualState, CarouselCounterAppearanceTokens>;
+    };
+}
+
+export type { CarouselCounterAppearanceTokens, CarouselIndicatorAppearanceTokens, CarouselTokens };

package/dist/types/carousel-tokens.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=carousel-tokens.types.js.map

package/dist/types/checkbox-tokens.types.d.mts

@@ -1,25 +1,21 @@
-import { ComponentSize, ComponentVariant } from './components.types.mjs';
+import { ComponentSize, SelectionVariant, VisualStateTokens, SelectionVisualState } from './components.types.mjs';
 
 type CheckboxSizeTokens = Record<ComponentSize, {
     size: number;
     iconSize: number;
     hitSlop: number;
 }>;
-type CheckboxVariantTokens = Record<ComponentVariant, {
+interface CheckboxAppearanceTokens {
     backgroundColor: string;
     borderColor: string;
     color: string;
-}>;
+}
+type CheckboxVariantTokens = Record<SelectionVariant, VisualStateTokens<SelectionVisualState, CheckboxAppearanceTokens>>;
 interface CheckboxTokens {
     borderWidth: number;
     borderRadius: number;
-    uncheckedBackgroundColor: string;
-    uncheckedBorderColor: string;
-    disabledBackgroundColor: string;
-    disabledBorderColor: string;
-    disabledColor: string;
     sizes: CheckboxSizeTokens;
     variants: CheckboxVariantTokens;
 }
 
-export type { CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens };
+export type { CheckboxAppearanceTokens, CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens };

package/dist/types/components.types.d.mts

@@ -1,4 +1,38 @@
 type ComponentSize = "small" | "medium" | "large";
-type ComponentVariant = "filled" | "outlined" | "soft" | "ghost" | "plain";
+type VisualStateTokens<VisualState extends PropertyKey, Tokens> = Record<VisualState, Tokens>;
+type ControlVisualState = "default" | "focused" | "disabled";
+interface ControlState {
+    disabled?: boolean;
+    focused?: boolean;
+}
+type ActionVisualState = "default" | "loading" | "disabled";
+interface ActionState {
+    disabled?: boolean;
+    loading?: boolean;
+}
+type AvailabilityVisualState = "default" | "disabled";
+interface AvailabilityState {
+    disabled?: boolean;
+}
+type FieldVisualState = "default" | "error" | "disabled" | "disabledError";
+interface FieldState {
+    disabled?: boolean;
+    error?: boolean;
+}
+type SelectionVisualState = "unselected" | "selected" | "disabledUnselected" | "disabledSelected";
+interface SelectionState {
+    disabled?: boolean;
+    selected: boolean;
+}
+type SelectionItemVisualState = "default" | "selected";
+interface SelectionItemState {
+    selected: boolean;
+}
+type ActionVariant = "filled" | "outlined" | "soft" | "ghost";
+type DisplayVariant = "filled" | "outlined" | "soft";
+type FieldVariant = "filled" | "outlined";
+type SelectionVariant = "filled" | "outlined" | "soft";
+/** @deprecated Use the variant type for the relevant component family. */
+type ComponentVariant = ActionVariant;
 
-export type { ComponentSize, ComponentVariant };
+export type { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens };

package/dist/types/control-tokens.types.d.mts

@@ -0,0 +1,57 @@
+import { FieldVariant, VisualStateTokens, FieldVisualState, ComponentSize } from './components.types.mjs';
+
+interface ControlAddonAppearanceTokens {
+    iconColor: string;
+}
+type ControlAddonVariantTokens = Record<FieldVariant, VisualStateTokens<FieldVisualState, ControlAddonAppearanceTokens>>;
+interface ControlAddonTokens {
+    marginHorizontal: number;
+    hitSlop: number;
+    variants: ControlAddonVariantTokens;
+}
+type ControlContainerSizeTokens = Record<ComponentSize, {
+    height: number;
+    paddingHorizontal: number;
+}>;
+interface ControlContainerAppearanceTokens {
+    backgroundColor: string;
+    borderColor: string;
+    opacity: number;
+}
+type ControlContainerVariantTokens = Record<FieldVariant, VisualStateTokens<FieldVisualState, ControlContainerAppearanceTokens>>;
+interface ControlContainerTokens {
+    borderWidth: number;
+    borderRadius: number;
+    sizes: ControlContainerSizeTokens;
+    variants: ControlContainerVariantTokens;
+}
+interface ControlErrorTokens {
+    marginTop: number;
+    color: string;
+    fontSize: number;
+}
+type ControlInputSizeTokens = Record<ComponentSize, {
+    fontSize: number;
+}>;
+interface ControlInputAppearanceTokens {
+    color: string;
+    placeholderColor: string;
+}
+type ControlInputVariantTokens = Record<FieldVariant, VisualStateTokens<FieldVisualState, ControlInputAppearanceTokens>>;
+interface ControlInputTokens {
+    flex: number;
+    fontFamily: string;
+    paddingHorizontal: number;
+    sizes: ControlInputSizeTokens;
+    variants: ControlInputVariantTokens;
+}
+interface ControlLabelAppearanceTokens {
+    color: string;
+}
+interface ControlLabelTokens {
+    marginBottom: number;
+    fontSize: number;
+    states: VisualStateTokens<FieldVisualState, ControlLabelAppearanceTokens>;
+}
+
+export type { ControlAddonAppearanceTokens, ControlAddonTokens, ControlAddonVariantTokens, ControlContainerAppearanceTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputAppearanceTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelAppearanceTokens, ControlLabelTokens };

package/dist/types/control-tokens.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=control-tokens.types.js.map

package/dist/types/control-tokens.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/datetime-picker-tokens.types.d.mts

@@ -1,16 +1,23 @@
+import { VisualStateTokens } from './components.types.mjs';
+
+type DatetimePickerDayVisualState = "default" | "outsideMonth" | "range" | "selected";
+interface DatetimePickerDayState {
+    currentMonth?: boolean;
+    inRange?: boolean;
+    selected?: boolean;
+}
 interface DatetimePickerCalendarTokens {
     dayNamesMarginBottom: number;
     weeksGap: number;
 }
+interface DatetimePickerDayAppearanceTokens {
+    backgroundColor: string;
+    color: string;
+}
 interface DatetimePickerDayTokens {
     size: number;
     borderRadius: number;
-    color: string;
-    outsideMonthColor: string;
-    selectedBackgroundColor: string;
-    selectedColor: string;
-    rangeBackgroundColor: string;
-    rangeColor: string;
+    states: VisualStateTokens<DatetimePickerDayVisualState, DatetimePickerDayAppearanceTokens>;
 }
 interface DatetimePickerFlyoutActionsTokens {
     gap: number;
@@ -44,4 +51,4 @@ interface DatetimePickerTokens {
     visibleDateSelect: DatetimePickerVisibleDateSelectTokens;
 }
 
-export type { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayTokens, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens };
+export type { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayAppearanceTokens, DatetimePickerDayState, DatetimePickerDayTokens, DatetimePickerDayVisualState, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens };

package/dist/types/divider-tokens.types.d.mts

@@ -1,8 +1,25 @@
 type DividerTone = "subtle" | "default" | "strong" | "primary" | "inverse";
+type DividerTokenOrientation = "horizontal" | "vertical";
+type DividerTokenInset = "none" | "start" | "end" | "both";
+interface DividerLayoutTokens {
+    height?: number;
+    marginBottom: number;
+    marginEnd: number;
+    marginStart: number;
+    marginTop: number;
+    width?: number;
+}
 interface DividerTokens {
     colors: Record<DividerTone, string>;
-    inset: number;
-    thickness: number;
+    layouts: Record<DividerTokenOrientation, Record<DividerTokenInset, DividerLayoutTokens>>;
+}
+interface DividerTokenState {
+    inset: DividerTokenInset;
+    orientation: DividerTokenOrientation;
+    tone: DividerTone;
 }
+type ResolvedDividerTokens = DividerLayoutTokens & {
+    backgroundColor: string;
+};
 
-export type { DividerTokens, DividerTone };
+export type { DividerLayoutTokens, DividerTokenInset, DividerTokenOrientation, DividerTokenState, DividerTokens, DividerTone, ResolvedDividerTokens };