@seed-design/css 0.1.13 → 0.1.14

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.
@@ -2,6 +2,7 @@ export declare const vars: {
2
2
  "sizeLarge": {
3
3
  "enabled": {
4
4
  "root": {
5
+ "maxWidth": "6.75rem",
5
6
  "minHeight": "var(--seed-dimension-x6)",
6
7
  "paddingX": "var(--seed-dimension-x2)",
7
8
  "paddingY": "var(--seed-dimension-x1)",
@@ -16,6 +17,7 @@ export declare const vars: {
16
17
  "sizeMedium": {
17
18
  "enabled": {
18
19
  "root": {
20
+ "maxWidth": "7.5rem",
19
21
  "minHeight": "var(--seed-dimension-x5)",
20
22
  "paddingX": "var(--seed-dimension-x1_5)",
21
23
  "paddingY": "var(--seed-dimension-x0_5)",
@@ -84,10 +86,10 @@ export declare const vars: {
84
86
  "toneBrandVariantWeak": {
85
87
  "enabled": {
86
88
  "root": {
87
- "color": "var(--seed-color-palette-carrot-100)"
89
+ "color": "var(--seed-color-bg-brand-weak)"
88
90
  },
89
91
  "label": {
90
- "color": "var(--seed-color-palette-carrot-900)"
92
+ "color": "var(--seed-color-fg-brand-contrast)"
91
93
  }
92
94
  }
93
95
  },
@@ -171,6 +173,36 @@ export declare const vars: {
171
173
  }
172
174
  }
173
175
  },
176
+ "toneWarningVariantWeak": {
177
+ "enabled": {
178
+ "root": {
179
+ "color": "var(--seed-color-bg-warning-weak)"
180
+ },
181
+ "label": {
182
+ "color": "var(--seed-color-fg-warning-contrast)"
183
+ }
184
+ }
185
+ },
186
+ "toneWarningVariantSolid": {
187
+ "enabled": {
188
+ "root": {
189
+ "color": "var(--seed-color-bg-warning-solid)"
190
+ },
191
+ "label": {
192
+ "color": "var(--seed-color-fg-neutral)"
193
+ }
194
+ }
195
+ },
196
+ "toneWarningVariantOutline": {
197
+ "enabled": {
198
+ "root": {
199
+ "strokeColor": "var(--seed-color-stroke-warning)"
200
+ },
201
+ "label": {
202
+ "color": "var(--seed-color-fg-warning)"
203
+ }
204
+ }
205
+ },
174
206
  "toneCriticalVariantWeak": {
175
207
  "enabled": {
176
208
  "root": {
@@ -2,6 +2,7 @@ export const vars = {
2
2
  "sizeLarge": {
3
3
  "enabled": {
4
4
  "root": {
5
+ "maxWidth": "6.75rem",
5
6
  "minHeight": "var(--seed-dimension-x6)",
6
7
  "paddingX": "var(--seed-dimension-x2)",
7
8
  "paddingY": "var(--seed-dimension-x1)",
@@ -16,6 +17,7 @@ export const vars = {
16
17
  "sizeMedium": {
17
18
  "enabled": {
18
19
  "root": {
20
+ "maxWidth": "7.5rem",
19
21
  "minHeight": "var(--seed-dimension-x5)",
20
22
  "paddingX": "var(--seed-dimension-x1_5)",
21
23
  "paddingY": "var(--seed-dimension-x0_5)",
@@ -84,10 +86,10 @@ export const vars = {
84
86
  "toneBrandVariantWeak": {
85
87
  "enabled": {
86
88
  "root": {
87
- "color": "var(--seed-color-palette-carrot-100)"
89
+ "color": "var(--seed-color-bg-brand-weak)"
88
90
  },
89
91
  "label": {
90
- "color": "var(--seed-color-palette-carrot-900)"
92
+ "color": "var(--seed-color-fg-brand-contrast)"
91
93
  }
92
94
  }
93
95
  },
@@ -171,6 +173,36 @@ export const vars = {
171
173
  }
172
174
  }
173
175
  },
176
+ "toneWarningVariantWeak": {
177
+ "enabled": {
178
+ "root": {
179
+ "color": "var(--seed-color-bg-warning-weak)"
180
+ },
181
+ "label": {
182
+ "color": "var(--seed-color-fg-warning-contrast)"
183
+ }
184
+ }
185
+ },
186
+ "toneWarningVariantSolid": {
187
+ "enabled": {
188
+ "root": {
189
+ "color": "var(--seed-color-bg-warning-solid)"
190
+ },
191
+ "label": {
192
+ "color": "var(--seed-color-fg-neutral)"
193
+ }
194
+ }
195
+ },
196
+ "toneWarningVariantOutline": {
197
+ "enabled": {
198
+ "root": {
199
+ "strokeColor": "var(--seed-color-stroke-warning)"
200
+ },
201
+ "label": {
202
+ "color": "var(--seed-color-fg-warning)"
203
+ }
204
+ }
205
+ },
174
206
  "toneCriticalVariantWeak": {
175
207
  "enabled": {
176
208
  "root": {
@@ -33,6 +33,7 @@ export { vars as menuSheetCloseButton } from "./menu-sheet-close-button";
33
33
  export { vars as menuSheetItem } from "./menu-sheet-item";
34
34
  export { vars as menuSheet } from "./menu-sheet";
35
35
  export { vars as notificationBadge } from "./notification-badge";
36
+ export { vars as pageBanner } from "./page-banner";
36
37
  export { vars as progressCircle } from "./progress-circle";
37
38
  export { vars as radio } from "./radio";
38
39
  export { vars as reactionButton } from "./reaction-button";
@@ -33,6 +33,7 @@ export { vars as menuSheetCloseButton } from "./menu-sheet-close-button.mjs";
33
33
  export { vars as menuSheetItem } from "./menu-sheet-item.mjs";
34
34
  export { vars as menuSheet } from "./menu-sheet.mjs";
35
35
  export { vars as notificationBadge } from "./notification-badge.mjs";
36
+ export { vars as pageBanner } from "./page-banner.mjs";
36
37
  export { vars as progressCircle } from "./progress-circle.mjs";
37
38
  export { vars as radio } from "./radio.mjs";
38
39
  export { vars as reactionButton } from "./reaction-button.mjs";
@@ -0,0 +1,309 @@
1
+ export declare const vars: {
2
+ "base": {
3
+ "enabled": {
4
+ "root": {
5
+ "paddingX": "var(--seed-dimension-x4)",
6
+ "paddingY": "var(--seed-dimension-x2_5)",
7
+ "minHeight": "var(--seed-dimension-x10)"
8
+ },
9
+ "prefixIcon": {
10
+ "size": "var(--seed-dimension-x4)",
11
+ "marginRight": "var(--seed-dimension-x2)"
12
+ },
13
+ "textContent": {
14
+ "gap": "var(--seed-dimension-x1_5)"
15
+ },
16
+ "title": {
17
+ "fontSize": "var(--seed-font-size-t4)",
18
+ "lineHeight": "var(--seed-line-height-t4)",
19
+ "fontWeight": "var(--seed-font-weight-bold)"
20
+ },
21
+ "description": {
22
+ "fontSize": "var(--seed-font-size-t4)",
23
+ "lineHeight": "var(--seed-line-height-t4)",
24
+ "fontWeight": "var(--seed-font-weight-medium)"
25
+ },
26
+ "button": {
27
+ "targetHeight": "var(--seed-dimension-x10)",
28
+ "fontSize": "var(--seed-font-size-t3)",
29
+ "lineHeight": "var(--seed-line-height-t3)",
30
+ "fontWeight": "var(--seed-font-weight-bold)"
31
+ },
32
+ "suffixIcon": {
33
+ "size": "var(--seed-dimension-x4)",
34
+ "targetSize": "var(--seed-dimension-x10)",
35
+ "marginLeft": "var(--seed-dimension-x2)"
36
+ }
37
+ }
38
+ },
39
+ "toneNeutralVariantWeak": {
40
+ "enabled": {
41
+ "root": {
42
+ "color": "var(--seed-color-bg-neutral-weak)"
43
+ },
44
+ "prefixIcon": {
45
+ "color": "var(--seed-color-fg-neutral)"
46
+ },
47
+ "title": {
48
+ "color": "var(--seed-color-fg-neutral)"
49
+ },
50
+ "description": {
51
+ "color": "var(--seed-color-fg-neutral)"
52
+ },
53
+ "button": {
54
+ "color": "var(--seed-color-fg-neutral)"
55
+ },
56
+ "suffixIcon": {
57
+ "color": "var(--seed-color-fg-neutral)"
58
+ }
59
+ },
60
+ "pressed": {
61
+ "root": {
62
+ "color": "var(--seed-color-bg-neutral-weak-pressed)"
63
+ }
64
+ }
65
+ },
66
+ "toneNeutralVariantSolid": {
67
+ "enabled": {
68
+ "root": {
69
+ "color": "var(--seed-color-bg-neutral-inverted)"
70
+ },
71
+ "prefixIcon": {
72
+ "color": "var(--seed-color-fg-neutral-inverted)"
73
+ },
74
+ "title": {
75
+ "color": "var(--seed-color-fg-neutral-inverted)"
76
+ },
77
+ "description": {
78
+ "color": "var(--seed-color-fg-neutral-inverted)"
79
+ },
80
+ "button": {
81
+ "color": "var(--seed-color-fg-neutral-inverted)"
82
+ },
83
+ "suffixIcon": {
84
+ "color": "var(--seed-color-fg-neutral-inverted)"
85
+ }
86
+ },
87
+ "pressed": {
88
+ "root": {
89
+ "color": "var(--seed-color-bg-neutral-inverted-pressed)"
90
+ }
91
+ }
92
+ },
93
+ "tonePositiveVariantWeak": {
94
+ "enabled": {
95
+ "root": {
96
+ "color": "var(--seed-color-bg-positive-weak)"
97
+ },
98
+ "prefixIcon": {
99
+ "color": "var(--seed-color-fg-positive-contrast)"
100
+ },
101
+ "title": {
102
+ "color": "var(--seed-color-fg-positive-contrast)"
103
+ },
104
+ "description": {
105
+ "color": "var(--seed-color-fg-positive-contrast)"
106
+ },
107
+ "button": {
108
+ "color": "var(--seed-color-fg-positive-contrast)"
109
+ },
110
+ "suffixIcon": {
111
+ "color": "var(--seed-color-fg-positive-contrast)"
112
+ }
113
+ },
114
+ "pressed": {
115
+ "root": {
116
+ "color": "var(--seed-color-bg-positive-weak-pressed)"
117
+ }
118
+ }
119
+ },
120
+ "tonePositiveVariantSolid": {
121
+ "enabled": {
122
+ "root": {
123
+ "color": "var(--seed-color-bg-positive-solid)"
124
+ },
125
+ "prefixIcon": {
126
+ "color": "var(--seed-color-palette-static-white)"
127
+ },
128
+ "title": {
129
+ "color": "var(--seed-color-palette-static-white)"
130
+ },
131
+ "description": {
132
+ "color": "var(--seed-color-palette-static-white)"
133
+ },
134
+ "button": {
135
+ "color": "var(--seed-color-palette-static-white)"
136
+ },
137
+ "suffixIcon": {
138
+ "color": "var(--seed-color-palette-static-white)"
139
+ }
140
+ },
141
+ "pressed": {
142
+ "root": {
143
+ "color": "var(--seed-color-bg-positive-solid-pressed)"
144
+ }
145
+ }
146
+ },
147
+ "toneInformativeVariantWeak": {
148
+ "enabled": {
149
+ "root": {
150
+ "color": "var(--seed-color-bg-informative-weak)"
151
+ },
152
+ "prefixIcon": {
153
+ "color": "var(--seed-color-fg-informative-contrast)"
154
+ },
155
+ "title": {
156
+ "color": "var(--seed-color-fg-informative-contrast)"
157
+ },
158
+ "description": {
159
+ "color": "var(--seed-color-fg-informative-contrast)"
160
+ },
161
+ "button": {
162
+ "color": "var(--seed-color-fg-informative-contrast)"
163
+ },
164
+ "suffixIcon": {
165
+ "color": "var(--seed-color-fg-informative-contrast)"
166
+ }
167
+ },
168
+ "pressed": {
169
+ "root": {
170
+ "color": "var(--seed-color-bg-informative-weak-pressed)"
171
+ }
172
+ }
173
+ },
174
+ "toneInformativeVariantSolid": {
175
+ "enabled": {
176
+ "root": {
177
+ "color": "var(--seed-color-bg-informative-solid)"
178
+ },
179
+ "prefixIcon": {
180
+ "color": "var(--seed-color-palette-static-white)"
181
+ },
182
+ "title": {
183
+ "color": "var(--seed-color-palette-static-white)"
184
+ },
185
+ "description": {
186
+ "color": "var(--seed-color-palette-static-white)"
187
+ },
188
+ "button": {
189
+ "color": "var(--seed-color-palette-static-white)"
190
+ },
191
+ "suffixIcon": {
192
+ "color": "var(--seed-color-palette-static-white)"
193
+ }
194
+ },
195
+ "pressed": {
196
+ "root": {
197
+ "color": "var(--seed-color-bg-informative-solid-pressed)"
198
+ }
199
+ }
200
+ },
201
+ "toneWarningVariantWeak": {
202
+ "enabled": {
203
+ "root": {
204
+ "color": "var(--seed-color-bg-warning-weak)"
205
+ },
206
+ "prefixIcon": {
207
+ "color": "var(--seed-color-fg-warning-contrast)"
208
+ },
209
+ "title": {
210
+ "color": "var(--seed-color-fg-warning-contrast)"
211
+ },
212
+ "description": {
213
+ "color": "var(--seed-color-fg-warning-contrast)"
214
+ },
215
+ "button": {
216
+ "color": "var(--seed-color-fg-warning-contrast)"
217
+ },
218
+ "suffixIcon": {
219
+ "color": "var(--seed-color-fg-warning-contrast)"
220
+ }
221
+ },
222
+ "pressed": {
223
+ "root": {
224
+ "color": "var(--seed-color-bg-warning-weak-pressed)"
225
+ }
226
+ }
227
+ },
228
+ "toneWarningVariantSolid": {
229
+ "enabled": {
230
+ "root": {
231
+ "color": "var(--seed-color-bg-warning-solid)"
232
+ },
233
+ "prefixIcon": {
234
+ "color": "var(--seed-color-fg-neutral)"
235
+ },
236
+ "title": {
237
+ "color": "var(--seed-color-fg-neutral)"
238
+ },
239
+ "description": {
240
+ "color": "var(--seed-color-fg-neutral)"
241
+ },
242
+ "button": {
243
+ "color": "var(--seed-color-fg-neutral)"
244
+ },
245
+ "suffixIcon": {
246
+ "color": "var(--seed-color-fg-neutral)"
247
+ }
248
+ },
249
+ "pressed": {
250
+ "root": {
251
+ "color": "var(--seed-color-bg-warning-solid-pressed)"
252
+ }
253
+ }
254
+ },
255
+ "toneCriticalVariantWeak": {
256
+ "enabled": {
257
+ "root": {
258
+ "color": "var(--seed-color-bg-critical-weak)"
259
+ },
260
+ "prefixIcon": {
261
+ "color": "var(--seed-color-fg-critical-contrast)"
262
+ },
263
+ "title": {
264
+ "color": "var(--seed-color-fg-critical-contrast)"
265
+ },
266
+ "description": {
267
+ "color": "var(--seed-color-fg-critical-contrast)"
268
+ },
269
+ "button": {
270
+ "color": "var(--seed-color-fg-critical-contrast)"
271
+ },
272
+ "suffixIcon": {
273
+ "color": "var(--seed-color-fg-critical-contrast)"
274
+ }
275
+ },
276
+ "pressed": {
277
+ "root": {
278
+ "color": "var(--seed-color-bg-critical-weak-pressed)"
279
+ }
280
+ }
281
+ },
282
+ "toneCriticalVariantSolid": {
283
+ "enabled": {
284
+ "root": {
285
+ "color": "var(--seed-color-bg-critical-solid)"
286
+ },
287
+ "prefixIcon": {
288
+ "color": "var(--seed-color-palette-static-white)"
289
+ },
290
+ "title": {
291
+ "color": "var(--seed-color-palette-static-white)"
292
+ },
293
+ "description": {
294
+ "color": "var(--seed-color-palette-static-white)"
295
+ },
296
+ "button": {
297
+ "color": "var(--seed-color-palette-static-white)"
298
+ },
299
+ "suffixIcon": {
300
+ "color": "var(--seed-color-palette-static-white)"
301
+ }
302
+ },
303
+ "pressed": {
304
+ "root": {
305
+ "color": "var(--seed-color-bg-critical-solid-pressed)"
306
+ }
307
+ }
308
+ }
309
+ }