@impulse-ui-native/theme 12.0.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 (36) 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 +1 -1
  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 +4 -2
  26. package/dist/types/index.d.mts +2 -2
  27. package/dist/types/radio-tokens.types.d.mts +2 -2
  28. package/dist/types/segmented-control-tokens.types.d.mts +3 -2
  29. package/dist/types/slider-tokens.types.d.mts +3 -2
  30. package/dist/types/switch-tokens.types.d.mts +2 -2
  31. package/dist/types/tag-tokens.types.d.mts +4 -4
  32. package/dist/utils/segmented-control-state.utils.js +2 -2
  33. package/dist/utils/segmented-control-state.utils.js.map +1 -1
  34. package/dist/utils/slider-tokens.utils.js +1 -1
  35. package/dist/utils/slider-tokens.utils.js.map +1 -1
  36. package/package.json +2 -2
package/dist/theme/create-segmented-control-tokens.js CHANGED
@@ -4,6 +4,11 @@ function createSegmentedControlTokens(tokens) {
4
4
  const secondary = tokens.colors.secondary.value;
5
5
  const secondaryContrast = tokens.colors.secondary.contrast;
6
6
  const transparent = "transparent";
7
+ const neutral = tokens.colors.text.secondary;
8
+ const neutralContrast = tokens.colors.text.inverse;
9
+ const neutralSoft = tokens.colors.surface.elevated.value;
10
+ const neutralSoftContrast = tokens.colors.text.primary;
11
+ const subtle = tokens.colors.subtle.value;
7
12
  return {
8
13
  borderRadius: tokens.radii.md,
9
14
  borderWidth: tokens.borderSize.sm,
@@ -75,76 +80,226 @@ function createSegmentedControlTokens(tokens) {
75
80
  paddingHorizontal: tokens.space.sm
76
81
  }
77
82
  },
78
- variants: {
79
- filled: {
80
- states: {
81
- unselected: {
82
- backgroundColor: transparent,
83
- borderColor: transparent,
84
- color: tokens.colors.text.secondary
85
- },
86
- selected: {
87
- backgroundColor: primary,
88
- borderColor: primary,
89
- color: primaryContrast
90
- },
91
- disabledUnselected: {
92
- backgroundColor: transparent,
93
- borderColor: transparent,
94
- color: tokens.colors.text.disabled
95
- },
96
- disabledSelected: {
97
- backgroundColor: tokens.colors.surface.subtle.value,
98
- borderColor: tokens.colors.border.subtle.value,
99
- color: tokens.colors.text.disabled
83
+ colors: {
84
+ neutral: {
85
+ filled: {
86
+ states: {
87
+ unselected: {
88
+ backgroundColor: transparent,
89
+ borderColor: transparent,
90
+ color: tokens.colors.text.secondary
91
+ },
92
+ selected: {
93
+ backgroundColor: neutral,
94
+ borderColor: neutral,
95
+ color: neutralContrast
96
+ },
97
+ disabledUnselected: {
98
+ backgroundColor: transparent,
99
+ borderColor: transparent,
100
+ color: tokens.colors.text.disabled
101
+ },
102
+ disabledSelected: {
103
+ backgroundColor: tokens.colors.surface.subtle.value,
104
+ borderColor: tokens.colors.border.subtle.value,
105
+ color: tokens.colors.text.disabled
106
+ }
107
+ }
108
+ },
109
+ outlined: {
110
+ states: {
111
+ unselected: {
112
+ backgroundColor: transparent,
113
+ borderColor: transparent,
114
+ color: tokens.colors.text.secondary
115
+ },
116
+ selected: {
117
+ backgroundColor: tokens.colors.surface.elevated.value,
118
+ borderColor: neutral,
119
+ color: neutral
120
+ },
121
+ disabledUnselected: {
122
+ backgroundColor: transparent,
123
+ borderColor: transparent,
124
+ color: tokens.colors.text.disabled
125
+ },
126
+ disabledSelected: {
127
+ backgroundColor: transparent,
128
+ borderColor: tokens.colors.border.default.value,
129
+ color: tokens.colors.text.disabled
130
+ }
131
+ }
132
+ },
133
+ soft: {
134
+ states: {
135
+ unselected: {
136
+ backgroundColor: transparent,
137
+ borderColor: transparent,
138
+ color: tokens.colors.text.secondary
139
+ },
140
+ selected: {
141
+ backgroundColor: neutralSoft,
142
+ borderColor: neutralSoft,
143
+ color: neutralSoftContrast
144
+ },
145
+ disabledUnselected: {
146
+ backgroundColor: transparent,
147
+ borderColor: transparent,
148
+ color: tokens.colors.text.disabled
149
+ },
150
+ disabledSelected: {
151
+ backgroundColor: tokens.colors.surface.subtle.value,
152
+ borderColor: tokens.colors.border.subtle.value,
153
+ color: tokens.colors.text.disabled
154
+ }
100
155
  }
101
156
  }
102
157
  },
103
- outlined: {
104
- states: {
105
- unselected: {
106
- backgroundColor: transparent,
107
- borderColor: transparent,
108
- color: tokens.colors.text.secondary
109
- },
110
- selected: {
111
- backgroundColor: tokens.colors.surface.elevated.value,
112
- borderColor: primary,
113
- color: primary
114
- },
115
- disabledUnselected: {
116
- backgroundColor: transparent,
117
- borderColor: transparent,
118
- color: tokens.colors.text.disabled
119
- },
120
- disabledSelected: {
121
- backgroundColor: transparent,
122
- borderColor: tokens.colors.border.default.value,
123
- color: tokens.colors.text.disabled
158
+ primary: {
159
+ filled: {
160
+ states: {
161
+ unselected: {
162
+ backgroundColor: transparent,
163
+ borderColor: transparent,
164
+ color: tokens.colors.text.secondary
165
+ },
166
+ selected: {
167
+ backgroundColor: primary,
168
+ borderColor: primary,
169
+ color: primaryContrast
170
+ },
171
+ disabledUnselected: {
172
+ backgroundColor: transparent,
173
+ borderColor: transparent,
174
+ color: tokens.colors.text.disabled
175
+ },
176
+ disabledSelected: {
177
+ backgroundColor: tokens.colors.surface.subtle.value,
178
+ borderColor: tokens.colors.border.subtle.value,
179
+ color: tokens.colors.text.disabled
180
+ }
181
+ }
182
+ },
183
+ outlined: {
184
+ states: {
185
+ unselected: {
186
+ backgroundColor: transparent,
187
+ borderColor: transparent,
188
+ color: tokens.colors.text.secondary
189
+ },
190
+ selected: {
191
+ backgroundColor: tokens.colors.surface.elevated.value,
192
+ borderColor: primary,
193
+ color: primary
194
+ },
195
+ disabledUnselected: {
196
+ backgroundColor: transparent,
197
+ borderColor: transparent,
198
+ color: tokens.colors.text.disabled
199
+ },
200
+ disabledSelected: {
201
+ backgroundColor: transparent,
202
+ borderColor: tokens.colors.border.default.value,
203
+ color: tokens.colors.text.disabled
204
+ }
205
+ }
206
+ },
207
+ soft: {
208
+ states: {
209
+ unselected: {
210
+ backgroundColor: transparent,
211
+ borderColor: transparent,
212
+ color: tokens.colors.text.secondary
213
+ },
214
+ selected: {
215
+ backgroundColor: secondary,
216
+ borderColor: secondary,
217
+ color: secondaryContrast
218
+ },
219
+ disabledUnselected: {
220
+ backgroundColor: transparent,
221
+ borderColor: transparent,
222
+ color: tokens.colors.text.disabled
223
+ },
224
+ disabledSelected: {
225
+ backgroundColor: tokens.colors.surface.subtle.value,
226
+ borderColor: tokens.colors.border.subtle.value,
227
+ color: tokens.colors.text.disabled
228
+ }
124
229
  }
125
230
  }
126
231
  },
127
- soft: {
128
- states: {
129
- unselected: {
130
- backgroundColor: transparent,
131
- borderColor: transparent,
132
- color: tokens.colors.text.secondary
133
- },
134
- selected: {
135
- backgroundColor: secondary,
136
- borderColor: secondary,
137
- color: secondaryContrast
138
- },
139
- disabledUnselected: {
140
- backgroundColor: transparent,
141
- borderColor: transparent,
142
- color: tokens.colors.text.disabled
143
- },
144
- disabledSelected: {
145
- backgroundColor: tokens.colors.surface.subtle.value,
146
- borderColor: tokens.colors.border.subtle.value,
147
- color: tokens.colors.text.disabled
232
+ secondary: {
233
+ filled: {
234
+ states: {
235
+ unselected: {
236
+ backgroundColor: transparent,
237
+ borderColor: transparent,
238
+ color: tokens.colors.text.secondary
239
+ },
240
+ selected: {
241
+ backgroundColor: secondary,
242
+ borderColor: secondary,
243
+ color: secondaryContrast
244
+ },
245
+ disabledUnselected: {
246
+ backgroundColor: transparent,
247
+ borderColor: transparent,
248
+ color: tokens.colors.text.disabled
249
+ },
250
+ disabledSelected: {
251
+ backgroundColor: tokens.colors.surface.subtle.value,
252
+ borderColor: tokens.colors.border.subtle.value,
253
+ color: tokens.colors.text.disabled
254
+ }
255
+ }
256
+ },
257
+ outlined: {
258
+ states: {
259
+ unselected: {
260
+ backgroundColor: transparent,
261
+ borderColor: transparent,
262
+ color: tokens.colors.text.secondary
263
+ },
264
+ selected: {
265
+ backgroundColor: tokens.colors.surface.elevated.value,
266
+ borderColor: secondaryContrast,
267
+ color: secondaryContrast
268
+ },
269
+ disabledUnselected: {
270
+ backgroundColor: transparent,
271
+ borderColor: transparent,
272
+ color: tokens.colors.text.disabled
273
+ },
274
+ disabledSelected: {
275
+ backgroundColor: transparent,
276
+ borderColor: tokens.colors.border.default.value,
277
+ color: tokens.colors.text.disabled
278
+ }
279
+ }
280
+ },
281
+ soft: {
282
+ states: {
283
+ unselected: {
284
+ backgroundColor: transparent,
285
+ borderColor: transparent,
286
+ color: tokens.colors.text.secondary
287
+ },
288
+ selected: {
289
+ backgroundColor: subtle,
290
+ borderColor: subtle,
291
+ color: secondaryContrast
292
+ },
293
+ disabledUnselected: {
294
+ backgroundColor: transparent,
295
+ borderColor: transparent,
296
+ color: tokens.colors.text.disabled
297
+ },
298
+ disabledSelected: {
299
+ backgroundColor: tokens.colors.surface.subtle.value,
300
+ borderColor: tokens.colors.border.subtle.value,
301
+ color: tokens.colors.text.disabled
302
+ }
148
303
  }
149
304
  }
150
305
  }
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":[]}