@codecademy/gamut-styles 17.11.1-alpha.ce5894.0 → 17.11.1-alpha.db5e20.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 (6) hide show
  1. package/dist/ColorMode.d.ts +0 -156
  2. package/dist/variance/config.d.ts +0 -156
  3. package/dist/variance/config.js +0 -54
  4. package/dist/variance/props.d.ts +0 -260
  5. package/dist/variance/utils.d.ts +2 -2
  6. package/package.json +3 -3
package/dist/ColorMode.d.ts CHANGED
@@ -315,32 +315,6 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
315
315
  readonly property: "paddingLeft";
316
316
  readonly scale: "spacing";
317
317
  };
318
- readonly pbl: {
319
- readonly property: "padding";
320
- readonly properties: readonly ["paddingBlockStart", "paddingBlockEnd"];
321
- readonly scale: "spacing";
322
- };
323
- readonly pbls: {
324
- readonly property: "paddingBlockStart";
325
- readonly scale: "spacing";
326
- };
327
- readonly pble: {
328
- readonly property: "paddingBlockEnd";
329
- readonly scale: "spacing";
330
- };
331
- readonly pi: {
332
- readonly property: "padding";
333
- readonly properties: readonly ["paddingInlineStart", "paddingInlineEnd"];
334
- readonly scale: "spacing";
335
- };
336
- readonly pis: {
337
- readonly property: "paddingInlineStart";
338
- readonly scale: "spacing";
339
- };
340
- readonly pie: {
341
- readonly property: "paddingInlineEnd";
342
- readonly scale: "spacing";
343
- };
344
318
  readonly m: {
345
319
  readonly property: "margin";
346
320
  readonly scale: "spacing";
@@ -371,32 +345,6 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
371
345
  readonly property: "marginLeft";
372
346
  readonly scale: "spacing";
373
347
  };
374
- readonly mbl: {
375
- readonly property: "margin";
376
- readonly properties: readonly ["marginBlockStart", "marginBlockEnd"];
377
- readonly scale: "spacing";
378
- };
379
- readonly mbls: {
380
- readonly property: "marginBlockStart";
381
- readonly scale: "spacing";
382
- };
383
- readonly mble: {
384
- readonly property: "marginBlockEnd";
385
- readonly scale: "spacing";
386
- };
387
- readonly mi: {
388
- readonly property: "margin";
389
- readonly properties: readonly ["marginInlineStart", "marginInlineEnd"];
390
- readonly scale: "spacing";
391
- };
392
- readonly mis: {
393
- readonly property: "marginInlineStart";
394
- readonly scale: "spacing";
395
- };
396
- readonly mie: {
397
- readonly property: "marginInlineEnd";
398
- readonly scale: "spacing";
399
- };
400
348
  }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
401
349
  readonly border: {
402
350
  readonly property: "border";
@@ -830,32 +778,6 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
830
778
  readonly property: "paddingLeft";
831
779
  readonly scale: "spacing";
832
780
  }>;
833
- pbl?: import("@codecademy/variance/dist/types/config").Scale<{
834
- readonly property: "padding";
835
- readonly properties: readonly ["paddingBlockStart", "paddingBlockEnd"];
836
- readonly scale: "spacing";
837
- }>;
838
- pbls?: import("@codecademy/variance/dist/types/config").Scale<{
839
- readonly property: "paddingBlockStart";
840
- readonly scale: "spacing";
841
- }>;
842
- pble?: import("@codecademy/variance/dist/types/config").Scale<{
843
- readonly property: "paddingBlockEnd";
844
- readonly scale: "spacing";
845
- }>;
846
- pi?: import("@codecademy/variance/dist/types/config").Scale<{
847
- readonly property: "padding";
848
- readonly properties: readonly ["paddingInlineStart", "paddingInlineEnd"];
849
- readonly scale: "spacing";
850
- }>;
851
- pis?: import("@codecademy/variance/dist/types/config").Scale<{
852
- readonly property: "paddingInlineStart";
853
- readonly scale: "spacing";
854
- }>;
855
- pie?: import("@codecademy/variance/dist/types/config").Scale<{
856
- readonly property: "paddingInlineEnd";
857
- readonly scale: "spacing";
858
- }>;
859
781
  m?: import("@codecademy/variance/dist/types/config").Scale<{
860
782
  readonly property: "margin";
861
783
  readonly scale: "spacing";
@@ -886,32 +808,6 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
886
808
  readonly property: "marginLeft";
887
809
  readonly scale: "spacing";
888
810
  }>;
889
- mbl?: import("@codecademy/variance/dist/types/config").Scale<{
890
- readonly property: "margin";
891
- readonly properties: readonly ["marginBlockStart", "marginBlockEnd"];
892
- readonly scale: "spacing";
893
- }>;
894
- mbls?: import("@codecademy/variance/dist/types/config").Scale<{
895
- readonly property: "marginBlockStart";
896
- readonly scale: "spacing";
897
- }>;
898
- mble?: import("@codecademy/variance/dist/types/config").Scale<{
899
- readonly property: "marginBlockEnd";
900
- readonly scale: "spacing";
901
- }>;
902
- mi?: import("@codecademy/variance/dist/types/config").Scale<{
903
- readonly property: "margin";
904
- readonly properties: readonly ["marginInlineStart", "marginInlineEnd"];
905
- readonly scale: "spacing";
906
- }>;
907
- mis?: import("@codecademy/variance/dist/types/config").Scale<{
908
- readonly property: "marginInlineStart";
909
- readonly scale: "spacing";
910
- }>;
911
- mie?: import("@codecademy/variance/dist/types/config").Scale<{
912
- readonly property: "marginInlineEnd";
913
- readonly scale: "spacing";
914
- }>;
915
811
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
916
812
  readonly property: "border";
917
813
  readonly properties: readonly ["borderLeft", "borderRight"];
@@ -1292,32 +1188,6 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1292
1188
  readonly property: "paddingLeft";
1293
1189
  readonly scale: "spacing";
1294
1190
  }>;
1295
- pbl?: import("@codecademy/variance/dist/types/config").Scale<{
1296
- readonly property: "padding";
1297
- readonly properties: readonly ["paddingBlockStart", "paddingBlockEnd"];
1298
- readonly scale: "spacing";
1299
- }>;
1300
- pbls?: import("@codecademy/variance/dist/types/config").Scale<{
1301
- readonly property: "paddingBlockStart";
1302
- readonly scale: "spacing";
1303
- }>;
1304
- pble?: import("@codecademy/variance/dist/types/config").Scale<{
1305
- readonly property: "paddingBlockEnd";
1306
- readonly scale: "spacing";
1307
- }>;
1308
- pi?: import("@codecademy/variance/dist/types/config").Scale<{
1309
- readonly property: "padding";
1310
- readonly properties: readonly ["paddingInlineStart", "paddingInlineEnd"];
1311
- readonly scale: "spacing";
1312
- }>;
1313
- pis?: import("@codecademy/variance/dist/types/config").Scale<{
1314
- readonly property: "paddingInlineStart";
1315
- readonly scale: "spacing";
1316
- }>;
1317
- pie?: import("@codecademy/variance/dist/types/config").Scale<{
1318
- readonly property: "paddingInlineEnd";
1319
- readonly scale: "spacing";
1320
- }>;
1321
1191
  m?: import("@codecademy/variance/dist/types/config").Scale<{
1322
1192
  readonly property: "margin";
1323
1193
  readonly scale: "spacing";
@@ -1348,32 +1218,6 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
1348
1218
  readonly property: "marginLeft";
1349
1219
  readonly scale: "spacing";
1350
1220
  }>;
1351
- mbl?: import("@codecademy/variance/dist/types/config").Scale<{
1352
- readonly property: "margin";
1353
- readonly properties: readonly ["marginBlockStart", "marginBlockEnd"];
1354
- readonly scale: "spacing";
1355
- }>;
1356
- mbls?: import("@codecademy/variance/dist/types/config").Scale<{
1357
- readonly property: "marginBlockStart";
1358
- readonly scale: "spacing";
1359
- }>;
1360
- mble?: import("@codecademy/variance/dist/types/config").Scale<{
1361
- readonly property: "marginBlockEnd";
1362
- readonly scale: "spacing";
1363
- }>;
1364
- mi?: import("@codecademy/variance/dist/types/config").Scale<{
1365
- readonly property: "margin";
1366
- readonly properties: readonly ["marginInlineStart", "marginInlineEnd"];
1367
- readonly scale: "spacing";
1368
- }>;
1369
- mis?: import("@codecademy/variance/dist/types/config").Scale<{
1370
- readonly property: "marginInlineStart";
1371
- readonly scale: "spacing";
1372
- }>;
1373
- mie?: import("@codecademy/variance/dist/types/config").Scale<{
1374
- readonly property: "marginInlineEnd";
1375
- readonly scale: "spacing";
1376
- }>;
1377
1221
  borderX?: import("@codecademy/variance/dist/types/config").Scale<{
1378
1222
  readonly property: "border";
1379
1223
  readonly properties: readonly ["borderLeft", "borderRight"];
package/dist/variance/config.d.ts CHANGED
@@ -501,32 +501,6 @@ export declare const margin: {
501
501
  readonly property: "marginLeft";
502
502
  readonly scale: "spacing";
503
503
  };
504
- readonly mbl: {
505
- readonly property: "margin";
506
- readonly properties: readonly ["marginBlockStart", "marginBlockEnd"];
507
- readonly scale: "spacing";
508
- };
509
- readonly mbls: {
510
- readonly property: "marginBlockStart";
511
- readonly scale: "spacing";
512
- };
513
- readonly mble: {
514
- readonly property: "marginBlockEnd";
515
- readonly scale: "spacing";
516
- };
517
- readonly mi: {
518
- readonly property: "margin";
519
- readonly properties: readonly ["marginInlineStart", "marginInlineEnd"];
520
- readonly scale: "spacing";
521
- };
522
- readonly mis: {
523
- readonly property: "marginInlineStart";
524
- readonly scale: "spacing";
525
- };
526
- readonly mie: {
527
- readonly property: "marginInlineEnd";
528
- readonly scale: "spacing";
529
- };
530
504
  };
531
505
  export declare const padding: {
532
506
  readonly p: {
@@ -559,32 +533,6 @@ export declare const padding: {
559
533
  readonly property: "paddingLeft";
560
534
  readonly scale: "spacing";
561
535
  };
562
- readonly pbl: {
563
- readonly property: "padding";
564
- readonly properties: readonly ["paddingBlockStart", "paddingBlockEnd"];
565
- readonly scale: "spacing";
566
- };
567
- readonly pbls: {
568
- readonly property: "paddingBlockStart";
569
- readonly scale: "spacing";
570
- };
571
- readonly pble: {
572
- readonly property: "paddingBlockEnd";
573
- readonly scale: "spacing";
574
- };
575
- readonly pi: {
576
- readonly property: "padding";
577
- readonly properties: readonly ["paddingInlineStart", "paddingInlineEnd"];
578
- readonly scale: "spacing";
579
- };
580
- readonly pis: {
581
- readonly property: "paddingInlineStart";
582
- readonly scale: "spacing";
583
- };
584
- readonly pie: {
585
- readonly property: "paddingInlineEnd";
586
- readonly scale: "spacing";
587
- };
588
536
  };
589
537
  export declare const space: {
590
538
  readonly p: {
@@ -617,32 +565,6 @@ export declare const space: {
617
565
  readonly property: "paddingLeft";
618
566
  readonly scale: "spacing";
619
567
  };
620
- readonly pbl: {
621
- readonly property: "padding";
622
- readonly properties: readonly ["paddingBlockStart", "paddingBlockEnd"];
623
- readonly scale: "spacing";
624
- };
625
- readonly pbls: {
626
- readonly property: "paddingBlockStart";
627
- readonly scale: "spacing";
628
- };
629
- readonly pble: {
630
- readonly property: "paddingBlockEnd";
631
- readonly scale: "spacing";
632
- };
633
- readonly pi: {
634
- readonly property: "padding";
635
- readonly properties: readonly ["paddingInlineStart", "paddingInlineEnd"];
636
- readonly scale: "spacing";
637
- };
638
- readonly pis: {
639
- readonly property: "paddingInlineStart";
640
- readonly scale: "spacing";
641
- };
642
- readonly pie: {
643
- readonly property: "paddingInlineEnd";
644
- readonly scale: "spacing";
645
- };
646
568
  readonly m: {
647
569
  readonly property: "margin";
648
570
  readonly scale: "spacing";
@@ -673,32 +595,6 @@ export declare const space: {
673
595
  readonly property: "marginLeft";
674
596
  readonly scale: "spacing";
675
597
  };
676
- readonly mbl: {
677
- readonly property: "margin";
678
- readonly properties: readonly ["marginBlockStart", "marginBlockEnd"];
679
- readonly scale: "spacing";
680
- };
681
- readonly mbls: {
682
- readonly property: "marginBlockStart";
683
- readonly scale: "spacing";
684
- };
685
- readonly mble: {
686
- readonly property: "marginBlockEnd";
687
- readonly scale: "spacing";
688
- };
689
- readonly mi: {
690
- readonly property: "margin";
691
- readonly properties: readonly ["marginInlineStart", "marginInlineEnd"];
692
- readonly scale: "spacing";
693
- };
694
- readonly mis: {
695
- readonly property: "marginInlineStart";
696
- readonly scale: "spacing";
697
- };
698
- readonly mie: {
699
- readonly property: "marginInlineEnd";
700
- readonly scale: "spacing";
701
- };
702
598
  };
703
599
  export declare const all: {
704
600
  listStyle: {
@@ -1089,32 +985,6 @@ export declare const all: {
1089
985
  readonly property: "paddingLeft";
1090
986
  readonly scale: "spacing";
1091
987
  };
1092
- pbl: {
1093
- readonly property: "padding";
1094
- readonly properties: readonly ["paddingBlockStart", "paddingBlockEnd"];
1095
- readonly scale: "spacing";
1096
- };
1097
- pbls: {
1098
- readonly property: "paddingBlockStart";
1099
- readonly scale: "spacing";
1100
- };
1101
- pble: {
1102
- readonly property: "paddingBlockEnd";
1103
- readonly scale: "spacing";
1104
- };
1105
- pi: {
1106
- readonly property: "padding";
1107
- readonly properties: readonly ["paddingInlineStart", "paddingInlineEnd"];
1108
- readonly scale: "spacing";
1109
- };
1110
- pis: {
1111
- readonly property: "paddingInlineStart";
1112
- readonly scale: "spacing";
1113
- };
1114
- pie: {
1115
- readonly property: "paddingInlineEnd";
1116
- readonly scale: "spacing";
1117
- };
1118
988
  m: {
1119
989
  readonly property: "margin";
1120
990
  readonly scale: "spacing";
@@ -1145,32 +1015,6 @@ export declare const all: {
1145
1015
  readonly property: "marginLeft";
1146
1016
  readonly scale: "spacing";
1147
1017
  };
1148
- mbl: {
1149
- readonly property: "margin";
1150
- readonly properties: readonly ["marginBlockStart", "marginBlockEnd"];
1151
- readonly scale: "spacing";
1152
- };
1153
- mbls: {
1154
- readonly property: "marginBlockStart";
1155
- readonly scale: "spacing";
1156
- };
1157
- mble: {
1158
- readonly property: "marginBlockEnd";
1159
- readonly scale: "spacing";
1160
- };
1161
- mi: {
1162
- readonly property: "margin";
1163
- readonly properties: readonly ["marginInlineStart", "marginInlineEnd"];
1164
- readonly scale: "spacing";
1165
- };
1166
- mis: {
1167
- readonly property: "marginInlineStart";
1168
- readonly scale: "spacing";
1169
- };
1170
- mie: {
1171
- readonly property: "marginInlineEnd";
1172
- readonly scale: "spacing";
1173
- };
1174
1018
  fontFamily: {
1175
1019
  readonly property: "fontFamily";
1176
1020
  readonly scale: "fontFamily";
package/dist/variance/config.js CHANGED
@@ -461,33 +461,6 @@ export const margin = {
461
461
  ml: {
462
462
  property: 'marginLeft',
463
463
  scale: 'spacing'
464
- },
465
- // Logical properties
466
- mbl: {
467
- property: 'margin',
468
- properties: ['marginBlockStart', 'marginBlockEnd'],
469
- scale: 'spacing'
470
- },
471
- mbls: {
472
- property: 'marginBlockStart',
473
- scale: 'spacing'
474
- },
475
- mble: {
476
- property: 'marginBlockEnd',
477
- scale: 'spacing'
478
- },
479
- mi: {
480
- property: 'margin',
481
- properties: ['marginInlineStart', 'marginInlineEnd'],
482
- scale: 'spacing'
483
- },
484
- mis: {
485
- property: 'marginInlineStart',
486
- scale: 'spacing'
487
- },
488
- mie: {
489
- property: 'marginInlineEnd',
490
- scale: 'spacing'
491
464
  }
492
465
  };
493
466
  export const padding = {
@@ -520,33 +493,6 @@ export const padding = {
520
493
  pl: {
521
494
  property: 'paddingLeft',
522
495
  scale: 'spacing'
523
- },
524
- // Logical properties
525
- pbl: {
526
- property: 'padding',
527
- properties: ['paddingBlockStart', 'paddingBlockEnd'],
528
- scale: 'spacing'
529
- },
530
- pbls: {
531
- property: 'paddingBlockStart',
532
- scale: 'spacing'
533
- },
534
- pble: {
535
- property: 'paddingBlockEnd',
536
- scale: 'spacing'
537
- },
538
- pi: {
539
- property: 'padding',
540
- properties: ['paddingInlineStart', 'paddingInlineEnd'],
541
- scale: 'spacing'
542
- },
543
- pis: {
544
- property: 'paddingInlineStart',
545
- scale: 'spacing'
546
- },
547
- pie: {
548
- property: 'paddingInlineEnd',
549
- scale: 'spacing'
550
496
  }
551
497
  };
552
498
  export const space = {
package/dist/variance/props.d.ts CHANGED
@@ -370,32 +370,6 @@ export declare const space: import("@codecademy/variance/dist/types/config").Par
370
370
  readonly property: "paddingLeft";
371
371
  readonly scale: "spacing";
372
372
  };
373
- readonly pbl: {
374
- readonly property: "padding";
375
- readonly properties: readonly ["paddingBlockStart", "paddingBlockEnd"];
376
- readonly scale: "spacing";
377
- };
378
- readonly pbls: {
379
- readonly property: "paddingBlockStart";
380
- readonly scale: "spacing";
381
- };
382
- readonly pble: {
383
- readonly property: "paddingBlockEnd";
384
- readonly scale: "spacing";
385
- };
386
- readonly pi: {
387
- readonly property: "padding";
388
- readonly properties: readonly ["paddingInlineStart", "paddingInlineEnd"];
389
- readonly scale: "spacing";
390
- };
391
- readonly pis: {
392
- readonly property: "paddingInlineStart";
393
- readonly scale: "spacing";
394
- };
395
- readonly pie: {
396
- readonly property: "paddingInlineEnd";
397
- readonly scale: "spacing";
398
- };
399
373
  readonly m: {
400
374
  readonly property: "margin";
401
375
  readonly scale: "spacing";
@@ -426,32 +400,6 @@ export declare const space: import("@codecademy/variance/dist/types/config").Par
426
400
  readonly property: "marginLeft";
427
401
  readonly scale: "spacing";
428
402
  };
429
- readonly mbl: {
430
- readonly property: "margin";
431
- readonly properties: readonly ["marginBlockStart", "marginBlockEnd"];
432
- readonly scale: "spacing";
433
- };
434
- readonly mbls: {
435
- readonly property: "marginBlockStart";
436
- readonly scale: "spacing";
437
- };
438
- readonly mble: {
439
- readonly property: "marginBlockEnd";
440
- readonly scale: "spacing";
441
- };
442
- readonly mi: {
443
- readonly property: "margin";
444
- readonly properties: readonly ["marginInlineStart", "marginInlineEnd"];
445
- readonly scale: "spacing";
446
- };
447
- readonly mis: {
448
- readonly property: "marginInlineStart";
449
- readonly scale: "spacing";
450
- };
451
- readonly mie: {
452
- readonly property: "marginInlineEnd";
453
- readonly scale: "spacing";
454
- };
455
403
  }>>;
456
404
  export declare const border: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
457
405
  readonly border: {
@@ -617,32 +565,6 @@ export declare const padding: import("@codecademy/variance/dist/types/config").P
617
565
  readonly property: "paddingLeft";
618
566
  readonly scale: "spacing";
619
567
  };
620
- readonly pbl: {
621
- readonly property: "padding";
622
- readonly properties: readonly ["paddingBlockStart", "paddingBlockEnd"];
623
- readonly scale: "spacing";
624
- };
625
- readonly pbls: {
626
- readonly property: "paddingBlockStart";
627
- readonly scale: "spacing";
628
- };
629
- readonly pble: {
630
- readonly property: "paddingBlockEnd";
631
- readonly scale: "spacing";
632
- };
633
- readonly pi: {
634
- readonly property: "padding";
635
- readonly properties: readonly ["paddingInlineStart", "paddingInlineEnd"];
636
- readonly scale: "spacing";
637
- };
638
- readonly pis: {
639
- readonly property: "paddingInlineStart";
640
- readonly scale: "spacing";
641
- };
642
- readonly pie: {
643
- readonly property: "paddingInlineEnd";
644
- readonly scale: "spacing";
645
- };
646
568
  }>>;
647
569
  export declare const margin: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
648
570
  readonly m: {
@@ -675,32 +597,6 @@ export declare const margin: import("@codecademy/variance/dist/types/config").Pa
675
597
  readonly property: "marginLeft";
676
598
  readonly scale: "spacing";
677
599
  };
678
- readonly mbl: {
679
- readonly property: "margin";
680
- readonly properties: readonly ["marginBlockStart", "marginBlockEnd"];
681
- readonly scale: "spacing";
682
- };
683
- readonly mbls: {
684
- readonly property: "marginBlockStart";
685
- readonly scale: "spacing";
686
- };
687
- readonly mble: {
688
- readonly property: "marginBlockEnd";
689
- readonly scale: "spacing";
690
- };
691
- readonly mi: {
692
- readonly property: "margin";
693
- readonly properties: readonly ["marginInlineStart", "marginInlineEnd"];
694
- readonly scale: "spacing";
695
- };
696
- readonly mis: {
697
- readonly property: "marginInlineStart";
698
- readonly scale: "spacing";
699
- };
700
- readonly mie: {
701
- readonly property: "marginInlineEnd";
702
- readonly scale: "spacing";
703
- };
704
600
  }>>;
705
601
  /** CSS */
706
602
  export declare const css: import("@codecademy/variance/dist/types/config").CSS<import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
@@ -1092,32 +988,6 @@ export declare const css: import("@codecademy/variance/dist/types/config").CSS<i
1092
988
  readonly property: "paddingLeft";
1093
989
  readonly scale: "spacing";
1094
990
  };
1095
- pbl: {
1096
- readonly property: "padding";
1097
- readonly properties: readonly ["paddingBlockStart", "paddingBlockEnd"];
1098
- readonly scale: "spacing";
1099
- };
1100
- pbls: {
1101
- readonly property: "paddingBlockStart";
1102
- readonly scale: "spacing";
1103
- };
1104
- pble: {
1105
- readonly property: "paddingBlockEnd";
1106
- readonly scale: "spacing";
1107
- };
1108
- pi: {
1109
- readonly property: "padding";
1110
- readonly properties: readonly ["paddingInlineStart", "paddingInlineEnd"];
1111
- readonly scale: "spacing";
1112
- };
1113
- pis: {
1114
- readonly property: "paddingInlineStart";
1115
- readonly scale: "spacing";
1116
- };
1117
- pie: {
1118
- readonly property: "paddingInlineEnd";
1119
- readonly scale: "spacing";
1120
- };
1121
991
  m: {
1122
992
  readonly property: "margin";
1123
993
  readonly scale: "spacing";
@@ -1148,32 +1018,6 @@ export declare const css: import("@codecademy/variance/dist/types/config").CSS<i
1148
1018
  readonly property: "marginLeft";
1149
1019
  readonly scale: "spacing";
1150
1020
  };
1151
- mbl: {
1152
- readonly property: "margin";
1153
- readonly properties: readonly ["marginBlockStart", "marginBlockEnd"];
1154
- readonly scale: "spacing";
1155
- };
1156
- mbls: {
1157
- readonly property: "marginBlockStart";
1158
- readonly scale: "spacing";
1159
- };
1160
- mble: {
1161
- readonly property: "marginBlockEnd";
1162
- readonly scale: "spacing";
1163
- };
1164
- mi: {
1165
- readonly property: "margin";
1166
- readonly properties: readonly ["marginInlineStart", "marginInlineEnd"];
1167
- readonly scale: "spacing";
1168
- };
1169
- mis: {
1170
- readonly property: "marginInlineStart";
1171
- readonly scale: "spacing";
1172
- };
1173
- mie: {
1174
- readonly property: "marginInlineEnd";
1175
- readonly scale: "spacing";
1176
- };
1177
1021
  fontFamily: {
1178
1022
  readonly property: "fontFamily";
1179
1023
  readonly scale: "fontFamily";
@@ -1598,32 +1442,6 @@ export declare const variant: import("@codecademy/variance/dist/types/config").V
1598
1442
  readonly property: "paddingLeft";
1599
1443
  readonly scale: "spacing";
1600
1444
  };
1601
- pbl: {
1602
- readonly property: "padding";
1603
- readonly properties: readonly ["paddingBlockStart", "paddingBlockEnd"];
1604
- readonly scale: "spacing";
1605
- };
1606
- pbls: {
1607
- readonly property: "paddingBlockStart";
1608
- readonly scale: "spacing";
1609
- };
1610
- pble: {
1611
- readonly property: "paddingBlockEnd";
1612
- readonly scale: "spacing";
1613
- };
1614
- pi: {
1615
- readonly property: "padding";
1616
- readonly properties: readonly ["paddingInlineStart", "paddingInlineEnd"];
1617
- readonly scale: "spacing";
1618
- };
1619
- pis: {
1620
- readonly property: "paddingInlineStart";
1621
- readonly scale: "spacing";
1622
- };
1623
- pie: {
1624
- readonly property: "paddingInlineEnd";
1625
- readonly scale: "spacing";
1626
- };
1627
1445
  m: {
1628
1446
  readonly property: "margin";
1629
1447
  readonly scale: "spacing";
@@ -1654,32 +1472,6 @@ export declare const variant: import("@codecademy/variance/dist/types/config").V
1654
1472
  readonly property: "marginLeft";
1655
1473
  readonly scale: "spacing";
1656
1474
  };
1657
- mbl: {
1658
- readonly property: "margin";
1659
- readonly properties: readonly ["marginBlockStart", "marginBlockEnd"];
1660
- readonly scale: "spacing";
1661
- };
1662
- mbls: {
1663
- readonly property: "marginBlockStart";
1664
- readonly scale: "spacing";
1665
- };
1666
- mble: {
1667
- readonly property: "marginBlockEnd";
1668
- readonly scale: "spacing";
1669
- };
1670
- mi: {
1671
- readonly property: "margin";
1672
- readonly properties: readonly ["marginInlineStart", "marginInlineEnd"];
1673
- readonly scale: "spacing";
1674
- };
1675
- mis: {
1676
- readonly property: "marginInlineStart";
1677
- readonly scale: "spacing";
1678
- };
1679
- mie: {
1680
- readonly property: "marginInlineEnd";
1681
- readonly scale: "spacing";
1682
- };
1683
1475
  fontFamily: {
1684
1476
  readonly property: "fontFamily";
1685
1477
  readonly scale: "fontFamily";
@@ -2104,32 +1896,6 @@ export declare const states: import("@codecademy/variance/dist/types/config").St
2104
1896
  readonly property: "paddingLeft";
2105
1897
  readonly scale: "spacing";
2106
1898
  };
2107
- pbl: {
2108
- readonly property: "padding";
2109
- readonly properties: readonly ["paddingBlockStart", "paddingBlockEnd"];
2110
- readonly scale: "spacing";
2111
- };
2112
- pbls: {
2113
- readonly property: "paddingBlockStart";
2114
- readonly scale: "spacing";
2115
- };
2116
- pble: {
2117
- readonly property: "paddingBlockEnd";
2118
- readonly scale: "spacing";
2119
- };
2120
- pi: {
2121
- readonly property: "padding";
2122
- readonly properties: readonly ["paddingInlineStart", "paddingInlineEnd"];
2123
- readonly scale: "spacing";
2124
- };
2125
- pis: {
2126
- readonly property: "paddingInlineStart";
2127
- readonly scale: "spacing";
2128
- };
2129
- pie: {
2130
- readonly property: "paddingInlineEnd";
2131
- readonly scale: "spacing";
2132
- };
2133
1899
  m: {
2134
1900
  readonly property: "margin";
2135
1901
  readonly scale: "spacing";
@@ -2160,32 +1926,6 @@ export declare const states: import("@codecademy/variance/dist/types/config").St
2160
1926
  readonly property: "marginLeft";
2161
1927
  readonly scale: "spacing";
2162
1928
  };
2163
- mbl: {
2164
- readonly property: "margin";
2165
- readonly properties: readonly ["marginBlockStart", "marginBlockEnd"];
2166
- readonly scale: "spacing";
2167
- };
2168
- mbls: {
2169
- readonly property: "marginBlockStart";
2170
- readonly scale: "spacing";
2171
- };
2172
- mble: {
2173
- readonly property: "marginBlockEnd";
2174
- readonly scale: "spacing";
2175
- };
2176
- mi: {
2177
- readonly property: "margin";
2178
- readonly properties: readonly ["marginInlineStart", "marginInlineEnd"];
2179
- readonly scale: "spacing";
2180
- };
2181
- mis: {
2182
- readonly property: "marginInlineStart";
2183
- readonly scale: "spacing";
2184
- };
2185
- mie: {
2186
- readonly property: "marginInlineEnd";
2187
- readonly scale: "spacing";
2188
- };
2189
1929
  fontFamily: {
2190
1930
  readonly property: "fontFamily";
2191
1931
  readonly scale: "fontFamily";
package/dist/variance/utils.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  import { ThemeProps } from '@codecademy/variance';
3
- declare const allPropnames: ["mode", "variant", "fontStyle" | "fontWeight" | "fontSize" | "fontFamily" | "lineHeight" | "color" | "background" | "border" | "p" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "containerType" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "listStyleImage" | "listStylePosition" | "listStyleType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "textAlign" | "textShadow" | "textTransform" | "top" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "backgroundPosition" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "listStyle" | "overflow" | "textDecoration" | "dimensions" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "pbl" | "pbls" | "pble" | "pi" | "pis" | "pie" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "mbl" | "mbls" | "mble" | "mi" | "mis" | "mie" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom"];
3
+ declare const allPropnames: ["mode", "variant", "fontStyle" | "fontWeight" | "fontSize" | "fontFamily" | "lineHeight" | "color" | "background" | "border" | "p" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "containerType" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "listStyleImage" | "listStylePosition" | "listStyleType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "textAlign" | "textShadow" | "textTransform" | "top" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "backgroundPosition" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "listStyle" | "overflow" | "textDecoration" | "dimensions" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom"];
4
4
  export type SystemPropNames = (typeof allPropnames)[number];
5
5
  export type ElementOrProps = keyof JSX.IntrinsicElements | ThemeProps;
6
6
  export type ForwardableProps<El extends ElementOrProps, Additional> = Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, Additional | SystemPropNames>;
7
7
  export declare function createStyledOptions<El extends ElementOrProps = 'div', Additional extends string = never>(additional?: readonly Additional[]): {
8
- shouldForwardProp: (prop: PropertyKey) => prop is Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, "fontStyle" | "fontWeight" | "fontSize" | "fontFamily" | "lineHeight" | "color" | "background" | "border" | "mode" | "p" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "containerType" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "listStyleImage" | "listStylePosition" | "listStyleType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "textAlign" | "textShadow" | "textTransform" | "top" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "backgroundPosition" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "listStyle" | "overflow" | "textDecoration" | "dimensions" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "pbl" | "pbls" | "pble" | "pi" | "pis" | "pie" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "mbl" | "mbls" | "mble" | "mi" | "mis" | "mie" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom" | "variant" | Additional>;
8
+ shouldForwardProp: (prop: PropertyKey) => prop is Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, "fontStyle" | "fontWeight" | "fontSize" | "fontFamily" | "lineHeight" | "color" | "background" | "border" | "mode" | "p" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "containerType" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "listStyleImage" | "listStylePosition" | "listStyleType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "textAlign" | "textShadow" | "textTransform" | "top" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "backgroundPosition" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "listStyle" | "overflow" | "textDecoration" | "dimensions" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom" | "variant" | Additional>;
9
9
  };
10
10
  /**
11
11
  * @description
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@codecademy/gamut-styles",
3
3
  "description": "Styleguide & Component library for codecademy.com",
4
- "version": "17.11.1-alpha.ce5894.0",
4
+ "version": "17.11.1-alpha.db5e20.0",
5
5
  "author": "Jake Hiller <jake@codecademy.com>",
6
6
  "dependencies": {
7
- "@codecademy/variance": "0.25.0",
7
+ "@codecademy/variance": "0.25.1-alpha.db5e20.0",
8
8
  "@emotion/is-prop-valid": "^1.1.0",
9
9
  "polished": "^4.1.2"
10
10
  },
@@ -34,5 +34,5 @@
34
34
  "scripts": {
35
35
  "build": "nx build @codecademy/gamut-styles"
36
36
  },
37
- "gitHead": "5b5cd0e80ea8e01f86b4278e481d0997d34a7a4f"
37
+ "gitHead": "af065a37aad7f08dee62b3c38dff4b606043b70b"
38
38
  }