@impulse-ui-native/theme 11.3.2 → 11.4.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 (58) 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 +1 -1
  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-data-state-tokens.d.mts +1 -1
  23. package/dist/theme/create-datetime-picker.d.mts +1 -1
  24. package/dist/theme/create-divider-tokens.d.mts +1 -1
  25. package/dist/theme/create-flyout-tokens.d.mts +1 -1
  26. package/dist/theme/create-icon-button-tokens.d.mts +1 -1
  27. package/dist/theme/create-icon-view-tokens.d.mts +1 -1
  28. package/dist/theme/create-list-tokens.d.mts +1 -1
  29. package/dist/theme/create-modal-tokens.d.mts +1 -1
  30. package/dist/theme/create-pagination-tokens.d.mts +1 -1
  31. package/dist/theme/create-popover-tokens.d.mts +1 -1
  32. package/dist/theme/create-progress-tokens.d.mts +1 -1
  33. package/dist/theme/create-radio-tokens.d.mts +1 -1
  34. package/dist/theme/create-segmented-control-tokens.d.mts +1 -1
  35. package/dist/theme/create-select-tokens.d.mts +1 -1
  36. package/dist/theme/create-skeleton-tokens.d.mts +1 -1
  37. package/dist/theme/create-slider-tokens.d.mts +1 -1
  38. package/dist/theme/create-spinner-tokens.d.mts +1 -1
  39. package/dist/theme/create-stepper-tokens.d.mts +1 -1
  40. package/dist/theme/create-switch-tokens.d.mts +1 -1
  41. package/dist/theme/create-tabs-tokens.d.mts +1 -1
  42. package/dist/theme/create-tag-tokens.d.mts +1 -1
  43. package/dist/theme/create-textarea-tokens.d.mts +1 -1
  44. package/dist/theme/create-time-picker-tokens.d.mts +1 -1
  45. package/dist/theme/create-toast-tokens.d.mts +1 -1
  46. package/dist/theme/dark.theme.d.mts +1 -1
  47. package/dist/theme/index.d.mts +1 -1
  48. package/dist/theme/light.theme.d.mts +1 -1
  49. package/dist/theme/tokens.theme.d.mts +1 -1
  50. package/dist/theme/tokens.theme.js +8 -0
  51. package/dist/theme/tokens.theme.js.map +1 -1
  52. package/dist/{theme-provider.types-e3tYI4ca.d.mts → theme-provider.types-Cw0b-Rcy.d.mts} +2 -0
  53. package/dist/types/index.d.mts +1 -1
  54. package/dist/types/theme-provider.types.d.mts +1 -1
  55. package/dist/types/toast-tokens.types.d.mts +1 -1
  56. package/dist/utils/index.d.mts +1 -1
  57. package/dist/utils/style.utils.d.mts +1 -1
  58. package/package.json +2 -2
package/README.md CHANGED
@@ -46,6 +46,26 @@ export function App() {
46
46
  - Primitive token constants include `SpaceTokens`, `BorderSizeTokens`, `RadiiTokens`, `FontSizeTokens`, `LineHeightTokens`, `FontWeightTokens`, and the color scales.
47
47
  - Public types cover colors, spacing, dimensions, flex, typography, shadows, component variants, theme extension, and every component-token group.
48
48
 
49
+ ## Brand colors
50
+
51
+ `colors.primary`, `colors.accent`, `colors.secondary`, and `colors.subtle` each
52
+ provide a `value` fill and a `contrast` foreground. `subtle` is the faintest brand
53
+ tint: near-white pink (`#FFF5F6`) in light mode and a restrained dark pink
54
+ (`#241C20`) in dark mode. Use it for low-emphasis branded backgrounds with
55
+ `subtle.contrast` for text or icons. It is separate from the neutral
56
+ `colors.surface.subtle` role. ColorPicker includes it in the default presets.
57
+
58
+ ```tsx
59
+ const { subtle } = useColors();
60
+
61
+ <View backgroundColor={subtle.value}>
62
+ <Typography.Body color={subtle.contrast}>Quiet emphasis</Typography.Body>
63
+ </View>;
64
+ ```
65
+
66
+ Override `colors.subtle.value` and `colors.subtle.contrast` through the same
67
+ per-scheme theme overrides as the other brand colors.
68
+
49
69
  ## Customizing tokens
50
70
 
51
71
  ```tsx
@@ -7,7 +7,7 @@ export { useStyleProps } from './use-style-props.hook.mjs';
7
7
  export { useTheme } from './use-theme.hook.mjs';
8
8
  export { useThemedStyles } from './use-themed-styles.mjs';
9
9
  import '../types/tokens.types.mjs';
10
- import '../theme-provider.types-e3tYI4ca.mjs';
10
+ import '../theme-provider.types-Cw0b-Rcy.mjs';
11
11
  import '../types/badge-tokens.types.mjs';
12
12
  import '../types/components.types.mjs';
13
13
  import '../types/carousel-tokens.types.mjs';
@@ -1,4 +1,4 @@
1
- import { T as ThemeColors } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { T as ThemeColors } 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 { c as ComponentsTokens } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { c as ComponentsTokens } 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 { A as AppTheme } from '../theme-provider.types-e3tYI4ca.mjs';
1
+ import { A as AppTheme } 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 { ViewStyle, TextStyle, ImageStyle } from 'react-native';
2
- import { A as AppTheme } from '../theme-provider.types-e3tYI4ca.mjs';
2
+ import { A as AppTheme } from '../theme-provider.types-Cw0b-Rcy.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/carousel-tokens.types.mjs';
package/dist/index.d.mts CHANGED
@@ -31,7 +31,7 @@ export { FlexProps } from './types/flex.types.mjs';
31
31
  export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps, ShadowScaleTokens } from './types/shadow.types.mjs';
32
32
  export { SpacingProps } from './types/spacing.types.mjs';
33
33
  export { StylePropKey, StyleProps } from './types/style.types.mjs';
34
- 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';
34
+ 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';
35
35
  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 './types/tokens.types.mjs';
36
36
  export { TypographyPresetKey, TypographyProps } from './types/typography.types.mjs';
37
37
  export { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './types/buttons-tokens.types.mjs';
@@ -1,7 +1,7 @@
1
1
  export { ThemeProvider, useThemeContext } from './theme.provider.mjs';
2
2
  import 'react';
3
3
  import '@impulse-ui-native/core';
4
- import '../theme-provider.types-e3tYI4ca.mjs';
4
+ import '../theme-provider.types-Cw0b-Rcy.mjs';
5
5
  import '../types/badge-tokens.types.mjs';
6
6
  import '../types/components.types.mjs';
7
7
  import '../types/carousel-tokens.types.mjs';
@@ -1,7 +1,7 @@
1
1
  import * as react from 'react';
2
2
  import { PropsWithChildren } from 'react';
3
3
  import { DeepPartial } from '@impulse-ui-native/core';
4
- import { a as ColorScheme, P as PrimitiveThemeTokens, c as ComponentsTokens, A as AppTheme } from '../theme-provider.types-e3tYI4ca.mjs';
4
+ import { a as ColorScheme, P as PrimitiveThemeTokens, c as ComponentsTokens, A as AppTheme } from '../theme-provider.types-Cw0b-Rcy.mjs';
5
5
  import '../types/badge-tokens.types.mjs';
6
6
  import '../types/components.types.mjs';
7
7
  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 { AccordionTokens } from '../types/accordion-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 { AvatarTokens } from '../types/avatar-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 { BadgeTokens } from '../types/badge-tokens.types.mjs';
3
3
  import '../types/carousel-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 { ButtonTokens } 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 { CardTokens } from '../types/card-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 { CarouselTokens } from '../types/carousel-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -1,5 +1,5 @@
1
1
  import { ChartsLabelTokens, ChartsTokens } from '../types/charts-tokens.types.mjs';
2
- import { P as PrimitiveThemeTokens } from '../theme-provider.types-e3tYI4ca.mjs';
2
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-Cw0b-Rcy.mjs';
3
3
  import 'react-native';
4
4
  import '../types/chart.types.mjs';
5
5
  import '../types/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 { CheckboxTokens } from '../types/checkbox-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 { ColorPickerTokens } from '../types/color-picker-tokens.types.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
@@ -35,6 +35,7 @@ function createColorPickerTokens(tokens) {
35
35
  { label: "Primary", color: colors.primary.value },
36
36
  { label: "Accent", color: colors.accent.value },
37
37
  { label: "Secondary", color: colors.secondary.value },
38
+ { label: "Subtle", color: colors.subtle.value },
38
39
  { label: "Error", color: colors.feedback.error.value },
39
40
  { label: "Warning", color: colors.feedback.warning.value },
40
41
  { label: "Success", color: colors.feedback.success.value },
@@ -1 +1 @@
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":[]}
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: \"Subtle\", color: colors.subtle.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,UAAU,OAAO,OAAO,OAAO,MAAM;AAAA,MAC9C,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":[]}
@@ -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 { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, ControlInputTokens, ControlLabelTokens } from '../types/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 { 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. */
@@ -8,7 +8,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": "11.4.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": "11.4.0"
32
32
  },
33
33
  "devDependencies": {
34
34
  "@impulse-ui-native/eslint-config": "1.0.0",