@seed-design/css 2.1.1 → 2.1.3

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 (33) hide show
  1. package/all.css +495 -511
  2. package/all.layered.css +495 -511
  3. package/all.layered.min.css +1 -1
  4. package/all.min.css +1 -1
  5. package/base.css +277 -277
  6. package/base.layered.css +277 -277
  7. package/base.layered.min.css +1 -1
  8. package/base.min.css +1 -1
  9. package/package.json +1 -1
  10. package/recipes/action-button.css +36 -36
  11. package/recipes/action-button.layered.css +36 -36
  12. package/recipes/bottom-sheet.css +39 -39
  13. package/recipes/bottom-sheet.layered.css +39 -39
  14. package/recipes/floating-action-button.css +2 -2
  15. package/recipes/floating-action-button.layered.css +2 -2
  16. package/recipes/help-bubble.css +10 -10
  17. package/recipes/help-bubble.layered.css +10 -10
  18. package/recipes/image-frame-reaction-button.css +1 -3
  19. package/recipes/image-frame-reaction-button.layered.css +1 -4
  20. package/recipes/list-item.css +36 -36
  21. package/recipes/list-item.layered.css +36 -36
  22. package/recipes/side-panel.css +74 -87
  23. package/recipes/side-panel.layered.css +74 -87
  24. package/recipes/skeleton.css +20 -20
  25. package/recipes/skeleton.layered.css +20 -20
  26. package/vars/component/floating-action-button.d.ts +1 -1
  27. package/vars/component/floating-action-button.mjs +1 -1
  28. package/vars/component/image-frame-reaction-button.d.ts +3 -2
  29. package/vars/component/image-frame-reaction-button.mjs +3 -2
  30. package/vars/component/side-panel-close-button.d.ts +6 -2
  31. package/vars/component/side-panel-close-button.mjs +6 -2
  32. package/vars/component/side-panel.d.ts +7 -4
  33. package/vars/component/side-panel.mjs +6 -4
package/all.css CHANGED
@@ -106,157 +106,157 @@
106
106
  border-left-width: var(--seed-box-border-left-width);
107
107
  border-right-width: var(--seed-box-border-right-width);
108
108
  --seed-box-padding-base: 0;
109
- --seed-box-padding-sm: var(--seed-box-padding-base);
110
- --seed-box-padding-md: var(--seed-box-padding-sm);
111
- --seed-box-padding-lg: var(--seed-box-padding-md);
112
- --seed-box-padding-xl: var(--seed-box-padding-lg);
113
- --seed-box-padding: var(--seed-box-padding-base);
109
+ --seed-box-padding-sm: var(--seed-box-padding-base, initial);
110
+ --seed-box-padding-md: var(--seed-box-padding-sm, initial);
111
+ --seed-box-padding-lg: var(--seed-box-padding-md, initial);
112
+ --seed-box-padding-xl: var(--seed-box-padding-lg, initial);
113
+ --seed-box-padding: var(--seed-box-padding-base, initial);
114
114
  --seed-box-padding-y-base: var(--seed-box-padding);
115
- --seed-box-padding-y-sm: var(--seed-box-padding-y-base);
116
- --seed-box-padding-y-md: var(--seed-box-padding-y-sm);
117
- --seed-box-padding-y-lg: var(--seed-box-padding-y-md);
118
- --seed-box-padding-y-xl: var(--seed-box-padding-y-lg);
119
- --seed-box-padding-y: var(--seed-box-padding-y-base);
115
+ --seed-box-padding-y-sm: var(--seed-box-padding-y-base, initial);
116
+ --seed-box-padding-y-md: var(--seed-box-padding-y-sm, initial);
117
+ --seed-box-padding-y-lg: var(--seed-box-padding-y-md, initial);
118
+ --seed-box-padding-y-xl: var(--seed-box-padding-y-lg, initial);
119
+ --seed-box-padding-y: var(--seed-box-padding-y-base, initial);
120
120
  --seed-box-padding-x-base: var(--seed-box-padding);
121
- --seed-box-padding-x-sm: var(--seed-box-padding-x-base);
122
- --seed-box-padding-x-md: var(--seed-box-padding-x-sm);
123
- --seed-box-padding-x-lg: var(--seed-box-padding-x-md);
124
- --seed-box-padding-x-xl: var(--seed-box-padding-x-lg);
125
- --seed-box-padding-x: var(--seed-box-padding-x-base);
121
+ --seed-box-padding-x-sm: var(--seed-box-padding-x-base, initial);
122
+ --seed-box-padding-x-md: var(--seed-box-padding-x-sm, initial);
123
+ --seed-box-padding-x-lg: var(--seed-box-padding-x-md, initial);
124
+ --seed-box-padding-x-xl: var(--seed-box-padding-x-lg, initial);
125
+ --seed-box-padding-x: var(--seed-box-padding-x-base, initial);
126
126
  --seed-box-padding-bottom-base: var(--seed-box-padding-y);
127
- --seed-box-padding-bottom-sm: var(--seed-box-padding-bottom-base);
128
- --seed-box-padding-bottom-md: var(--seed-box-padding-bottom-sm);
129
- --seed-box-padding-bottom-lg: var(--seed-box-padding-bottom-md);
130
- --seed-box-padding-bottom-xl: var(--seed-box-padding-bottom-lg);
131
- --seed-box-padding-bottom: var(--seed-box-padding-bottom-base);
127
+ --seed-box-padding-bottom-sm: var(--seed-box-padding-bottom-base, initial);
128
+ --seed-box-padding-bottom-md: var(--seed-box-padding-bottom-sm, initial);
129
+ --seed-box-padding-bottom-lg: var(--seed-box-padding-bottom-md, initial);
130
+ --seed-box-padding-bottom-xl: var(--seed-box-padding-bottom-lg, initial);
131
+ --seed-box-padding-bottom: var(--seed-box-padding-bottom-base, initial);
132
132
  --seed-box-padding-top-base: var(--seed-box-padding-y);
133
- --seed-box-padding-top-sm: var(--seed-box-padding-top-base);
134
- --seed-box-padding-top-md: var(--seed-box-padding-top-sm);
135
- --seed-box-padding-top-lg: var(--seed-box-padding-top-md);
136
- --seed-box-padding-top-xl: var(--seed-box-padding-top-lg);
137
- --seed-box-padding-top: var(--seed-box-padding-top-base);
133
+ --seed-box-padding-top-sm: var(--seed-box-padding-top-base, initial);
134
+ --seed-box-padding-top-md: var(--seed-box-padding-top-sm, initial);
135
+ --seed-box-padding-top-lg: var(--seed-box-padding-top-md, initial);
136
+ --seed-box-padding-top-xl: var(--seed-box-padding-top-lg, initial);
137
+ --seed-box-padding-top: var(--seed-box-padding-top-base, initial);
138
138
  --seed-box-padding-left-base: var(--seed-box-padding-x);
139
- --seed-box-padding-left-sm: var(--seed-box-padding-left-base);
140
- --seed-box-padding-left-md: var(--seed-box-padding-left-sm);
141
- --seed-box-padding-left-lg: var(--seed-box-padding-left-md);
142
- --seed-box-padding-left-xl: var(--seed-box-padding-left-lg);
143
- --seed-box-padding-left: var(--seed-box-padding-left-base);
139
+ --seed-box-padding-left-sm: var(--seed-box-padding-left-base, initial);
140
+ --seed-box-padding-left-md: var(--seed-box-padding-left-sm, initial);
141
+ --seed-box-padding-left-lg: var(--seed-box-padding-left-md, initial);
142
+ --seed-box-padding-left-xl: var(--seed-box-padding-left-lg, initial);
143
+ --seed-box-padding-left: var(--seed-box-padding-left-base, initial);
144
144
  --seed-box-padding-right-base: var(--seed-box-padding-x);
145
- --seed-box-padding-right-sm: var(--seed-box-padding-right-base);
146
- --seed-box-padding-right-md: var(--seed-box-padding-right-sm);
147
- --seed-box-padding-right-lg: var(--seed-box-padding-right-md);
148
- --seed-box-padding-right-xl: var(--seed-box-padding-right-lg);
149
- --seed-box-padding-right: var(--seed-box-padding-right-base);
145
+ --seed-box-padding-right-sm: var(--seed-box-padding-right-base, initial);
146
+ --seed-box-padding-right-md: var(--seed-box-padding-right-sm, initial);
147
+ --seed-box-padding-right-lg: var(--seed-box-padding-right-md, initial);
148
+ --seed-box-padding-right-xl: var(--seed-box-padding-right-lg, initial);
149
+ --seed-box-padding-right: var(--seed-box-padding-right-base, initial);
150
150
  padding-top: var(--seed-box-padding-top);
151
151
  padding-bottom: var(--seed-box-padding-bottom);
152
152
  padding-left: var(--seed-box-padding-left);
153
153
  padding-right: var(--seed-box-padding-right);
154
154
  --seed-box-bleed-bottom-base: 0px;
155
- --seed-box-bleed-bottom-sm: var(--seed-box-bleed-bottom-base);
156
- --seed-box-bleed-bottom-md: var(--seed-box-bleed-bottom-sm);
157
- --seed-box-bleed-bottom-lg: var(--seed-box-bleed-bottom-md);
158
- --seed-box-bleed-bottom-xl: var(--seed-box-bleed-bottom-lg);
159
- --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-base);
155
+ --seed-box-bleed-bottom-sm: var(--seed-box-bleed-bottom-base, initial);
156
+ --seed-box-bleed-bottom-md: var(--seed-box-bleed-bottom-sm, initial);
157
+ --seed-box-bleed-bottom-lg: var(--seed-box-bleed-bottom-md, initial);
158
+ --seed-box-bleed-bottom-xl: var(--seed-box-bleed-bottom-lg, initial);
159
+ --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-base, initial);
160
160
  --seed-box-bleed-top-base: 0px;
161
- --seed-box-bleed-top-sm: var(--seed-box-bleed-top-base);
162
- --seed-box-bleed-top-md: var(--seed-box-bleed-top-sm);
163
- --seed-box-bleed-top-lg: var(--seed-box-bleed-top-md);
164
- --seed-box-bleed-top-xl: var(--seed-box-bleed-top-lg);
165
- --seed-box-bleed-top: var(--seed-box-bleed-top-base);
161
+ --seed-box-bleed-top-sm: var(--seed-box-bleed-top-base, initial);
162
+ --seed-box-bleed-top-md: var(--seed-box-bleed-top-sm, initial);
163
+ --seed-box-bleed-top-lg: var(--seed-box-bleed-top-md, initial);
164
+ --seed-box-bleed-top-xl: var(--seed-box-bleed-top-lg, initial);
165
+ --seed-box-bleed-top: var(--seed-box-bleed-top-base, initial);
166
166
  --seed-box-bleed-left-base: 0px;
167
- --seed-box-bleed-left-sm: var(--seed-box-bleed-left-base);
168
- --seed-box-bleed-left-md: var(--seed-box-bleed-left-sm);
169
- --seed-box-bleed-left-lg: var(--seed-box-bleed-left-md);
170
- --seed-box-bleed-left-xl: var(--seed-box-bleed-left-lg);
171
- --seed-box-bleed-left: var(--seed-box-bleed-left-base);
167
+ --seed-box-bleed-left-sm: var(--seed-box-bleed-left-base, initial);
168
+ --seed-box-bleed-left-md: var(--seed-box-bleed-left-sm, initial);
169
+ --seed-box-bleed-left-lg: var(--seed-box-bleed-left-md, initial);
170
+ --seed-box-bleed-left-xl: var(--seed-box-bleed-left-lg, initial);
171
+ --seed-box-bleed-left: var(--seed-box-bleed-left-base, initial);
172
172
  --seed-box-bleed-right-base: 0px;
173
- --seed-box-bleed-right-sm: var(--seed-box-bleed-right-base);
174
- --seed-box-bleed-right-md: var(--seed-box-bleed-right-sm);
175
- --seed-box-bleed-right-lg: var(--seed-box-bleed-right-md);
176
- --seed-box-bleed-right-xl: var(--seed-box-bleed-right-lg);
177
- --seed-box-bleed-right: var(--seed-box-bleed-right-base);
173
+ --seed-box-bleed-right-sm: var(--seed-box-bleed-right-base, initial);
174
+ --seed-box-bleed-right-md: var(--seed-box-bleed-right-sm, initial);
175
+ --seed-box-bleed-right-lg: var(--seed-box-bleed-right-md, initial);
176
+ --seed-box-bleed-right-xl: var(--seed-box-bleed-right-lg, initial);
177
+ --seed-box-bleed-right: var(--seed-box-bleed-right-base, initial);
178
178
  --seed-box-margin-base: initial;
179
- --seed-box-margin-sm: var(--seed-box-margin-base);
180
- --seed-box-margin-md: var(--seed-box-margin-sm);
181
- --seed-box-margin-lg: var(--seed-box-margin-md);
182
- --seed-box-margin-xl: var(--seed-box-margin-lg);
183
- --seed-box-margin: var(--seed-box-margin-base);
184
- --seed-box-margin-y-base: var(--seed-box-margin);
185
- --seed-box-margin-y-sm: var(--seed-box-margin-y-base);
186
- --seed-box-margin-y-md: var(--seed-box-margin-y-sm);
187
- --seed-box-margin-y-lg: var(--seed-box-margin-y-md);
188
- --seed-box-margin-y-xl: var(--seed-box-margin-y-lg);
189
- --seed-box-margin-y: var(--seed-box-margin-y-base);
190
- --seed-box-margin-x-base: var(--seed-box-margin);
191
- --seed-box-margin-x-sm: var(--seed-box-margin-x-base);
192
- --seed-box-margin-x-md: var(--seed-box-margin-x-sm);
193
- --seed-box-margin-x-lg: var(--seed-box-margin-x-md);
194
- --seed-box-margin-x-xl: var(--seed-box-margin-x-lg);
195
- --seed-box-margin-x: var(--seed-box-margin-x-base);
196
- --seed-box-margin-top-base: var(--seed-box-margin-y);
197
- --seed-box-margin-top-sm: var(--seed-box-margin-top-base);
198
- --seed-box-margin-top-md: var(--seed-box-margin-top-sm);
199
- --seed-box-margin-top-lg: var(--seed-box-margin-top-md);
200
- --seed-box-margin-top-xl: var(--seed-box-margin-top-lg);
201
- --seed-box-margin-top: var(--seed-box-margin-top-base);
202
- --seed-box-margin-bottom-base: var(--seed-box-margin-y);
203
- --seed-box-margin-bottom-sm: var(--seed-box-margin-bottom-base);
204
- --seed-box-margin-bottom-md: var(--seed-box-margin-bottom-sm);
205
- --seed-box-margin-bottom-lg: var(--seed-box-margin-bottom-md);
206
- --seed-box-margin-bottom-xl: var(--seed-box-margin-bottom-lg);
207
- --seed-box-margin-bottom: var(--seed-box-margin-bottom-base);
208
- --seed-box-margin-left-base: var(--seed-box-margin-x);
209
- --seed-box-margin-left-sm: var(--seed-box-margin-left-base);
210
- --seed-box-margin-left-md: var(--seed-box-margin-left-sm);
211
- --seed-box-margin-left-lg: var(--seed-box-margin-left-md);
212
- --seed-box-margin-left-xl: var(--seed-box-margin-left-lg);
213
- --seed-box-margin-left: var(--seed-box-margin-left-base);
214
- --seed-box-margin-right-base: var(--seed-box-margin-x);
215
- --seed-box-margin-right-sm: var(--seed-box-margin-right-base);
216
- --seed-box-margin-right-md: var(--seed-box-margin-right-sm);
217
- --seed-box-margin-right-lg: var(--seed-box-margin-right-md);
218
- --seed-box-margin-right-xl: var(--seed-box-margin-right-lg);
219
- --seed-box-margin-right: var(--seed-box-margin-right-base);
179
+ --seed-box-margin-sm: var(--seed-box-margin-base, initial);
180
+ --seed-box-margin-md: var(--seed-box-margin-sm, initial);
181
+ --seed-box-margin-lg: var(--seed-box-margin-md, initial);
182
+ --seed-box-margin-xl: var(--seed-box-margin-lg, initial);
183
+ --seed-box-margin: var(--seed-box-margin-base, initial);
184
+ --seed-box-margin-y-base: var(--seed-box-margin, initial);
185
+ --seed-box-margin-y-sm: var(--seed-box-margin-y-base, initial);
186
+ --seed-box-margin-y-md: var(--seed-box-margin-y-sm, initial);
187
+ --seed-box-margin-y-lg: var(--seed-box-margin-y-md, initial);
188
+ --seed-box-margin-y-xl: var(--seed-box-margin-y-lg, initial);
189
+ --seed-box-margin-y: var(--seed-box-margin-y-base, initial);
190
+ --seed-box-margin-x-base: var(--seed-box-margin, initial);
191
+ --seed-box-margin-x-sm: var(--seed-box-margin-x-base, initial);
192
+ --seed-box-margin-x-md: var(--seed-box-margin-x-sm, initial);
193
+ --seed-box-margin-x-lg: var(--seed-box-margin-x-md, initial);
194
+ --seed-box-margin-x-xl: var(--seed-box-margin-x-lg, initial);
195
+ --seed-box-margin-x: var(--seed-box-margin-x-base, initial);
196
+ --seed-box-margin-top-base: var(--seed-box-margin-y, initial);
197
+ --seed-box-margin-top-sm: var(--seed-box-margin-top-base, initial);
198
+ --seed-box-margin-top-md: var(--seed-box-margin-top-sm, initial);
199
+ --seed-box-margin-top-lg: var(--seed-box-margin-top-md, initial);
200
+ --seed-box-margin-top-xl: var(--seed-box-margin-top-lg, initial);
201
+ --seed-box-margin-top: var(--seed-box-margin-top-base, initial);
202
+ --seed-box-margin-bottom-base: var(--seed-box-margin-y, initial);
203
+ --seed-box-margin-bottom-sm: var(--seed-box-margin-bottom-base, initial);
204
+ --seed-box-margin-bottom-md: var(--seed-box-margin-bottom-sm, initial);
205
+ --seed-box-margin-bottom-lg: var(--seed-box-margin-bottom-md, initial);
206
+ --seed-box-margin-bottom-xl: var(--seed-box-margin-bottom-lg, initial);
207
+ --seed-box-margin-bottom: var(--seed-box-margin-bottom-base, initial);
208
+ --seed-box-margin-left-base: var(--seed-box-margin-x, initial);
209
+ --seed-box-margin-left-sm: var(--seed-box-margin-left-base, initial);
210
+ --seed-box-margin-left-md: var(--seed-box-margin-left-sm, initial);
211
+ --seed-box-margin-left-lg: var(--seed-box-margin-left-md, initial);
212
+ --seed-box-margin-left-xl: var(--seed-box-margin-left-lg, initial);
213
+ --seed-box-margin-left: var(--seed-box-margin-left-base, initial);
214
+ --seed-box-margin-right-base: var(--seed-box-margin-x, initial);
215
+ --seed-box-margin-right-sm: var(--seed-box-margin-right-base, initial);
216
+ --seed-box-margin-right-md: var(--seed-box-margin-right-sm, initial);
217
+ --seed-box-margin-right-lg: var(--seed-box-margin-right-md, initial);
218
+ --seed-box-margin-right-xl: var(--seed-box-margin-right-lg, initial);
219
+ --seed-box-margin-right: var(--seed-box-margin-right-base, initial);
220
220
  margin-top: var(--seed-box-margin-top, calc(var(--seed-box-bleed-top) * -1));
221
221
  margin-bottom: var(--seed-box-margin-bottom, calc(var(--seed-box-bleed-bottom) * -1));
222
222
  margin-left: var(--seed-box-margin-left, calc(var(--seed-box-bleed-left) * -1));
223
223
  margin-right: var(--seed-box-margin-right, calc(var(--seed-box-bleed-right) * -1));
224
- --seed-box-min-height-base: initial;
225
- --seed-box-min-height-sm: var(--seed-box-min-height-base);
226
- --seed-box-min-height-md: var(--seed-box-min-height-sm);
227
- --seed-box-min-height-lg: var(--seed-box-min-height-md);
228
- --seed-box-min-height-xl: var(--seed-box-min-height-lg);
229
- --seed-box-min-height: var(--seed-box-min-height-base);
230
- --seed-box-max-height-base: initial;
231
- --seed-box-max-height-sm: var(--seed-box-max-height-base);
232
- --seed-box-max-height-md: var(--seed-box-max-height-sm);
233
- --seed-box-max-height-lg: var(--seed-box-max-height-md);
234
- --seed-box-max-height-xl: var(--seed-box-max-height-lg);
235
- --seed-box-max-height: var(--seed-box-max-height-base);
236
- --seed-box-height-base: initial;
237
- --seed-box-height-sm: var(--seed-box-height-base);
238
- --seed-box-height-md: var(--seed-box-height-sm);
239
- --seed-box-height-lg: var(--seed-box-height-md);
240
- --seed-box-height-xl: var(--seed-box-height-lg);
241
- --seed-box-height: var(--seed-box-height-base);
242
- --seed-box-min-width-base: initial;
243
- --seed-box-min-width-sm: var(--seed-box-min-width-base);
244
- --seed-box-min-width-md: var(--seed-box-min-width-sm);
245
- --seed-box-min-width-lg: var(--seed-box-min-width-md);
246
- --seed-box-min-width-xl: var(--seed-box-min-width-lg);
247
- --seed-box-min-width: var(--seed-box-min-width-base);
248
- --seed-box-max-width-base: initial;
249
- --seed-box-max-width-sm: var(--seed-box-max-width-base);
250
- --seed-box-max-width-md: var(--seed-box-max-width-sm);
251
- --seed-box-max-width-lg: var(--seed-box-max-width-md);
252
- --seed-box-max-width-xl: var(--seed-box-max-width-lg);
253
- --seed-box-max-width: var(--seed-box-max-width-base);
254
- --seed-box-width-base: initial;
255
- --seed-box-width-sm: var(--seed-box-width-base);
256
- --seed-box-width-md: var(--seed-box-width-sm);
257
- --seed-box-width-lg: var(--seed-box-width-md);
258
- --seed-box-width-xl: var(--seed-box-width-lg);
259
- --seed-box-width: var(--seed-box-width-base);
224
+ --seed-box-min-height-base: auto;
225
+ --seed-box-min-height-sm: var(--seed-box-min-height-base, initial);
226
+ --seed-box-min-height-md: var(--seed-box-min-height-sm, initial);
227
+ --seed-box-min-height-lg: var(--seed-box-min-height-md, initial);
228
+ --seed-box-min-height-xl: var(--seed-box-min-height-lg, initial);
229
+ --seed-box-min-height: var(--seed-box-min-height-base, initial);
230
+ --seed-box-max-height-base: none;
231
+ --seed-box-max-height-sm: var(--seed-box-max-height-base, initial);
232
+ --seed-box-max-height-md: var(--seed-box-max-height-sm, initial);
233
+ --seed-box-max-height-lg: var(--seed-box-max-height-md, initial);
234
+ --seed-box-max-height-xl: var(--seed-box-max-height-lg, initial);
235
+ --seed-box-max-height: var(--seed-box-max-height-base, initial);
236
+ --seed-box-height-base: auto;
237
+ --seed-box-height-sm: var(--seed-box-height-base, initial);
238
+ --seed-box-height-md: var(--seed-box-height-sm, initial);
239
+ --seed-box-height-lg: var(--seed-box-height-md, initial);
240
+ --seed-box-height-xl: var(--seed-box-height-lg, initial);
241
+ --seed-box-height: var(--seed-box-height-base, initial);
242
+ --seed-box-min-width-base: auto;
243
+ --seed-box-min-width-sm: var(--seed-box-min-width-base, initial);
244
+ --seed-box-min-width-md: var(--seed-box-min-width-sm, initial);
245
+ --seed-box-min-width-lg: var(--seed-box-min-width-md, initial);
246
+ --seed-box-min-width-xl: var(--seed-box-min-width-lg, initial);
247
+ --seed-box-min-width: var(--seed-box-min-width-base, initial);
248
+ --seed-box-max-width-base: none;
249
+ --seed-box-max-width-sm: var(--seed-box-max-width-base, initial);
250
+ --seed-box-max-width-md: var(--seed-box-max-width-sm, initial);
251
+ --seed-box-max-width-lg: var(--seed-box-max-width-md, initial);
252
+ --seed-box-max-width-xl: var(--seed-box-max-width-lg, initial);
253
+ --seed-box-max-width: var(--seed-box-max-width-base, initial);
254
+ --seed-box-width-base: auto;
255
+ --seed-box-width-sm: var(--seed-box-width-base, initial);
256
+ --seed-box-width-md: var(--seed-box-width-sm, initial);
257
+ --seed-box-width-lg: var(--seed-box-width-md, initial);
258
+ --seed-box-width-xl: var(--seed-box-width-lg, initial);
259
+ --seed-box-width: var(--seed-box-width-base, initial);
260
260
  min-height: var(--seed-box-min-height);
261
261
  max-height: var(--seed-box-max-height);
262
262
  height: var(--seed-box-height);
@@ -283,11 +283,11 @@
283
283
  --seed-box-box-shadow: initial;
284
284
  box-shadow: var(--seed-box-box-shadow);
285
285
  --seed-box-display-base: block;
286
- --seed-box-display-sm: var(--seed-box-display-base);
287
- --seed-box-display-md: var(--seed-box-display-sm);
288
- --seed-box-display-lg: var(--seed-box-display-md);
289
- --seed-box-display-xl: var(--seed-box-display-lg);
290
- --seed-box-display: var(--seed-box-display-base);
286
+ --seed-box-display-sm: var(--seed-box-display-base, initial);
287
+ --seed-box-display-md: var(--seed-box-display-sm, initial);
288
+ --seed-box-display-lg: var(--seed-box-display-md, initial);
289
+ --seed-box-display-xl: var(--seed-box-display-lg, initial);
290
+ --seed-box-display: var(--seed-box-display-base, initial);
291
291
  --seed-box-position: initial;
292
292
  display: var(--seed-box-display);
293
293
  position: var(--seed-box-position);
@@ -303,24 +303,24 @@
303
303
  --seed-box-flex-shrink: initial;
304
304
  flex-grow: var(--seed-box-flex-grow);
305
305
  flex-shrink: var(--seed-box-flex-shrink);
306
- --seed-box-flex-direction-base: initial;
307
- --seed-box-flex-direction-sm: var(--seed-box-flex-direction-base);
308
- --seed-box-flex-direction-md: var(--seed-box-flex-direction-sm);
309
- --seed-box-flex-direction-lg: var(--seed-box-flex-direction-md);
310
- --seed-box-flex-direction-xl: var(--seed-box-flex-direction-lg);
311
- --seed-box-flex-direction: var(--seed-box-flex-direction-base);
306
+ --seed-box-flex-direction-base: row;
307
+ --seed-box-flex-direction-sm: var(--seed-box-flex-direction-base, initial);
308
+ --seed-box-flex-direction-md: var(--seed-box-flex-direction-sm, initial);
309
+ --seed-box-flex-direction-lg: var(--seed-box-flex-direction-md, initial);
310
+ --seed-box-flex-direction-xl: var(--seed-box-flex-direction-lg, initial);
311
+ --seed-box-flex-direction: var(--seed-box-flex-direction-base, initial);
312
312
  --seed-box-flex-wrap: initial;
313
313
  --seed-box-justify-content: initial;
314
314
  --seed-box-justify-self: auto;
315
315
  --seed-box-align-items: stretch;
316
316
  --seed-box-align-content: stretch;
317
317
  --seed-box-align-self: auto;
318
- --seed-box-gap-base: initial;
319
- --seed-box-gap-sm: var(--seed-box-gap-base);
320
- --seed-box-gap-md: var(--seed-box-gap-sm);
321
- --seed-box-gap-lg: var(--seed-box-gap-md);
322
- --seed-box-gap-xl: var(--seed-box-gap-lg);
323
- --seed-box-gap: var(--seed-box-gap-base);
318
+ --seed-box-gap-base: 0px;
319
+ --seed-box-gap-sm: var(--seed-box-gap-base, initial);
320
+ --seed-box-gap-md: var(--seed-box-gap-sm, initial);
321
+ --seed-box-gap-lg: var(--seed-box-gap-md, initial);
322
+ --seed-box-gap-xl: var(--seed-box-gap-lg, initial);
323
+ --seed-box-gap: var(--seed-box-gap-base, initial);
324
324
  flex-direction: var(--seed-box-flex-direction);
325
325
  flex-wrap: var(--seed-box-flex-wrap);
326
326
  justify-content: var(--seed-box-justify-content);
@@ -340,19 +340,19 @@
340
340
  }
341
341
 
342
342
  .seed-grid {
343
- --seed-grid-columns-base: initial;
344
- --seed-grid-columns-sm: var(--seed-grid-columns-base);
345
- --seed-grid-columns-md: var(--seed-grid-columns-sm);
346
- --seed-grid-columns-lg: var(--seed-grid-columns-md);
347
- --seed-grid-columns-xl: var(--seed-grid-columns-lg);
348
- --seed-grid-columns: var(--seed-grid-columns-base);
343
+ --seed-grid-columns-base: none;
344
+ --seed-grid-columns-sm: var(--seed-grid-columns-base, initial);
345
+ --seed-grid-columns-md: var(--seed-grid-columns-sm, initial);
346
+ --seed-grid-columns-lg: var(--seed-grid-columns-md, initial);
347
+ --seed-grid-columns-xl: var(--seed-grid-columns-lg, initial);
348
+ --seed-grid-columns: var(--seed-grid-columns-base, initial);
349
349
  grid-template-columns: var(--seed-grid-columns);
350
- --seed-grid-rows-base: initial;
351
- --seed-grid-rows-sm: var(--seed-grid-rows-base);
352
- --seed-grid-rows-md: var(--seed-grid-rows-sm);
353
- --seed-grid-rows-lg: var(--seed-grid-rows-md);
354
- --seed-grid-rows-xl: var(--seed-grid-rows-lg);
355
- --seed-grid-rows: var(--seed-grid-rows-base);
350
+ --seed-grid-rows-base: none;
351
+ --seed-grid-rows-sm: var(--seed-grid-rows-base, initial);
352
+ --seed-grid-rows-md: var(--seed-grid-rows-sm, initial);
353
+ --seed-grid-rows-lg: var(--seed-grid-rows-md, initial);
354
+ --seed-grid-rows-xl: var(--seed-grid-rows-lg, initial);
355
+ --seed-grid-rows: var(--seed-grid-rows-base, initial);
356
356
  grid-template-rows: var(--seed-grid-rows);
357
357
  --seed-grid-auto-flow: initial;
358
358
  grid-auto-flow: var(--seed-grid-auto-flow);
@@ -1258,29 +1258,29 @@
1258
1258
  padding-left: var(--seed-box-padding-left);
1259
1259
  padding-right: var(--seed-box-padding-right);
1260
1260
  --seed-box-bleed-bottom-base: 0px;
1261
- --seed-box-bleed-bottom-sm: var(--seed-box-bleed-bottom-base);
1262
- --seed-box-bleed-bottom-md: var(--seed-box-bleed-bottom-sm);
1263
- --seed-box-bleed-bottom-lg: var(--seed-box-bleed-bottom-md);
1264
- --seed-box-bleed-bottom-xl: var(--seed-box-bleed-bottom-lg);
1265
- --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-base);
1261
+ --seed-box-bleed-bottom-sm: var(--seed-box-bleed-bottom-base, initial);
1262
+ --seed-box-bleed-bottom-md: var(--seed-box-bleed-bottom-sm, initial);
1263
+ --seed-box-bleed-bottom-lg: var(--seed-box-bleed-bottom-md, initial);
1264
+ --seed-box-bleed-bottom-xl: var(--seed-box-bleed-bottom-lg, initial);
1265
+ --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-base, initial);
1266
1266
  --seed-box-bleed-top-base: 0px;
1267
- --seed-box-bleed-top-sm: var(--seed-box-bleed-top-base);
1268
- --seed-box-bleed-top-md: var(--seed-box-bleed-top-sm);
1269
- --seed-box-bleed-top-lg: var(--seed-box-bleed-top-md);
1270
- --seed-box-bleed-top-xl: var(--seed-box-bleed-top-lg);
1271
- --seed-box-bleed-top: var(--seed-box-bleed-top-base);
1267
+ --seed-box-bleed-top-sm: var(--seed-box-bleed-top-base, initial);
1268
+ --seed-box-bleed-top-md: var(--seed-box-bleed-top-sm, initial);
1269
+ --seed-box-bleed-top-lg: var(--seed-box-bleed-top-md, initial);
1270
+ --seed-box-bleed-top-xl: var(--seed-box-bleed-top-lg, initial);
1271
+ --seed-box-bleed-top: var(--seed-box-bleed-top-base, initial);
1272
1272
  --seed-box-bleed-left-base: 0px;
1273
- --seed-box-bleed-left-sm: var(--seed-box-bleed-left-base);
1274
- --seed-box-bleed-left-md: var(--seed-box-bleed-left-sm);
1275
- --seed-box-bleed-left-lg: var(--seed-box-bleed-left-md);
1276
- --seed-box-bleed-left-xl: var(--seed-box-bleed-left-lg);
1277
- --seed-box-bleed-left: var(--seed-box-bleed-left-base);
1273
+ --seed-box-bleed-left-sm: var(--seed-box-bleed-left-base, initial);
1274
+ --seed-box-bleed-left-md: var(--seed-box-bleed-left-sm, initial);
1275
+ --seed-box-bleed-left-lg: var(--seed-box-bleed-left-md, initial);
1276
+ --seed-box-bleed-left-xl: var(--seed-box-bleed-left-lg, initial);
1277
+ --seed-box-bleed-left: var(--seed-box-bleed-left-base, initial);
1278
1278
  --seed-box-bleed-right-base: 0px;
1279
- --seed-box-bleed-right-sm: var(--seed-box-bleed-right-base);
1280
- --seed-box-bleed-right-md: var(--seed-box-bleed-right-sm);
1281
- --seed-box-bleed-right-lg: var(--seed-box-bleed-right-md);
1282
- --seed-box-bleed-right-xl: var(--seed-box-bleed-right-lg);
1283
- --seed-box-bleed-right: var(--seed-box-bleed-right-base);
1279
+ --seed-box-bleed-right-sm: var(--seed-box-bleed-right-base, initial);
1280
+ --seed-box-bleed-right-md: var(--seed-box-bleed-right-sm, initial);
1281
+ --seed-box-bleed-right-lg: var(--seed-box-bleed-right-md, initial);
1282
+ --seed-box-bleed-right-xl: var(--seed-box-bleed-right-lg, initial);
1283
+ --seed-box-bleed-right: var(--seed-box-bleed-right-base, initial);
1284
1284
  margin-top: calc(var(--seed-box-bleed-top) * -1);
1285
1285
  margin-bottom: calc(var(--seed-box-bleed-bottom) * -1);
1286
1286
  margin-left: calc(var(--seed-box-bleed-left) * -1);
@@ -2868,29 +2868,29 @@
2868
2868
 
2869
2869
  .seed-bottom-sheet__body {
2870
2870
  --seed-box-padding-x-base: var(--seed-dimension-spacing-x-global-gutter);
2871
- --seed-box-padding-x-sm: var(--seed-box-padding-x-base);
2872
- --seed-box-padding-x-md: var(--seed-box-padding-x-sm);
2873
- --seed-box-padding-x-lg: var(--seed-box-padding-x-md);
2874
- --seed-box-padding-x-xl: var(--seed-box-padding-x-lg);
2875
- --seed-box-padding-x: var(--seed-box-padding-x-base);
2876
- --seed-box-height-base: initial;
2877
- --seed-box-height-sm: var(--seed-box-height-base);
2878
- --seed-box-height-md: var(--seed-box-height-sm);
2879
- --seed-box-height-lg: var(--seed-box-height-md);
2880
- --seed-box-height-xl: var(--seed-box-height-lg);
2881
- --seed-box-height: var(--seed-box-height-base);
2882
- --seed-box-min-height-base: initial;
2883
- --seed-box-min-height-sm: var(--seed-box-min-height-base);
2884
- --seed-box-min-height-md: var(--seed-box-min-height-sm);
2885
- --seed-box-min-height-lg: var(--seed-box-min-height-md);
2886
- --seed-box-min-height-xl: var(--seed-box-min-height-lg);
2887
- --seed-box-min-height: var(--seed-box-min-height-base);
2888
- --seed-box-max-height-base: initial;
2889
- --seed-box-max-height-sm: var(--seed-box-max-height-base);
2890
- --seed-box-max-height-md: var(--seed-box-max-height-sm);
2891
- --seed-box-max-height-lg: var(--seed-box-max-height-md);
2892
- --seed-box-max-height-xl: var(--seed-box-max-height-lg);
2893
- --seed-box-max-height: var(--seed-box-max-height-base);
2871
+ --seed-box-padding-x-sm: var(--seed-box-padding-x-base, initial);
2872
+ --seed-box-padding-x-md: var(--seed-box-padding-x-sm, initial);
2873
+ --seed-box-padding-x-lg: var(--seed-box-padding-x-md, initial);
2874
+ --seed-box-padding-x-xl: var(--seed-box-padding-x-lg, initial);
2875
+ --seed-box-padding-x: var(--seed-box-padding-x-base, initial);
2876
+ --seed-box-height-base: auto;
2877
+ --seed-box-height-sm: var(--seed-box-height-base, initial);
2878
+ --seed-box-height-md: var(--seed-box-height-sm, initial);
2879
+ --seed-box-height-lg: var(--seed-box-height-md, initial);
2880
+ --seed-box-height-xl: var(--seed-box-height-lg, initial);
2881
+ --seed-box-height: var(--seed-box-height-base, initial);
2882
+ --seed-box-min-height-base: auto;
2883
+ --seed-box-min-height-sm: var(--seed-box-min-height-base, initial);
2884
+ --seed-box-min-height-md: var(--seed-box-min-height-sm, initial);
2885
+ --seed-box-min-height-lg: var(--seed-box-min-height-md, initial);
2886
+ --seed-box-min-height-xl: var(--seed-box-min-height-lg, initial);
2887
+ --seed-box-min-height: var(--seed-box-min-height-base, initial);
2888
+ --seed-box-max-height-base: none;
2889
+ --seed-box-max-height-sm: var(--seed-box-max-height-base, initial);
2890
+ --seed-box-max-height-md: var(--seed-box-max-height-sm, initial);
2891
+ --seed-box-max-height-lg: var(--seed-box-max-height-md, initial);
2892
+ --seed-box-max-height-xl: var(--seed-box-max-height-lg, initial);
2893
+ --seed-box-max-height: var(--seed-box-max-height-base, initial);
2894
2894
  --seed-box-justify-content: initial;
2895
2895
  --seed-box-align-items: initial;
2896
2896
  padding-left: var(--seed-box-padding-x);
@@ -5298,8 +5298,8 @@
5298
5298
  }
5299
5299
 
5300
5300
  .seed-floating-action-button__icon--extended_true {
5301
- width: var(--seed-dimension-x5);
5302
- height: var(--seed-dimension-x5);
5301
+ width: var(--seed-dimension-x4);
5302
+ height: var(--seed-dimension-x4);
5303
5303
  margin-right: var(--seed-dimension-x1);
5304
5304
  transition: none;
5305
5305
  }
@@ -5388,12 +5388,12 @@
5388
5388
  padding-top: var(--seed-dimension-x2_5);
5389
5389
  padding-bottom: var(--seed-dimension-x2_5);
5390
5390
  border-radius: var(--seed-radius-r3);
5391
- --seed-box-max-width-base: initial;
5392
- --seed-box-max-width-sm: var(--seed-box-max-width-base);
5393
- --seed-box-max-width-md: var(--seed-box-max-width-sm);
5394
- --seed-box-max-width-lg: var(--seed-box-max-width-md);
5395
- --seed-box-max-width-xl: var(--seed-box-max-width-lg);
5396
- --seed-box-max-width: var(--seed-box-max-width-base);
5391
+ --seed-box-max-width-base: none;
5392
+ --seed-box-max-width-sm: var(--seed-box-max-width-base, initial);
5393
+ --seed-box-max-width-md: var(--seed-box-max-width-sm, initial);
5394
+ --seed-box-max-width-lg: var(--seed-box-max-width-md, initial);
5395
+ --seed-box-max-width-xl: var(--seed-box-max-width-lg, initial);
5396
+ --seed-box-max-width: var(--seed-box-max-width-base, initial);
5397
5397
  max-width: var(--seed-box-max-width);
5398
5398
  align-items: flex-start;
5399
5399
  display: flex;
@@ -5622,15 +5622,12 @@
5622
5622
  height: var(--seed-dimension-x6);
5623
5623
  color: var(--seed-color-palette-static-white);
5624
5624
  pointer-events: none;
5625
+ filter: drop-shadow(0 2px 2px #00000026);
5625
5626
  margin: auto;
5626
5627
  position: absolute;
5627
5628
  inset: 0;
5628
5629
  }
5629
5630
 
5630
- .seed-image-frame-reaction-button__lineIcon:is([aria-pressed="true"], [data-pressed]) {
5631
- color: var(--seed-color-bg-transparent);
5632
- }
5633
-
5634
5631
  .seed-inline-banner__root {
5635
5632
  box-sizing: border-box;
5636
5633
  -webkit-font-smoothing: antialiased;
@@ -6249,11 +6246,11 @@
6249
6246
 
6250
6247
  .seed-list-item__prefix {
6251
6248
  --seed-box-padding-right-base: var(--seed-dimension-x3);
6252
- --seed-box-padding-right-sm: var(--seed-box-padding-right-base);
6253
- --seed-box-padding-right-md: var(--seed-box-padding-right-sm);
6254
- --seed-box-padding-right-lg: var(--seed-box-padding-right-md);
6255
- --seed-box-padding-right-xl: var(--seed-box-padding-right-lg);
6256
- --seed-box-padding-right: var(--seed-box-padding-right-base);
6249
+ --seed-box-padding-right-sm: var(--seed-box-padding-right-base, initial);
6250
+ --seed-box-padding-right-md: var(--seed-box-padding-right-sm, initial);
6251
+ --seed-box-padding-right-lg: var(--seed-box-padding-right-md, initial);
6252
+ --seed-box-padding-right-xl: var(--seed-box-padding-right-lg, initial);
6253
+ --seed-box-padding-right: var(--seed-box-padding-right-base, initial);
6257
6254
  padding-right: var(--seed-box-padding-right);
6258
6255
  --seed-focus-ring: none;
6259
6256
  --seed-icon-size: 22px;
@@ -6271,11 +6268,11 @@
6271
6268
  --seed-box-position: initial;
6272
6269
  position: var(--seed-box-position);
6273
6270
  --seed-box-gap-base: var(--seed-dimension-x1);
6274
- --seed-box-gap-sm: var(--seed-box-gap-base);
6275
- --seed-box-gap-md: var(--seed-box-gap-sm);
6276
- --seed-box-gap-lg: var(--seed-box-gap-md);
6277
- --seed-box-gap-xl: var(--seed-box-gap-lg);
6278
- --seed-box-gap: var(--seed-box-gap-base);
6271
+ --seed-box-gap-sm: var(--seed-box-gap-base, initial);
6272
+ --seed-box-gap-md: var(--seed-box-gap-sm, initial);
6273
+ --seed-box-gap-lg: var(--seed-box-gap-md, initial);
6274
+ --seed-box-gap-xl: var(--seed-box-gap-lg, initial);
6275
+ --seed-box-gap: var(--seed-box-gap-base, initial);
6279
6276
  align-items: center;
6280
6277
  gap: var(--seed-box-gap);
6281
6278
  --seed-focus-ring: none;
@@ -6297,19 +6294,19 @@
6297
6294
  box-sizing: border-box;
6298
6295
  text-align: start;
6299
6296
  --seed-box-gap-base: var(--seed-dimension-x0_5);
6300
- --seed-box-gap-sm: var(--seed-box-gap-base);
6301
- --seed-box-gap-md: var(--seed-box-gap-sm);
6302
- --seed-box-gap-lg: var(--seed-box-gap-md);
6303
- --seed-box-gap-xl: var(--seed-box-gap-lg);
6304
- --seed-box-gap: var(--seed-box-gap-base);
6297
+ --seed-box-gap-sm: var(--seed-box-gap-base, initial);
6298
+ --seed-box-gap-md: var(--seed-box-gap-sm, initial);
6299
+ --seed-box-gap-lg: var(--seed-box-gap-md, initial);
6300
+ --seed-box-gap-xl: var(--seed-box-gap-lg, initial);
6301
+ --seed-box-gap: var(--seed-box-gap-base, initial);
6305
6302
  align-items: flex-start;
6306
6303
  gap: var(--seed-box-gap);
6307
6304
  --seed-box-padding-right-base: var(--seed-dimension-x2_5);
6308
- --seed-box-padding-right-sm: var(--seed-box-padding-right-base);
6309
- --seed-box-padding-right-md: var(--seed-box-padding-right-sm);
6310
- --seed-box-padding-right-lg: var(--seed-box-padding-right-md);
6311
- --seed-box-padding-right-xl: var(--seed-box-padding-right-lg);
6312
- --seed-box-padding-right: var(--seed-box-padding-right-base);
6305
+ --seed-box-padding-right-sm: var(--seed-box-padding-right-base, initial);
6306
+ --seed-box-padding-right-md: var(--seed-box-padding-right-sm, initial);
6307
+ --seed-box-padding-right-lg: var(--seed-box-padding-right-md, initial);
6308
+ --seed-box-padding-right-xl: var(--seed-box-padding-right-lg, initial);
6309
+ --seed-box-padding-right: var(--seed-box-padding-right-base, initial);
6313
6310
  padding: 0 var(--seed-box-padding-right) 0 0;
6314
6311
  background-color: #0000;
6315
6312
  border: none;
@@ -8664,19 +8661,20 @@
8664
8661
  background: var(--seed-color-bg-layer-floating);
8665
8662
  touch-action: none;
8666
8663
  will-change: transform;
8667
- --seed-box-width-base: initial;
8668
- --seed-box-width-sm: var(--seed-box-width-base);
8669
- --seed-box-width-md: var(--seed-box-width-sm);
8670
- --seed-box-width-lg: var(--seed-box-width-md);
8671
- --seed-box-width-xl: var(--seed-box-width-lg);
8672
- --seed-box-width: var(--seed-box-width-base);
8664
+ --side-panel-default-width: calc(.8 * 100vw);
8665
+ --seed-box-width-base: var(--side-panel-default-width);
8666
+ --seed-box-width-sm: var(--seed-box-width-base, initial);
8667
+ --seed-box-width-md: var(--seed-box-width-sm, initial);
8668
+ --seed-box-width-lg: var(--seed-box-width-md, initial);
8669
+ --seed-box-width-xl: var(--seed-box-width-lg, initial);
8670
+ --seed-box-width: var(--seed-box-width-base, initial);
8673
8671
  --seed-box-max-width-base: calc(.8 * 100%);
8674
- --seed-box-max-width-sm: var(--seed-box-max-width-base);
8675
- --seed-box-max-width-md: var(--seed-box-max-width-sm);
8676
- --seed-box-max-width-lg: var(--seed-box-max-width-md);
8677
- --seed-box-max-width-xl: var(--seed-box-max-width-lg);
8678
- --seed-box-max-width: var(--seed-box-max-width-base);
8679
- width: var(--seed-box-width, calc(.8 * 100vw));
8672
+ --seed-box-max-width-sm: var(--seed-box-max-width-base, initial);
8673
+ --seed-box-max-width-md: var(--seed-box-max-width-sm, initial);
8674
+ --seed-box-max-width-lg: var(--seed-box-max-width-md, initial);
8675
+ --seed-box-max-width-xl: var(--seed-box-max-width-lg, initial);
8676
+ --seed-box-max-width: var(--seed-box-max-width-base, initial);
8677
+ width: var(--seed-box-width);
8680
8678
  max-width: var(--seed-box-max-width);
8681
8679
  padding-bottom: var(--seed-safe-area-bottom);
8682
8680
  flex-direction: column;
@@ -8688,7 +8686,7 @@
8688
8686
 
8689
8687
  @media (width >= 768px) {
8690
8688
  .seed-side-panel__content {
8691
- width: var(--seed-box-width, var(--side-panel-size-width));
8689
+ --side-panel-default-width: var(--side-panel-size-width);
8692
8690
  }
8693
8691
  }
8694
8692
 
@@ -8780,7 +8778,7 @@
8780
8778
  }
8781
8779
 
8782
8780
  .seed-side-panel__header[data-show-close-button] {
8783
- padding-right: calc(var(--seed-dimension-x6) + 52px);
8781
+ padding-right: calc(24px + 22px + var(--seed-dimension-x1_5));
8784
8782
  }
8785
8783
 
8786
8784
  .seed-side-panel__title {
@@ -8802,30 +8800,31 @@
8802
8800
  }
8803
8801
 
8804
8802
  .seed-side-panel__body {
8803
+ box-sizing: border-box;
8805
8804
  --seed-box-padding-x-base: var(--seed-dimension-x6);
8806
- --seed-box-padding-x-sm: var(--seed-box-padding-x-base);
8807
- --seed-box-padding-x-md: var(--seed-box-padding-x-sm);
8808
- --seed-box-padding-x-lg: var(--seed-box-padding-x-md);
8809
- --seed-box-padding-x-xl: var(--seed-box-padding-x-lg);
8810
- --seed-box-padding-x: var(--seed-box-padding-x-base);
8811
- --seed-box-height-base: initial;
8812
- --seed-box-height-sm: var(--seed-box-height-base);
8813
- --seed-box-height-md: var(--seed-box-height-sm);
8814
- --seed-box-height-lg: var(--seed-box-height-md);
8815
- --seed-box-height-xl: var(--seed-box-height-lg);
8816
- --seed-box-height: var(--seed-box-height-base);
8817
- --seed-box-min-height-base: initial;
8818
- --seed-box-min-height-sm: var(--seed-box-min-height-base);
8819
- --seed-box-min-height-md: var(--seed-box-min-height-sm);
8820
- --seed-box-min-height-lg: var(--seed-box-min-height-md);
8821
- --seed-box-min-height-xl: var(--seed-box-min-height-lg);
8822
- --seed-box-min-height: var(--seed-box-min-height-base);
8823
- --seed-box-max-height-base: initial;
8824
- --seed-box-max-height-sm: var(--seed-box-max-height-base);
8825
- --seed-box-max-height-md: var(--seed-box-max-height-sm);
8826
- --seed-box-max-height-lg: var(--seed-box-max-height-md);
8827
- --seed-box-max-height-xl: var(--seed-box-max-height-lg);
8828
- --seed-box-max-height: var(--seed-box-max-height-base);
8805
+ --seed-box-padding-x-sm: var(--seed-box-padding-x-base, initial);
8806
+ --seed-box-padding-x-md: var(--seed-box-padding-x-sm, initial);
8807
+ --seed-box-padding-x-lg: var(--seed-box-padding-x-md, initial);
8808
+ --seed-box-padding-x-xl: var(--seed-box-padding-x-lg, initial);
8809
+ --seed-box-padding-x: var(--seed-box-padding-x-base, initial);
8810
+ --seed-box-height-base: auto;
8811
+ --seed-box-height-sm: var(--seed-box-height-base, initial);
8812
+ --seed-box-height-md: var(--seed-box-height-sm, initial);
8813
+ --seed-box-height-lg: var(--seed-box-height-md, initial);
8814
+ --seed-box-height-xl: var(--seed-box-height-lg, initial);
8815
+ --seed-box-height: var(--seed-box-height-base, initial);
8816
+ --seed-box-min-height-base: auto;
8817
+ --seed-box-min-height-sm: var(--seed-box-min-height-base, initial);
8818
+ --seed-box-min-height-md: var(--seed-box-min-height-sm, initial);
8819
+ --seed-box-min-height-lg: var(--seed-box-min-height-md, initial);
8820
+ --seed-box-min-height-xl: var(--seed-box-min-height-lg, initial);
8821
+ --seed-box-min-height: var(--seed-box-min-height-base, initial);
8822
+ --seed-box-max-height-base: none;
8823
+ --seed-box-max-height-sm: var(--seed-box-max-height-base, initial);
8824
+ --seed-box-max-height-md: var(--seed-box-max-height-sm, initial);
8825
+ --seed-box-max-height-lg: var(--seed-box-max-height-md, initial);
8826
+ --seed-box-max-height-xl: var(--seed-box-max-height-lg, initial);
8827
+ --seed-box-max-height: var(--seed-box-max-height-base, initial);
8829
8828
  --seed-box-justify-content: initial;
8830
8829
  --seed-box-align-items: initial;
8831
8830
  padding-left: var(--seed-box-padding-x);
@@ -8862,57 +8861,42 @@
8862
8861
  }
8863
8862
 
8864
8863
  .seed-side-panel__closeButton {
8864
+ background: var(--seed-color-bg-transparent);
8865
8865
  top: calc(28px + var(--seed-safe-area-top));
8866
8866
  border-radius: var(--seed-radius-r3);
8867
- background: var(--seed-color-bg-transparent);
8868
8867
  cursor: pointer;
8868
+ transition: background var(--seed-duration-color-transition) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
8869
8869
  --seed-icon-size: 22px;
8870
8870
  --seed-icon-color: var(--seed-color-fg-neutral-subtle);
8871
+ outline: var(--seed-dimension-x0_5) solid transparent;
8872
+ outline-offset: var(--seed-dimension-x0_5);
8871
8873
  border: none;
8872
8874
  justify-content: center;
8873
8875
  align-items: center;
8874
- width: 22px;
8875
- height: 22px;
8876
+ margin: -15px;
8877
+ padding: 15px;
8876
8878
  display: flex;
8877
8879
  position: absolute;
8878
8880
  right: 24px;
8879
8881
  }
8880
8882
 
8881
- .seed-side-panel__closeButton :where(.seed-icon) {
8882
- transition: color var(--seed-duration-color-transition) var(--seed-timing-function-easing);
8883
+ .seed-side-panel__closeButton:is(:focus-visible, [data-focus-visible]) {
8884
+ outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
8885
+ outline-offset: var(--seed-dimension-x0_5);
8883
8886
  }
8884
8887
 
8885
8888
  @media (hover: hover) and (pointer: fine) {
8886
8889
  .seed-side-panel__closeButton:is(:hover, [data-hover]) {
8887
- --seed-icon-color: var(--seed-color-fg-neutral);
8890
+ background: var(--seed-color-bg-transparent-pressed);
8888
8891
  }
8889
8892
  }
8890
8893
 
8891
8894
  @media not all and (hover: hover) and (pointer: fine) {
8892
8895
  .seed-side-panel__closeButton:is(:active, [data-active]) {
8893
- --seed-icon-color: var(--seed-color-fg-neutral);
8896
+ background: var(--seed-color-bg-transparent-pressed);
8894
8897
  }
8895
8898
  }
8896
8899
 
8897
- .seed-side-panel__closeButton:after {
8898
- content: "";
8899
- border-radius: var(--seed-radius-r3);
8900
- outline: var(--seed-dimension-x0_5) solid transparent;
8901
- outline-offset: calc(var(--seed-dimension-x0_5) * -1);
8902
- transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
8903
- position: absolute;
8904
- inset: -15px;
8905
- }
8906
-
8907
- .seed-side-panel__closeButton:is(:focus, [data-focus]) {
8908
- outline: none;
8909
- }
8910
-
8911
- .seed-side-panel__closeButton:is(:focus-visible, [data-focus-visible]):after {
8912
- outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
8913
- outline-offset: calc(var(--seed-dimension-x0_5) * -1);
8914
- }
8915
-
8916
8900
  .seed-side-panel__content--size_small {
8917
8901
  --side-panel-size-width: 480px;
8918
8902
  }
@@ -8927,18 +8911,18 @@
8927
8911
 
8928
8912
  .seed-skeleton {
8929
8913
  box-sizing: border-box;
8930
- --seed-box-width-base: initial;
8931
- --seed-box-width-sm: var(--seed-box-width-base);
8932
- --seed-box-width-md: var(--seed-box-width-sm);
8933
- --seed-box-width-lg: var(--seed-box-width-md);
8934
- --seed-box-width-xl: var(--seed-box-width-lg);
8935
- --seed-box-width: var(--seed-box-width-base);
8936
- --seed-box-height-base: initial;
8937
- --seed-box-height-sm: var(--seed-box-height-base);
8938
- --seed-box-height-md: var(--seed-box-height-sm);
8939
- --seed-box-height-lg: var(--seed-box-height-md);
8940
- --seed-box-height-xl: var(--seed-box-height-lg);
8941
- --seed-box-height: var(--seed-box-height-base);
8914
+ --seed-box-width-base: auto;
8915
+ --seed-box-width-sm: var(--seed-box-width-base, initial);
8916
+ --seed-box-width-md: var(--seed-box-width-sm, initial);
8917
+ --seed-box-width-lg: var(--seed-box-width-md, initial);
8918
+ --seed-box-width-xl: var(--seed-box-width-lg, initial);
8919
+ --seed-box-width: var(--seed-box-width-base, initial);
8920
+ --seed-box-height-base: auto;
8921
+ --seed-box-height-sm: var(--seed-box-height-base, initial);
8922
+ --seed-box-height-md: var(--seed-box-height-sm, initial);
8923
+ --seed-box-height-lg: var(--seed-box-height-md, initial);
8924
+ --seed-box-height-xl: var(--seed-box-height-lg, initial);
8925
+ --seed-box-height: var(--seed-box-height-base, initial);
8942
8926
  width: var(--seed-box-width);
8943
8927
  height: var(--seed-box-height);
8944
8928
  display: inline-block;
@@ -11400,340 +11384,340 @@
11400
11384
 
11401
11385
  @media (width >= 480px) {
11402
11386
  .seed-box {
11403
- --seed-box-padding: var(--seed-box-padding-sm);
11404
- --seed-box-padding-y: var(--seed-box-padding-y-sm);
11405
- --seed-box-padding-x: var(--seed-box-padding-x-sm);
11406
- --seed-box-padding-bottom: var(--seed-box-padding-bottom-sm);
11407
- --seed-box-padding-top: var(--seed-box-padding-top-sm);
11408
- --seed-box-padding-left: var(--seed-box-padding-left-sm);
11409
- --seed-box-padding-right: var(--seed-box-padding-right-sm);
11410
- --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-sm);
11411
- --seed-box-bleed-top: var(--seed-box-bleed-top-sm);
11412
- --seed-box-bleed-left: var(--seed-box-bleed-left-sm);
11413
- --seed-box-bleed-right: var(--seed-box-bleed-right-sm);
11414
- --seed-box-margin: var(--seed-box-margin-sm);
11415
- --seed-box-margin-y: var(--seed-box-margin-y-sm);
11416
- --seed-box-margin-x: var(--seed-box-margin-x-sm);
11417
- --seed-box-margin-top: var(--seed-box-margin-top-sm);
11418
- --seed-box-margin-bottom: var(--seed-box-margin-bottom-sm);
11419
- --seed-box-margin-left: var(--seed-box-margin-left-sm);
11420
- --seed-box-margin-right: var(--seed-box-margin-right-sm);
11421
- --seed-box-min-height: var(--seed-box-min-height-sm);
11422
- --seed-box-max-height: var(--seed-box-max-height-sm);
11423
- --seed-box-height: var(--seed-box-height-sm);
11424
- --seed-box-min-width: var(--seed-box-min-width-sm);
11425
- --seed-box-max-width: var(--seed-box-max-width-sm);
11426
- --seed-box-width: var(--seed-box-width-sm);
11427
- --seed-box-display: var(--seed-box-display-sm);
11428
- --seed-box-flex-direction: var(--seed-box-flex-direction-sm);
11429
- --seed-box-gap: var(--seed-box-gap-sm);
11387
+ --seed-box-padding: var(--seed-box-padding-sm, initial);
11388
+ --seed-box-padding-y: var(--seed-box-padding-y-sm, initial);
11389
+ --seed-box-padding-x: var(--seed-box-padding-x-sm, initial);
11390
+ --seed-box-padding-bottom: var(--seed-box-padding-bottom-sm, initial);
11391
+ --seed-box-padding-top: var(--seed-box-padding-top-sm, initial);
11392
+ --seed-box-padding-left: var(--seed-box-padding-left-sm, initial);
11393
+ --seed-box-padding-right: var(--seed-box-padding-right-sm, initial);
11394
+ --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-sm, initial);
11395
+ --seed-box-bleed-top: var(--seed-box-bleed-top-sm, initial);
11396
+ --seed-box-bleed-left: var(--seed-box-bleed-left-sm, initial);
11397
+ --seed-box-bleed-right: var(--seed-box-bleed-right-sm, initial);
11398
+ --seed-box-margin: var(--seed-box-margin-sm, initial);
11399
+ --seed-box-margin-y: var(--seed-box-margin-y-sm, initial);
11400
+ --seed-box-margin-x: var(--seed-box-margin-x-sm, initial);
11401
+ --seed-box-margin-top: var(--seed-box-margin-top-sm, initial);
11402
+ --seed-box-margin-bottom: var(--seed-box-margin-bottom-sm, initial);
11403
+ --seed-box-margin-left: var(--seed-box-margin-left-sm, initial);
11404
+ --seed-box-margin-right: var(--seed-box-margin-right-sm, initial);
11405
+ --seed-box-min-height: var(--seed-box-min-height-sm, initial);
11406
+ --seed-box-max-height: var(--seed-box-max-height-sm, initial);
11407
+ --seed-box-height: var(--seed-box-height-sm, initial);
11408
+ --seed-box-min-width: var(--seed-box-min-width-sm, initial);
11409
+ --seed-box-max-width: var(--seed-box-max-width-sm, initial);
11410
+ --seed-box-width: var(--seed-box-width-sm, initial);
11411
+ --seed-box-display: var(--seed-box-display-sm, initial);
11412
+ --seed-box-flex-direction: var(--seed-box-flex-direction-sm, initial);
11413
+ --seed-box-gap: var(--seed-box-gap-sm, initial);
11430
11414
  }
11431
11415
 
11432
11416
  .seed-grid {
11433
- --seed-grid-columns: var(--seed-grid-columns-sm);
11434
- --seed-grid-rows: var(--seed-grid-rows-sm);
11417
+ --seed-grid-columns: var(--seed-grid-columns-sm, initial);
11418
+ --seed-grid-rows: var(--seed-grid-rows-sm, initial);
11435
11419
  }
11436
11420
 
11437
11421
  .seed-action-button {
11438
- --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-sm);
11439
- --seed-box-bleed-top: var(--seed-box-bleed-top-sm);
11440
- --seed-box-bleed-left: var(--seed-box-bleed-left-sm);
11441
- --seed-box-bleed-right: var(--seed-box-bleed-right-sm);
11422
+ --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-sm, initial);
11423
+ --seed-box-bleed-top: var(--seed-box-bleed-top-sm, initial);
11424
+ --seed-box-bleed-left: var(--seed-box-bleed-left-sm, initial);
11425
+ --seed-box-bleed-right: var(--seed-box-bleed-right-sm, initial);
11442
11426
  }
11443
11427
 
11444
11428
  .seed-bottom-sheet__body {
11445
- --seed-box-padding-x: var(--seed-box-padding-x-sm);
11446
- --seed-box-height: var(--seed-box-height-sm);
11447
- --seed-box-min-height: var(--seed-box-min-height-sm);
11448
- --seed-box-max-height: var(--seed-box-max-height-sm);
11429
+ --seed-box-padding-x: var(--seed-box-padding-x-sm, initial);
11430
+ --seed-box-height: var(--seed-box-height-sm, initial);
11431
+ --seed-box-min-height: var(--seed-box-min-height-sm, initial);
11432
+ --seed-box-max-height: var(--seed-box-max-height-sm, initial);
11449
11433
  }
11450
11434
 
11451
11435
  .seed-help-bubble__content {
11452
- --seed-box-max-width: var(--seed-box-max-width-sm);
11436
+ --seed-box-max-width: var(--seed-box-max-width-sm, initial);
11453
11437
  }
11454
11438
 
11455
11439
  .seed-list-item__prefix {
11456
- --seed-box-padding-right: var(--seed-box-padding-right-sm);
11440
+ --seed-box-padding-right: var(--seed-box-padding-right-sm, initial);
11457
11441
  }
11458
11442
 
11459
11443
  .seed-list-item__suffix {
11460
- --seed-box-gap: var(--seed-box-gap-sm);
11444
+ --seed-box-gap: var(--seed-box-gap-sm, initial);
11461
11445
  }
11462
11446
 
11463
11447
  .seed-list-item__content {
11464
- --seed-box-gap: var(--seed-box-gap-sm);
11465
- --seed-box-padding-right: var(--seed-box-padding-right-sm);
11448
+ --seed-box-gap: var(--seed-box-gap-sm, initial);
11449
+ --seed-box-padding-right: var(--seed-box-padding-right-sm, initial);
11466
11450
  }
11467
11451
 
11468
11452
  .seed-side-panel__content {
11469
- --seed-box-width: var(--seed-box-width-sm);
11470
- --seed-box-max-width: var(--seed-box-max-width-sm);
11453
+ --seed-box-width: var(--seed-box-width-sm, initial);
11454
+ --seed-box-max-width: var(--seed-box-max-width-sm, initial);
11471
11455
  }
11472
11456
 
11473
11457
  .seed-side-panel__body {
11474
- --seed-box-padding-x: var(--seed-box-padding-x-sm);
11475
- --seed-box-height: var(--seed-box-height-sm);
11476
- --seed-box-min-height: var(--seed-box-min-height-sm);
11477
- --seed-box-max-height: var(--seed-box-max-height-sm);
11458
+ --seed-box-padding-x: var(--seed-box-padding-x-sm, initial);
11459
+ --seed-box-height: var(--seed-box-height-sm, initial);
11460
+ --seed-box-min-height: var(--seed-box-min-height-sm, initial);
11461
+ --seed-box-max-height: var(--seed-box-max-height-sm, initial);
11478
11462
  }
11479
11463
 
11480
11464
  .seed-skeleton {
11481
- --seed-box-width: var(--seed-box-width-sm);
11482
- --seed-box-height: var(--seed-box-height-sm);
11465
+ --seed-box-width: var(--seed-box-width-sm, initial);
11466
+ --seed-box-height: var(--seed-box-height-sm, initial);
11483
11467
  }
11484
11468
  }
11485
11469
 
11486
11470
  @media (width >= 768px) {
11487
11471
  .seed-box {
11488
- --seed-box-padding: var(--seed-box-padding-md);
11489
- --seed-box-padding-y: var(--seed-box-padding-y-md);
11490
- --seed-box-padding-x: var(--seed-box-padding-x-md);
11491
- --seed-box-padding-bottom: var(--seed-box-padding-bottom-md);
11492
- --seed-box-padding-top: var(--seed-box-padding-top-md);
11493
- --seed-box-padding-left: var(--seed-box-padding-left-md);
11494
- --seed-box-padding-right: var(--seed-box-padding-right-md);
11495
- --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-md);
11496
- --seed-box-bleed-top: var(--seed-box-bleed-top-md);
11497
- --seed-box-bleed-left: var(--seed-box-bleed-left-md);
11498
- --seed-box-bleed-right: var(--seed-box-bleed-right-md);
11499
- --seed-box-margin: var(--seed-box-margin-md);
11500
- --seed-box-margin-y: var(--seed-box-margin-y-md);
11501
- --seed-box-margin-x: var(--seed-box-margin-x-md);
11502
- --seed-box-margin-top: var(--seed-box-margin-top-md);
11503
- --seed-box-margin-bottom: var(--seed-box-margin-bottom-md);
11504
- --seed-box-margin-left: var(--seed-box-margin-left-md);
11505
- --seed-box-margin-right: var(--seed-box-margin-right-md);
11506
- --seed-box-min-height: var(--seed-box-min-height-md);
11507
- --seed-box-max-height: var(--seed-box-max-height-md);
11508
- --seed-box-height: var(--seed-box-height-md);
11509
- --seed-box-min-width: var(--seed-box-min-width-md);
11510
- --seed-box-max-width: var(--seed-box-max-width-md);
11511
- --seed-box-width: var(--seed-box-width-md);
11512
- --seed-box-display: var(--seed-box-display-md);
11513
- --seed-box-flex-direction: var(--seed-box-flex-direction-md);
11514
- --seed-box-gap: var(--seed-box-gap-md);
11472
+ --seed-box-padding: var(--seed-box-padding-md, initial);
11473
+ --seed-box-padding-y: var(--seed-box-padding-y-md, initial);
11474
+ --seed-box-padding-x: var(--seed-box-padding-x-md, initial);
11475
+ --seed-box-padding-bottom: var(--seed-box-padding-bottom-md, initial);
11476
+ --seed-box-padding-top: var(--seed-box-padding-top-md, initial);
11477
+ --seed-box-padding-left: var(--seed-box-padding-left-md, initial);
11478
+ --seed-box-padding-right: var(--seed-box-padding-right-md, initial);
11479
+ --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-md, initial);
11480
+ --seed-box-bleed-top: var(--seed-box-bleed-top-md, initial);
11481
+ --seed-box-bleed-left: var(--seed-box-bleed-left-md, initial);
11482
+ --seed-box-bleed-right: var(--seed-box-bleed-right-md, initial);
11483
+ --seed-box-margin: var(--seed-box-margin-md, initial);
11484
+ --seed-box-margin-y: var(--seed-box-margin-y-md, initial);
11485
+ --seed-box-margin-x: var(--seed-box-margin-x-md, initial);
11486
+ --seed-box-margin-top: var(--seed-box-margin-top-md, initial);
11487
+ --seed-box-margin-bottom: var(--seed-box-margin-bottom-md, initial);
11488
+ --seed-box-margin-left: var(--seed-box-margin-left-md, initial);
11489
+ --seed-box-margin-right: var(--seed-box-margin-right-md, initial);
11490
+ --seed-box-min-height: var(--seed-box-min-height-md, initial);
11491
+ --seed-box-max-height: var(--seed-box-max-height-md, initial);
11492
+ --seed-box-height: var(--seed-box-height-md, initial);
11493
+ --seed-box-min-width: var(--seed-box-min-width-md, initial);
11494
+ --seed-box-max-width: var(--seed-box-max-width-md, initial);
11495
+ --seed-box-width: var(--seed-box-width-md, initial);
11496
+ --seed-box-display: var(--seed-box-display-md, initial);
11497
+ --seed-box-flex-direction: var(--seed-box-flex-direction-md, initial);
11498
+ --seed-box-gap: var(--seed-box-gap-md, initial);
11515
11499
  }
11516
11500
 
11517
11501
  .seed-grid {
11518
- --seed-grid-columns: var(--seed-grid-columns-md);
11519
- --seed-grid-rows: var(--seed-grid-rows-md);
11502
+ --seed-grid-columns: var(--seed-grid-columns-md, initial);
11503
+ --seed-grid-rows: var(--seed-grid-rows-md, initial);
11520
11504
  }
11521
11505
 
11522
11506
  .seed-action-button {
11523
- --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-md);
11524
- --seed-box-bleed-top: var(--seed-box-bleed-top-md);
11525
- --seed-box-bleed-left: var(--seed-box-bleed-left-md);
11526
- --seed-box-bleed-right: var(--seed-box-bleed-right-md);
11507
+ --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-md, initial);
11508
+ --seed-box-bleed-top: var(--seed-box-bleed-top-md, initial);
11509
+ --seed-box-bleed-left: var(--seed-box-bleed-left-md, initial);
11510
+ --seed-box-bleed-right: var(--seed-box-bleed-right-md, initial);
11527
11511
  }
11528
11512
 
11529
11513
  .seed-bottom-sheet__body {
11530
- --seed-box-padding-x: var(--seed-box-padding-x-md);
11531
- --seed-box-height: var(--seed-box-height-md);
11532
- --seed-box-min-height: var(--seed-box-min-height-md);
11533
- --seed-box-max-height: var(--seed-box-max-height-md);
11514
+ --seed-box-padding-x: var(--seed-box-padding-x-md, initial);
11515
+ --seed-box-height: var(--seed-box-height-md, initial);
11516
+ --seed-box-min-height: var(--seed-box-min-height-md, initial);
11517
+ --seed-box-max-height: var(--seed-box-max-height-md, initial);
11534
11518
  }
11535
11519
 
11536
11520
  .seed-help-bubble__content {
11537
- --seed-box-max-width: var(--seed-box-max-width-md);
11521
+ --seed-box-max-width: var(--seed-box-max-width-md, initial);
11538
11522
  }
11539
11523
 
11540
11524
  .seed-list-item__prefix {
11541
- --seed-box-padding-right: var(--seed-box-padding-right-md);
11525
+ --seed-box-padding-right: var(--seed-box-padding-right-md, initial);
11542
11526
  }
11543
11527
 
11544
11528
  .seed-list-item__suffix {
11545
- --seed-box-gap: var(--seed-box-gap-md);
11529
+ --seed-box-gap: var(--seed-box-gap-md, initial);
11546
11530
  }
11547
11531
 
11548
11532
  .seed-list-item__content {
11549
- --seed-box-gap: var(--seed-box-gap-md);
11550
- --seed-box-padding-right: var(--seed-box-padding-right-md);
11533
+ --seed-box-gap: var(--seed-box-gap-md, initial);
11534
+ --seed-box-padding-right: var(--seed-box-padding-right-md, initial);
11551
11535
  }
11552
11536
 
11553
11537
  .seed-side-panel__content {
11554
- --seed-box-width: var(--seed-box-width-md);
11555
- --seed-box-max-width: var(--seed-box-max-width-md);
11538
+ --seed-box-width: var(--seed-box-width-md, initial);
11539
+ --seed-box-max-width: var(--seed-box-max-width-md, initial);
11556
11540
  }
11557
11541
 
11558
11542
  .seed-side-panel__body {
11559
- --seed-box-padding-x: var(--seed-box-padding-x-md);
11560
- --seed-box-height: var(--seed-box-height-md);
11561
- --seed-box-min-height: var(--seed-box-min-height-md);
11562
- --seed-box-max-height: var(--seed-box-max-height-md);
11543
+ --seed-box-padding-x: var(--seed-box-padding-x-md, initial);
11544
+ --seed-box-height: var(--seed-box-height-md, initial);
11545
+ --seed-box-min-height: var(--seed-box-min-height-md, initial);
11546
+ --seed-box-max-height: var(--seed-box-max-height-md, initial);
11563
11547
  }
11564
11548
 
11565
11549
  .seed-skeleton {
11566
- --seed-box-width: var(--seed-box-width-md);
11567
- --seed-box-height: var(--seed-box-height-md);
11550
+ --seed-box-width: var(--seed-box-width-md, initial);
11551
+ --seed-box-height: var(--seed-box-height-md, initial);
11568
11552
  }
11569
11553
  }
11570
11554
 
11571
11555
  @media (width >= 1280px) {
11572
11556
  .seed-box {
11573
- --seed-box-padding: var(--seed-box-padding-lg);
11574
- --seed-box-padding-y: var(--seed-box-padding-y-lg);
11575
- --seed-box-padding-x: var(--seed-box-padding-x-lg);
11576
- --seed-box-padding-bottom: var(--seed-box-padding-bottom-lg);
11577
- --seed-box-padding-top: var(--seed-box-padding-top-lg);
11578
- --seed-box-padding-left: var(--seed-box-padding-left-lg);
11579
- --seed-box-padding-right: var(--seed-box-padding-right-lg);
11580
- --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-lg);
11581
- --seed-box-bleed-top: var(--seed-box-bleed-top-lg);
11582
- --seed-box-bleed-left: var(--seed-box-bleed-left-lg);
11583
- --seed-box-bleed-right: var(--seed-box-bleed-right-lg);
11584
- --seed-box-margin: var(--seed-box-margin-lg);
11585
- --seed-box-margin-y: var(--seed-box-margin-y-lg);
11586
- --seed-box-margin-x: var(--seed-box-margin-x-lg);
11587
- --seed-box-margin-top: var(--seed-box-margin-top-lg);
11588
- --seed-box-margin-bottom: var(--seed-box-margin-bottom-lg);
11589
- --seed-box-margin-left: var(--seed-box-margin-left-lg);
11590
- --seed-box-margin-right: var(--seed-box-margin-right-lg);
11591
- --seed-box-min-height: var(--seed-box-min-height-lg);
11592
- --seed-box-max-height: var(--seed-box-max-height-lg);
11593
- --seed-box-height: var(--seed-box-height-lg);
11594
- --seed-box-min-width: var(--seed-box-min-width-lg);
11595
- --seed-box-max-width: var(--seed-box-max-width-lg);
11596
- --seed-box-width: var(--seed-box-width-lg);
11597
- --seed-box-display: var(--seed-box-display-lg);
11598
- --seed-box-flex-direction: var(--seed-box-flex-direction-lg);
11599
- --seed-box-gap: var(--seed-box-gap-lg);
11557
+ --seed-box-padding: var(--seed-box-padding-lg, initial);
11558
+ --seed-box-padding-y: var(--seed-box-padding-y-lg, initial);
11559
+ --seed-box-padding-x: var(--seed-box-padding-x-lg, initial);
11560
+ --seed-box-padding-bottom: var(--seed-box-padding-bottom-lg, initial);
11561
+ --seed-box-padding-top: var(--seed-box-padding-top-lg, initial);
11562
+ --seed-box-padding-left: var(--seed-box-padding-left-lg, initial);
11563
+ --seed-box-padding-right: var(--seed-box-padding-right-lg, initial);
11564
+ --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-lg, initial);
11565
+ --seed-box-bleed-top: var(--seed-box-bleed-top-lg, initial);
11566
+ --seed-box-bleed-left: var(--seed-box-bleed-left-lg, initial);
11567
+ --seed-box-bleed-right: var(--seed-box-bleed-right-lg, initial);
11568
+ --seed-box-margin: var(--seed-box-margin-lg, initial);
11569
+ --seed-box-margin-y: var(--seed-box-margin-y-lg, initial);
11570
+ --seed-box-margin-x: var(--seed-box-margin-x-lg, initial);
11571
+ --seed-box-margin-top: var(--seed-box-margin-top-lg, initial);
11572
+ --seed-box-margin-bottom: var(--seed-box-margin-bottom-lg, initial);
11573
+ --seed-box-margin-left: var(--seed-box-margin-left-lg, initial);
11574
+ --seed-box-margin-right: var(--seed-box-margin-right-lg, initial);
11575
+ --seed-box-min-height: var(--seed-box-min-height-lg, initial);
11576
+ --seed-box-max-height: var(--seed-box-max-height-lg, initial);
11577
+ --seed-box-height: var(--seed-box-height-lg, initial);
11578
+ --seed-box-min-width: var(--seed-box-min-width-lg, initial);
11579
+ --seed-box-max-width: var(--seed-box-max-width-lg, initial);
11580
+ --seed-box-width: var(--seed-box-width-lg, initial);
11581
+ --seed-box-display: var(--seed-box-display-lg, initial);
11582
+ --seed-box-flex-direction: var(--seed-box-flex-direction-lg, initial);
11583
+ --seed-box-gap: var(--seed-box-gap-lg, initial);
11600
11584
  }
11601
11585
 
11602
11586
  .seed-grid {
11603
- --seed-grid-columns: var(--seed-grid-columns-lg);
11604
- --seed-grid-rows: var(--seed-grid-rows-lg);
11587
+ --seed-grid-columns: var(--seed-grid-columns-lg, initial);
11588
+ --seed-grid-rows: var(--seed-grid-rows-lg, initial);
11605
11589
  }
11606
11590
 
11607
11591
  .seed-action-button {
11608
- --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-lg);
11609
- --seed-box-bleed-top: var(--seed-box-bleed-top-lg);
11610
- --seed-box-bleed-left: var(--seed-box-bleed-left-lg);
11611
- --seed-box-bleed-right: var(--seed-box-bleed-right-lg);
11592
+ --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-lg, initial);
11593
+ --seed-box-bleed-top: var(--seed-box-bleed-top-lg, initial);
11594
+ --seed-box-bleed-left: var(--seed-box-bleed-left-lg, initial);
11595
+ --seed-box-bleed-right: var(--seed-box-bleed-right-lg, initial);
11612
11596
  }
11613
11597
 
11614
11598
  .seed-bottom-sheet__body {
11615
- --seed-box-padding-x: var(--seed-box-padding-x-lg);
11616
- --seed-box-height: var(--seed-box-height-lg);
11617
- --seed-box-min-height: var(--seed-box-min-height-lg);
11618
- --seed-box-max-height: var(--seed-box-max-height-lg);
11599
+ --seed-box-padding-x: var(--seed-box-padding-x-lg, initial);
11600
+ --seed-box-height: var(--seed-box-height-lg, initial);
11601
+ --seed-box-min-height: var(--seed-box-min-height-lg, initial);
11602
+ --seed-box-max-height: var(--seed-box-max-height-lg, initial);
11619
11603
  }
11620
11604
 
11621
11605
  .seed-help-bubble__content {
11622
- --seed-box-max-width: var(--seed-box-max-width-lg);
11606
+ --seed-box-max-width: var(--seed-box-max-width-lg, initial);
11623
11607
  }
11624
11608
 
11625
11609
  .seed-list-item__prefix {
11626
- --seed-box-padding-right: var(--seed-box-padding-right-lg);
11610
+ --seed-box-padding-right: var(--seed-box-padding-right-lg, initial);
11627
11611
  }
11628
11612
 
11629
11613
  .seed-list-item__suffix {
11630
- --seed-box-gap: var(--seed-box-gap-lg);
11614
+ --seed-box-gap: var(--seed-box-gap-lg, initial);
11631
11615
  }
11632
11616
 
11633
11617
  .seed-list-item__content {
11634
- --seed-box-gap: var(--seed-box-gap-lg);
11635
- --seed-box-padding-right: var(--seed-box-padding-right-lg);
11618
+ --seed-box-gap: var(--seed-box-gap-lg, initial);
11619
+ --seed-box-padding-right: var(--seed-box-padding-right-lg, initial);
11636
11620
  }
11637
11621
 
11638
11622
  .seed-side-panel__content {
11639
- --seed-box-width: var(--seed-box-width-lg);
11640
- --seed-box-max-width: var(--seed-box-max-width-lg);
11623
+ --seed-box-width: var(--seed-box-width-lg, initial);
11624
+ --seed-box-max-width: var(--seed-box-max-width-lg, initial);
11641
11625
  }
11642
11626
 
11643
11627
  .seed-side-panel__body {
11644
- --seed-box-padding-x: var(--seed-box-padding-x-lg);
11645
- --seed-box-height: var(--seed-box-height-lg);
11646
- --seed-box-min-height: var(--seed-box-min-height-lg);
11647
- --seed-box-max-height: var(--seed-box-max-height-lg);
11628
+ --seed-box-padding-x: var(--seed-box-padding-x-lg, initial);
11629
+ --seed-box-height: var(--seed-box-height-lg, initial);
11630
+ --seed-box-min-height: var(--seed-box-min-height-lg, initial);
11631
+ --seed-box-max-height: var(--seed-box-max-height-lg, initial);
11648
11632
  }
11649
11633
 
11650
11634
  .seed-skeleton {
11651
- --seed-box-width: var(--seed-box-width-lg);
11652
- --seed-box-height: var(--seed-box-height-lg);
11635
+ --seed-box-width: var(--seed-box-width-lg, initial);
11636
+ --seed-box-height: var(--seed-box-height-lg, initial);
11653
11637
  }
11654
11638
  }
11655
11639
 
11656
11640
  @media (width >= 1440px) {
11657
11641
  .seed-box {
11658
- --seed-box-padding: var(--seed-box-padding-xl);
11659
- --seed-box-padding-y: var(--seed-box-padding-y-xl);
11660
- --seed-box-padding-x: var(--seed-box-padding-x-xl);
11661
- --seed-box-padding-bottom: var(--seed-box-padding-bottom-xl);
11662
- --seed-box-padding-top: var(--seed-box-padding-top-xl);
11663
- --seed-box-padding-left: var(--seed-box-padding-left-xl);
11664
- --seed-box-padding-right: var(--seed-box-padding-right-xl);
11665
- --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-xl);
11666
- --seed-box-bleed-top: var(--seed-box-bleed-top-xl);
11667
- --seed-box-bleed-left: var(--seed-box-bleed-left-xl);
11668
- --seed-box-bleed-right: var(--seed-box-bleed-right-xl);
11669
- --seed-box-margin: var(--seed-box-margin-xl);
11670
- --seed-box-margin-y: var(--seed-box-margin-y-xl);
11671
- --seed-box-margin-x: var(--seed-box-margin-x-xl);
11672
- --seed-box-margin-top: var(--seed-box-margin-top-xl);
11673
- --seed-box-margin-bottom: var(--seed-box-margin-bottom-xl);
11674
- --seed-box-margin-left: var(--seed-box-margin-left-xl);
11675
- --seed-box-margin-right: var(--seed-box-margin-right-xl);
11676
- --seed-box-min-height: var(--seed-box-min-height-xl);
11677
- --seed-box-max-height: var(--seed-box-max-height-xl);
11678
- --seed-box-height: var(--seed-box-height-xl);
11679
- --seed-box-min-width: var(--seed-box-min-width-xl);
11680
- --seed-box-max-width: var(--seed-box-max-width-xl);
11681
- --seed-box-width: var(--seed-box-width-xl);
11682
- --seed-box-display: var(--seed-box-display-xl);
11683
- --seed-box-flex-direction: var(--seed-box-flex-direction-xl);
11684
- --seed-box-gap: var(--seed-box-gap-xl);
11642
+ --seed-box-padding: var(--seed-box-padding-xl, initial);
11643
+ --seed-box-padding-y: var(--seed-box-padding-y-xl, initial);
11644
+ --seed-box-padding-x: var(--seed-box-padding-x-xl, initial);
11645
+ --seed-box-padding-bottom: var(--seed-box-padding-bottom-xl, initial);
11646
+ --seed-box-padding-top: var(--seed-box-padding-top-xl, initial);
11647
+ --seed-box-padding-left: var(--seed-box-padding-left-xl, initial);
11648
+ --seed-box-padding-right: var(--seed-box-padding-right-xl, initial);
11649
+ --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-xl, initial);
11650
+ --seed-box-bleed-top: var(--seed-box-bleed-top-xl, initial);
11651
+ --seed-box-bleed-left: var(--seed-box-bleed-left-xl, initial);
11652
+ --seed-box-bleed-right: var(--seed-box-bleed-right-xl, initial);
11653
+ --seed-box-margin: var(--seed-box-margin-xl, initial);
11654
+ --seed-box-margin-y: var(--seed-box-margin-y-xl, initial);
11655
+ --seed-box-margin-x: var(--seed-box-margin-x-xl, initial);
11656
+ --seed-box-margin-top: var(--seed-box-margin-top-xl, initial);
11657
+ --seed-box-margin-bottom: var(--seed-box-margin-bottom-xl, initial);
11658
+ --seed-box-margin-left: var(--seed-box-margin-left-xl, initial);
11659
+ --seed-box-margin-right: var(--seed-box-margin-right-xl, initial);
11660
+ --seed-box-min-height: var(--seed-box-min-height-xl, initial);
11661
+ --seed-box-max-height: var(--seed-box-max-height-xl, initial);
11662
+ --seed-box-height: var(--seed-box-height-xl, initial);
11663
+ --seed-box-min-width: var(--seed-box-min-width-xl, initial);
11664
+ --seed-box-max-width: var(--seed-box-max-width-xl, initial);
11665
+ --seed-box-width: var(--seed-box-width-xl, initial);
11666
+ --seed-box-display: var(--seed-box-display-xl, initial);
11667
+ --seed-box-flex-direction: var(--seed-box-flex-direction-xl, initial);
11668
+ --seed-box-gap: var(--seed-box-gap-xl, initial);
11685
11669
  }
11686
11670
 
11687
11671
  .seed-grid {
11688
- --seed-grid-columns: var(--seed-grid-columns-xl);
11689
- --seed-grid-rows: var(--seed-grid-rows-xl);
11672
+ --seed-grid-columns: var(--seed-grid-columns-xl, initial);
11673
+ --seed-grid-rows: var(--seed-grid-rows-xl, initial);
11690
11674
  }
11691
11675
 
11692
11676
  .seed-action-button {
11693
- --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-xl);
11694
- --seed-box-bleed-top: var(--seed-box-bleed-top-xl);
11695
- --seed-box-bleed-left: var(--seed-box-bleed-left-xl);
11696
- --seed-box-bleed-right: var(--seed-box-bleed-right-xl);
11677
+ --seed-box-bleed-bottom: var(--seed-box-bleed-bottom-xl, initial);
11678
+ --seed-box-bleed-top: var(--seed-box-bleed-top-xl, initial);
11679
+ --seed-box-bleed-left: var(--seed-box-bleed-left-xl, initial);
11680
+ --seed-box-bleed-right: var(--seed-box-bleed-right-xl, initial);
11697
11681
  }
11698
11682
 
11699
11683
  .seed-bottom-sheet__body {
11700
- --seed-box-padding-x: var(--seed-box-padding-x-xl);
11701
- --seed-box-height: var(--seed-box-height-xl);
11702
- --seed-box-min-height: var(--seed-box-min-height-xl);
11703
- --seed-box-max-height: var(--seed-box-max-height-xl);
11684
+ --seed-box-padding-x: var(--seed-box-padding-x-xl, initial);
11685
+ --seed-box-height: var(--seed-box-height-xl, initial);
11686
+ --seed-box-min-height: var(--seed-box-min-height-xl, initial);
11687
+ --seed-box-max-height: var(--seed-box-max-height-xl, initial);
11704
11688
  }
11705
11689
 
11706
11690
  .seed-help-bubble__content {
11707
- --seed-box-max-width: var(--seed-box-max-width-xl);
11691
+ --seed-box-max-width: var(--seed-box-max-width-xl, initial);
11708
11692
  }
11709
11693
 
11710
11694
  .seed-list-item__prefix {
11711
- --seed-box-padding-right: var(--seed-box-padding-right-xl);
11695
+ --seed-box-padding-right: var(--seed-box-padding-right-xl, initial);
11712
11696
  }
11713
11697
 
11714
11698
  .seed-list-item__suffix {
11715
- --seed-box-gap: var(--seed-box-gap-xl);
11699
+ --seed-box-gap: var(--seed-box-gap-xl, initial);
11716
11700
  }
11717
11701
 
11718
11702
  .seed-list-item__content {
11719
- --seed-box-gap: var(--seed-box-gap-xl);
11720
- --seed-box-padding-right: var(--seed-box-padding-right-xl);
11703
+ --seed-box-gap: var(--seed-box-gap-xl, initial);
11704
+ --seed-box-padding-right: var(--seed-box-padding-right-xl, initial);
11721
11705
  }
11722
11706
 
11723
11707
  .seed-side-panel__content {
11724
- --seed-box-width: var(--seed-box-width-xl);
11725
- --seed-box-max-width: var(--seed-box-max-width-xl);
11708
+ --seed-box-width: var(--seed-box-width-xl, initial);
11709
+ --seed-box-max-width: var(--seed-box-max-width-xl, initial);
11726
11710
  }
11727
11711
 
11728
11712
  .seed-side-panel__body {
11729
- --seed-box-padding-x: var(--seed-box-padding-x-xl);
11730
- --seed-box-height: var(--seed-box-height-xl);
11731
- --seed-box-min-height: var(--seed-box-min-height-xl);
11732
- --seed-box-max-height: var(--seed-box-max-height-xl);
11713
+ --seed-box-padding-x: var(--seed-box-padding-x-xl, initial);
11714
+ --seed-box-height: var(--seed-box-height-xl, initial);
11715
+ --seed-box-min-height: var(--seed-box-min-height-xl, initial);
11716
+ --seed-box-max-height: var(--seed-box-max-height-xl, initial);
11733
11717
  }
11734
11718
 
11735
11719
  .seed-skeleton {
11736
- --seed-box-width: var(--seed-box-width-xl);
11737
- --seed-box-height: var(--seed-box-height-xl);
11720
+ --seed-box-width: var(--seed-box-width-xl, initial);
11721
+ --seed-box-height: var(--seed-box-height-xl, initial);
11738
11722
  }
11739
11723
  }