@codecademy/gamut-icons 9.54.2 → 9.54.3-alpha.097b76.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/props.d.ts +475 -93
  2. package/package.json +4 -4
package/dist/props.d.ts CHANGED
@@ -91,32 +91,59 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
91
91
  readonly transform: (value: string | number) => string | 0;
92
92
  };
93
93
  readonly width: {
94
- readonly property: "width";
94
+ readonly property: {
95
+ readonly physical: "width";
96
+ readonly logical: "inlineSize";
97
+ };
98
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
95
99
  readonly transform: (value: string | number) => string | 0;
96
100
  };
97
101
  readonly minWidth: {
98
- readonly property: "minWidth";
102
+ readonly property: {
103
+ readonly physical: "minWidth";
104
+ readonly logical: "minInlineSize";
105
+ };
106
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
99
107
  readonly transform: (value: string | number) => string | 0;
100
108
  };
101
109
  readonly maxWidth: {
102
- readonly property: "maxWidth";
110
+ readonly property: {
111
+ readonly physical: "maxWidth";
112
+ readonly logical: "maxInlineSize";
113
+ };
114
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
103
115
  readonly transform: (value: string | number) => string | 0;
104
116
  };
105
117
  readonly height: {
106
- readonly property: "height";
118
+ readonly property: {
119
+ readonly physical: "height";
120
+ readonly logical: "blockSize";
121
+ };
122
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
107
123
  readonly transform: (value: string | number) => string | 0;
108
124
  };
109
125
  readonly minHeight: {
110
- readonly property: "minHeight";
126
+ readonly property: {
127
+ readonly physical: "minHeight";
128
+ readonly logical: "minBlockSize";
129
+ };
130
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
111
131
  readonly transform: (value: string | number) => string | 0;
112
132
  };
113
133
  readonly maxHeight: {
114
- readonly property: "maxHeight";
134
+ readonly property: {
135
+ readonly physical: "maxHeight";
136
+ readonly logical: "maxBlockSize";
137
+ };
138
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
115
139
  readonly transform: (value: string | number) => string | 0;
116
140
  };
117
141
  readonly verticalAlign: {
118
142
  readonly property: "verticalAlign";
119
143
  };
144
+ readonly direction: {
145
+ readonly property: "direction";
146
+ };
120
147
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
121
148
  readonly color: {
122
149
  readonly property: "color";
@@ -136,28 +163,40 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
136
163
  };
137
164
  readonly borderColorX: {
138
165
  readonly property: "borderColor";
139
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
166
+ readonly properties: {
167
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
168
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
169
+ };
170
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
140
171
  readonly scale: "colors";
141
172
  };
142
173
  readonly borderColorY: {
143
174
  readonly property: "borderColor";
144
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
175
+ readonly properties: {
176
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
177
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
178
+ };
179
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
145
180
  readonly scale: "colors";
146
181
  };
147
182
  readonly borderColorLeft: {
148
183
  readonly property: "borderLeftColor";
184
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
149
185
  readonly scale: "colors";
150
186
  };
151
187
  readonly borderColorRight: {
152
188
  readonly property: "borderRightColor";
189
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
153
190
  readonly scale: "colors";
154
191
  };
155
192
  readonly borderColorTop: {
156
193
  readonly property: "borderTopColor";
194
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
157
195
  readonly scale: "colors";
158
196
  };
159
197
  readonly borderColorBottom: {
160
198
  readonly property: "borderBottomColor";
199
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
161
200
  readonly scale: "colors";
162
201
  };
163
202
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
@@ -167,29 +206,53 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
167
206
  };
168
207
  readonly px: {
169
208
  readonly property: "padding";
170
- readonly properties: readonly ["paddingLeft", "paddingRight"];
209
+ readonly properties: {
210
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
211
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
212
+ };
171
213
  readonly scale: "spacing";
214
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
172
215
  };
173
216
  readonly py: {
174
217
  readonly property: "padding";
175
- readonly properties: readonly ["paddingTop", "paddingBottom"];
218
+ readonly properties: {
219
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
220
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
221
+ };
176
222
  readonly scale: "spacing";
223
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
177
224
  };
178
225
  readonly pt: {
179
- readonly property: "paddingTop";
226
+ readonly property: {
227
+ readonly physical: "paddingTop";
228
+ readonly logical: "paddingBlockStart";
229
+ };
180
230
  readonly scale: "spacing";
231
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
181
232
  };
182
233
  readonly pb: {
183
- readonly property: "paddingBottom";
234
+ readonly property: {
235
+ readonly physical: "paddingBottom";
236
+ readonly logical: "paddingBlockEnd";
237
+ };
184
238
  readonly scale: "spacing";
239
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
185
240
  };
186
241
  readonly pr: {
187
- readonly property: "paddingRight";
242
+ readonly property: {
243
+ readonly physical: "paddingRight";
244
+ readonly logical: "paddingInlineEnd";
245
+ };
188
246
  readonly scale: "spacing";
247
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
189
248
  };
190
249
  readonly pl: {
191
- readonly property: "paddingLeft";
250
+ readonly property: {
251
+ readonly physical: "paddingLeft";
252
+ readonly logical: "paddingInlineStart";
253
+ };
192
254
  readonly scale: "spacing";
255
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
193
256
  };
194
257
  readonly m: {
195
258
  readonly property: "margin";
@@ -197,29 +260,53 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
197
260
  };
198
261
  readonly mx: {
199
262
  readonly property: "margin";
200
- readonly properties: readonly ["marginLeft", "marginRight"];
263
+ readonly properties: {
264
+ readonly physical: readonly ["marginLeft", "marginRight"];
265
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
266
+ };
267
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
201
268
  readonly scale: "spacing";
202
269
  };
203
270
  readonly my: {
204
271
  readonly property: "margin";
205
- readonly properties: readonly ["marginTop", "marginBottom"];
272
+ readonly properties: {
273
+ readonly physical: readonly ["marginTop", "marginBottom"];
274
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
275
+ };
276
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
206
277
  readonly scale: "spacing";
207
278
  };
208
279
  readonly mt: {
209
- readonly property: "marginTop";
280
+ readonly property: {
281
+ readonly physical: "marginTop";
282
+ readonly logical: "marginBlockStart";
283
+ };
210
284
  readonly scale: "spacing";
285
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
211
286
  };
212
287
  readonly mb: {
213
- readonly property: "marginBottom";
288
+ readonly property: {
289
+ readonly physical: "marginBottom";
290
+ readonly logical: "marginBlockEnd";
291
+ };
214
292
  readonly scale: "spacing";
293
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
215
294
  };
216
295
  readonly mr: {
217
- readonly property: "marginRight";
296
+ readonly property: {
297
+ readonly physical: "marginRight";
298
+ readonly logical: "marginInlineEnd";
299
+ };
218
300
  readonly scale: "spacing";
301
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
219
302
  };
220
303
  readonly ml: {
221
- readonly property: "marginLeft";
304
+ readonly property: {
305
+ readonly physical: "marginLeft";
306
+ readonly logical: "marginInlineStart";
307
+ };
222
308
  readonly scale: "spacing";
309
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
223
310
  };
224
311
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
225
312
  readonly position: {
@@ -259,28 +346,52 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
259
346
  };
260
347
  readonly borderX: {
261
348
  readonly property: "border";
262
- readonly properties: readonly ["borderLeft", "borderRight"];
349
+ readonly properties: {
350
+ readonly physical: readonly ["borderLeft", "borderRight"];
351
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
352
+ };
353
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
263
354
  readonly scale: "borders";
264
355
  };
265
356
  readonly borderY: {
266
357
  readonly property: "border";
267
- readonly properties: readonly ["borderTop", "borderBottom"];
358
+ readonly properties: {
359
+ readonly physical: readonly ["borderTop", "borderBottom"];
360
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
361
+ };
362
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
268
363
  readonly scale: "borders";
269
364
  };
270
365
  readonly borderTop: {
271
- readonly property: "borderTop";
366
+ readonly property: {
367
+ readonly physical: "borderTop";
368
+ readonly logical: "borderBlockStart";
369
+ };
370
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
272
371
  readonly scale: "borders";
273
372
  };
274
373
  readonly borderRight: {
275
- readonly property: "borderRight";
374
+ readonly property: {
375
+ readonly physical: "borderRight";
376
+ readonly logical: "borderInlineEnd";
377
+ };
378
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
276
379
  readonly scale: "borders";
277
380
  };
278
381
  readonly borderBottom: {
279
- readonly property: "borderBottom";
382
+ readonly property: {
383
+ readonly physical: "borderBottom";
384
+ readonly logical: "borderBlockEnd";
385
+ };
386
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
280
387
  readonly scale: "borders";
281
388
  };
282
389
  readonly borderLeft: {
283
- readonly property: "borderLeft";
390
+ readonly property: {
391
+ readonly physical: "borderLeft";
392
+ readonly logical: "borderInlineStart";
393
+ };
394
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
284
395
  readonly scale: "borders";
285
396
  };
286
397
  readonly borderWidth: {
@@ -288,23 +399,47 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
288
399
  };
289
400
  readonly borderWidthX: {
290
401
  readonly property: "borderWidth";
291
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
402
+ readonly properties: {
403
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
404
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
405
+ };
406
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
292
407
  };
293
408
  readonly borderWidthY: {
294
409
  readonly property: "borderWidth";
295
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
410
+ readonly properties: {
411
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
412
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
413
+ };
414
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
296
415
  };
297
416
  readonly borderWidthLeft: {
298
- readonly property: "borderLeftWidth";
417
+ readonly property: {
418
+ readonly physical: "borderLeftWidth";
419
+ readonly logical: "borderInlineStartWidth";
420
+ };
421
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
299
422
  };
300
423
  readonly borderWidthRight: {
301
- readonly property: "borderRightWidth";
424
+ readonly property: {
425
+ readonly physical: "borderRightWidth";
426
+ readonly logical: "borderInlineEndWidth";
427
+ };
428
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
302
429
  };
303
430
  readonly borderWidthTop: {
304
- readonly property: "borderTopWidth";
431
+ readonly property: {
432
+ readonly physical: "borderTopWidth";
433
+ readonly logical: "borderBlockStartWidth";
434
+ };
435
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
305
436
  };
306
437
  readonly borderWidthBottom: {
307
- readonly property: "borderBottomWidth";
438
+ readonly property: {
439
+ readonly physical: "borderBottomWidth";
440
+ readonly logical: "borderBlockEndWidth";
441
+ };
442
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
308
443
  };
309
444
  readonly borderRadius: {
310
445
  readonly property: "borderRadius";
@@ -312,38 +447,70 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
312
447
  };
313
448
  readonly borderRadiusLeft: {
314
449
  readonly property: "borderRadius";
315
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
450
+ readonly properties: {
451
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
452
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
453
+ };
454
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
316
455
  readonly scale: "borderRadii";
317
456
  };
318
457
  readonly borderRadiusTop: {
319
458
  readonly property: "borderRadius";
320
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
459
+ readonly properties: {
460
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
461
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
462
+ };
463
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
321
464
  readonly scale: "borderRadii";
322
465
  };
323
466
  readonly borderRadiusBottom: {
324
467
  readonly property: "borderRadius";
325
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
468
+ readonly properties: {
469
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
470
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
471
+ };
472
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
326
473
  readonly scale: "borderRadii";
327
474
  };
328
475
  readonly borderRadiusRight: {
329
476
  readonly property: "borderRadius";
330
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
477
+ readonly properties: {
478
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
479
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
480
+ };
481
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
331
482
  readonly scale: "borderRadii";
332
483
  };
333
484
  readonly borderRadiusTopLeft: {
334
- readonly property: "borderTopLeftRadius";
485
+ readonly property: {
486
+ readonly physical: "borderTopLeftRadius";
487
+ readonly logical: "borderStartStartRadius";
488
+ };
489
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
335
490
  readonly scale: "borderRadii";
336
491
  };
337
492
  readonly borderRadiusTopRight: {
338
- readonly property: "borderTopRightRadius";
493
+ readonly property: {
494
+ readonly physical: "borderTopRightRadius";
495
+ readonly logical: "borderStartEndRadius";
496
+ };
497
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
339
498
  readonly scale: "borderRadii";
340
499
  };
341
500
  readonly borderRadiusBottomRight: {
342
- readonly property: "borderBottomRightRadius";
501
+ readonly property: {
502
+ readonly physical: "borderBottomRightRadius";
503
+ readonly logical: "borderEndEndRadius";
504
+ };
505
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
343
506
  readonly scale: "borderRadii";
344
507
  };
345
508
  readonly borderRadiusBottomLeft: {
346
- readonly property: "borderBottomLeftRadius";
509
+ readonly property: {
510
+ readonly physical: "borderBottomLeftRadius";
511
+ readonly logical: "borderEndStartRadius";
512
+ };
513
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
347
514
  readonly scale: "borderRadii";
348
515
  };
349
516
  readonly borderStyle: {
@@ -351,23 +518,47 @@ export declare const iconProps: import("@codecademy/variance/dist/types/config")
351
518
  };
352
519
  readonly borderStyleX: {
353
520
  readonly property: "borderStyle";
354
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
521
+ readonly properties: {
522
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
523
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
524
+ };
525
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
355
526
  };
356
527
  readonly borderStyleY: {
357
528
  readonly property: "borderStyle";
358
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
529
+ readonly properties: {
530
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
531
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
532
+ };
533
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
359
534
  };
360
535
  readonly borderStyleLeft: {
361
- readonly property: "borderLeftStyle";
536
+ readonly property: {
537
+ readonly physical: "borderLeftStyle";
538
+ readonly logical: "borderInlineStartStyle";
539
+ };
540
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
362
541
  };
363
542
  readonly borderStyleRight: {
364
- readonly property: "borderRightStyle";
543
+ readonly property: {
544
+ readonly physical: "borderRightStyle";
545
+ readonly logical: "borderInlineEndStyle";
546
+ };
547
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
365
548
  };
366
549
  readonly borderStyleTop: {
367
- readonly property: "borderTopStyle";
550
+ readonly property: {
551
+ readonly physical: "borderTopStyle";
552
+ readonly logical: "borderBlockStartStyle";
553
+ };
554
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
368
555
  };
369
556
  readonly borderStyleBottom: {
370
- readonly property: "borderBottomStyle";
557
+ readonly property: {
558
+ readonly physical: "borderBottomStyle";
559
+ readonly logical: "borderBlockEndStyle";
560
+ };
561
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
371
562
  };
372
563
  }>>]>>;
373
564
  export declare const Svg: import("@emotion/styled").StyledComponent<{
@@ -434,32 +625,59 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
434
625
  readonly transform: (value: string | number) => string | 0;
435
626
  }>;
436
627
  width?: import("@codecademy/variance/dist/types/config").Scale<{
437
- readonly property: "width";
628
+ readonly property: {
629
+ readonly physical: "width";
630
+ readonly logical: "inlineSize";
631
+ };
632
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
438
633
  readonly transform: (value: string | number) => string | 0;
439
634
  }>;
440
635
  minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
441
- readonly property: "minWidth";
636
+ readonly property: {
637
+ readonly physical: "minWidth";
638
+ readonly logical: "minInlineSize";
639
+ };
640
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
442
641
  readonly transform: (value: string | number) => string | 0;
443
642
  }>;
444
643
  maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
445
- readonly property: "maxWidth";
644
+ readonly property: {
645
+ readonly physical: "maxWidth";
646
+ readonly logical: "maxInlineSize";
647
+ };
648
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
446
649
  readonly transform: (value: string | number) => string | 0;
447
650
  }>;
448
651
  height?: import("@codecademy/variance/dist/types/config").Scale<{
449
- readonly property: "height";
652
+ readonly property: {
653
+ readonly physical: "height";
654
+ readonly logical: "blockSize";
655
+ };
656
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
450
657
  readonly transform: (value: string | number) => string | 0;
451
658
  }>;
452
659
  minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
453
- readonly property: "minHeight";
660
+ readonly property: {
661
+ readonly physical: "minHeight";
662
+ readonly logical: "minBlockSize";
663
+ };
664
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
454
665
  readonly transform: (value: string | number) => string | 0;
455
666
  }>;
456
667
  maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
457
- readonly property: "maxHeight";
668
+ readonly property: {
669
+ readonly physical: "maxHeight";
670
+ readonly logical: "maxBlockSize";
671
+ };
672
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
458
673
  readonly transform: (value: string | number) => string | 0;
459
674
  }>;
460
675
  verticalAlign?: import("@codecademy/variance/dist/types/config").Scale<{
461
676
  readonly property: "verticalAlign";
462
677
  }>;
678
+ direction?: import("@codecademy/variance/dist/types/config").Scale<{
679
+ readonly property: "direction";
680
+ }>;
463
681
  color?: import("@codecademy/variance/dist/types/config").Scale<{
464
682
  readonly property: "color";
465
683
  readonly scale: "colors";
@@ -478,28 +696,40 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
478
696
  }>;
479
697
  borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
480
698
  readonly property: "borderColor";
481
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
699
+ readonly properties: {
700
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
701
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
702
+ };
703
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
482
704
  readonly scale: "colors";
483
705
  }>;
484
706
  borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
485
707
  readonly property: "borderColor";
486
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
708
+ readonly properties: {
709
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
710
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
711
+ };
712
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
487
713
  readonly scale: "colors";
488
714
  }>;
489
715
  borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
490
716
  readonly property: "borderLeftColor";
717
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
491
718
  readonly scale: "colors";
492
719
  }>;
493
720
  borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
494
721
  readonly property: "borderRightColor";
722
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
495
723
  readonly scale: "colors";
496
724
  }>;
497
725
  borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
498
726
  readonly property: "borderTopColor";
727
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
499
728
  readonly scale: "colors";
500
729
  }>;
501
730
  borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
502
731
  readonly property: "borderBottomColor";
732
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
503
733
  readonly scale: "colors";
504
734
  }>;
505
735
  p?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -508,29 +738,53 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
508
738
  }>;
509
739
  px?: import("@codecademy/variance/dist/types/config").Scale<{
510
740
  readonly property: "padding";
511
- readonly properties: readonly ["paddingLeft", "paddingRight"];
741
+ readonly properties: {
742
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
743
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
744
+ };
512
745
  readonly scale: "spacing";
746
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
513
747
  }>;
514
748
  py?: import("@codecademy/variance/dist/types/config").Scale<{
515
749
  readonly property: "padding";
516
- readonly properties: readonly ["paddingTop", "paddingBottom"];
750
+ readonly properties: {
751
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
752
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
753
+ };
517
754
  readonly scale: "spacing";
755
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
518
756
  }>;
519
757
  pt?: import("@codecademy/variance/dist/types/config").Scale<{
520
- readonly property: "paddingTop";
758
+ readonly property: {
759
+ readonly physical: "paddingTop";
760
+ readonly logical: "paddingBlockStart";
761
+ };
521
762
  readonly scale: "spacing";
763
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
522
764
  }>;
523
765
  pb?: import("@codecademy/variance/dist/types/config").Scale<{
524
- readonly property: "paddingBottom";
766
+ readonly property: {
767
+ readonly physical: "paddingBottom";
768
+ readonly logical: "paddingBlockEnd";
769
+ };
525
770
  readonly scale: "spacing";
771
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
526
772
  }>;
527
773
  pr?: import("@codecademy/variance/dist/types/config").Scale<{
528
- readonly property: "paddingRight";
774
+ readonly property: {
775
+ readonly physical: "paddingRight";
776
+ readonly logical: "paddingInlineEnd";
777
+ };
529
778
  readonly scale: "spacing";
779
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
530
780
  }>;
531
781
  pl?: import("@codecademy/variance/dist/types/config").Scale<{
532
- readonly property: "paddingLeft";
782
+ readonly property: {
783
+ readonly physical: "paddingLeft";
784
+ readonly logical: "paddingInlineStart";
785
+ };
533
786
  readonly scale: "spacing";
787
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
534
788
  }>;
535
789
  m?: import("@codecademy/variance/dist/types/config").Scale<{
536
790
  readonly property: "margin";
@@ -538,29 +792,53 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
538
792
  }>;
539
793
  mx?: import("@codecademy/variance/dist/types/config").Scale<{
540
794
  readonly property: "margin";
541
- readonly properties: readonly ["marginLeft", "marginRight"];
795
+ readonly properties: {
796
+ readonly physical: readonly ["marginLeft", "marginRight"];
797
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
798
+ };
799
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
542
800
  readonly scale: "spacing";
543
801
  }>;
544
802
  my?: import("@codecademy/variance/dist/types/config").Scale<{
545
803
  readonly property: "margin";
546
- readonly properties: readonly ["marginTop", "marginBottom"];
804
+ readonly properties: {
805
+ readonly physical: readonly ["marginTop", "marginBottom"];
806
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
807
+ };
808
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
547
809
  readonly scale: "spacing";
548
810
  }>;
549
811
  mt?: import("@codecademy/variance/dist/types/config").Scale<{
550
- readonly property: "marginTop";
812
+ readonly property: {
813
+ readonly physical: "marginTop";
814
+ readonly logical: "marginBlockStart";
815
+ };
551
816
  readonly scale: "spacing";
817
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
552
818
  }>;
553
819
  mb?: import("@codecademy/variance/dist/types/config").Scale<{
554
- readonly property: "marginBottom";
820
+ readonly property: {
821
+ readonly physical: "marginBottom";
822
+ readonly logical: "marginBlockEnd";
823
+ };
555
824
  readonly scale: "spacing";
825
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
556
826
  }>;
557
827
  mr?: import("@codecademy/variance/dist/types/config").Scale<{
558
- readonly property: "marginRight";
828
+ readonly property: {
829
+ readonly physical: "marginRight";
830
+ readonly logical: "marginInlineEnd";
831
+ };
559
832
  readonly scale: "spacing";
833
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
560
834
  }>;
561
835
  ml?: import("@codecademy/variance/dist/types/config").Scale<{
562
- readonly property: "marginLeft";
836
+ readonly property: {
837
+ readonly physical: "marginLeft";
838
+ readonly logical: "marginInlineStart";
839
+ };
563
840
  readonly scale: "spacing";
841
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
564
842
  }>;
565
843
  position?: import("@codecademy/variance/dist/types/config").Scale<{
566
844
  readonly property: "position";
@@ -598,28 +876,52 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
598
876
  }>;
599
877
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
600
878
  readonly property: "border";
601
- readonly properties: readonly ["borderLeft", "borderRight"];
879
+ readonly properties: {
880
+ readonly physical: readonly ["borderLeft", "borderRight"];
881
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
882
+ };
883
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
602
884
  readonly scale: "borders";
603
885
  }>;
604
886
  borderY?: import("@codecademy/variance/dist/types/config").Scale<{
605
887
  readonly property: "border";
606
- readonly properties: readonly ["borderTop", "borderBottom"];
888
+ readonly properties: {
889
+ readonly physical: readonly ["borderTop", "borderBottom"];
890
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
891
+ };
892
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
607
893
  readonly scale: "borders";
608
894
  }>;
609
895
  borderTop?: import("@codecademy/variance/dist/types/config").Scale<{
610
- readonly property: "borderTop";
896
+ readonly property: {
897
+ readonly physical: "borderTop";
898
+ readonly logical: "borderBlockStart";
899
+ };
900
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
611
901
  readonly scale: "borders";
612
902
  }>;
613
903
  borderRight?: import("@codecademy/variance/dist/types/config").Scale<{
614
- readonly property: "borderRight";
904
+ readonly property: {
905
+ readonly physical: "borderRight";
906
+ readonly logical: "borderInlineEnd";
907
+ };
908
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
615
909
  readonly scale: "borders";
616
910
  }>;
617
911
  borderBottom?: import("@codecademy/variance/dist/types/config").Scale<{
618
- readonly property: "borderBottom";
912
+ readonly property: {
913
+ readonly physical: "borderBottom";
914
+ readonly logical: "borderBlockEnd";
915
+ };
916
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
619
917
  readonly scale: "borders";
620
918
  }>;
621
919
  borderLeft?: import("@codecademy/variance/dist/types/config").Scale<{
622
- readonly property: "borderLeft";
920
+ readonly property: {
921
+ readonly physical: "borderLeft";
922
+ readonly logical: "borderInlineStart";
923
+ };
924
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
623
925
  readonly scale: "borders";
624
926
  }>;
625
927
  borderWidth?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -627,23 +929,47 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
627
929
  }>;
628
930
  borderWidthX?: import("@codecademy/variance/dist/types/config").Scale<{
629
931
  readonly property: "borderWidth";
630
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
932
+ readonly properties: {
933
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
934
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
935
+ };
936
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
631
937
  }>;
632
938
  borderWidthY?: import("@codecademy/variance/dist/types/config").Scale<{
633
939
  readonly property: "borderWidth";
634
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
940
+ readonly properties: {
941
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
942
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
943
+ };
944
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
635
945
  }>;
636
946
  borderWidthLeft?: import("@codecademy/variance/dist/types/config").Scale<{
637
- readonly property: "borderLeftWidth";
947
+ readonly property: {
948
+ readonly physical: "borderLeftWidth";
949
+ readonly logical: "borderInlineStartWidth";
950
+ };
951
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
638
952
  }>;
639
953
  borderWidthRight?: import("@codecademy/variance/dist/types/config").Scale<{
640
- readonly property: "borderRightWidth";
954
+ readonly property: {
955
+ readonly physical: "borderRightWidth";
956
+ readonly logical: "borderInlineEndWidth";
957
+ };
958
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
641
959
  }>;
642
960
  borderWidthTop?: import("@codecademy/variance/dist/types/config").Scale<{
643
- readonly property: "borderTopWidth";
961
+ readonly property: {
962
+ readonly physical: "borderTopWidth";
963
+ readonly logical: "borderBlockStartWidth";
964
+ };
965
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
644
966
  }>;
645
967
  borderWidthBottom?: import("@codecademy/variance/dist/types/config").Scale<{
646
- readonly property: "borderBottomWidth";
968
+ readonly property: {
969
+ readonly physical: "borderBottomWidth";
970
+ readonly logical: "borderBlockEndWidth";
971
+ };
972
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
647
973
  }>;
648
974
  borderRadius?: import("@codecademy/variance/dist/types/config").Scale<{
649
975
  readonly property: "borderRadius";
@@ -651,38 +977,70 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
651
977
  }>;
652
978
  borderRadiusLeft?: import("@codecademy/variance/dist/types/config").Scale<{
653
979
  readonly property: "borderRadius";
654
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
980
+ readonly properties: {
981
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
982
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
983
+ };
984
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
655
985
  readonly scale: "borderRadii";
656
986
  }>;
657
987
  borderRadiusTop?: import("@codecademy/variance/dist/types/config").Scale<{
658
988
  readonly property: "borderRadius";
659
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
989
+ readonly properties: {
990
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
991
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
992
+ };
993
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
660
994
  readonly scale: "borderRadii";
661
995
  }>;
662
996
  borderRadiusBottom?: import("@codecademy/variance/dist/types/config").Scale<{
663
997
  readonly property: "borderRadius";
664
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
998
+ readonly properties: {
999
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
1000
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
1001
+ };
1002
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
665
1003
  readonly scale: "borderRadii";
666
1004
  }>;
667
1005
  borderRadiusRight?: import("@codecademy/variance/dist/types/config").Scale<{
668
1006
  readonly property: "borderRadius";
669
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1007
+ readonly properties: {
1008
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
1009
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
1010
+ };
1011
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
670
1012
  readonly scale: "borderRadii";
671
1013
  }>;
672
1014
  borderRadiusTopLeft?: import("@codecademy/variance/dist/types/config").Scale<{
673
- readonly property: "borderTopLeftRadius";
1015
+ readonly property: {
1016
+ readonly physical: "borderTopLeftRadius";
1017
+ readonly logical: "borderStartStartRadius";
1018
+ };
1019
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
674
1020
  readonly scale: "borderRadii";
675
1021
  }>;
676
1022
  borderRadiusTopRight?: import("@codecademy/variance/dist/types/config").Scale<{
677
- readonly property: "borderTopRightRadius";
1023
+ readonly property: {
1024
+ readonly physical: "borderTopRightRadius";
1025
+ readonly logical: "borderStartEndRadius";
1026
+ };
1027
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
678
1028
  readonly scale: "borderRadii";
679
1029
  }>;
680
1030
  borderRadiusBottomRight?: import("@codecademy/variance/dist/types/config").Scale<{
681
- readonly property: "borderBottomRightRadius";
1031
+ readonly property: {
1032
+ readonly physical: "borderBottomRightRadius";
1033
+ readonly logical: "borderEndEndRadius";
1034
+ };
1035
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
682
1036
  readonly scale: "borderRadii";
683
1037
  }>;
684
1038
  borderRadiusBottomLeft?: import("@codecademy/variance/dist/types/config").Scale<{
685
- readonly property: "borderBottomLeftRadius";
1039
+ readonly property: {
1040
+ readonly physical: "borderBottomLeftRadius";
1041
+ readonly logical: "borderEndStartRadius";
1042
+ };
1043
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
686
1044
  readonly scale: "borderRadii";
687
1045
  }>;
688
1046
  borderStyle?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -690,25 +1048,49 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
690
1048
  }>;
691
1049
  borderStyleX?: import("@codecademy/variance/dist/types/config").Scale<{
692
1050
  readonly property: "borderStyle";
693
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
1051
+ readonly properties: {
1052
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
1053
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
1054
+ };
1055
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
694
1056
  }>;
695
1057
  borderStyleY?: import("@codecademy/variance/dist/types/config").Scale<{
696
1058
  readonly property: "borderStyle";
697
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
1059
+ readonly properties: {
1060
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
1061
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
1062
+ };
1063
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
698
1064
  }>;
699
1065
  borderStyleLeft?: import("@codecademy/variance/dist/types/config").Scale<{
700
- readonly property: "borderLeftStyle";
1066
+ readonly property: {
1067
+ readonly physical: "borderLeftStyle";
1068
+ readonly logical: "borderInlineStartStyle";
1069
+ };
1070
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
701
1071
  }>;
702
1072
  borderStyleRight?: import("@codecademy/variance/dist/types/config").Scale<{
703
- readonly property: "borderRightStyle";
1073
+ readonly property: {
1074
+ readonly physical: "borderRightStyle";
1075
+ readonly logical: "borderInlineEndStyle";
1076
+ };
1077
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
704
1078
  }>;
705
1079
  borderStyleTop?: import("@codecademy/variance/dist/types/config").Scale<{
706
- readonly property: "borderTopStyle";
1080
+ readonly property: {
1081
+ readonly physical: "borderTopStyle";
1082
+ readonly logical: "borderBlockStartStyle";
1083
+ };
1084
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
707
1085
  }>;
708
1086
  borderStyleBottom?: import("@codecademy/variance/dist/types/config").Scale<{
709
- readonly property: "borderBottomStyle";
1087
+ readonly property: {
1088
+ readonly physical: "borderBottomStyle";
1089
+ readonly logical: "borderBlockEndStyle";
1090
+ };
1091
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
710
1092
  }>;
711
1093
  } & {
712
1094
  theme?: import("@emotion/react").Theme | undefined;
713
- }, Pick<import("react").SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "clipPath" | "cursor" | "direction" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "min" | "max" | "end" | "clip" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "method" | "style" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "shapeRendering" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">, {}>;
1095
+ }, Pick<import("react").SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "name" | "clipPath" | "cursor" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "min" | "max" | "end" | "clip" | "suppressHydrationWarning" | "className" | "id" | "lang" | "media" | "method" | "style" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "shapeRendering" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">, {}>;
714
1096
  export {};
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@codecademy/gamut-icons",
3
3
  "description": "Icon library for codecademy.com",
4
- "version": "9.54.2",
4
+ "version": "9.54.3-alpha.097b76.0",
5
5
  "author": "Codecademy <dev@codecademy.com>",
6
6
  "dependencies": {
7
- "@codecademy/gamut-styles": "17.11.2",
8
- "@codecademy/variance": "0.25.2"
7
+ "@codecademy/gamut-styles": "17.12.0-alpha.097b76.0",
8
+ "@codecademy/variance": "0.25.3-alpha.097b76.0"
9
9
  },
10
10
  "files": [
11
11
  "dist"
@@ -29,5 +29,5 @@
29
29
  },
30
30
  "sideEffects": false,
31
31
  "types": "dist/index.d.ts",
32
- "gitHead": "dba147a168af471002f2f97b74eea97204bd843f"
32
+ "gitHead": "8857953b7b0b50867a212797e6864be0a0caa20a"
33
33
  }