@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-icon-button-tokens.js CHANGED
@@ -3,6 +3,14 @@ function createIconButtonTokens(tokens) {
3
3
  const primaryContrast = tokens.colors.primary.contrast;
4
4
  const secondary = tokens.colors.secondary.value;
5
5
  const secondaryContrast = tokens.colors.secondary.contrast;
6
+ const neutral = tokens.colors.text.secondary;
7
+ const neutralContrast = tokens.colors.text.inverse;
8
+ const neutralSoft = tokens.colors.surface.subtle.value;
9
+ const textColor = tokens.colors.text.primary;
10
+ const subtle = tokens.colors.subtle.value;
11
+ const disabledBackground = tokens.colors.surface.subtle.value;
12
+ const disabledBorder = tokens.colors.border.default.value;
13
+ const disabledSoftBorder = tokens.colors.border.subtle.value;
6
14
  const disabledColor = tokens.colors.text.disabled;
7
15
  return {
8
16
  borderWidth: tokens.borderSize.sm,
@@ -21,73 +29,215 @@ function createIconButtonTokens(tokens) {
21
29
  padding: 10
22
30
  }
23
31
  },
24
- variants: {
25
- filled: {
26
- default: {
27
- backgroundColor: primary,
28
- borderColor: primary,
29
- color: primaryContrast
32
+ colors: {
33
+ neutral: {
34
+ filled: {
35
+ default: {
36
+ backgroundColor: neutral,
37
+ borderColor: neutral,
38
+ color: neutralContrast
39
+ },
40
+ loading: {
41
+ backgroundColor: neutral,
42
+ borderColor: neutral,
43
+ color: neutralContrast
44
+ },
45
+ disabled: {
46
+ backgroundColor: disabledBackground,
47
+ borderColor: disabledBorder,
48
+ color: disabledColor
49
+ }
30
50
  },
31
- loading: {
32
- backgroundColor: primary,
33
- borderColor: primary,
34
- color: primaryContrast
51
+ outlined: {
52
+ default: {
53
+ backgroundColor: "transparent",
54
+ borderColor: neutral,
55
+ color: neutral
56
+ },
57
+ loading: {
58
+ backgroundColor: "transparent",
59
+ borderColor: neutral,
60
+ color: neutral
61
+ },
62
+ disabled: {
63
+ backgroundColor: "transparent",
64
+ borderColor: disabledBorder,
65
+ color: disabledColor
66
+ }
35
67
  },
36
- disabled: {
37
- backgroundColor: tokens.colors.surface.subtle.value,
38
- borderColor: tokens.colors.border.default.value,
39
- color: disabledColor
40
- }
41
- },
42
- outlined: {
43
- default: {
44
- backgroundColor: "transparent",
45
- borderColor: primary,
46
- color: primary
47
- },
48
- loading: {
49
- backgroundColor: "transparent",
50
- borderColor: primary,
51
- color: primary
68
+ soft: {
69
+ default: {
70
+ backgroundColor: neutralSoft,
71
+ borderColor: neutralSoft,
72
+ color: textColor
73
+ },
74
+ loading: {
75
+ backgroundColor: neutralSoft,
76
+ borderColor: neutralSoft,
77
+ color: textColor
78
+ },
79
+ disabled: {
80
+ backgroundColor: disabledBackground,
81
+ borderColor: disabledSoftBorder,
82
+ color: disabledColor
83
+ }
52
84
  },
53
- disabled: {
54
- backgroundColor: "transparent",
55
- borderColor: tokens.colors.border.default.value,
56
- color: disabledColor
85
+ ghost: {
86
+ default: {
87
+ backgroundColor: "transparent",
88
+ borderColor: "transparent",
89
+ color: neutral
90
+ },
91
+ loading: {
92
+ backgroundColor: "transparent",
93
+ borderColor: "transparent",
94
+ color: neutral
95
+ },
96
+ disabled: {
97
+ backgroundColor: "transparent",
98
+ borderColor: "transparent",
99
+ color: disabledColor
100
+ }
57
101
  }
58
102
  },
59
- soft: {
60
- default: {
61
- backgroundColor: secondary,
62
- borderColor: secondary,
63
- color: secondaryContrast
103
+ primary: {
104
+ filled: {
105
+ default: {
106
+ backgroundColor: primary,
107
+ borderColor: primary,
108
+ color: primaryContrast
109
+ },
110
+ loading: {
111
+ backgroundColor: primary,
112
+ borderColor: primary,
113
+ color: primaryContrast
114
+ },
115
+ disabled: {
116
+ backgroundColor: disabledBackground,
117
+ borderColor: disabledBorder,
118
+ color: disabledColor
119
+ }
64
120
  },
65
- loading: {
66
- backgroundColor: secondary,
67
- borderColor: secondary,
68
- color: secondaryContrast
121
+ outlined: {
122
+ default: {
123
+ backgroundColor: "transparent",
124
+ borderColor: primary,
125
+ color: primary
126
+ },
127
+ loading: {
128
+ backgroundColor: "transparent",
129
+ borderColor: primary,
130
+ color: primary
131
+ },
132
+ disabled: {
133
+ backgroundColor: "transparent",
134
+ borderColor: disabledBorder,
135
+ color: disabledColor
136
+ }
69
137
  },
70
- disabled: {
71
- backgroundColor: tokens.colors.surface.subtle.value,
72
- borderColor: tokens.colors.border.subtle.value,
73
- color: disabledColor
138
+ soft: {
139
+ default: {
140
+ backgroundColor: secondary,
141
+ borderColor: secondary,
142
+ color: secondaryContrast
143
+ },
144
+ loading: {
145
+ backgroundColor: secondary,
146
+ borderColor: secondary,
147
+ color: secondaryContrast
148
+ },
149
+ disabled: {
150
+ backgroundColor: disabledBackground,
151
+ borderColor: disabledSoftBorder,
152
+ color: disabledColor
153
+ }
154
+ },
155
+ ghost: {
156
+ default: {
157
+ backgroundColor: "transparent",
158
+ borderColor: "transparent",
159
+ color: primary
160
+ },
161
+ loading: {
162
+ backgroundColor: "transparent",
163
+ borderColor: "transparent",
164
+ color: primary
165
+ },
166
+ disabled: {
167
+ backgroundColor: "transparent",
168
+ borderColor: "transparent",
169
+ color: disabledColor
170
+ }
74
171
  }
75
172
  },
76
- ghost: {
77
- default: {
78
- backgroundColor: "transparent",
79
- borderColor: "transparent",
80
- color: primary
173
+ secondary: {
174
+ filled: {
175
+ default: {
176
+ backgroundColor: secondary,
177
+ borderColor: secondary,
178
+ color: secondaryContrast
179
+ },
180
+ loading: {
181
+ backgroundColor: secondary,
182
+ borderColor: secondary,
183
+ color: secondaryContrast
184
+ },
185
+ disabled: {
186
+ backgroundColor: disabledBackground,
187
+ borderColor: disabledBorder,
188
+ color: disabledColor
189
+ }
190
+ },
191
+ outlined: {
192
+ default: {
193
+ backgroundColor: "transparent",
194
+ borderColor: secondaryContrast,
195
+ color: secondaryContrast
196
+ },
197
+ loading: {
198
+ backgroundColor: "transparent",
199
+ borderColor: secondaryContrast,
200
+ color: secondaryContrast
201
+ },
202
+ disabled: {
203
+ backgroundColor: "transparent",
204
+ borderColor: disabledBorder,
205
+ color: disabledColor
206
+ }
81
207
  },
82
- loading: {
83
- backgroundColor: "transparent",
84
- borderColor: "transparent",
85
- color: primary
208
+ soft: {
209
+ default: {
210
+ backgroundColor: subtle,
211
+ borderColor: subtle,
212
+ color: secondaryContrast
213
+ },
214
+ loading: {
215
+ backgroundColor: subtle,
216
+ borderColor: subtle,
217
+ color: secondaryContrast
218
+ },
219
+ disabled: {
220
+ backgroundColor: disabledBackground,
221
+ borderColor: disabledSoftBorder,
222
+ color: disabledColor
223
+ }
86
224
  },
87
- disabled: {
88
- backgroundColor: "transparent",
89
- borderColor: "transparent",
90
- color: disabledColor
225
+ ghost: {
226
+ default: {
227
+ backgroundColor: "transparent",
228
+ borderColor: "transparent",
229
+ color: secondaryContrast
230
+ },
231
+ loading: {
232
+ backgroundColor: "transparent",
233
+ borderColor: "transparent",
234
+ color: secondaryContrast
235
+ },
236
+ disabled: {
237
+ backgroundColor: "transparent",
238
+ borderColor: "transparent",
239
+ color: disabledColor
240
+ }
91
241
  }
92
242
  }
93
243
  }
package/dist/theme/create-icon-button-tokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/theme/create-icon-button-tokens.ts"],"sourcesContent":["import { IconButtonTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createIconButtonTokens(\n tokens: PrimitiveThemeTokens,\n): IconButtonTokens {\n const primary = tokens.colors.primary.value;\n const primaryContrast = tokens.colors.primary.contrast;\n\n const secondary = tokens.colors.secondary.value;\n const secondaryContrast = tokens.colors.secondary.contrast;\n\n const disabledColor = tokens.colors.text.disabled;\n\n return {\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.md,\n\n sizes: {\n small: {\n size: 32,\n padding: 6,\n },\n medium: {\n size: 40,\n padding: 8,\n },\n large: {\n size: 48,\n padding: 10,\n },\n },\n\n variants: {\n filled: {\n default: {\n backgroundColor: primary,\n borderColor: primary,\n color: primaryContrast,\n },\n loading: {\n backgroundColor: primary,\n borderColor: primary,\n color: primaryContrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.default.value,\n color: disabledColor,\n },\n },\n\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: primary,\n color: primary,\n },\n loading: {\n backgroundColor: \"transparent\",\n borderColor: primary,\n color: primary,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.default.value,\n color: disabledColor,\n },\n },\n\n soft: {\n default: {\n backgroundColor: secondary,\n borderColor: secondary,\n color: secondaryContrast,\n },\n loading: {\n backgroundColor: secondary,\n borderColor: secondary,\n color: secondaryContrast,\n },\n disabled: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.subtle.value,\n color: disabledColor,\n },\n },\n\n ghost: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: primary,\n },\n loading: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: primary,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: disabledColor,\n },\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,uBACd,QACkB;AAClB,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAE9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAElD,QAAM,gBAAgB,OAAO,OAAO,KAAK;AAEzC,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAE3B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB,OAAO,OAAO,QAAQ,OAAO;AAAA,UAC9C,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEA,UAAU;AAAA,QACR,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEA,MAAM;AAAA,QACJ,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB,OAAO,OAAO,QAAQ,OAAO;AAAA,UAC9C,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,UACzC,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEA,OAAO;AAAA,QACL,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,SAAS;AAAA,UACP,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
1
+ {"version":3,"sources":["../../src/theme/create-icon-button-tokens.ts"],"sourcesContent":["import { IconButtonTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createIconButtonTokens(\n tokens: PrimitiveThemeTokens,\n): IconButtonTokens {\n const primary = tokens.colors.primary.value;\n const primaryContrast = tokens.colors.primary.contrast;\n\n const secondary = tokens.colors.secondary.value;\n const secondaryContrast = tokens.colors.secondary.contrast;\n\n const neutral = tokens.colors.text.secondary;\n const neutralContrast = tokens.colors.text.inverse;\n const neutralSoft = tokens.colors.surface.subtle.value;\n const textColor = tokens.colors.text.primary;\n const subtle = tokens.colors.subtle.value;\n\n const disabledBackground = tokens.colors.surface.subtle.value;\n const disabledBorder = tokens.colors.border.default.value;\n const disabledSoftBorder = tokens.colors.border.subtle.value;\n\n const disabledColor = tokens.colors.text.disabled;\n\n return {\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.md,\n\n sizes: {\n small: {\n size: 32,\n padding: 6,\n },\n medium: {\n size: 40,\n padding: 8,\n },\n large: {\n size: 48,\n padding: 10,\n },\n },\n\n colors: {\n neutral: {\n filled: {\n default: {\n backgroundColor: neutral,\n borderColor: neutral,\n color: neutralContrast,\n },\n loading: {\n backgroundColor: neutral,\n borderColor: neutral,\n color: neutralContrast,\n },\n disabled: {\n backgroundColor: disabledBackground,\n borderColor: disabledBorder,\n color: disabledColor,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: neutral,\n color: neutral,\n },\n loading: {\n backgroundColor: \"transparent\",\n borderColor: neutral,\n color: neutral,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: disabledBorder,\n color: disabledColor,\n },\n },\n soft: {\n default: {\n backgroundColor: neutralSoft,\n borderColor: neutralSoft,\n color: textColor,\n },\n loading: {\n backgroundColor: neutralSoft,\n borderColor: neutralSoft,\n color: textColor,\n },\n disabled: {\n backgroundColor: disabledBackground,\n borderColor: disabledSoftBorder,\n color: disabledColor,\n },\n },\n ghost: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: neutral,\n },\n loading: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: neutral,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: disabledColor,\n },\n },\n },\n primary: {\n filled: {\n default: {\n backgroundColor: primary,\n borderColor: primary,\n color: primaryContrast,\n },\n loading: {\n backgroundColor: primary,\n borderColor: primary,\n color: primaryContrast,\n },\n disabled: {\n backgroundColor: disabledBackground,\n borderColor: disabledBorder,\n color: disabledColor,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: primary,\n color: primary,\n },\n loading: {\n backgroundColor: \"transparent\",\n borderColor: primary,\n color: primary,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: disabledBorder,\n color: disabledColor,\n },\n },\n soft: {\n default: {\n backgroundColor: secondary,\n borderColor: secondary,\n color: secondaryContrast,\n },\n loading: {\n backgroundColor: secondary,\n borderColor: secondary,\n color: secondaryContrast,\n },\n disabled: {\n backgroundColor: disabledBackground,\n borderColor: disabledSoftBorder,\n color: disabledColor,\n },\n },\n ghost: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: primary,\n },\n loading: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: primary,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: disabledColor,\n },\n },\n },\n secondary: {\n filled: {\n default: {\n backgroundColor: secondary,\n borderColor: secondary,\n color: secondaryContrast,\n },\n loading: {\n backgroundColor: secondary,\n borderColor: secondary,\n color: secondaryContrast,\n },\n disabled: {\n backgroundColor: disabledBackground,\n borderColor: disabledBorder,\n color: disabledColor,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: secondaryContrast,\n color: secondaryContrast,\n },\n loading: {\n backgroundColor: \"transparent\",\n borderColor: secondaryContrast,\n color: secondaryContrast,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: disabledBorder,\n color: disabledColor,\n },\n },\n soft: {\n default: {\n backgroundColor: subtle,\n borderColor: subtle,\n color: secondaryContrast,\n },\n loading: {\n backgroundColor: subtle,\n borderColor: subtle,\n color: secondaryContrast,\n },\n disabled: {\n backgroundColor: disabledBackground,\n borderColor: disabledSoftBorder,\n color: disabledColor,\n },\n },\n ghost: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: secondaryContrast,\n },\n loading: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: secondaryContrast,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: disabledColor,\n },\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
package/dist/theme/create-radio-tokens.js CHANGED
@@ -3,6 +3,11 @@ function createRadioTokens(tokens) {
3
3
  const primaryContrast = tokens.colors.primary.contrast;
4
4
  const secondary = tokens.colors.secondary.value;
5
5
  const secondaryContrast = tokens.colors.secondary.contrast;
6
+ const neutral = tokens.colors.text.secondary;
7
+ const neutralContrast = tokens.colors.text.inverse;
8
+ const neutralSoft = tokens.colors.surface.subtle.value;
9
+ const neutralSoftContrast = tokens.colors.text.primary;
10
+ const subtle = tokens.colors.subtle.value;
6
11
  return {
7
12
  borderWidth: tokens.borderSize.md,
8
13
  borderRadius: tokens.radii.round,
@@ -23,71 +28,209 @@ function createRadioTokens(tokens) {
23
28
  hitSlop: 8
24
29
  }
25
30
  },
26
- variants: {
27
- filled: {
28
- unselected: {
29
- backgroundColor: "transparent",
30
- borderColor: tokens.colors.border.strong.value,
31
- color: primaryContrast
31
+ colors: {
32
+ neutral: {
33
+ filled: {
34
+ unselected: {
35
+ backgroundColor: "transparent",
36
+ borderColor: tokens.colors.border.strong.value,
37
+ color: neutralContrast
38
+ },
39
+ selected: {
40
+ backgroundColor: neutral,
41
+ borderColor: neutral,
42
+ color: neutralContrast
43
+ },
44
+ disabledUnselected: {
45
+ backgroundColor: "transparent",
46
+ borderColor: tokens.colors.border.default.value,
47
+ color: tokens.colors.text.disabled
48
+ },
49
+ disabledSelected: {
50
+ backgroundColor: tokens.colors.surface.subtle.value,
51
+ borderColor: tokens.colors.border.default.value,
52
+ color: tokens.colors.text.disabled
53
+ }
32
54
  },
33
- selected: {
34
- backgroundColor: primary,
35
- borderColor: primary,
36
- color: primaryContrast
55
+ outlined: {
56
+ unselected: {
57
+ backgroundColor: "transparent",
58
+ borderColor: tokens.colors.border.strong.value,
59
+ color: neutral
60
+ },
61
+ selected: {
62
+ backgroundColor: "transparent",
63
+ borderColor: neutral,
64
+ color: neutral
65
+ },
66
+ disabledUnselected: {
67
+ backgroundColor: "transparent",
68
+ borderColor: tokens.colors.border.default.value,
69
+ color: tokens.colors.text.disabled
70
+ },
71
+ disabledSelected: {
72
+ backgroundColor: tokens.colors.surface.subtle.value,
73
+ borderColor: tokens.colors.border.default.value,
74
+ color: tokens.colors.text.disabled
75
+ }
37
76
  },
38
- disabledUnselected: {
39
- backgroundColor: "transparent",
40
- borderColor: tokens.colors.border.default.value,
41
- color: tokens.colors.text.disabled
42
- },
43
- disabledSelected: {
44
- backgroundColor: tokens.colors.surface.subtle.value,
45
- borderColor: tokens.colors.border.default.value,
46
- color: tokens.colors.text.disabled
77
+ soft: {
78
+ unselected: {
79
+ backgroundColor: "transparent",
80
+ borderColor: tokens.colors.border.strong.value,
81
+ color: neutralSoftContrast
82
+ },
83
+ selected: {
84
+ backgroundColor: neutralSoft,
85
+ borderColor: neutralSoft,
86
+ color: neutralSoftContrast
87
+ },
88
+ disabledUnselected: {
89
+ backgroundColor: "transparent",
90
+ borderColor: tokens.colors.border.default.value,
91
+ color: tokens.colors.text.disabled
92
+ },
93
+ disabledSelected: {
94
+ backgroundColor: tokens.colors.surface.subtle.value,
95
+ borderColor: tokens.colors.border.default.value,
96
+ color: tokens.colors.text.disabled
97
+ }
47
98
  }
48
99
  },
49
- outlined: {
50
- unselected: {
51
- backgroundColor: "transparent",
52
- borderColor: tokens.colors.border.strong.value,
53
- color: primary
54
- },
55
- selected: {
56
- backgroundColor: "transparent",
57
- borderColor: primary,
58
- color: primary
100
+ primary: {
101
+ filled: {
102
+ unselected: {
103
+ backgroundColor: "transparent",
104
+ borderColor: tokens.colors.border.strong.value,
105
+ color: primaryContrast
106
+ },
107
+ selected: {
108
+ backgroundColor: primary,
109
+ borderColor: primary,
110
+ color: primaryContrast
111
+ },
112
+ disabledUnselected: {
113
+ backgroundColor: "transparent",
114
+ borderColor: tokens.colors.border.default.value,
115
+ color: tokens.colors.text.disabled
116
+ },
117
+ disabledSelected: {
118
+ backgroundColor: tokens.colors.surface.subtle.value,
119
+ borderColor: tokens.colors.border.default.value,
120
+ color: tokens.colors.text.disabled
121
+ }
59
122
  },
60
- disabledUnselected: {
61
- backgroundColor: "transparent",
62
- borderColor: tokens.colors.border.default.value,
63
- color: tokens.colors.text.disabled
123
+ outlined: {
124
+ unselected: {
125
+ backgroundColor: "transparent",
126
+ borderColor: tokens.colors.border.strong.value,
127
+ color: primary
128
+ },
129
+ selected: {
130
+ backgroundColor: "transparent",
131
+ borderColor: primary,
132
+ color: primary
133
+ },
134
+ disabledUnselected: {
135
+ backgroundColor: "transparent",
136
+ borderColor: tokens.colors.border.default.value,
137
+ color: tokens.colors.text.disabled
138
+ },
139
+ disabledSelected: {
140
+ backgroundColor: tokens.colors.surface.subtle.value,
141
+ borderColor: tokens.colors.border.default.value,
142
+ color: tokens.colors.text.disabled
143
+ }
64
144
  },
65
- disabledSelected: {
66
- backgroundColor: tokens.colors.surface.subtle.value,
67
- borderColor: tokens.colors.border.default.value,
68
- color: tokens.colors.text.disabled
145
+ soft: {
146
+ unselected: {
147
+ backgroundColor: "transparent",
148
+ borderColor: tokens.colors.border.strong.value,
149
+ color: secondaryContrast
150
+ },
151
+ selected: {
152
+ backgroundColor: secondary,
153
+ borderColor: secondary,
154
+ color: secondaryContrast
155
+ },
156
+ disabledUnselected: {
157
+ backgroundColor: "transparent",
158
+ borderColor: tokens.colors.border.default.value,
159
+ color: tokens.colors.text.disabled
160
+ },
161
+ disabledSelected: {
162
+ backgroundColor: tokens.colors.surface.subtle.value,
163
+ borderColor: tokens.colors.border.default.value,
164
+ color: tokens.colors.text.disabled
165
+ }
69
166
  }
70
167
  },
71
- soft: {
72
- unselected: {
73
- backgroundColor: "transparent",
74
- borderColor: tokens.colors.border.strong.value,
75
- color: secondaryContrast
76
- },
77
- selected: {
78
- backgroundColor: secondary,
79
- borderColor: secondary,
80
- color: secondaryContrast
168
+ secondary: {
169
+ filled: {
170
+ unselected: {
171
+ backgroundColor: "transparent",
172
+ borderColor: tokens.colors.border.strong.value,
173
+ color: secondaryContrast
174
+ },
175
+ selected: {
176
+ backgroundColor: secondary,
177
+ borderColor: secondary,
178
+ color: secondaryContrast
179
+ },
180
+ disabledUnselected: {
181
+ backgroundColor: "transparent",
182
+ borderColor: tokens.colors.border.default.value,
183
+ color: tokens.colors.text.disabled
184
+ },
185
+ disabledSelected: {
186
+ backgroundColor: tokens.colors.surface.subtle.value,
187
+ borderColor: tokens.colors.border.default.value,
188
+ color: tokens.colors.text.disabled
189
+ }
81
190
  },
82
- disabledUnselected: {
83
- backgroundColor: "transparent",
84
- borderColor: tokens.colors.border.default.value,
85
- color: tokens.colors.text.disabled
191
+ outlined: {
192
+ unselected: {
193
+ backgroundColor: "transparent",
194
+ borderColor: tokens.colors.border.strong.value,
195
+ color: secondaryContrast
196
+ },
197
+ selected: {
198
+ backgroundColor: "transparent",
199
+ borderColor: secondaryContrast,
200
+ color: secondaryContrast
201
+ },
202
+ disabledUnselected: {
203
+ backgroundColor: "transparent",
204
+ borderColor: tokens.colors.border.default.value,
205
+ color: tokens.colors.text.disabled
206
+ },
207
+ disabledSelected: {
208
+ backgroundColor: tokens.colors.surface.subtle.value,
209
+ borderColor: tokens.colors.border.default.value,
210
+ color: tokens.colors.text.disabled
211
+ }
86
212
  },
87
- disabledSelected: {
88
- backgroundColor: tokens.colors.surface.subtle.value,
89
- borderColor: tokens.colors.border.default.value,
90
- color: tokens.colors.text.disabled
213
+ soft: {
214
+ unselected: {
215
+ backgroundColor: "transparent",
216
+ borderColor: tokens.colors.border.strong.value,
217
+ color: secondaryContrast
218
+ },
219
+ selected: {
220
+ backgroundColor: subtle,
221
+ borderColor: subtle,
222
+ color: secondaryContrast
223
+ },
224
+ disabledUnselected: {
225
+ backgroundColor: "transparent",
226
+ borderColor: tokens.colors.border.default.value,
227
+ color: tokens.colors.text.disabled
228
+ },
229
+ disabledSelected: {
230
+ backgroundColor: tokens.colors.surface.subtle.value,
231
+ borderColor: tokens.colors.border.default.value,
232
+ color: tokens.colors.text.disabled
233
+ }
91
234
  }
92
235
  }
93
236
  }
package/dist/theme/create-radio-tokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/theme/create-radio-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, RadioTokens } from \"../types\";\n\nexport function createRadioTokens(tokens: PrimitiveThemeTokens): RadioTokens {\n const primary = tokens.colors.primary.value;\n const primaryContrast = tokens.colors.primary.contrast;\n const secondary = tokens.colors.secondary.value;\n const secondaryContrast = tokens.colors.secondary.contrast;\n\n return {\n borderWidth: tokens.borderSize.md,\n borderRadius: tokens.radii.round,\n\n sizes: {\n small: {\n size: 20,\n indicatorSize: 8,\n hitSlop: 12,\n },\n medium: {\n size: 24,\n indicatorSize: 10,\n hitSlop: 10,\n },\n large: {\n size: 28,\n indicatorSize: 12,\n hitSlop: 8,\n },\n },\n\n variants: {\n filled: {\n unselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: primaryContrast,\n },\n selected: {\n backgroundColor: primary,\n borderColor: primary,\n color: primaryContrast,\n },\n disabledUnselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n unselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: primary,\n },\n selected: {\n backgroundColor: \"transparent\",\n borderColor: primary,\n color: primary,\n },\n disabledUnselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n unselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: secondaryContrast,\n },\n selected: {\n backgroundColor: secondary,\n borderColor: secondary,\n color: secondaryContrast,\n },\n disabledUnselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,kBAAkB,QAA2C;AAC3E,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAC9C,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAElD,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAE3B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,MAAM;AAAA,QACN,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,eAAe;AAAA,QACf,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,UACzC,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,oBAAoB;AAAA,UAClB,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,QACA,kBAAkB;AAAA,UAChB,iBAAiB,OAAO,OAAO,QAAQ,OAAO;AAAA,UAC9C,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,MACA,UAAU;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,UACzC,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,oBAAoB;AAAA,UAClB,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,QACA,kBAAkB;AAAA,UAChB,iBAAiB,OAAO,OAAO,QAAQ,OAAO;AAAA,UAC9C,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,MACA,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,UACzC,OAAO;AAAA,QACT;AAAA,QACA,UAAU;AAAA,UACR,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,oBAAoB;AAAA,UAClB,iBAAiB;AAAA,UACjB,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,QACA,kBAAkB;AAAA,UAChB,iBAAiB,OAAO,OAAO,QAAQ,OAAO;AAAA,UAC9C,aAAa,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC1C,OAAO,OAAO,OAAO,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
1
+ {"version":3,"sources":["../../src/theme/create-radio-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, RadioTokens } from \"../types\";\n\nexport function createRadioTokens(tokens: PrimitiveThemeTokens): RadioTokens {\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 const neutral = tokens.colors.text.secondary;\n const neutralContrast = tokens.colors.text.inverse;\n const neutralSoft = tokens.colors.surface.subtle.value;\n const neutralSoftContrast = tokens.colors.text.primary;\n const subtle = tokens.colors.subtle.value;\n\n return {\n borderWidth: tokens.borderSize.md,\n borderRadius: tokens.radii.round,\n\n sizes: {\n small: {\n size: 20,\n indicatorSize: 8,\n hitSlop: 12,\n },\n medium: {\n size: 24,\n indicatorSize: 10,\n hitSlop: 10,\n },\n large: {\n size: 28,\n indicatorSize: 12,\n hitSlop: 8,\n },\n },\n\n colors: {\n neutral: {\n filled: {\n unselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: neutralContrast,\n },\n selected: {\n backgroundColor: neutral,\n borderColor: neutral,\n color: neutralContrast,\n },\n disabledUnselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n unselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: neutral,\n },\n selected: {\n backgroundColor: \"transparent\",\n borderColor: neutral,\n color: neutral,\n },\n disabledUnselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n unselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: neutralSoftContrast,\n },\n selected: {\n backgroundColor: neutralSoft,\n borderColor: neutralSoft,\n color: neutralSoftContrast,\n },\n disabledUnselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n primary: {\n filled: {\n unselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: primaryContrast,\n },\n selected: {\n backgroundColor: primary,\n borderColor: primary,\n color: primaryContrast,\n },\n disabledUnselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n unselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: primary,\n },\n selected: {\n backgroundColor: \"transparent\",\n borderColor: primary,\n color: primary,\n },\n disabledUnselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n unselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: secondaryContrast,\n },\n selected: {\n backgroundColor: secondary,\n borderColor: secondary,\n color: secondaryContrast,\n },\n disabledUnselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n secondary: {\n filled: {\n unselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: secondaryContrast,\n },\n selected: {\n backgroundColor: secondary,\n borderColor: secondary,\n color: secondaryContrast,\n },\n disabledUnselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n unselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: secondaryContrast,\n },\n selected: {\n backgroundColor: \"transparent\",\n borderColor: secondaryContrast,\n color: secondaryContrast,\n },\n disabledUnselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n unselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: secondaryContrast,\n },\n selected: {\n backgroundColor: subtle,\n borderColor: subtle,\n color: secondaryContrast,\n },\n disabledUnselected: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n disabledSelected: {\n backgroundColor: tokens.colors.surface.subtle.value,\n borderColor: tokens.colors.border.default.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}