@impulse-ui-native/theme 4.0.0 → 5.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 (125) hide show
  1. package/README.md +23 -0
  2. package/dist/hooks/index.d.mts +4 -0
  3. package/dist/hooks/use-colors.hook.d.mts +4 -0
  4. package/dist/hooks/use-components-tokens.hook.d.mts +4 -0
  5. package/dist/hooks/use-theme.hook.d.mts +4 -0
  6. package/dist/hooks/use-themed-styles.d.mts +4 -0
  7. package/dist/index.d.mts +16 -4
  8. package/dist/providers/index.d.mts +4 -0
  9. package/dist/providers/theme.provider.d.mts +4 -0
  10. package/dist/theme/create-accordion-tokens.d.mts +4 -0
  11. package/dist/theme/create-avatar-tokens.d.mts +4 -0
  12. package/dist/theme/create-avatar-tokens.js +1 -1
  13. package/dist/theme/create-avatar-tokens.js.map +1 -1
  14. package/dist/theme/create-badge-tokens.d.mts +5 -1
  15. package/dist/theme/create-badge-tokens.js +7 -6
  16. package/dist/theme/create-badge-tokens.js.map +1 -1
  17. package/dist/theme/create-button-tokens.d.mts +4 -0
  18. package/dist/theme/create-button-tokens.js +5 -6
  19. package/dist/theme/create-button-tokens.js.map +1 -1
  20. package/dist/theme/create-card-tokens.d.mts +4 -0
  21. package/dist/theme/create-carousel-tokens.d.mts +35 -0
  22. package/dist/theme/create-carousel-tokens.js +32 -0
  23. package/dist/theme/create-carousel-tokens.js.map +1 -0
  24. package/dist/theme/create-checkbox-tokens.d.mts +4 -0
  25. package/dist/theme/create-checkbox-tokens.js +9 -9
  26. package/dist/theme/create-checkbox-tokens.js.map +1 -1
  27. package/dist/theme/create-control-tokens.d.mts +4 -0
  28. package/dist/theme/create-control-tokens.js +6 -6
  29. package/dist/theme/create-control-tokens.js.map +1 -1
  30. package/dist/theme/create-data-state-tokens.d.mts +4 -0
  31. package/dist/theme/create-datetime-picker.d.mts +4 -0
  32. package/dist/theme/create-datetime-picker.js +1 -1
  33. package/dist/theme/create-datetime-picker.js.map +1 -1
  34. package/dist/theme/create-divider-tokens.d.mts +4 -0
  35. package/dist/theme/create-divider-tokens.js +64 -2
  36. package/dist/theme/create-divider-tokens.js.map +1 -1
  37. package/dist/theme/create-flyout-tokens.d.mts +4 -0
  38. package/dist/theme/create-flyout-tokens.js +31 -3
  39. package/dist/theme/create-flyout-tokens.js.map +1 -1
  40. package/dist/theme/create-icon-button-tokens.d.mts +4 -0
  41. package/dist/theme/create-icon-button-tokens.js +5 -6
  42. package/dist/theme/create-icon-button-tokens.js.map +1 -1
  43. package/dist/theme/create-list-tokens.d.mts +35 -0
  44. package/dist/theme/create-list-tokens.js +14 -0
  45. package/dist/theme/create-list-tokens.js.map +1 -0
  46. package/dist/theme/create-pagination-tokens.d.mts +35 -0
  47. package/dist/theme/create-pagination-tokens.js +57 -0
  48. package/dist/theme/create-pagination-tokens.js.map +1 -0
  49. package/dist/theme/create-progress-tokens.d.mts +4 -0
  50. package/dist/theme/create-progress-tokens.js +4 -4
  51. package/dist/theme/create-progress-tokens.js.map +1 -1
  52. package/dist/theme/create-radio-tokens.d.mts +4 -0
  53. package/dist/theme/create-radio-tokens.js +9 -9
  54. package/dist/theme/create-radio-tokens.js.map +1 -1
  55. package/dist/theme/create-segmented-control-tokens.d.mts +35 -0
  56. package/dist/theme/create-segmented-control-tokens.js +157 -0
  57. package/dist/theme/create-segmented-control-tokens.js.map +1 -0
  58. package/dist/theme/create-select-tokens.d.mts +4 -0
  59. package/dist/theme/create-skeleton-tokens.d.mts +4 -0
  60. package/dist/theme/create-skeleton-tokens.js +1 -1
  61. package/dist/theme/create-skeleton-tokens.js.map +1 -1
  62. package/dist/theme/create-slider-tokens.d.mts +4 -0
  63. package/dist/theme/create-slider-tokens.js +55 -62
  64. package/dist/theme/create-slider-tokens.js.map +1 -1
  65. package/dist/theme/create-spinner-tokens.d.mts +4 -0
  66. package/dist/theme/create-spinner-tokens.js +1 -1
  67. package/dist/theme/create-spinner-tokens.js.map +1 -1
  68. package/dist/theme/create-stepper-tokens.d.mts +4 -0
  69. package/dist/theme/create-switch-tokens.d.mts +4 -0
  70. package/dist/theme/create-switch-tokens.js +22 -22
  71. package/dist/theme/create-switch-tokens.js.map +1 -1
  72. package/dist/theme/create-tag-tokens.d.mts +4 -0
  73. package/dist/theme/create-tag-tokens.js +38 -38
  74. package/dist/theme/create-tag-tokens.js.map +1 -1
  75. package/dist/theme/create-textarea-tokens.d.mts +4 -0
  76. package/dist/theme/create-time-picker-tokens.d.mts +4 -0
  77. package/dist/theme/dark.theme.d.mts +4 -0
  78. package/dist/theme/dark.theme.js +2 -2
  79. package/dist/theme/dark.theme.js.map +1 -1
  80. package/dist/theme/index.d.mts +8 -1
  81. package/dist/theme/index.js +3 -0
  82. package/dist/theme/index.js.map +1 -1
  83. package/dist/theme/light.theme.d.mts +4 -0
  84. package/dist/theme/tokens.theme.d.mts +6 -1
  85. package/dist/theme/tokens.theme.js +95 -7
  86. package/dist/theme/tokens.theme.js.map +1 -1
  87. package/dist/types/carousel-tokens.types.d.mts +28 -0
  88. package/dist/types/carousel-tokens.types.js +1 -0
  89. package/dist/types/carousel-tokens.types.js.map +1 -0
  90. package/dist/types/divider-tokens.types.d.mts +20 -3
  91. package/dist/types/flyout-tokens.types.d.mts +22 -3
  92. package/dist/types/index.d.mts +7 -3
  93. package/dist/types/index.js +4 -0
  94. package/dist/types/index.js.map +1 -1
  95. package/dist/types/list-tokens.types.d.mts +15 -0
  96. package/dist/types/list-tokens.types.js +1 -0
  97. package/dist/types/list-tokens.types.js.map +1 -0
  98. package/dist/types/pagination-tokens.types.d.mts +30 -0
  99. package/dist/types/pagination-tokens.types.js +1 -0
  100. package/dist/types/pagination-tokens.types.js.map +1 -0
  101. package/dist/types/segmented-control-tokens.types.d.mts +49 -0
  102. package/dist/types/segmented-control-tokens.types.js +1 -0
  103. package/dist/types/segmented-control-tokens.types.js.map +1 -0
  104. package/dist/types/slider-tokens.types.d.mts +15 -6
  105. package/dist/types/theme-provider.types.d.mts +8 -0
  106. package/dist/utils/divider-tokens.utils.d.mts +5 -0
  107. package/dist/utils/divider-tokens.utils.js +10 -0
  108. package/dist/utils/divider-tokens.utils.js.map +1 -0
  109. package/dist/utils/flyout-tokens.utils.d.mts +5 -0
  110. package/dist/utils/flyout-tokens.utils.js +11 -0
  111. package/dist/utils/flyout-tokens.utils.js.map +1 -0
  112. package/dist/utils/index.d.mts +12 -3
  113. package/dist/utils/index.js +5 -0
  114. package/dist/utils/index.js.map +1 -1
  115. package/dist/utils/pagination-state.utils.d.mts +6 -0
  116. package/dist/utils/pagination-state.utils.js +9 -0
  117. package/dist/utils/pagination-state.utils.js.map +1 -0
  118. package/dist/utils/segmented-control-state.utils.d.mts +6 -0
  119. package/dist/utils/segmented-control-state.utils.js +20 -0
  120. package/dist/utils/segmented-control-state.utils.js.map +1 -0
  121. package/dist/utils/slider-tokens.utils.d.mts +6 -0
  122. package/dist/utils/slider-tokens.utils.js +15 -0
  123. package/dist/utils/slider-tokens.utils.js.map +1 -0
  124. package/dist/utils/style.utils.d.mts +4 -0
  125. package/package.json +4 -4
package/dist/theme/create-slider-tokens.js CHANGED
@@ -2,44 +2,45 @@ function createSliderTokens(tokens) {
2
2
  return {
3
3
  trackBorderRadius: tokens.radii.round,
4
4
  thumbBorderRadius: tokens.radii.round,
5
- focusRingWidth: tokens.borderSize.md,
6
- focusRingOffset: 2,
7
- focusRingColor: tokens.colors.border.focus.value,
8
5
  valueBubbleBorderRadius: tokens.radii.md,
9
6
  valueBubbleBorderWidth: tokens.borderSize.sm,
10
7
  valueBubblePaddingHorizontal: tokens.space.xs,
11
8
  valueBubblePaddingVertical: tokens.space.xxs,
12
9
  valueBubbleGap: tokens.space.xxs,
13
10
  labelGap: tokens.space.xxs,
11
+ layouts: {
12
+ default: {
13
+ reservedVerticalSpace: 0
14
+ },
15
+ valueBubble: {
16
+ reservedVerticalSpace: 28 + tokens.space.xxs
17
+ }
18
+ },
14
19
  sizes: {
15
20
  small: {
16
21
  trackHeight: 4,
17
22
  thumbSize: 16,
18
- markSize: 6,
19
- hitSlop: 16
23
+ markSize: 6
20
24
  },
21
25
  medium: {
22
26
  trackHeight: 6,
23
27
  thumbSize: 20,
24
- markSize: 6,
25
- hitSlop: 14
28
+ markSize: 6
26
29
  },
27
30
  large: {
28
31
  trackHeight: 8,
29
32
  thumbSize: 24,
30
- markSize: 8,
31
- hitSlop: 12
33
+ markSize: 8
32
34
  }
33
35
  },
34
36
  variants: {
35
37
  filled: {
36
38
  default: {
37
- activeMarkColor: tokens.colors.primary.value,
39
+ activeMarkColor: tokens.colors.primary.contrast,
38
40
  activeTrackColor: tokens.colors.primary.value,
39
- focusRingBorderWidth: 0,
40
- inactiveTrackColor: tokens.colors.neutral["5"],
41
+ inactiveTrackColor: tokens.colors.border.subtle.value,
41
42
  labelColor: tokens.colors.primary.value,
42
- markColor: tokens.colors.neutral["6"],
43
+ markColor: tokens.colors.text.primary,
43
44
  thumbBackgroundColor: tokens.colors.primary.value,
44
45
  thumbBorderColor: tokens.colors.primary.value,
45
46
  thumbBorderWidth: tokens.borderSize.sm,
@@ -49,12 +50,11 @@ function createSliderTokens(tokens) {
49
50
  valueBubbleColor: tokens.colors.primary.contrast
50
51
  },
51
52
  focused: {
52
- activeMarkColor: tokens.colors.primary.value,
53
+ activeMarkColor: tokens.colors.primary.contrast,
53
54
  activeTrackColor: tokens.colors.primary.value,
54
- focusRingBorderWidth: tokens.borderSize.md,
55
- inactiveTrackColor: tokens.colors.neutral["5"],
55
+ inactiveTrackColor: tokens.colors.border.subtle.value,
56
56
  labelColor: tokens.colors.primary.value,
57
- markColor: tokens.colors.neutral["6"],
57
+ markColor: tokens.colors.text.primary,
58
58
  thumbBackgroundColor: tokens.colors.primary.value,
59
59
  thumbBorderColor: tokens.colors.primary.value,
60
60
  thumbBorderWidth: tokens.borderSize.sm,
@@ -64,29 +64,27 @@ function createSliderTokens(tokens) {
64
64
  valueBubbleColor: tokens.colors.primary.contrast
65
65
  },
66
66
  disabled: {
67
- activeMarkColor: tokens.colors.neutral["6"],
68
- activeTrackColor: tokens.colors.neutral["5"],
69
- focusRingBorderWidth: 0,
70
- inactiveTrackColor: tokens.colors.neutral["5"],
67
+ activeMarkColor: tokens.colors.surface.elevated.value,
68
+ activeTrackColor: tokens.colors.border.strong.value,
69
+ inactiveTrackColor: tokens.colors.border.subtle.value,
71
70
  labelColor: tokens.colors.text.disabled,
72
- markColor: tokens.colors.neutral["6"],
73
- thumbBackgroundColor: tokens.colors.neutral["6"],
74
- thumbBorderColor: tokens.colors.neutral["6"],
71
+ markColor: tokens.colors.text.primary,
72
+ thumbBackgroundColor: tokens.colors.border.strong.value,
73
+ thumbBorderColor: tokens.colors.border.strong.value,
75
74
  thumbBorderWidth: tokens.borderSize.sm,
76
75
  thumbHighlightColor: "transparent",
77
- valueBubbleBackgroundColor: tokens.colors.neutral["6"],
78
- valueBubbleBorderColor: tokens.colors.neutral["6"],
76
+ valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
77
+ valueBubbleBorderColor: tokens.colors.border.default.value,
79
78
  valueBubbleColor: tokens.colors.text.disabled
80
79
  }
81
80
  },
82
81
  outlined: {
83
82
  default: {
84
- activeMarkColor: tokens.colors.primary.value,
83
+ activeMarkColor: tokens.colors.primary.contrast,
85
84
  activeTrackColor: tokens.colors.primary.value,
86
- focusRingBorderWidth: 0,
87
- inactiveTrackColor: tokens.colors.neutral["5"],
85
+ inactiveTrackColor: tokens.colors.border.subtle.value,
88
86
  labelColor: tokens.colors.primary.value,
89
- markColor: tokens.colors.neutral["6"],
87
+ markColor: tokens.colors.text.primary,
90
88
  thumbBackgroundColor: tokens.colors.surface.elevated.value,
91
89
  thumbBorderColor: tokens.colors.primary.value,
92
90
  thumbBorderWidth: tokens.borderSize.md,
@@ -96,12 +94,11 @@ function createSliderTokens(tokens) {
96
94
  valueBubbleColor: tokens.colors.primary.value
97
95
  },
98
96
  focused: {
99
- activeMarkColor: tokens.colors.primary.value,
97
+ activeMarkColor: tokens.colors.primary.contrast,
100
98
  activeTrackColor: tokens.colors.primary.value,
101
- focusRingBorderWidth: tokens.borderSize.md,
102
- inactiveTrackColor: tokens.colors.neutral["5"],
99
+ inactiveTrackColor: tokens.colors.border.subtle.value,
103
100
  labelColor: tokens.colors.primary.value,
104
- markColor: tokens.colors.neutral["6"],
101
+ markColor: tokens.colors.text.primary,
105
102
  thumbBackgroundColor: tokens.colors.surface.elevated.value,
106
103
  thumbBorderColor: tokens.colors.primary.value,
107
104
  thumbBorderWidth: tokens.borderSize.md,
@@ -111,65 +108,61 @@ function createSliderTokens(tokens) {
111
108
  valueBubbleColor: tokens.colors.primary.value
112
109
  },
113
110
  disabled: {
114
- activeMarkColor: tokens.colors.neutral["6"],
115
- activeTrackColor: tokens.colors.neutral["5"],
116
- focusRingBorderWidth: 0,
117
- inactiveTrackColor: tokens.colors.neutral["5"],
111
+ activeMarkColor: tokens.colors.surface.elevated.value,
112
+ activeTrackColor: tokens.colors.border.strong.value,
113
+ inactiveTrackColor: tokens.colors.border.subtle.value,
118
114
  labelColor: tokens.colors.text.disabled,
119
- markColor: tokens.colors.neutral["6"],
120
- thumbBackgroundColor: tokens.colors.neutral["6"],
121
- thumbBorderColor: tokens.colors.neutral["6"],
115
+ markColor: tokens.colors.text.primary,
116
+ thumbBackgroundColor: tokens.colors.border.strong.value,
117
+ thumbBorderColor: tokens.colors.border.strong.value,
122
118
  thumbBorderWidth: tokens.borderSize.md,
123
119
  thumbHighlightColor: "transparent",
124
- valueBubbleBackgroundColor: tokens.colors.neutral["6"],
125
- valueBubbleBorderColor: tokens.colors.neutral["6"],
120
+ valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
121
+ valueBubbleBorderColor: tokens.colors.border.default.value,
126
122
  valueBubbleColor: tokens.colors.text.disabled
127
123
  }
128
124
  },
129
125
  soft: {
130
126
  default: {
131
- activeMarkColor: tokens.colors.primary.value,
127
+ activeMarkColor: tokens.colors.secondary.contrast,
132
128
  activeTrackColor: tokens.colors.secondary.value,
133
- focusRingBorderWidth: 0,
134
- inactiveTrackColor: tokens.colors.neutral["5"],
129
+ inactiveTrackColor: tokens.colors.border.subtle.value,
135
130
  labelColor: tokens.colors.secondary.contrast,
136
- markColor: tokens.colors.neutral["6"],
131
+ markColor: tokens.colors.text.primary,
137
132
  thumbBackgroundColor: tokens.colors.accent.value,
138
133
  thumbBorderColor: tokens.colors.accent.value,
139
134
  thumbBorderWidth: tokens.borderSize.sm,
140
- thumbHighlightColor: tokens.colors.primary.value,
135
+ thumbHighlightColor: tokens.colors.accent.contrast,
141
136
  valueBubbleBackgroundColor: tokens.colors.secondary.value,
142
137
  valueBubbleBorderColor: tokens.colors.secondary.value,
143
138
  valueBubbleColor: tokens.colors.secondary.contrast
144
139
  },
145
140
  focused: {
146
- activeMarkColor: tokens.colors.primary.value,
141
+ activeMarkColor: tokens.colors.secondary.contrast,
147
142
  activeTrackColor: tokens.colors.secondary.value,
148
- focusRingBorderWidth: tokens.borderSize.md,
149
- inactiveTrackColor: tokens.colors.neutral["5"],
143
+ inactiveTrackColor: tokens.colors.border.subtle.value,
150
144
  labelColor: tokens.colors.secondary.contrast,
151
- markColor: tokens.colors.neutral["6"],
145
+ markColor: tokens.colors.text.primary,
152
146
  thumbBackgroundColor: tokens.colors.accent.value,
153
147
  thumbBorderColor: tokens.colors.accent.value,
154
148
  thumbBorderWidth: tokens.borderSize.sm,
155
- thumbHighlightColor: tokens.colors.primary.value,
149
+ thumbHighlightColor: tokens.colors.accent.contrast,
156
150
  valueBubbleBackgroundColor: tokens.colors.secondary.value,
157
151
  valueBubbleBorderColor: tokens.colors.secondary.value,
158
152
  valueBubbleColor: tokens.colors.secondary.contrast
159
153
  },
160
154
  disabled: {
161
- activeMarkColor: tokens.colors.neutral["6"],
162
- activeTrackColor: tokens.colors.neutral["5"],
163
- focusRingBorderWidth: 0,
164
- inactiveTrackColor: tokens.colors.neutral["5"],
155
+ activeMarkColor: tokens.colors.surface.elevated.value,
156
+ activeTrackColor: tokens.colors.border.strong.value,
157
+ inactiveTrackColor: tokens.colors.border.subtle.value,
165
158
  labelColor: tokens.colors.text.disabled,
166
- markColor: tokens.colors.neutral["6"],
167
- thumbBackgroundColor: tokens.colors.neutral["6"],
168
- thumbBorderColor: tokens.colors.neutral["6"],
159
+ markColor: tokens.colors.text.primary,
160
+ thumbBackgroundColor: tokens.colors.border.strong.value,
161
+ thumbBorderColor: tokens.colors.border.strong.value,
169
162
  thumbBorderWidth: tokens.borderSize.sm,
170
163
  thumbHighlightColor: "transparent",
171
- valueBubbleBackgroundColor: tokens.colors.neutral["6"],
172
- valueBubbleBorderColor: tokens.colors.neutral["6"],
164
+ valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
165
+ valueBubbleBorderColor: tokens.colors.border.default.value,
173
166
  valueBubbleColor: tokens.colors.text.disabled
174
167
  }
175
168
  }
package/dist/theme/create-slider-tokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/theme/create-slider-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SliderTokens } from \"../types\";\n\nexport function createSliderTokens(tokens: PrimitiveThemeTokens): SliderTokens {\n return {\n trackBorderRadius: tokens.radii.round,\n thumbBorderRadius: tokens.radii.round,\n focusRingWidth: tokens.borderSize.md,\n focusRingOffset: 2,\n focusRingColor: tokens.colors.border.focus.value,\n valueBubbleBorderRadius: tokens.radii.md,\n valueBubbleBorderWidth: tokens.borderSize.sm,\n valueBubblePaddingHorizontal: tokens.space.xs,\n valueBubblePaddingVertical: tokens.space.xxs,\n valueBubbleGap: tokens.space.xxs,\n labelGap: tokens.space.xxs,\n sizes: {\n small: {\n trackHeight: 4,\n thumbSize: 16,\n markSize: 6,\n hitSlop: 16,\n },\n medium: {\n trackHeight: 6,\n thumbSize: 20,\n markSize: 6,\n hitSlop: 14,\n },\n large: {\n trackHeight: 8,\n thumbSize: 24,\n markSize: 8,\n hitSlop: 12,\n },\n },\n variants: {\n filled: {\n default: {\n activeMarkColor: tokens.colors.primary.value,\n activeTrackColor: tokens.colors.primary.value,\n focusRingBorderWidth: 0,\n inactiveTrackColor: tokens.colors.neutral[\"5\"],\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.neutral[\"6\"],\n thumbBackgroundColor: tokens.colors.primary.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.primary.contrast,\n valueBubbleBackgroundColor: tokens.colors.primary.value,\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.contrast,\n },\n focused: {\n activeMarkColor: tokens.colors.primary.value,\n activeTrackColor: tokens.colors.primary.value,\n focusRingBorderWidth: tokens.borderSize.md,\n inactiveTrackColor: tokens.colors.neutral[\"5\"],\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.neutral[\"6\"],\n thumbBackgroundColor: tokens.colors.primary.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.primary.contrast,\n valueBubbleBackgroundColor: tokens.colors.primary.value,\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.contrast,\n },\n disabled: {\n activeMarkColor: tokens.colors.neutral[\"6\"],\n activeTrackColor: tokens.colors.neutral[\"5\"],\n focusRingBorderWidth: 0,\n inactiveTrackColor: tokens.colors.neutral[\"5\"],\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.neutral[\"6\"],\n thumbBackgroundColor: tokens.colors.neutral[\"6\"],\n thumbBorderColor: tokens.colors.neutral[\"6\"],\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.neutral[\"6\"],\n valueBubbleBorderColor: tokens.colors.neutral[\"6\"],\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n activeMarkColor: tokens.colors.primary.value,\n activeTrackColor: tokens.colors.primary.value,\n focusRingBorderWidth: 0,\n inactiveTrackColor: tokens.colors.neutral[\"5\"],\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.neutral[\"6\"],\n thumbBackgroundColor: tokens.colors.surface.elevated.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: \"transparent\",\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.value,\n },\n focused: {\n activeMarkColor: tokens.colors.primary.value,\n activeTrackColor: tokens.colors.primary.value,\n focusRingBorderWidth: tokens.borderSize.md,\n inactiveTrackColor: tokens.colors.neutral[\"5\"],\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.neutral[\"6\"],\n thumbBackgroundColor: tokens.colors.surface.elevated.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: \"transparent\",\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.value,\n },\n disabled: {\n activeMarkColor: tokens.colors.neutral[\"6\"],\n activeTrackColor: tokens.colors.neutral[\"5\"],\n focusRingBorderWidth: 0,\n inactiveTrackColor: tokens.colors.neutral[\"5\"],\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.neutral[\"6\"],\n thumbBackgroundColor: tokens.colors.neutral[\"6\"],\n thumbBorderColor: tokens.colors.neutral[\"6\"],\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.neutral[\"6\"],\n valueBubbleBorderColor: tokens.colors.neutral[\"6\"],\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n activeMarkColor: tokens.colors.primary.value,\n activeTrackColor: tokens.colors.secondary.value,\n focusRingBorderWidth: 0,\n inactiveTrackColor: tokens.colors.neutral[\"5\"],\n labelColor: tokens.colors.secondary.contrast,\n markColor: tokens.colors.neutral[\"6\"],\n thumbBackgroundColor: tokens.colors.accent.value,\n thumbBorderColor: tokens.colors.accent.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.primary.value,\n valueBubbleBackgroundColor: tokens.colors.secondary.value,\n valueBubbleBorderColor: tokens.colors.secondary.value,\n valueBubbleColor: tokens.colors.secondary.contrast,\n },\n focused: {\n activeMarkColor: tokens.colors.primary.value,\n activeTrackColor: tokens.colors.secondary.value,\n focusRingBorderWidth: tokens.borderSize.md,\n inactiveTrackColor: tokens.colors.neutral[\"5\"],\n labelColor: tokens.colors.secondary.contrast,\n markColor: tokens.colors.neutral[\"6\"],\n thumbBackgroundColor: tokens.colors.accent.value,\n thumbBorderColor: tokens.colors.accent.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.primary.value,\n valueBubbleBackgroundColor: tokens.colors.secondary.value,\n valueBubbleBorderColor: tokens.colors.secondary.value,\n valueBubbleColor: tokens.colors.secondary.contrast,\n },\n disabled: {\n activeMarkColor: tokens.colors.neutral[\"6\"],\n activeTrackColor: tokens.colors.neutral[\"5\"],\n focusRingBorderWidth: 0,\n inactiveTrackColor: tokens.colors.neutral[\"5\"],\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.neutral[\"6\"],\n thumbBackgroundColor: tokens.colors.neutral[\"6\"],\n thumbBorderColor: tokens.colors.neutral[\"6\"],\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.neutral[\"6\"],\n valueBubbleBorderColor: tokens.colors.neutral[\"6\"],\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../src/theme/create-slider-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SliderTokens } from \"../types\";\n\nexport function createSliderTokens(tokens: PrimitiveThemeTokens): SliderTokens {\n return {\n trackBorderRadius: tokens.radii.round,\n thumbBorderRadius: tokens.radii.round,\n valueBubbleBorderRadius: tokens.radii.md,\n valueBubbleBorderWidth: tokens.borderSize.sm,\n valueBubblePaddingHorizontal: tokens.space.xs,\n valueBubblePaddingVertical: tokens.space.xxs,\n valueBubbleGap: tokens.space.xxs,\n labelGap: tokens.space.xxs,\n layouts: {\n default: {\n reservedVerticalSpace: 0,\n },\n valueBubble: {\n reservedVerticalSpace: 28 + tokens.space.xxs,\n },\n },\n sizes: {\n small: {\n trackHeight: 4,\n thumbSize: 16,\n markSize: 6,\n },\n medium: {\n trackHeight: 6,\n thumbSize: 20,\n markSize: 6,\n },\n large: {\n trackHeight: 8,\n thumbSize: 24,\n markSize: 8,\n },\n },\n variants: {\n filled: {\n default: {\n activeMarkColor: tokens.colors.primary.contrast,\n activeTrackColor: tokens.colors.primary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.primary.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.primary.contrast,\n valueBubbleBackgroundColor: tokens.colors.primary.value,\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.contrast,\n },\n focused: {\n activeMarkColor: tokens.colors.primary.contrast,\n activeTrackColor: tokens.colors.primary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.primary.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.primary.contrast,\n valueBubbleBackgroundColor: tokens.colors.primary.value,\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.contrast,\n },\n disabled: {\n activeMarkColor: tokens.colors.surface.elevated.value,\n activeTrackColor: tokens.colors.border.strong.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.border.strong.value,\n thumbBorderColor: tokens.colors.border.strong.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n valueBubbleBorderColor: tokens.colors.border.default.value,\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n activeMarkColor: tokens.colors.primary.contrast,\n activeTrackColor: tokens.colors.primary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.surface.elevated.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: \"transparent\",\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.value,\n },\n focused: {\n activeMarkColor: tokens.colors.primary.contrast,\n activeTrackColor: tokens.colors.primary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.primary.value,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.surface.elevated.value,\n thumbBorderColor: tokens.colors.primary.value,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: \"transparent\",\n valueBubbleBorderColor: tokens.colors.primary.value,\n valueBubbleColor: tokens.colors.primary.value,\n },\n disabled: {\n activeMarkColor: tokens.colors.surface.elevated.value,\n activeTrackColor: tokens.colors.border.strong.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.border.strong.value,\n thumbBorderColor: tokens.colors.border.strong.value,\n thumbBorderWidth: tokens.borderSize.md,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n valueBubbleBorderColor: tokens.colors.border.default.value,\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n activeMarkColor: tokens.colors.secondary.contrast,\n activeTrackColor: tokens.colors.secondary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.secondary.contrast,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.accent.value,\n thumbBorderColor: tokens.colors.accent.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.accent.contrast,\n valueBubbleBackgroundColor: tokens.colors.secondary.value,\n valueBubbleBorderColor: tokens.colors.secondary.value,\n valueBubbleColor: tokens.colors.secondary.contrast,\n },\n focused: {\n activeMarkColor: tokens.colors.secondary.contrast,\n activeTrackColor: tokens.colors.secondary.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.secondary.contrast,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.accent.value,\n thumbBorderColor: tokens.colors.accent.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: tokens.colors.accent.contrast,\n valueBubbleBackgroundColor: tokens.colors.secondary.value,\n valueBubbleBorderColor: tokens.colors.secondary.value,\n valueBubbleColor: tokens.colors.secondary.contrast,\n },\n disabled: {\n activeMarkColor: tokens.colors.surface.elevated.value,\n activeTrackColor: tokens.colors.border.strong.value,\n inactiveTrackColor: tokens.colors.border.subtle.value,\n labelColor: tokens.colors.text.disabled,\n markColor: tokens.colors.text.primary,\n thumbBackgroundColor: tokens.colors.border.strong.value,\n thumbBorderColor: tokens.colors.border.strong.value,\n thumbBorderWidth: tokens.borderSize.sm,\n thumbHighlightColor: \"transparent\",\n valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,\n valueBubbleBorderColor: tokens.colors.border.default.value,\n valueBubbleColor: tokens.colors.text.disabled,\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
package/dist/theme/create-spinner-tokens.d.mts CHANGED
@@ -2,7 +2,9 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.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';
5
+ import '../types/carousel-tokens.types.mjs';
5
6
  import '../types/checkbox-tokens.types.mjs';
7
+ import '../types/list-tokens.types.mjs';
6
8
  import '../types/radio-tokens.types.mjs';
7
9
  import '../types/accordion-tokens.types.mjs';
8
10
  import '../types/avatar-tokens.types.mjs';
@@ -14,8 +16,10 @@ import '../types/datetime-picker-tokens.types.mjs';
14
16
  import '../types/divider-tokens.types.mjs';
15
17
  import '../types/flyout-tokens.types.mjs';
16
18
  import '../types/icon-tokens.types.mjs';
19
+ import '../types/pagination-tokens.types.mjs';
17
20
  import '../types/pressable-tokens.types.mjs';
18
21
  import '../types/progress-tokens.types.mjs';
22
+ import '../types/segmented-control-tokens.types.mjs';
19
23
  import '../types/select-tokens.types.mjs';
20
24
  import '../types/skeleton-tokens.types.mjs';
21
25
  import '../types/slider-tokens.types.mjs';
package/dist/theme/create-spinner-tokens.js CHANGED
@@ -8,7 +8,7 @@ function createSpinnerTokens(tokens) {
8
8
  },
9
9
  colors: {
10
10
  primary: tokens.colors.primary.value,
11
- secondary: tokens.colors.secondary.value,
11
+ secondary: tokens.colors.secondary.contrast,
12
12
  neutral: tokens.colors.text.secondary,
13
13
  inverse: tokens.colors.text.inverse
14
14
  }
package/dist/theme/create-spinner-tokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/theme/create-spinner-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SpinnerTokens } from \"../types\";\n\nexport function createSpinnerTokens(\n tokens: PrimitiveThemeTokens,\n): SpinnerTokens {\n return {\n baseSize: 20,\n sizes: {\n small: 16,\n medium: 20,\n large: 24,\n },\n colors: {\n primary: tokens.colors.primary.value,\n secondary: tokens.colors.secondary.value,\n neutral: tokens.colors.text.secondary,\n inverse: tokens.colors.text.inverse,\n },\n };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,UAAU;AAAA,IACV,OAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,OAAO,OAAO,QAAQ;AAAA,MAC/B,WAAW,OAAO,OAAO,UAAU;AAAA,MACnC,SAAS,OAAO,OAAO,KAAK;AAAA,MAC5B,SAAS,OAAO,OAAO,KAAK;AAAA,IAC9B;AAAA,EACF;AACF;","names":[]}
1
+ {"version":3,"sources":["../../src/theme/create-spinner-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SpinnerTokens } from \"../types\";\n\nexport function createSpinnerTokens(\n tokens: PrimitiveThemeTokens,\n): SpinnerTokens {\n return {\n baseSize: 20,\n sizes: {\n small: 16,\n medium: 20,\n large: 24,\n },\n colors: {\n primary: tokens.colors.primary.value,\n secondary: tokens.colors.secondary.contrast,\n neutral: tokens.colors.text.secondary,\n inverse: tokens.colors.text.inverse,\n },\n };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,UAAU;AAAA,IACV,OAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,OAAO,OAAO,QAAQ;AAAA,MAC/B,WAAW,OAAO,OAAO,UAAU;AAAA,MACnC,SAAS,OAAO,OAAO,KAAK;AAAA,MAC5B,SAAS,OAAO,OAAO,KAAK;AAAA,IAC9B;AAAA,EACF;AACF;","names":[]}
package/dist/theme/create-stepper-tokens.d.mts CHANGED
@@ -2,7 +2,9 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.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';
5
+ import '../types/carousel-tokens.types.mjs';
5
6
  import '../types/checkbox-tokens.types.mjs';
7
+ import '../types/list-tokens.types.mjs';
6
8
  import '../types/radio-tokens.types.mjs';
7
9
  import '../types/accordion-tokens.types.mjs';
8
10
  import '../types/avatar-tokens.types.mjs';
@@ -14,9 +16,11 @@ import '../types/datetime-picker-tokens.types.mjs';
14
16
  import '../types/divider-tokens.types.mjs';
15
17
  import '../types/flyout-tokens.types.mjs';
16
18
  import '../types/icon-tokens.types.mjs';
19
+ import '../types/pagination-tokens.types.mjs';
17
20
  import '../types/pressable-tokens.types.mjs';
18
21
  import '../types/progress-tokens.types.mjs';
19
22
  import '../types/spinner-tokens.types.mjs';
23
+ import '../types/segmented-control-tokens.types.mjs';
20
24
  import '../types/select-tokens.types.mjs';
21
25
  import '../types/skeleton-tokens.types.mjs';
22
26
  import '../types/slider-tokens.types.mjs';
package/dist/theme/create-switch-tokens.d.mts CHANGED
@@ -2,7 +2,9 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.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';
5
+ import '../types/carousel-tokens.types.mjs';
5
6
  import '../types/checkbox-tokens.types.mjs';
7
+ import '../types/list-tokens.types.mjs';
6
8
  import '../types/radio-tokens.types.mjs';
7
9
  import '../types/accordion-tokens.types.mjs';
8
10
  import '../types/avatar-tokens.types.mjs';
@@ -14,9 +16,11 @@ import '../types/datetime-picker-tokens.types.mjs';
14
16
  import '../types/divider-tokens.types.mjs';
15
17
  import '../types/flyout-tokens.types.mjs';
16
18
  import '../types/icon-tokens.types.mjs';
19
+ import '../types/pagination-tokens.types.mjs';
17
20
  import '../types/pressable-tokens.types.mjs';
18
21
  import '../types/progress-tokens.types.mjs';
19
22
  import '../types/spinner-tokens.types.mjs';
23
+ import '../types/segmented-control-tokens.types.mjs';
20
24
  import '../types/select-tokens.types.mjs';
21
25
  import '../types/skeleton-tokens.types.mjs';
22
26
  import '../types/slider-tokens.types.mjs';
package/dist/theme/create-switch-tokens.js CHANGED
@@ -8,7 +8,7 @@ function createSwitchTokens(tokens) {
8
8
  borderWidth: tokens.borderSize.sm,
9
9
  borderRadius: tokens.radii.round,
10
10
  thumbBorderRadius: tokens.radii.round,
11
- loadingIndicatorColor: tokens.colors.surface.elevated.value,
11
+ loadingIndicatorColor: tokens.colors.text.primary,
12
12
  sizes: {
13
13
  small: {
14
14
  width: 36,
@@ -43,15 +43,15 @@ function createSwitchTokens(tokens) {
43
43
  activeThumbColor: primaryContrast,
44
44
  inactiveBackgroundColor: tokens.colors.surface.primary.value,
45
45
  inactiveBorderColor: tokens.colors.border.strong.value,
46
- inactiveThumbColor: tokens.colors.surface.elevated.value
46
+ inactiveThumbColor: tokens.colors.text.secondary
47
47
  },
48
48
  disabled: {
49
- activeBackgroundColor: tokens.colors.neutral["3"],
50
- activeBorderColor: tokens.colors.neutral["5"],
51
- activeThumbColor: tokens.colors.neutral["7"],
52
- inactiveBackgroundColor: tokens.colors.neutral["3"],
53
- inactiveBorderColor: tokens.colors.neutral["5"],
54
- inactiveThumbColor: tokens.colors.neutral["7"]
49
+ activeBackgroundColor: tokens.colors.surface.primary.value,
50
+ activeBorderColor: tokens.colors.border.default.value,
51
+ activeThumbColor: tokens.colors.text.disabled,
52
+ inactiveBackgroundColor: tokens.colors.surface.primary.value,
53
+ inactiveBorderColor: tokens.colors.border.default.value,
54
+ inactiveThumbColor: tokens.colors.text.disabled
55
55
  }
56
56
  },
57
57
  outlined: {
@@ -61,15 +61,15 @@ function createSwitchTokens(tokens) {
61
61
  activeThumbColor: primary,
62
62
  inactiveBackgroundColor: tokens.colors.surface.primary.value,
63
63
  inactiveBorderColor: tokens.colors.border.strong.value,
64
- inactiveThumbColor: tokens.colors.surface.elevated.value
64
+ inactiveThumbColor: tokens.colors.text.secondary
65
65
  },
66
66
  disabled: {
67
- activeBackgroundColor: tokens.colors.neutral["3"],
68
- activeBorderColor: tokens.colors.neutral["5"],
69
- activeThumbColor: tokens.colors.neutral["7"],
70
- inactiveBackgroundColor: tokens.colors.neutral["3"],
71
- inactiveBorderColor: tokens.colors.neutral["5"],
72
- inactiveThumbColor: tokens.colors.neutral["7"]
67
+ activeBackgroundColor: tokens.colors.surface.primary.value,
68
+ activeBorderColor: tokens.colors.border.default.value,
69
+ activeThumbColor: tokens.colors.text.disabled,
70
+ inactiveBackgroundColor: tokens.colors.surface.primary.value,
71
+ inactiveBorderColor: tokens.colors.border.default.value,
72
+ inactiveThumbColor: tokens.colors.text.disabled
73
73
  }
74
74
  },
75
75
  soft: {
@@ -79,15 +79,15 @@ function createSwitchTokens(tokens) {
79
79
  activeThumbColor: secondaryContrast,
80
80
  inactiveBackgroundColor: tokens.colors.surface.primary.value,
81
81
  inactiveBorderColor: tokens.colors.border.strong.value,
82
- inactiveThumbColor: tokens.colors.surface.elevated.value
82
+ inactiveThumbColor: tokens.colors.text.secondary
83
83
  },
84
84
  disabled: {
85
- activeBackgroundColor: tokens.colors.neutral["3"],
86
- activeBorderColor: tokens.colors.neutral["5"],
87
- activeThumbColor: tokens.colors.neutral["7"],
88
- inactiveBackgroundColor: tokens.colors.neutral["3"],
89
- inactiveBorderColor: tokens.colors.neutral["5"],
90
- inactiveThumbColor: tokens.colors.neutral["7"]
85
+ activeBackgroundColor: tokens.colors.surface.primary.value,
86
+ activeBorderColor: tokens.colors.border.default.value,
87
+ activeThumbColor: tokens.colors.text.disabled,
88
+ inactiveBackgroundColor: tokens.colors.surface.primary.value,
89
+ inactiveBorderColor: tokens.colors.border.default.value,
90
+ inactiveThumbColor: tokens.colors.text.disabled
91
91
  }
92
92
  }
93
93
  }
package/dist/theme/create-switch-tokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/theme/create-switch-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SwitchTokens } from \"../types\";\n\nexport function createSwitchTokens(tokens: PrimitiveThemeTokens): SwitchTokens {\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 animationDuration: 180,\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.round,\n thumbBorderRadius: tokens.radii.round,\n loadingIndicatorColor: tokens.colors.surface.elevated.value,\n\n sizes: {\n small: {\n width: 36,\n height: 20,\n thumbSize: 16,\n trackPadding: 1,\n loadingIndicatorScale: 0.5,\n hitSlop: 12,\n },\n medium: {\n width: 44,\n height: 24,\n thumbSize: 20,\n trackPadding: 1,\n loadingIndicatorScale: 0.6,\n hitSlop: 10,\n },\n large: {\n width: 52,\n height: 28,\n thumbSize: 24,\n trackPadding: 1,\n loadingIndicatorScale: 0.7,\n hitSlop: 8,\n },\n },\n\n variants: {\n filled: {\n default: {\n activeBackgroundColor: primary,\n activeBorderColor: primary,\n activeThumbColor: primaryContrast,\n inactiveBackgroundColor: tokens.colors.surface.primary.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.surface.elevated.value,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.neutral[\"3\"],\n activeBorderColor: tokens.colors.neutral[\"5\"],\n activeThumbColor: tokens.colors.neutral[\"7\"],\n inactiveBackgroundColor: tokens.colors.neutral[\"3\"],\n inactiveBorderColor: tokens.colors.neutral[\"5\"],\n inactiveThumbColor: tokens.colors.neutral[\"7\"],\n },\n },\n outlined: {\n default: {\n activeBackgroundColor: \"transparent\",\n activeBorderColor: primary,\n activeThumbColor: primary,\n inactiveBackgroundColor: tokens.colors.surface.primary.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.surface.elevated.value,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.neutral[\"3\"],\n activeBorderColor: tokens.colors.neutral[\"5\"],\n activeThumbColor: tokens.colors.neutral[\"7\"],\n inactiveBackgroundColor: tokens.colors.neutral[\"3\"],\n inactiveBorderColor: tokens.colors.neutral[\"5\"],\n inactiveThumbColor: tokens.colors.neutral[\"7\"],\n },\n },\n soft: {\n default: {\n activeBackgroundColor: secondary,\n activeBorderColor: secondary,\n activeThumbColor: secondaryContrast,\n inactiveBackgroundColor: tokens.colors.surface.primary.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.surface.elevated.value,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.neutral[\"3\"],\n activeBorderColor: tokens.colors.neutral[\"5\"],\n activeThumbColor: tokens.colors.neutral[\"7\"],\n inactiveBackgroundColor: tokens.colors.neutral[\"3\"],\n inactiveBorderColor: tokens.colors.neutral[\"5\"],\n inactiveThumbColor: tokens.colors.neutral[\"7\"],\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../src/theme/create-switch-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SwitchTokens } from \"../types\";\n\nexport function createSwitchTokens(tokens: PrimitiveThemeTokens): SwitchTokens {\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 animationDuration: 180,\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.round,\n thumbBorderRadius: tokens.radii.round,\n loadingIndicatorColor: tokens.colors.text.primary,\n\n sizes: {\n small: {\n width: 36,\n height: 20,\n thumbSize: 16,\n trackPadding: 1,\n loadingIndicatorScale: 0.5,\n hitSlop: 12,\n },\n medium: {\n width: 44,\n height: 24,\n thumbSize: 20,\n trackPadding: 1,\n loadingIndicatorScale: 0.6,\n hitSlop: 10,\n },\n large: {\n width: 52,\n height: 28,\n thumbSize: 24,\n trackPadding: 1,\n loadingIndicatorScale: 0.7,\n hitSlop: 8,\n },\n },\n\n variants: {\n filled: {\n default: {\n activeBackgroundColor: primary,\n activeBorderColor: primary,\n activeThumbColor: primaryContrast,\n inactiveBackgroundColor: tokens.colors.surface.primary.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.surface.primary.value,\n activeBorderColor: tokens.colors.border.default.value,\n activeThumbColor: tokens.colors.text.disabled,\n inactiveBackgroundColor: tokens.colors.surface.primary.value,\n inactiveBorderColor: tokens.colors.border.default.value,\n inactiveThumbColor: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n activeBackgroundColor: \"transparent\",\n activeBorderColor: primary,\n activeThumbColor: primary,\n inactiveBackgroundColor: tokens.colors.surface.primary.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.surface.primary.value,\n activeBorderColor: tokens.colors.border.default.value,\n activeThumbColor: tokens.colors.text.disabled,\n inactiveBackgroundColor: tokens.colors.surface.primary.value,\n inactiveBorderColor: tokens.colors.border.default.value,\n inactiveThumbColor: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n activeBackgroundColor: secondary,\n activeBorderColor: secondary,\n activeThumbColor: secondaryContrast,\n inactiveBackgroundColor: tokens.colors.surface.primary.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.text.secondary,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.surface.primary.value,\n activeBorderColor: tokens.colors.border.default.value,\n activeThumbColor: tokens.colors.text.disabled,\n inactiveBackgroundColor: tokens.colors.surface.primary.value,\n inactiveBorderColor: tokens.colors.border.default.value,\n inactiveThumbColor: tokens.colors.text.disabled,\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
package/dist/theme/create-tag-tokens.d.mts CHANGED
@@ -2,7 +2,9 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.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';
5
+ import '../types/carousel-tokens.types.mjs';
5
6
  import '../types/checkbox-tokens.types.mjs';
7
+ import '../types/list-tokens.types.mjs';
6
8
  import '../types/radio-tokens.types.mjs';
7
9
  import '../types/accordion-tokens.types.mjs';
8
10
  import '../types/avatar-tokens.types.mjs';
@@ -14,9 +16,11 @@ import '../types/datetime-picker-tokens.types.mjs';
14
16
  import '../types/divider-tokens.types.mjs';
15
17
  import '../types/flyout-tokens.types.mjs';
16
18
  import '../types/icon-tokens.types.mjs';
19
+ import '../types/pagination-tokens.types.mjs';
17
20
  import '../types/pressable-tokens.types.mjs';
18
21
  import '../types/progress-tokens.types.mjs';
19
22
  import '../types/spinner-tokens.types.mjs';
23
+ import '../types/segmented-control-tokens.types.mjs';
20
24
  import '../types/select-tokens.types.mjs';
21
25
  import '../types/skeleton-tokens.types.mjs';
22
26
  import '../types/slider-tokens.types.mjs';