@impulse-ui-native/theme 6.3.1 → 7.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 (68) hide show
  1. package/dist/hooks/index.d.mts +3 -1
  2. package/dist/hooks/use-colors.hook.d.mts +3 -1
  3. package/dist/hooks/use-components-tokens.hook.d.mts +3 -1
  4. package/dist/hooks/use-theme.hook.d.mts +3 -1
  5. package/dist/hooks/use-themed-styles.d.mts +3 -1
  6. package/dist/index.d.mts +4 -1
  7. package/dist/providers/index.d.mts +3 -1
  8. package/dist/providers/theme.provider.d.mts +3 -1
  9. package/dist/theme/create-accordion-tokens.d.mts +3 -1
  10. package/dist/theme/create-avatar-tokens.d.mts +3 -1
  11. package/dist/theme/create-badge-tokens.d.mts +3 -1
  12. package/dist/theme/create-button-tokens.d.mts +3 -1
  13. package/dist/theme/create-card-tokens.d.mts +3 -1
  14. package/dist/theme/create-carousel-tokens.d.mts +3 -1
  15. package/dist/theme/create-checkbox-tokens.d.mts +3 -1
  16. package/dist/theme/create-control-tokens.d.mts +3 -1
  17. package/dist/theme/create-data-state-tokens.d.mts +3 -1
  18. package/dist/theme/create-datetime-picker.d.mts +3 -1
  19. package/dist/theme/create-divider-tokens.d.mts +3 -1
  20. package/dist/theme/create-flyout-tokens.d.mts +3 -1
  21. package/dist/theme/create-flyout-tokens.js +8 -5
  22. package/dist/theme/create-flyout-tokens.js.map +1 -1
  23. package/dist/theme/create-icon-button-tokens.d.mts +3 -1
  24. package/dist/theme/create-list-tokens.d.mts +3 -1
  25. package/dist/theme/create-modal-tokens.d.mts +37 -0
  26. package/dist/theme/create-modal-tokens.js +32 -0
  27. package/dist/theme/create-modal-tokens.js.map +1 -0
  28. package/dist/theme/create-pagination-tokens.d.mts +3 -1
  29. package/dist/theme/create-popover-tokens.d.mts +3 -1
  30. package/dist/theme/create-popover-tokens.js +12 -17
  31. package/dist/theme/create-popover-tokens.js.map +1 -1
  32. package/dist/theme/create-progress-tokens.d.mts +3 -1
  33. package/dist/theme/create-radio-tokens.d.mts +3 -1
  34. package/dist/theme/create-segmented-control-tokens.d.mts +3 -1
  35. package/dist/theme/create-select-tokens.d.mts +3 -1
  36. package/dist/theme/create-skeleton-tokens.d.mts +3 -1
  37. package/dist/theme/create-slider-tokens.d.mts +3 -1
  38. package/dist/theme/create-spinner-tokens.d.mts +3 -1
  39. package/dist/theme/create-stepper-tokens.d.mts +3 -1
  40. package/dist/theme/create-switch-tokens.d.mts +3 -1
  41. package/dist/theme/create-tag-tokens.d.mts +3 -1
  42. package/dist/theme/create-textarea-tokens.d.mts +3 -1
  43. package/dist/theme/create-time-picker-tokens.d.mts +3 -1
  44. package/dist/theme/create-toast-tokens.d.mts +3 -1
  45. package/dist/theme/create-toast-tokens.js +2 -0
  46. package/dist/theme/create-toast-tokens.js.map +1 -1
  47. package/dist/theme/dark.theme.d.mts +3 -1
  48. package/dist/theme/index.d.mts +4 -1
  49. package/dist/theme/index.js +1 -0
  50. package/dist/theme/index.js.map +1 -1
  51. package/dist/theme/light.theme.d.mts +3 -1
  52. package/dist/theme/tokens.theme.d.mts +3 -1
  53. package/dist/theme/tokens.theme.js +2 -0
  54. package/dist/theme/tokens.theme.js.map +1 -1
  55. package/dist/{theme-provider.types-CF8cI9yU.d.mts → theme-provider.types-CPFMVXUS.d.mts} +6 -24
  56. package/dist/types/flyout-tokens.types.d.mts +3 -0
  57. package/dist/types/index.d.mts +3 -1
  58. package/dist/types/index.js +1 -0
  59. package/dist/types/index.js.map +1 -1
  60. package/dist/types/modal-tokens.types.d.mts +28 -0
  61. package/dist/types/modal-tokens.types.js +1 -0
  62. package/dist/types/modal-tokens.types.js.map +1 -0
  63. package/dist/types/popover-tokens.types.d.mts +30 -31
  64. package/dist/types/theme-provider.types.d.mts +3 -1
  65. package/dist/types/toast-tokens.types.d.mts +3 -1
  66. package/dist/utils/index.d.mts +3 -1
  67. package/dist/utils/style.utils.d.mts +3 -1
  68. package/package.json +2 -2
package/dist/hooks/index.d.mts CHANGED
@@ -7,12 +7,14 @@ 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-CF8cI9yU.mjs';
10
+ import '../theme-provider.types-CPFMVXUS.mjs';
11
11
  import '../types/badge-tokens.types.mjs';
12
12
  import '../types/components.types.mjs';
13
13
  import '../types/carousel-tokens.types.mjs';
14
14
  import '../types/checkbox-tokens.types.mjs';
15
15
  import '../types/list-tokens.types.mjs';
16
+ import '../types/modal-tokens.types.mjs';
17
+ import '../types/popover-tokens.types.mjs';
16
18
  import '../types/radio-tokens.types.mjs';
17
19
  import '../types/accordion-tokens.types.mjs';
18
20
  import '../types/avatar-tokens.types.mjs';
package/dist/hooks/use-colors.hook.d.mts CHANGED
@@ -1,9 +1,11 @@
1
- import { T as ThemeColors } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { T as ThemeColors } from '../theme-provider.types-CPFMVXUS.mjs';
2
2
  import '../types/badge-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
4
  import '../types/carousel-tokens.types.mjs';
5
5
  import '../types/checkbox-tokens.types.mjs';
6
6
  import '../types/list-tokens.types.mjs';
7
+ import '../types/modal-tokens.types.mjs';
8
+ import '../types/popover-tokens.types.mjs';
7
9
  import '../types/radio-tokens.types.mjs';
8
10
  import '../types/accordion-tokens.types.mjs';
9
11
  import '../types/avatar-tokens.types.mjs';
package/dist/hooks/use-components-tokens.hook.d.mts CHANGED
@@ -1,9 +1,11 @@
1
- import { c as ComponentsTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { c as ComponentsTokens } from '../theme-provider.types-CPFMVXUS.mjs';
2
2
  import '../types/badge-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
4
  import '../types/carousel-tokens.types.mjs';
5
5
  import '../types/checkbox-tokens.types.mjs';
6
6
  import '../types/list-tokens.types.mjs';
7
+ import '../types/modal-tokens.types.mjs';
8
+ import '../types/popover-tokens.types.mjs';
7
9
  import '../types/radio-tokens.types.mjs';
8
10
  import '../types/accordion-tokens.types.mjs';
9
11
  import '../types/avatar-tokens.types.mjs';
package/dist/hooks/use-theme.hook.d.mts CHANGED
@@ -1,9 +1,11 @@
1
- import { A as AppTheme } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { A as AppTheme } from '../theme-provider.types-CPFMVXUS.mjs';
2
2
  import '../types/badge-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
4
  import '../types/carousel-tokens.types.mjs';
5
5
  import '../types/checkbox-tokens.types.mjs';
6
6
  import '../types/list-tokens.types.mjs';
7
+ import '../types/modal-tokens.types.mjs';
8
+ import '../types/popover-tokens.types.mjs';
7
9
  import '../types/radio-tokens.types.mjs';
8
10
  import '../types/accordion-tokens.types.mjs';
9
11
  import '../types/avatar-tokens.types.mjs';
package/dist/hooks/use-themed-styles.d.mts CHANGED
@@ -1,10 +1,12 @@
1
1
  import { StyleSheet } from 'react-native';
2
- import { A as AppTheme } from '../theme-provider.types-CF8cI9yU.mjs';
2
+ import { A as AppTheme } from '../theme-provider.types-CPFMVXUS.mjs';
3
3
  import '../types/badge-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/radio-tokens.types.mjs';
9
11
  import '../types/accordion-tokens.types.mjs';
10
12
  import '../types/avatar-tokens.types.mjs';
package/dist/index.d.mts CHANGED
@@ -17,6 +17,7 @@ export { createSegmentedControlTokens } from './theme/create-segmented-control-t
17
17
  export { createCarouselTokens } from './theme/create-carousel-tokens.mjs';
18
18
  export { createToastTokens } from './theme/create-toast-tokens.mjs';
19
19
  export { createPopoverTokens } from './theme/create-popover-tokens.mjs';
20
+ export { createModalTokens } from './theme/create-modal-tokens.mjs';
20
21
  export { BorderProps } from './types/border.types.mjs';
21
22
  export { ColorProps } from './types/color.types.mjs';
22
23
  export { ChartColorPalette } from './types/chart.types.mjs';
@@ -26,7 +27,7 @@ export { FlexProps } from './types/flex.types.mjs';
26
27
  export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps } from './types/shadow.types.mjs';
27
28
  export { SpacingProps } from './types/spacing.types.mjs';
28
29
  export { StylePropKey, StyleProps } from './types/style.types.mjs';
29
- export { A as AppTheme, C as ColorPair, a as ColorScheme, b as ComponentsThemes, c as ComponentsTokens, E as ExtendedThemeColors, P as PopoverTokens, d as PrimitiveThemeTokens, T as ThemeColors, e as ThemeContextData, f as ToastTokens, g as ToastTone } from './theme-provider.types-CF8cI9yU.mjs';
30
+ 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-CPFMVXUS.mjs';
30
31
  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';
31
32
  export { TypographyPresetKey, TypographyProps } from './types/typography.types.mjs';
32
33
  export { ActionAppearanceTokens, ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './types/buttons-tokens.types.mjs';
@@ -57,6 +58,8 @@ export { TextareaAppearanceTokens, TextareaSizeTokens, TextareaTokens } from './
57
58
  export { DataStateActionsFooterTokens, DataStateContentTokens, DataStateDetailsTokens, DataStateLoadingTokens, DataStateTokens } from './types/data-state-tokens.types.mjs';
58
59
  export { ListTokens } from './types/list-tokens.types.mjs';
59
60
  export { CarouselCounterAppearanceTokens, CarouselIndicatorAppearanceTokens, CarouselTokens } from './types/carousel-tokens.types.mjs';
61
+ export { PopoverTokens } from './types/popover-tokens.types.mjs';
62
+ export { ModalTokens } from './types/modal-tokens.types.mjs';
60
63
  export { getActionStateTokens } from './utils/action-state.utils.mjs';
61
64
  export { getAvailabilityStateTokens } from './utils/availability-state.utils.mjs';
62
65
  export { getControlStateTokens } from './utils/control-state.utils.mjs';
package/dist/providers/index.d.mts CHANGED
@@ -2,12 +2,14 @@ export { ThemeProvider, useThemeContext } from './theme.provider.mjs';
2
2
  import 'react';
3
3
  import 'react/jsx-runtime';
4
4
  import '@impulse-ui-native/core';
5
- import '../theme-provider.types-CF8cI9yU.mjs';
5
+ import '../theme-provider.types-CPFMVXUS.mjs';
6
6
  import '../types/badge-tokens.types.mjs';
7
7
  import '../types/components.types.mjs';
8
8
  import '../types/carousel-tokens.types.mjs';
9
9
  import '../types/checkbox-tokens.types.mjs';
10
10
  import '../types/list-tokens.types.mjs';
11
+ import '../types/modal-tokens.types.mjs';
12
+ import '../types/popover-tokens.types.mjs';
11
13
  import '../types/radio-tokens.types.mjs';
12
14
  import '../types/accordion-tokens.types.mjs';
13
15
  import '../types/avatar-tokens.types.mjs';
package/dist/providers/theme.provider.d.mts CHANGED
@@ -2,12 +2,14 @@ import * as react from 'react';
2
2
  import { PropsWithChildren } from 'react';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import { DeepPartial } from '@impulse-ui-native/core';
5
- import { a as ColorScheme, d as PrimitiveThemeTokens, c as ComponentsTokens, A as AppTheme } from '../theme-provider.types-CF8cI9yU.mjs';
5
+ import { a as ColorScheme, P as PrimitiveThemeTokens, c as ComponentsTokens, A as AppTheme } from '../theme-provider.types-CPFMVXUS.mjs';
6
6
  import '../types/badge-tokens.types.mjs';
7
7
  import '../types/components.types.mjs';
8
8
  import '../types/carousel-tokens.types.mjs';
9
9
  import '../types/checkbox-tokens.types.mjs';
10
10
  import '../types/list-tokens.types.mjs';
11
+ import '../types/modal-tokens.types.mjs';
12
+ import '../types/popover-tokens.types.mjs';
11
13
  import '../types/radio-tokens.types.mjs';
12
14
  import '../types/accordion-tokens.types.mjs';
13
15
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-accordion-tokens.d.mts CHANGED
@@ -1,10 +1,12 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/radio-tokens.types.mjs';
9
11
  import '../types/avatar-tokens.types.mjs';
10
12
  import '../types/buttons-tokens.types.mjs';
package/dist/theme/create-avatar-tokens.d.mts CHANGED
@@ -1,10 +1,12 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/radio-tokens.types.mjs';
9
11
  import '../types/accordion-tokens.types.mjs';
10
12
  import '../types/buttons-tokens.types.mjs';
package/dist/theme/create-badge-tokens.d.mts CHANGED
@@ -1,9 +1,11 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/checkbox-tokens.types.mjs';
6
6
  import '../types/list-tokens.types.mjs';
7
+ import '../types/modal-tokens.types.mjs';
8
+ import '../types/popover-tokens.types.mjs';
7
9
  import '../types/radio-tokens.types.mjs';
8
10
  import '../types/accordion-tokens.types.mjs';
9
11
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-button-tokens.d.mts CHANGED
@@ -1,10 +1,12 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/radio-tokens.types.mjs';
9
11
  import '../types/accordion-tokens.types.mjs';
10
12
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-card-tokens.d.mts CHANGED
@@ -1,10 +1,12 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/radio-tokens.types.mjs';
9
11
  import '../types/accordion-tokens.types.mjs';
10
12
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-carousel-tokens.d.mts CHANGED
@@ -1,9 +1,11 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/checkbox-tokens.types.mjs';
6
6
  import '../types/list-tokens.types.mjs';
7
+ import '../types/modal-tokens.types.mjs';
8
+ import '../types/popover-tokens.types.mjs';
7
9
  import '../types/radio-tokens.types.mjs';
8
10
  import '../types/accordion-tokens.types.mjs';
9
11
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-checkbox-tokens.d.mts CHANGED
@@ -1,9 +1,11 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/list-tokens.types.mjs';
7
+ import '../types/modal-tokens.types.mjs';
8
+ import '../types/popover-tokens.types.mjs';
7
9
  import '../types/radio-tokens.types.mjs';
8
10
  import '../types/accordion-tokens.types.mjs';
9
11
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-control-tokens.d.mts CHANGED
@@ -1,10 +1,12 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/radio-tokens.types.mjs';
9
11
  import '../types/accordion-tokens.types.mjs';
10
12
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-data-state-tokens.d.mts CHANGED
@@ -1,10 +1,12 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/radio-tokens.types.mjs';
9
11
  import '../types/accordion-tokens.types.mjs';
10
12
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-datetime-picker.d.mts CHANGED
@@ -1,10 +1,12 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/radio-tokens.types.mjs';
9
11
  import '../types/accordion-tokens.types.mjs';
10
12
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-divider-tokens.d.mts CHANGED
@@ -1,10 +1,12 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/radio-tokens.types.mjs';
9
11
  import '../types/accordion-tokens.types.mjs';
10
12
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-flyout-tokens.d.mts CHANGED
@@ -1,10 +1,12 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/radio-tokens.types.mjs';
9
11
  import '../types/accordion-tokens.types.mjs';
10
12
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-flyout-tokens.js CHANGED
@@ -1,17 +1,20 @@
1
1
  function createFlyoutTokens(tokens) {
2
- const borderRadius = tokens.radii.xl;
2
+ const borderRadius = tokens.radii.lg;
3
3
  const handleContainerHeight = 32;
4
4
  return {
5
5
  zIndexBase: 100,
6
6
  maxHeightRatio: 0.7,
7
7
  overlayColor: tokens.colors.text.tertiary,
8
8
  overlayVisibleOpacity: 0.4,
9
- backgroundColor: tokens.colors.surface.secondary.value,
10
- contentPaddingHorizontal: tokens.space.md,
9
+ backgroundColor: tokens.colors.surface.elevated.value,
10
+ contentPaddingHorizontal: tokens.space.sm,
11
11
  hiddenOpacity: 0,
12
12
  title: {
13
- paddingVertical: tokens.space.msm,
14
- paddingHorizontal: tokens.space.md
13
+ paddingVertical: tokens.space.sm,
14
+ paddingHorizontal: tokens.space.sm,
15
+ color: tokens.colors.text.primary,
16
+ fontSize: tokens.fontSize.lg,
17
+ lineHeight: tokens.lineHeight.lg
15
18
  },
16
19
  handle: {
17
20
  width: "25%",
package/dist/theme/create-flyout-tokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/theme/create-flyout-tokens.ts"],"sourcesContent":["import { FlyoutTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createFlyoutTokens(tokens: PrimitiveThemeTokens): FlyoutTokens {\n const borderRadius = tokens.radii.xl;\n const handleContainerHeight = 32;\n\n return {\n zIndexBase: 100,\n\n maxHeightRatio: 0.7,\n\n overlayColor: tokens.colors.text.tertiary,\n overlayVisibleOpacity: 0.4,\n\n backgroundColor: tokens.colors.surface.secondary.value,\n contentPaddingHorizontal: tokens.space.md,\n\n hiddenOpacity: 0,\n\n title: {\n paddingVertical: tokens.space.msm,\n paddingHorizontal: tokens.space.md,\n },\n\n handle: {\n width: \"25%\",\n height: 6,\n borderRadius: tokens.radii.round,\n backgroundColor: tokens.colors.border.default.value,\n },\n\n placements: {\n top: {\n container: {\n top: 0,\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n borderBottomLeftRadius: borderRadius,\n borderBottomRightRadius: borderRadius,\n },\n handleContainer: {\n bottom: -handleContainerHeight,\n height: handleContainerHeight,\n },\n },\n bottom: {\n container: {\n bottom: 0,\n borderTopLeftRadius: borderRadius,\n borderTopRightRadius: borderRadius,\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n },\n handleContainer: {\n top: -handleContainerHeight,\n height: handleContainerHeight,\n },\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,QAAM,eAAe,OAAO,MAAM;AAClC,QAAM,wBAAwB;AAE9B,SAAO;AAAA,IACL,YAAY;AAAA,IAEZ,gBAAgB;AAAA,IAEhB,cAAc,OAAO,OAAO,KAAK;AAAA,IACjC,uBAAuB;AAAA,IAEvB,iBAAiB,OAAO,OAAO,QAAQ,UAAU;AAAA,IACjD,0BAA0B,OAAO,MAAM;AAAA,IAEvC,eAAe;AAAA,IAEf,OAAO;AAAA,MACL,iBAAiB,OAAO,MAAM;AAAA,MAC9B,mBAAmB,OAAO,MAAM;AAAA,IAClC;AAAA,IAEA,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc,OAAO,MAAM;AAAA,MAC3B,iBAAiB,OAAO,OAAO,OAAO,QAAQ;AAAA,IAChD;AAAA,IAEA,YAAY;AAAA,MACV,KAAK;AAAA,QACH,WAAW;AAAA,UACT,KAAK;AAAA,UACL,qBAAqB;AAAA,UACrB,sBAAsB;AAAA,UACtB,wBAAwB;AAAA,UACxB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iBAAiB;AAAA,UACf,QAAQ,CAAC;AAAA,UACT,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,QACN,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,qBAAqB;AAAA,UACrB,sBAAsB;AAAA,UACtB,wBAAwB;AAAA,UACxB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iBAAiB;AAAA,UACf,KAAK,CAAC;AAAA,UACN,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
1
+ {"version":3,"sources":["../../src/theme/create-flyout-tokens.ts"],"sourcesContent":["import type { FlyoutTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createFlyoutTokens(tokens: PrimitiveThemeTokens): FlyoutTokens {\n const borderRadius = tokens.radii.lg;\n const handleContainerHeight = 32;\n\n return {\n zIndexBase: 100,\n\n maxHeightRatio: 0.7,\n\n overlayColor: tokens.colors.text.tertiary,\n overlayVisibleOpacity: 0.4,\n\n backgroundColor: tokens.colors.surface.elevated.value,\n contentPaddingHorizontal: tokens.space.sm,\n\n hiddenOpacity: 0,\n\n title: {\n paddingVertical: tokens.space.sm,\n paddingHorizontal: tokens.space.sm,\n color: tokens.colors.text.primary,\n fontSize: tokens.fontSize.lg,\n lineHeight: tokens.lineHeight.lg,\n },\n\n handle: {\n width: \"25%\",\n height: 6,\n borderRadius: tokens.radii.round,\n backgroundColor: tokens.colors.border.default.value,\n },\n\n placements: {\n top: {\n container: {\n top: 0,\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n borderBottomLeftRadius: borderRadius,\n borderBottomRightRadius: borderRadius,\n },\n handleContainer: {\n bottom: -handleContainerHeight,\n height: handleContainerHeight,\n },\n },\n bottom: {\n container: {\n bottom: 0,\n borderTopLeftRadius: borderRadius,\n borderTopRightRadius: borderRadius,\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n },\n handleContainer: {\n top: -handleContainerHeight,\n height: handleContainerHeight,\n },\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,QAAM,eAAe,OAAO,MAAM;AAClC,QAAM,wBAAwB;AAE9B,SAAO;AAAA,IACL,YAAY;AAAA,IAEZ,gBAAgB;AAAA,IAEhB,cAAc,OAAO,OAAO,KAAK;AAAA,IACjC,uBAAuB;AAAA,IAEvB,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAChD,0BAA0B,OAAO,MAAM;AAAA,IAEvC,eAAe;AAAA,IAEf,OAAO;AAAA,MACL,iBAAiB,OAAO,MAAM;AAAA,MAC9B,mBAAmB,OAAO,MAAM;AAAA,MAChC,OAAO,OAAO,OAAO,KAAK;AAAA,MAC1B,UAAU,OAAO,SAAS;AAAA,MAC1B,YAAY,OAAO,WAAW;AAAA,IAChC;AAAA,IAEA,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc,OAAO,MAAM;AAAA,MAC3B,iBAAiB,OAAO,OAAO,OAAO,QAAQ;AAAA,IAChD;AAAA,IAEA,YAAY;AAAA,MACV,KAAK;AAAA,QACH,WAAW;AAAA,UACT,KAAK;AAAA,UACL,qBAAqB;AAAA,UACrB,sBAAsB;AAAA,UACtB,wBAAwB;AAAA,UACxB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iBAAiB;AAAA,UACf,QAAQ,CAAC;AAAA,UACT,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,QACN,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,qBAAqB;AAAA,UACrB,sBAAsB;AAAA,UACtB,wBAAwB;AAAA,UACxB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iBAAiB;AAAA,UACf,KAAK,CAAC;AAAA,UACN,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
package/dist/theme/create-icon-button-tokens.d.mts CHANGED
@@ -1,10 +1,12 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/radio-tokens.types.mjs';
9
11
  import '../types/accordion-tokens.types.mjs';
10
12
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-list-tokens.d.mts CHANGED
@@ -1,9 +1,11 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
+ import '../types/modal-tokens.types.mjs';
8
+ import '../types/popover-tokens.types.mjs';
7
9
  import '../types/radio-tokens.types.mjs';
8
10
  import '../types/accordion-tokens.types.mjs';
9
11
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-modal-tokens.d.mts ADDED
@@ -0,0 +1,37 @@
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.mjs';
2
+ import { ModalTokens } from '../types/modal-tokens.types.mjs';
3
+ import '../types/badge-tokens.types.mjs';
4
+ import '../types/components.types.mjs';
5
+ import '../types/carousel-tokens.types.mjs';
6
+ import '../types/checkbox-tokens.types.mjs';
7
+ import '../types/list-tokens.types.mjs';
8
+ import '../types/popover-tokens.types.mjs';
9
+ import '../types/radio-tokens.types.mjs';
10
+ import '../types/accordion-tokens.types.mjs';
11
+ import '../types/avatar-tokens.types.mjs';
12
+ import '../types/buttons-tokens.types.mjs';
13
+ import '../types/card-tokens.types.mjs';
14
+ import '../types/control-tokens.types.mjs';
15
+ import '../types/data-state-tokens.types.mjs';
16
+ import '../types/datetime-picker-tokens.types.mjs';
17
+ import '../types/divider-tokens.types.mjs';
18
+ import '../types/flyout-tokens.types.mjs';
19
+ import '../types/icon-tokens.types.mjs';
20
+ import '../types/pagination-tokens.types.mjs';
21
+ import '../types/pressable-tokens.types.mjs';
22
+ import '../types/progress-tokens.types.mjs';
23
+ import '../types/spinner-tokens.types.mjs';
24
+ import '../types/segmented-control-tokens.types.mjs';
25
+ import '../types/select-tokens.types.mjs';
26
+ import '../types/skeleton-tokens.types.mjs';
27
+ import '../types/slider-tokens.types.mjs';
28
+ import '../types/stepper-tokens.types.mjs';
29
+ import '../types/switch-tokens.types.mjs';
30
+ import '../types/tag-tokens.types.mjs';
31
+ import '../types/textarea-tokens.types.mjs';
32
+ import '../types/time-picker-token.types.mjs';
33
+ import '../types/tokens.types.mjs';
34
+
35
+ declare function createModalTokens(tokens: PrimitiveThemeTokens): ModalTokens;
36
+
37
+ export { createModalTokens };
package/dist/theme/create-modal-tokens.js ADDED
@@ -0,0 +1,32 @@
1
+ function createModalTokens(tokens) {
2
+ return {
3
+ zIndexBase: 100,
4
+ overlayColor: tokens.colors.text.tertiary,
5
+ overlayVisibleOpacity: 0.4,
6
+ viewportPadding: tokens.space.sm,
7
+ closedScale: 0.96,
8
+ backgroundColor: tokens.colors.surface.elevated.value,
9
+ borderColor: tokens.colors.border.subtle.value,
10
+ borderWidth: tokens.borderSize.sm,
11
+ borderRadius: tokens.radii.lg,
12
+ padding: tokens.space.sm,
13
+ gap: tokens.space.sm,
14
+ headerGap: tokens.space.xs,
15
+ footerGap: tokens.space.xs,
16
+ titleColor: tokens.colors.text.primary,
17
+ titleFontSize: tokens.fontSize.lg,
18
+ titleLineHeight: tokens.lineHeight.lg,
19
+ descriptionColor: tokens.colors.text.secondary,
20
+ descriptionFontSize: tokens.fontSize.xsm,
21
+ descriptionLineHeight: tokens.lineHeight.xsm,
22
+ sizes: {
23
+ small: { maxWidth: 320 },
24
+ medium: { maxWidth: 440 },
25
+ large: { maxWidth: 640 }
26
+ }
27
+ };
28
+ }
29
+ export {
30
+ createModalTokens
31
+ };
32
+ //# sourceMappingURL=create-modal-tokens.js.map
package/dist/theme/create-modal-tokens.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/theme/create-modal-tokens.ts"],"sourcesContent":["import type { ModalTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createModalTokens(tokens: PrimitiveThemeTokens): ModalTokens {\n return {\n zIndexBase: 100,\n overlayColor: tokens.colors.text.tertiary,\n overlayVisibleOpacity: 0.4,\n viewportPadding: tokens.space.sm,\n closedScale: 0.96,\n backgroundColor: tokens.colors.surface.elevated.value,\n borderColor: tokens.colors.border.subtle.value,\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.lg,\n padding: tokens.space.sm,\n gap: tokens.space.sm,\n headerGap: tokens.space.xs,\n footerGap: tokens.space.xs,\n titleColor: tokens.colors.text.primary,\n titleFontSize: tokens.fontSize.lg,\n titleLineHeight: tokens.lineHeight.lg,\n descriptionColor: tokens.colors.text.secondary,\n descriptionFontSize: tokens.fontSize.xsm,\n descriptionLineHeight: tokens.lineHeight.xsm,\n sizes: {\n small: { maxWidth: 320 },\n medium: { maxWidth: 440 },\n large: { maxWidth: 640 },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,kBAAkB,QAA2C;AAC3E,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,cAAc,OAAO,OAAO,KAAK;AAAA,IACjC,uBAAuB;AAAA,IACvB,iBAAiB,OAAO,MAAM;AAAA,IAC9B,aAAa;AAAA,IACb,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAChD,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,IACzC,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAC3B,SAAS,OAAO,MAAM;AAAA,IACtB,KAAK,OAAO,MAAM;AAAA,IAClB,WAAW,OAAO,MAAM;AAAA,IACxB,WAAW,OAAO,MAAM;AAAA,IACxB,YAAY,OAAO,OAAO,KAAK;AAAA,IAC/B,eAAe,OAAO,SAAS;AAAA,IAC/B,iBAAiB,OAAO,WAAW;AAAA,IACnC,kBAAkB,OAAO,OAAO,KAAK;AAAA,IACrC,qBAAqB,OAAO,SAAS;AAAA,IACrC,uBAAuB,OAAO,WAAW;AAAA,IACzC,OAAO;AAAA,MACL,OAAO,EAAE,UAAU,IAAI;AAAA,MACvB,QAAQ,EAAE,UAAU,IAAI;AAAA,MACxB,OAAO,EAAE,UAAU,IAAI;AAAA,IACzB;AAAA,EACF;AACF;","names":[]}
package/dist/theme/create-pagination-tokens.d.mts CHANGED
@@ -1,10 +1,12 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/radio-tokens.types.mjs';
9
11
  import '../types/accordion-tokens.types.mjs';
10
12
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-popover-tokens.d.mts CHANGED
@@ -1,9 +1,11 @@
1
- import { d as PrimitiveThemeTokens, P as PopoverTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.mjs';
2
+ import { PopoverTokens } from '../types/popover-tokens.types.mjs';
2
3
  import '../types/badge-tokens.types.mjs';
3
4
  import '../types/components.types.mjs';
4
5
  import '../types/carousel-tokens.types.mjs';
5
6
  import '../types/checkbox-tokens.types.mjs';
6
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
7
9
  import '../types/radio-tokens.types.mjs';
8
10
  import '../types/accordion-tokens.types.mjs';
9
11
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-popover-tokens.js CHANGED
@@ -12,23 +12,18 @@ function createPopoverTokens(tokens) {
12
12
  descriptionLineHeight: tokens.lineHeight.xsm,
13
13
  titleColor: tokens.colors.text.primary,
14
14
  descriptionColor: tokens.colors.text.secondary,
15
- surfaces: {
16
- elevated: {
17
- ...tokens.colors.surface.elevated,
18
- borderColor: tokens.colors.border.subtle.value,
19
- borderWidth: tokens.borderSize.sm,
20
- borderRadius: tokens.radii.lg,
21
- paddingHorizontal: tokens.space.sm,
22
- paddingVertical: tokens.space.sm
23
- },
24
- inverse: {
25
- ...tokens.colors.surface.inverse,
26
- borderColor: tokens.colors.surface.inverse.value,
27
- borderWidth: 0,
28
- borderRadius: tokens.radii.md,
29
- paddingHorizontal: tokens.space.mxs,
30
- paddingVertical: tokens.space.xs
31
- }
15
+ backgroundColor: tokens.colors.surface.secondary.value,
16
+ borderColor: tokens.colors.border.subtle.value,
17
+ borderWidth: tokens.borderSize.sm,
18
+ borderRadius: tokens.radii.lg,
19
+ paddingHorizontal: tokens.space.sm,
20
+ paddingVertical: tokens.space.sm,
21
+ tooltip: {
22
+ backgroundColor: tokens.colors.surface.inverse.value,
23
+ color: tokens.colors.surface.inverse.contrast,
24
+ borderRadius: tokens.radii.md,
25
+ paddingHorizontal: tokens.space.mxs,
26
+ paddingVertical: tokens.space.xs
32
27
  }
33
28
  };
34
29
  }
package/dist/theme/create-popover-tokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/theme/create-popover-tokens.ts"],"sourcesContent":["import type { PopoverTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createPopoverTokens(\n tokens: PrimitiveThemeTokens,\n): PopoverTokens {\n return {\n zIndexBase: 3000,\n gap: tokens.space.xs,\n edgeOffset: tokens.space.sm,\n arrowSize: 6,\n maxWidth: 320,\n actionMinSize: tokens.space.md,\n\n titleFontSize: tokens.fontSize.sm,\n titleLineHeight: tokens.lineHeight.sm,\n descriptionFontSize: tokens.fontSize.xsm,\n descriptionLineHeight: tokens.lineHeight.xsm,\n titleColor: tokens.colors.text.primary,\n descriptionColor: tokens.colors.text.secondary,\n\n surfaces: {\n elevated: {\n ...tokens.colors.surface.elevated,\n borderColor: tokens.colors.border.subtle.value,\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.lg,\n paddingHorizontal: tokens.space.sm,\n paddingVertical: tokens.space.sm,\n },\n\n inverse: {\n ...tokens.colors.surface.inverse,\n borderColor: tokens.colors.surface.inverse.value,\n borderWidth: 0,\n borderRadius: tokens.radii.md,\n paddingHorizontal: tokens.space.mxs,\n paddingVertical: tokens.space.xs,\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,KAAK,OAAO,MAAM;AAAA,IAClB,YAAY,OAAO,MAAM;AAAA,IACzB,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAe,OAAO,MAAM;AAAA,IAE5B,eAAe,OAAO,SAAS;AAAA,IAC/B,iBAAiB,OAAO,WAAW;AAAA,IACnC,qBAAqB,OAAO,SAAS;AAAA,IACrC,uBAAuB,OAAO,WAAW;AAAA,IACzC,YAAY,OAAO,OAAO,KAAK;AAAA,IAC/B,kBAAkB,OAAO,OAAO,KAAK;AAAA,IAErC,UAAU;AAAA,MACR,UAAU;AAAA,QACR,GAAG,OAAO,OAAO,QAAQ;AAAA,QACzB,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,QACzC,aAAa,OAAO,WAAW;AAAA,QAC/B,cAAc,OAAO,MAAM;AAAA,QAC3B,mBAAmB,OAAO,MAAM;AAAA,QAChC,iBAAiB,OAAO,MAAM;AAAA,MAChC;AAAA,MAEA,SAAS;AAAA,QACP,GAAG,OAAO,OAAO,QAAQ;AAAA,QACzB,aAAa,OAAO,OAAO,QAAQ,QAAQ;AAAA,QAC3C,aAAa;AAAA,QACb,cAAc,OAAO,MAAM;AAAA,QAC3B,mBAAmB,OAAO,MAAM;AAAA,QAChC,iBAAiB,OAAO,MAAM;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
1
+ {"version":3,"sources":["../../src/theme/create-popover-tokens.ts"],"sourcesContent":["import type { PopoverTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createPopoverTokens(\n tokens: PrimitiveThemeTokens,\n): PopoverTokens {\n return {\n zIndexBase: 3000,\n gap: tokens.space.xs,\n edgeOffset: tokens.space.sm,\n arrowSize: 6,\n maxWidth: 320,\n actionMinSize: tokens.space.md,\n\n titleFontSize: tokens.fontSize.sm,\n titleLineHeight: tokens.lineHeight.sm,\n descriptionFontSize: tokens.fontSize.xsm,\n descriptionLineHeight: tokens.lineHeight.xsm,\n titleColor: tokens.colors.text.primary,\n descriptionColor: tokens.colors.text.secondary,\n\n backgroundColor: tokens.colors.surface.secondary.value,\n borderColor: tokens.colors.border.subtle.value,\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.lg,\n paddingHorizontal: tokens.space.sm,\n paddingVertical: tokens.space.sm,\n\n tooltip: {\n backgroundColor: tokens.colors.surface.inverse.value,\n color: tokens.colors.surface.inverse.contrast,\n borderRadius: tokens.radii.md,\n paddingHorizontal: tokens.space.mxs,\n paddingVertical: tokens.space.xs,\n },\n };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,KAAK,OAAO,MAAM;AAAA,IAClB,YAAY,OAAO,MAAM;AAAA,IACzB,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAe,OAAO,MAAM;AAAA,IAE5B,eAAe,OAAO,SAAS;AAAA,IAC/B,iBAAiB,OAAO,WAAW;AAAA,IACnC,qBAAqB,OAAO,SAAS;AAAA,IACrC,uBAAuB,OAAO,WAAW;AAAA,IACzC,YAAY,OAAO,OAAO,KAAK;AAAA,IAC/B,kBAAkB,OAAO,OAAO,KAAK;AAAA,IAErC,iBAAiB,OAAO,OAAO,QAAQ,UAAU;AAAA,IACjD,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,IACzC,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAC3B,mBAAmB,OAAO,MAAM;AAAA,IAChC,iBAAiB,OAAO,MAAM;AAAA,IAE9B,SAAS;AAAA,MACP,iBAAiB,OAAO,OAAO,QAAQ,QAAQ;AAAA,MAC/C,OAAO,OAAO,OAAO,QAAQ,QAAQ;AAAA,MACrC,cAAc,OAAO,MAAM;AAAA,MAC3B,mBAAmB,OAAO,MAAM;AAAA,MAChC,iBAAiB,OAAO,MAAM;AAAA,IAChC;AAAA,EACF;AACF;","names":[]}
package/dist/theme/create-progress-tokens.d.mts CHANGED
@@ -1,10 +1,12 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/radio-tokens.types.mjs';
9
11
  import '../types/accordion-tokens.types.mjs';
10
12
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-radio-tokens.d.mts CHANGED
@@ -1,10 +1,12 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/accordion-tokens.types.mjs';
9
11
  import '../types/avatar-tokens.types.mjs';
10
12
  import '../types/buttons-tokens.types.mjs';
package/dist/theme/create-segmented-control-tokens.d.mts CHANGED
@@ -1,10 +1,12 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/radio-tokens.types.mjs';
9
11
  import '../types/accordion-tokens.types.mjs';
10
12
  import '../types/avatar-tokens.types.mjs';
package/dist/theme/create-select-tokens.d.mts CHANGED
@@ -1,10 +1,12 @@
1
- import { d as PrimitiveThemeTokens } from '../theme-provider.types-CF8cI9yU.mjs';
1
+ import { P as PrimitiveThemeTokens } from '../theme-provider.types-CPFMVXUS.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';
5
5
  import '../types/carousel-tokens.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/list-tokens.types.mjs';
8
+ import '../types/modal-tokens.types.mjs';
9
+ import '../types/popover-tokens.types.mjs';
8
10
  import '../types/radio-tokens.types.mjs';
9
11
  import '../types/accordion-tokens.types.mjs';
10
12
  import '../types/avatar-tokens.types.mjs';