@seed-design/css 0.1.15 → 0.2.1

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 (90) hide show
  1. package/all.css +95 -96
  2. package/all.min.css +1 -1
  3. package/base.css +36 -28
  4. package/base.min.css +1 -1
  5. package/package.json +1 -1
  6. package/recipes/action-button.css +4 -4
  7. package/recipes/action-button.d.ts +3 -3
  8. package/recipes/action-chip.d.ts +2 -2
  9. package/recipes/action-sheet-item.css +1 -1
  10. package/recipes/action-sheet-item.d.ts +1 -1
  11. package/recipes/action-sheet.css +1 -1
  12. package/recipes/app-bar-main.d.ts +4 -4
  13. package/recipes/app-bar.css +1 -1
  14. package/recipes/app-bar.d.ts +3 -3
  15. package/recipes/app-screen.d.ts +4 -4
  16. package/recipes/avatar.css +1 -1
  17. package/recipes/avatar.d.ts +1 -1
  18. package/recipes/badge.css +6 -6
  19. package/recipes/badge.d.ts +3 -3
  20. package/recipes/bottom-sheet.d.ts +1 -1
  21. package/recipes/callout.d.ts +1 -1
  22. package/recipes/checkbox.css +2 -2
  23. package/recipes/checkbox.d.ts +3 -3
  24. package/recipes/chip-tabs.d.ts +2 -2
  25. package/recipes/chip.css +36 -36
  26. package/recipes/chip.d.ts +3 -3
  27. package/recipes/contextual-floating-button.d.ts +2 -2
  28. package/recipes/control-chip.css +1 -1
  29. package/recipes/control-chip.d.ts +2 -2
  30. package/recipes/extended-action-sheet-item.css +1 -1
  31. package/recipes/extended-action-sheet-item.d.ts +1 -1
  32. package/recipes/extended-fab.d.ts +2 -2
  33. package/recipes/identity-placeholder.d.ts +1 -1
  34. package/recipes/inline-banner.d.ts +1 -1
  35. package/recipes/link-content.d.ts +2 -2
  36. package/recipes/manner-temp-badge.d.ts +1 -1
  37. package/recipes/manner-temp.d.ts +1 -1
  38. package/recipes/menu-sheet-item.css +1 -1
  39. package/recipes/menu-sheet-item.d.ts +2 -2
  40. package/recipes/notification-badge-positioner.d.ts +2 -2
  41. package/recipes/notification-badge.d.ts +1 -1
  42. package/recipes/page-banner.d.ts +2 -2
  43. package/recipes/progress-circle.d.ts +1 -1
  44. package/recipes/radio.css +1 -1
  45. package/recipes/radio.d.ts +1 -1
  46. package/recipes/reaction-button.css +3 -3
  47. package/recipes/reaction-button.d.ts +1 -1
  48. package/recipes/select-box.css +4 -4
  49. package/recipes/skeleton.d.ts +1 -1
  50. package/recipes/snackbar.d.ts +1 -1
  51. package/recipes/tabs.css +1 -1
  52. package/recipes/tabs.d.ts +3 -3
  53. package/recipes/text-field.css +3 -3
  54. package/recipes/text-field.d.ts +1 -1
  55. package/recipes/text.d.ts +3 -3
  56. package/recipes/toggle-button.d.ts +2 -2
  57. package/vars/color/fg.d.ts +3 -3
  58. package/vars/color/fg.mjs +3 -3
  59. package/vars/color/stroke.d.ts +14 -10
  60. package/vars/color/stroke.mjs +14 -10
  61. package/vars/component/action-button.d.ts +4 -4
  62. package/vars/component/action-button.mjs +4 -4
  63. package/vars/component/action-sheet.d.ts +1 -1
  64. package/vars/component/action-sheet.mjs +1 -1
  65. package/vars/component/avatar.d.ts +1 -1
  66. package/vars/component/avatar.mjs +1 -1
  67. package/vars/component/badge.d.ts +6 -6
  68. package/vars/component/badge.mjs +6 -6
  69. package/vars/component/checkbox.d.ts +2 -2
  70. package/vars/component/checkbox.mjs +2 -2
  71. package/vars/component/chip.d.ts +3 -94
  72. package/vars/component/chip.mjs +3 -94
  73. package/vars/component/control-chip.d.ts +1 -1
  74. package/vars/component/control-chip.mjs +1 -1
  75. package/vars/component/extended-action-sheet.d.ts +1 -1
  76. package/vars/component/extended-action-sheet.mjs +1 -1
  77. package/vars/component/menu-sheet.d.ts +1 -1
  78. package/vars/component/menu-sheet.mjs +1 -1
  79. package/vars/component/radio.d.ts +1 -1
  80. package/vars/component/radio.mjs +1 -1
  81. package/vars/component/reaction-button.d.ts +1 -1
  82. package/vars/component/reaction-button.mjs +1 -1
  83. package/vars/component/select-box.d.ts +4 -4
  84. package/vars/component/select-box.mjs +4 -4
  85. package/vars/component/tablist.d.ts +1 -1
  86. package/vars/component/tablist.mjs +1 -1
  87. package/vars/component/text-field.d.ts +4 -4
  88. package/vars/component/text-field.mjs +4 -4
  89. package/vars/component/top-navigation.d.ts +1 -1
  90. package/vars/component/top-navigation.mjs +1 -1
package/vars/component/action-button.d.ts CHANGED
@@ -214,7 +214,7 @@ export declare const vars: {
214
214
  "enabled": {
215
215
  "root": {
216
216
  "color": "var(--seed-color-bg-layer-default)",
217
- "strokeColor": "var(--seed-color-stroke-neutral)",
217
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
218
218
  "strokeWidth": "1px"
219
219
  },
220
220
  "label": {
@@ -242,7 +242,7 @@ export declare const vars: {
242
242
  "disabled": {
243
243
  "root": {
244
244
  "color": "var(--seed-color-bg-layer-default)",
245
- "strokeColor": "var(--seed-color-stroke-neutral)"
245
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
246
246
  },
247
247
  "label": {
248
248
  "color": "var(--seed-color-fg-disabled)"
@@ -267,7 +267,7 @@ export declare const vars: {
267
267
  "enabled": {
268
268
  "root": {
269
269
  "color": "var(--seed-color-bg-layer-default)",
270
- "strokeColor": "var(--seed-color-stroke-neutral)",
270
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
271
271
  "strokeWidth": "1px"
272
272
  },
273
273
  "label": {
@@ -295,7 +295,7 @@ export declare const vars: {
295
295
  "disabled": {
296
296
  "root": {
297
297
  "color": "var(--seed-color-bg-layer-default)",
298
- "strokeColor": "var(--seed-color-stroke-neutral)"
298
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
299
299
  },
300
300
  "label": {
301
301
  "color": "var(--seed-color-fg-disabled)"
package/vars/component/action-button.mjs CHANGED
@@ -214,7 +214,7 @@ export const vars = {
214
214
  "enabled": {
215
215
  "root": {
216
216
  "color": "var(--seed-color-bg-layer-default)",
217
- "strokeColor": "var(--seed-color-stroke-neutral)",
217
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
218
218
  "strokeWidth": "1px"
219
219
  },
220
220
  "label": {
@@ -242,7 +242,7 @@ export const vars = {
242
242
  "disabled": {
243
243
  "root": {
244
244
  "color": "var(--seed-color-bg-layer-default)",
245
- "strokeColor": "var(--seed-color-stroke-neutral)"
245
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
246
246
  },
247
247
  "label": {
248
248
  "color": "var(--seed-color-fg-disabled)"
@@ -267,7 +267,7 @@ export const vars = {
267
267
  "enabled": {
268
268
  "root": {
269
269
  "color": "var(--seed-color-bg-layer-default)",
270
- "strokeColor": "var(--seed-color-stroke-neutral)",
270
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
271
271
  "strokeWidth": "1px"
272
272
  },
273
273
  "label": {
@@ -295,7 +295,7 @@ export const vars = {
295
295
  "disabled": {
296
296
  "root": {
297
297
  "color": "var(--seed-color-bg-layer-default)",
298
- "strokeColor": "var(--seed-color-stroke-neutral)"
298
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
299
299
  },
300
300
  "label": {
301
301
  "color": "var(--seed-color-fg-disabled)"
package/vars/component/action-sheet.d.ts CHANGED
@@ -38,7 +38,7 @@ export declare const vars: {
38
38
  },
39
39
  "divider": {
40
40
  "strokeWidth": "1px",
41
- "strokeColor": "var(--seed-color-stroke-neutral)",
41
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
42
42
  "marginX": "var(--seed-dimension-spacing-x-global-gutter)"
43
43
  }
44
44
  }
package/vars/component/action-sheet.mjs CHANGED
@@ -38,7 +38,7 @@ export const vars = {
38
38
  },
39
39
  "divider": {
40
40
  "strokeWidth": "1px",
41
- "strokeColor": "var(--seed-color-stroke-neutral)",
41
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
42
42
  "marginX": "var(--seed-dimension-spacing-x-global-gutter)"
43
43
  }
44
44
  }
package/vars/component/avatar.d.ts CHANGED
@@ -3,7 +3,7 @@ export declare const vars: {
3
3
  "enabled": {
4
4
  "root": {
5
5
  "cornerRadius": "var(--seed-radius-full)",
6
- "strokeColor": "var(--seed-color-stroke-on-image)"
6
+ "strokeColor": "var(--seed-color-stroke-neutral-subtle)"
7
7
  }
8
8
  }
9
9
  },
package/vars/component/avatar.mjs CHANGED
@@ -3,7 +3,7 @@ export const vars = {
3
3
  "enabled": {
4
4
  "root": {
5
5
  "cornerRadius": "var(--seed-radius-full)",
6
- "strokeColor": "var(--seed-color-stroke-on-image)"
6
+ "strokeColor": "var(--seed-color-stroke-neutral-subtle)"
7
7
  }
8
8
  }
9
9
  },
package/vars/component/badge.d.ts CHANGED
@@ -76,7 +76,7 @@ export declare const vars: {
76
76
  "toneNeutralVariantOutline": {
77
77
  "enabled": {
78
78
  "root": {
79
- "strokeColor": "var(--seed-color-stroke-neutral)"
79
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
80
80
  },
81
81
  "label": {
82
82
  "color": "var(--seed-color-fg-neutral-muted)"
@@ -106,7 +106,7 @@ export declare const vars: {
106
106
  "toneBrandVariantOutline": {
107
107
  "enabled": {
108
108
  "root": {
109
- "strokeColor": "var(--seed-color-stroke-brand)"
109
+ "strokeColor": "var(--seed-color-stroke-brand-weak)"
110
110
  },
111
111
  "label": {
112
112
  "color": "var(--seed-color-fg-brand)"
@@ -136,7 +136,7 @@ export declare const vars: {
136
136
  "toneInformativeVariantOutline": {
137
137
  "enabled": {
138
138
  "root": {
139
- "strokeColor": "var(--seed-color-stroke-informative)"
139
+ "strokeColor": "var(--seed-color-stroke-informative-weak)"
140
140
  },
141
141
  "label": {
142
142
  "color": "var(--seed-color-fg-informative)"
@@ -166,7 +166,7 @@ export declare const vars: {
166
166
  "tonePositiveVariantOutline": {
167
167
  "enabled": {
168
168
  "root": {
169
- "strokeColor": "var(--seed-color-stroke-positive)"
169
+ "strokeColor": "var(--seed-color-stroke-positive-weak)"
170
170
  },
171
171
  "label": {
172
172
  "color": "var(--seed-color-fg-positive)"
@@ -196,7 +196,7 @@ export declare const vars: {
196
196
  "toneWarningVariantOutline": {
197
197
  "enabled": {
198
198
  "root": {
199
- "strokeColor": "var(--seed-color-stroke-warning)"
199
+ "strokeColor": "var(--seed-color-stroke-warning-weak)"
200
200
  },
201
201
  "label": {
202
202
  "color": "var(--seed-color-fg-warning)"
@@ -226,7 +226,7 @@ export declare const vars: {
226
226
  "toneCriticalVariantOutline": {
227
227
  "enabled": {
228
228
  "root": {
229
- "strokeColor": "var(--seed-color-stroke-critical)"
229
+ "strokeColor": "var(--seed-color-stroke-critical-weak)"
230
230
  },
231
231
  "label": {
232
232
  "color": "var(--seed-color-fg-critical)"
package/vars/component/badge.mjs CHANGED
@@ -76,7 +76,7 @@ export const vars = {
76
76
  "toneNeutralVariantOutline": {
77
77
  "enabled": {
78
78
  "root": {
79
- "strokeColor": "var(--seed-color-stroke-neutral)"
79
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
80
80
  },
81
81
  "label": {
82
82
  "color": "var(--seed-color-fg-neutral-muted)"
@@ -106,7 +106,7 @@ export const vars = {
106
106
  "toneBrandVariantOutline": {
107
107
  "enabled": {
108
108
  "root": {
109
- "strokeColor": "var(--seed-color-stroke-brand)"
109
+ "strokeColor": "var(--seed-color-stroke-brand-weak)"
110
110
  },
111
111
  "label": {
112
112
  "color": "var(--seed-color-fg-brand)"
@@ -136,7 +136,7 @@ export const vars = {
136
136
  "toneInformativeVariantOutline": {
137
137
  "enabled": {
138
138
  "root": {
139
- "strokeColor": "var(--seed-color-stroke-informative)"
139
+ "strokeColor": "var(--seed-color-stroke-informative-weak)"
140
140
  },
141
141
  "label": {
142
142
  "color": "var(--seed-color-fg-informative)"
@@ -166,7 +166,7 @@ export const vars = {
166
166
  "tonePositiveVariantOutline": {
167
167
  "enabled": {
168
168
  "root": {
169
- "strokeColor": "var(--seed-color-stroke-positive)"
169
+ "strokeColor": "var(--seed-color-stroke-positive-weak)"
170
170
  },
171
171
  "label": {
172
172
  "color": "var(--seed-color-fg-positive)"
@@ -196,7 +196,7 @@ export const vars = {
196
196
  "toneWarningVariantOutline": {
197
197
  "enabled": {
198
198
  "root": {
199
- "strokeColor": "var(--seed-color-stroke-warning)"
199
+ "strokeColor": "var(--seed-color-stroke-warning-weak)"
200
200
  },
201
201
  "label": {
202
202
  "color": "var(--seed-color-fg-warning)"
@@ -226,7 +226,7 @@ export const vars = {
226
226
  "toneCriticalVariantOutline": {
227
227
  "enabled": {
228
228
  "root": {
229
- "strokeColor": "var(--seed-color-stroke-critical)"
229
+ "strokeColor": "var(--seed-color-stroke-critical-weak)"
230
230
  },
231
231
  "label": {
232
232
  "color": "var(--seed-color-fg-critical)"
package/vars/component/checkbox.d.ts CHANGED
@@ -26,7 +26,7 @@ export declare const vars: {
26
26
  "variantSquare": {
27
27
  "enabled": {
28
28
  "control": {
29
- "strokeColor": "var(--seed-color-stroke-control)",
29
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)",
30
30
  "strokeWidth": "1px"
31
31
  }
32
32
  },
@@ -54,7 +54,7 @@ export declare const vars: {
54
54
  "disabled": {
55
55
  "control": {
56
56
  "color": "var(--seed-color-bg-disabled)",
57
- "strokeColor": "var(--seed-color-stroke-neutral)"
57
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
58
58
  },
59
59
  "label": {
60
60
  "color": "var(--seed-color-fg-disabled)"
package/vars/component/checkbox.mjs CHANGED
@@ -26,7 +26,7 @@ export const vars = {
26
26
  "variantSquare": {
27
27
  "enabled": {
28
28
  "control": {
29
- "strokeColor": "var(--seed-color-stroke-control)",
29
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)",
30
30
  "strokeWidth": "1px"
31
31
  }
32
32
  },
@@ -54,7 +54,7 @@ export const vars = {
54
54
  "disabled": {
55
55
  "control": {
56
56
  "color": "var(--seed-color-bg-disabled)",
57
- "strokeColor": "var(--seed-color-stroke-neutral)"
57
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
58
58
  },
59
59
  "label": {
60
60
  "color": "var(--seed-color-fg-disabled)"
package/vars/component/chip.d.ts CHANGED
@@ -45,18 +45,6 @@ export declare const vars: {
45
45
  "pressed": {
46
46
  "root": {
47
47
  "color": "var(--seed-color-bg-neutral-weak-pressed)"
48
- },
49
- "label": {
50
- "color": "var(--seed-color-fg-neutral)"
51
- },
52
- "prefixIcon": {
53
- "color": "var(--seed-color-fg-neutral)"
54
- },
55
- "suffixIcon": {
56
- "color": "var(--seed-color-fg-neutral)"
57
- },
58
- "icon": {
59
- "color": "var(--seed-color-fg-neutral)"
60
48
  }
61
49
  },
62
50
  "disabled": {
@@ -84,18 +72,6 @@ export declare const vars: {
84
72
  "selectedPressed": {
85
73
  "root": {
86
74
  "color": "var(--seed-color-bg-neutral-inverted-pressed)"
87
- },
88
- "label": {
89
- "color": "var(--seed-color-fg-neutral-inverted)"
90
- },
91
- "prefixIcon": {
92
- "color": "var(--seed-color-fg-neutral-inverted)"
93
- },
94
- "suffixIcon": {
95
- "color": "var(--seed-color-fg-neutral-inverted)"
96
- },
97
- "icon": {
98
- "color": "var(--seed-color-fg-neutral-inverted)"
99
75
  }
100
76
  },
101
77
  "selectedDisabled": {
@@ -107,7 +83,7 @@ export declare const vars: {
107
83
  "variantOutlineStrong": {
108
84
  "enabled": {
109
85
  "root": {
110
- "strokeColor": "var(--seed-color-stroke-neutral)",
86
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
111
87
  "strokeWidth": "1px",
112
88
  "color": "var(--seed-color-bg-layer-default)"
113
89
  },
@@ -126,21 +102,7 @@ export declare const vars: {
126
102
  },
127
103
  "pressed": {
128
104
  "root": {
129
- "strokeColor": "var(--seed-color-stroke-neutral)",
130
- "strokeWidth": "1px",
131
105
  "color": "var(--seed-color-bg-layer-default-pressed)"
132
- },
133
- "label": {
134
- "color": "var(--seed-color-fg-neutral)"
135
- },
136
- "prefixIcon": {
137
- "color": "var(--seed-color-fg-neutral)"
138
- },
139
- "suffixIcon": {
140
- "color": "var(--seed-color-fg-neutral)"
141
- },
142
- "icon": {
143
- "color": "var(--seed-color-fg-neutral)"
144
106
  }
145
107
  },
146
108
  "disabled": {
@@ -168,18 +130,6 @@ export declare const vars: {
168
130
  "selectedPressed": {
169
131
  "root": {
170
132
  "color": "var(--seed-color-bg-neutral-inverted-pressed)"
171
- },
172
- "label": {
173
- "color": "var(--seed-color-fg-neutral-inverted)"
174
- },
175
- "prefixIcon": {
176
- "color": "var(--seed-color-fg-neutral-inverted)"
177
- },
178
- "suffixIcon": {
179
- "color": "var(--seed-color-fg-neutral-inverted)"
180
- },
181
- "icon": {
182
- "color": "var(--seed-color-fg-neutral-inverted)"
183
133
  }
184
134
  },
185
135
  "selectedDisabled": {
@@ -191,7 +141,7 @@ export declare const vars: {
191
141
  "variantOutlineWeak": {
192
142
  "enabled": {
193
143
  "root": {
194
- "strokeColor": "var(--seed-color-stroke-neutral)",
144
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
195
145
  "strokeWidth": "1px",
196
146
  "color": "var(--seed-color-bg-layer-default)"
197
147
  },
@@ -210,21 +160,7 @@ export declare const vars: {
210
160
  },
211
161
  "pressed": {
212
162
  "root": {
213
- "strokeColor": "var(--seed-color-stroke-neutral)",
214
- "strokeWidth": "1px",
215
163
  "color": "var(--seed-color-bg-layer-default-pressed)"
216
- },
217
- "label": {
218
- "color": "var(--seed-color-fg-neutral)"
219
- },
220
- "prefixIcon": {
221
- "color": "var(--seed-color-fg-neutral)"
222
- },
223
- "suffixIcon": {
224
- "color": "var(--seed-color-fg-neutral)"
225
- },
226
- "icon": {
227
- "color": "var(--seed-color-fg-neutral)"
228
164
  }
229
165
  },
230
166
  "disabled": {
@@ -234,40 +170,13 @@ export declare const vars: {
234
170
  },
235
171
  "selected": {
236
172
  "root": {
237
- "strokeColor": "var(--seed-color-stroke-field-focused)",
238
- "strokeWidth": "1px",
173
+ "strokeColor": "var(--seed-color-stroke-neutral-contrast)",
239
174
  "color": "var(--seed-color-bg-neutral-weak)"
240
- },
241
- "label": {
242
- "color": "var(--seed-color-fg-neutral)"
243
- },
244
- "prefixIcon": {
245
- "color": "var(--seed-color-fg-neutral)"
246
- },
247
- "suffixIcon": {
248
- "color": "var(--seed-color-fg-neutral)"
249
- },
250
- "icon": {
251
- "color": "var(--seed-color-fg-neutral)"
252
175
  }
253
176
  },
254
177
  "selectedPressed": {
255
178
  "root": {
256
- "strokeColor": "var(--seed-color-stroke-field-focused)",
257
- "strokeWidth": "1px",
258
179
  "color": "var(--seed-color-bg-neutral-weak-pressed)"
259
- },
260
- "label": {
261
- "color": "var(--seed-color-fg-neutral)"
262
- },
263
- "prefixIcon": {
264
- "color": "var(--seed-color-fg-neutral)"
265
- },
266
- "suffixIcon": {
267
- "color": "var(--seed-color-fg-neutral)"
268
- },
269
- "icon": {
270
- "color": "var(--seed-color-fg-neutral)"
271
180
  }
272
181
  },
273
182
  "selectedDisabled": {
package/vars/component/chip.mjs CHANGED
@@ -45,18 +45,6 @@ export const vars = {
45
45
  "pressed": {
46
46
  "root": {
47
47
  "color": "var(--seed-color-bg-neutral-weak-pressed)"
48
- },
49
- "label": {
50
- "color": "var(--seed-color-fg-neutral)"
51
- },
52
- "prefixIcon": {
53
- "color": "var(--seed-color-fg-neutral)"
54
- },
55
- "suffixIcon": {
56
- "color": "var(--seed-color-fg-neutral)"
57
- },
58
- "icon": {
59
- "color": "var(--seed-color-fg-neutral)"
60
48
  }
61
49
  },
62
50
  "disabled": {
@@ -84,18 +72,6 @@ export const vars = {
84
72
  "selectedPressed": {
85
73
  "root": {
86
74
  "color": "var(--seed-color-bg-neutral-inverted-pressed)"
87
- },
88
- "label": {
89
- "color": "var(--seed-color-fg-neutral-inverted)"
90
- },
91
- "prefixIcon": {
92
- "color": "var(--seed-color-fg-neutral-inverted)"
93
- },
94
- "suffixIcon": {
95
- "color": "var(--seed-color-fg-neutral-inverted)"
96
- },
97
- "icon": {
98
- "color": "var(--seed-color-fg-neutral-inverted)"
99
75
  }
100
76
  },
101
77
  "selectedDisabled": {
@@ -107,7 +83,7 @@ export const vars = {
107
83
  "variantOutlineStrong": {
108
84
  "enabled": {
109
85
  "root": {
110
- "strokeColor": "var(--seed-color-stroke-neutral)",
86
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
111
87
  "strokeWidth": "1px",
112
88
  "color": "var(--seed-color-bg-layer-default)"
113
89
  },
@@ -126,21 +102,7 @@ export const vars = {
126
102
  },
127
103
  "pressed": {
128
104
  "root": {
129
- "strokeColor": "var(--seed-color-stroke-neutral)",
130
- "strokeWidth": "1px",
131
105
  "color": "var(--seed-color-bg-layer-default-pressed)"
132
- },
133
- "label": {
134
- "color": "var(--seed-color-fg-neutral)"
135
- },
136
- "prefixIcon": {
137
- "color": "var(--seed-color-fg-neutral)"
138
- },
139
- "suffixIcon": {
140
- "color": "var(--seed-color-fg-neutral)"
141
- },
142
- "icon": {
143
- "color": "var(--seed-color-fg-neutral)"
144
106
  }
145
107
  },
146
108
  "disabled": {
@@ -168,18 +130,6 @@ export const vars = {
168
130
  "selectedPressed": {
169
131
  "root": {
170
132
  "color": "var(--seed-color-bg-neutral-inverted-pressed)"
171
- },
172
- "label": {
173
- "color": "var(--seed-color-fg-neutral-inverted)"
174
- },
175
- "prefixIcon": {
176
- "color": "var(--seed-color-fg-neutral-inverted)"
177
- },
178
- "suffixIcon": {
179
- "color": "var(--seed-color-fg-neutral-inverted)"
180
- },
181
- "icon": {
182
- "color": "var(--seed-color-fg-neutral-inverted)"
183
133
  }
184
134
  },
185
135
  "selectedDisabled": {
@@ -191,7 +141,7 @@ export const vars = {
191
141
  "variantOutlineWeak": {
192
142
  "enabled": {
193
143
  "root": {
194
- "strokeColor": "var(--seed-color-stroke-neutral)",
144
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
195
145
  "strokeWidth": "1px",
196
146
  "color": "var(--seed-color-bg-layer-default)"
197
147
  },
@@ -210,21 +160,7 @@ export const vars = {
210
160
  },
211
161
  "pressed": {
212
162
  "root": {
213
- "strokeColor": "var(--seed-color-stroke-neutral)",
214
- "strokeWidth": "1px",
215
163
  "color": "var(--seed-color-bg-layer-default-pressed)"
216
- },
217
- "label": {
218
- "color": "var(--seed-color-fg-neutral)"
219
- },
220
- "prefixIcon": {
221
- "color": "var(--seed-color-fg-neutral)"
222
- },
223
- "suffixIcon": {
224
- "color": "var(--seed-color-fg-neutral)"
225
- },
226
- "icon": {
227
- "color": "var(--seed-color-fg-neutral)"
228
164
  }
229
165
  },
230
166
  "disabled": {
@@ -234,40 +170,13 @@ export const vars = {
234
170
  },
235
171
  "selected": {
236
172
  "root": {
237
- "strokeColor": "var(--seed-color-stroke-field-focused)",
238
- "strokeWidth": "1px",
173
+ "strokeColor": "var(--seed-color-stroke-neutral-contrast)",
239
174
  "color": "var(--seed-color-bg-neutral-weak)"
240
- },
241
- "label": {
242
- "color": "var(--seed-color-fg-neutral)"
243
- },
244
- "prefixIcon": {
245
- "color": "var(--seed-color-fg-neutral)"
246
- },
247
- "suffixIcon": {
248
- "color": "var(--seed-color-fg-neutral)"
249
- },
250
- "icon": {
251
- "color": "var(--seed-color-fg-neutral)"
252
175
  }
253
176
  },
254
177
  "selectedPressed": {
255
178
  "root": {
256
- "strokeColor": "var(--seed-color-stroke-field-focused)",
257
- "strokeWidth": "1px",
258
179
  "color": "var(--seed-color-bg-neutral-weak-pressed)"
259
- },
260
- "label": {
261
- "color": "var(--seed-color-fg-neutral)"
262
- },
263
- "prefixIcon": {
264
- "color": "var(--seed-color-fg-neutral)"
265
- },
266
- "suffixIcon": {
267
- "color": "var(--seed-color-fg-neutral)"
268
- },
269
- "icon": {
270
- "color": "var(--seed-color-fg-neutral)"
271
180
  }
272
181
  },
273
182
  "selectedDisabled": {
package/vars/component/control-chip.d.ts CHANGED
@@ -2,7 +2,7 @@ export declare const vars: {
2
2
  "base": {
3
3
  "enabled": {
4
4
  "root": {
5
- "strokeColor": "var(--seed-color-stroke-neutral)",
5
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
6
6
  "strokeWidth": "1px",
7
7
  "cornerRadius": "var(--seed-radius-full)"
8
8
  },
package/vars/component/control-chip.mjs CHANGED
@@ -2,7 +2,7 @@ export const vars = {
2
2
  "base": {
3
3
  "enabled": {
4
4
  "root": {
5
- "strokeColor": "var(--seed-color-stroke-neutral)",
5
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
6
6
  "strokeWidth": "1px",
7
7
  "cornerRadius": "var(--seed-radius-full)"
8
8
  },
package/vars/component/extended-action-sheet.d.ts CHANGED
@@ -45,7 +45,7 @@ export declare const vars: {
45
45
  },
46
46
  "divider": {
47
47
  "strokeBottomWidth": "1px",
48
- "strokeColor": "var(--seed-color-stroke-neutral)"
48
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
49
49
  },
50
50
  "footer": {
51
51
  "paddingTop": "var(--seed-dimension-x2_5)"
package/vars/component/extended-action-sheet.mjs CHANGED
@@ -45,7 +45,7 @@ export const vars = {
45
45
  },
46
46
  "divider": {
47
47
  "strokeBottomWidth": "1px",
48
- "strokeColor": "var(--seed-color-stroke-neutral)"
48
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
49
49
  },
50
50
  "footer": {
51
51
  "paddingTop": "var(--seed-dimension-x2_5)"
package/vars/component/menu-sheet.d.ts CHANGED
@@ -45,7 +45,7 @@ export declare const vars: {
45
45
  },
46
46
  "divider": {
47
47
  "strokeBottomWidth": "1px",
48
- "strokeColor": "var(--seed-color-stroke-neutral)"
48
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
49
49
  },
50
50
  "footer": {
51
51
  "paddingTop": "var(--seed-dimension-x2_5)"
package/vars/component/menu-sheet.mjs CHANGED
@@ -45,7 +45,7 @@ export const vars = {
45
45
  },
46
46
  "divider": {
47
47
  "strokeBottomWidth": "1px",
48
- "strokeColor": "var(--seed-color-stroke-neutral)"
48
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
49
49
  },
50
50
  "footer": {
51
51
  "paddingTop": "var(--seed-dimension-x2_5)"
package/vars/component/radio.d.ts CHANGED
@@ -4,7 +4,7 @@ export declare const vars: {
4
4
  "root": {
5
5
  "color": "var(--seed-color-bg-layer-default)",
6
6
  "strokeWidth": "1px",
7
- "strokeColor": "var(--seed-color-stroke-control)",
7
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)",
8
8
  "cornerRadius": "var(--seed-radius-full)"
9
9
  },
10
10
  "icon": {
package/vars/component/radio.mjs CHANGED
@@ -4,7 +4,7 @@ export const vars = {
4
4
  "root": {
5
5
  "color": "var(--seed-color-bg-layer-default)",
6
6
  "strokeWidth": "1px",
7
- "strokeColor": "var(--seed-color-stroke-control)",
7
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)",
8
8
  "cornerRadius": "var(--seed-radius-full)"
9
9
  },
10
10
  "icon": {
package/vars/component/reaction-button.d.ts CHANGED
@@ -30,7 +30,7 @@ export declare const vars: {
30
30
  "selected": {
31
31
  "root": {
32
32
  "color": "var(--seed-color-bg-layer-default)",
33
- "strokeColor": "var(--seed-color-stroke-brand)",
33
+ "strokeColor": "var(--seed-color-stroke-brand-weak)",
34
34
  "strokeWidth": "1px"
35
35
  },
36
36
  "label": {