@impulse-ui-native/theme 11.3.2 → 12.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/README.md +20 -0
  2. package/dist/hooks/index.d.mts +1 -1
  3. package/dist/hooks/use-colors.hook.d.mts +1 -1
  4. package/dist/hooks/use-components-tokens.hook.d.mts +1 -1
  5. package/dist/hooks/use-theme.hook.d.mts +1 -1
  6. package/dist/hooks/use-themed-styles.d.mts +1 -1
  7. package/dist/index.d.mts +2 -2
  8. package/dist/providers/index.d.mts +1 -1
  9. package/dist/providers/theme.provider.d.mts +1 -1
  10. package/dist/theme/create-accordion-tokens.d.mts +1 -1
  11. package/dist/theme/create-avatar-tokens.d.mts +1 -1
  12. package/dist/theme/create-badge-tokens.d.mts +1 -1
  13. package/dist/theme/create-button-tokens.d.mts +1 -1
  14. package/dist/theme/create-card-tokens.d.mts +1 -1
  15. package/dist/theme/create-carousel-tokens.d.mts +1 -1
  16. package/dist/theme/create-charts-tokens.d.mts +1 -1
  17. package/dist/theme/create-checkbox-tokens.d.mts +1 -1
  18. package/dist/theme/create-color-picker-tokens.d.mts +1 -1
  19. package/dist/theme/create-color-picker-tokens.js +1 -0
  20. package/dist/theme/create-color-picker-tokens.js.map +1 -1
  21. package/dist/theme/create-control-tokens.d.mts +1 -1
  22. package/dist/theme/create-control-tokens.js +521 -85
  23. package/dist/theme/create-control-tokens.js.map +1 -1
  24. package/dist/theme/create-data-state-tokens.d.mts +1 -1
  25. package/dist/theme/create-datetime-picker.d.mts +1 -1
  26. package/dist/theme/create-divider-tokens.d.mts +1 -1
  27. package/dist/theme/create-flyout-tokens.d.mts +1 -1
  28. package/dist/theme/create-icon-button-tokens.d.mts +1 -1
  29. package/dist/theme/create-icon-view-tokens.d.mts +1 -1
  30. package/dist/theme/create-list-tokens.d.mts +1 -1
  31. package/dist/theme/create-modal-tokens.d.mts +1 -1
  32. package/dist/theme/create-pagination-tokens.d.mts +1 -1
  33. package/dist/theme/create-popover-tokens.d.mts +1 -1
  34. package/dist/theme/create-progress-tokens.d.mts +1 -1
  35. package/dist/theme/create-radio-tokens.d.mts +1 -1
  36. package/dist/theme/create-segmented-control-tokens.d.mts +1 -1
  37. package/dist/theme/create-select-tokens.d.mts +1 -1
  38. package/dist/theme/create-skeleton-tokens.d.mts +1 -1
  39. package/dist/theme/create-slider-tokens.d.mts +1 -1
  40. package/dist/theme/create-spinner-tokens.d.mts +1 -1
  41. package/dist/theme/create-stepper-tokens.d.mts +1 -1
  42. package/dist/theme/create-switch-tokens.d.mts +1 -1
  43. package/dist/theme/create-tabs-tokens.d.mts +1 -1
  44. package/dist/theme/create-tag-tokens.d.mts +1 -1
  45. package/dist/theme/create-textarea-tokens.d.mts +1 -1
  46. package/dist/theme/create-time-picker-tokens.d.mts +1 -1
  47. package/dist/theme/create-toast-tokens.d.mts +1 -1
  48. package/dist/theme/dark.theme.d.mts +1 -1
  49. package/dist/theme/index.d.mts +1 -1
  50. package/dist/theme/light.theme.d.mts +1 -1
  51. package/dist/theme/tokens.theme.d.mts +1 -1
  52. package/dist/theme/tokens.theme.js +8 -0
  53. package/dist/theme/tokens.theme.js.map +1 -1
  54. package/dist/{theme-provider.types-e3tYI4ca.d.mts → theme-provider.types-Cw0b-Rcy.d.mts} +2 -0
  55. package/dist/types/components.types.d.mts +3 -2
  56. package/dist/types/control-tokens.types.d.mts +4 -4
  57. package/dist/types/index.d.mts +2 -2
  58. package/dist/types/theme-provider.types.d.mts +1 -1
  59. package/dist/types/toast-tokens.types.d.mts +1 -1
  60. package/dist/utils/index.d.mts +1 -1
  61. package/dist/utils/style.utils.d.mts +1 -1
  62. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/theme/create-control-tokens.ts"],"sourcesContent":["import {\n ControlAddonTokens,\n ControlContainerTokens,\n ControlErrorTokens,\n ControlInputTokens,\n ControlLabelTokens,\n PrimitiveThemeTokens,\n} from \"../types\";\n\nexport function createControlAddonTokens(\n tokens: PrimitiveThemeTokens,\n): ControlAddonTokens {\n return {\n marginHorizontal: tokens.space.xxs,\n hitSlop: tokens.space.sm,\n variants: {\n filled: {\n default: { iconColor: tokens.colors.text.primary },\n error: { iconColor: tokens.colors.text.primary },\n disabled: { iconColor: tokens.colors.text.disabled },\n disabledError: { iconColor: tokens.colors.text.disabled },\n },\n outlined: {\n default: { iconColor: tokens.colors.text.primary },\n error: { iconColor: tokens.colors.text.primary },\n disabled: { iconColor: tokens.colors.text.disabled },\n disabledError: { iconColor: tokens.colors.text.disabled },\n },\n },\n };\n}\n\nexport function createControlContainerTokens(\n tokens: PrimitiveThemeTokens,\n): ControlContainerTokens {\n return {\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.sm,\n\n sizes: {\n small: {\n height: 32,\n paddingHorizontal: tokens.space.xs,\n },\n medium: {\n height: 40,\n paddingHorizontal: tokens.space.xs,\n },\n large: {\n height: 48,\n paddingHorizontal: tokens.space.xs,\n },\n },\n\n variants: {\n filled: {\n default: {\n backgroundColor: tokens.colors.surface.default.value,\n borderColor: \"transparent\",\n opacity: 1,\n },\n error: {\n backgroundColor: tokens.colors.surface.default.value,\n borderColor: tokens.colors.feedback.error.value,\n opacity: 1,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: \"transparent\",\n opacity: 0.7,\n },\n disabledError: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.feedback.error.value,\n opacity: 0.7,\n },\n },\n\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.default.value,\n opacity: 1,\n },\n error: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.error.value,\n opacity: 1,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.default.value,\n opacity: 0.7,\n },\n disabledError: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.error.value,\n opacity: 0.7,\n },\n },\n },\n };\n}\n\nexport function createControlErrorTokens(\n tokens: PrimitiveThemeTokens,\n): ControlErrorTokens {\n return {\n marginTop: tokens.space.xxs,\n color: tokens.colors.feedback.error.value,\n fontSize: tokens.fontSize.xs,\n };\n}\n\nexport function createControlInputTokens(\n tokens: PrimitiveThemeTokens,\n): ControlInputTokens {\n return {\n flex: 1,\n fontFamily: tokens.fontFamily.normal[400],\n paddingHorizontal: tokens.space.xxs,\n\n sizes: {\n small: {\n fontSize: tokens.fontSize.xs,\n },\n medium: {\n fontSize: tokens.fontSize.xsm,\n },\n large: {\n fontSize: tokens.fontSize.sm,\n },\n },\n\n variants: {\n filled: {\n default: {\n color: tokens.colors.text.primary,\n placeholderColor: tokens.colors.text.tertiary,\n },\n error: {\n color: tokens.colors.text.primary,\n placeholderColor: tokens.colors.feedback.error.value,\n },\n disabled: {\n color: tokens.colors.text.disabled,\n placeholderColor: tokens.colors.text.disabled,\n },\n disabledError: {\n color: tokens.colors.text.disabled,\n placeholderColor: tokens.colors.text.disabled,\n },\n },\n\n outlined: {\n default: {\n color: tokens.colors.text.primary,\n placeholderColor: tokens.colors.text.tertiary,\n },\n error: {\n color: tokens.colors.text.primary,\n placeholderColor: tokens.colors.feedback.error.value,\n },\n disabled: {\n color: tokens.colors.text.disabled,\n placeholderColor: tokens.colors.text.disabled,\n },\n disabledError: {\n color: tokens.colors.text.disabled,\n placeholderColor: tokens.colors.text.disabled,\n },\n },\n },\n };\n}\n\nexport function createControlLabelTokens(\n tokens: PrimitiveThemeTokens,\n): ControlLabelTokens {\n return {\n marginBottom: tokens.space.xxs,\n fontSize: tokens.fontSize.xsm,\n states: {\n default: { color: tokens.colors.text.secondary },\n error: { color: tokens.colors.feedback.error.value },\n disabled: { color: tokens.colors.text.disabled },\n disabledError: { color: tokens.colors.text.disabled },\n },\n };\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../src/theme/create-control-tokens.ts"],"sourcesContent":["import {\n ControlAddonTokens,\n ControlContainerTokens,\n ControlErrorTokens,\n ControlInputTokens,\n ControlLabelTokens,\n PrimitiveThemeTokens,\n} from \"../types\";\n\nexport function createControlAddonTokens(\n tokens: PrimitiveThemeTokens,\n): ControlAddonTokens {\n const primary = tokens.colors.primary.value;\n const primaryContrast = tokens.colors.primary.contrast;\n const secondaryContrast = tokens.colors.secondary.contrast;\n const neutral = tokens.colors.text.secondary;\n const neutralContrast = tokens.colors.text.inverse;\n const disabledColor = tokens.colors.text.disabled;\n const errorColor = tokens.colors.feedback.error.value;\n const errorContrast = tokens.colors.feedback.error.contrast;\n\n return {\n marginHorizontal: tokens.space.xxs,\n hitSlop: tokens.space.sm,\n colors: {\n neutral: {\n outlined: {\n default: {\n iconColor: neutral,\n },\n error: {\n iconColor: errorColor,\n },\n disabled: {\n iconColor: disabledColor,\n },\n disabledError: {\n iconColor: disabledColor,\n },\n },\n soft: {\n default: {\n iconColor: neutral,\n },\n error: {\n iconColor: errorColor,\n },\n disabled: {\n iconColor: disabledColor,\n },\n disabledError: {\n iconColor: disabledColor,\n },\n },\n filled: {\n default: {\n iconColor: neutralContrast,\n },\n error: {\n iconColor: errorContrast,\n },\n disabled: {\n iconColor: disabledColor,\n },\n disabledError: {\n iconColor: disabledColor,\n },\n },\n },\n primary: {\n outlined: {\n default: {\n iconColor: primary,\n },\n error: {\n iconColor: errorColor,\n },\n disabled: {\n iconColor: disabledColor,\n },\n disabledError: {\n iconColor: disabledColor,\n },\n },\n soft: {\n default: {\n iconColor: primary,\n },\n error: {\n iconColor: errorColor,\n },\n disabled: {\n iconColor: disabledColor,\n },\n disabledError: {\n iconColor: disabledColor,\n },\n },\n filled: {\n default: {\n iconColor: primaryContrast,\n },\n error: {\n iconColor: errorContrast,\n },\n disabled: {\n iconColor: disabledColor,\n },\n disabledError: {\n iconColor: disabledColor,\n },\n },\n },\n secondary: {\n outlined: {\n default: {\n iconColor: secondaryContrast,\n },\n error: {\n iconColor: errorColor,\n },\n disabled: {\n iconColor: disabledColor,\n },\n disabledError: {\n iconColor: disabledColor,\n },\n },\n soft: {\n default: {\n iconColor: secondaryContrast,\n },\n error: {\n iconColor: errorColor,\n },\n disabled: {\n iconColor: disabledColor,\n },\n disabledError: {\n iconColor: disabledColor,\n },\n },\n filled: {\n default: {\n iconColor: secondaryContrast,\n },\n error: {\n iconColor: errorContrast,\n },\n disabled: {\n iconColor: disabledColor,\n },\n disabledError: {\n iconColor: disabledColor,\n },\n },\n },\n },\n };\n}\n\nexport function createControlContainerTokens(\n tokens: PrimitiveThemeTokens,\n): ControlContainerTokens {\n const primary = tokens.colors.primary.value;\n const secondary = tokens.colors.secondary.value;\n const secondaryContrast = tokens.colors.secondary.contrast;\n const subtle = tokens.colors.subtle.value;\n const neutral = tokens.colors.text.secondary;\n const disabledBackground = tokens.colors.surface.subtle.value;\n const defaultBorder = tokens.colors.border.default.value;\n const errorColor = tokens.colors.feedback.error.value;\n const errorContrast = tokens.colors.feedback.error.contrast;\n\n return {\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.sm,\n\n sizes: {\n small: {\n height: 32,\n paddingHorizontal: tokens.space.xs,\n },\n medium: {\n height: 40,\n paddingHorizontal: tokens.space.xs,\n },\n large: {\n height: 48,\n paddingHorizontal: tokens.space.xs,\n },\n },\n\n colors: {\n neutral: {\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: defaultBorder,\n opacity: 1,\n },\n error: {\n backgroundColor: \"transparent\",\n borderColor: errorColor,\n opacity: 1,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: defaultBorder,\n opacity: 0.7,\n },\n disabledError: {\n backgroundColor: \"transparent\",\n borderColor: defaultBorder,\n opacity: 0.7,\n },\n },\n soft: {\n default: {\n backgroundColor: disabledBackground,\n borderColor: \"transparent\",\n opacity: 1,\n },\n error: {\n backgroundColor: errorContrast,\n borderColor: errorColor,\n opacity: 1,\n },\n disabled: {\n backgroundColor: disabledBackground,\n borderColor: \"transparent\",\n opacity: 0.7,\n },\n disabledError: {\n backgroundColor: disabledBackground,\n borderColor: \"transparent\",\n opacity: 0.7,\n },\n },\n filled: {\n default: {\n backgroundColor: neutral,\n borderColor: \"transparent\",\n opacity: 1,\n },\n error: {\n backgroundColor: errorColor,\n borderColor: errorColor,\n opacity: 1,\n },\n disabled: {\n backgroundColor: disabledBackground,\n borderColor: \"transparent\",\n opacity: 0.7,\n },\n disabledError: {\n backgroundColor: disabledBackground,\n borderColor: \"transparent\",\n opacity: 0.7,\n },\n },\n },\n primary: {\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: primary,\n opacity: 1,\n },\n error: {\n backgroundColor: \"transparent\",\n borderColor: errorColor,\n opacity: 1,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: defaultBorder,\n opacity: 0.7,\n },\n disabledError: {\n backgroundColor: \"transparent\",\n borderColor: defaultBorder,\n opacity: 0.7,\n },\n },\n soft: {\n default: {\n backgroundColor: secondary,\n borderColor: \"transparent\",\n opacity: 1,\n },\n error: {\n backgroundColor: errorContrast,\n borderColor: errorColor,\n opacity: 1,\n },\n disabled: {\n backgroundColor: disabledBackground,\n borderColor: \"transparent\",\n opacity: 0.7,\n },\n disabledError: {\n backgroundColor: disabledBackground,\n borderColor: \"transparent\",\n opacity: 0.7,\n },\n },\n filled: {\n default: {\n backgroundColor: primary,\n borderColor: \"transparent\",\n opacity: 1,\n },\n error: {\n backgroundColor: errorColor,\n borderColor: errorColor,\n opacity: 1,\n },\n disabled: {\n backgroundColor: disabledBackground,\n borderColor: \"transparent\",\n opacity: 0.7,\n },\n disabledError: {\n backgroundColor: disabledBackground,\n borderColor: \"transparent\",\n opacity: 0.7,\n },\n },\n },\n secondary: {\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: secondaryContrast,\n opacity: 1,\n },\n error: {\n backgroundColor: \"transparent\",\n borderColor: errorColor,\n opacity: 1,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: defaultBorder,\n opacity: 0.7,\n },\n disabledError: {\n backgroundColor: \"transparent\",\n borderColor: defaultBorder,\n opacity: 0.7,\n },\n },\n soft: {\n default: {\n backgroundColor: subtle,\n borderColor: \"transparent\",\n opacity: 1,\n },\n error: {\n backgroundColor: errorContrast,\n borderColor: errorColor,\n opacity: 1,\n },\n disabled: {\n backgroundColor: disabledBackground,\n borderColor: \"transparent\",\n opacity: 0.7,\n },\n disabledError: {\n backgroundColor: disabledBackground,\n borderColor: \"transparent\",\n opacity: 0.7,\n },\n },\n filled: {\n default: {\n backgroundColor: secondary,\n borderColor: \"transparent\",\n opacity: 1,\n },\n error: {\n backgroundColor: errorColor,\n borderColor: errorColor,\n opacity: 1,\n },\n disabled: {\n backgroundColor: disabledBackground,\n borderColor: \"transparent\",\n opacity: 0.7,\n },\n disabledError: {\n backgroundColor: disabledBackground,\n borderColor: \"transparent\",\n opacity: 0.7,\n },\n },\n },\n },\n };\n}\n\nexport function createControlErrorTokens(\n tokens: PrimitiveThemeTokens,\n): ControlErrorTokens {\n return {\n marginTop: tokens.space.xxs,\n color: tokens.colors.feedback.error.value,\n fontSize: tokens.fontSize.xs,\n };\n}\n\nexport function createControlInputTokens(\n tokens: PrimitiveThemeTokens,\n): ControlInputTokens {\n const primaryContrast = tokens.colors.primary.contrast;\n const secondaryContrast = tokens.colors.secondary.contrast;\n const neutralContrast = tokens.colors.text.inverse;\n const textColor = tokens.colors.text.primary;\n const placeholderColor = tokens.colors.text.tertiary;\n const disabledColor = tokens.colors.text.disabled;\n const errorContrast = tokens.colors.feedback.error.contrast;\n\n return {\n flex: 1,\n fontFamily: tokens.fontFamily.normal[400],\n paddingHorizontal: tokens.space.xxs,\n\n sizes: {\n small: {\n fontSize: tokens.fontSize.xs,\n },\n medium: {\n fontSize: tokens.fontSize.xsm,\n },\n large: {\n fontSize: tokens.fontSize.sm,\n },\n },\n\n colors: {\n neutral: {\n outlined: {\n default: {\n color: textColor,\n placeholderColor,\n },\n error: {\n color: textColor,\n placeholderColor,\n },\n disabled: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n disabledError: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n },\n soft: {\n default: {\n color: textColor,\n placeholderColor,\n },\n error: {\n color: textColor,\n placeholderColor,\n },\n disabled: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n disabledError: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n },\n filled: {\n default: {\n color: neutralContrast,\n placeholderColor: neutralContrast,\n },\n error: {\n color: errorContrast,\n placeholderColor: errorContrast,\n },\n disabled: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n disabledError: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n },\n },\n primary: {\n outlined: {\n default: {\n color: textColor,\n placeholderColor,\n },\n error: {\n color: textColor,\n placeholderColor,\n },\n disabled: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n disabledError: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n },\n soft: {\n default: {\n color: textColor,\n placeholderColor,\n },\n error: {\n color: textColor,\n placeholderColor,\n },\n disabled: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n disabledError: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n },\n filled: {\n default: {\n color: primaryContrast,\n placeholderColor: primaryContrast,\n },\n error: {\n color: errorContrast,\n placeholderColor: errorContrast,\n },\n disabled: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n disabledError: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n },\n },\n secondary: {\n outlined: {\n default: {\n color: textColor,\n placeholderColor,\n },\n error: {\n color: textColor,\n placeholderColor,\n },\n disabled: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n disabledError: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n },\n soft: {\n default: {\n color: textColor,\n placeholderColor,\n },\n error: {\n color: textColor,\n placeholderColor,\n },\n disabled: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n disabledError: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n },\n filled: {\n default: {\n color: secondaryContrast,\n placeholderColor: secondaryContrast,\n },\n error: {\n color: errorContrast,\n placeholderColor: errorContrast,\n },\n disabled: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n disabledError: {\n color: disabledColor,\n placeholderColor: disabledColor,\n },\n },\n },\n },\n };\n}\n\nexport function createControlLabelTokens(\n tokens: PrimitiveThemeTokens,\n): ControlLabelTokens {\n return {\n marginBottom: tokens.space.xxs,\n fontSize: tokens.fontSize.xsm,\n states: {\n default: { color: tokens.colors.text.secondary },\n error: { color: tokens.colors.feedback.error.value },\n disabled: { color: tokens.colors.text.disabled },\n disabledError: { color: tokens.colors.text.disabled },\n },\n };\n}\n"],"mappings":"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","names":[]}
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { DataStateTokens } from '../types/data-state-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { DatetimePickerTokens } from '../types/datetime-picker-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { DividerTokens } from '../types/divider-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { FlyoutTokens } from '../types/flyout-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { IconButtonTokens } from '../types/buttons-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { IconViewTokens } from '../types/icon-view-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { ListTokens } from '../types/list-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { ModalTokens } from '../types/modal-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { PaginationTokens } from '../types/pagination-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { PopoverTokens } from '../types/popover-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { ProgressTokens } from '../types/progress-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { RadioTokens } from '../types/radio-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { SegmentedControlTokens } from '../types/segmented-control-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { SelectTokens } from '../types/select-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { SkeletonTokens } from '../types/skeleton-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { SliderTokens } from '../types/slider-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { SpinnerTokens } from '../types/spinner-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { StepperTokens } from '../types/stepper-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { SwitchTokens } from '../types/switch-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { TabsTokens } from '../types/tabs-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { TagTokens } from '../types/tag-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { TextareaTokens } from '../types/textarea-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import { TimePickerTokens } from '../types/time-picker-token.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens, e as ToastTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens, e as ToastTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import '../types/badge-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
4
  import '../types/carousel-tokens.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import '../types/badge-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
4
  import '../types/carousel-tokens.types.mjs';
@@ -12,7 +12,7 @@ export { createPopoverTokens } from './create-popover-tokens.mjs';
12
12
  export { createModalTokens } from './create-modal-tokens.mjs';
13
13
  export { createColorPickerTokens } from './create-color-picker-tokens.mjs';
14
14
  export { ChartColorTokens } from './chart-color-tokens.mjs';
15
- import '../theme-provider.types-e3tYI4ca.mjs';
15
+ import '../theme-provider.types-Cw0b-Rcy.mjs';
16
16
  import '../types/badge-tokens.types.mjs';
17
17
  import '../types/components.types.mjs';
18
18
  import '../types/carousel-tokens.types.mjs';
@@ -1,4 +1,4 @@
1
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import '../types/badge-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
4
  import '../types/carousel-tokens.types.mjs';
@@ -1,5 +1,5 @@
1
1
  import { BorderSize, FontFamily, FontWeightValue, FontWeightItalic, FontWeightNormal, FontSize, FontWeight, LetterSpacings, LineHeight, NeutralColor, Radii, Space } from '../types/tokens.types.mjs';
2
- import { T as ThemeColors, P as PrimitiveThemeTokens, c as ComponentsTokens } from '../theme-provider.types-e3tYI4ca.mjs';
2
+ import { T as ThemeColors, P as PrimitiveThemeTokens, c as ComponentsTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
3
3
  export { ChartColorTokens } from './chart-color-tokens.mjs';
4
4
  import '../types/badge-tokens.types.mjs';
5
5
  import '../types/components.types.mjs';
@@ -176,6 +176,10 @@ const LightColors = {
176
176
  value: "#FEE7E9",
177
177
  contrast: "#c92a3b"
178
178
  },
179
+ subtle: {
180
+ value: "#FFF5F6",
181
+ contrast: "#c92a3b"
182
+ },
179
183
  neutral: NeutralColorTokens,
180
184
  surface: {
181
185
  canvas: {
@@ -259,6 +263,10 @@ const DarkColors = {
259
263
  value: "#3b2027",
260
264
  contrast: "#FA9EA7"
261
265
  },
266
+ subtle: {
267
+ value: "#241C20",
268
+ contrast: "#FA9EA7"
269
+ },
262
270
  neutral: NeutralColorTokens,
263
271
  surface: {
264
272
  canvas: {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/theme/tokens.theme.ts"],"sourcesContent":["import type {\n BorderSize,\n ComponentsTokens,\n FontFamily,\n FontSize,\n FontWeight,\n FontWeightItalic,\n FontWeightNormal,\n FontWeightValue,\n LetterSpacings,\n LineHeight,\n NeutralColor,\n PrimitiveThemeTokens,\n Radii,\n Space,\n ThemeColors,\n} from \"../types\";\nimport { createAccordionTokens } from \"./create-accordion-tokens\";\nimport { createAvatarTokens } from \"./create-avatar-tokens\";\nimport { createBadgeTokens } from \"./create-badge-tokens\";\nimport { createButtonTokens } from \"./create-button-tokens\";\nimport { createCardTokens } from \"./create-card-tokens\";\nimport { createCarouselTokens } from \"./create-carousel-tokens\";\nimport { createChartsTokens } from \"./create-charts-tokens\";\nimport { createCheckboxTokens } from \"./create-checkbox-tokens\";\nimport { createColorPickerTokens } from \"./create-color-picker-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 { createIconViewTokens } from \"./create-icon-view-tokens\";\nimport { createListTokens } from \"./create-list-tokens\";\nimport { createModalTokens } from \"./create-modal-tokens\";\nimport { createPaginationTokens } from \"./create-pagination-tokens\";\nimport { createPopoverTokens } from \"./create-popover-tokens\";\nimport { createPressableTokens } from \"./create-pressable-tokens\";\nimport { createProgressTokens } from \"./create-progress-tokens\";\nimport { createRadioTokens } from \"./create-radio-tokens\";\nimport { createSegmentedControlTokens } from \"./create-segmented-control-tokens\";\nimport { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-tokens\";\nimport { createSliderTokens } from \"./create-slider-tokens\";\nimport { createSpinnerTokens } from \"./create-spinner-tokens\";\nimport { createStepperTokens } from \"./create-stepper-tokens\";\nimport { createSwitchTokens } from \"./create-switch-tokens\";\nimport { createTabsTokens } from \"./create-tabs-tokens\";\nimport { createTagTokens } from \"./create-tag-tokens\";\nimport { createTextareaTokens } from \"./create-textarea-tokens\";\nimport { createTimePickerTokens } from \"./create-time-picker-tokens\";\nimport { createToastTokens } from \"./create-toast-tokens\";\n\nexport const CodeFontFamilyToken = \"monospace\";\n\nexport { ChartColorTokens } from \"./chart-color-tokens\";\n\nexport const SpaceTokens: Space = {\n none: 0,\n xxs: 4,\n xs: 8,\n mxs: 12,\n sm: 16,\n msm: 24,\n md: 32,\n lg: 48,\n xl: 64,\n xxl: 96,\n};\n\nexport const BorderSizeTokens: BorderSize = {\n sm: 1,\n md: 2,\n lg: 3,\n xl: 5,\n xxl: 10,\n};\n\nexport const RadiiTokens: Radii = {\n sm: 4,\n md: 8,\n lg: 16,\n xl: 32,\n xxl: 64,\n xxxl: 128,\n round: 100000,\n};\n\nexport const FontSizeTokens: FontSize = {\n xxs: 8,\n xs: 12,\n xsm: 14,\n sm: 16,\n md: 18,\n lg: 20,\n xl: 24,\n xxl: 28,\n xxxl: 32,\n huge: 36,\n massive: 40,\n giant: 48,\n colossal: 56,\n};\n\nexport const LineHeightTokens: LineHeight = {\n xxs: 12,\n xs: 16,\n xsm: 20,\n sm: 24,\n md: 26,\n lg: 28,\n xl: 32,\n xxl: 36,\n xxxl: 40,\n huge: 44,\n massive: 48,\n giant: 56,\n colossal: 64,\n};\n\nexport const LetterSpacingTokens: LetterSpacings = {\n tightest: -1,\n tighter: -0.5,\n tight: -0.25,\n normal: 0,\n wide: 0.25,\n wider: 0.5,\n widest: 0.75,\n ultraWide: 1,\n};\n\nexport const FontWeightTokens: FontWeight = {\n thin: 100,\n extraLight: 200,\n light: 300,\n regular: 400,\n medium: 500,\n semiBold: 600,\n bold: 700,\n extraBold: 800,\n black: 900,\n};\n\nexport const FontFamilyWeightsNormalTokens: Record<\n FontWeightValue,\n FontWeightNormal\n> = {\n 100: \"Montserrat_100Thin\",\n 200: \"Montserrat_200ExtraLight\",\n 300: \"Montserrat_300Light\",\n 400: \"Montserrat_400Regular\",\n 500: \"Montserrat_500Medium\",\n 600: \"Montserrat_600SemiBold\",\n 700: \"Montserrat_700Bold\",\n 800: \"Montserrat_800ExtraBold\",\n 900: \"Montserrat_900Black\",\n};\n\nexport const FontFamilyWeightsItalicTokens: Record<\n FontWeightValue,\n FontWeightItalic\n> = {\n 100: \"Montserrat_100Thin_Italic\",\n 200: \"Montserrat_200ExtraLight_Italic\",\n 300: \"Montserrat_300Light_Italic\",\n 400: \"Montserrat_400Regular_Italic\",\n 500: \"Montserrat_500Medium_Italic\",\n 600: \"Montserrat_600SemiBold_Italic\",\n 700: \"Montserrat_700Bold_Italic\",\n 800: \"Montserrat_800ExtraBold_Italic\",\n 900: \"Montserrat_900Black_Italic\",\n};\n\nexport const FontFamilyTokens: FontFamily = {\n normal: FontFamilyWeightsNormalTokens,\n italic: FontFamilyWeightsItalicTokens,\n};\n\nexport const NeutralColorTokens: NeutralColor = {\n \"0\": \"#ffffff\",\n \"1\": \"#f8f9fa\",\n \"2\": \"#f1f3f5\",\n \"3\": \"#e9ecef\",\n \"4\": \"#dee2e6\",\n \"5\": \"#ced4da\",\n \"6\": \"#adb5bd\",\n \"7\": \"#868e96\",\n \"8\": \"#495057\",\n \"9\": \"#343a40\",\n \"10\": \"#212529\",\n \"11\": \"#16191d\",\n \"12\": \"#0d0f12\",\n \"13\": \"#000000\",\n};\n\nexport const LightColors: ThemeColors = {\n primary: {\n value: \"#F55D6B\",\n contrast: NeutralColorTokens[\"0\"],\n },\n\n accent: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"11\"],\n },\n\n secondary: {\n value: \"#FEE7E9\",\n contrast: \"#c92a3b\",\n },\n\n neutral: NeutralColorTokens,\n\n surface: {\n canvas: {\n value: NeutralColorTokens[\"2\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n subtle: {\n value: NeutralColorTokens[\"2\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n default: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n elevated: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n inverse: {\n value: NeutralColorTokens[\"13\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n text: {\n primary: NeutralColorTokens[\"11\"],\n secondary: NeutralColorTokens[\"10\"],\n tertiary: NeutralColorTokens[\"9\"],\n inverse: NeutralColorTokens[\"0\"],\n disabled: NeutralColorTokens[\"7\"],\n },\n\n border: {\n subtle: {\n value: NeutralColorTokens[\"3\"],\n contrast: NeutralColorTokens[\"9\"],\n },\n default: {\n value: NeutralColorTokens[\"4\"],\n contrast: NeutralColorTokens[\"10\"],\n },\n strong: {\n value: NeutralColorTokens[\"6\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n focus: {\n value: \"#c92a3b\",\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n feedback: {\n error: {\n value: \"#c92a2a\",\n contrast: \"#fff5f5\",\n },\n warning: {\n value: \"#a65300\",\n contrast: \"#fff4e6\",\n },\n success: {\n value: \"#526b00\",\n contrast: \"#f4fce3\",\n },\n info: {\n value: \"#1864ab\",\n contrast: \"#e7f5ff\",\n },\n },\n\n overlay: \"rgba(0, 0, 0, 0.45)\",\n\n white: NeutralColorTokens[\"0\"],\n black: NeutralColorTokens[\"13\"],\n};\n\nexport const DarkColors: ThemeColors = {\n primary: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"11\"],\n },\n\n accent: {\n value: \"#f55d6b\",\n contrast: NeutralColorTokens[\"11\"],\n },\n\n secondary: {\n value: \"#3b2027\",\n contrast: \"#FA9EA7\",\n },\n\n neutral: NeutralColorTokens,\n\n surface: {\n canvas: {\n value: NeutralColorTokens[\"11\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n subtle: {\n value: NeutralColorTokens[\"11\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n default: {\n value: NeutralColorTokens[\"10\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n elevated: {\n value: NeutralColorTokens[\"9\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n inverse: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n },\n\n text: {\n primary: NeutralColorTokens[\"0\"],\n secondary: NeutralColorTokens[\"2\"],\n tertiary: NeutralColorTokens[\"6\"],\n inverse: NeutralColorTokens[\"11\"],\n disabled: NeutralColorTokens[\"7\"],\n },\n\n border: {\n subtle: {\n value: NeutralColorTokens[\"7\"],\n contrast: NeutralColorTokens[\"6\"],\n },\n default: {\n value: NeutralColorTokens[\"6\"],\n contrast: NeutralColorTokens[\"2\"],\n },\n strong: {\n value: NeutralColorTokens[\"5\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n focus: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"11\"],\n },\n },\n\n feedback: {\n error: {\n value: \"#ff8787\",\n contrast: \"#3b1515\",\n },\n warning: {\n value: \"#ffc078\",\n contrast: \"#3b250f\",\n },\n success: {\n value: \"#c0eb75\",\n contrast: \"#26320f\",\n },\n info: {\n value: \"#74c0fc\",\n contrast: \"#102a43\",\n },\n },\n\n overlay: \"rgba(0, 0, 0, 0.65)\",\n\n white: NeutralColorTokens[\"0\"],\n black: NeutralColorTokens[\"13\"],\n};\n\nexport function createComponentsTokens(\n tokens: PrimitiveThemeTokens,\n): ComponentsTokens {\n return {\n colorPicker: createColorPickerTokens(tokens),\n charts: createChartsTokens(tokens),\n modal: createModalTokens(tokens),\n toast: createToastTokens(tokens),\n popover: createPopoverTokens(tokens),\n carousel: createCarouselTokens(tokens),\n accordion: createAccordionTokens(tokens),\n avatar: createAvatarTokens(tokens),\n badge: createBadgeTokens(tokens),\n button: createButtonTokens(tokens),\n card: createCardTokens(tokens),\n list: createListTokens(tokens),\n checkbox: createCheckboxTokens(tokens),\n iconButton: createIconButtonTokens(tokens),\n icon: createIconTokens(),\n iconView: createIconViewTokens(tokens),\n pagination: createPaginationTokens(tokens),\n pressable: createPressableTokens(),\n progress: createProgressTokens(tokens),\n radio: createRadioTokens(tokens),\n tag: createTagTokens(tokens),\n controlAddon: createControlAddonTokens(tokens),\n controlContainer: createControlContainerTokens(tokens),\n controlError: createControlErrorTokens(tokens),\n controlInput: createControlInputTokens(tokens),\n controlLabel: createControlLabelTokens(tokens),\n select: createSelectTokens(tokens),\n segmentedControl: createSegmentedControlTokens(tokens),\n tabs: createTabsTokens(tokens),\n datetimePicker: createDatetimePickerTokens(tokens),\n divider: createDividerTokens(tokens),\n timePicker: createTimePickerTokens(tokens),\n flyout: createFlyoutTokens(tokens),\n skeleton: createSkeletonTokens(tokens),\n slider: createSliderTokens(tokens),\n spinner: createSpinnerTokens(tokens),\n stepper: createStepperTokens(tokens),\n switch: createSwitchTokens(tokens),\n textarea: createTextareaTokens(tokens),\n dataState: createDataStateTokens(tokens),\n };\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../src/theme/tokens.theme.ts"],"sourcesContent":["import type {\n BorderSize,\n ComponentsTokens,\n FontFamily,\n FontSize,\n FontWeight,\n FontWeightItalic,\n FontWeightNormal,\n FontWeightValue,\n LetterSpacings,\n LineHeight,\n NeutralColor,\n PrimitiveThemeTokens,\n Radii,\n Space,\n ThemeColors,\n} from \"../types\";\nimport { createAccordionTokens } from \"./create-accordion-tokens\";\nimport { createAvatarTokens } from \"./create-avatar-tokens\";\nimport { createBadgeTokens } from \"./create-badge-tokens\";\nimport { createButtonTokens } from \"./create-button-tokens\";\nimport { createCardTokens } from \"./create-card-tokens\";\nimport { createCarouselTokens } from \"./create-carousel-tokens\";\nimport { createChartsTokens } from \"./create-charts-tokens\";\nimport { createCheckboxTokens } from \"./create-checkbox-tokens\";\nimport { createColorPickerTokens } from \"./create-color-picker-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 { createIconViewTokens } from \"./create-icon-view-tokens\";\nimport { createListTokens } from \"./create-list-tokens\";\nimport { createModalTokens } from \"./create-modal-tokens\";\nimport { createPaginationTokens } from \"./create-pagination-tokens\";\nimport { createPopoverTokens } from \"./create-popover-tokens\";\nimport { createPressableTokens } from \"./create-pressable-tokens\";\nimport { createProgressTokens } from \"./create-progress-tokens\";\nimport { createRadioTokens } from \"./create-radio-tokens\";\nimport { createSegmentedControlTokens } from \"./create-segmented-control-tokens\";\nimport { createSelectTokens } from \"./create-select-tokens\";\nimport { createSkeletonTokens } from \"./create-skeleton-tokens\";\nimport { createSliderTokens } from \"./create-slider-tokens\";\nimport { createSpinnerTokens } from \"./create-spinner-tokens\";\nimport { createStepperTokens } from \"./create-stepper-tokens\";\nimport { createSwitchTokens } from \"./create-switch-tokens\";\nimport { createTabsTokens } from \"./create-tabs-tokens\";\nimport { createTagTokens } from \"./create-tag-tokens\";\nimport { createTextareaTokens } from \"./create-textarea-tokens\";\nimport { createTimePickerTokens } from \"./create-time-picker-tokens\";\nimport { createToastTokens } from \"./create-toast-tokens\";\n\nexport const CodeFontFamilyToken = \"monospace\";\n\nexport { ChartColorTokens } from \"./chart-color-tokens\";\n\nexport const SpaceTokens: Space = {\n none: 0,\n xxs: 4,\n xs: 8,\n mxs: 12,\n sm: 16,\n msm: 24,\n md: 32,\n lg: 48,\n xl: 64,\n xxl: 96,\n};\n\nexport const BorderSizeTokens: BorderSize = {\n sm: 1,\n md: 2,\n lg: 3,\n xl: 5,\n xxl: 10,\n};\n\nexport const RadiiTokens: Radii = {\n sm: 4,\n md: 8,\n lg: 16,\n xl: 32,\n xxl: 64,\n xxxl: 128,\n round: 100000,\n};\n\nexport const FontSizeTokens: FontSize = {\n xxs: 8,\n xs: 12,\n xsm: 14,\n sm: 16,\n md: 18,\n lg: 20,\n xl: 24,\n xxl: 28,\n xxxl: 32,\n huge: 36,\n massive: 40,\n giant: 48,\n colossal: 56,\n};\n\nexport const LineHeightTokens: LineHeight = {\n xxs: 12,\n xs: 16,\n xsm: 20,\n sm: 24,\n md: 26,\n lg: 28,\n xl: 32,\n xxl: 36,\n xxxl: 40,\n huge: 44,\n massive: 48,\n giant: 56,\n colossal: 64,\n};\n\nexport const LetterSpacingTokens: LetterSpacings = {\n tightest: -1,\n tighter: -0.5,\n tight: -0.25,\n normal: 0,\n wide: 0.25,\n wider: 0.5,\n widest: 0.75,\n ultraWide: 1,\n};\n\nexport const FontWeightTokens: FontWeight = {\n thin: 100,\n extraLight: 200,\n light: 300,\n regular: 400,\n medium: 500,\n semiBold: 600,\n bold: 700,\n extraBold: 800,\n black: 900,\n};\n\nexport const FontFamilyWeightsNormalTokens: Record<\n FontWeightValue,\n FontWeightNormal\n> = {\n 100: \"Montserrat_100Thin\",\n 200: \"Montserrat_200ExtraLight\",\n 300: \"Montserrat_300Light\",\n 400: \"Montserrat_400Regular\",\n 500: \"Montserrat_500Medium\",\n 600: \"Montserrat_600SemiBold\",\n 700: \"Montserrat_700Bold\",\n 800: \"Montserrat_800ExtraBold\",\n 900: \"Montserrat_900Black\",\n};\n\nexport const FontFamilyWeightsItalicTokens: Record<\n FontWeightValue,\n FontWeightItalic\n> = {\n 100: \"Montserrat_100Thin_Italic\",\n 200: \"Montserrat_200ExtraLight_Italic\",\n 300: \"Montserrat_300Light_Italic\",\n 400: \"Montserrat_400Regular_Italic\",\n 500: \"Montserrat_500Medium_Italic\",\n 600: \"Montserrat_600SemiBold_Italic\",\n 700: \"Montserrat_700Bold_Italic\",\n 800: \"Montserrat_800ExtraBold_Italic\",\n 900: \"Montserrat_900Black_Italic\",\n};\n\nexport const FontFamilyTokens: FontFamily = {\n normal: FontFamilyWeightsNormalTokens,\n italic: FontFamilyWeightsItalicTokens,\n};\n\nexport const NeutralColorTokens: NeutralColor = {\n \"0\": \"#ffffff\",\n \"1\": \"#f8f9fa\",\n \"2\": \"#f1f3f5\",\n \"3\": \"#e9ecef\",\n \"4\": \"#dee2e6\",\n \"5\": \"#ced4da\",\n \"6\": \"#adb5bd\",\n \"7\": \"#868e96\",\n \"8\": \"#495057\",\n \"9\": \"#343a40\",\n \"10\": \"#212529\",\n \"11\": \"#16191d\",\n \"12\": \"#0d0f12\",\n \"13\": \"#000000\",\n};\n\nexport const LightColors: ThemeColors = {\n primary: {\n value: \"#F55D6B\",\n contrast: NeutralColorTokens[\"0\"],\n },\n\n accent: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"11\"],\n },\n\n secondary: {\n value: \"#FEE7E9\",\n contrast: \"#c92a3b\",\n },\n\n subtle: {\n value: \"#FFF5F6\",\n contrast: \"#c92a3b\",\n },\n\n neutral: NeutralColorTokens,\n\n surface: {\n canvas: {\n value: NeutralColorTokens[\"2\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n subtle: {\n value: NeutralColorTokens[\"2\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n default: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n elevated: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n inverse: {\n value: NeutralColorTokens[\"13\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n text: {\n primary: NeutralColorTokens[\"11\"],\n secondary: NeutralColorTokens[\"10\"],\n tertiary: NeutralColorTokens[\"9\"],\n inverse: NeutralColorTokens[\"0\"],\n disabled: NeutralColorTokens[\"7\"],\n },\n\n border: {\n subtle: {\n value: NeutralColorTokens[\"3\"],\n contrast: NeutralColorTokens[\"9\"],\n },\n default: {\n value: NeutralColorTokens[\"4\"],\n contrast: NeutralColorTokens[\"10\"],\n },\n strong: {\n value: NeutralColorTokens[\"6\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n focus: {\n value: \"#c92a3b\",\n contrast: NeutralColorTokens[\"0\"],\n },\n },\n\n feedback: {\n error: {\n value: \"#c92a2a\",\n contrast: \"#fff5f5\",\n },\n warning: {\n value: \"#a65300\",\n contrast: \"#fff4e6\",\n },\n success: {\n value: \"#526b00\",\n contrast: \"#f4fce3\",\n },\n info: {\n value: \"#1864ab\",\n contrast: \"#e7f5ff\",\n },\n },\n\n overlay: \"rgba(0, 0, 0, 0.45)\",\n\n white: NeutralColorTokens[\"0\"],\n black: NeutralColorTokens[\"13\"],\n};\n\nexport const DarkColors: ThemeColors = {\n primary: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"11\"],\n },\n\n accent: {\n value: \"#f55d6b\",\n contrast: NeutralColorTokens[\"11\"],\n },\n\n secondary: {\n value: \"#3b2027\",\n contrast: \"#FA9EA7\",\n },\n\n subtle: {\n value: \"#241C20\",\n contrast: \"#FA9EA7\",\n },\n\n neutral: NeutralColorTokens,\n\n surface: {\n canvas: {\n value: NeutralColorTokens[\"11\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n subtle: {\n value: NeutralColorTokens[\"11\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n default: {\n value: NeutralColorTokens[\"10\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n elevated: {\n value: NeutralColorTokens[\"9\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n inverse: {\n value: NeutralColorTokens[\"0\"],\n contrast: NeutralColorTokens[\"11\"],\n },\n },\n\n text: {\n primary: NeutralColorTokens[\"0\"],\n secondary: NeutralColorTokens[\"2\"],\n tertiary: NeutralColorTokens[\"6\"],\n inverse: NeutralColorTokens[\"11\"],\n disabled: NeutralColorTokens[\"7\"],\n },\n\n border: {\n subtle: {\n value: NeutralColorTokens[\"7\"],\n contrast: NeutralColorTokens[\"6\"],\n },\n default: {\n value: NeutralColorTokens[\"6\"],\n contrast: NeutralColorTokens[\"2\"],\n },\n strong: {\n value: NeutralColorTokens[\"5\"],\n contrast: NeutralColorTokens[\"0\"],\n },\n focus: {\n value: \"#FA9EA7\",\n contrast: NeutralColorTokens[\"11\"],\n },\n },\n\n feedback: {\n error: {\n value: \"#ff8787\",\n contrast: \"#3b1515\",\n },\n warning: {\n value: \"#ffc078\",\n contrast: \"#3b250f\",\n },\n success: {\n value: \"#c0eb75\",\n contrast: \"#26320f\",\n },\n info: {\n value: \"#74c0fc\",\n contrast: \"#102a43\",\n },\n },\n\n overlay: \"rgba(0, 0, 0, 0.65)\",\n\n white: NeutralColorTokens[\"0\"],\n black: NeutralColorTokens[\"13\"],\n};\n\nexport function createComponentsTokens(\n tokens: PrimitiveThemeTokens,\n): ComponentsTokens {\n return {\n colorPicker: createColorPickerTokens(tokens),\n charts: createChartsTokens(tokens),\n modal: createModalTokens(tokens),\n toast: createToastTokens(tokens),\n popover: createPopoverTokens(tokens),\n carousel: createCarouselTokens(tokens),\n accordion: createAccordionTokens(tokens),\n avatar: createAvatarTokens(tokens),\n badge: createBadgeTokens(tokens),\n button: createButtonTokens(tokens),\n card: createCardTokens(tokens),\n list: createListTokens(tokens),\n checkbox: createCheckboxTokens(tokens),\n iconButton: createIconButtonTokens(tokens),\n icon: createIconTokens(),\n iconView: createIconViewTokens(tokens),\n pagination: createPaginationTokens(tokens),\n pressable: createPressableTokens(),\n progress: createProgressTokens(tokens),\n radio: createRadioTokens(tokens),\n tag: createTagTokens(tokens),\n controlAddon: createControlAddonTokens(tokens),\n controlContainer: createControlContainerTokens(tokens),\n controlError: createControlErrorTokens(tokens),\n controlInput: createControlInputTokens(tokens),\n controlLabel: createControlLabelTokens(tokens),\n select: createSelectTokens(tokens),\n segmentedControl: createSegmentedControlTokens(tokens),\n tabs: createTabsTokens(tokens),\n datetimePicker: createDatetimePickerTokens(tokens),\n divider: createDividerTokens(tokens),\n timePicker: createTimePickerTokens(tokens),\n flyout: createFlyoutTokens(tokens),\n skeleton: createSkeletonTokens(tokens),\n slider: createSliderTokens(tokens),\n spinner: createSpinnerTokens(tokens),\n stepper: createStepperTokens(tokens),\n switch: createSwitchTokens(tokens),\n textarea: createTextareaTokens(tokens),\n dataState: createDataStateTokens(tokens),\n };\n}\n"],"mappings":"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","names":[]}
@@ -81,6 +81,8 @@ type ThemeColors = {
81
81
  primary: ColorPair;
82
82
  accent: ColorPair;
83
83
  secondary: ColorPair;
84
+ /** Faintest brand tint, adapted to the active color scheme. */
85
+ subtle: ColorPair;
84
86
  neutral: NeutralColor;
85
87
  surface: {
86
88
  /** App and screen backgrounds. */
@@ -30,9 +30,10 @@ interface SelectionItemState {
30
30
  }
31
31
  type ActionVariant = "filled" | "outlined" | "soft" | "ghost";
32
32
  type DisplayVariant = "filled" | "outlined" | "soft";
33
- type FieldVariant = "filled" | "outlined";
33
+ type FieldVariant = "filled" | "outlined" | "soft";
34
+ type FieldTone = "neutral" | "primary" | "secondary";
34
35
  type SelectionVariant = "filled" | "outlined" | "soft";
35
36
  /** @deprecated Use the variant type for the relevant component family. */
36
37
  type ComponentVariant = ActionVariant;
37
38
 
38
- export type { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens };
39
+ export type { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldTone, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens };
@@ -1,4 +1,4 @@
1
- import { FieldVariant, VisualStateTokens, FieldVisualState, ComponentSize } from './components.types.mjs';
1
+ import { FieldTone, FieldVariant, VisualStateTokens, FieldVisualState, ComponentSize } from './components.types.mjs';
2
2
 
3
3
  interface ControlAddonAppearanceTokens {
4
4
  iconColor: string;
@@ -7,7 +7,7 @@ type ControlAddonVariantTokens = Record<FieldVariant, VisualStateTokens<FieldVis
7
7
  interface ControlAddonTokens {
8
8
  marginHorizontal: number;
9
9
  hitSlop: number;
10
- variants: ControlAddonVariantTokens;
10
+ colors: Record<FieldTone, ControlAddonVariantTokens>;
11
11
  }
12
12
  type ControlContainerSizeTokens = Record<ComponentSize, {
13
13
  height: number;
@@ -23,7 +23,7 @@ interface ControlContainerTokens {
23
23
  borderWidth: number;
24
24
  borderRadius: number;
25
25
  sizes: ControlContainerSizeTokens;
26
- variants: ControlContainerVariantTokens;
26
+ colors: Record<FieldTone, ControlContainerVariantTokens>;
27
27
  }
28
28
  interface ControlErrorTokens {
29
29
  marginTop: number;
@@ -43,7 +43,7 @@ interface ControlInputTokens {
43
43
  fontFamily: string;
44
44
  paddingHorizontal: number;
45
45
  sizes: ControlInputSizeTokens;
46
- variants: ControlInputVariantTokens;
46
+ colors: Record<FieldTone, ControlInputVariantTokens>;
47
47
  }
48
48
  interface ControlLabelAppearanceTokens {
49
49
  color: string;
@@ -2,13 +2,13 @@ export { BorderProps } from './border.types.mjs';
2
2
  export { ColorProps } from './color.types.mjs';
3
3
  export { ChartColorPalette } from './chart.types.mjs';
4
4
  export { ChartsLabelTokens, ChartsTokens } from './charts-tokens.types.mjs';
5
- export { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens } from './components.types.mjs';
5
+ export { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldTone, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens } from './components.types.mjs';
6
6
  export { DimensionProps } from './dimension.types.mjs';
7
7
  export { FlexProps } from './flex.types.mjs';
8
8
  export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps, ShadowScaleTokens } from './shadow.types.mjs';
9
9
  export { SpacingProps } from './spacing.types.mjs';
10
10
  export { StylePropKey, StyleProps } from './style.types.mjs';
11
- export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData, e as ToastTokens, f as ToastTone } from '../theme-provider.types-e3tYI4ca.mjs';
11
+ export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData, e as ToastTokens, f as ToastTone } from '../theme-provider.types-Cw0b-Rcy.mjs';
12
12
  export { BorderSize, BorderSizeKey, FontFamily, FontSize, FontWeight, FontWeightItalic, FontWeightKeys, FontWeightNormal, FontWeightValue, LetterSpacingKey, LetterSpacings, LineHeight, NeutralColor, NeutralColorKey, Radii, RadiiBlob, RadiiConditional, RadiiDrawn, RadiusBlobKey, RadiusConditionalKey, RadiusDrawnKey, RadiusKey, Space, SpaceSizesKey, TypographyKey } from './tokens.types.mjs';
13
13
  export { TypographyPresetKey, TypographyProps } from './typography.types.mjs';
14
14
  export { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './buttons-tokens.types.mjs';
@@ -10,7 +10,7 @@ import './popover-tokens.types.mjs';
10
10
  import './radio-tokens.types.mjs';
11
11
  import './shadow.types.mjs';
12
12
  import './tabs-tokens.types.mjs';
13
- export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData } from '../theme-provider.types-e3tYI4ca.mjs';
13
+ export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PrimitiveThemeTokens, T as ThemeColors, d as ThemeContextData } from '../theme-provider.types-Cw0b-Rcy.mjs';
14
14
  import './accordion-tokens.types.mjs';
15
15
  import './avatar-tokens.types.mjs';
16
16
  import './buttons-tokens.types.mjs';
@@ -1,4 +1,4 @@
1
- export { e as ToastTokens, f as ToastTone } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ export { e as ToastTokens, f as ToastTone } from '../theme-provider.types-Cw0b-Rcy.mjs';
2
2
  import './tokens.types.mjs';
3
3
  import './badge-tokens.types.mjs';
4
4
  import './components.types.mjs';
@@ -29,7 +29,7 @@ import '../types/flex.types.mjs';
29
29
  import '../types/spacing.types.mjs';
30
30
  import '../types/typography.types.mjs';
31
31
  import '../types/tokens.types.mjs';
32
- import '../theme-provider.types-e3tYI4ca.mjs';
32
+ import '../theme-provider.types-Cw0b-Rcy.mjs';
33
33
  import '../types/badge-tokens.types.mjs';
34
34
  import '../types/carousel-tokens.types.mjs';
35
35
  import '../types/charts-tokens.types.mjs';
@@ -1,7 +1,7 @@
1
1
  import { ViewStyle } from 'react-native';
2
2
  import { ShadowLevel, ShadowPosition, ShadowScaleTokens } from '../types/shadow.types.mjs';
3
3
  import { StyleProps } from '../types/style.types.mjs';
4
- import { T as ThemeColors } from '../theme-provider.types-e3tYI4ca.mjs';
4
+ import { T as ThemeColors } from '../theme-provider.types-Cw0b-Rcy.mjs';
5
5
  import '../types/border.types.mjs';
6
6
  import '../types/color.types.mjs';
7
7
  import '../types/dimension.types.mjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@impulse-ui-native/theme",
3
- "version": "11.3.2",
3
+ "version": "12.0.0",
4
4
  "description": "Theme tokens, providers, and styling utilities for ImpulseUI Native.",
5
5
  "keywords": [
6
6
  "react-native",
@@ -28,7 +28,7 @@
28
28
  ],
29
29
  "sideEffects": false,
30
30
  "dependencies": {
31
- "@impulse-ui-native/core": "11.3.2"
31
+ "@impulse-ui-native/core": "12.0.0"
32
32
  },
33
33
  "devDependencies": {
34
34
  "@impulse-ui-native/eslint-config": "1.0.0",