@impulse-ui-native/theme 11.4.0 → 14.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 (37) hide show
  1. package/dist/index.d.mts +2 -2
  2. package/dist/theme/create-avatar-tokens.js +54 -13
  3. package/dist/theme/create-avatar-tokens.js.map +1 -1
  4. package/dist/theme/create-button-tokens.js +206 -56
  5. package/dist/theme/create-button-tokens.js.map +1 -1
  6. package/dist/theme/create-checkbox-tokens.js +198 -55
  7. package/dist/theme/create-checkbox-tokens.js.map +1 -1
  8. package/dist/theme/create-control-tokens.js +522 -86
  9. package/dist/theme/create-control-tokens.js.map +1 -1
  10. package/dist/theme/create-icon-button-tokens.js +206 -56
  11. package/dist/theme/create-icon-button-tokens.js.map +1 -1
  12. package/dist/theme/create-radio-tokens.js +198 -55
  13. package/dist/theme/create-radio-tokens.js.map +1 -1
  14. package/dist/theme/create-segmented-control-tokens.js +219 -64
  15. package/dist/theme/create-segmented-control-tokens.js.map +1 -1
  16. package/dist/theme/create-slider-tokens.js +391 -121
  17. package/dist/theme/create-slider-tokens.js.map +1 -1
  18. package/dist/theme/create-switch-tokens.js +165 -46
  19. package/dist/theme/create-switch-tokens.js.map +1 -1
  20. package/dist/theme/create-tag-tokens.js +38 -0
  21. package/dist/theme/create-tag-tokens.js.map +1 -1
  22. package/dist/types/avatar-tokens.types.d.mts +2 -2
  23. package/dist/types/buttons-tokens.types.d.mts +3 -3
  24. package/dist/types/checkbox-tokens.types.d.mts +2 -2
  25. package/dist/types/components.types.d.mts +5 -2
  26. package/dist/types/control-tokens.types.d.mts +4 -4
  27. package/dist/types/index.d.mts +2 -2
  28. package/dist/types/radio-tokens.types.d.mts +2 -2
  29. package/dist/types/segmented-control-tokens.types.d.mts +3 -2
  30. package/dist/types/slider-tokens.types.d.mts +3 -2
  31. package/dist/types/switch-tokens.types.d.mts +2 -2
  32. package/dist/types/tag-tokens.types.d.mts +4 -4
  33. package/dist/utils/segmented-control-state.utils.js +2 -2
  34. package/dist/utils/segmented-control-state.utils.js.map +1 -1
  35. package/dist/utils/slider-tokens.utils.js +1 -1
  36. package/dist/utils/slider-tokens.utils.js.map +1 -1
  37. package/package.json +2 -2
package/dist/theme/create-segmented-control-tokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/theme/create-segmented-control-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SegmentedControlTokens } from \"../types\";\n\nexport function createSegmentedControlTokens(\n tokens: PrimitiveThemeTokens,\n): SegmentedControlTokens {\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 const transparent = \"transparent\";\n\n return {\n borderRadius: tokens.radii.md,\n borderWidth: tokens.borderSize.sm,\n itemBorderRadius: tokens.radii.md,\n itemBorderWidth: tokens.borderSize.sm,\n rootBackgroundColor: tokens.colors.surface.subtle.value,\n rootBorderColor: tokens.colors.border.default.value,\n rootGap: tokens.space.none,\n rootPadding: tokens.space.none,\n sizes: {\n small: {\n fontSize: tokens.fontSize.xsm,\n height: 32,\n hitSlop: 6,\n iconSize: 16,\n layouts: {\n inline: {\n flexDirection: \"row\",\n gap: tokens.space.xxs,\n paddingVertical: tokens.space.none,\n },\n stacked: {\n flexDirection: \"column\",\n gap: tokens.space.xxs,\n paddingVertical: tokens.space.xxs,\n },\n },\n minItemWidth: 64,\n paddingHorizontal: tokens.space.xs,\n },\n medium: {\n fontSize: tokens.fontSize.sm,\n height: 40,\n hitSlop: 2,\n iconSize: 18,\n layouts: {\n inline: {\n flexDirection: \"row\",\n gap: tokens.space.xxs,\n paddingVertical: tokens.space.none,\n },\n stacked: {\n flexDirection: \"column\",\n gap: tokens.space.xxs,\n paddingVertical: tokens.space.xs,\n },\n },\n minItemWidth: 80,\n paddingHorizontal: tokens.space.mxs,\n },\n large: {\n fontSize: tokens.fontSize.sm,\n height: 48,\n hitSlop: 0,\n iconSize: 20,\n layouts: {\n inline: {\n flexDirection: \"row\",\n gap: tokens.space.xxs,\n paddingVertical: tokens.space.none,\n },\n stacked: {\n flexDirection: \"column\",\n gap: tokens.space.xxs,\n paddingVertical: 10,\n },\n },\n minItemWidth: 96,\n paddingHorizontal: tokens.space.sm,\n },\n },\n variants: {\n filled: {\n states: {\n unselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.secondary,\n },\n selected: {\n backgroundColor: primary,\n borderColor: primary,\n color: primaryContrast,\n },\n disabledUnselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n outlined: {\n states: {\n unselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.secondary,\n },\n selected: {\n backgroundColor: tokens.colors.surface.elevated.value,\n borderColor: primary,\n color: primary,\n },\n disabledUnselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: transparent,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n soft: {\n states: {\n unselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.secondary,\n },\n selected: {\n backgroundColor: secondary,\n borderColor: secondary,\n color: secondaryContrast,\n },\n disabledUnselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../../src/theme/create-segmented-control-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SegmentedControlTokens } from \"../types\";\n\nexport function createSegmentedControlTokens(\n tokens: PrimitiveThemeTokens,\n): SegmentedControlTokens {\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 const transparent = \"transparent\";\n\n const neutral = tokens.colors.text.secondary;\n const neutralContrast = tokens.colors.text.inverse;\n const neutralSoft = tokens.colors.surface.elevated.value;\n const neutralSoftContrast = tokens.colors.text.primary;\n const subtle = tokens.colors.subtle.value;\n\n return {\n borderRadius: tokens.radii.md,\n borderWidth: tokens.borderSize.sm,\n itemBorderRadius: tokens.radii.md,\n itemBorderWidth: tokens.borderSize.sm,\n rootBackgroundColor: tokens.colors.surface.subtle.value,\n rootBorderColor: tokens.colors.border.default.value,\n rootGap: tokens.space.none,\n rootPadding: tokens.space.none,\n sizes: {\n small: {\n fontSize: tokens.fontSize.xsm,\n height: 32,\n hitSlop: 6,\n iconSize: 16,\n layouts: {\n inline: {\n flexDirection: \"row\",\n gap: tokens.space.xxs,\n paddingVertical: tokens.space.none,\n },\n stacked: {\n flexDirection: \"column\",\n gap: tokens.space.xxs,\n paddingVertical: tokens.space.xxs,\n },\n },\n minItemWidth: 64,\n paddingHorizontal: tokens.space.xs,\n },\n medium: {\n fontSize: tokens.fontSize.sm,\n height: 40,\n hitSlop: 2,\n iconSize: 18,\n layouts: {\n inline: {\n flexDirection: \"row\",\n gap: tokens.space.xxs,\n paddingVertical: tokens.space.none,\n },\n stacked: {\n flexDirection: \"column\",\n gap: tokens.space.xxs,\n paddingVertical: tokens.space.xs,\n },\n },\n minItemWidth: 80,\n paddingHorizontal: tokens.space.mxs,\n },\n large: {\n fontSize: tokens.fontSize.sm,\n height: 48,\n hitSlop: 0,\n iconSize: 20,\n layouts: {\n inline: {\n flexDirection: \"row\",\n gap: tokens.space.xxs,\n paddingVertical: tokens.space.none,\n },\n stacked: {\n flexDirection: \"column\",\n gap: tokens.space.xxs,\n paddingVertical: 10,\n },\n },\n minItemWidth: 96,\n paddingHorizontal: tokens.space.sm,\n },\n },\n colors: {\n neutral: {\n filled: {\n states: {\n unselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.secondary,\n },\n selected: {\n backgroundColor: neutral,\n borderColor: neutral,\n color: neutralContrast,\n },\n disabledUnselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n outlined: {\n states: {\n unselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.secondary,\n },\n selected: {\n backgroundColor: tokens.colors.surface.elevated.value,\n borderColor: neutral,\n color: neutral,\n },\n disabledUnselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: transparent,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n soft: {\n states: {\n unselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.secondary,\n },\n selected: {\n backgroundColor: neutralSoft,\n borderColor: neutralSoft,\n color: neutralSoftContrast,\n },\n disabledUnselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n },\n primary: {\n filled: {\n states: {\n unselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.secondary,\n },\n selected: {\n backgroundColor: primary,\n borderColor: primary,\n color: primaryContrast,\n },\n disabledUnselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n outlined: {\n states: {\n unselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.secondary,\n },\n selected: {\n backgroundColor: tokens.colors.surface.elevated.value,\n borderColor: primary,\n color: primary,\n },\n disabledUnselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: transparent,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n soft: {\n states: {\n unselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.secondary,\n },\n selected: {\n backgroundColor: secondary,\n borderColor: secondary,\n color: secondaryContrast,\n },\n disabledUnselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n },\n secondary: {\n filled: {\n states: {\n unselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.secondary,\n },\n selected: {\n backgroundColor: secondary,\n borderColor: secondary,\n color: secondaryContrast,\n },\n disabledUnselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n outlined: {\n states: {\n unselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.secondary,\n },\n selected: {\n backgroundColor: tokens.colors.surface.elevated.value,\n borderColor: secondaryContrast,\n color: secondaryContrast,\n },\n disabledUnselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: transparent,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n soft: {\n states: {\n unselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.secondary,\n },\n selected: {\n backgroundColor: subtle,\n borderColor: subtle,\n color: secondaryContrast,\n },\n disabledUnselected: {\n backgroundColor: transparent,\n borderColor: transparent,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
package/dist/theme/create-slider-tokens.js CHANGED
@@ -37,137 +37,407 @@ function createSliderTokens(tokens) {
37
37
  markSize: 8
38
38
  }
39
39
  },
40
- variants: {
41
- filled: {
42
- default: {
43
- activeMarkColor: tokens.colors.primary.contrast,
44
- activeTrackColor: tokens.colors.primary.value,
45
- inactiveTrackColor: tokens.colors.border.subtle.value,
46
- labelColor: tokens.colors.primary.value,
47
- markColor: tokens.colors.text.primary,
48
- thumbBackgroundColor: tokens.colors.primary.value,
49
- thumbBorderColor: tokens.colors.primary.value,
50
- thumbBorderWidth: tokens.borderSize.sm,
51
- thumbHighlightColor: tokens.colors.primary.contrast,
52
- valueBubbleBackgroundColor: tokens.colors.primary.value,
53
- valueBubbleBorderColor: tokens.colors.primary.value,
54
- valueBubbleColor: tokens.colors.primary.contrast
40
+ colors: {
41
+ neutral: {
42
+ filled: {
43
+ default: {
44
+ activeMarkColor: tokens.colors.text.inverse,
45
+ activeTrackColor: tokens.colors.text.secondary,
46
+ inactiveTrackColor: tokens.colors.border.subtle.value,
47
+ labelColor: tokens.colors.text.secondary,
48
+ markColor: tokens.colors.text.primary,
49
+ thumbBackgroundColor: tokens.colors.text.secondary,
50
+ thumbBorderColor: tokens.colors.text.secondary,
51
+ thumbBorderWidth: tokens.borderSize.sm,
52
+ thumbHighlightColor: tokens.colors.text.inverse,
53
+ valueBubbleBackgroundColor: tokens.colors.text.secondary,
54
+ valueBubbleBorderColor: tokens.colors.text.secondary,
55
+ valueBubbleColor: tokens.colors.text.inverse
56
+ },
57
+ focused: {
58
+ activeMarkColor: tokens.colors.text.inverse,
59
+ activeTrackColor: tokens.colors.text.secondary,
60
+ inactiveTrackColor: tokens.colors.border.subtle.value,
61
+ labelColor: tokens.colors.text.secondary,
62
+ markColor: tokens.colors.text.primary,
63
+ thumbBackgroundColor: tokens.colors.text.secondary,
64
+ thumbBorderColor: tokens.colors.text.secondary,
65
+ thumbBorderWidth: tokens.borderSize.sm,
66
+ thumbHighlightColor: tokens.colors.text.inverse,
67
+ valueBubbleBackgroundColor: tokens.colors.text.secondary,
68
+ valueBubbleBorderColor: tokens.colors.text.secondary,
69
+ valueBubbleColor: tokens.colors.text.inverse
70
+ },
71
+ disabled: {
72
+ activeMarkColor: tokens.colors.surface.elevated.value,
73
+ activeTrackColor: tokens.colors.border.strong.value,
74
+ inactiveTrackColor: tokens.colors.border.subtle.value,
75
+ labelColor: tokens.colors.text.disabled,
76
+ markColor: tokens.colors.text.primary,
77
+ thumbBackgroundColor: tokens.colors.border.strong.value,
78
+ thumbBorderColor: tokens.colors.border.strong.value,
79
+ thumbBorderWidth: tokens.borderSize.sm,
80
+ thumbHighlightColor: "transparent",
81
+ valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
82
+ valueBubbleBorderColor: tokens.colors.border.default.value,
83
+ valueBubbleColor: tokens.colors.text.disabled
84
+ }
55
85
  },
56
- focused: {
57
- activeMarkColor: tokens.colors.primary.contrast,
58
- activeTrackColor: tokens.colors.primary.value,
59
- inactiveTrackColor: tokens.colors.border.subtle.value,
60
- labelColor: tokens.colors.primary.value,
61
- markColor: tokens.colors.text.primary,
62
- thumbBackgroundColor: tokens.colors.primary.value,
63
- thumbBorderColor: tokens.colors.primary.value,
64
- thumbBorderWidth: tokens.borderSize.sm,
65
- thumbHighlightColor: tokens.colors.primary.contrast,
66
- valueBubbleBackgroundColor: tokens.colors.primary.value,
67
- valueBubbleBorderColor: tokens.colors.primary.value,
68
- valueBubbleColor: tokens.colors.primary.contrast
86
+ outlined: {
87
+ default: {
88
+ activeMarkColor: tokens.colors.text.inverse,
89
+ activeTrackColor: tokens.colors.text.secondary,
90
+ inactiveTrackColor: tokens.colors.border.subtle.value,
91
+ labelColor: tokens.colors.text.secondary,
92
+ markColor: tokens.colors.text.primary,
93
+ thumbBackgroundColor: tokens.colors.surface.elevated.value,
94
+ thumbBorderColor: tokens.colors.text.secondary,
95
+ thumbBorderWidth: tokens.borderSize.md,
96
+ thumbHighlightColor: "transparent",
97
+ valueBubbleBackgroundColor: "transparent",
98
+ valueBubbleBorderColor: tokens.colors.text.secondary,
99
+ valueBubbleColor: tokens.colors.text.secondary
100
+ },
101
+ focused: {
102
+ activeMarkColor: tokens.colors.text.inverse,
103
+ activeTrackColor: tokens.colors.text.secondary,
104
+ inactiveTrackColor: tokens.colors.border.subtle.value,
105
+ labelColor: tokens.colors.text.secondary,
106
+ markColor: tokens.colors.text.primary,
107
+ thumbBackgroundColor: tokens.colors.surface.elevated.value,
108
+ thumbBorderColor: tokens.colors.text.secondary,
109
+ thumbBorderWidth: tokens.borderSize.md,
110
+ thumbHighlightColor: "transparent",
111
+ valueBubbleBackgroundColor: "transparent",
112
+ valueBubbleBorderColor: tokens.colors.text.secondary,
113
+ valueBubbleColor: tokens.colors.text.secondary
114
+ },
115
+ disabled: {
116
+ activeMarkColor: tokens.colors.surface.elevated.value,
117
+ activeTrackColor: tokens.colors.border.strong.value,
118
+ inactiveTrackColor: tokens.colors.border.subtle.value,
119
+ labelColor: tokens.colors.text.disabled,
120
+ markColor: tokens.colors.text.primary,
121
+ thumbBackgroundColor: tokens.colors.border.strong.value,
122
+ thumbBorderColor: tokens.colors.border.strong.value,
123
+ thumbBorderWidth: tokens.borderSize.md,
124
+ thumbHighlightColor: "transparent",
125
+ valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
126
+ valueBubbleBorderColor: tokens.colors.border.default.value,
127
+ valueBubbleColor: tokens.colors.text.disabled
128
+ }
69
129
  },
70
- disabled: {
71
- activeMarkColor: tokens.colors.surface.elevated.value,
72
- activeTrackColor: tokens.colors.border.strong.value,
73
- inactiveTrackColor: tokens.colors.border.subtle.value,
74
- labelColor: tokens.colors.text.disabled,
75
- markColor: tokens.colors.text.primary,
76
- thumbBackgroundColor: tokens.colors.border.strong.value,
77
- thumbBorderColor: tokens.colors.border.strong.value,
78
- thumbBorderWidth: tokens.borderSize.sm,
79
- thumbHighlightColor: "transparent",
80
- valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
81
- valueBubbleBorderColor: tokens.colors.border.default.value,
82
- valueBubbleColor: tokens.colors.text.disabled
130
+ soft: {
131
+ default: {
132
+ activeMarkColor: tokens.colors.text.primary,
133
+ activeTrackColor: tokens.colors.surface.subtle.value,
134
+ inactiveTrackColor: tokens.colors.border.subtle.value,
135
+ labelColor: tokens.colors.text.primary,
136
+ markColor: tokens.colors.text.primary,
137
+ thumbBackgroundColor: tokens.colors.text.secondary,
138
+ thumbBorderColor: tokens.colors.text.secondary,
139
+ thumbBorderWidth: tokens.borderSize.sm,
140
+ thumbHighlightColor: tokens.colors.text.inverse,
141
+ valueBubbleBackgroundColor: tokens.colors.surface.subtle.value,
142
+ valueBubbleBorderColor: tokens.colors.surface.subtle.value,
143
+ valueBubbleColor: tokens.colors.text.primary
144
+ },
145
+ focused: {
146
+ activeMarkColor: tokens.colors.text.primary,
147
+ activeTrackColor: tokens.colors.surface.subtle.value,
148
+ inactiveTrackColor: tokens.colors.border.subtle.value,
149
+ labelColor: tokens.colors.text.primary,
150
+ markColor: tokens.colors.text.primary,
151
+ thumbBackgroundColor: tokens.colors.text.secondary,
152
+ thumbBorderColor: tokens.colors.text.secondary,
153
+ thumbBorderWidth: tokens.borderSize.sm,
154
+ thumbHighlightColor: tokens.colors.text.inverse,
155
+ valueBubbleBackgroundColor: tokens.colors.surface.subtle.value,
156
+ valueBubbleBorderColor: tokens.colors.surface.subtle.value,
157
+ valueBubbleColor: tokens.colors.text.primary
158
+ },
159
+ disabled: {
160
+ activeMarkColor: tokens.colors.surface.elevated.value,
161
+ activeTrackColor: tokens.colors.border.strong.value,
162
+ inactiveTrackColor: tokens.colors.border.subtle.value,
163
+ labelColor: tokens.colors.text.disabled,
164
+ markColor: tokens.colors.text.primary,
165
+ thumbBackgroundColor: tokens.colors.border.strong.value,
166
+ thumbBorderColor: tokens.colors.border.strong.value,
167
+ thumbBorderWidth: tokens.borderSize.sm,
168
+ thumbHighlightColor: "transparent",
169
+ valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
170
+ valueBubbleBorderColor: tokens.colors.border.default.value,
171
+ valueBubbleColor: tokens.colors.text.disabled
172
+ }
83
173
  }
84
174
  },
85
- outlined: {
86
- default: {
87
- activeMarkColor: tokens.colors.primary.contrast,
88
- activeTrackColor: tokens.colors.primary.value,
89
- inactiveTrackColor: tokens.colors.border.subtle.value,
90
- labelColor: tokens.colors.primary.value,
91
- markColor: tokens.colors.text.primary,
92
- thumbBackgroundColor: tokens.colors.surface.elevated.value,
93
- thumbBorderColor: tokens.colors.primary.value,
94
- thumbBorderWidth: tokens.borderSize.md,
95
- thumbHighlightColor: "transparent",
96
- valueBubbleBackgroundColor: "transparent",
97
- valueBubbleBorderColor: tokens.colors.primary.value,
98
- valueBubbleColor: tokens.colors.primary.value
175
+ primary: {
176
+ filled: {
177
+ default: {
178
+ activeMarkColor: tokens.colors.primary.contrast,
179
+ activeTrackColor: tokens.colors.primary.value,
180
+ inactiveTrackColor: tokens.colors.border.subtle.value,
181
+ labelColor: tokens.colors.primary.value,
182
+ markColor: tokens.colors.text.primary,
183
+ thumbBackgroundColor: tokens.colors.primary.value,
184
+ thumbBorderColor: tokens.colors.primary.value,
185
+ thumbBorderWidth: tokens.borderSize.sm,
186
+ thumbHighlightColor: tokens.colors.primary.contrast,
187
+ valueBubbleBackgroundColor: tokens.colors.primary.value,
188
+ valueBubbleBorderColor: tokens.colors.primary.value,
189
+ valueBubbleColor: tokens.colors.primary.contrast
190
+ },
191
+ focused: {
192
+ activeMarkColor: tokens.colors.primary.contrast,
193
+ activeTrackColor: tokens.colors.primary.value,
194
+ inactiveTrackColor: tokens.colors.border.subtle.value,
195
+ labelColor: tokens.colors.primary.value,
196
+ markColor: tokens.colors.text.primary,
197
+ thumbBackgroundColor: tokens.colors.primary.value,
198
+ thumbBorderColor: tokens.colors.primary.value,
199
+ thumbBorderWidth: tokens.borderSize.sm,
200
+ thumbHighlightColor: tokens.colors.primary.contrast,
201
+ valueBubbleBackgroundColor: tokens.colors.primary.value,
202
+ valueBubbleBorderColor: tokens.colors.primary.value,
203
+ valueBubbleColor: tokens.colors.primary.contrast
204
+ },
205
+ disabled: {
206
+ activeMarkColor: tokens.colors.surface.elevated.value,
207
+ activeTrackColor: tokens.colors.border.strong.value,
208
+ inactiveTrackColor: tokens.colors.border.subtle.value,
209
+ labelColor: tokens.colors.text.disabled,
210
+ markColor: tokens.colors.text.primary,
211
+ thumbBackgroundColor: tokens.colors.border.strong.value,
212
+ thumbBorderColor: tokens.colors.border.strong.value,
213
+ thumbBorderWidth: tokens.borderSize.sm,
214
+ thumbHighlightColor: "transparent",
215
+ valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
216
+ valueBubbleBorderColor: tokens.colors.border.default.value,
217
+ valueBubbleColor: tokens.colors.text.disabled
218
+ }
99
219
  },
100
- focused: {
101
- activeMarkColor: tokens.colors.primary.contrast,
102
- activeTrackColor: tokens.colors.primary.value,
103
- inactiveTrackColor: tokens.colors.border.subtle.value,
104
- labelColor: tokens.colors.primary.value,
105
- markColor: tokens.colors.text.primary,
106
- thumbBackgroundColor: tokens.colors.surface.elevated.value,
107
- thumbBorderColor: tokens.colors.primary.value,
108
- thumbBorderWidth: tokens.borderSize.md,
109
- thumbHighlightColor: "transparent",
110
- valueBubbleBackgroundColor: "transparent",
111
- valueBubbleBorderColor: tokens.colors.primary.value,
112
- valueBubbleColor: tokens.colors.primary.value
220
+ outlined: {
221
+ default: {
222
+ activeMarkColor: tokens.colors.primary.contrast,
223
+ activeTrackColor: tokens.colors.primary.value,
224
+ inactiveTrackColor: tokens.colors.border.subtle.value,
225
+ labelColor: tokens.colors.primary.value,
226
+ markColor: tokens.colors.text.primary,
227
+ thumbBackgroundColor: tokens.colors.surface.elevated.value,
228
+ thumbBorderColor: tokens.colors.primary.value,
229
+ thumbBorderWidth: tokens.borderSize.md,
230
+ thumbHighlightColor: "transparent",
231
+ valueBubbleBackgroundColor: "transparent",
232
+ valueBubbleBorderColor: tokens.colors.primary.value,
233
+ valueBubbleColor: tokens.colors.primary.value
234
+ },
235
+ focused: {
236
+ activeMarkColor: tokens.colors.primary.contrast,
237
+ activeTrackColor: tokens.colors.primary.value,
238
+ inactiveTrackColor: tokens.colors.border.subtle.value,
239
+ labelColor: tokens.colors.primary.value,
240
+ markColor: tokens.colors.text.primary,
241
+ thumbBackgroundColor: tokens.colors.surface.elevated.value,
242
+ thumbBorderColor: tokens.colors.primary.value,
243
+ thumbBorderWidth: tokens.borderSize.md,
244
+ thumbHighlightColor: "transparent",
245
+ valueBubbleBackgroundColor: "transparent",
246
+ valueBubbleBorderColor: tokens.colors.primary.value,
247
+ valueBubbleColor: tokens.colors.primary.value
248
+ },
249
+ disabled: {
250
+ activeMarkColor: tokens.colors.surface.elevated.value,
251
+ activeTrackColor: tokens.colors.border.strong.value,
252
+ inactiveTrackColor: tokens.colors.border.subtle.value,
253
+ labelColor: tokens.colors.text.disabled,
254
+ markColor: tokens.colors.text.primary,
255
+ thumbBackgroundColor: tokens.colors.border.strong.value,
256
+ thumbBorderColor: tokens.colors.border.strong.value,
257
+ thumbBorderWidth: tokens.borderSize.md,
258
+ thumbHighlightColor: "transparent",
259
+ valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
260
+ valueBubbleBorderColor: tokens.colors.border.default.value,
261
+ valueBubbleColor: tokens.colors.text.disabled
262
+ }
113
263
  },
114
- disabled: {
115
- activeMarkColor: tokens.colors.surface.elevated.value,
116
- activeTrackColor: tokens.colors.border.strong.value,
117
- inactiveTrackColor: tokens.colors.border.subtle.value,
118
- labelColor: tokens.colors.text.disabled,
119
- markColor: tokens.colors.text.primary,
120
- thumbBackgroundColor: tokens.colors.border.strong.value,
121
- thumbBorderColor: tokens.colors.border.strong.value,
122
- thumbBorderWidth: tokens.borderSize.md,
123
- thumbHighlightColor: "transparent",
124
- valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
125
- valueBubbleBorderColor: tokens.colors.border.default.value,
126
- valueBubbleColor: tokens.colors.text.disabled
264
+ soft: {
265
+ default: {
266
+ activeMarkColor: tokens.colors.secondary.contrast,
267
+ activeTrackColor: tokens.colors.secondary.value,
268
+ inactiveTrackColor: tokens.colors.border.subtle.value,
269
+ labelColor: tokens.colors.secondary.contrast,
270
+ markColor: tokens.colors.text.primary,
271
+ thumbBackgroundColor: tokens.colors.accent.value,
272
+ thumbBorderColor: tokens.colors.accent.value,
273
+ thumbBorderWidth: tokens.borderSize.sm,
274
+ thumbHighlightColor: tokens.colors.accent.contrast,
275
+ valueBubbleBackgroundColor: tokens.colors.secondary.value,
276
+ valueBubbleBorderColor: tokens.colors.secondary.value,
277
+ valueBubbleColor: tokens.colors.secondary.contrast
278
+ },
279
+ focused: {
280
+ activeMarkColor: tokens.colors.secondary.contrast,
281
+ activeTrackColor: tokens.colors.secondary.value,
282
+ inactiveTrackColor: tokens.colors.border.subtle.value,
283
+ labelColor: tokens.colors.secondary.contrast,
284
+ markColor: tokens.colors.text.primary,
285
+ thumbBackgroundColor: tokens.colors.accent.value,
286
+ thumbBorderColor: tokens.colors.accent.value,
287
+ thumbBorderWidth: tokens.borderSize.sm,
288
+ thumbHighlightColor: tokens.colors.accent.contrast,
289
+ valueBubbleBackgroundColor: tokens.colors.secondary.value,
290
+ valueBubbleBorderColor: tokens.colors.secondary.value,
291
+ valueBubbleColor: tokens.colors.secondary.contrast
292
+ },
293
+ disabled: {
294
+ activeMarkColor: tokens.colors.surface.elevated.value,
295
+ activeTrackColor: tokens.colors.border.strong.value,
296
+ inactiveTrackColor: tokens.colors.border.subtle.value,
297
+ labelColor: tokens.colors.text.disabled,
298
+ markColor: tokens.colors.text.primary,
299
+ thumbBackgroundColor: tokens.colors.border.strong.value,
300
+ thumbBorderColor: tokens.colors.border.strong.value,
301
+ thumbBorderWidth: tokens.borderSize.sm,
302
+ thumbHighlightColor: "transparent",
303
+ valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
304
+ valueBubbleBorderColor: tokens.colors.border.default.value,
305
+ valueBubbleColor: tokens.colors.text.disabled
306
+ }
127
307
  }
128
308
  },
129
- soft: {
130
- default: {
131
- activeMarkColor: tokens.colors.secondary.contrast,
132
- activeTrackColor: tokens.colors.secondary.value,
133
- inactiveTrackColor: tokens.colors.border.subtle.value,
134
- labelColor: tokens.colors.secondary.contrast,
135
- markColor: tokens.colors.text.primary,
136
- thumbBackgroundColor: tokens.colors.accent.value,
137
- thumbBorderColor: tokens.colors.accent.value,
138
- thumbBorderWidth: tokens.borderSize.sm,
139
- thumbHighlightColor: tokens.colors.accent.contrast,
140
- valueBubbleBackgroundColor: tokens.colors.secondary.value,
141
- valueBubbleBorderColor: tokens.colors.secondary.value,
142
- valueBubbleColor: tokens.colors.secondary.contrast
309
+ secondary: {
310
+ filled: {
311
+ default: {
312
+ activeMarkColor: tokens.colors.secondary.contrast,
313
+ activeTrackColor: tokens.colors.secondary.value,
314
+ inactiveTrackColor: tokens.colors.border.subtle.value,
315
+ labelColor: tokens.colors.secondary.value,
316
+ markColor: tokens.colors.text.primary,
317
+ thumbBackgroundColor: tokens.colors.secondary.value,
318
+ thumbBorderColor: tokens.colors.secondary.value,
319
+ thumbBorderWidth: tokens.borderSize.sm,
320
+ thumbHighlightColor: tokens.colors.secondary.contrast,
321
+ valueBubbleBackgroundColor: tokens.colors.secondary.value,
322
+ valueBubbleBorderColor: tokens.colors.secondary.value,
323
+ valueBubbleColor: tokens.colors.secondary.contrast
324
+ },
325
+ focused: {
326
+ activeMarkColor: tokens.colors.secondary.contrast,
327
+ activeTrackColor: tokens.colors.secondary.value,
328
+ inactiveTrackColor: tokens.colors.border.subtle.value,
329
+ labelColor: tokens.colors.secondary.value,
330
+ markColor: tokens.colors.text.primary,
331
+ thumbBackgroundColor: tokens.colors.secondary.value,
332
+ thumbBorderColor: tokens.colors.secondary.value,
333
+ thumbBorderWidth: tokens.borderSize.sm,
334
+ thumbHighlightColor: tokens.colors.secondary.contrast,
335
+ valueBubbleBackgroundColor: tokens.colors.secondary.value,
336
+ valueBubbleBorderColor: tokens.colors.secondary.value,
337
+ valueBubbleColor: tokens.colors.secondary.contrast
338
+ },
339
+ disabled: {
340
+ activeMarkColor: tokens.colors.surface.elevated.value,
341
+ activeTrackColor: tokens.colors.border.strong.value,
342
+ inactiveTrackColor: tokens.colors.border.subtle.value,
343
+ labelColor: tokens.colors.text.disabled,
344
+ markColor: tokens.colors.text.primary,
345
+ thumbBackgroundColor: tokens.colors.border.strong.value,
346
+ thumbBorderColor: tokens.colors.border.strong.value,
347
+ thumbBorderWidth: tokens.borderSize.sm,
348
+ thumbHighlightColor: "transparent",
349
+ valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
350
+ valueBubbleBorderColor: tokens.colors.border.default.value,
351
+ valueBubbleColor: tokens.colors.text.disabled
352
+ }
143
353
  },
144
- focused: {
145
- activeMarkColor: tokens.colors.secondary.contrast,
146
- activeTrackColor: tokens.colors.secondary.value,
147
- inactiveTrackColor: tokens.colors.border.subtle.value,
148
- labelColor: tokens.colors.secondary.contrast,
149
- markColor: tokens.colors.text.primary,
150
- thumbBackgroundColor: tokens.colors.accent.value,
151
- thumbBorderColor: tokens.colors.accent.value,
152
- thumbBorderWidth: tokens.borderSize.sm,
153
- thumbHighlightColor: tokens.colors.accent.contrast,
154
- valueBubbleBackgroundColor: tokens.colors.secondary.value,
155
- valueBubbleBorderColor: tokens.colors.secondary.value,
156
- valueBubbleColor: tokens.colors.secondary.contrast
354
+ outlined: {
355
+ default: {
356
+ activeMarkColor: tokens.colors.secondary.contrast,
357
+ activeTrackColor: tokens.colors.secondary.value,
358
+ inactiveTrackColor: tokens.colors.border.subtle.value,
359
+ labelColor: tokens.colors.secondary.contrast,
360
+ markColor: tokens.colors.text.primary,
361
+ thumbBackgroundColor: tokens.colors.surface.elevated.value,
362
+ thumbBorderColor: tokens.colors.secondary.contrast,
363
+ thumbBorderWidth: tokens.borderSize.md,
364
+ thumbHighlightColor: "transparent",
365
+ valueBubbleBackgroundColor: "transparent",
366
+ valueBubbleBorderColor: tokens.colors.secondary.contrast,
367
+ valueBubbleColor: tokens.colors.secondary.contrast
368
+ },
369
+ focused: {
370
+ activeMarkColor: tokens.colors.secondary.contrast,
371
+ activeTrackColor: tokens.colors.secondary.value,
372
+ inactiveTrackColor: tokens.colors.border.subtle.value,
373
+ labelColor: tokens.colors.secondary.contrast,
374
+ markColor: tokens.colors.text.primary,
375
+ thumbBackgroundColor: tokens.colors.surface.elevated.value,
376
+ thumbBorderColor: tokens.colors.secondary.contrast,
377
+ thumbBorderWidth: tokens.borderSize.md,
378
+ thumbHighlightColor: "transparent",
379
+ valueBubbleBackgroundColor: "transparent",
380
+ valueBubbleBorderColor: tokens.colors.secondary.contrast,
381
+ valueBubbleColor: tokens.colors.secondary.contrast
382
+ },
383
+ disabled: {
384
+ activeMarkColor: tokens.colors.surface.elevated.value,
385
+ activeTrackColor: tokens.colors.border.strong.value,
386
+ inactiveTrackColor: tokens.colors.border.subtle.value,
387
+ labelColor: tokens.colors.text.disabled,
388
+ markColor: tokens.colors.text.primary,
389
+ thumbBackgroundColor: tokens.colors.border.strong.value,
390
+ thumbBorderColor: tokens.colors.border.strong.value,
391
+ thumbBorderWidth: tokens.borderSize.md,
392
+ thumbHighlightColor: "transparent",
393
+ valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
394
+ valueBubbleBorderColor: tokens.colors.border.default.value,
395
+ valueBubbleColor: tokens.colors.text.disabled
396
+ }
157
397
  },
158
- disabled: {
159
- activeMarkColor: tokens.colors.surface.elevated.value,
160
- activeTrackColor: tokens.colors.border.strong.value,
161
- inactiveTrackColor: tokens.colors.border.subtle.value,
162
- labelColor: tokens.colors.text.disabled,
163
- markColor: tokens.colors.text.primary,
164
- thumbBackgroundColor: tokens.colors.border.strong.value,
165
- thumbBorderColor: tokens.colors.border.strong.value,
166
- thumbBorderWidth: tokens.borderSize.sm,
167
- thumbHighlightColor: "transparent",
168
- valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
169
- valueBubbleBorderColor: tokens.colors.border.default.value,
170
- valueBubbleColor: tokens.colors.text.disabled
398
+ soft: {
399
+ default: {
400
+ activeMarkColor: tokens.colors.secondary.contrast,
401
+ activeTrackColor: tokens.colors.subtle.value,
402
+ inactiveTrackColor: tokens.colors.border.subtle.value,
403
+ labelColor: tokens.colors.secondary.contrast,
404
+ markColor: tokens.colors.text.primary,
405
+ thumbBackgroundColor: tokens.colors.secondary.contrast,
406
+ thumbBorderColor: tokens.colors.secondary.contrast,
407
+ thumbBorderWidth: tokens.borderSize.sm,
408
+ thumbHighlightColor: tokens.colors.secondary.value,
409
+ valueBubbleBackgroundColor: tokens.colors.subtle.value,
410
+ valueBubbleBorderColor: tokens.colors.subtle.value,
411
+ valueBubbleColor: tokens.colors.secondary.contrast
412
+ },
413
+ focused: {
414
+ activeMarkColor: tokens.colors.secondary.contrast,
415
+ activeTrackColor: tokens.colors.subtle.value,
416
+ inactiveTrackColor: tokens.colors.border.subtle.value,
417
+ labelColor: tokens.colors.secondary.contrast,
418
+ markColor: tokens.colors.text.primary,
419
+ thumbBackgroundColor: tokens.colors.secondary.contrast,
420
+ thumbBorderColor: tokens.colors.secondary.contrast,
421
+ thumbBorderWidth: tokens.borderSize.sm,
422
+ thumbHighlightColor: tokens.colors.secondary.value,
423
+ valueBubbleBackgroundColor: tokens.colors.subtle.value,
424
+ valueBubbleBorderColor: tokens.colors.subtle.value,
425
+ valueBubbleColor: tokens.colors.secondary.contrast
426
+ },
427
+ disabled: {
428
+ activeMarkColor: tokens.colors.surface.elevated.value,
429
+ activeTrackColor: tokens.colors.border.strong.value,
430
+ inactiveTrackColor: tokens.colors.border.subtle.value,
431
+ labelColor: tokens.colors.text.disabled,
432
+ markColor: tokens.colors.text.primary,
433
+ thumbBackgroundColor: tokens.colors.border.strong.value,
434
+ thumbBorderColor: tokens.colors.border.strong.value,
435
+ thumbBorderWidth: tokens.borderSize.sm,
436
+ thumbHighlightColor: "transparent",
437
+ valueBubbleBackgroundColor: tokens.colors.surface.elevated.value,
438
+ valueBubbleBorderColor: tokens.colors.border.default.value,
439
+ valueBubbleColor: tokens.colors.text.disabled
440
+ }
171
441
  }
172
442
  }
173
443
  }