@carbon/themes 10.41.0-rc.0 → 10.43.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.
@@ -158,47 +158,47 @@ $carbon--theme--white: (
158
158
  caption-01: (
159
159
  font-size: 0.75rem,
160
160
  font-weight: 400,
161
- line-height: 1.34,
161
+ line-height: 1.33333,
162
162
  letter-spacing: 0.32px,
163
163
  ),
164
164
  caption-02: (
165
165
  font-size: 0.875rem,
166
166
  font-weight: 400,
167
- line-height: 1.29,
167
+ line-height: 1.28572,
168
168
  letter-spacing: 0.32px,
169
169
  ),
170
170
  label-01: (
171
171
  font-size: 0.75rem,
172
172
  font-weight: 400,
173
- line-height: 1.34,
173
+ line-height: 1.33333,
174
174
  letter-spacing: 0.32px,
175
175
  ),
176
176
  label-02: (
177
177
  font-size: 0.875rem,
178
178
  font-weight: 400,
179
- line-height: 1.29,
180
- letter-spacing: 0.32px,
179
+ line-height: 1.28572,
180
+ letter-spacing: 0.16px,
181
181
  ),
182
182
  helper-text-01: (
183
183
  font-size: 0.75rem,
184
- line-height: 1.34,
184
+ line-height: 1.33333,
185
185
  letter-spacing: 0.32px,
186
186
  ),
187
187
  helper-text-02: (
188
188
  font-size: 0.875rem,
189
- line-height: 1.29,
190
- letter-spacing: 0.32px,
189
+ line-height: 1.28572,
190
+ letter-spacing: 0.16px,
191
191
  ),
192
192
  body-short-01: (
193
193
  font-size: 0.875rem,
194
194
  font-weight: 400,
195
- line-height: 1.29,
195
+ line-height: 1.28572,
196
196
  letter-spacing: 0.16px,
197
197
  ),
198
198
  body-long-01: (
199
199
  font-size: 0.875rem,
200
200
  font-weight: 400,
201
- line-height: 1.43,
201
+ line-height: 1.42857,
202
202
  letter-spacing: 0.16px,
203
203
  ),
204
204
  body-short-02: (
@@ -220,7 +220,7 @@ $carbon--theme--white: (
220
220
  ),
221
221
  font-size: 0.75rem,
222
222
  font-weight: 400,
223
- line-height: 1.34,
223
+ line-height: 1.33333,
224
224
  letter-spacing: 0.32px,
225
225
  ),
226
226
  code-02: (
@@ -230,25 +230,25 @@ $carbon--theme--white: (
230
230
  ),
231
231
  font-size: 0.875rem,
232
232
  font-weight: 400,
233
- line-height: 1.43,
233
+ line-height: 1.42857,
234
234
  letter-spacing: 0.32px,
235
235
  ),
236
236
  heading-01: (
237
237
  font-size: 0.875rem,
238
238
  font-weight: 600,
239
- line-height: 1.29,
239
+ line-height: 1.42857,
240
240
  letter-spacing: 0.16px,
241
241
  ),
242
242
  productive-heading-01: (
243
243
  font-size: 0.875rem,
244
244
  font-weight: 600,
245
- line-height: 1.29,
245
+ line-height: 1.28572,
246
246
  letter-spacing: 0.16px,
247
247
  ),
248
248
  heading-02: (
249
249
  font-size: 1rem,
250
250
  font-weight: 600,
251
- line-height: 1.375,
251
+ line-height: 1.5,
252
252
  letter-spacing: 0,
253
253
  ),
254
254
  productive-heading-02: (
@@ -266,7 +266,7 @@ $carbon--theme--white: (
266
266
  productive-heading-04: (
267
267
  font-size: 1.75rem,
268
268
  font-weight: 400,
269
- line-height: 1.29,
269
+ line-height: 1.28572,
270
270
  letter-spacing: 0,
271
271
  ),
272
272
  productive-heading-05: (
@@ -284,7 +284,7 @@ $carbon--theme--white: (
284
284
  productive-heading-07: (
285
285
  font-size: 3.375rem,
286
286
  font-weight: 300,
287
- line-height: 1.19,
287
+ line-height: 1.199,
288
288
  letter-spacing: 0,
289
289
  ),
290
290
  expressive-heading-01: (
@@ -318,7 +318,7 @@ $carbon--theme--white: (
318
318
  expressive-heading-04: (
319
319
  font-size: 1.75rem,
320
320
  font-weight: 400,
321
- line-height: 1.29,
321
+ line-height: 1.28572,
322
322
  letter-spacing: 0,
323
323
  breakpoints: (
324
324
  xlg: (
@@ -400,7 +400,7 @@ $carbon--theme--white: (
400
400
  breakpoints: (
401
401
  lg: (
402
402
  font-size: 1.75rem,
403
- line-height: 1.29,
403
+ line-height: 1.28572,
404
404
  ),
405
405
  max: (
406
406
  font-size: 2rem,
@@ -409,6 +409,7 @@ $carbon--theme--white: (
409
409
  ),
410
410
  ),
411
411
  quotation-01: (
412
+ font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
412
413
  font-size: 1.25rem,
413
414
  font-weight: 400,
414
415
  line-height: 1.3,
@@ -428,7 +429,7 @@ $carbon--theme--white: (
428
429
  xlg: (
429
430
  font-size: 1.75rem,
430
431
  font-weight: 400,
431
- line-height: 1.29,
432
+ line-height: 1.28572,
432
433
  letter-spacing: 0,
433
434
  ),
434
435
  max: (
@@ -440,6 +441,7 @@ $carbon--theme--white: (
440
441
  ),
441
442
  ),
442
443
  quotation-02: (
444
+ font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
443
445
  font-size: 2rem,
444
446
  font-weight: 300,
445
447
  line-height: 1.25,
@@ -559,6 +561,346 @@ $carbon--theme--white: (
559
561
  ),
560
562
  ),
561
563
  ),
564
+ legal-01: (
565
+ font-size: 0.75rem,
566
+ font-weight: 400,
567
+ line-height: 1.33333,
568
+ letter-spacing: 0.32px,
569
+ ),
570
+ legal-02: (
571
+ font-size: 0.875rem,
572
+ font-weight: 400,
573
+ line-height: 1.28572,
574
+ letter-spacing: 0.16px,
575
+ ),
576
+ body-compact-01: (
577
+ font-size: 0.875rem,
578
+ font-weight: 400,
579
+ line-height: 1.28572,
580
+ letter-spacing: 0.16px,
581
+ ),
582
+ body-compact-02: (
583
+ font-size: 1rem,
584
+ font-weight: 400,
585
+ line-height: 1.375,
586
+ letter-spacing: 0,
587
+ ),
588
+ body-01: (
589
+ font-size: 0.875rem,
590
+ font-weight: 400,
591
+ line-height: 1.42857,
592
+ letter-spacing: 0.16px,
593
+ ),
594
+ body-02: (
595
+ font-size: 1rem,
596
+ font-weight: 400,
597
+ line-height: 1.5,
598
+ letter-spacing: 0,
599
+ ),
600
+ heading-compact-01: (
601
+ font-size: 0.875rem,
602
+ font-weight: 600,
603
+ line-height: 1.28572,
604
+ letter-spacing: 0.16px,
605
+ ),
606
+ heading-compact-02: (
607
+ font-size: 1rem,
608
+ font-weight: 600,
609
+ line-height: 1.375,
610
+ letter-spacing: 0,
611
+ ),
612
+ heading-03: (
613
+ font-size: 1.25rem,
614
+ font-weight: 400,
615
+ line-height: 1.4,
616
+ letter-spacing: 0,
617
+ ),
618
+ heading-04: (
619
+ font-size: 1.75rem,
620
+ font-weight: 400,
621
+ line-height: 1.28572,
622
+ letter-spacing: 0,
623
+ ),
624
+ heading-05: (
625
+ font-size: 2rem,
626
+ font-weight: 400,
627
+ line-height: 1.25,
628
+ letter-spacing: 0,
629
+ ),
630
+ heading-06: (
631
+ font-size: 2.625rem,
632
+ font-weight: 300,
633
+ line-height: 1.199,
634
+ letter-spacing: 0,
635
+ ),
636
+ heading-07: (
637
+ font-size: 3.375rem,
638
+ font-weight: 300,
639
+ line-height: 1.199,
640
+ letter-spacing: 0,
641
+ ),
642
+ fluid-heading-03: (
643
+ font-size: 1.25rem,
644
+ font-weight: 400,
645
+ line-height: 1.4,
646
+ letter-spacing: 0,
647
+ breakpoints: (
648
+ xlg: (
649
+ font-size: 1.25rem,
650
+ line-height: 1.25,
651
+ ),
652
+ max: (
653
+ font-size: 1.5rem,
654
+ line-height: 1.334,
655
+ ),
656
+ ),
657
+ ),
658
+ fluid-heading-04: (
659
+ font-size: 1.75rem,
660
+ font-weight: 400,
661
+ line-height: 1.28572,
662
+ letter-spacing: 0,
663
+ breakpoints: (
664
+ xlg: (
665
+ font-size: 1.75rem,
666
+ line-height: 1.25,
667
+ ),
668
+ max: (
669
+ font-size: 2rem,
670
+ ),
671
+ ),
672
+ ),
673
+ fluid-heading-05: (
674
+ font-size: 2rem,
675
+ font-weight: 400,
676
+ line-height: 1.25,
677
+ letter-spacing: 0,
678
+ breakpoints: (
679
+ md: (
680
+ font-size: 2.25rem,
681
+ font-weight: 300,
682
+ line-height: 1.22,
683
+ letter-spacing: 0,
684
+ ),
685
+ lg: (
686
+ font-size: 2.625rem,
687
+ font-weight: 300,
688
+ line-height: 1.19,
689
+ letter-spacing: 0,
690
+ ),
691
+ xlg: (
692
+ font-size: 3rem,
693
+ font-weight: 300,
694
+ line-height: 1.17,
695
+ letter-spacing: 0,
696
+ ),
697
+ max: (
698
+ font-size: 3.75rem,
699
+ font-weight: 300,
700
+ letter-spacing: 0,
701
+ ),
702
+ ),
703
+ ),
704
+ fluid-heading-06: (
705
+ font-size: 2rem,
706
+ font-weight: 600,
707
+ line-height: 1.25,
708
+ letter-spacing: 0,
709
+ breakpoints: (
710
+ md: (
711
+ font-size: 2.25rem,
712
+ font-weight: 600,
713
+ line-height: 1.22,
714
+ letter-spacing: 0,
715
+ ),
716
+ lg: (
717
+ font-size: 2.625rem,
718
+ font-weight: 600,
719
+ line-height: 1.19,
720
+ letter-spacing: 0,
721
+ ),
722
+ xlg: (
723
+ font-size: 3rem,
724
+ font-weight: 600,
725
+ line-height: 1.17,
726
+ letter-spacing: 0,
727
+ ),
728
+ max: (
729
+ font-size: 3.75rem,
730
+ font-weight: 600,
731
+ letter-spacing: 0,
732
+ ),
733
+ ),
734
+ ),
735
+ fluid-paragraph-01: (
736
+ font-size: 1.5rem,
737
+ font-weight: 300,
738
+ line-height: 1.334,
739
+ letter-spacing: 0,
740
+ breakpoints: (
741
+ lg: (
742
+ font-size: 1.75rem,
743
+ line-height: 1.28572,
744
+ ),
745
+ max: (
746
+ font-size: 2rem,
747
+ line-height: 1.25,
748
+ ),
749
+ ),
750
+ ),
751
+ fluid-quotation-01: (
752
+ font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
753
+ font-size: 1.25rem,
754
+ font-weight: 400,
755
+ line-height: 1.3,
756
+ letter-spacing: 0,
757
+ breakpoints: (
758
+ md: (
759
+ font-size: 1.25rem,
760
+ font-weight: 400,
761
+ letter-spacing: 0,
762
+ ),
763
+ lg: (
764
+ font-size: 1.5rem,
765
+ font-weight: 400,
766
+ line-height: 1.334,
767
+ letter-spacing: 0,
768
+ ),
769
+ xlg: (
770
+ font-size: 1.75rem,
771
+ font-weight: 400,
772
+ line-height: 1.28572,
773
+ letter-spacing: 0,
774
+ ),
775
+ max: (
776
+ font-size: 2rem,
777
+ font-weight: 400,
778
+ line-height: 1.25,
779
+ letter-spacing: 0,
780
+ ),
781
+ ),
782
+ ),
783
+ fluid-quotation-02: (
784
+ font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
785
+ font-size: 2rem,
786
+ font-weight: 300,
787
+ line-height: 1.25,
788
+ letter-spacing: 0,
789
+ breakpoints: (
790
+ md: (
791
+ font-size: 2.25rem,
792
+ line-height: 1.22,
793
+ ),
794
+ lg: (
795
+ font-size: 2.625rem,
796
+ line-height: 1.19,
797
+ ),
798
+ xlg: (
799
+ font-size: 3rem,
800
+ line-height: 1.17,
801
+ ),
802
+ max: (
803
+ font-size: 3.75rem,
804
+ ),
805
+ ),
806
+ ),
807
+ fluid-display-01: (
808
+ font-size: 2.625rem,
809
+ font-weight: 300,
810
+ line-height: 1.19,
811
+ letter-spacing: 0,
812
+ breakpoints: (
813
+ md: (
814
+ font-size: 2.625rem,
815
+ ),
816
+ lg: (
817
+ font-size: 3.375rem,
818
+ ),
819
+ xlg: (
820
+ font-size: 3.75rem,
821
+ line-height: 1.17,
822
+ ),
823
+ max: (
824
+ font-size: 4.75rem,
825
+ line-height: 1.13,
826
+ ),
827
+ ),
828
+ ),
829
+ fluid-display-02: (
830
+ font-size: 2.625rem,
831
+ font-weight: 600,
832
+ line-height: 1.19,
833
+ letter-spacing: 0,
834
+ breakpoints: (
835
+ md: (
836
+ font-size: 2.625rem,
837
+ ),
838
+ lg: (
839
+ font-size: 3.375rem,
840
+ ),
841
+ xlg: (
842
+ font-size: 3.75rem,
843
+ line-height: 1.16,
844
+ ),
845
+ max: (
846
+ font-size: 4.75rem,
847
+ line-height: 1.13,
848
+ ),
849
+ ),
850
+ ),
851
+ fluid-display-03: (
852
+ font-size: 2.625rem,
853
+ font-weight: 300,
854
+ line-height: 1.19,
855
+ letter-spacing: 0,
856
+ breakpoints: (
857
+ md: (
858
+ font-size: 4.25rem,
859
+ line-height: 1.15,
860
+ ),
861
+ lg: (
862
+ font-size: 5.75rem,
863
+ line-height: 1.11,
864
+ letter-spacing: -0.64px,
865
+ ),
866
+ xlg: (
867
+ font-size: 7.625rem,
868
+ line-height: 1.07,
869
+ ),
870
+ max: (
871
+ font-size: 9.75rem,
872
+ line-height: 1.05,
873
+ letter-spacing: -0.96px,
874
+ ),
875
+ ),
876
+ ),
877
+ fluid-display-04: (
878
+ font-size: 2.625rem,
879
+ font-weight: 600,
880
+ line-height: 1.19,
881
+ letter-spacing: 0,
882
+ breakpoints: (
883
+ md: (
884
+ font-size: 4.25rem,
885
+ line-height: 1.15,
886
+ ),
887
+ lg: (
888
+ font-size: 5.75rem,
889
+ line-height: 1.11,
890
+ letter-spacing: -0.64px,
891
+ ),
892
+ xlg: (
893
+ font-size: 7.625rem,
894
+ line-height: 1.07,
895
+ letter-spacing: -0.64px,
896
+ ),
897
+ max: (
898
+ font-size: 9.75rem,
899
+ line-height: 1.05,
900
+ letter-spacing: -0.96px,
901
+ ),
902
+ ),
903
+ ),
562
904
  spacing-01: 0.125rem,
563
905
  spacing-02: 0.25rem,
564
906
  spacing-03: 0.5rem,
@@ -2258,6 +2600,150 @@ $carbon--theme: (
2258
2600
  $display-04,
2259
2601
  map-get($carbon--theme--white, 'display-04')
2260
2602
  ),
2603
+ legal-01:
2604
+ if(
2605
+ global-variable-exists('legal-01'),
2606
+ $legal-01,
2607
+ map-get($carbon--theme--white, 'legal-01')
2608
+ ),
2609
+ legal-02:
2610
+ if(
2611
+ global-variable-exists('legal-02'),
2612
+ $legal-02,
2613
+ map-get($carbon--theme--white, 'legal-02')
2614
+ ),
2615
+ body-compact-01:
2616
+ if(
2617
+ global-variable-exists('body-compact-01'),
2618
+ $body-compact-01,
2619
+ map-get($carbon--theme--white, 'body-compact-01')
2620
+ ),
2621
+ body-compact-02:
2622
+ if(
2623
+ global-variable-exists('body-compact-02'),
2624
+ $body-compact-02,
2625
+ map-get($carbon--theme--white, 'body-compact-02')
2626
+ ),
2627
+ body-01:
2628
+ if(
2629
+ global-variable-exists('body-01'),
2630
+ $body-01,
2631
+ map-get($carbon--theme--white, 'body-01')
2632
+ ),
2633
+ body-02:
2634
+ if(
2635
+ global-variable-exists('body-02'),
2636
+ $body-02,
2637
+ map-get($carbon--theme--white, 'body-02')
2638
+ ),
2639
+ heading-compact-01:
2640
+ if(
2641
+ global-variable-exists('heading-compact-01'),
2642
+ $heading-compact-01,
2643
+ map-get($carbon--theme--white, 'heading-compact-01')
2644
+ ),
2645
+ heading-compact-02:
2646
+ if(
2647
+ global-variable-exists('heading-compact-02'),
2648
+ $heading-compact-02,
2649
+ map-get($carbon--theme--white, 'heading-compact-02')
2650
+ ),
2651
+ heading-03:
2652
+ if(
2653
+ global-variable-exists('heading-03'),
2654
+ $heading-03,
2655
+ map-get($carbon--theme--white, 'heading-03')
2656
+ ),
2657
+ heading-04:
2658
+ if(
2659
+ global-variable-exists('heading-04'),
2660
+ $heading-04,
2661
+ map-get($carbon--theme--white, 'heading-04')
2662
+ ),
2663
+ heading-05:
2664
+ if(
2665
+ global-variable-exists('heading-05'),
2666
+ $heading-05,
2667
+ map-get($carbon--theme--white, 'heading-05')
2668
+ ),
2669
+ heading-06:
2670
+ if(
2671
+ global-variable-exists('heading-06'),
2672
+ $heading-06,
2673
+ map-get($carbon--theme--white, 'heading-06')
2674
+ ),
2675
+ heading-07:
2676
+ if(
2677
+ global-variable-exists('heading-07'),
2678
+ $heading-07,
2679
+ map-get($carbon--theme--white, 'heading-07')
2680
+ ),
2681
+ fluid-heading-03:
2682
+ if(
2683
+ global-variable-exists('fluid-heading-03'),
2684
+ $fluid-heading-03,
2685
+ map-get($carbon--theme--white, 'fluid-heading-03')
2686
+ ),
2687
+ fluid-heading-04:
2688
+ if(
2689
+ global-variable-exists('fluid-heading-04'),
2690
+ $fluid-heading-04,
2691
+ map-get($carbon--theme--white, 'fluid-heading-04')
2692
+ ),
2693
+ fluid-heading-05:
2694
+ if(
2695
+ global-variable-exists('fluid-heading-05'),
2696
+ $fluid-heading-05,
2697
+ map-get($carbon--theme--white, 'fluid-heading-05')
2698
+ ),
2699
+ fluid-heading-06:
2700
+ if(
2701
+ global-variable-exists('fluid-heading-06'),
2702
+ $fluid-heading-06,
2703
+ map-get($carbon--theme--white, 'fluid-heading-06')
2704
+ ),
2705
+ fluid-paragraph-01:
2706
+ if(
2707
+ global-variable-exists('fluid-paragraph-01'),
2708
+ $fluid-paragraph-01,
2709
+ map-get($carbon--theme--white, 'fluid-paragraph-01')
2710
+ ),
2711
+ fluid-quotation-01:
2712
+ if(
2713
+ global-variable-exists('fluid-quotation-01'),
2714
+ $fluid-quotation-01,
2715
+ map-get($carbon--theme--white, 'fluid-quotation-01')
2716
+ ),
2717
+ fluid-quotation-02:
2718
+ if(
2719
+ global-variable-exists('fluid-quotation-02'),
2720
+ $fluid-quotation-02,
2721
+ map-get($carbon--theme--white, 'fluid-quotation-02')
2722
+ ),
2723
+ fluid-display-01:
2724
+ if(
2725
+ global-variable-exists('fluid-display-01'),
2726
+ $fluid-display-01,
2727
+ map-get($carbon--theme--white, 'fluid-display-01')
2728
+ ),
2729
+ fluid-display-02:
2730
+ if(
2731
+ global-variable-exists('fluid-display-02'),
2732
+ $fluid-display-02,
2733
+ map-get($carbon--theme--white, 'fluid-display-02')
2734
+ ),
2735
+ fluid-display-03:
2736
+ if(
2737
+ global-variable-exists('fluid-display-03'),
2738
+ $fluid-display-03,
2739
+ map-get($carbon--theme--white, 'fluid-display-03')
2740
+ ),
2741
+ fluid-display-04:
2742
+ if(
2743
+ global-variable-exists('fluid-display-04'),
2744
+ $fluid-display-04,
2745
+ map-get($carbon--theme--white, 'fluid-display-04')
2746
+ ),
2261
2747
  spacing-01:
2262
2748
  if(
2263
2749
  global-variable-exists('spacing-01'),