@impulse-ui-native/theme 2.7.0 → 2.8.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 (72) hide show
  1. package/dist/hooks/index.d.mts +6 -0
  2. package/dist/hooks/use-colors.hook.d.mts +6 -0
  3. package/dist/hooks/use-components-tokens.hook.d.mts +6 -0
  4. package/dist/hooks/use-theme.hook.d.mts +6 -0
  5. package/dist/hooks/use-themed-styles.d.mts +6 -0
  6. package/dist/index.d.mts +6 -0
  7. package/dist/providers/index.d.mts +6 -0
  8. package/dist/providers/theme.provider.d.mts +6 -0
  9. package/dist/theme/create-accordion-tokens.d.mts +29 -0
  10. package/dist/theme/create-accordion-tokens.js +32 -0
  11. package/dist/theme/create-accordion-tokens.js.map +1 -0
  12. package/dist/theme/create-avatar-tokens.d.mts +29 -0
  13. package/dist/theme/create-avatar-tokens.js +68 -0
  14. package/dist/theme/create-avatar-tokens.js.map +1 -0
  15. package/dist/theme/create-button-tokens.d.mts +6 -0
  16. package/dist/theme/create-card-tokens.d.mts +29 -0
  17. package/dist/theme/create-card-tokens.js +25 -0
  18. package/dist/theme/create-card-tokens.js.map +1 -0
  19. package/dist/theme/create-checkbox-tokens.d.mts +6 -0
  20. package/dist/theme/create-control-tokens.d.mts +6 -0
  21. package/dist/theme/create-data-state-tokens.d.mts +6 -0
  22. package/dist/theme/create-datetime-picker.d.mts +6 -0
  23. package/dist/theme/create-divider-tokens.d.mts +29 -0
  24. package/dist/theme/create-divider-tokens.js +17 -0
  25. package/dist/theme/create-divider-tokens.js.map +1 -0
  26. package/dist/theme/create-flyout-tokens.d.mts +6 -0
  27. package/dist/theme/create-icon-button-tokens.d.mts +6 -0
  28. package/dist/theme/create-progress-tokens.d.mts +29 -0
  29. package/dist/theme/create-progress-tokens.js +46 -0
  30. package/dist/theme/create-progress-tokens.js.map +1 -0
  31. package/dist/theme/create-radio-tokens.d.mts +6 -0
  32. package/dist/theme/create-select-tokens.d.mts +6 -0
  33. package/dist/theme/create-skeleton-tokens.d.mts +6 -0
  34. package/dist/theme/create-spinner-tokens.d.mts +29 -0
  35. package/dist/theme/create-spinner-tokens.js +20 -0
  36. package/dist/theme/create-spinner-tokens.js.map +1 -0
  37. package/dist/theme/create-stepper-tokens.d.mts +6 -0
  38. package/dist/theme/create-switch-tokens.d.mts +6 -0
  39. package/dist/theme/create-tag-tokens.d.mts +6 -0
  40. package/dist/theme/create-textarea-tokens.d.mts +6 -0
  41. package/dist/theme/create-time-picker-tokens.d.mts +6 -0
  42. package/dist/theme/dark.theme.d.mts +6 -0
  43. package/dist/theme/index.d.mts +6 -0
  44. package/dist/theme/light.theme.d.mts +6 -0
  45. package/dist/theme/tokens.theme.d.mts +6 -0
  46. package/dist/theme/tokens.theme.js +12 -0
  47. package/dist/theme/tokens.theme.js.map +1 -1
  48. package/dist/types/accordion-tokens.types.d.mts +28 -0
  49. package/dist/types/accordion-tokens.types.js +1 -0
  50. package/dist/types/accordion-tokens.types.js.map +1 -0
  51. package/dist/types/avatar-tokens.types.d.mts +24 -0
  52. package/dist/types/avatar-tokens.types.js +1 -0
  53. package/dist/types/avatar-tokens.types.js.map +1 -0
  54. package/dist/types/card-tokens.types.d.mts +16 -0
  55. package/dist/types/card-tokens.types.js +1 -0
  56. package/dist/types/card-tokens.types.js.map +1 -0
  57. package/dist/types/divider-tokens.types.d.mts +8 -0
  58. package/dist/types/divider-tokens.types.js +1 -0
  59. package/dist/types/divider-tokens.types.js.map +1 -0
  60. package/dist/types/index.d.mts +6 -0
  61. package/dist/types/index.js +6 -0
  62. package/dist/types/index.js.map +1 -1
  63. package/dist/types/progress-tokens.types.d.mts +23 -0
  64. package/dist/types/progress-tokens.types.js +1 -0
  65. package/dist/types/progress-tokens.types.js.map +1 -0
  66. package/dist/types/spinner-tokens.types.d.mts +10 -0
  67. package/dist/types/spinner-tokens.types.js +1 -0
  68. package/dist/types/spinner-tokens.types.js.map +1 -0
  69. package/dist/types/theme-provider.types.d.mts +12 -0
  70. package/dist/utils/index.d.mts +6 -0
  71. package/dist/utils/style.utils.d.mts +6 -0
  72. package/package.json +3 -3
@@ -11,13 +11,19 @@ import '../types/theme-provider.types.mjs';
11
11
  import '../types/checkbox-tokens.types.mjs';
12
12
  import '../types/components.types.mjs';
13
13
  import '../types/radio-tokens.types.mjs';
14
+ import '../types/accordion-tokens.types.mjs';
15
+ import '../types/avatar-tokens.types.mjs';
14
16
  import '../types/buttons-tokens.types.mjs';
17
+ import '../types/card-tokens.types.mjs';
15
18
  import '../types/control-tokes.types.mjs';
16
19
  import '../types/data-state-tokens.types.mjs';
17
20
  import '../types/datetime-picker-tokens.types.mjs';
21
+ import '../types/divider-tokens.types.mjs';
18
22
  import '../types/flyout-tokens.types.mjs';
19
23
  import '../types/icon-tokens.types.mjs';
20
24
  import '../types/pressable-tokens.types.mjs';
25
+ import '../types/progress-tokens.types.mjs';
26
+ import '../types/spinner-tokens.types.mjs';
21
27
  import '../types/select-tokens.types.mjs';
22
28
  import '../types/skeleton-tokens.types.mjs';
23
29
  import '../types/stepper-tokens.types.mjs';
@@ -2,13 +2,19 @@ import { ThemeColors } from '../types/theme-provider.types.mjs';
2
2
  import '../types/checkbox-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
4
  import '../types/radio-tokens.types.mjs';
5
+ import '../types/accordion-tokens.types.mjs';
6
+ import '../types/avatar-tokens.types.mjs';
5
7
  import '../types/buttons-tokens.types.mjs';
8
+ import '../types/card-tokens.types.mjs';
6
9
  import '../types/control-tokes.types.mjs';
7
10
  import '../types/data-state-tokens.types.mjs';
8
11
  import '../types/datetime-picker-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
9
13
  import '../types/flyout-tokens.types.mjs';
10
14
  import '../types/icon-tokens.types.mjs';
11
15
  import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
12
18
  import '../types/select-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
@@ -2,13 +2,19 @@ import { ComponentsTokens } from '../types/theme-provider.types.mjs';
2
2
  import '../types/checkbox-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
4
  import '../types/radio-tokens.types.mjs';
5
+ import '../types/accordion-tokens.types.mjs';
6
+ import '../types/avatar-tokens.types.mjs';
5
7
  import '../types/buttons-tokens.types.mjs';
8
+ import '../types/card-tokens.types.mjs';
6
9
  import '../types/control-tokes.types.mjs';
7
10
  import '../types/data-state-tokens.types.mjs';
8
11
  import '../types/datetime-picker-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
9
13
  import '../types/flyout-tokens.types.mjs';
10
14
  import '../types/icon-tokens.types.mjs';
11
15
  import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
12
18
  import '../types/select-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
@@ -2,13 +2,19 @@ import { AppTheme } from '../types/theme-provider.types.mjs';
2
2
  import '../types/checkbox-tokens.types.mjs';
3
3
  import '../types/components.types.mjs';
4
4
  import '../types/radio-tokens.types.mjs';
5
+ import '../types/accordion-tokens.types.mjs';
6
+ import '../types/avatar-tokens.types.mjs';
5
7
  import '../types/buttons-tokens.types.mjs';
8
+ import '../types/card-tokens.types.mjs';
6
9
  import '../types/control-tokes.types.mjs';
7
10
  import '../types/data-state-tokens.types.mjs';
8
11
  import '../types/datetime-picker-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
9
13
  import '../types/flyout-tokens.types.mjs';
10
14
  import '../types/icon-tokens.types.mjs';
11
15
  import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
12
18
  import '../types/select-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
@@ -3,13 +3,19 @@ import { AppTheme } from '../types/theme-provider.types.mjs';
3
3
  import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
6
8
  import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
7
10
  import '../types/control-tokes.types.mjs';
8
11
  import '../types/data-state-tokens.types.mjs';
9
12
  import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
10
14
  import '../types/flyout-tokens.types.mjs';
11
15
  import '../types/icon-tokens.types.mjs';
12
16
  import '../types/pressable-tokens.types.mjs';
17
+ import '../types/progress-tokens.types.mjs';
18
+ import '../types/spinner-tokens.types.mjs';
13
19
  import '../types/select-tokens.types.mjs';
14
20
  import '../types/skeleton-tokens.types.mjs';
15
21
  import '../types/stepper-tokens.types.mjs';
package/dist/index.d.mts CHANGED
@@ -24,17 +24,23 @@ export { AppTheme, ColorPair, ColorScheme, ComponentsThemes, ComponentsTokens, E
24
24
  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';
25
25
  export { TypographyPresetKey, TypographyProps } from './types/typography.types.mjs';
26
26
  export { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './types/buttons-tokens.types.mjs';
27
+ export { AccordionTokens } from './types/accordion-tokens.types.mjs';
28
+ export { AvatarSizeTokens, AvatarStatus, AvatarTokens, AvatarVariantTokens } from './types/avatar-tokens.types.mjs';
29
+ export { CardSectionTokens, CardTokens } from './types/card-tokens.types.mjs';
27
30
  export { CheckboxSizeTokens, CheckboxTokens, CheckboxVariantTokens } from './types/checkbox-tokens.types.mjs';
28
31
  export { TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens } from './types/tag-tokens.types.mjs';
29
32
  export { ControlAddonTokens, ControlAddonVariantTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens } from './types/control-tokes.types.mjs';
30
33
  export { SelectOptionTokens, SelectTokens } from './types/select-tokens.types.mjs';
31
34
  export { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayTokens, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens } from './types/datetime-picker-tokens.types.mjs';
35
+ export { DividerTokens, DividerTone } from './types/divider-tokens.types.mjs';
32
36
  export { TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens } from './types/time-picker-token.types.mjs';
33
37
  export { FlyoutHandleTokens, FlyoutTitleTokens, FlyoutTokens } from './types/flyout-tokens.types.mjs';
34
38
  export { IconTokens } from './types/icon-tokens.types.mjs';
35
39
  export { PressableTokens } from './types/pressable-tokens.types.mjs';
40
+ export { ProgressColorTokens, ProgressSizeTokens, ProgressTokens, ProgressTone, ProgressVariant } from './types/progress-tokens.types.mjs';
36
41
  export { RadioSizeTokens, RadioTokens, RadioVariantTokens } from './types/radio-tokens.types.mjs';
37
42
  export { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './types/skeleton-tokens.types.mjs';
43
+ export { SpinnerTokens, SpinnerTone } from './types/spinner-tokens.types.mjs';
38
44
  export { StepperNavigationTokens, StepperTokens } from './types/stepper-tokens.types.mjs';
39
45
  export { SwitchSizeTokens, SwitchTokens, SwitchVariantTokens } from './types/switch-tokens.types.mjs';
40
46
  export { TextareaSizeTokens, TextareaTokens } from './types/textarea-tokens.types.mjs';
@@ -6,13 +6,19 @@ import '../types/theme-provider.types.mjs';
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/components.types.mjs';
8
8
  import '../types/radio-tokens.types.mjs';
9
+ import '../types/accordion-tokens.types.mjs';
10
+ import '../types/avatar-tokens.types.mjs';
9
11
  import '../types/buttons-tokens.types.mjs';
12
+ import '../types/card-tokens.types.mjs';
10
13
  import '../types/control-tokes.types.mjs';
11
14
  import '../types/data-state-tokens.types.mjs';
12
15
  import '../types/datetime-picker-tokens.types.mjs';
16
+ import '../types/divider-tokens.types.mjs';
13
17
  import '../types/flyout-tokens.types.mjs';
14
18
  import '../types/icon-tokens.types.mjs';
15
19
  import '../types/pressable-tokens.types.mjs';
20
+ import '../types/progress-tokens.types.mjs';
21
+ import '../types/spinner-tokens.types.mjs';
16
22
  import '../types/select-tokens.types.mjs';
17
23
  import '../types/skeleton-tokens.types.mjs';
18
24
  import '../types/stepper-tokens.types.mjs';
@@ -6,13 +6,19 @@ import { ColorScheme, PrimitiveThemeTokens, ComponentsTokens, AppTheme } from '.
6
6
  import '../types/checkbox-tokens.types.mjs';
7
7
  import '../types/components.types.mjs';
8
8
  import '../types/radio-tokens.types.mjs';
9
+ import '../types/accordion-tokens.types.mjs';
10
+ import '../types/avatar-tokens.types.mjs';
9
11
  import '../types/buttons-tokens.types.mjs';
12
+ import '../types/card-tokens.types.mjs';
10
13
  import '../types/control-tokes.types.mjs';
11
14
  import '../types/data-state-tokens.types.mjs';
12
15
  import '../types/datetime-picker-tokens.types.mjs';
16
+ import '../types/divider-tokens.types.mjs';
13
17
  import '../types/flyout-tokens.types.mjs';
14
18
  import '../types/icon-tokens.types.mjs';
15
19
  import '../types/pressable-tokens.types.mjs';
20
+ import '../types/progress-tokens.types.mjs';
21
+ import '../types/spinner-tokens.types.mjs';
16
22
  import '../types/select-tokens.types.mjs';
17
23
  import '../types/skeleton-tokens.types.mjs';
18
24
  import '../types/stepper-tokens.types.mjs';
@@ -0,0 +1,29 @@
1
+ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
+ import { AccordionTokens } from '../types/accordion-tokens.types.mjs';
3
+ import '../types/checkbox-tokens.types.mjs';
4
+ import '../types/components.types.mjs';
5
+ import '../types/radio-tokens.types.mjs';
6
+ import '../types/avatar-tokens.types.mjs';
7
+ import '../types/buttons-tokens.types.mjs';
8
+ import '../types/card-tokens.types.mjs';
9
+ import '../types/control-tokes.types.mjs';
10
+ import '../types/data-state-tokens.types.mjs';
11
+ import '../types/datetime-picker-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
13
+ import '../types/flyout-tokens.types.mjs';
14
+ import '../types/icon-tokens.types.mjs';
15
+ import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
18
+ import '../types/select-tokens.types.mjs';
19
+ import '../types/skeleton-tokens.types.mjs';
20
+ import '../types/stepper-tokens.types.mjs';
21
+ import '../types/switch-tokens.types.mjs';
22
+ import '../types/tag-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
24
+ import '../types/time-picker-token.types.mjs';
25
+ import '../types/tokens.types.mjs';
26
+
27
+ declare function createAccordionTokens(tokens: PrimitiveThemeTokens): AccordionTokens;
28
+
29
+ export { createAccordionTokens };
@@ -0,0 +1,32 @@
1
+ function createAccordionTokens(tokens) {
2
+ return {
3
+ animationDuration: 220,
4
+ backgroundColor: tokens.colors.surface.elevated.value,
5
+ borderColor: tokens.colors.border.subtle.value,
6
+ borderRadius: tokens.radii.lg,
7
+ borderWidth: tokens.borderSize.sm,
8
+ content: {
9
+ paddingBottom: tokens.space.sm,
10
+ paddingHorizontal: tokens.space.sm
11
+ },
12
+ disabledColor: tokens.colors.text.disabled,
13
+ disabledOpacity: 0.5,
14
+ dividerColor: tokens.colors.border.subtle.value,
15
+ dividerWidth: tokens.borderSize.sm,
16
+ focusBackgroundColor: tokens.colors.surface.secondary.value,
17
+ iconColor: tokens.colors.text.secondary,
18
+ iconSize: 18,
19
+ pressedOpacity: 0.72,
20
+ titleColor: tokens.colors.text.primary,
21
+ trigger: {
22
+ gap: tokens.space.xs,
23
+ minHeight: 48,
24
+ paddingHorizontal: tokens.space.sm,
25
+ paddingVertical: tokens.space.xs
26
+ }
27
+ };
28
+ }
29
+ export {
30
+ createAccordionTokens
31
+ };
32
+ //# sourceMappingURL=create-accordion-tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/theme/create-accordion-tokens.ts"],"sourcesContent":["import type { AccordionTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createAccordionTokens(\n tokens: PrimitiveThemeTokens,\n): AccordionTokens {\n return {\n animationDuration: 220,\n backgroundColor: tokens.colors.surface.elevated.value,\n borderColor: tokens.colors.border.subtle.value,\n borderRadius: tokens.radii.lg,\n borderWidth: tokens.borderSize.sm,\n content: {\n paddingBottom: tokens.space.sm,\n paddingHorizontal: tokens.space.sm,\n },\n disabledColor: tokens.colors.text.disabled,\n disabledOpacity: 0.5,\n dividerColor: tokens.colors.border.subtle.value,\n dividerWidth: tokens.borderSize.sm,\n focusBackgroundColor: tokens.colors.surface.secondary.value,\n iconColor: tokens.colors.text.secondary,\n iconSize: 18,\n pressedOpacity: 0.72,\n titleColor: tokens.colors.text.primary,\n trigger: {\n gap: tokens.space.xs,\n minHeight: 48,\n paddingHorizontal: tokens.space.sm,\n paddingVertical: tokens.space.xs,\n },\n };\n}\n"],"mappings":"AAEO,SAAS,sBACd,QACiB;AACjB,SAAO;AAAA,IACL,mBAAmB;AAAA,IACnB,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAChD,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,IACzC,cAAc,OAAO,MAAM;AAAA,IAC3B,aAAa,OAAO,WAAW;AAAA,IAC/B,SAAS;AAAA,MACP,eAAe,OAAO,MAAM;AAAA,MAC5B,mBAAmB,OAAO,MAAM;AAAA,IAClC;AAAA,IACA,eAAe,OAAO,OAAO,KAAK;AAAA,IAClC,iBAAiB;AAAA,IACjB,cAAc,OAAO,OAAO,OAAO,OAAO;AAAA,IAC1C,cAAc,OAAO,WAAW;AAAA,IAChC,sBAAsB,OAAO,OAAO,QAAQ,UAAU;AAAA,IACtD,WAAW,OAAO,OAAO,KAAK;AAAA,IAC9B,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,YAAY,OAAO,OAAO,KAAK;AAAA,IAC/B,SAAS;AAAA,MACP,KAAK,OAAO,MAAM;AAAA,MAClB,WAAW;AAAA,MACX,mBAAmB,OAAO,MAAM;AAAA,MAChC,iBAAiB,OAAO,MAAM;AAAA,IAChC;AAAA,EACF;AACF;","names":[]}
@@ -0,0 +1,29 @@
1
+ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
+ import { AvatarTokens } from '../types/avatar-tokens.types.mjs';
3
+ import '../types/checkbox-tokens.types.mjs';
4
+ import '../types/components.types.mjs';
5
+ import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/buttons-tokens.types.mjs';
8
+ import '../types/card-tokens.types.mjs';
9
+ import '../types/control-tokes.types.mjs';
10
+ import '../types/data-state-tokens.types.mjs';
11
+ import '../types/datetime-picker-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
13
+ import '../types/flyout-tokens.types.mjs';
14
+ import '../types/icon-tokens.types.mjs';
15
+ import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
18
+ import '../types/select-tokens.types.mjs';
19
+ import '../types/skeleton-tokens.types.mjs';
20
+ import '../types/stepper-tokens.types.mjs';
21
+ import '../types/switch-tokens.types.mjs';
22
+ import '../types/tag-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
24
+ import '../types/time-picker-token.types.mjs';
25
+ import '../types/tokens.types.mjs';
26
+
27
+ declare function createAvatarTokens(tokens: PrimitiveThemeTokens): AvatarTokens;
28
+
29
+ export { createAvatarTokens };
@@ -0,0 +1,68 @@
1
+ function createAvatarTokens(tokens) {
2
+ const primary = tokens.colors.primary.value;
3
+ const primaryContrast = tokens.colors.primary.contrast;
4
+ const secondary = tokens.colors.secondary.value;
5
+ const secondaryContrast = tokens.colors.secondary.contrast;
6
+ return {
7
+ borderWidth: tokens.borderSize.sm,
8
+ fontFamily: tokens.fontFamily.normal[tokens.fontWeight.semiBold],
9
+ sizes: {
10
+ small: {
11
+ fontSize: tokens.fontSize.xs,
12
+ size: 32,
13
+ statusBorderWidth: tokens.borderSize.sm,
14
+ statusSize: 8
15
+ },
16
+ medium: {
17
+ fontSize: tokens.fontSize.xsm,
18
+ size: 40,
19
+ statusBorderWidth: tokens.borderSize.md,
20
+ statusSize: 10
21
+ },
22
+ large: {
23
+ fontSize: tokens.fontSize.sm,
24
+ size: 48,
25
+ statusBorderWidth: tokens.borderSize.md,
26
+ statusSize: 12
27
+ }
28
+ },
29
+ statusBorderColor: tokens.colors.surface.elevated.value,
30
+ statusColors: {
31
+ online: tokens.colors.feedback.success.value,
32
+ offline: tokens.colors.neutral["6"],
33
+ away: tokens.colors.feedback.warning.value,
34
+ busy: tokens.colors.feedback.error.value
35
+ },
36
+ variants: {
37
+ filled: {
38
+ backgroundColor: primary,
39
+ borderColor: primary,
40
+ color: primaryContrast
41
+ },
42
+ outlined: {
43
+ backgroundColor: "transparent",
44
+ borderColor: primary,
45
+ color: primary
46
+ },
47
+ soft: {
48
+ backgroundColor: secondary,
49
+ borderColor: secondary,
50
+ color: secondaryContrast
51
+ },
52
+ ghost: {
53
+ backgroundColor: "transparent",
54
+ borderColor: "transparent",
55
+ color: primary
56
+ },
57
+ plain: {
58
+ backgroundColor: "transparent",
59
+ borderColor: "transparent",
60
+ color: primary
61
+ }
62
+ }
63
+ };
64
+ }
65
+ export {
66
+ createAvatarTokens
67
+ };
68
+ //# sourceMappingURL=create-avatar-tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/theme/create-avatar-tokens.ts"],"sourcesContent":["import type { AvatarTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createAvatarTokens(tokens: PrimitiveThemeTokens): AvatarTokens {\n const primary = tokens.colors.primary.value;\n const primaryContrast = tokens.colors.primary.contrast;\n const secondary = tokens.colors.secondary.value;\n const secondaryContrast = tokens.colors.secondary.contrast;\n\n return {\n borderWidth: tokens.borderSize.sm,\n fontFamily: tokens.fontFamily.normal[tokens.fontWeight.semiBold],\n sizes: {\n small: {\n fontSize: tokens.fontSize.xs,\n size: 32,\n statusBorderWidth: tokens.borderSize.sm,\n statusSize: 8,\n },\n medium: {\n fontSize: tokens.fontSize.xsm,\n size: 40,\n statusBorderWidth: tokens.borderSize.md,\n statusSize: 10,\n },\n large: {\n fontSize: tokens.fontSize.sm,\n size: 48,\n statusBorderWidth: tokens.borderSize.md,\n statusSize: 12,\n },\n },\n statusBorderColor: tokens.colors.surface.elevated.value,\n statusColors: {\n online: tokens.colors.feedback.success.value,\n offline: tokens.colors.neutral[\"6\"],\n away: tokens.colors.feedback.warning.value,\n busy: tokens.colors.feedback.error.value,\n },\n variants: {\n filled: {\n backgroundColor: primary,\n borderColor: primary,\n color: primaryContrast,\n },\n outlined: {\n backgroundColor: \"transparent\",\n borderColor: primary,\n color: primary,\n },\n soft: {\n backgroundColor: secondary,\n borderColor: secondary,\n color: secondaryContrast,\n },\n ghost: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: primary,\n },\n plain: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: primary,\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAC9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAElD,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,YAAY,OAAO,WAAW,OAAO,OAAO,WAAW,QAAQ;AAAA,IAC/D,OAAO;AAAA,MACL,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,MAAM;AAAA,QACN,mBAAmB,OAAO,WAAW;AAAA,QACrC,YAAY;AAAA,MACd;AAAA,MACA,QAAQ;AAAA,QACN,UAAU,OAAO,SAAS;AAAA,QAC1B,MAAM;AAAA,QACN,mBAAmB,OAAO,WAAW;AAAA,QACrC,YAAY;AAAA,MACd;AAAA,MACA,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,QAC1B,MAAM;AAAA,QACN,mBAAmB,OAAO,WAAW;AAAA,QACrC,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,mBAAmB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAClD,cAAc;AAAA,MACZ,QAAQ,OAAO,OAAO,SAAS,QAAQ;AAAA,MACvC,SAAS,OAAO,OAAO,QAAQ,GAAG;AAAA,MAClC,MAAM,OAAO,OAAO,SAAS,QAAQ;AAAA,MACrC,MAAM,OAAO,OAAO,SAAS,MAAM;AAAA,IACrC;AAAA,IACA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
@@ -3,12 +3,18 @@ import { ButtonTokens } from '../types/buttons-tokens.types.mjs';
3
3
  import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
8
+ import '../types/card-tokens.types.mjs';
6
9
  import '../types/control-tokes.types.mjs';
7
10
  import '../types/data-state-tokens.types.mjs';
8
11
  import '../types/datetime-picker-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
9
13
  import '../types/flyout-tokens.types.mjs';
10
14
  import '../types/icon-tokens.types.mjs';
11
15
  import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
12
18
  import '../types/select-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
@@ -0,0 +1,29 @@
1
+ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
+ import { CardTokens } from '../types/card-tokens.types.mjs';
3
+ import '../types/checkbox-tokens.types.mjs';
4
+ import '../types/components.types.mjs';
5
+ import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
8
+ import '../types/buttons-tokens.types.mjs';
9
+ import '../types/control-tokes.types.mjs';
10
+ import '../types/data-state-tokens.types.mjs';
11
+ import '../types/datetime-picker-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
13
+ import '../types/flyout-tokens.types.mjs';
14
+ import '../types/icon-tokens.types.mjs';
15
+ import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
18
+ import '../types/select-tokens.types.mjs';
19
+ import '../types/skeleton-tokens.types.mjs';
20
+ import '../types/stepper-tokens.types.mjs';
21
+ import '../types/switch-tokens.types.mjs';
22
+ import '../types/tag-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
24
+ import '../types/time-picker-token.types.mjs';
25
+ import '../types/tokens.types.mjs';
26
+
27
+ declare function createCardTokens(tokens: PrimitiveThemeTokens): CardTokens;
28
+
29
+ export { createCardTokens };
@@ -0,0 +1,25 @@
1
+ function createCardTokens(tokens) {
2
+ return {
3
+ backgroundColor: tokens.colors.surface.elevated.value,
4
+ borderColor: tokens.colors.border.subtle.value,
5
+ borderRadius: tokens.radii.lg,
6
+ borderWidth: tokens.borderSize.sm,
7
+ header: {
8
+ gap: tokens.space.xxs,
9
+ padding: tokens.space.sm
10
+ },
11
+ content: {
12
+ gap: tokens.space.xs,
13
+ padding: tokens.space.sm
14
+ },
15
+ footer: {
16
+ gap: tokens.space.xs,
17
+ padding: tokens.space.sm
18
+ },
19
+ mediaBackgroundColor: tokens.colors.surface.secondary.value
20
+ };
21
+ }
22
+ export {
23
+ createCardTokens
24
+ };
25
+ //# sourceMappingURL=create-card-tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/theme/create-card-tokens.ts"],"sourcesContent":["import type { CardTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createCardTokens(tokens: PrimitiveThemeTokens): CardTokens {\n return {\n backgroundColor: tokens.colors.surface.elevated.value,\n borderColor: tokens.colors.border.subtle.value,\n borderRadius: tokens.radii.lg,\n borderWidth: tokens.borderSize.sm,\n header: {\n gap: tokens.space.xxs,\n padding: tokens.space.sm,\n },\n content: {\n gap: tokens.space.xs,\n padding: tokens.space.sm,\n },\n footer: {\n gap: tokens.space.xs,\n padding: tokens.space.sm,\n },\n mediaBackgroundColor: tokens.colors.surface.secondary.value,\n };\n}\n"],"mappings":"AAEO,SAAS,iBAAiB,QAA0C;AACzE,SAAO;AAAA,IACL,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAChD,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,IACzC,cAAc,OAAO,MAAM;AAAA,IAC3B,aAAa,OAAO,WAAW;AAAA,IAC/B,QAAQ;AAAA,MACN,KAAK,OAAO,MAAM;AAAA,MAClB,SAAS,OAAO,MAAM;AAAA,IACxB;AAAA,IACA,SAAS;AAAA,MACP,KAAK,OAAO,MAAM;AAAA,MAClB,SAAS,OAAO,MAAM;AAAA,IACxB;AAAA,IACA,QAAQ;AAAA,MACN,KAAK,OAAO,MAAM;AAAA,MAClB,SAAS,OAAO,MAAM;AAAA,IACxB;AAAA,IACA,sBAAsB,OAAO,OAAO,QAAQ,UAAU;AAAA,EACxD;AACF;","names":[]}
@@ -2,13 +2,19 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
2
  import { CheckboxTokens } from '../types/checkbox-tokens.types.mjs';
3
3
  import '../types/radio-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
+ import '../types/accordion-tokens.types.mjs';
6
+ import '../types/avatar-tokens.types.mjs';
5
7
  import '../types/buttons-tokens.types.mjs';
8
+ import '../types/card-tokens.types.mjs';
6
9
  import '../types/control-tokes.types.mjs';
7
10
  import '../types/data-state-tokens.types.mjs';
8
11
  import '../types/datetime-picker-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
9
13
  import '../types/flyout-tokens.types.mjs';
10
14
  import '../types/icon-tokens.types.mjs';
11
15
  import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
12
18
  import '../types/select-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
@@ -3,12 +3,18 @@ import { ControlAddonTokens, ControlContainerTokens, ControlErrorTokens, Control
3
3
  import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
6
8
  import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
7
10
  import '../types/data-state-tokens.types.mjs';
8
11
  import '../types/datetime-picker-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
9
13
  import '../types/flyout-tokens.types.mjs';
10
14
  import '../types/icon-tokens.types.mjs';
11
15
  import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
12
18
  import '../types/select-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
@@ -3,12 +3,18 @@ import { DataStateTokens } from '../types/data-state-tokens.types.mjs';
3
3
  import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
6
8
  import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
7
10
  import '../types/control-tokes.types.mjs';
8
11
  import '../types/datetime-picker-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
9
13
  import '../types/flyout-tokens.types.mjs';
10
14
  import '../types/icon-tokens.types.mjs';
11
15
  import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
12
18
  import '../types/select-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
@@ -3,12 +3,18 @@ import { DatetimePickerTokens } from '../types/datetime-picker-tokens.types.mjs'
3
3
  import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
6
8
  import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
7
10
  import '../types/control-tokes.types.mjs';
8
11
  import '../types/data-state-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
9
13
  import '../types/flyout-tokens.types.mjs';
10
14
  import '../types/icon-tokens.types.mjs';
11
15
  import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
12
18
  import '../types/select-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
@@ -0,0 +1,29 @@
1
+ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
2
+ import { DividerTokens } from '../types/divider-tokens.types.mjs';
3
+ import '../types/checkbox-tokens.types.mjs';
4
+ import '../types/components.types.mjs';
5
+ import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
8
+ import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
10
+ import '../types/control-tokes.types.mjs';
11
+ import '../types/data-state-tokens.types.mjs';
12
+ import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/flyout-tokens.types.mjs';
14
+ import '../types/icon-tokens.types.mjs';
15
+ import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
18
+ import '../types/select-tokens.types.mjs';
19
+ import '../types/skeleton-tokens.types.mjs';
20
+ import '../types/stepper-tokens.types.mjs';
21
+ import '../types/switch-tokens.types.mjs';
22
+ import '../types/tag-tokens.types.mjs';
23
+ import '../types/textarea-tokens.types.mjs';
24
+ import '../types/time-picker-token.types.mjs';
25
+ import '../types/tokens.types.mjs';
26
+
27
+ declare function createDividerTokens(tokens: PrimitiveThemeTokens): DividerTokens;
28
+
29
+ export { createDividerTokens };
@@ -0,0 +1,17 @@
1
+ function createDividerTokens(tokens) {
2
+ return {
3
+ colors: {
4
+ subtle: tokens.colors.border.subtle.value,
5
+ default: tokens.colors.border.default.value,
6
+ strong: tokens.colors.border.strong.value,
7
+ primary: tokens.colors.primary.value,
8
+ inverse: tokens.colors.text.inverse
9
+ },
10
+ inset: tokens.space.sm,
11
+ thickness: tokens.borderSize.sm
12
+ };
13
+ }
14
+ export {
15
+ createDividerTokens
16
+ };
17
+ //# sourceMappingURL=create-divider-tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/theme/create-divider-tokens.ts"],"sourcesContent":["import type { DividerTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createDividerTokens(\n tokens: PrimitiveThemeTokens,\n): DividerTokens {\n return {\n colors: {\n subtle: tokens.colors.border.subtle.value,\n default: tokens.colors.border.default.value,\n strong: tokens.colors.border.strong.value,\n primary: tokens.colors.primary.value,\n inverse: tokens.colors.text.inverse,\n },\n inset: tokens.space.sm,\n thickness: tokens.borderSize.sm,\n };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ,OAAO,OAAO,OAAO,OAAO;AAAA,MACpC,SAAS,OAAO,OAAO,OAAO,QAAQ;AAAA,MACtC,QAAQ,OAAO,OAAO,OAAO,OAAO;AAAA,MACpC,SAAS,OAAO,OAAO,QAAQ;AAAA,MAC/B,SAAS,OAAO,OAAO,KAAK;AAAA,IAC9B;AAAA,IACA,OAAO,OAAO,MAAM;AAAA,IACpB,WAAW,OAAO,WAAW;AAAA,EAC/B;AACF;","names":[]}
@@ -3,12 +3,18 @@ import { FlyoutTokens } from '../types/flyout-tokens.types.mjs';
3
3
  import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
6
8
  import '../types/buttons-tokens.types.mjs';
9
+ import '../types/card-tokens.types.mjs';
7
10
  import '../types/control-tokes.types.mjs';
8
11
  import '../types/data-state-tokens.types.mjs';
9
12
  import '../types/datetime-picker-tokens.types.mjs';
13
+ import '../types/divider-tokens.types.mjs';
10
14
  import '../types/icon-tokens.types.mjs';
11
15
  import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
12
18
  import '../types/select-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';
@@ -3,12 +3,18 @@ import { IconButtonTokens } from '../types/buttons-tokens.types.mjs';
3
3
  import '../types/checkbox-tokens.types.mjs';
4
4
  import '../types/components.types.mjs';
5
5
  import '../types/radio-tokens.types.mjs';
6
+ import '../types/accordion-tokens.types.mjs';
7
+ import '../types/avatar-tokens.types.mjs';
8
+ import '../types/card-tokens.types.mjs';
6
9
  import '../types/control-tokes.types.mjs';
7
10
  import '../types/data-state-tokens.types.mjs';
8
11
  import '../types/datetime-picker-tokens.types.mjs';
12
+ import '../types/divider-tokens.types.mjs';
9
13
  import '../types/flyout-tokens.types.mjs';
10
14
  import '../types/icon-tokens.types.mjs';
11
15
  import '../types/pressable-tokens.types.mjs';
16
+ import '../types/progress-tokens.types.mjs';
17
+ import '../types/spinner-tokens.types.mjs';
12
18
  import '../types/select-tokens.types.mjs';
13
19
  import '../types/skeleton-tokens.types.mjs';
14
20
  import '../types/stepper-tokens.types.mjs';