@impulse-ui-native/theme 8.3.0 → 9.1.1

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

@@ -0,0 +1,76 @@
+function createColorPickerTokens(tokens) {
+  const { colors, space, radii, borderSize } = tokens;
+  return {
+    gap: space.sm,
+    rowGap: space.sm,
+    sliderLabelGap: space.xxs,
+    presetsLabelGap: space.xs,
+    presetsGap: space.xs,
+    presetLabelGap: space.xxs,
+    alphaFieldFlex: 0.6,
+    padding: space.sm,
+    borderRadius: radii.lg,
+    spectrumBorderRadius: radii.md,
+    previewBorderRadius: radii.md,
+    swatchBorderRadius: radii.round,
+    swatchRingPadding: space.xxs,
+    swatchRingBorderWidth: borderSize.md,
+    borderWidth: borderSize.sm,
+    borderColor: colors.border.default.value,
+    backgroundColor: colors.surface.elevated.value,
+    labelColor: colors.text.primary,
+    selectedBorderColor: colors.border.focus.value,
+    indicatorColor: colors.white,
+    indicatorBorderRadius: radii.round,
+    indicatorBorderWidth: borderSize.md,
+    indicatorShadowOffsetX: 0,
+    indicatorShadowOffsetY: 1,
+    indicatorShadowBlurRadius: space.xxs,
+    indicatorShadowColor: colors.black,
+    checkerLightColor: colors.neutral["0"],
+    checkerDarkColor: colors.neutral["4"],
+    checkerSize: space.xs,
+    disabledOpacity: 0.5,
+    presets: [
+      { label: "Primary", color: colors.primary.value },
+      { label: "Accent", color: colors.accent.value },
+      { label: "Secondary", color: colors.secondary.value },
+      { label: "Error", color: colors.feedback.error.value },
+      { label: "Warning", color: colors.feedback.warning.value },
+      { label: "Success", color: colors.feedback.success.value },
+      { label: "Info", color: colors.feedback.info.value },
+      { label: "White", color: colors.white },
+      { label: "Black", color: colors.black }
+    ],
+    sizes: {
+      small: {
+        spectrumHeight: 144,
+        indicatorSize: 20,
+        previewSize: 32,
+        swatchSize: 24,
+        swatchCheckSize: 12,
+        swatchTargetSize: 44
+      },
+      medium: {
+        spectrumHeight: 192,
+        indicatorSize: 24,
+        previewSize: 40,
+        swatchSize: 32,
+        swatchCheckSize: 16,
+        swatchTargetSize: 44
+      },
+      large: {
+        spectrumHeight: 240,
+        indicatorSize: 28,
+        previewSize: 48,
+        swatchSize: 40,
+        swatchCheckSize: 20,
+        swatchTargetSize: 48
+      }
+    }
+  };
+}
+export {
+  createColorPickerTokens
+};
+//# sourceMappingURL=create-color-picker-tokens.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/create-color-picker-tokens.ts"],"sourcesContent":["import type { ColorPickerTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createColorPickerTokens(\n  tokens: PrimitiveThemeTokens,\n): ColorPickerTokens {\n  const { colors, space, radii, borderSize } = tokens;\n\n  return {\n    gap: space.sm,\n    rowGap: space.sm,\n    sliderLabelGap: space.xxs,\n    presetsLabelGap: space.xs,\n    presetsGap: space.xs,\n    presetLabelGap: space.xxs,\n    alphaFieldFlex: 0.6,\n    padding: space.sm,\n    borderRadius: radii.lg,\n    spectrumBorderRadius: radii.md,\n    previewBorderRadius: radii.md,\n    swatchBorderRadius: radii.round,\n    swatchRingPadding: space.xxs,\n    swatchRingBorderWidth: borderSize.md,\n    borderWidth: borderSize.sm,\n    borderColor: colors.border.default.value,\n    backgroundColor: colors.surface.elevated.value,\n    labelColor: colors.text.primary,\n    selectedBorderColor: colors.border.focus.value,\n    indicatorColor: colors.white,\n    indicatorBorderRadius: radii.round,\n    indicatorBorderWidth: borderSize.md,\n    indicatorShadowOffsetX: 0,\n    indicatorShadowOffsetY: 1,\n    indicatorShadowBlurRadius: space.xxs,\n    indicatorShadowColor: colors.black,\n    checkerLightColor: colors.neutral[\"0\"],\n    checkerDarkColor: colors.neutral[\"4\"],\n    checkerSize: space.xs,\n    disabledOpacity: 0.5,\n    presets: [\n      { label: \"Primary\", color: colors.primary.value },\n      { label: \"Accent\", color: colors.accent.value },\n      { label: \"Secondary\", color: colors.secondary.value },\n      { label: \"Error\", color: colors.feedback.error.value },\n      { label: \"Warning\", color: colors.feedback.warning.value },\n      { label: \"Success\", color: colors.feedback.success.value },\n      { label: \"Info\", color: colors.feedback.info.value },\n      { label: \"White\", color: colors.white },\n      { label: \"Black\", color: colors.black },\n    ],\n    sizes: {\n      small: {\n        spectrumHeight: 144,\n        indicatorSize: 20,\n        previewSize: 32,\n        swatchSize: 24,\n        swatchCheckSize: 12,\n        swatchTargetSize: 44,\n      },\n      medium: {\n        spectrumHeight: 192,\n        indicatorSize: 24,\n        previewSize: 40,\n        swatchSize: 32,\n        swatchCheckSize: 16,\n        swatchTargetSize: 44,\n      },\n      large: {\n        spectrumHeight: 240,\n        indicatorSize: 28,\n        previewSize: 48,\n        swatchSize: 40,\n        swatchCheckSize: 20,\n        swatchTargetSize: 48,\n      },\n    },\n  };\n}\n"],"mappings":"AAEO,SAAS,wBACd,QACmB;AACnB,QAAM,EAAE,QAAQ,OAAO,OAAO,WAAW,IAAI;AAE7C,SAAO;AAAA,IACL,KAAK,MAAM;AAAA,IACX,QAAQ,MAAM;AAAA,IACd,gBAAgB,MAAM;AAAA,IACtB,iBAAiB,MAAM;AAAA,IACvB,YAAY,MAAM;AAAA,IAClB,gBAAgB,MAAM;AAAA,IACtB,gBAAgB;AAAA,IAChB,SAAS,MAAM;AAAA,IACf,cAAc,MAAM;AAAA,IACpB,sBAAsB,MAAM;AAAA,IAC5B,qBAAqB,MAAM;AAAA,IAC3B,oBAAoB,MAAM;AAAA,IAC1B,mBAAmB,MAAM;AAAA,IACzB,uBAAuB,WAAW;AAAA,IAClC,aAAa,WAAW;AAAA,IACxB,aAAa,OAAO,OAAO,QAAQ;AAAA,IACnC,iBAAiB,OAAO,QAAQ,SAAS;AAAA,IACzC,YAAY,OAAO,KAAK;AAAA,IACxB,qBAAqB,OAAO,OAAO,MAAM;AAAA,IACzC,gBAAgB,OAAO;AAAA,IACvB,uBAAuB,MAAM;AAAA,IAC7B,sBAAsB,WAAW;AAAA,IACjC,wBAAwB;AAAA,IACxB,wBAAwB;AAAA,IACxB,2BAA2B,MAAM;AAAA,IACjC,sBAAsB,OAAO;AAAA,IAC7B,mBAAmB,OAAO,QAAQ,GAAG;AAAA,IACrC,kBAAkB,OAAO,QAAQ,GAAG;AAAA,IACpC,aAAa,MAAM;AAAA,IACnB,iBAAiB;AAAA,IACjB,SAAS;AAAA,MACP,EAAE,OAAO,WAAW,OAAO,OAAO,QAAQ,MAAM;AAAA,MAChD,EAAE,OAAO,UAAU,OAAO,OAAO,OAAO,MAAM;AAAA,MAC9C,EAAE,OAAO,aAAa,OAAO,OAAO,UAAU,MAAM;AAAA,MACpD,EAAE,OAAO,SAAS,OAAO,OAAO,SAAS,MAAM,MAAM;AAAA,MACrD,EAAE,OAAO,WAAW,OAAO,OAAO,SAAS,QAAQ,MAAM;AAAA,MACzD,EAAE,OAAO,WAAW,OAAO,OAAO,SAAS,QAAQ,MAAM;AAAA,MACzD,EAAE,OAAO,QAAQ,OAAO,OAAO,SAAS,KAAK,MAAM;AAAA,MACnD,EAAE,OAAO,SAAS,OAAO,OAAO,MAAM;AAAA,MACtC,EAAE,OAAO,SAAS,OAAO,OAAO,MAAM;AAAA,IACxC;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,QACL,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,MACpB;AAAA,MACA,QAAQ;AAAA,QACN,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,MACpB;AAAA,MACA,OAAO;AAAA,QACL,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

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

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from '../types/control-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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 createControlAddonTokens(tokens: PrimitiveThemeTokens): ControlAddonTokens;
 declare function createControlContainerTokens(tokens: PrimitiveThemeTokens): ControlContainerTokens;

package/dist/theme/create-data-state-tokens.d.mts

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { DataStateTokens } from '../types/data-state-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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 createDataStateTokens(tokens: PrimitiveThemeTokens): DataStateTokens;
 

package/dist/theme/create-datetime-picker.d.mts

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { DatetimePickerTokens } from '../types/datetime-picker-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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 createDatetimePickerTokens(tokens: PrimitiveThemeTokens): DatetimePickerTokens;
 

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

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { DividerTokens } from '../types/divider-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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 createDividerTokens(tokens: PrimitiveThemeTokens): DividerTokens;
 

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

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { FlyoutTokens } from '../types/flyout-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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 createFlyoutTokens(tokens: PrimitiveThemeTokens): FlyoutTokens;
 

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

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { IconButtonTokens } from '../types/buttons-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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 createIconButtonTokens(tokens: PrimitiveThemeTokens): IconButtonTokens;
 

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

@@ -1,16 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { ListTokens } from '../types/list-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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 createListTokens(tokens: PrimitiveThemeTokens): ListTokens;
 

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

@@ -1,16 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { ModalTokens } from '../types/modal-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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 createModalTokens(tokens: PrimitiveThemeTokens): ModalTokens;
 

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

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { PaginationTokens } from '../types/pagination-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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 createPaginationTokens(tokens: PrimitiveThemeTokens): PaginationTokens;
 

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

@@ -1,16 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { PopoverTokens } from '../types/popover-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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 createPopoverTokens(tokens: PrimitiveThemeTokens): PopoverTokens;
 

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

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { ProgressTokens } from '../types/progress-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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;
 

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

@@ -1,16 +1,18 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { RadioTokens } from '../types/radio-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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 createRadioTokens(tokens: PrimitiveThemeTokens): RadioTokens;
 

package/dist/theme/create-segmented-control-tokens.d.mts

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { SegmentedControlTokens } from '../types/segmented-control-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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 createSegmentedControlTokens(tokens: PrimitiveThemeTokens): SegmentedControlTokens;
 

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

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { SelectTokens } from '../types/select-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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 createSelectTokens(tokens: PrimitiveThemeTokens): SelectTokens;
 

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

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { SkeletonTokens } from '../types/skeleton-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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 createSkeletonTokens(tokens: PrimitiveThemeTokens): SkeletonTokens;
 

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

@@ -1,17 +1,19 @@
-import { P as PrimitiveThemeTokens } from '../theme-provider.types-CLjz9-IY.mjs';
+import { P as PrimitiveThemeTokens } from '../theme-provider.types-CIh3wHN_.mjs';
 import { SliderTokens } from '../types/slider-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
 import '../types/carousel-tokens.types.mjs';
 import '../types/charts-tokens.types.mjs';
+import 'react-native';
 import '../types/chart.types.mjs';
+import '../types/tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/color-picker-tokens.types.mjs';
 import '../types/list-tokens.types.mjs';
 import '../types/modal-tokens.types.mjs';
 import '../types/popover-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/shadow.types.mjs';
-import 'react-native';
 import '../types/tabs-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -35,7 +37,6 @@ 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 createSliderTokens(tokens: PrimitiveThemeTokens): SliderTokens;
 

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

@@ -1,5 +1,6 @@
 function createSliderTokens(tokens) {
   return {
+    interactionMinHeight: 44,
     trackBorderRadius: tokens.radii.round,
     thumbBorderRadius: tokens.radii.round,
     valueBubbleBorderRadius: tokens.radii.md,