@codecademy/gamut 68.0.1-alpha.a46571.0 → 68.0.1-alpha.f12c24.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.
@@ -217,38 +217,70 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
217
217
  };
218
218
  readonly borderRadiusLeft: {
219
219
  readonly property: "borderRadius";
220
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
220
+ readonly properties: {
221
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
222
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
223
+ };
224
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
221
225
  readonly scale: "borderRadii";
222
226
  };
223
227
  readonly borderRadiusTop: {
224
228
  readonly property: "borderRadius";
225
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
229
+ readonly properties: {
230
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
231
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
232
+ };
233
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
226
234
  readonly scale: "borderRadii";
227
235
  };
228
236
  readonly borderRadiusBottom: {
229
237
  readonly property: "borderRadius";
230
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
238
+ readonly properties: {
239
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
240
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
241
+ };
242
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
231
243
  readonly scale: "borderRadii";
232
244
  };
233
245
  readonly borderRadiusRight: {
234
246
  readonly property: "borderRadius";
235
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
247
+ readonly properties: {
248
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
249
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
250
+ };
251
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
236
252
  readonly scale: "borderRadii";
237
253
  };
238
254
  readonly borderRadiusTopLeft: {
239
- readonly property: "borderTopLeftRadius";
255
+ readonly property: {
256
+ readonly physical: "borderTopLeftRadius";
257
+ readonly logical: "borderStartStartRadius";
258
+ };
259
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
240
260
  readonly scale: "borderRadii";
241
261
  };
242
262
  readonly borderRadiusTopRight: {
243
- readonly property: "borderTopRightRadius";
263
+ readonly property: {
264
+ readonly physical: "borderTopRightRadius";
265
+ readonly logical: "borderStartEndRadius";
266
+ };
267
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
244
268
  readonly scale: "borderRadii";
245
269
  };
246
270
  readonly borderRadiusBottomRight: {
247
- readonly property: "borderBottomRightRadius";
271
+ readonly property: {
272
+ readonly physical: "borderBottomRightRadius";
273
+ readonly logical: "borderEndEndRadius";
274
+ };
275
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
248
276
  readonly scale: "borderRadii";
249
277
  };
250
278
  readonly borderRadiusBottomLeft: {
251
- readonly property: "borderBottomLeftRadius";
279
+ readonly property: {
280
+ readonly physical: "borderBottomLeftRadius";
281
+ readonly logical: "borderEndStartRadius";
282
+ };
283
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
252
284
  readonly scale: "borderRadii";
253
285
  };
254
286
  readonly borderStyle: {
@@ -256,23 +288,47 @@ export declare const boxProps: import("@codecademy/variance/dist/types/config").
256
288
  };
257
289
  readonly borderStyleX: {
258
290
  readonly property: "borderStyle";
259
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
291
+ readonly properties: {
292
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
293
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
294
+ };
295
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
260
296
  };
261
297
  readonly borderStyleY: {
262
298
  readonly property: "borderStyle";
263
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
299
+ readonly properties: {
300
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
301
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
302
+ };
303
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
264
304
  };
265
305
  readonly borderStyleLeft: {
266
- readonly property: "borderLeftStyle";
306
+ readonly property: {
307
+ readonly physical: "borderLeftStyle";
308
+ readonly logical: "borderInlineStartStyle";
309
+ };
310
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
267
311
  };
268
312
  readonly borderStyleRight: {
269
- readonly property: "borderRightStyle";
313
+ readonly property: {
314
+ readonly physical: "borderRightStyle";
315
+ readonly logical: "borderInlineEndStyle";
316
+ };
317
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
270
318
  };
271
319
  readonly borderStyleTop: {
272
- readonly property: "borderTopStyle";
320
+ readonly property: {
321
+ readonly physical: "borderTopStyle";
322
+ readonly logical: "borderBlockStartStyle";
323
+ };
324
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
273
325
  };
274
326
  readonly borderStyleBottom: {
275
- readonly property: "borderBottomStyle";
327
+ readonly property: {
328
+ readonly physical: "borderBottomStyle";
329
+ readonly logical: "borderBlockEndStyle";
330
+ };
331
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
276
332
  };
277
333
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
278
334
  readonly flexBasis: {
@@ -339,38 +339,70 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
339
339
  };
340
340
  readonly borderRadiusLeft: {
341
341
  readonly property: "borderRadius";
342
- readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
342
+ readonly properties: {
343
+ readonly physical: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
344
+ readonly logical: readonly ["borderStartStartRadius", "borderEndStartRadius"];
345
+ };
346
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
343
347
  readonly scale: "borderRadii";
344
348
  };
345
349
  readonly borderRadiusTop: {
346
350
  readonly property: "borderRadius";
347
- readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
351
+ readonly properties: {
352
+ readonly physical: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
353
+ readonly logical: readonly ["borderStartStartRadius", "borderStartEndRadius"];
354
+ };
355
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
348
356
  readonly scale: "borderRadii";
349
357
  };
350
358
  readonly borderRadiusBottom: {
351
359
  readonly property: "borderRadius";
352
- readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
360
+ readonly properties: {
361
+ readonly physical: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
362
+ readonly logical: readonly ["borderEndStartRadius", "borderEndEndRadius"];
363
+ };
364
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
353
365
  readonly scale: "borderRadii";
354
366
  };
355
367
  readonly borderRadiusRight: {
356
368
  readonly property: "borderRadius";
357
- readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
369
+ readonly properties: {
370
+ readonly physical: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
371
+ readonly logical: readonly ["borderStartEndRadius", "borderEndEndRadius"];
372
+ };
373
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
358
374
  readonly scale: "borderRadii";
359
375
  };
360
376
  readonly borderRadiusTopLeft: {
361
- readonly property: "borderTopLeftRadius";
377
+ readonly property: {
378
+ readonly physical: "borderTopLeftRadius";
379
+ readonly logical: "borderStartStartRadius";
380
+ };
381
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
362
382
  readonly scale: "borderRadii";
363
383
  };
364
384
  readonly borderRadiusTopRight: {
365
- readonly property: "borderTopRightRadius";
385
+ readonly property: {
386
+ readonly physical: "borderTopRightRadius";
387
+ readonly logical: "borderStartEndRadius";
388
+ };
389
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
366
390
  readonly scale: "borderRadii";
367
391
  };
368
392
  readonly borderRadiusBottomRight: {
369
- readonly property: "borderBottomRightRadius";
393
+ readonly property: {
394
+ readonly physical: "borderBottomRightRadius";
395
+ readonly logical: "borderEndEndRadius";
396
+ };
397
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
370
398
  readonly scale: "borderRadii";
371
399
  };
372
400
  readonly borderRadiusBottomLeft: {
373
- readonly property: "borderBottomLeftRadius";
401
+ readonly property: {
402
+ readonly physical: "borderBottomLeftRadius";
403
+ readonly logical: "borderEndStartRadius";
404
+ };
405
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
374
406
  readonly scale: "borderRadii";
375
407
  };
376
408
  readonly borderStyle: {
@@ -378,23 +410,47 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
378
410
  };
379
411
  readonly borderStyleX: {
380
412
  readonly property: "borderStyle";
381
- readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
413
+ readonly properties: {
414
+ readonly physical: readonly ["borderLeftStyle", "borderRightStyle"];
415
+ readonly logical: readonly ["borderInlineStartStyle", "borderInlineEndStyle"];
416
+ };
417
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
382
418
  };
383
419
  readonly borderStyleY: {
384
420
  readonly property: "borderStyle";
385
- readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
421
+ readonly properties: {
422
+ readonly physical: readonly ["borderTopStyle", "borderBottomStyle"];
423
+ readonly logical: readonly ["borderBlockStartStyle", "borderBlockEndStyle"];
424
+ };
425
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
386
426
  };
387
427
  readonly borderStyleLeft: {
388
- readonly property: "borderLeftStyle";
428
+ readonly property: {
429
+ readonly physical: "borderLeftStyle";
430
+ readonly logical: "borderInlineStartStyle";
431
+ };
432
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
389
433
  };
390
434
  readonly borderStyleRight: {
391
- readonly property: "borderRightStyle";
435
+ readonly property: {
436
+ readonly physical: "borderRightStyle";
437
+ readonly logical: "borderInlineEndStyle";
438
+ };
439
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
392
440
  };
393
441
  readonly borderStyleTop: {
394
- readonly property: "borderTopStyle";
442
+ readonly property: {
443
+ readonly physical: "borderTopStyle";
444
+ readonly logical: "borderBlockStartStyle";
445
+ };
446
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
395
447
  };
396
448
  readonly borderStyleBottom: {
397
- readonly property: "borderBottomStyle";
449
+ readonly property: {
450
+ readonly physical: "borderBottomStyle";
451
+ readonly logical: "borderBlockEndStyle";
452
+ };
453
+ readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
398
454
  };
399
455
  }>>]>>;
400
456
  export declare const templateVariants: <Variant extends string, Styles>(variants: readonly Variant[], template: (colors: Variant) => Styles) => (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", unknown> & {