@impulse-ui-native/theme 2.0.1 → 2.1.1

package/dist/theme/create-datetime-picker.js

@@ -0,0 +1,43 @@
+function createDatetimePickerTokens(tokens) {
+  return {
+    calendar: {
+      dayNamesMarginBottom: tokens.space.msm,
+      weeksGap: tokens.space.xxs
+    },
+    day: {
+      size: 40,
+      borderRadius: tokens.radii.sm,
+      color: tokens.colors.text.primary,
+      outsideMonthColor: tokens.colors.neutral["5"],
+      selectedBackgroundColor: tokens.colors.primary.value,
+      selectedColor: tokens.colors.primary.contrast,
+      rangeBackgroundColor: tokens.colors.secondary.value,
+      rangeColor: tokens.colors.secondary.contrast
+    },
+    datePickerFlyout: {
+      gap: tokens.space.msm
+    },
+    datetimePickerFlyout: {
+      gap: tokens.space.msm
+    },
+    datetimeRangePickerFlyout: {
+      gap: tokens.space.msm,
+      timeInputsGap: tokens.space.xs
+    },
+    flyoutActions: {
+      gap: tokens.space.msm,
+      buttonsGap: tokens.space.xs,
+      clearColor: tokens.colors.primary.value
+    },
+    quickDateOptions: {
+      gap: tokens.space.xs
+    },
+    visibleDateSelect: {
+      gap: tokens.space.xs
+    }
+  };
+}
+export {
+  createDatetimePickerTokens
+};
+//# sourceMappingURL=create-datetime-picker.js.map

package/dist/theme/create-datetime-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-datetime-picker.ts"],"sourcesContent":["import { DatetimePickerTokens, PrimitiveThemeTokens } from \"../types\";\r\n\r\nexport function createDatetimePickerTokens(\r\n  tokens: PrimitiveThemeTokens,\r\n): DatetimePickerTokens {\r\n  return {\r\n    calendar: {\r\n      dayNamesMarginBottom: tokens.space.msm,\r\n      weeksGap: tokens.space.xxs,\r\n    },\r\n    day: {\r\n      size: 40,\r\n      borderRadius: tokens.radii.sm,\r\n\r\n      color: tokens.colors.text.primary,\r\n      outsideMonthColor: tokens.colors.neutral[\"5\"],\r\n\r\n      selectedBackgroundColor: tokens.colors.primary.value,\r\n      selectedColor: tokens.colors.primary.contrast,\r\n\r\n      rangeBackgroundColor: tokens.colors.secondary.value,\r\n      rangeColor: tokens.colors.secondary.contrast,\r\n    },\r\n    datePickerFlyout: {\r\n      gap: tokens.space.msm,\r\n    },\r\n    datetimePickerFlyout: {\r\n      gap: tokens.space.msm,\r\n    },\r\n    datetimeRangePickerFlyout: {\r\n      gap: tokens.space.msm,\r\n      timeInputsGap: tokens.space.xs,\r\n    },\r\n    flyoutActions: {\r\n      gap: tokens.space.msm,\r\n      buttonsGap: tokens.space.xs,\r\n      clearColor: tokens.colors.primary.value,\r\n    },\r\n    quickDateOptions: {\r\n      gap: tokens.space.xs,\r\n    },\r\n    visibleDateSelect: {\r\n      gap: tokens.space.xs,\r\n    },\r\n  };\r\n}\r\n"],"mappings":"AAEO,SAAS,2BACd,QACsB;AACtB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,sBAAsB,OAAO,MAAM;AAAA,MACnC,UAAU,OAAO,MAAM;AAAA,IACzB;AAAA,IACA,KAAK;AAAA,MACH,MAAM;AAAA,MACN,cAAc,OAAO,MAAM;AAAA,MAE3B,OAAO,OAAO,OAAO,KAAK;AAAA,MAC1B,mBAAmB,OAAO,OAAO,QAAQ,GAAG;AAAA,MAE5C,yBAAyB,OAAO,OAAO,QAAQ;AAAA,MAC/C,eAAe,OAAO,OAAO,QAAQ;AAAA,MAErC,sBAAsB,OAAO,OAAO,UAAU;AAAA,MAC9C,YAAY,OAAO,OAAO,UAAU;AAAA,IACtC;AAAA,IACA,kBAAkB;AAAA,MAChB,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,IACA,sBAAsB;AAAA,MACpB,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,IACA,2BAA2B;AAAA,MACzB,KAAK,OAAO,MAAM;AAAA,MAClB,eAAe,OAAO,MAAM;AAAA,IAC9B;AAAA,IACA,eAAe;AAAA,MACb,KAAK,OAAO,MAAM;AAAA,MAClB,YAAY,OAAO,MAAM;AAAA,MACzB,YAAY,OAAO,OAAO,QAAQ;AAAA,IACpC;AAAA,IACA,kBAAkB;AAAA,MAChB,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,IACA,mBAAmB;AAAA,MACjB,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,16 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { FlyoutTokens } from '../types/flyout-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createFlyoutTokens(tokens: PrimitiveThemeTokens): FlyoutTokens;
+
+export { createFlyoutTokens };

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

@@ -0,0 +1,27 @@
+function createFlyoutTokens(tokens) {
+  return {
+    zIndexBase: 100,
+    maxHeightRatio: 0.7,
+    overlayColor: tokens.colors.black,
+    overlayVisibleOpacity: 0.4,
+    backgroundColor: tokens.colors.surface.secondary.value,
+    contentPaddingHorizontal: tokens.space.md,
+    borderRadius: tokens.radii.xl,
+    hiddenOpacity: 0,
+    title: {
+      paddingVertical: tokens.space.msm,
+      paddingHorizontal: tokens.space.md
+    },
+    handle: {
+      containerHeight: 32,
+      width: "25%",
+      height: 6,
+      borderRadius: tokens.radii.round,
+      backgroundColor: tokens.colors.surface.primary.value
+    }
+  };
+}
+export {
+  createFlyoutTokens
+};
+//# sourceMappingURL=create-flyout-tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-flyout-tokens.ts"],"sourcesContent":["import { FlyoutTokens, PrimitiveThemeTokens } from \"../types\";\r\n\r\nexport function createFlyoutTokens(tokens: PrimitiveThemeTokens): FlyoutTokens {\r\n  return {\r\n    zIndexBase: 100,\r\n\r\n    maxHeightRatio: 0.7,\r\n\r\n    overlayColor: tokens.colors.black,\r\n    overlayVisibleOpacity: 0.4,\r\n\r\n    backgroundColor: tokens.colors.surface.secondary.value,\r\n    contentPaddingHorizontal: tokens.space.md,\r\n\r\n    borderRadius: tokens.radii.xl,\r\n\r\n    hiddenOpacity: 0,\r\n\r\n    title: {\r\n      paddingVertical: tokens.space.msm,\r\n      paddingHorizontal: tokens.space.md,\r\n    },\r\n\r\n    handle: {\r\n      containerHeight: 32,\r\n      width: \"25%\",\r\n      height: 6,\r\n      borderRadius: tokens.radii.round,\r\n      backgroundColor: tokens.colors.surface.primary.value,\r\n    },\r\n  };\r\n}\r\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,SAAO;AAAA,IACL,YAAY;AAAA,IAEZ,gBAAgB;AAAA,IAEhB,cAAc,OAAO,OAAO;AAAA,IAC5B,uBAAuB;AAAA,IAEvB,iBAAiB,OAAO,OAAO,QAAQ,UAAU;AAAA,IACjD,0BAA0B,OAAO,MAAM;AAAA,IAEvC,cAAc,OAAO,MAAM;AAAA,IAE3B,eAAe;AAAA,IAEf,OAAO;AAAA,MACL,iBAAiB,OAAO,MAAM;AAAA,MAC9B,mBAAmB,OAAO,MAAM;AAAA,IAClC;AAAA,IAEA,QAAQ;AAAA,MACN,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc,OAAO,MAAM;AAAA,MAC3B,iBAAiB,OAAO,OAAO,QAAQ,QAAQ;AAAA,IACjD;AAAA,EACF;AACF;","names":[]}

package/dist/theme/create-icon-button-tokens.d.mts

@@ -0,0 +1,16 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { IconButtonTokens } from '../types/buttons-tokens.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/components.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createIconButtonTokens(tokens: PrimitiveThemeTokens): IconButtonTokens;
+
+export { createIconButtonTokens };

package/dist/theme/create-icon-button-tokens.js

@@ -0,0 +1,72 @@
+function createIconButtonTokens(tokens) {
+  const primary = tokens.colors.primary.value;
+  const primaryContrast = tokens.colors.primary.contrast;
+  const secondary = tokens.colors.secondary.value;
+  const secondaryContrast = tokens.colors.secondary.contrast;
+  const neutral = tokens.colors.neutral;
+  const disabledColor = tokens.colors.text.disabled;
+  return {
+    borderWidth: tokens.borderSize.sm,
+    borderRadius: tokens.radii.md,
+    sizes: {
+      small: {
+        size: 32,
+        padding: 6
+      },
+      medium: {
+        size: 40,
+        padding: 8
+      },
+      large: {
+        size: 48,
+        padding: 10
+      }
+    },
+    variants: {
+      filled: {
+        backgroundColor: primary,
+        borderColor: primary,
+        color: primaryContrast,
+        disabledBackgroundColor: neutral["5"],
+        disabledBorderColor: neutral["5"],
+        disabledColor
+      },
+      outlined: {
+        backgroundColor: "transparent",
+        borderColor: primary,
+        color: primary,
+        disabledBackgroundColor: "transparent",
+        disabledBorderColor: neutral["5"],
+        disabledColor
+      },
+      soft: {
+        backgroundColor: secondary,
+        borderColor: secondary,
+        color: secondaryContrast,
+        disabledBackgroundColor: neutral["3"],
+        disabledBorderColor: neutral["3"],
+        disabledColor
+      },
+      ghost: {
+        backgroundColor: "transparent",
+        borderColor: "transparent",
+        color: primary,
+        disabledBackgroundColor: "transparent",
+        disabledBorderColor: "transparent",
+        disabledColor
+      },
+      plain: {
+        backgroundColor: "transparent",
+        borderColor: "transparent",
+        color: primary,
+        disabledBackgroundColor: "transparent",
+        disabledBorderColor: "transparent",
+        disabledColor
+      }
+    }
+  };
+}
+export {
+  createIconButtonTokens
+};
+//# sourceMappingURL=create-icon-button-tokens.js.map

package/dist/theme/create-icon-button-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-icon-button-tokens.ts"],"sourcesContent":["import { IconButtonTokens, PrimitiveThemeTokens } from \"../types\";\r\n\r\nexport function createIconButtonTokens(\r\n  tokens: PrimitiveThemeTokens,\r\n): IconButtonTokens {\r\n  const primary = tokens.colors.primary.value;\r\n  const primaryContrast = tokens.colors.primary.contrast;\r\n\r\n  const secondary = tokens.colors.secondary.value;\r\n  const secondaryContrast = tokens.colors.secondary.contrast;\r\n\r\n  const neutral = tokens.colors.neutral;\r\n  const disabledColor = tokens.colors.text.disabled;\r\n\r\n  return {\r\n    borderWidth: tokens.borderSize.sm,\r\n    borderRadius: tokens.radii.md,\r\n\r\n    sizes: {\r\n      small: {\r\n        size: 32,\r\n        padding: 6,\r\n      },\r\n      medium: {\r\n        size: 40,\r\n        padding: 8,\r\n      },\r\n      large: {\r\n        size: 48,\r\n        padding: 10,\r\n      },\r\n    },\r\n\r\n    variants: {\r\n      filled: {\r\n        backgroundColor: primary,\r\n        borderColor: primary,\r\n        color: primaryContrast,\r\n\r\n        disabledBackgroundColor: neutral[\"5\"],\r\n        disabledBorderColor: neutral[\"5\"],\r\n        disabledColor,\r\n      },\r\n\r\n      outlined: {\r\n        backgroundColor: \"transparent\",\r\n        borderColor: primary,\r\n        color: primary,\r\n\r\n        disabledBackgroundColor: \"transparent\",\r\n        disabledBorderColor: neutral[\"5\"],\r\n        disabledColor,\r\n      },\r\n\r\n      soft: {\r\n        backgroundColor: secondary,\r\n        borderColor: secondary,\r\n        color: secondaryContrast,\r\n\r\n        disabledBackgroundColor: neutral[\"3\"],\r\n        disabledBorderColor: neutral[\"3\"],\r\n        disabledColor,\r\n      },\r\n\r\n      ghost: {\r\n        backgroundColor: \"transparent\",\r\n        borderColor: \"transparent\",\r\n        color: primary,\r\n\r\n        disabledBackgroundColor: \"transparent\",\r\n        disabledBorderColor: \"transparent\",\r\n        disabledColor,\r\n      },\r\n\r\n      plain: {\r\n        backgroundColor: \"transparent\",\r\n        borderColor: \"transparent\",\r\n        color: primary,\r\n\r\n        disabledBackgroundColor: \"transparent\",\r\n        disabledBorderColor: \"transparent\",\r\n        disabledColor,\r\n      },\r\n    },\r\n  };\r\n}\r\n"],"mappings":"AAEO,SAAS,uBACd,QACkB;AAClB,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAE9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAElD,QAAM,UAAU,OAAO,OAAO;AAC9B,QAAM,gBAAgB,OAAO,OAAO,KAAK;AAEzC,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAE3B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,QAEP,yBAAyB,QAAQ,GAAG;AAAA,QACpC,qBAAqB,QAAQ,GAAG;AAAA,QAChC;AAAA,MACF;AAAA,MAEA,UAAU;AAAA,QACR,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,QAEP,yBAAyB;AAAA,QACzB,qBAAqB,QAAQ,GAAG;AAAA,QAChC;AAAA,MACF;AAAA,MAEA,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,QAEP,yBAAyB,QAAQ,GAAG;AAAA,QACpC,qBAAqB,QAAQ,GAAG;AAAA,QAChC;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,QAEP,yBAAyB;AAAA,QACzB,qBAAqB;AAAA,QACrB;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,QAEP,yBAAyB;AAAA,QACzB,qBAAqB;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,16 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { SelectTokens } from '../types/select-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createSelectTokens(tokens: PrimitiveThemeTokens): SelectTokens;
+
+export { createSelectTokens };

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

@@ -0,0 +1,14 @@
+function createSelectTokens(tokens) {
+  return {
+    option: {
+      padding: tokens.space.sm,
+      selectedIconColor: tokens.colors.primary.value,
+      selectedIconVisibleOpacity: 1,
+      selectedIconHiddenOpacity: 0
+    }
+  };
+}
+export {
+  createSelectTokens
+};
+//# sourceMappingURL=create-select-tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-select-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, SelectTokens } from \"../types\";\r\n\r\nexport function createSelectTokens(tokens: PrimitiveThemeTokens): SelectTokens {\r\n  return {\r\n    option: {\r\n      padding: tokens.space.sm,\r\n      selectedIconColor: tokens.colors.primary.value,\r\n      selectedIconVisibleOpacity: 1,\r\n      selectedIconHiddenOpacity: 0,\r\n    },\r\n  };\r\n}\r\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,SAAS,OAAO,MAAM;AAAA,MACtB,mBAAmB,OAAO,OAAO,QAAQ;AAAA,MACzC,4BAA4B;AAAA,MAC5B,2BAA2B;AAAA,IAC7B;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,16 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { SkeletonTokens } from '../types/skeleton-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createSkeletonTokens(tokens: PrimitiveThemeTokens): SkeletonTokens;
+
+export { createSkeletonTokens };

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

@@ -0,0 +1,21 @@
+function createSkeletonTokens(tokens) {
+  const boneColor = tokens.colors.neutral["5"];
+  return {
+    bone: {
+      backgroundColor: boneColor,
+      borderColor: boneColor,
+      initialOpacity: 1,
+      animatedOpacity: 0.4,
+      animationDuration: 1e3
+    },
+    text: {
+      alignSelf: "flex-start",
+      textTransform: "uppercase",
+      opacity: 0
+    }
+  };
+}
+export {
+  createSkeletonTokens
+};
+//# sourceMappingURL=create-skeleton-tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-skeleton-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, SkeletonTokens } from \"../types\";\r\n\r\nexport function createSkeletonTokens(\r\n  tokens: PrimitiveThemeTokens,\r\n): SkeletonTokens {\r\n  const boneColor = tokens.colors.neutral[\"5\"];\r\n\r\n  return {\r\n    bone: {\r\n      backgroundColor: boneColor,\r\n      borderColor: boneColor,\r\n      initialOpacity: 1,\r\n      animatedOpacity: 0.4,\r\n      animationDuration: 1000,\r\n    },\r\n\r\n    text: {\r\n      alignSelf: \"flex-start\",\r\n      textTransform: \"uppercase\",\r\n      opacity: 0,\r\n    },\r\n  };\r\n}\r\n"],"mappings":"AAEO,SAAS,qBACd,QACgB;AAChB,QAAM,YAAY,OAAO,OAAO,QAAQ,GAAG;AAE3C,SAAO;AAAA,IACL,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,IACrB;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,MACX,eAAe;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,16 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { TagTokens } from '../types/tag-tokens.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createTagTokens(tokens: PrimitiveThemeTokens): TagTokens;
+
+export { createTagTokens };

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

@@ -0,0 +1,102 @@
+function createTagTokens(tokens) {
+  const neutral = tokens.colors.neutral;
+  const disabledColor = tokens.colors.text.disabled;
+  const createVariants = (value, contrast) => ({
+    filled: {
+      backgroundColor: value,
+      borderColor: value,
+      color: contrast,
+      disabledBackgroundColor: neutral["4"],
+      disabledBorderColor: neutral["6"],
+      disabledColor
+    },
+    outlined: {
+      backgroundColor: "transparent",
+      borderColor: value,
+      color: value,
+      disabledBackgroundColor: "transparent",
+      disabledBorderColor: neutral["6"],
+      disabledColor
+    },
+    soft: {
+      backgroundColor: contrast,
+      borderColor: contrast,
+      color: value,
+      disabledBackgroundColor: neutral["3"],
+      disabledBorderColor: neutral["3"],
+      disabledColor
+    },
+    ghost: {
+      backgroundColor: "transparent",
+      borderColor: "transparent",
+      color: value,
+      disabledBackgroundColor: "transparent",
+      disabledBorderColor: "transparent",
+      disabledColor
+    },
+    plain: {
+      backgroundColor: "transparent",
+      borderColor: "transparent",
+      color: value,
+      disabledBackgroundColor: "transparent",
+      disabledBorderColor: "transparent",
+      disabledColor
+    }
+  });
+  return {
+    borderWidth: tokens.borderSize.sm,
+    borderRadius: tokens.radii.round,
+    gap: tokens.space.xxs,
+    iconMarginLeft: tokens.borderSize.md,
+    sizes: {
+      small: {
+        height: 24,
+        paddingHorizontal: tokens.space.xs,
+        minWidth: tokens.space.xl,
+        fontSize: tokens.fontSize.xs
+      },
+      medium: {
+        height: 28,
+        paddingHorizontal: tokens.space.xs,
+        minWidth: tokens.space.xxl,
+        fontSize: tokens.fontSize.xsm
+      },
+      large: {
+        height: 32,
+        paddingHorizontal: tokens.space.mxs,
+        minWidth: tokens.space.xxl,
+        fontSize: tokens.fontSize.xsm
+      }
+    },
+    colors: {
+      primary: createVariants(
+        tokens.colors.primary.value,
+        tokens.colors.primary.contrast
+      ),
+      secondary: createVariants(
+        tokens.colors.secondary.value,
+        tokens.colors.secondary.contrast
+      ),
+      error: createVariants(
+        tokens.colors.feedback.error.value,
+        tokens.colors.feedback.error.contrast
+      ),
+      warning: createVariants(
+        tokens.colors.feedback.warning.value,
+        tokens.colors.feedback.warning.contrast
+      ),
+      success: createVariants(
+        tokens.colors.feedback.success.value,
+        tokens.colors.feedback.success.contrast
+      ),
+      info: createVariants(
+        tokens.colors.feedback.info.value,
+        tokens.colors.feedback.info.contrast
+      )
+    }
+  };
+}
+export {
+  createTagTokens
+};
+//# sourceMappingURL=create-tag-tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-tag-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TagTokens } from \"../types\";\r\n\r\nexport function createTagTokens(tokens: PrimitiveThemeTokens): TagTokens {\r\n  const neutral = tokens.colors.neutral;\r\n  const disabledColor = tokens.colors.text.disabled;\r\n\r\n  const createVariants = (value: string, contrast: string) => ({\r\n    filled: {\r\n      backgroundColor: value,\r\n      borderColor: value,\r\n      color: contrast,\r\n\r\n      disabledBackgroundColor: neutral[\"4\"],\r\n      disabledBorderColor: neutral[\"6\"],\r\n      disabledColor,\r\n    },\r\n\r\n    outlined: {\r\n      backgroundColor: \"transparent\",\r\n      borderColor: value,\r\n      color: value,\r\n\r\n      disabledBackgroundColor: \"transparent\",\r\n      disabledBorderColor: neutral[\"6\"],\r\n      disabledColor,\r\n    },\r\n\r\n    soft: {\r\n      backgroundColor: contrast,\r\n      borderColor: contrast,\r\n      color: value,\r\n\r\n      disabledBackgroundColor: neutral[\"3\"],\r\n      disabledBorderColor: neutral[\"3\"],\r\n      disabledColor,\r\n    },\r\n\r\n    ghost: {\r\n      backgroundColor: \"transparent\",\r\n      borderColor: \"transparent\",\r\n      color: value,\r\n\r\n      disabledBackgroundColor: \"transparent\",\r\n      disabledBorderColor: \"transparent\",\r\n      disabledColor,\r\n    },\r\n\r\n    plain: {\r\n      backgroundColor: \"transparent\",\r\n      borderColor: \"transparent\",\r\n      color: value,\r\n\r\n      disabledBackgroundColor: \"transparent\",\r\n      disabledBorderColor: \"transparent\",\r\n      disabledColor,\r\n    },\r\n  });\r\n\r\n  return {\r\n    borderWidth: tokens.borderSize.sm,\r\n    borderRadius: tokens.radii.round,\r\n    gap: tokens.space.xxs,\r\n    iconMarginLeft: tokens.borderSize.md,\r\n\r\n    sizes: {\r\n      small: {\r\n        height: 24,\r\n        paddingHorizontal: tokens.space.xs,\r\n        minWidth: tokens.space.xl,\r\n        fontSize: tokens.fontSize.xs,\r\n      },\r\n\r\n      medium: {\r\n        height: 28,\r\n        paddingHorizontal: tokens.space.xs,\r\n        minWidth: tokens.space.xxl,\r\n        fontSize: tokens.fontSize.xsm,\r\n      },\r\n\r\n      large: {\r\n        height: 32,\r\n        paddingHorizontal: tokens.space.mxs,\r\n        minWidth: tokens.space.xxl,\r\n        fontSize: tokens.fontSize.xsm,\r\n      },\r\n    },\r\n\r\n    colors: {\r\n      primary: createVariants(\r\n        tokens.colors.primary.value,\r\n        tokens.colors.primary.contrast,\r\n      ),\r\n\r\n      secondary: createVariants(\r\n        tokens.colors.secondary.value,\r\n        tokens.colors.secondary.contrast,\r\n      ),\r\n\r\n      error: createVariants(\r\n        tokens.colors.feedback.error.value,\r\n        tokens.colors.feedback.error.contrast,\r\n      ),\r\n\r\n      warning: createVariants(\r\n        tokens.colors.feedback.warning.value,\r\n        tokens.colors.feedback.warning.contrast,\r\n      ),\r\n\r\n      success: createVariants(\r\n        tokens.colors.feedback.success.value,\r\n        tokens.colors.feedback.success.contrast,\r\n      ),\r\n\r\n      info: createVariants(\r\n        tokens.colors.feedback.info.value,\r\n        tokens.colors.feedback.info.contrast,\r\n      ),\r\n    },\r\n  };\r\n}\r\n"],"mappings":"AAEO,SAAS,gBAAgB,QAAyC;AACvE,QAAM,UAAU,OAAO,OAAO;AAC9B,QAAM,gBAAgB,OAAO,OAAO,KAAK;AAEzC,QAAM,iBAAiB,CAAC,OAAe,cAAsB;AAAA,IAC3D,QAAQ;AAAA,MACN,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB,QAAQ,GAAG;AAAA,MACpC,qBAAqB,QAAQ,GAAG;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB;AAAA,MACzB,qBAAqB,QAAQ,GAAG;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB,QAAQ,GAAG;AAAA,MACpC,qBAAqB,QAAQ,GAAG;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB;AAAA,MACzB,qBAAqB;AAAA,MACrB;AAAA,IACF;AAAA,IAEA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB;AAAA,MACzB,qBAAqB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAC3B,KAAK,OAAO,MAAM;AAAA,IAClB,gBAAgB,OAAO,WAAW;AAAA,IAElC,OAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,QAChC,UAAU,OAAO,MAAM;AAAA,QACvB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MAEA,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,QAChC,UAAU,OAAO,MAAM;AAAA,QACvB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MAEA,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,QAChC,UAAU,OAAO,MAAM;AAAA,QACvB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,OAAO,OAAO,QAAQ;AAAA,QACtB,OAAO,OAAO,QAAQ;AAAA,MACxB;AAAA,MAEA,WAAW;AAAA,QACT,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,MAC1B;AAAA,MAEA,OAAO;AAAA,QACL,OAAO,OAAO,SAAS,MAAM;AAAA,QAC7B,OAAO,OAAO,SAAS,MAAM;AAAA,MAC/B;AAAA,MAEA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MAEA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MAEA,MAAM;AAAA,QACJ,OAAO,OAAO,SAAS,KAAK;AAAA,QAC5B,OAAO,OAAO,SAAS,KAAK;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,16 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import { TimePickerTokens } from '../types/time-picker-token.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare function createTimePickerTokens(tokens: PrimitiveThemeTokens): TimePickerTokens;
+
+export { createTimePickerTokens };

package/dist/theme/create-time-picker-tokens.js

@@ -0,0 +1,40 @@
+function createTimePickerTokens(tokens) {
+  const ItemHeight = 50;
+  const VisibleItems = 5;
+  const ContainerHeight = ItemHeight * VisibleItems;
+  const VerticalPadding = ContainerHeight / 2 - ItemHeight / 2;
+  const ColumnWidth = 70;
+  return {
+    column: {
+      width: ColumnWidth,
+      height: ContainerHeight,
+      gap: tokens.space.xxs,
+      listWidth: 30,
+      itemHeight: ItemHeight,
+      visibleItems: VisibleItems,
+      verticalPadding: VerticalPadding,
+      initialScrollIndexViewOffset: -VerticalPadding,
+      fontSize: tokens.fontSize.xl,
+      selectedColor: tokens.colors.primary.value,
+      color: tokens.colors.text.primary,
+      selectedFontWeight: tokens.fontWeight.semiBold,
+      fontWeight: tokens.fontWeight.regular
+    },
+    flyout: {
+      gap: tokens.space.msm
+    },
+    columns: {
+      height: ContainerHeight,
+      gap: tokens.space.xs,
+      indicatorHeight: ItemHeight,
+      indicatorWidth: ColumnWidth * 3 + 70,
+      indicatorTop: VerticalPadding,
+      indicatorBorderRadius: tokens.radii.round,
+      indicatorBackgroundColor: tokens.colors.surface.primary.value
+    }
+  };
+}
+export {
+  createTimePickerTokens
+};
+//# sourceMappingURL=create-time-picker-tokens.js.map

package/dist/theme/create-time-picker-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-time-picker-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TimePickerTokens } from \"../types\";\r\n\r\nexport function createTimePickerTokens(\r\n  tokens: PrimitiveThemeTokens,\r\n): TimePickerTokens {\r\n  const ItemHeight = 50;\r\n  const VisibleItems = 5;\r\n  const ContainerHeight = ItemHeight * VisibleItems;\r\n  const VerticalPadding = ContainerHeight / 2 - ItemHeight / 2;\r\n  const ColumnWidth = 70;\r\n\r\n  return {\r\n    column: {\r\n      width: ColumnWidth,\r\n      height: ContainerHeight,\r\n      gap: tokens.space.xxs,\r\n\r\n      listWidth: 30,\r\n      itemHeight: ItemHeight,\r\n      visibleItems: VisibleItems,\r\n      verticalPadding: VerticalPadding,\r\n      initialScrollIndexViewOffset: -VerticalPadding,\r\n\r\n      fontSize: tokens.fontSize.xl,\r\n      selectedColor: tokens.colors.primary.value,\r\n      color: tokens.colors.text.primary,\r\n      selectedFontWeight: tokens.fontWeight.semiBold,\r\n      fontWeight: tokens.fontWeight.regular,\r\n    },\r\n\r\n    flyout: {\r\n      gap: tokens.space.msm,\r\n    },\r\n\r\n    columns: {\r\n      height: ContainerHeight,\r\n      gap: tokens.space.xs,\r\n      indicatorHeight: ItemHeight,\r\n      indicatorWidth: ColumnWidth * 3 + 70,\r\n      indicatorTop: VerticalPadding,\r\n      indicatorBorderRadius: tokens.radii.round,\r\n      indicatorBackgroundColor: tokens.colors.surface.primary.value,\r\n    },\r\n  };\r\n}\r\n"],"mappings":"AAEO,SAAS,uBACd,QACkB;AAClB,QAAM,aAAa;AACnB,QAAM,eAAe;AACrB,QAAM,kBAAkB,aAAa;AACrC,QAAM,kBAAkB,kBAAkB,IAAI,aAAa;AAC3D,QAAM,cAAc;AAEpB,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK,OAAO,MAAM;AAAA,MAElB,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,8BAA8B,CAAC;AAAA,MAE/B,UAAU,OAAO,SAAS;AAAA,MAC1B,eAAe,OAAO,OAAO,QAAQ;AAAA,MACrC,OAAO,OAAO,OAAO,KAAK;AAAA,MAC1B,oBAAoB,OAAO,WAAW;AAAA,MACtC,YAAY,OAAO,WAAW;AAAA,IAChC;AAAA,IAEA,QAAQ;AAAA,MACN,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,IAEA,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,KAAK,OAAO,MAAM;AAAA,MAClB,iBAAiB;AAAA,MACjB,gBAAgB,cAAc,IAAI;AAAA,MAClC,cAAc;AAAA,MACd,uBAAuB,OAAO,MAAM;AAAA,MACpC,0BAA0B,OAAO,OAAO,QAAQ,QAAQ;AAAA,IAC1D;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,16 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare const DarkTheme: PrimitiveThemeTokens;
+
+export { DarkTheme };

package/dist/theme/dark.theme.js

@@ -0,0 +1,24 @@
+import {
+  BorderSizeTokens,
+  FontFamilyTokens,
+  FontSizeTokens,
+  FontWeightTokens,
+  LightColors,
+  LineHeightTokens,
+  RadiiTokens,
+  SpaceTokens
+} from "./tokens.theme";
+const DarkTheme = {
+  colors: LightColors,
+  space: SpaceTokens,
+  radii: RadiiTokens,
+  fontFamily: FontFamilyTokens,
+  borderSize: BorderSizeTokens,
+  fontSize: FontSizeTokens,
+  fontWeight: FontWeightTokens,
+  lineHeight: LineHeightTokens
+};
+export {
+  DarkTheme
+};
+//# sourceMappingURL=dark.theme.js.map

package/dist/theme/dark.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/dark.theme.ts"],"sourcesContent":["import { PrimitiveThemeTokens } from \"../types\";\r\nimport {\r\n  BorderSizeTokens,\r\n  FontFamilyTokens,\r\n  FontSizeTokens,\r\n  FontWeightTokens,\r\n  LightColors,\r\n  LineHeightTokens,\r\n  RadiiTokens,\r\n  SpaceTokens,\r\n} from \"./tokens.theme\";\r\n\r\nexport const DarkTheme: PrimitiveThemeTokens = {\r\n  colors: LightColors,\r\n  space: SpaceTokens,\r\n  radii: RadiiTokens,\r\n  fontFamily: FontFamilyTokens,\r\n  borderSize: BorderSizeTokens,\r\n  fontSize: FontSizeTokens,\r\n  fontWeight: FontWeightTokens,\r\n  lineHeight: LineHeightTokens,\r\n};\r\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,YAAkC;AAAA,EAC7C,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AACd;","names":[]}

package/dist/theme/index.d.mts

@@ -0,0 +1,16 @@
+export { DarkTheme } from './dark.theme.mjs';
+export { LightTheme } from './light.theme.mjs';
+export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './tokens.theme.mjs';
+import '../types/theme-provider.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+import '../types/chart.types.mjs';

package/dist/theme/index.js

@@ -0,0 +1,8 @@
+import { DarkTheme } from "./dark.theme";
+import { LightTheme } from "./light.theme";
+export * from "./tokens.theme";
+export {
+  DarkTheme,
+  LightTheme
+};
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/index.ts"],"sourcesContent":["export { DarkTheme } from \"./dark.theme\";\r\nexport { LightTheme } from \"./light.theme\";\r\nexport * from \"./tokens.theme\";\r\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,cAAc;","names":[]}

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

@@ -0,0 +1,16 @@
+import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+import '../types/tokens.types.mjs';
+
+declare const LightTheme: PrimitiveThemeTokens;
+
+export { LightTheme };

package/dist/theme/light.theme.js

@@ -0,0 +1,24 @@
+import {
+  BorderSizeTokens,
+  FontFamilyTokens,
+  FontSizeTokens,
+  FontWeightTokens,
+  LightColors,
+  LineHeightTokens,
+  RadiiTokens,
+  SpaceTokens
+} from "./tokens.theme";
+const LightTheme = {
+  colors: LightColors,
+  space: SpaceTokens,
+  radii: RadiiTokens,
+  fontFamily: FontFamilyTokens,
+  borderSize: BorderSizeTokens,
+  fontSize: FontSizeTokens,
+  fontWeight: FontWeightTokens,
+  lineHeight: LineHeightTokens
+};
+export {
+  LightTheme
+};
+//# sourceMappingURL=light.theme.js.map

package/dist/theme/light.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/light.theme.ts"],"sourcesContent":["import { PrimitiveThemeTokens } from \"../types\";\r\nimport {\r\n  BorderSizeTokens,\r\n  FontFamilyTokens,\r\n  FontSizeTokens,\r\n  FontWeightTokens,\r\n  LightColors,\r\n  LineHeightTokens,\r\n  RadiiTokens,\r\n  SpaceTokens,\r\n} from \"./tokens.theme\";\r\n\r\nexport const LightTheme: PrimitiveThemeTokens = {\r\n  colors: LightColors,\r\n  space: SpaceTokens,\r\n  radii: RadiiTokens,\r\n  fontFamily: FontFamilyTokens,\r\n  borderSize: BorderSizeTokens,\r\n  fontSize: FontSizeTokens,\r\n  fontWeight: FontWeightTokens,\r\n  lineHeight: LineHeightTokens,\r\n};\r\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,aAAmC;AAAA,EAC9C,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AACd;","names":[]}

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

@@ -0,0 +1,29 @@
+import { ChartColorPalette } from '../types/chart.types.mjs';
+import { BorderSize, FontFamily, FontWeightValue, FontWeightItalic, FontWeightNormal, FontSize, FontWeight, LineHeight, NeutralColor, Radii, Space } from '../types/tokens.types.mjs';
+import { ThemeColors, PrimitiveThemeTokens, ComponentsTokens } from '../types/theme-provider.types.mjs';
+import '../types/buttons-tokens.types.mjs';
+import '../types/components.types.mjs';
+import '../types/control-tokes.types.mjs';
+import '../types/data-state-tokens.types.mjs';
+import '../types/datetime-picker-tokens.types.mjs';
+import '../types/flyout-tokens.types.mjs';
+import '../types/select-tokens.types.mjs';
+import '../types/skeleton-tokens.types.mjs';
+import '../types/tag-tokens.types.mjs';
+import '../types/time-picker-token.types.mjs';
+
+declare const ChartColorTokens: ChartColorPalette;
+declare const SpaceTokens: Space;
+declare const BorderSizeTokens: BorderSize;
+declare const RadiiTokens: Radii;
+declare const FontSizeTokens: FontSize;
+declare const LineHeightTokens: LineHeight;
+declare const FontWeightTokens: FontWeight;
+declare const FontFamilyWeightsNormalTokens: Record<FontWeightValue, FontWeightNormal>;
+declare const FontFamilyWeightsItalicTokens: Record<FontWeightValue, FontWeightItalic>;
+declare const FontFamilyTokens: FontFamily;
+declare const NeutralColorTokens: NeutralColor;
+declare const LightColors: ThemeColors;
+declare function createComponentsTokens(tokens: PrimitiveThemeTokens): ComponentsTokens;
+
+export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens };