@impulse-ui-native/theme 2.7.0 → 2.8.0

package/dist/theme/create-progress-tokens.d.mts

@@ -0,0 +1,29 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { ProgressTokens } from '../types/progress-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
+import '../types/components.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/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/pressable-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
+import '../types/switch-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/textarea-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createProgressTokens(tokens: PrimitiveThemeTokens): ProgressTokens;
+
+export { createProgressTokens };

package/dist/theme/create-progress-tokens.js

@@ -0,0 +1,46 @@
+function createProgressTokens(tokens) {
+  return {
+    animationDuration: 1e3,
+    borderRadius: tokens.radii.round,
+    indeterminateLinearWidth: 0.4,
+    sizes: {
+      small: {
+        linearHeight: 4,
+        circularSize: 24,
+        circularStrokeWidth: 3
+      },
+      medium: {
+        linearHeight: 6,
+        circularSize: 32,
+        circularStrokeWidth: 4
+      },
+      large: {
+        linearHeight: 8,
+        circularSize: 40,
+        circularStrokeWidth: 5
+      }
+    },
+    colors: {
+      primary: {
+        indicatorColor: tokens.colors.primary.value,
+        trackColor: tokens.colors.secondary.value
+      },
+      secondary: {
+        indicatorColor: tokens.colors.text.secondary,
+        trackColor: tokens.colors.border.subtle.value
+      },
+      neutral: {
+        indicatorColor: tokens.colors.neutral["7"],
+        trackColor: tokens.colors.neutral["4"]
+      },
+      inverse: {
+        indicatorColor: tokens.colors.text.inverse,
+        trackColor: tokens.colors.neutral["9"]
+      }
+    }
+  };
+}
+export {
+  createProgressTokens
+};
+//# sourceMappingURL=create-progress-tokens.js.map

package/dist/theme/create-progress-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-progress-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, ProgressTokens } from \"../types\";\n\nexport function createProgressTokens(\n  tokens: PrimitiveThemeTokens,\n): ProgressTokens {\n  return {\n    animationDuration: 1000,\n    borderRadius: tokens.radii.round,\n    indeterminateLinearWidth: 0.4,\n    sizes: {\n      small: {\n        linearHeight: 4,\n        circularSize: 24,\n        circularStrokeWidth: 3,\n      },\n      medium: {\n        linearHeight: 6,\n        circularSize: 32,\n        circularStrokeWidth: 4,\n      },\n      large: {\n        linearHeight: 8,\n        circularSize: 40,\n        circularStrokeWidth: 5,\n      },\n    },\n    colors: {\n      primary: {\n        indicatorColor: tokens.colors.primary.value,\n        trackColor: tokens.colors.secondary.value,\n      },\n      secondary: {\n        indicatorColor: tokens.colors.text.secondary,\n        trackColor: tokens.colors.border.subtle.value,\n      },\n      neutral: {\n        indicatorColor: tokens.colors.neutral[\"7\"],\n        trackColor: tokens.colors.neutral[\"4\"],\n      },\n      inverse: {\n        indicatorColor: tokens.colors.text.inverse,\n        trackColor: tokens.colors.neutral[\"9\"],\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,qBACd,QACgB;AAChB,SAAO;AAAA,IACL,mBAAmB;AAAA,IACnB,cAAc,OAAO,MAAM;AAAA,IAC3B,0BAA0B;AAAA,IAC1B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,cAAc;AAAA,QACd,cAAc;AAAA,QACd,qBAAqB;AAAA,MACvB;AAAA,MACA,QAAQ;AAAA,QACN,cAAc;AAAA,QACd,cAAc;AAAA,QACd,qBAAqB;AAAA,MACvB;AAAA,MACA,OAAO;AAAA,QACL,cAAc;AAAA,QACd,cAAc;AAAA,QACd,qBAAqB;AAAA,MACvB;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,gBAAgB,OAAO,OAAO,QAAQ;AAAA,QACtC,YAAY,OAAO,OAAO,UAAU;AAAA,MACtC;AAAA,MACA,WAAW;AAAA,QACT,gBAAgB,OAAO,OAAO,KAAK;AAAA,QACnC,YAAY,OAAO,OAAO,OAAO,OAAO;AAAA,MAC1C;AAAA,MACA,SAAS;AAAA,QACP,gBAAgB,OAAO,OAAO,QAAQ,GAAG;AAAA,QACzC,YAAY,OAAO,OAAO,QAAQ,GAAG;AAAA,MACvC;AAAA,MACA,SAAS;AAAA,QACP,gBAAgB,OAAO,OAAO,KAAK;AAAA,QACnC,YAAY,OAAO,OAAO,QAAQ,GAAG;AAAA,MACvC;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/theme/create-radio-tokens.d.mts

@@ -2,13 +2,19 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { RadioTokens } from '../types/radio-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/components.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/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/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/theme/create-select-tokens.d.mts

@@ -3,13 +3,19 @@ import { SelectTokens } from '../types/select-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/components.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/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/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';

package/dist/theme/create-skeleton-tokens.d.mts

@@ -3,13 +3,19 @@ import { SkeletonTokens } from '../types/skeleton-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/components.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/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/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';

package/dist/theme/create-spinner-tokens.d.mts

@@ -0,0 +1,29 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { SpinnerTokens } from '../types/spinner-tokens.types.mjs';
+import '../types/checkbox-tokens.types.mjs';
+import '../types/components.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/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/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/stepper-tokens.types.mjs';
+import '../types/switch-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/textarea-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createSpinnerTokens(tokens: PrimitiveThemeTokens): SpinnerTokens;
+
+export { createSpinnerTokens };

package/dist/theme/create-spinner-tokens.js

@@ -0,0 +1,20 @@
+function createSpinnerTokens(tokens) {
+  return {
+    baseSize: 20,
+    sizes: {
+      small: 16,
+      medium: 20,
+      large: 24
+    },
+    colors: {
+      primary: tokens.colors.primary.value,
+      secondary: tokens.colors.secondary.value,
+      neutral: tokens.colors.text.secondary,
+      inverse: tokens.colors.text.inverse
+    }
+  };
+}
+export {
+  createSpinnerTokens
+};
+//# sourceMappingURL=create-spinner-tokens.js.map

package/dist/theme/create-spinner-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-spinner-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SpinnerTokens } from \"../types\";\n\nexport function createSpinnerTokens(\n  tokens: PrimitiveThemeTokens,\n): SpinnerTokens {\n  return {\n    baseSize: 20,\n    sizes: {\n      small: 16,\n      medium: 20,\n      large: 24,\n    },\n    colors: {\n      primary: tokens.colors.primary.value,\n      secondary: tokens.colors.secondary.value,\n      neutral: tokens.colors.text.secondary,\n      inverse: tokens.colors.text.inverse,\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,UAAU;AAAA,IACV,OAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,OAAO,OAAO,QAAQ;AAAA,MAC/B,WAAW,OAAO,OAAO,UAAU;AAAA,MACnC,SAAS,OAAO,OAAO,KAAK;AAAA,MAC5B,SAAS,OAAO,OAAO,KAAK;AAAA,IAC9B;AAAA,EACF;AACF;","names":[]}

package/dist/theme/create-stepper-tokens.d.mts

@@ -3,13 +3,19 @@ import { StepperTokens } from '../types/stepper-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/components.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/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/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/switch-tokens.types.mjs';

package/dist/theme/create-switch-tokens.d.mts

@@ -3,13 +3,19 @@ import { SwitchTokens } from '../types/switch-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/components.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/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/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/theme/create-tag-tokens.d.mts

@@ -3,13 +3,19 @@ import { TagTokens } from '../types/tag-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/components.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/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/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/theme/create-textarea-tokens.d.mts

@@ -3,13 +3,19 @@ import { TextareaTokens } from '../types/textarea-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/components.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/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/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/theme/create-time-picker-tokens.d.mts

@@ -3,13 +3,19 @@ import { TimePickerTokens } from '../types/time-picker-token.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/components.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/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/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/theme/dark.theme.d.mts

@@ -2,13 +2,19 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/components.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/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/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/theme/index.d.mts

@@ -5,13 +5,19 @@ import '../types/theme-provider.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/components.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/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/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/theme/light.theme.d.mts

@@ -2,13 +2,19 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
 import '../types/components.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/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/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

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

@@ -4,13 +4,19 @@ import { ThemeColors, PrimitiveThemeTokens, ComponentsTokens } from '../types/th
 import '../types/checkbox-tokens.types.mjs';
 import '../types/components.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/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/pressable-tokens.types.mjs';
+import '../types/progress-tokens.types.mjs';
+import '../types/spinner-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/stepper-tokens.types.mjs';

package/dist/theme/tokens.theme.js

@@ -1,4 +1,7 @@
+import { createAccordionTokens } from "./create-accordion-tokens";
+import { createAvatarTokens } from "./create-avatar-tokens";
 import { createButtonTokens } from "./create-button-tokens";
+import { createCardTokens } from "./create-card-tokens";
 import { createCheckboxTokens } from "./create-checkbox-tokens";
 import {
   createControlAddonTokens,
@@ -9,13 +12,16 @@ import {
 } from "./create-control-tokens";
 import { createDataStateTokens } from "./create-data-state-tokens";
 import { createDatetimePickerTokens } from "./create-datetime-picker";
+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 { createPressableTokens } from "./create-pressable-tokens";
+import { createProgressTokens } from "./create-progress-tokens";
 import { createRadioTokens } from "./create-radio-tokens";
 import { createSelectTokens } from "./create-select-tokens";
 import { createSkeletonTokens } from "./create-skeleton-tokens";
+import { createSpinnerTokens } from "./create-spinner-tokens";
 import { createStepperTokens } from "./create-stepper-tokens";
 import { createSwitchTokens } from "./create-switch-tokens";
 import { createTagTokens } from "./create-tag-tokens";
@@ -240,11 +246,15 @@ const LightColors = {
 };
 function createComponentsTokens(tokens) {
   return {
+    accordion: createAccordionTokens(tokens),
+    avatar: createAvatarTokens(tokens),
     button: createButtonTokens(tokens),
+    card: createCardTokens(tokens),
     checkbox: createCheckboxTokens(tokens),
     iconButton: createIconButtonTokens(tokens),
     icon: createIconTokens(),
     pressable: createPressableTokens(),
+    progress: createProgressTokens(tokens),
     radio: createRadioTokens(tokens),
     tag: createTagTokens(tokens),
     controlAddon: createControlAddonTokens(tokens),
@@ -254,9 +264,11 @@ function createComponentsTokens(tokens) {
     controlLabel: createControlLabelTokens(tokens),
     select: createSelectTokens(tokens),
     datetimePicker: createDatetimePickerTokens(tokens),
+    divider: createDividerTokens(tokens),
     timePicker: createTimePickerTokens(tokens),
     flyout: createFlyoutTokens(tokens),
     skeleton: createSkeletonTokens(tokens),
+    spinner: createSpinnerTokens(tokens),
     stepper: createStepperTokens(tokens),
     switch: createSwitchTokens(tokens),
     textarea: createTextareaTokens(tokens),

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 { createButtonTokens } from \"./create-button-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 { 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 { createRadioTokens } from \"./create-radio-tokens\";\nimport { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-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    button: createButtonTokens(tokens),\n    checkbox: createCheckboxTokens(tokens),\n    iconButton: createIconButtonTokens(tokens),\n    icon: createIconTokens(),\n    pressable: createPressableTokens(),\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    timePicker: createTimePickerTokens(tokens),\n    flyout: createFlyoutTokens(tokens),\n    skeleton: createSkeletonTokens(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 {\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 { 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 { 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    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    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

@@ -0,0 +1,28 @@
+interface AccordionTokens {
+    animationDuration: number;
+    backgroundColor: string;
+    borderColor: string;
+    borderRadius: number;
+    borderWidth: number;
+    content: {
+        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;
+    };
+}
+
+export type { AccordionTokens };

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { ComponentSize, ComponentVariant } from './components.types.mjs';
+
+type AvatarStatus = "online" | "offline" | "away" | "busy";
+interface AvatarSizeTokens {
+    fontSize: number;
+    size: number;
+    statusBorderWidth: number;
+    statusSize: number;
+}
+interface AvatarVariantTokens {
+    backgroundColor: string;
+    borderColor: string;
+    color: string;
+}
+interface AvatarTokens {
+    borderWidth: number;
+    fontFamily: string;
+    sizes: Record<ComponentSize, AvatarSizeTokens>;
+    statusBorderColor: string;
+    statusColors: Record<AvatarStatus, string>;
+    variants: Record<ComponentVariant, AvatarVariantTokens>;
+}
+
+export type { AvatarSizeTokens, AvatarStatus, AvatarTokens, AvatarVariantTokens };

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

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

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

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

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

@@ -0,0 +1,16 @@
+interface CardSectionTokens {
+    gap: number;
+    padding: number;
+}
+interface CardTokens {
+    backgroundColor: string;
+    borderColor: string;
+    borderRadius: number;
+    borderWidth: number;
+    content: CardSectionTokens;
+    footer: CardSectionTokens;
+    header: CardSectionTokens;
+    mediaBackgroundColor: string;
+}
+
+export type { CardSectionTokens, CardTokens };

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

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

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

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

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

@@ -0,0 +1,8 @@
+type DividerTone = "subtle" | "default" | "strong" | "primary" | "inverse";
+interface DividerTokens {
+    colors: Record<DividerTone, string>;
+    inset: number;
+    thickness: number;
+}
+
+export type { DividerTokens, DividerTone };

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

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

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

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