carbon-react 104.0.0 → 104.1.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 (8) hide show
  1. package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js +13 -23
  2. package/lib/style/themes/aegean/aegean-theme.config.d.ts +1 -0
  3. package/lib/style/themes/aegean/aegean-theme.config.js +2 -1
  4. package/lib/style/themes/base/base-theme.config.d.ts +162 -93
  5. package/lib/style/themes/mint/mint-theme.config.d.ts +1 -0
  6. package/lib/style/themes/mint/mint-theme.config.js +2 -1
  7. package/lib/style/themes/sage/index.d.ts +162 -93
  8. package/package.json +5 -5
package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js CHANGED
@@ -7,8 +7,6 @@ exports.default = void 0;
7
7
 
8
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
9
 
10
- var _base = _interopRequireDefault(require("../../../style/themes/base"));
11
-
12
10
  var _icon = _interopRequireDefault(require("../../icon/icon.style"));
13
11
 
14
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -23,19 +21,15 @@ const StepSequenceItemStyle = _styledComponents.default.li`
23
21
  flex-grow: 1;
24
22
  text-align: right;
25
23
  list-style-type: none;
26
- color: ${({
27
- theme
28
- }) => theme.disabled.disabled};
24
+ color: var(--colorsUtilityYin055);
29
25
 
30
26
  &::before {
31
27
  content: "";
32
28
  flex-grow: 1;
33
29
  display: block;
34
- height: 1px;
30
+ height: var(--sizing025);
35
31
  margin: 0 16px;
36
- background-color: ${({
37
- theme
38
- }) => theme.disabled.disabled};
32
+ background-color: var(--colorsUtilityYin055);
39
33
  }
40
34
 
41
35
  & span {
@@ -46,9 +40,7 @@ const StepSequenceItemStyle = _styledComponents.default.li`
46
40
 
47
41
  ${_icon.default} {
48
42
  margin-right: 8px;
49
- color: ${({
50
- theme
51
- }) => theme.colors.primary};
43
+ color: var(--colorsBaseTheme, var(--colorsSemanticPositive500));
52
44
  }
53
45
 
54
46
  &:first-child {
@@ -60,24 +52,25 @@ const StepSequenceItemStyle = _styledComponents.default.li`
60
52
  }
61
53
 
62
54
  ${({
63
- theme,
64
55
  status
65
56
  }) => status === "current" && (0, _styledComponents.css)`
66
- color: ${theme.text.color};
57
+ color: var(--colorsUtilityYin090);
67
58
 
68
59
  &::before {
69
- background-color: ${theme.colors.primary};
60
+ background-color: var(--colorsUtilityYin090);
70
61
  }
71
62
  `}
72
63
 
73
64
  ${({
74
- theme,
75
65
  status
76
66
  }) => status === "complete" && (0, _styledComponents.css)`
77
- color: ${theme.stepSequence.completedText};
67
+ color: var(--colorsBaseTheme, var(--colorsSemanticPositive500));
78
68
 
79
69
  &::before {
80
- background-color: ${theme.colors.primary};
70
+ background-color: var(
71
+ --colorsBaseTheme,
72
+ var(--colorsSemanticPositive500)
73
+ );
81
74
  }
82
75
  `}
83
76
 
@@ -89,14 +82,11 @@ const StepSequenceItemStyle = _styledComponents.default.li`
89
82
 
90
83
  &::before {
91
84
  flex-grow: 0;
92
- width: 1px;
93
- height: 24px;
85
+ width: var(--sizing025);
86
+ height: var(--sizing300);
94
87
  margin: 12px 8px;
95
88
  }
96
89
  `}
97
90
  `;
98
- StepSequenceItemStyle.defaultProps = {
99
- theme: _base.default
100
- };
101
91
  var _default = StepSequenceItemStyle;
102
92
  exports.default = _default;
package/lib/style/themes/aegean/aegean-theme.config.d.ts CHANGED
@@ -18,6 +18,7 @@ declare function _default(palette: any): {
18
18
  colorsActionMajor500: any;
19
19
  colorsActionMajor600: any;
20
20
  colorsActionMajor150: any;
21
+ colorsBaseTheme: any;
21
22
  };
22
23
  };
23
24
  export default _default;
package/lib/style/themes/aegean/aegean-theme.config.js CHANGED
@@ -32,7 +32,8 @@ var _default = palette => {
32
32
  return {
33
33
  colorsActionMajor500: this.colors.primary,
34
34
  colorsActionMajor600: this.colors.secondary,
35
- colorsActionMajor150: this.colors.loadingBarBackground
35
+ colorsActionMajor150: this.colors.loadingBarBackground,
36
+ colorsBaseTheme: this.colors.primary
36
37
  };
37
38
  }
38
39
 
package/lib/style/themes/base/base-theme.config.d.ts CHANGED
@@ -389,14 +389,69 @@ declare function _default(palette: any): {
389
389
  colorsYin030: string;
390
390
  colorsYin055: string;
391
391
  colorsYin065: string;
392
+ colorsYin075: string;
392
393
  colorsYin090: string;
393
394
  colorsYang100: string;
395
+ colorsYang080: string;
396
+ colorsGray850: string;
397
+ colorsGray900: string;
398
+ colorsGray1000: string;
399
+ colorsGray000: string;
394
400
  colorsDisabled400: string;
395
401
  colorsDisabled500: string;
396
402
  colorsDisabled600: string;
397
403
  colorsReadOnly400: string;
398
404
  colorsReadOnly500: string;
399
405
  colorsReadOnly600: string;
406
+ colorsComponentsMenuSpringStandard500: string;
407
+ colorsComponentsMenuSpringStandard600: string;
408
+ colorsComponentsMenuSpringStandard700: string;
409
+ colorsComponentsMenuSpringParent500: string;
410
+ colorsComponentsMenuSpringParent600: string;
411
+ colorsComponentsMenuSpringParent700: string;
412
+ colorsComponentsMenuSpringChild400: string;
413
+ colorsComponentsMenuSpringChild500: string;
414
+ colorsComponentsMenuSpringChild600: string;
415
+ colorsComponentsMenuSpringChildAlt500: string;
416
+ colorsComponentsMenuSpringChildAlt600: string;
417
+ colorsComponentsMenuSummerStandard500: string;
418
+ colorsComponentsMenuSummerStandard600: string;
419
+ colorsComponentsMenuSummerStandard700: string;
420
+ colorsComponentsMenuSummerParent500: string;
421
+ colorsComponentsMenuSummerParent600: string;
422
+ colorsComponentsMenuSummerParent700: string;
423
+ colorsComponentsMenuSummerChild400: string;
424
+ colorsComponentsMenuSummerChild500: string;
425
+ colorsComponentsMenuSummerChild600: string;
426
+ colorsComponentsMenuSummerChildAlt500: string;
427
+ colorsComponentsMenuSummerChildAlt600: string;
428
+ colorsComponentsMenuAutumnStandard500: string;
429
+ colorsComponentsMenuAutumnStandard600: string;
430
+ colorsComponentsMenuAutumnStandard700: string;
431
+ colorsComponentsMenuAutumnParent500: string;
432
+ colorsComponentsMenuAutumnParent600: string;
433
+ colorsComponentsMenuAutumnParent700: string;
434
+ colorsComponentsMenuAutumnChild400: string;
435
+ colorsComponentsMenuAutumnChild500: string;
436
+ colorsComponentsMenuAutumnChild600: string;
437
+ colorsComponentsMenuAutumnChildAlt500: string;
438
+ colorsComponentsMenuAutumnChildAlt600: string;
439
+ colorsComponentsMenuWinterStandard500: string;
440
+ colorsComponentsMenuWinterStandard600: string;
441
+ colorsComponentsMenuWinterStandard700: string;
442
+ colorsComponentsMenuWinterParent500: string;
443
+ colorsComponentsMenuWinterParent600: string;
444
+ colorsComponentsMenuWinterParent700: string;
445
+ colorsComponentsMenuWinterChild400: string;
446
+ colorsComponentsMenuWinterChild500: string;
447
+ colorsComponentsMenuWinterChild600: string;
448
+ colorsComponentsMenuWinterChildAlt500: string;
449
+ colorsComponentsMenuWinterChildAlt600: string;
450
+ colorsComponentsMenuYin100: string;
451
+ colorsComponentsMenuYin065: string;
452
+ colorsComponentsMenuYin090: string;
453
+ colorsComponentsMenuYang100: string;
454
+ colorsComponentsMenuYang080: string;
400
455
  colorsComponentsNavigation500: string;
401
456
  colorsComponentsNavigation600: string;
402
457
  colorsComponentsNavigation700: string;
@@ -415,6 +470,7 @@ declare function _default(palette: any): {
415
470
  colorsUtilityMajor500: string;
416
471
  colorsUtilityMajor800: string;
417
472
  colorsUtilityMajor025: string;
473
+ colorsUtilityMajor040: string;
418
474
  colorsUtilityMajor050: string;
419
475
  colorsUtilityMajor075: string;
420
476
  colorsUtilityMajorTransparent: string;
@@ -444,7 +500,9 @@ declare function _default(palette: any): {
444
500
  colorsActionMinor300: string;
445
501
  colorsActionMinor400: string;
446
502
  colorsActionMinor500: string;
503
+ colorsActionMinor550: string;
447
504
  colorsActionMinor600: string;
505
+ colorsActionMinor850: string;
448
506
  colorsActionMinor900: string;
449
507
  colorsActionMinor025: string;
450
508
  colorsActionMinor050: string;
@@ -542,6 +600,7 @@ declare function _default(palette: any): {
542
600
  fontSizes025: string;
543
601
  fontSizes050: string;
544
602
  boxShadow100: string;
603
+ boxShadow150: string;
545
604
  boxShadow200: string;
546
605
  boxShadow300: string;
547
606
  boxShadow400: string;
@@ -557,101 +616,111 @@ declare function _default(palette: any): {
557
616
  fontFamiliesAndroid: string;
558
617
  fontFamiliesOther: string;
559
618
  borderRadiusCircle: string;
560
- typographyAccordionTitleM: typeof tokens.typographyAccordionTitleM;
561
- typographyAccordionSubtitleM: typeof tokens.typographyAccordionSubtitleM;
562
- typographyAccordionParagraphM: typeof tokens.typographyAccordionParagraphM;
563
- typographyActionPopoverMenuItemM: typeof tokens.typographyActionPopoverMenuItemM;
564
- typographyAnchorNavLabelM: typeof tokens.typographyAnchorNavLabelM;
565
- typographyBadgeLabelM: typeof tokens.typographyBadgeLabelM;
566
- typographyButtonLabelS: typeof tokens.typographyButtonLabelS;
567
- typographyButtonLabelM: typeof tokens.typographyButtonLabelM;
568
- typographyButtonLabelL: typeof tokens.typographyButtonLabelL;
569
- typographyDialogTitleXs: typeof tokens.typographyDialogTitleXs;
570
- typographyDialogTitleS: typeof tokens.typographyDialogTitleS;
571
- typographyDialogTitleMs: typeof tokens.typographyDialogTitleMs;
572
- typographyDialogTitleM: typeof tokens.typographyDialogTitleM;
573
- typographyDialogTitleMl: typeof tokens.typographyDialogTitleMl;
574
- typographyDialogTitleL: typeof tokens.typographyDialogTitleL;
575
- typographyDialogTitleXl: typeof tokens.typographyDialogTitleXl;
576
- typographyDialogParagraphXs: typeof tokens.typographyDialogParagraphXs;
577
- typographyDialogParagraphS: typeof tokens.typographyDialogParagraphS;
578
- typographyFlashTextM: typeof tokens.typographyFlashTextM;
579
- typographyFlashTextL: typeof tokens.typographyFlashTextL;
580
- typographyFormFieldLabelXs: typeof tokens.typographyFormFieldLabelXs;
581
- typographyFormFieldLabelS: typeof tokens.typographyFormFieldLabelS;
582
- typographyFormFieldLabelM: typeof tokens.typographyFormFieldLabelM;
583
- typographyFormFieldLabelL: typeof tokens.typographyFormFieldLabelL;
584
- typographyFormFieldHintTextXs: typeof tokens.typographyFormFieldHintTextXs;
585
- typographyFormFieldHintTextS: typeof tokens.typographyFormFieldHintTextS;
586
- typographyFormFieldHintTextM: typeof tokens.typographyFormFieldHintTextM;
587
- typographyFormFieldHintTextL: typeof tokens.typographyFormFieldHintTextL;
588
- typographyFormFieldErrorMessageXs: typeof tokens.typographyFormFieldErrorMessageXs;
589
- typographyFormFieldErrorMessageS: typeof tokens.typographyFormFieldErrorMessageS;
590
- typographyFormFieldErrorMessageM: typeof tokens.typographyFormFieldErrorMessageM;
591
- typographyFormFieldErrorMessageL: typeof tokens.typographyFormFieldErrorMessageL;
592
- typographyFormFieldCautionMessageXs: typeof tokens.typographyFormFieldCautionMessageXs;
593
- typographyFormFieldCautionMessageS: typeof tokens.typographyFormFieldCautionMessageS;
594
- typographyFormFieldCautionMessageM: typeof tokens.typographyFormFieldCautionMessageM;
595
- typographyFormFieldCautionMessageL: typeof tokens.typographyFormFieldCautionMessageL;
596
- typographyFormFieldInputTextXs: typeof tokens.typographyFormFieldInputTextXs;
597
- typographyFormFieldInputTextS: typeof tokens.typographyFormFieldInputTextS;
598
- typographyFormFieldInputTextM: typeof tokens.typographyFormFieldInputTextM;
599
- typographyFormFieldInputTextL: typeof tokens.typographyFormFieldInputTextL;
600
- typographyFormFieldDropdownOptionsXs: typeof tokens.typographyFormFieldDropdownOptionsXs;
601
- typographyFormFieldDropdownOptionsS: typeof tokens.typographyFormFieldDropdownOptionsS;
602
- typographyFormFieldDropdownOptionsM: typeof tokens.typographyFormFieldDropdownOptionsM;
603
- typographyFormFieldDropdownOptionsL: typeof tokens.typographyFormFieldDropdownOptionsL;
604
- typographyFormFieldSecondLabelXs: typeof tokens.typographyFormFieldSecondLabelXs;
605
- typographyFormFieldSecondLabelS: typeof tokens.typographyFormFieldSecondLabelS;
606
- typographyFormFieldSecondLabelM: typeof tokens.typographyFormFieldSecondLabelM;
607
- typographyFormFieldSecondLabelL: typeof tokens.typographyFormFieldSecondLabelL;
608
- typographyFormFieldCharacterCountXs: typeof tokens.typographyFormFieldCharacterCountXs;
609
- typographyFormFieldCharacterCountS: typeof tokens.typographyFormFieldCharacterCountS;
610
- typographyFormFieldCharacterCountM: typeof tokens.typographyFormFieldCharacterCountM;
611
- typographyFormFieldCharacterCountL: typeof tokens.typographyFormFieldCharacterCountL;
612
- typographyLinkTextM: typeof tokens.typographyLinkTextM;
613
- typographyLinkTextL: typeof tokens.typographyLinkTextL;
614
- typographyMessageHeadingM: typeof tokens.typographyMessageHeadingM;
615
- typographyMessageHeadingL: typeof tokens.typographyMessageHeadingL;
616
- typographyMessageTextM: typeof tokens.typographyMessageTextM;
617
- typographyMessageTextL: typeof tokens.typographyMessageTextL;
618
- typographyPillLabelS: typeof tokens.typographyPillLabelS;
619
- typographyPillLabelM: typeof tokens.typographyPillLabelM;
620
- typographyPillLabelL: typeof tokens.typographyPillLabelL;
621
- typographyPillLabelXl: typeof tokens.typographyPillLabelXl;
622
- typographyProfileEmailXs: typeof tokens.typographyProfileEmailXs;
623
- typographyProfileEmailS: typeof tokens.typographyProfileEmailS;
624
- typographyProfileEmailM: typeof tokens.typographyProfileEmailM;
625
- typographyProfileEmailMl: typeof tokens.typographyProfileEmailMl;
626
- typographyProfileEmailL: typeof tokens.typographyProfileEmailL;
627
- typographyProfileEmailXl: typeof tokens.typographyProfileEmailXl;
628
- typographyProfileEmailXxl: typeof tokens.typographyProfileEmailXxl;
629
- typographyProfileInitialsXs: typeof tokens.typographyProfileInitialsXs;
630
- typographyProfileInitialsS: typeof tokens.typographyProfileInitialsS;
631
- typographyProfileInitialsM: typeof tokens.typographyProfileInitialsM;
632
- typographyProfileInitialsMl: typeof tokens.typographyProfileInitialsMl;
633
- typographyProfileInitialsL: typeof tokens.typographyProfileInitialsL;
634
- typographyProfileInitialsXl: typeof tokens.typographyProfileInitialsXl;
635
- typographyProfileInitialsXxl: typeof tokens.typographyProfileInitialsXxl;
636
- typographyProfileNameXs: typeof tokens.typographyProfileNameXs;
637
- typographyProfileNameS: typeof tokens.typographyProfileNameS;
638
- typographyProfileNameM: typeof tokens.typographyProfileNameM;
639
- typographyProfileNameMl: typeof tokens.typographyProfileNameMl;
640
- typographyProfileNameL: typeof tokens.typographyProfileNameL;
641
- typographyProfileNameXl: typeof tokens.typographyProfileNameXl;
642
- typographyProfileNameXxl: typeof tokens.typographyProfileNameXxl;
643
- typographyProgressTrackerValueLabelS: typeof tokens.typographyProgressTrackerValueLabelS;
644
- typographyProgressTrackerValueLabelM: typeof tokens.typographyProgressTrackerValueLabelM;
645
- typographyProgressTrackerValueLabelL: typeof tokens.typographyProgressTrackerValueLabelL;
646
- typographySwitchOptionLabelM: typeof tokens.typographySwitchOptionLabelM;
647
- typographySwitchOptionLabelL: typeof tokens.typographySwitchOptionLabelL;
648
- typographyTableHeaderTextM: typeof tokens.typographyTableHeaderTextM;
649
- typographyTableCellTextM: typeof tokens.typographyTableCellTextM;
650
- typographyTooltipTextM: typeof tokens.typographyTooltipTextM;
651
- typographyTooltipTextL: typeof tokens.typographyTooltipTextL;
619
+ typographyAccordionTitleM: string;
620
+ typographyAccordionSubtitleM: string;
621
+ typographyAccordionParagraphM: string;
622
+ typographyActionPopoverMenuItemM: string;
623
+ typographyAnchorNavLabelM: string;
624
+ typographyBadgeLabelM: string;
625
+ typographyButtonLabelS: string;
626
+ typographyButtonLabelM: string;
627
+ typographyButtonLabelL: string;
628
+ typographyDialogTitleXs: string;
629
+ typographyDialogTitleS: string;
630
+ typographyDialogTitleMs: string;
631
+ typographyDialogTitleM: string;
632
+ typographyDialogTitleMl: string;
633
+ typographyDialogTitleL: string;
634
+ typographyDialogTitleXl: string;
635
+ typographyDialogParagraphXs: string;
636
+ typographyDialogParagraphS: string;
637
+ typographyDrawerTitleM: string;
638
+ typographyFlashTextM: string;
639
+ typographyFlashTextL: string;
640
+ typographyFormFieldLabelXs: string;
641
+ typographyFormFieldLabelS: string;
642
+ typographyFormFieldLabelM: string;
643
+ typographyFormFieldLabelL: string;
644
+ typographyFormFieldHintTextXs: string;
645
+ typographyFormFieldHintTextS: string;
646
+ typographyFormFieldHintTextM: string;
647
+ typographyFormFieldHintTextL: string;
648
+ typographyFormFieldErrorMessageXs: string;
649
+ typographyFormFieldErrorMessageS: string;
650
+ typographyFormFieldErrorMessageM: string;
651
+ typographyFormFieldErrorMessageL: string;
652
+ typographyFormFieldCautionMessageXs: string;
653
+ typographyFormFieldCautionMessageS: string;
654
+ typographyFormFieldCautionMessageM: string;
655
+ typographyFormFieldCautionMessageL: string;
656
+ typographyFormFieldInputTextXs: string;
657
+ typographyFormFieldInputTextS: string;
658
+ typographyFormFieldInputTextM: string;
659
+ typographyFormFieldInputTextL: string;
660
+ typographyFormFieldDropdownOptionsXs: string;
661
+ typographyFormFieldDropdownOptionsS: string;
662
+ typographyFormFieldDropdownOptionsM: string;
663
+ typographyFormFieldDropdownOptionsL: string;
664
+ typographyFormFieldSecondLabelXs: string;
665
+ typographyFormFieldSecondLabelS: string;
666
+ typographyFormFieldSecondLabelM: string;
667
+ typographyFormFieldSecondLabelL: string;
668
+ typographyFormFieldCharacterCountXs: string;
669
+ typographyFormFieldCharacterCountS: string;
670
+ typographyFormFieldCharacterCountM: string;
671
+ typographyFormFieldCharacterCountL: string;
672
+ typographyLinkTextM: string;
673
+ typographyLinkTextL: string;
674
+ typographyMenuLabelM: string;
675
+ typographyMenuSegmentTitleM: string;
676
+ typographyMessageHeadingM: string;
677
+ typographyMessageHeadingL: string;
678
+ typographyMessageTextM: string;
679
+ typographyMessageTextL: string;
680
+ typographyPillLabelS: string;
681
+ typographyPillLabelM: string;
682
+ typographyPillLabelL: string;
683
+ typographyPillLabelXl: string;
684
+ typographyProfileEmailXs: string;
685
+ typographyProfileEmailS: string;
686
+ typographyProfileEmailM: string;
687
+ typographyProfileEmailMl: string;
688
+ typographyProfileEmailL: string;
689
+ typographyProfileEmailXl: string;
690
+ typographyProfileEmailXxl: string;
691
+ typographyProfileInitialsXs: string;
692
+ typographyProfileInitialsS: string;
693
+ typographyProfileInitialsM: string;
694
+ typographyProfileInitialsMl: string;
695
+ typographyProfileInitialsL: string;
696
+ typographyProfileInitialsXl: string;
697
+ typographyProfileInitialsXxl: string;
698
+ typographyProfileNameXs: string;
699
+ typographyProfileNameS: string;
700
+ typographyProfileNameM: string;
701
+ typographyProfileNameMl: string;
702
+ typographyProfileNameL: string;
703
+ typographyProfileNameXl: string;
704
+ typographyProfileNameXxl: string;
705
+ typographyProgressTrackerValueLabelS: string;
706
+ typographyProgressTrackerValueLabelM: string;
707
+ typographyProgressTrackerValueLabelL: string;
708
+ typographySearchLabelM: string;
709
+ typographySidebarTitleS: string;
710
+ typographySidebarTitleM: string;
711
+ typographySidebarTitleL: string;
712
+ typographyStepFlowCompleteLabelM: string;
713
+ typographyStepFlowCurrentLabelM: string;
714
+ typographyStepFlowIncompleteLabelM: string;
715
+ typographySwitchOptionLabelM: string;
716
+ typographySwitchOptionLabelL: string;
717
+ typographyTableHeaderTextM: string;
718
+ typographyTableCellTextM: string;
719
+ typographyTooltipTextM: string;
720
+ typographyTooltipTextL: string;
652
721
  opacity300: string;
653
722
  opacity600: string;
723
+ opacity800: string;
654
724
  };
655
725
  };
656
726
  export default _default;
657
- import tokens from "@sage/design-tokens/js/base/common";
package/lib/style/themes/mint/mint-theme.config.d.ts CHANGED
@@ -17,6 +17,7 @@ declare function _default(palette: any): {
17
17
  colorsActionMajor500: any;
18
18
  colorsActionMajor600: any;
19
19
  colorsActionMajor150: any;
20
+ colorsBaseTheme: any;
20
21
  };
21
22
  };
22
23
  export default _default;
package/lib/style/themes/mint/mint-theme.config.js CHANGED
@@ -26,7 +26,8 @@ var _default = palette => {
26
26
  return {
27
27
  colorsActionMajor500: this.colors.primary,
28
28
  colorsActionMajor600: this.colors.secondary,
29
- colorsActionMajor150: this.colors.loadingBarBackground
29
+ colorsActionMajor150: this.colors.loadingBarBackground,
30
+ colorsBaseTheme: this.colors.primary
30
31
  };
31
32
  }
32
33
 
package/lib/style/themes/sage/index.d.ts CHANGED
@@ -7,14 +7,69 @@ declare var _default: {
7
7
  colorsYin030: string;
8
8
  colorsYin055: string;
9
9
  colorsYin065: string;
10
+ colorsYin075: string;
10
11
  colorsYin090: string;
11
12
  colorsYang100: string;
13
+ colorsYang080: string;
14
+ colorsGray850: string;
15
+ colorsGray900: string;
16
+ colorsGray1000: string;
17
+ colorsGray000: string;
12
18
  colorsDisabled400: string;
13
19
  colorsDisabled500: string;
14
20
  colorsDisabled600: string;
15
21
  colorsReadOnly400: string;
16
22
  colorsReadOnly500: string;
17
23
  colorsReadOnly600: string;
24
+ colorsComponentsMenuSpringStandard500: string;
25
+ colorsComponentsMenuSpringStandard600: string;
26
+ colorsComponentsMenuSpringStandard700: string;
27
+ colorsComponentsMenuSpringParent500: string;
28
+ colorsComponentsMenuSpringParent600: string;
29
+ colorsComponentsMenuSpringParent700: string;
30
+ colorsComponentsMenuSpringChild400: string;
31
+ colorsComponentsMenuSpringChild500: string;
32
+ colorsComponentsMenuSpringChild600: string;
33
+ colorsComponentsMenuSpringChildAlt500: string;
34
+ colorsComponentsMenuSpringChildAlt600: string;
35
+ colorsComponentsMenuSummerStandard500: string;
36
+ colorsComponentsMenuSummerStandard600: string;
37
+ colorsComponentsMenuSummerStandard700: string;
38
+ colorsComponentsMenuSummerParent500: string;
39
+ colorsComponentsMenuSummerParent600: string;
40
+ colorsComponentsMenuSummerParent700: string;
41
+ colorsComponentsMenuSummerChild400: string;
42
+ colorsComponentsMenuSummerChild500: string;
43
+ colorsComponentsMenuSummerChild600: string;
44
+ colorsComponentsMenuSummerChildAlt500: string;
45
+ colorsComponentsMenuSummerChildAlt600: string;
46
+ colorsComponentsMenuAutumnStandard500: string;
47
+ colorsComponentsMenuAutumnStandard600: string;
48
+ colorsComponentsMenuAutumnStandard700: string;
49
+ colorsComponentsMenuAutumnParent500: string;
50
+ colorsComponentsMenuAutumnParent600: string;
51
+ colorsComponentsMenuAutumnParent700: string;
52
+ colorsComponentsMenuAutumnChild400: string;
53
+ colorsComponentsMenuAutumnChild500: string;
54
+ colorsComponentsMenuAutumnChild600: string;
55
+ colorsComponentsMenuAutumnChildAlt500: string;
56
+ colorsComponentsMenuAutumnChildAlt600: string;
57
+ colorsComponentsMenuWinterStandard500: string;
58
+ colorsComponentsMenuWinterStandard600: string;
59
+ colorsComponentsMenuWinterStandard700: string;
60
+ colorsComponentsMenuWinterParent500: string;
61
+ colorsComponentsMenuWinterParent600: string;
62
+ colorsComponentsMenuWinterParent700: string;
63
+ colorsComponentsMenuWinterChild400: string;
64
+ colorsComponentsMenuWinterChild500: string;
65
+ colorsComponentsMenuWinterChild600: string;
66
+ colorsComponentsMenuWinterChildAlt500: string;
67
+ colorsComponentsMenuWinterChildAlt600: string;
68
+ colorsComponentsMenuYin100: string;
69
+ colorsComponentsMenuYin065: string;
70
+ colorsComponentsMenuYin090: string;
71
+ colorsComponentsMenuYang100: string;
72
+ colorsComponentsMenuYang080: string;
18
73
  colorsComponentsNavigation500: string;
19
74
  colorsComponentsNavigation600: string;
20
75
  colorsComponentsNavigation700: string;
@@ -33,6 +88,7 @@ declare var _default: {
33
88
  colorsUtilityMajor500: string;
34
89
  colorsUtilityMajor800: string;
35
90
  colorsUtilityMajor025: string;
91
+ colorsUtilityMajor040: string;
36
92
  colorsUtilityMajor050: string;
37
93
  colorsUtilityMajor075: string;
38
94
  colorsUtilityMajorTransparent: string;
@@ -65,7 +121,9 @@ declare var _default: {
65
121
  colorsActionMinor300: string;
66
122
  colorsActionMinor400: string;
67
123
  colorsActionMinor500: string;
124
+ colorsActionMinor550: string;
68
125
  colorsActionMinor600: string;
126
+ colorsActionMinor850: string;
69
127
  colorsActionMinor900: string;
70
128
  colorsActionMinor025: string;
71
129
  colorsActionMinor050: string;
@@ -186,6 +244,7 @@ declare var _default: {
186
244
  fontSizes025: string;
187
245
  fontSizes050: string;
188
246
  boxShadow100: string;
247
+ boxShadow150: string;
189
248
  boxShadow200: string;
190
249
  boxShadow300: string;
191
250
  boxShadow400: string;
@@ -201,100 +260,111 @@ declare var _default: {
201
260
  fontFamiliesAndroid: string;
202
261
  fontFamiliesOther: string;
203
262
  borderRadiusCircle: string;
204
- typographyAccordionTitleM: typeof tokens.typographyAccordionTitleM;
205
- typographyAccordionSubtitleM: typeof tokens.typographyAccordionSubtitleM;
206
- typographyAccordionParagraphM: typeof tokens.typographyAccordionParagraphM;
207
- typographyActionPopoverMenuItemM: typeof tokens.typographyActionPopoverMenuItemM;
208
- typographyAnchorNavLabelM: typeof tokens.typographyAnchorNavLabelM;
209
- typographyBadgeLabelM: typeof tokens.typographyBadgeLabelM;
210
- typographyButtonLabelS: typeof tokens.typographyButtonLabelS;
211
- typographyButtonLabelM: typeof tokens.typographyButtonLabelM;
212
- typographyButtonLabelL: typeof tokens.typographyButtonLabelL;
213
- typographyDialogTitleXs: typeof tokens.typographyDialogTitleXs;
214
- typographyDialogTitleS: typeof tokens.typographyDialogTitleS;
215
- typographyDialogTitleMs: typeof tokens.typographyDialogTitleMs;
216
- typographyDialogTitleM: typeof tokens.typographyDialogTitleM;
217
- typographyDialogTitleMl: typeof tokens.typographyDialogTitleMl;
218
- typographyDialogTitleL: typeof tokens.typographyDialogTitleL;
219
- typographyDialogTitleXl: typeof tokens.typographyDialogTitleXl;
220
- typographyDialogParagraphXs: typeof tokens.typographyDialogParagraphXs;
221
- typographyDialogParagraphS: typeof tokens.typographyDialogParagraphS;
222
- typographyFlashTextM: typeof tokens.typographyFlashTextM;
223
- typographyFlashTextL: typeof tokens.typographyFlashTextL;
224
- typographyFormFieldLabelXs: typeof tokens.typographyFormFieldLabelXs;
225
- typographyFormFieldLabelS: typeof tokens.typographyFormFieldLabelS;
226
- typographyFormFieldLabelM: typeof tokens.typographyFormFieldLabelM;
227
- typographyFormFieldLabelL: typeof tokens.typographyFormFieldLabelL;
228
- typographyFormFieldHintTextXs: typeof tokens.typographyFormFieldHintTextXs;
229
- typographyFormFieldHintTextS: typeof tokens.typographyFormFieldHintTextS;
230
- typographyFormFieldHintTextM: typeof tokens.typographyFormFieldHintTextM;
231
- typographyFormFieldHintTextL: typeof tokens.typographyFormFieldHintTextL;
232
- typographyFormFieldErrorMessageXs: typeof tokens.typographyFormFieldErrorMessageXs;
233
- typographyFormFieldErrorMessageS: typeof tokens.typographyFormFieldErrorMessageS;
234
- typographyFormFieldErrorMessageM: typeof tokens.typographyFormFieldErrorMessageM;
235
- typographyFormFieldErrorMessageL: typeof tokens.typographyFormFieldErrorMessageL;
236
- typographyFormFieldCautionMessageXs: typeof tokens.typographyFormFieldCautionMessageXs;
237
- typographyFormFieldCautionMessageS: typeof tokens.typographyFormFieldCautionMessageS;
238
- typographyFormFieldCautionMessageM: typeof tokens.typographyFormFieldCautionMessageM;
239
- typographyFormFieldCautionMessageL: typeof tokens.typographyFormFieldCautionMessageL;
240
- typographyFormFieldInputTextXs: typeof tokens.typographyFormFieldInputTextXs;
241
- typographyFormFieldInputTextS: typeof tokens.typographyFormFieldInputTextS;
242
- typographyFormFieldInputTextM: typeof tokens.typographyFormFieldInputTextM;
243
- typographyFormFieldInputTextL: typeof tokens.typographyFormFieldInputTextL;
244
- typographyFormFieldDropdownOptionsXs: typeof tokens.typographyFormFieldDropdownOptionsXs;
245
- typographyFormFieldDropdownOptionsS: typeof tokens.typographyFormFieldDropdownOptionsS;
246
- typographyFormFieldDropdownOptionsM: typeof tokens.typographyFormFieldDropdownOptionsM;
247
- typographyFormFieldDropdownOptionsL: typeof tokens.typographyFormFieldDropdownOptionsL;
248
- typographyFormFieldSecondLabelXs: typeof tokens.typographyFormFieldSecondLabelXs;
249
- typographyFormFieldSecondLabelS: typeof tokens.typographyFormFieldSecondLabelS;
250
- typographyFormFieldSecondLabelM: typeof tokens.typographyFormFieldSecondLabelM;
251
- typographyFormFieldSecondLabelL: typeof tokens.typographyFormFieldSecondLabelL;
252
- typographyFormFieldCharacterCountXs: typeof tokens.typographyFormFieldCharacterCountXs;
253
- typographyFormFieldCharacterCountS: typeof tokens.typographyFormFieldCharacterCountS;
254
- typographyFormFieldCharacterCountM: typeof tokens.typographyFormFieldCharacterCountM;
255
- typographyFormFieldCharacterCountL: typeof tokens.typographyFormFieldCharacterCountL;
256
- typographyLinkTextM: typeof tokens.typographyLinkTextM;
257
- typographyLinkTextL: typeof tokens.typographyLinkTextL;
258
- typographyMessageHeadingM: typeof tokens.typographyMessageHeadingM;
259
- typographyMessageHeadingL: typeof tokens.typographyMessageHeadingL;
260
- typographyMessageTextM: typeof tokens.typographyMessageTextM;
261
- typographyMessageTextL: typeof tokens.typographyMessageTextL;
262
- typographyPillLabelS: typeof tokens.typographyPillLabelS;
263
- typographyPillLabelM: typeof tokens.typographyPillLabelM;
264
- typographyPillLabelL: typeof tokens.typographyPillLabelL;
265
- typographyPillLabelXl: typeof tokens.typographyPillLabelXl;
266
- typographyProfileEmailXs: typeof tokens.typographyProfileEmailXs;
267
- typographyProfileEmailS: typeof tokens.typographyProfileEmailS;
268
- typographyProfileEmailM: typeof tokens.typographyProfileEmailM;
269
- typographyProfileEmailMl: typeof tokens.typographyProfileEmailMl;
270
- typographyProfileEmailL: typeof tokens.typographyProfileEmailL;
271
- typographyProfileEmailXl: typeof tokens.typographyProfileEmailXl;
272
- typographyProfileEmailXxl: typeof tokens.typographyProfileEmailXxl;
273
- typographyProfileInitialsXs: typeof tokens.typographyProfileInitialsXs;
274
- typographyProfileInitialsS: typeof tokens.typographyProfileInitialsS;
275
- typographyProfileInitialsM: typeof tokens.typographyProfileInitialsM;
276
- typographyProfileInitialsMl: typeof tokens.typographyProfileInitialsMl;
277
- typographyProfileInitialsL: typeof tokens.typographyProfileInitialsL;
278
- typographyProfileInitialsXl: typeof tokens.typographyProfileInitialsXl;
279
- typographyProfileInitialsXxl: typeof tokens.typographyProfileInitialsXxl;
280
- typographyProfileNameXs: typeof tokens.typographyProfileNameXs;
281
- typographyProfileNameS: typeof tokens.typographyProfileNameS;
282
- typographyProfileNameM: typeof tokens.typographyProfileNameM;
283
- typographyProfileNameMl: typeof tokens.typographyProfileNameMl;
284
- typographyProfileNameL: typeof tokens.typographyProfileNameL;
285
- typographyProfileNameXl: typeof tokens.typographyProfileNameXl;
286
- typographyProfileNameXxl: typeof tokens.typographyProfileNameXxl;
287
- typographyProgressTrackerValueLabelS: typeof tokens.typographyProgressTrackerValueLabelS;
288
- typographyProgressTrackerValueLabelM: typeof tokens.typographyProgressTrackerValueLabelM;
289
- typographyProgressTrackerValueLabelL: typeof tokens.typographyProgressTrackerValueLabelL;
290
- typographySwitchOptionLabelM: typeof tokens.typographySwitchOptionLabelM;
291
- typographySwitchOptionLabelL: typeof tokens.typographySwitchOptionLabelL;
292
- typographyTableHeaderTextM: typeof tokens.typographyTableHeaderTextM;
293
- typographyTableCellTextM: typeof tokens.typographyTableCellTextM;
294
- typographyTooltipTextM: typeof tokens.typographyTooltipTextM;
295
- typographyTooltipTextL: typeof tokens.typographyTooltipTextL;
263
+ typographyAccordionTitleM: string;
264
+ typographyAccordionSubtitleM: string;
265
+ typographyAccordionParagraphM: string;
266
+ typographyActionPopoverMenuItemM: string;
267
+ typographyAnchorNavLabelM: string;
268
+ typographyBadgeLabelM: string;
269
+ typographyButtonLabelS: string;
270
+ typographyButtonLabelM: string;
271
+ typographyButtonLabelL: string;
272
+ typographyDialogTitleXs: string;
273
+ typographyDialogTitleS: string;
274
+ typographyDialogTitleMs: string;
275
+ typographyDialogTitleM: string;
276
+ typographyDialogTitleMl: string;
277
+ typographyDialogTitleL: string;
278
+ typographyDialogTitleXl: string;
279
+ typographyDialogParagraphXs: string;
280
+ typographyDialogParagraphS: string;
281
+ typographyDrawerTitleM: string;
282
+ typographyFlashTextM: string;
283
+ typographyFlashTextL: string;
284
+ typographyFormFieldLabelXs: string;
285
+ typographyFormFieldLabelS: string;
286
+ typographyFormFieldLabelM: string;
287
+ typographyFormFieldLabelL: string;
288
+ typographyFormFieldHintTextXs: string;
289
+ typographyFormFieldHintTextS: string;
290
+ typographyFormFieldHintTextM: string;
291
+ typographyFormFieldHintTextL: string;
292
+ typographyFormFieldErrorMessageXs: string;
293
+ typographyFormFieldErrorMessageS: string;
294
+ typographyFormFieldErrorMessageM: string;
295
+ typographyFormFieldErrorMessageL: string;
296
+ typographyFormFieldCautionMessageXs: string;
297
+ typographyFormFieldCautionMessageS: string;
298
+ typographyFormFieldCautionMessageM: string;
299
+ typographyFormFieldCautionMessageL: string;
300
+ typographyFormFieldInputTextXs: string;
301
+ typographyFormFieldInputTextS: string;
302
+ typographyFormFieldInputTextM: string;
303
+ typographyFormFieldInputTextL: string;
304
+ typographyFormFieldDropdownOptionsXs: string;
305
+ typographyFormFieldDropdownOptionsS: string;
306
+ typographyFormFieldDropdownOptionsM: string;
307
+ typographyFormFieldDropdownOptionsL: string;
308
+ typographyFormFieldSecondLabelXs: string;
309
+ typographyFormFieldSecondLabelS: string;
310
+ typographyFormFieldSecondLabelM: string;
311
+ typographyFormFieldSecondLabelL: string;
312
+ typographyFormFieldCharacterCountXs: string;
313
+ typographyFormFieldCharacterCountS: string;
314
+ typographyFormFieldCharacterCountM: string;
315
+ typographyFormFieldCharacterCountL: string;
316
+ typographyLinkTextM: string;
317
+ typographyLinkTextL: string;
318
+ typographyMenuLabelM: string;
319
+ typographyMenuSegmentTitleM: string;
320
+ typographyMessageHeadingM: string;
321
+ typographyMessageHeadingL: string;
322
+ typographyMessageTextM: string;
323
+ typographyMessageTextL: string;
324
+ typographyPillLabelS: string;
325
+ typographyPillLabelM: string;
326
+ typographyPillLabelL: string;
327
+ typographyPillLabelXl: string;
328
+ typographyProfileEmailXs: string;
329
+ typographyProfileEmailS: string;
330
+ typographyProfileEmailM: string;
331
+ typographyProfileEmailMl: string;
332
+ typographyProfileEmailL: string;
333
+ typographyProfileEmailXl: string;
334
+ typographyProfileEmailXxl: string;
335
+ typographyProfileInitialsXs: string;
336
+ typographyProfileInitialsS: string;
337
+ typographyProfileInitialsM: string;
338
+ typographyProfileInitialsMl: string;
339
+ typographyProfileInitialsL: string;
340
+ typographyProfileInitialsXl: string;
341
+ typographyProfileInitialsXxl: string;
342
+ typographyProfileNameXs: string;
343
+ typographyProfileNameS: string;
344
+ typographyProfileNameM: string;
345
+ typographyProfileNameMl: string;
346
+ typographyProfileNameL: string;
347
+ typographyProfileNameXl: string;
348
+ typographyProfileNameXxl: string;
349
+ typographyProgressTrackerValueLabelS: string;
350
+ typographyProgressTrackerValueLabelM: string;
351
+ typographyProgressTrackerValueLabelL: string;
352
+ typographySearchLabelM: string;
353
+ typographySidebarTitleS: string;
354
+ typographySidebarTitleM: string;
355
+ typographySidebarTitleL: string;
356
+ typographyStepFlowCompleteLabelM: string;
357
+ typographyStepFlowCurrentLabelM: string;
358
+ typographyStepFlowIncompleteLabelM: string;
359
+ typographySwitchOptionLabelM: string;
360
+ typographySwitchOptionLabelL: string;
361
+ typographyTableHeaderTextM: string;
362
+ typographyTableCellTextM: string;
363
+ typographyTooltipTextM: string;
364
+ typographyTooltipTextL: string;
296
365
  opacity300: string;
297
366
  opacity600: string;
367
+ opacity800: string;
298
368
  };
299
369
  name: string;
300
370
  palette: import("../../palette").Palette & import("../base").ColorsWithHex & {
@@ -575,4 +645,3 @@ declare var _default: {
575
645
  };
576
646
  };
577
647
  export default _default;
578
- import tokens from "@sage/design-tokens/js/base/common";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "104.0.0",
3
+ "version": "104.1.0",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "engineStrict": true,
6
6
  "engines": {
@@ -15,8 +15,8 @@
15
15
  "scripts": {
16
16
  "start": "node ./scripts/check_node_version.js && start-storybook -p 9001 -s .assets -c .storybook",
17
17
  "start:debug-theme": "cross-env STORYBOOK_DEBUG_THEME=true npm run start",
18
- "test": "jest --config=./jest.conf.json",
19
- "test-update": "jest --config=./jest.conf.json --updateSnapshot",
18
+ "test": "TZ=UTC jest --config=./jest.conf.json",
19
+ "test-update": "TZ=UTC jest --config=./jest.conf.json --updateSnapshot",
20
20
  "test:cypress": "cypress open",
21
21
  "cypress:react": "npx cypress open-ct",
22
22
  "debug": "node --inspect ./node_modules/jest-cli/bin/jest --watch --config=./jest.conf.json",
@@ -101,7 +101,7 @@
101
101
  "chromatic": "^6.0.5",
102
102
  "commitizen": "^4.2.4",
103
103
  "conventional-changelog-conventionalcommits": "^4.5.0",
104
- "core-js": "^3.1.4",
104
+ "core-js": "^3.20.3",
105
105
  "cpy-cli": "^3.1.1",
106
106
  "cross-env": "^5.2.0",
107
107
  "cypress": "^9.2.0",
@@ -155,7 +155,7 @@
155
155
  "dependencies": {
156
156
  "@octokit/rest": "^18.12.0",
157
157
  "@popperjs/core": "^2.9.0",
158
- "@sage/design-tokens": "^1.87.1",
158
+ "@sage/design-tokens": "^1.89.0",
159
159
  "@styled-system/prop-types": "^5.1.5",
160
160
  "@tippyjs/react": "^4.2.5",
161
161
  "@types/styled-system": "^5.1.11",