@jpmorganchase/mosaic-theme 0.1.0-beta.19 → 0.1.0-beta.21

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 (196) hide show
  1. package/dist/AddDocument.js +4 -2
  2. package/dist/AddDocumentSolid.js +3 -1
  3. package/dist/ArrowDown.js +1 -1
  4. package/dist/ArrowLeft.js +1 -1
  5. package/dist/ArrowRight.js +1 -1
  6. package/dist/ArrowUp.js +1 -1
  7. package/dist/Attach.js +1 -1
  8. package/dist/BarChart.js +1 -1
  9. package/dist/Building.js +2 -2
  10. package/dist/Chat.js +3 -1
  11. package/dist/ChatSolid.js +1 -1
  12. package/dist/Csv.js +12 -5
  13. package/dist/CsvSolid.js +4 -4
  14. package/dist/Dashboard.js +4 -2
  15. package/dist/DashboardSolid.js +4 -2
  16. package/dist/Delete.js +4 -2
  17. package/dist/DeleteSolid.js +3 -1
  18. package/dist/Document.js +3 -1
  19. package/dist/DocumentSolid.js +3 -1
  20. package/dist/DoubleChevronLeft.js +2 -2
  21. package/dist/DoubleChevronRight.js +2 -2
  22. package/dist/DoubleChevronUp.js +2 -2
  23. package/dist/Edit.js +7 -2
  24. package/dist/EditSolid.js +1 -1
  25. package/dist/Expand.js +1 -1
  26. package/dist/Export.js +2 -2
  27. package/dist/ExportSolid.js +3 -1
  28. package/dist/Flag.js +1 -1
  29. package/dist/FlagSolid.js +1 -1
  30. package/dist/GuideClosed.js +4 -2
  31. package/dist/GuideClosedSolid.js +1 -1
  32. package/dist/GuideOpen.js +4 -2
  33. package/dist/Hidden.js +3 -1
  34. package/dist/Home.js +3 -1
  35. package/dist/HomeSolid.js +1 -1
  36. package/dist/Image.js +4 -4
  37. package/dist/ImageSolid.js +1 -1
  38. package/dist/Import.js +2 -2
  39. package/dist/ImportSolid.js +3 -1
  40. package/dist/Key.js +1 -1
  41. package/dist/Linked.js +2 -2
  42. package/dist/List.js +1 -1
  43. package/dist/Loader.js +1 -1
  44. package/dist/Menu.js +1 -1
  45. package/dist/Message.js +3 -1
  46. package/dist/MessageSolid.js +3 -1
  47. package/dist/MicroMenu.js +1 -1
  48. package/dist/Minimize.js +1 -1
  49. package/dist/MoveAll.js +1 -1
  50. package/dist/MoveHorizontal.js +1 -1
  51. package/dist/MoveVertical.js +1 -1
  52. package/dist/Note.js +3 -1
  53. package/dist/NoteSolid.js +3 -1
  54. package/dist/Notification.js +1 -1
  55. package/dist/NotificationSolid.js +1 -1
  56. package/dist/Paste.js +4 -2
  57. package/dist/PasteSolid.js +2 -2
  58. package/dist/Pause.js +1 -1
  59. package/dist/PauseSolid.js +1 -1
  60. package/dist/Pdf.js +12 -5
  61. package/dist/PdfSolid.js +7 -2
  62. package/dist/Pin.js +3 -1
  63. package/dist/PinSolid.js +1 -1
  64. package/dist/Play.js +3 -1
  65. package/dist/PlaySolid.js +3 -1
  66. package/dist/Presentation.js +4 -2
  67. package/dist/PresentationSolid.js +3 -1
  68. package/dist/PriceLadder.js +3 -1
  69. package/dist/Protection.js +3 -1
  70. package/dist/ProtectionSolid.js +3 -1
  71. package/dist/Redo.js +1 -1
  72. package/dist/Remove.js +1 -1
  73. package/dist/RemoveDocument.js +4 -2
  74. package/dist/RemoveDocumentSolid.js +3 -1
  75. package/dist/RunReport.js +4 -2
  76. package/dist/RunReportSolid.js +1 -1
  77. package/dist/ScheduleTime.js +6 -2
  78. package/dist/ScheduleTimeSolid.js +2 -2
  79. package/dist/Search.js +3 -1
  80. package/dist/SearchSolid.js +18 -0
  81. package/dist/Send.js +3 -1
  82. package/dist/SendSolid.js +16 -0
  83. package/dist/Settings.js +6 -2
  84. package/dist/SettingsSolid.js +3 -1
  85. package/dist/Stackoverflow.js +2 -2
  86. package/dist/Storage.js +4 -2
  87. package/dist/StorageSolid.js +12 -5
  88. package/dist/Sum.js +3 -1
  89. package/dist/SumSolid.js +1 -1
  90. package/dist/Symphony.js +1 -1
  91. package/dist/Tree.js +3 -1
  92. package/dist/TreeSolid.js +1 -1
  93. package/dist/TriangleDown.js +1 -1
  94. package/dist/TriangleLeft.js +1 -1
  95. package/dist/TriangleRight.js +1 -1
  96. package/dist/TriangleRightDown.js +1 -1
  97. package/dist/TriangleUp.js +1 -1
  98. package/dist/Undo.js +1 -1
  99. package/dist/Unlinked.js +1 -1
  100. package/dist/UserAdmin.js +3 -1
  101. package/dist/UserAdminSolid.js +3 -1
  102. package/dist/UserGroup.js +3 -1
  103. package/dist/UserGroupSolid.js +2 -2
  104. package/dist/Visible.js +6 -2
  105. package/dist/VisibleSolid.js +4 -2
  106. package/dist/VolumeUp.js +4 -2
  107. package/dist/Xls.js +12 -5
  108. package/dist/XlsSolid.js +2 -2
  109. package/dist/Zip.js +17 -5
  110. package/dist/ZipSolid.js +6 -1
  111. package/dist/animation/animation.css.d.ts +10 -0
  112. package/dist/animation/index.css +1 -0
  113. package/dist/animation/index.d.ts +1 -0
  114. package/dist/animation/index.js +1 -0
  115. package/dist/blockquote/index.css +1 -1
  116. package/dist/blockquote/index.js +1 -1
  117. package/dist/border/index.css +1 -1
  118. package/dist/border/index.js +1 -1
  119. package/dist/button/index.css +1 -1
  120. package/dist/button/index.js +1 -1
  121. package/dist/{chunk-S3VJO6ST.js → chunk-3VOC6GJH.js} +1 -1
  122. package/dist/{chunk-7K37MWOQ.js → chunk-DT45M4QN.js} +1 -1
  123. package/dist/chunk-FD6AHGGX.js +1 -0
  124. package/dist/{chunk-EXXRPW3V.js → chunk-GUI7K3VX.js} +1 -1
  125. package/dist/{chunk-J4SXORS6.js → chunk-H644ZXHA.js} +1 -1
  126. package/dist/{chunk-JVFY5UIP.js → chunk-HSWNHIQS.js} +1 -1
  127. package/dist/chunk-MD2FKALX.js +1 -0
  128. package/dist/{chunk-KJJPGYSJ.js → chunk-QQXC6JAX.js} +1 -1
  129. package/dist/chunk-QT4X4IHL.js +1 -0
  130. package/dist/chunk-RI6HXUD3.js +1 -0
  131. package/dist/{chunk-5OS4CYXP.js → chunk-RVBWKMDM.js} +1 -1
  132. package/dist/chunk-RYR5SMR2.js +1 -0
  133. package/dist/{chunk-Q6RRGFVJ.js → chunk-TGMKMXOG.js} +1 -1
  134. package/dist/{chunk-Q2EUZS3Z.js → chunk-ZCFHPHV6.js} +1 -1
  135. package/dist/color/actionable.css.d.ts +3 -3
  136. package/dist/color/beforeElement.css.d.ts +1 -1
  137. package/dist/color/brand.css.d.ts +1 -1
  138. package/dist/color/callout.css.d.ts +1 -1
  139. package/dist/color/index.css +1 -1
  140. package/dist/color/index.js +1 -1
  141. package/dist/color/navigable.css.d.ts +1 -1
  142. package/dist/color/selectable.css.d.ts +1 -1
  143. package/dist/color/status.css.d.ts +1 -1
  144. package/dist/componentExample/index.css +1 -1
  145. package/dist/componentExample/index.js +1 -1
  146. package/dist/feature/index.css +1 -1
  147. package/dist/feature/index.js +1 -1
  148. package/dist/grid/index.css +1 -1
  149. package/dist/grid/index.js +1 -1
  150. package/dist/hero/index.css +1 -1
  151. package/dist/icon/index.css +1 -1
  152. package/dist/icon/index.js +1 -1
  153. package/dist/impact/index.css +1 -1
  154. package/dist/index.css +1 -1
  155. package/dist/index.d.ts +2 -0
  156. package/dist/index.js +1 -1
  157. package/dist/link/index.css +1 -1
  158. package/dist/link/index.js +1 -1
  159. package/dist/list/index.css +1 -1
  160. package/dist/list/index.js +1 -1
  161. package/dist/opacity/index.css +1 -1
  162. package/dist/opacity/index.js +1 -1
  163. package/dist/responsive/index.css +1 -1
  164. package/dist/responsive/index.d.ts +0 -1
  165. package/dist/responsive/index.js +1 -1
  166. package/dist/salt/index.css +1 -1
  167. package/dist/salt/index.js +1 -1
  168. package/dist/salt/salt.css.d.ts +1 -6
  169. package/dist/shadow/index.css +1 -1
  170. package/dist/shadow/index.js +1 -1
  171. package/dist/sidebar/index.css +1 -0
  172. package/dist/sidebar/index.d.ts +1 -0
  173. package/dist/sidebar/index.js +1 -0
  174. package/dist/sidebar/sidebar.css.d.ts +108 -0
  175. package/dist/story/index.css +1 -1
  176. package/dist/story/index.js +1 -1
  177. package/dist/table/index.css +1 -1
  178. package/dist/table/index.js +1 -1
  179. package/dist/thematicBreak/index.css +1 -1
  180. package/dist/thematicBreak/index.js +1 -1
  181. package/dist/typography/action.css.d.ts +1 -1
  182. package/dist/typography/amount.css.d.ts +1 -1
  183. package/dist/typography/caption.css.d.ts +1 -1
  184. package/dist/typography/eyebrow.css.d.ts +1 -1
  185. package/dist/typography/heading.css.d.ts +1 -1
  186. package/dist/typography/index.css +1 -1
  187. package/dist/typography/index.js +1 -1
  188. package/dist/typography/paragraph.css.d.ts +1 -1
  189. package/dist/typography/subtitle.css.d.ts +1 -1
  190. package/dist/typography/watermark.css.d.ts +1 -1
  191. package/package.json +1 -1
  192. package/dist/chunk-7QU4VXT6.js +0 -0
  193. package/dist/chunk-AHNO4XOW.js +0 -6
  194. package/dist/chunk-WWPES6WD.js +0 -1
  195. package/dist/chunk-XDKPHNDO.js +0 -1
  196. package/dist/responsive/sidebars.css.d.ts +0 -582
package/dist/responsive/sidebars.css.d.ts DELETED
@@ -1,582 +0,0 @@
1
- import { RecipeVariants } from '@vanilla-extract/recipes';
2
- export declare const sidebarProperties: {
3
- conditions: {
4
- defaultCondition: "mobile";
5
- conditionNames: ("mobile" | "tablet" | "web" | "desktop")[];
6
- responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
7
- length: 4;
8
- };
9
- };
10
- styles: {
11
- display: {
12
- responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
13
- length: 4;
14
- };
15
- values: {
16
- none: {
17
- defaultClass: string;
18
- conditions: {
19
- mobile: string;
20
- tablet: string;
21
- web: string;
22
- desktop: string;
23
- };
24
- };
25
- block: {
26
- defaultClass: string;
27
- conditions: {
28
- mobile: string;
29
- tablet: string;
30
- web: string;
31
- desktop: string;
32
- };
33
- };
34
- };
35
- };
36
- width: {
37
- responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
38
- length: 4;
39
- };
40
- values: {
41
- auto: {
42
- defaultClass: string;
43
- conditions: {
44
- mobile: string;
45
- tablet: string;
46
- web: string;
47
- desktop: string;
48
- };
49
- };
50
- anchor: {
51
- defaultClass: string;
52
- conditions: {
53
- mobile: string;
54
- tablet: string;
55
- web: string;
56
- desktop: string;
57
- };
58
- };
59
- none: {
60
- defaultClass: string;
61
- conditions: {
62
- mobile: string;
63
- tablet: string;
64
- web: string;
65
- desktop: string;
66
- };
67
- };
68
- x2: {
69
- defaultClass: string;
70
- conditions: {
71
- mobile: string;
72
- tablet: string;
73
- web: string;
74
- desktop: string;
75
- };
76
- };
77
- gutter: {
78
- defaultClass: string;
79
- conditions: {
80
- mobile: string;
81
- tablet: string;
82
- web: string;
83
- desktop: string;
84
- };
85
- };
86
- x1: {
87
- defaultClass: string;
88
- conditions: {
89
- mobile: string;
90
- tablet: string;
91
- web: string;
92
- desktop: string;
93
- };
94
- };
95
- x3: {
96
- defaultClass: string;
97
- conditions: {
98
- mobile: string;
99
- tablet: string;
100
- web: string;
101
- desktop: string;
102
- };
103
- };
104
- x4: {
105
- defaultClass: string;
106
- conditions: {
107
- mobile: string;
108
- tablet: string;
109
- web: string;
110
- desktop: string;
111
- };
112
- };
113
- x6: {
114
- defaultClass: string;
115
- conditions: {
116
- mobile: string;
117
- tablet: string;
118
- web: string;
119
- desktop: string;
120
- };
121
- };
122
- x8: {
123
- defaultClass: string;
124
- conditions: {
125
- mobile: string;
126
- tablet: string;
127
- web: string;
128
- desktop: string;
129
- };
130
- };
131
- x10: {
132
- defaultClass: string;
133
- conditions: {
134
- mobile: string;
135
- tablet: string;
136
- web: string;
137
- desktop: string;
138
- };
139
- };
140
- x12: {
141
- defaultClass: string;
142
- conditions: {
143
- mobile: string;
144
- tablet: string;
145
- web: string;
146
- desktop: string;
147
- };
148
- };
149
- x13: {
150
- defaultClass: string;
151
- conditions: {
152
- mobile: string;
153
- tablet: string;
154
- web: string;
155
- desktop: string;
156
- };
157
- };
158
- x15: {
159
- defaultClass: string;
160
- conditions: {
161
- mobile: string;
162
- tablet: string;
163
- web: string;
164
- desktop: string;
165
- };
166
- };
167
- x20: {
168
- defaultClass: string;
169
- conditions: {
170
- mobile: string;
171
- tablet: string;
172
- web: string;
173
- desktop: string;
174
- };
175
- };
176
- x25: {
177
- defaultClass: string;
178
- conditions: {
179
- mobile: string;
180
- tablet: string;
181
- web: string;
182
- desktop: string;
183
- };
184
- };
185
- x30: {
186
- defaultClass: string;
187
- conditions: {
188
- mobile: string;
189
- tablet: string;
190
- web: string;
191
- desktop: string;
192
- };
193
- };
194
- wide: {
195
- defaultClass: string;
196
- conditions: {
197
- mobile: string;
198
- tablet: string;
199
- web: string;
200
- desktop: string;
201
- };
202
- };
203
- narrow: {
204
- defaultClass: string;
205
- conditions: {
206
- mobile: string;
207
- tablet: string;
208
- web: string;
209
- desktop: string;
210
- };
211
- };
212
- drawer: {
213
- defaultClass: string;
214
- conditions: {
215
- mobile: string;
216
- tablet: string;
217
- web: string;
218
- desktop: string;
219
- };
220
- };
221
- };
222
- };
223
- marginRight: {
224
- responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
225
- length: 4;
226
- };
227
- values: {
228
- auto: {
229
- defaultClass: string;
230
- conditions: {
231
- mobile: string;
232
- tablet: string;
233
- web: string;
234
- desktop: string;
235
- };
236
- };
237
- anchor: {
238
- defaultClass: string;
239
- conditions: {
240
- mobile: string;
241
- tablet: string;
242
- web: string;
243
- desktop: string;
244
- };
245
- };
246
- none: {
247
- defaultClass: string;
248
- conditions: {
249
- mobile: string;
250
- tablet: string;
251
- web: string;
252
- desktop: string;
253
- };
254
- };
255
- x2: {
256
- defaultClass: string;
257
- conditions: {
258
- mobile: string;
259
- tablet: string;
260
- web: string;
261
- desktop: string;
262
- };
263
- };
264
- gutter: {
265
- defaultClass: string;
266
- conditions: {
267
- mobile: string;
268
- tablet: string;
269
- web: string;
270
- desktop: string;
271
- };
272
- };
273
- x1: {
274
- defaultClass: string;
275
- conditions: {
276
- mobile: string;
277
- tablet: string;
278
- web: string;
279
- desktop: string;
280
- };
281
- };
282
- x3: {
283
- defaultClass: string;
284
- conditions: {
285
- mobile: string;
286
- tablet: string;
287
- web: string;
288
- desktop: string;
289
- };
290
- };
291
- x4: {
292
- defaultClass: string;
293
- conditions: {
294
- mobile: string;
295
- tablet: string;
296
- web: string;
297
- desktop: string;
298
- };
299
- };
300
- x6: {
301
- defaultClass: string;
302
- conditions: {
303
- mobile: string;
304
- tablet: string;
305
- web: string;
306
- desktop: string;
307
- };
308
- };
309
- x8: {
310
- defaultClass: string;
311
- conditions: {
312
- mobile: string;
313
- tablet: string;
314
- web: string;
315
- desktop: string;
316
- };
317
- };
318
- x10: {
319
- defaultClass: string;
320
- conditions: {
321
- mobile: string;
322
- tablet: string;
323
- web: string;
324
- desktop: string;
325
- };
326
- };
327
- x12: {
328
- defaultClass: string;
329
- conditions: {
330
- mobile: string;
331
- tablet: string;
332
- web: string;
333
- desktop: string;
334
- };
335
- };
336
- x13: {
337
- defaultClass: string;
338
- conditions: {
339
- mobile: string;
340
- tablet: string;
341
- web: string;
342
- desktop: string;
343
- };
344
- };
345
- x15: {
346
- defaultClass: string;
347
- conditions: {
348
- mobile: string;
349
- tablet: string;
350
- web: string;
351
- desktop: string;
352
- };
353
- };
354
- x20: {
355
- defaultClass: string;
356
- conditions: {
357
- mobile: string;
358
- tablet: string;
359
- web: string;
360
- desktop: string;
361
- };
362
- };
363
- x25: {
364
- defaultClass: string;
365
- conditions: {
366
- mobile: string;
367
- tablet: string;
368
- web: string;
369
- desktop: string;
370
- };
371
- };
372
- x30: {
373
- defaultClass: string;
374
- conditions: {
375
- mobile: string;
376
- tablet: string;
377
- web: string;
378
- desktop: string;
379
- };
380
- };
381
- };
382
- };
383
- marginLeft: {
384
- responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
385
- length: 4;
386
- };
387
- values: {
388
- auto: {
389
- defaultClass: string;
390
- conditions: {
391
- mobile: string;
392
- tablet: string;
393
- web: string;
394
- desktop: string;
395
- };
396
- };
397
- anchor: {
398
- defaultClass: string;
399
- conditions: {
400
- mobile: string;
401
- tablet: string;
402
- web: string;
403
- desktop: string;
404
- };
405
- };
406
- none: {
407
- defaultClass: string;
408
- conditions: {
409
- mobile: string;
410
- tablet: string;
411
- web: string;
412
- desktop: string;
413
- };
414
- };
415
- x2: {
416
- defaultClass: string;
417
- conditions: {
418
- mobile: string;
419
- tablet: string;
420
- web: string;
421
- desktop: string;
422
- };
423
- };
424
- gutter: {
425
- defaultClass: string;
426
- conditions: {
427
- mobile: string;
428
- tablet: string;
429
- web: string;
430
- desktop: string;
431
- };
432
- };
433
- x1: {
434
- defaultClass: string;
435
- conditions: {
436
- mobile: string;
437
- tablet: string;
438
- web: string;
439
- desktop: string;
440
- };
441
- };
442
- x3: {
443
- defaultClass: string;
444
- conditions: {
445
- mobile: string;
446
- tablet: string;
447
- web: string;
448
- desktop: string;
449
- };
450
- };
451
- x4: {
452
- defaultClass: string;
453
- conditions: {
454
- mobile: string;
455
- tablet: string;
456
- web: string;
457
- desktop: string;
458
- };
459
- };
460
- x6: {
461
- defaultClass: string;
462
- conditions: {
463
- mobile: string;
464
- tablet: string;
465
- web: string;
466
- desktop: string;
467
- };
468
- };
469
- x8: {
470
- defaultClass: string;
471
- conditions: {
472
- mobile: string;
473
- tablet: string;
474
- web: string;
475
- desktop: string;
476
- };
477
- };
478
- x10: {
479
- defaultClass: string;
480
- conditions: {
481
- mobile: string;
482
- tablet: string;
483
- web: string;
484
- desktop: string;
485
- };
486
- };
487
- x12: {
488
- defaultClass: string;
489
- conditions: {
490
- mobile: string;
491
- tablet: string;
492
- web: string;
493
- desktop: string;
494
- };
495
- };
496
- x13: {
497
- defaultClass: string;
498
- conditions: {
499
- mobile: string;
500
- tablet: string;
501
- web: string;
502
- desktop: string;
503
- };
504
- };
505
- x15: {
506
- defaultClass: string;
507
- conditions: {
508
- mobile: string;
509
- tablet: string;
510
- web: string;
511
- desktop: string;
512
- };
513
- };
514
- x20: {
515
- defaultClass: string;
516
- conditions: {
517
- mobile: string;
518
- tablet: string;
519
- web: string;
520
- desktop: string;
521
- };
522
- };
523
- x25: {
524
- defaultClass: string;
525
- conditions: {
526
- mobile: string;
527
- tablet: string;
528
- web: string;
529
- desktop: string;
530
- };
531
- };
532
- x30: {
533
- defaultClass: string;
534
- conditions: {
535
- mobile: string;
536
- tablet: string;
537
- web: string;
538
- desktop: string;
539
- };
540
- };
541
- };
542
- };
543
- };
544
- };
545
- export declare const sidebarSprinkles: ((props: {
546
- display?: (("none" | "block" | {
547
- mobile?: "none" | "block" | undefined;
548
- tablet?: "none" | "block" | undefined;
549
- web?: "none" | "block" | undefined;
550
- desktop?: "none" | "block" | undefined;
551
- }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "none" | "block" | null>) | undefined;
552
- width?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | "wide" | "narrow" | "drawer" | {
553
- mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | "wide" | "narrow" | "drawer" | undefined;
554
- tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | "wide" | "narrow" | "drawer" | undefined;
555
- web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | "wide" | "narrow" | "drawer" | undefined;
556
- desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | "wide" | "narrow" | "drawer" | undefined;
557
- }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | "wide" | "narrow" | "drawer" | null>) | undefined;
558
- marginRight?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
559
- mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
560
- tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
561
- web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
562
- desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
563
- }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
564
- marginLeft?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
565
- mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
566
- tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
567
- web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
568
- desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
569
- }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
570
- }) => string) & {
571
- properties: Set<"display" | "marginLeft" | "marginRight" | "width">;
572
- };
573
- export declare type SidebarSprinkles = Parameters<typeof sidebarSprinkles>[0];
574
- export declare const sidebar: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
575
- variant: {
576
- left: string;
577
- leftEmpty: string;
578
- drawer: string;
579
- right: string;
580
- };
581
- }>;
582
- export declare type SidebarVariants = RecipeVariants<typeof sidebar>;