@codecademy/gamut 68.0.0 → 68.0.1-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.
@@ -65,32 +65,59 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
65
65
  readonly transform: (value: string | number) => string | 0;
66
66
  };
67
67
  readonly width: {
68
- readonly property: "width";
68
+ readonly property: {
69
+ readonly physical: "width";
70
+ readonly logical: "inlineSize";
71
+ };
72
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
69
73
  readonly transform: (value: string | number) => string | 0;
70
74
  };
71
75
  readonly minWidth: {
72
- readonly property: "minWidth";
76
+ readonly property: {
77
+ readonly physical: "minWidth";
78
+ readonly logical: "minInlineSize";
79
+ };
80
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
73
81
  readonly transform: (value: string | number) => string | 0;
74
82
  };
75
83
  readonly maxWidth: {
76
- readonly property: "maxWidth";
84
+ readonly property: {
85
+ readonly physical: "maxWidth";
86
+ readonly logical: "maxInlineSize";
87
+ };
88
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
77
89
  readonly transform: (value: string | number) => string | 0;
78
90
  };
79
91
  readonly height: {
80
- readonly property: "height";
92
+ readonly property: {
93
+ readonly physical: "height";
94
+ readonly logical: "blockSize";
95
+ };
96
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
81
97
  readonly transform: (value: string | number) => string | 0;
82
98
  };
83
99
  readonly minHeight: {
84
- readonly property: "minHeight";
100
+ readonly property: {
101
+ readonly physical: "minHeight";
102
+ readonly logical: "minBlockSize";
103
+ };
104
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
85
105
  readonly transform: (value: string | number) => string | 0;
86
106
  };
87
107
  readonly maxHeight: {
88
- readonly property: "maxHeight";
108
+ readonly property: {
109
+ readonly physical: "maxHeight";
110
+ readonly logical: "maxBlockSize";
111
+ };
112
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
89
113
  readonly transform: (value: string | number) => string | 0;
90
114
  };
91
115
  readonly verticalAlign: {
92
116
  readonly property: "verticalAlign";
93
117
  };
118
+ readonly direction: {
119
+ readonly property: "direction";
120
+ };
94
121
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
95
122
  readonly fontFamily: {
96
123
  readonly property: "fontFamily";
@@ -133,29 +160,53 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
133
160
  };
134
161
  readonly px: {
135
162
  readonly property: "padding";
136
- readonly properties: readonly ["paddingLeft", "paddingRight"];
163
+ readonly properties: {
164
+ readonly physical: readonly ["paddingLeft", "paddingRight"];
165
+ readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
166
+ };
137
167
  readonly scale: "spacing";
168
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
138
169
  };
139
170
  readonly py: {
140
171
  readonly property: "padding";
141
- readonly properties: readonly ["paddingTop", "paddingBottom"];
172
+ readonly properties: {
173
+ readonly physical: readonly ["paddingTop", "paddingBottom"];
174
+ readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
175
+ };
142
176
  readonly scale: "spacing";
177
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
143
178
  };
144
179
  readonly pt: {
145
- readonly property: "paddingTop";
180
+ readonly property: {
181
+ readonly physical: "paddingTop";
182
+ readonly logical: "paddingBlockStart";
183
+ };
146
184
  readonly scale: "spacing";
185
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
147
186
  };
148
187
  readonly pb: {
149
- readonly property: "paddingBottom";
188
+ readonly property: {
189
+ readonly physical: "paddingBottom";
190
+ readonly logical: "paddingBlockEnd";
191
+ };
150
192
  readonly scale: "spacing";
193
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
151
194
  };
152
195
  readonly pr: {
153
- readonly property: "paddingRight";
196
+ readonly property: {
197
+ readonly physical: "paddingRight";
198
+ readonly logical: "paddingInlineEnd";
199
+ };
154
200
  readonly scale: "spacing";
201
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
155
202
  };
156
203
  readonly pl: {
157
- readonly property: "paddingLeft";
204
+ readonly property: {
205
+ readonly physical: "paddingLeft";
206
+ readonly logical: "paddingInlineStart";
207
+ };
158
208
  readonly scale: "spacing";
209
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
159
210
  };
160
211
  readonly m: {
161
212
  readonly property: "margin";
@@ -163,29 +214,53 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
163
214
  };
164
215
  readonly mx: {
165
216
  readonly property: "margin";
166
- readonly properties: readonly ["marginLeft", "marginRight"];
217
+ readonly properties: {
218
+ readonly physical: readonly ["marginLeft", "marginRight"];
219
+ readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
220
+ };
221
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
167
222
  readonly scale: "spacing";
168
223
  };
169
224
  readonly my: {
170
225
  readonly property: "margin";
171
- readonly properties: readonly ["marginTop", "marginBottom"];
226
+ readonly properties: {
227
+ readonly physical: readonly ["marginTop", "marginBottom"];
228
+ readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
229
+ };
230
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
172
231
  readonly scale: "spacing";
173
232
  };
174
233
  readonly mt: {
175
- readonly property: "marginTop";
234
+ readonly property: {
235
+ readonly physical: "marginTop";
236
+ readonly logical: "marginBlockStart";
237
+ };
176
238
  readonly scale: "spacing";
239
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
177
240
  };
178
241
  readonly mb: {
179
- readonly property: "marginBottom";
242
+ readonly property: {
243
+ readonly physical: "marginBottom";
244
+ readonly logical: "marginBlockEnd";
245
+ };
180
246
  readonly scale: "spacing";
247
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
181
248
  };
182
249
  readonly mr: {
183
- readonly property: "marginRight";
250
+ readonly property: {
251
+ readonly physical: "marginRight";
252
+ readonly logical: "marginInlineEnd";
253
+ };
184
254
  readonly scale: "spacing";
255
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
185
256
  };
186
257
  readonly ml: {
187
- readonly property: "marginLeft";
258
+ readonly property: {
259
+ readonly physical: "marginLeft";
260
+ readonly logical: "marginInlineStart";
261
+ };
188
262
  readonly scale: "spacing";
263
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
189
264
  };
190
265
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
191
266
  readonly position: {
@@ -225,28 +300,52 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
225
300
  };
226
301
  readonly borderX: {
227
302
  readonly property: "border";
228
- readonly properties: readonly ["borderLeft", "borderRight"];
303
+ readonly properties: {
304
+ readonly physical: readonly ["borderLeft", "borderRight"];
305
+ readonly logical: readonly ["borderInlineStart", "borderInlineEnd"];
306
+ };
307
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
229
308
  readonly scale: "borders";
230
309
  };
231
310
  readonly borderY: {
232
311
  readonly property: "border";
233
- readonly properties: readonly ["borderTop", "borderBottom"];
312
+ readonly properties: {
313
+ readonly physical: readonly ["borderTop", "borderBottom"];
314
+ readonly logical: readonly ["borderBlockStart", "borderBlockEnd"];
315
+ };
316
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
234
317
  readonly scale: "borders";
235
318
  };
236
319
  readonly borderTop: {
237
- readonly property: "borderTop";
320
+ readonly property: {
321
+ readonly physical: "borderTop";
322
+ readonly logical: "borderBlockStart";
323
+ };
324
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
238
325
  readonly scale: "borders";
239
326
  };
240
327
  readonly borderRight: {
241
- readonly property: "borderRight";
328
+ readonly property: {
329
+ readonly physical: "borderRight";
330
+ readonly logical: "borderInlineEnd";
331
+ };
332
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
242
333
  readonly scale: "borders";
243
334
  };
244
335
  readonly borderBottom: {
245
- readonly property: "borderBottom";
336
+ readonly property: {
337
+ readonly physical: "borderBottom";
338
+ readonly logical: "borderBlockEnd";
339
+ };
340
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
246
341
  readonly scale: "borders";
247
342
  };
248
343
  readonly borderLeft: {
249
- readonly property: "borderLeft";
344
+ readonly property: {
345
+ readonly physical: "borderLeft";
346
+ readonly logical: "borderInlineStart";
347
+ };
348
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
250
349
  readonly scale: "borders";
251
350
  };
252
351
  readonly borderWidth: {
@@ -254,23 +353,47 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
254
353
  };
255
354
  readonly borderWidthX: {
256
355
  readonly property: "borderWidth";
257
- readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
356
+ readonly properties: {
357
+ readonly physical: readonly ["borderLeftWidth", "borderRightWidth"];
358
+ readonly logical: readonly ["borderInlineStartWidth", "borderInlineEndWidth"];
359
+ };
360
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
258
361
  };
259
362
  readonly borderWidthY: {
260
363
  readonly property: "borderWidth";
261
- readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
364
+ readonly properties: {
365
+ readonly physical: readonly ["borderTopWidth", "borderBottomWidth"];
366
+ readonly logical: readonly ["borderBlockStartWidth", "borderBlockEndWidth"];
367
+ };
368
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
262
369
  };
263
370
  readonly borderWidthLeft: {
264
- readonly property: "borderLeftWidth";
371
+ readonly property: {
372
+ readonly physical: "borderLeftWidth";
373
+ readonly logical: "borderInlineStartWidth";
374
+ };
375
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
265
376
  };
266
377
  readonly borderWidthRight: {
267
- readonly property: "borderRightWidth";
378
+ readonly property: {
379
+ readonly physical: "borderRightWidth";
380
+ readonly logical: "borderInlineEndWidth";
381
+ };
382
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
268
383
  };
269
384
  readonly borderWidthTop: {
270
- readonly property: "borderTopWidth";
385
+ readonly property: {
386
+ readonly physical: "borderTopWidth";
387
+ readonly logical: "borderBlockStartWidth";
388
+ };
389
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
271
390
  };
272
391
  readonly borderWidthBottom: {
273
- readonly property: "borderBottomWidth";
392
+ readonly property: {
393
+ readonly physical: "borderBottomWidth";
394
+ readonly logical: "borderBlockEndWidth";
395
+ };
396
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
274
397
  };
275
398
  readonly borderRadius: {
276
399
  readonly property: "borderRadius";
@@ -278,38 +401,70 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
278
401
  };
279
402
  readonly borderRadiusLeft: {
280
403
  readonly property: "borderRadius";
281
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
404
+ readonly properties: {
405
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
406
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
407
+ };
408
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
282
409
  readonly scale: "borderRadii";
283
410
  };
284
411
  readonly borderRadiusTop: {
285
412
  readonly property: "borderRadius";
286
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
413
+ readonly properties: {
414
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
415
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
416
+ };
417
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
287
418
  readonly scale: "borderRadii";
288
419
  };
289
420
  readonly borderRadiusBottom: {
290
421
  readonly property: "borderRadius";
291
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
422
+ readonly properties: {
423
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
424
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
425
+ };
426
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
292
427
  readonly scale: "borderRadii";
293
428
  };
294
429
  readonly borderRadiusRight: {
295
430
  readonly property: "borderRadius";
296
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
431
+ readonly properties: {
432
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
433
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
434
+ };
435
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
297
436
  readonly scale: "borderRadii";
298
437
  };
299
438
  readonly borderRadiusTopLeft: {
300
- readonly property: "borderTopLeftRadius";
439
+ readonly property: {
440
+ readonly physical: "borderTopLeftRadius";
441
+ readonly logical: "borderStartStartRadius";
442
+ };
443
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
301
444
  readonly scale: "borderRadii";
302
445
  };
303
446
  readonly borderRadiusTopRight: {
304
- readonly property: "borderTopRightRadius";
447
+ readonly property: {
448
+ readonly physical: "borderTopRightRadius";
449
+ readonly logical: "borderStartEndRadius";
450
+ };
451
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
305
452
  readonly scale: "borderRadii";
306
453
  };
307
454
  readonly borderRadiusBottomRight: {
308
- readonly property: "borderBottomRightRadius";
455
+ readonly property: {
456
+ readonly physical: "borderBottomRightRadius";
457
+ readonly logical: "borderEndEndRadius";
458
+ };
459
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
309
460
  readonly scale: "borderRadii";
310
461
  };
311
462
  readonly borderRadiusBottomLeft: {
312
- readonly property: "borderBottomLeftRadius";
463
+ readonly property: {
464
+ readonly physical: "borderBottomLeftRadius";
465
+ readonly logical: "borderEndStartRadius";
466
+ };
467
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
313
468
  readonly scale: "borderRadii";
314
469
  };
315
470
  readonly borderStyle: {
@@ -317,23 +472,47 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
317
472
  };
318
473
  readonly borderStyleX: {
319
474
  readonly property: "borderStyle";
320
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
475
+ readonly properties: {
476
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
477
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
478
+ };
479
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
321
480
  };
322
481
  readonly borderStyleY: {
323
482
  readonly property: "borderStyle";
324
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
483
+ readonly properties: {
484
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
485
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
486
+ };
487
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
325
488
  };
326
489
  readonly borderStyleLeft: {
327
- readonly property: "borderLeftStyle";
490
+ readonly property: {
491
+ readonly physical: "borderLeftStyle";
492
+ readonly logical: "borderInlineStartStyle";
493
+ };
494
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
328
495
  };
329
496
  readonly borderStyleRight: {
330
- readonly property: "borderRightStyle";
497
+ readonly property: {
498
+ readonly physical: "borderRightStyle";
499
+ readonly logical: "borderInlineEndStyle";
500
+ };
501
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
331
502
  };
332
503
  readonly borderStyleTop: {
333
- readonly property: "borderTopStyle";
504
+ readonly property: {
505
+ readonly physical: "borderTopStyle";
506
+ readonly logical: "borderBlockStartStyle";
507
+ };
508
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
334
509
  };
335
510
  readonly borderStyleBottom: {
336
- readonly property: "borderBottomStyle";
511
+ readonly property: {
512
+ readonly physical: "borderBottomStyle";
513
+ readonly logical: "borderBlockEndStyle";
514
+ };
515
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
337
516
  };
338
517
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
339
518
  readonly color: {
@@ -354,28 +533,40 @@ declare const listProps: import("@codecademy/variance/dist/types/config").Parser
354
533
  };
355
534
  readonly borderColorX: {
356
535
  readonly property: "borderColor";
357
- readonly properties: readonly ["borderLeftColor", "borderRightColor"];
536
+ readonly properties: {
537
+ readonly physical: readonly ["borderLeftColor", "borderRightColor"];
538
+ readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
539
+ };
540
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
358
541
  readonly scale: "colors";
359
542
  };
360
543
  readonly borderColorY: {
361
544
  readonly property: "borderColor";
362
- readonly properties: readonly ["borderTopColor", "borderBottomColor"];
545
+ readonly properties: {
546
+ readonly physical: readonly ["borderTopColor", "borderBottomColor"];
547
+ readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
548
+ };
549
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
363
550
  readonly scale: "colors";
364
551
  };
365
552
  readonly borderColorLeft: {
366
553
  readonly property: "borderLeftColor";
554
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
367
555
  readonly scale: "colors";
368
556
  };
369
557
  readonly borderColorRight: {
370
558
  readonly property: "borderRightColor";
559
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
371
560
  readonly scale: "colors";
372
561
  };
373
562
  readonly borderColorTop: {
374
563
  readonly property: "borderTopColor";
564
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
375
565
  readonly scale: "colors";
376
566
  };
377
567
  readonly borderColorBottom: {
378
568
  readonly property: "borderBottomColor";
569
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
379
570
  readonly scale: "colors";
380
571
  };
381
572
  }>>]>>;