@sage/design-tokens 14.0.1 → 14.2.0

package/ios/product/small/dark/mode.h

@@ -195,7 +195,8 @@
 #define modesColorStatusAiDefaultAlt #FFFFFF
 #define modesColorStatusAiDefaultHorizontal linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)
 #define modesColorStatusAiDefaultVertical linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)
-#define modesColorStatusGenericDefault #008a89
+#define modesColorStatusCalloutDefaultAlt #122211
+#define modesColorStatusCalloutHoverAlt #263525
 #define modesColorStatusCautionDefault #E04500
 #define modesColorStatusCautionDefaultAlt #251206
 #define modesColorStatusCautionHover #eb6530
@@ -217,11 +218,59 @@
 #define modesColorStatusContentInverseWithDefaultAlt #000000f2
 #define modesColorStatusContentInverseWithHover #FFFFFF
 #define modesColorStatusContentInverseWithHoverAlt #000000
+#define modesColorStatusCustomBlueDefault #007FD9
+#define modesColorStatusCustomBlueDefaultAlt #0d1219
+#define modesColorStatusCustomBlueHover #4f91df
+#define modesColorStatusCustomBlueHoverAlt #142131
+#define modesColorStatusCustomTealDefault #008A89
+#define modesColorStatusCustomTealDefaultAlt #0a1313
+#define modesColorStatusCustomTealHover #449b9a
+#define modesColorStatusCustomTealHoverAlt #082427
+#define modesColorStatusCustomGreenDefault #009023
+#define modesColorStatusCustomGreenDefaultAlt #0a1408
+#define modesColorStatusCustomGreenHover #44a146
+#define modesColorStatusCustomGreenHoverAlt #0b2418
+#define modesColorStatusCustomLimeDefault #6E8500
+#define modesColorStatusCustomLimeDefaultAlt #111205
+#define modesColorStatusCustomLimeHover #859635
+#define modesColorStatusCustomLimeHoverAlt #162311
+#define modesColorStatusCustomOrangeDefault #DB4B00
+#define modesColorStatusCustomOrangeDefaultAlt #1c0e04
+#define modesColorStatusCustomOrangeHover #e66930
+#define modesColorStatusCustomOrangeHoverAlt #331816
+#define modesColorStatusCustomRedDefault #F50058
+#define modesColorStatusCustomRedDefaultAlt #1e0d0d
+#define modesColorStatusCustomRedHover #fc4e6e
+#define modesColorStatusCustomRedHoverAlt #331720
+#define modesColorStatusCustomPinkDefault #DD2BAB
+#define modesColorStatusCustomPinkDefaultAlt #1b0d16
+#define modesColorStatusCustomPinkHover #e558b7
+#define modesColorStatusCustomPinkHoverAlt #2d192b
+#define modesColorStatusCustomPurpleDefault #985FDC
+#define modesColorStatusCustomPurpleDefaultAlt #150f19
+#define modesColorStatusCustomPurpleHover #a977e2
+#define modesColorStatusCustomPurpleHoverAlt #231c30
+#define modesColorStatusCustomGrayDefault #7C7C7C
+#define modesColorStatusCustomGrayDefaultAlt #111
+#define modesColorStatusCustomGrayHover #8e8e8e
+#define modesColorStatusCustomGrayHoverAlt #1a202b
+#define modesColorStatusCustomSlateDefault #5C8196
+#define modesColorStatusCustomSlateDefaultAlt #0f1214
+#define modesColorStatusCustomSlateHover #7493a5
+#define modesColorStatusCustomSlateHoverAlt #13222c
+#define modesColorStatusGenericDefault #F0F
+#define modesColorStatusImportantDefault #8F4CD7
+#define modesColorStatusImportantDefaultAlt #150d19
+#define modesColorStatusImportantHover #a267de
+#define modesColorStatusImportantHoverAlt #231b30
+#define modesColorStatusImportantInverseDefault #985FDC
+#define modesColorStatusImportantInverseDefaultAlt #f1e6fa
+#define modesColorStatusImportantInverseHover #8051b8
+#define modesColorStatusImportantInverseHoverAlt #daceed
 #define modesColorStatusInactiveDefault #4b4b4b
 #define modesColorStatusInactiveWithDefault #ffffffab
 #define modesColorStatusInactiveInverseDefault #a6a6a6
 #define modesColorStatusInactiveInverseWithDefault #000000ab
-#define modesColorStatusImportantDefault #985FDC
 #define modesColorStatusInfoDefault #007ED9
 #define modesColorStatusInfoDefaultAlt #111722
 #define modesColorStatusInfoHover #4f90df
@@ -262,8 +311,6 @@
 #define modesColorStatusPositiveInverseDefaultAlt #e9f2e8
 #define modesColorStatusPositiveInverseHover #0e6d1d
 #define modesColorStatusPositiveInverseHoverAlt #cbe1c9
-#define modesColorStatusCalloutDefaultAlt #122211
-#define modesColorStatusCalloutHoverAlt #263525
 #define modesColorStatusReviewsDefault #00D639
 #define modesColorStatusReviewsDefaultAlt linear-gradient(90deg, #00D639 0%, #00D639 50%, #282828 50%, #282828  100%)
 #define modesColorStatusReviewsHover #17b333

package/ios/product/small/light/components/progress.h

@@ -47,7 +47,7 @@
 #define progressColorFgInfo #0060A7
 #define progressColorLabelAlt #000000ab
 #define progressColorLabelDefault #000000f2
-#define progressColorDatavisFgDefault #007c7b
+#define progressColorDatavisFgDefault #007C7B
 #define progressColorLoaderBgDefault #00000014
 #define progressColorLoaderFgDefault #000000
 #define progressColorLoaderFgError #CD384B

package/ios/product/small/light/components/status.h

@@ -10,17 +10,6 @@
 #import <UIKit/UIKit.h>
 
 #define statusColorNone #fff0
-#define statusColorMessageGlobalLabelDefault #000000f2
-#define statusColorMessageGlobalLabelHover #000000
-#define statusColorMessageGlobalCalloutBgDefault #e5fae2
-#define statusColorMessageGlobalCalloutBgHover #d8ecd5
-#define statusColorMessageGlobalCalloutIcon #000000f2
-#define statusColorMessageGlobalInfoBgDefault #eaeef6
-#define statusColorMessageGlobalInfoBgHover #cdd7ea
-#define statusColorMessageGlobalInfoIcon #0060A7
-#define statusColorMessageGlobalWarningBgDefault #ffede5
-#define statusColorMessageGlobalWarningBgHover #fed5c3
-#define statusColorMessageGlobalWarningIcon #D64309
 #define statusColorMessageContextualBg #FFFFFF
 #define statusColorMessageContextualIcon #FFFFFF
 #define statusColorMessageContextualIconAlt #656565
@@ -46,14 +35,67 @@
 #define statusColorMessageContextualWarningBgAlt #ffede5
 #define statusColorMessageContextualWarningBorderDefault #D64309
 #define statusColorMessageContextualWarningIcon #D64309
-#define statusColorPillGenericLabelDefault #FFFFFF
-#define statusColorPillGenericLabelHover #FFFFFF
-#define statusColorPillGenericLabelAltDefault #000000f2
-#define statusColorPillGenericLabelAltHover #000000f2
-#define statusColorPillGenericInverseLabelDefault #000000
-#define statusColorPillGenericInverseLabelHover #000000
-#define statusColorPillGenericInverseLabelAltDefault #fffffff2
-#define statusColorPillGenericInverseLabelAltHover #fffffff2
+#define statusColorMessageGlobalLabelDefault #000000f2
+#define statusColorMessageGlobalLabelHover #000000
+#define statusColorMessageGlobalCalloutBgDefault #e5fae2
+#define statusColorMessageGlobalCalloutBgHover #d8ecd5
+#define statusColorMessageGlobalCalloutIcon #000000f2
+#define statusColorMessageGlobalInfoBgDefault #eaeef6
+#define statusColorMessageGlobalInfoBgHover #cdd7ea
+#define statusColorMessageGlobalInfoIcon #0060A7
+#define statusColorMessageGlobalWarningBgDefault #ffede5
+#define statusColorMessageGlobalWarningBgHover #fed5c3
+#define statusColorMessageGlobalWarningIcon #D64309
+#define statusColorPillCustomBlueBgDefault #0071C3
+#define statusColorPillCustomBlueBgAltDefault #ebf0f9
+#define statusColorPillCustomBlueBgAltHover #ced9ed
+#define statusColorPillCustomBlueBgHover #135fa3
+#define statusColorPillCustomBlueBorderDefault #0071C3
+#define statusColorPillCustomTealBgDefault #007C7B
+#define statusColorPillCustomTealBgAltDefault #e9f1f1
+#define statusColorPillCustomTealBgAltHover #c4dde0
+#define statusColorPillCustomTealBgHover #0e6968
+#define statusColorPillCustomTealBorderDefault #007C7B
+#define statusColorPillCustomGreenBgDefault #00811F
+#define statusColorPillCustomGreenBgAltDefault #e9f2e8
+#define statusColorPillCustomGreenBgAltHover #c4decf
+#define statusColorPillCustomGreenBgHover #0e6d1d
+#define statusColorPillCustomGreenBorderDefault #00811F
+#define statusColorPillCustomLimeBgDefault #637700
+#define statusColorPillCustomLimeBgAltDefault #eff1e6
+#define statusColorPillCustomLimeBgAltHover #cdddc9
+#define statusColorPillCustomLimeBgHover #546408
+#define statusColorPillCustomLimeBorderDefault #637700
+#define statusColorPillCustomOrangeBgDefault #C54300
+#define statusColorPillCustomOrangeBgAltDefault #feece5
+#define statusColorPillCustomOrangeBgAltHover #f2d0ce
+#define statusColorPillCustomOrangeBgHover #a53a06
+#define statusColorPillCustomOrangeBorderDefault #C54300
+#define statusColorPillCustomRedBgDefault #DC004E
+#define statusColorPillCustomRedBgAltDefault #ffebec
+#define statusColorPillCustomRedBgAltHover #f1cfd9
+#define statusColorPillCustomRedBgHover #b81242
+#define statusColorPillCustomRedBorderDefault #DC004E
+#define statusColorPillCustomPinkBgDefault #C8269A
+#define statusColorPillCustomPinkBgAltDefault #fcecf5
+#define statusColorPillCustomPinkBgAltHover #ead2e5
+#define statusColorPillCustomPinkBgHover #a82581
+#define statusColorPillCustomPinkBorderDefault #C8269A
+#define statusColorPillCustomPurpleBgDefault #8F4CD7
+#define statusColorPillCustomPurpleBgAltDefault #f5edfc
+#define statusColorPillCustomPurpleBgAltHover #ded4ee
+#define statusColorPillCustomPurpleBgHover #7941b4
+#define statusColorPillCustomPurpleBorderDefault #8F4CD7
+#define statusColorPillCustomGrayBgDefault #6F6F6F
+#define statusColorPillCustomGrayBgAltDefault #f0f0f0
+#define statusColorPillCustomGrayBgAltHover #d3d9e5
+#define statusColorPillCustomGrayBgHover #5e5e5e
+#define statusColorPillCustomGrayBorderDefault #6F6F6F
+#define statusColorPillCustomSlateBgDefault #527386
+#define statusColorPillCustomSlateBgAltDefault #edf0f2
+#define statusColorPillCustomSlateBgAltHover #cbdae6
+#define statusColorPillCustomSlateBgHover #466171
+#define statusColorPillCustomSlateBorderDefault #527386
 #define statusColorPillErrorBgDefault #CD384B
 #define statusColorPillErrorBgAltDefault #fdeceb
 #define statusColorPillErrorBgAltHover #f9d3d1
@@ -64,6 +106,24 @@
 #define statusColorPillErrorInverseBgAltHover #3d1a1c
 #define statusColorPillErrorInverseBgHover #ea626a
 #define statusColorPillErrorInverseBorderDefault #E13E53
+#define statusColorPillGenericLabelDefault #FFFFFF
+#define statusColorPillGenericLabelHover #FFFFFF
+#define statusColorPillGenericLabelAltDefault #000000f2
+#define statusColorPillGenericLabelAltHover #000000f2
+#define statusColorPillGenericInverseLabelDefault #000000
+#define statusColorPillGenericInverseLabelHover #000000
+#define statusColorPillGenericInverseLabelAltDefault #fffffff2
+#define statusColorPillGenericInverseLabelAltHover #fffffff2
+#define statusColorPillImportantBgDefault #8F4CD7
+#define statusColorPillImportantBgAltDefault #f5edfc
+#define statusColorPillImportantBgAltHover #ded4ee
+#define statusColorPillImportantBgHover #7941b4
+#define statusColorPillImportantBorderDefault #8F4CD7
+#define statusColorPillImportantInverseBgDefault #985FDC
+#define statusColorPillImportantInverseBgAltDefault #1b1422
+#define statusColorPillImportantInverseBgAltHover #282039
+#define statusColorPillImportantInverseBgHover #a977e2
+#define statusColorPillImportantInverseBorderDefault #985FDC
 #define statusColorPillInfoBgDefault #0060A7
 #define statusColorPillInfoBgAltDefault #eaeef6
 #define statusColorPillInfoBgAltHover #cdd7ea
@@ -84,6 +144,9 @@
 #define statusColorPillNeutralInverseBgAltHover #242424
 #define statusColorPillNeutralInverseBgHover #8e8e8e
 #define statusColorPillNeutralInverseBorderDefault #7C7C7C
+#define statusColorPillReadonlyBgDefault #a6a6a6
+#define statusColorPillReadonlyBorderDefault #a6a6a6
+#define statusColorPillReadonlyLabel #000000ab
 #define statusColorPillSuccessBgDefault #00811F
 #define statusColorPillSuccessBgAltDefault #e9f2e8
 #define statusColorPillSuccessBgAltHover #cbe1c9
@@ -104,9 +167,6 @@
 #define statusColorPillWarningInverseBgAltHover #3e1a0b
 #define statusColorPillWarningInverseBgHover #eb6530
 #define statusColorPillWarningInverseBorderDefault #E04500
-#define statusColorPillReadonlyBgDefault #a6a6a6
-#define statusColorPillReadonlyBorderDefault #a6a6a6
-#define statusColorPillReadonlyLabel #000000ab
 #define statusColorRatingBgDefault #00811F
 #define statusColorRatingBgDefaultAlt linear-gradient(90deg, #00811F 0%, #00811F 50%, #d1d1d1 50%, #d1d1d1 100%)
 #define statusColorRatingBgHover #0e6d1d

package/ios/product/small/light/components/table.h

@@ -71,7 +71,7 @@
 #define tableSizeRowDoubleheightL 96
 #define tableSizeRowDoubleheightXl 128
 #define tableSizeIconXs 16
-#define tableSizeIconS 16
+#define tableSizeIconS 20
 #define tableSizeIconM 20
 #define tableSizeIconL 24
 #define tableSizeIconXl 32

package/ios/product/small/light/mode.h

@@ -195,7 +195,8 @@
 #define modesColorStatusAiDefaultAlt #000000
 #define modesColorStatusAiDefaultHorizontal linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)
 #define modesColorStatusAiDefaultVertical linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%)
-#define modesColorStatusGenericDefault #007c7b
+#define modesColorStatusCalloutDefaultAlt #e5fae2
+#define modesColorStatusCalloutHoverAlt #d8ecd5
 #define modesColorStatusCautionDefault #D64309
 #define modesColorStatusCautionDefaultAlt #ffede5
 #define modesColorStatusCautionHover #b33b0d
@@ -217,11 +218,59 @@
 #define modesColorStatusContentInverseWithDefaultAlt #fffffff2
 #define modesColorStatusContentInverseWithHover #000000
 #define modesColorStatusContentInverseWithHoverAlt #FFFFFF
+#define modesColorStatusCustomBlueDefault #0071C3
+#define modesColorStatusCustomBlueDefaultAlt #ebf0f9
+#define modesColorStatusCustomBlueHover #135fa3
+#define modesColorStatusCustomBlueHoverAlt #ced9ed
+#define modesColorStatusCustomTealDefault #007C7B
+#define modesColorStatusCustomTealDefaultAlt #e9f1f1
+#define modesColorStatusCustomTealHover #0e6968
+#define modesColorStatusCustomTealHoverAlt #c4dde0
+#define modesColorStatusCustomGreenDefault #00811F
+#define modesColorStatusCustomGreenDefaultAlt #e9f2e8
+#define modesColorStatusCustomGreenHover #0e6d1d
+#define modesColorStatusCustomGreenHoverAlt #c4decf
+#define modesColorStatusCustomLimeDefault #637700
+#define modesColorStatusCustomLimeDefaultAlt #eff1e6
+#define modesColorStatusCustomLimeHover #546408
+#define modesColorStatusCustomLimeHoverAlt #cdddc9
+#define modesColorStatusCustomOrangeDefault #C54300
+#define modesColorStatusCustomOrangeDefaultAlt #feece5
+#define modesColorStatusCustomOrangeHover #a53a06
+#define modesColorStatusCustomOrangeHoverAlt #f2d0ce
+#define modesColorStatusCustomRedDefault #DC004E
+#define modesColorStatusCustomRedDefaultAlt #ffebec
+#define modesColorStatusCustomRedHover #b81242
+#define modesColorStatusCustomRedHoverAlt #f1cfd9
+#define modesColorStatusCustomPinkDefault #C8269A
+#define modesColorStatusCustomPinkDefaultAlt #fcecf5
+#define modesColorStatusCustomPinkHover #a82581
+#define modesColorStatusCustomPinkHoverAlt #ead2e5
+#define modesColorStatusCustomPurpleDefault #8F4CD7
+#define modesColorStatusCustomPurpleDefaultAlt #f5edfc
+#define modesColorStatusCustomPurpleHover #7941b4
+#define modesColorStatusCustomPurpleHoverAlt #ded4ee
+#define modesColorStatusCustomGrayDefault #6F6F6F
+#define modesColorStatusCustomGrayDefaultAlt #f0f0f0
+#define modesColorStatusCustomGrayHover #5e5e5e
+#define modesColorStatusCustomGrayHoverAlt #d3d9e5
+#define modesColorStatusCustomSlateDefault #527386
+#define modesColorStatusCustomSlateDefaultAlt #edf0f2
+#define modesColorStatusCustomSlateHover #466171
+#define modesColorStatusCustomSlateHoverAlt #cbdae6
+#define modesColorStatusGenericDefault #F0F
+#define modesColorStatusImportantDefault #8F4CD7
+#define modesColorStatusImportantDefaultAlt #f5edfc
+#define modesColorStatusImportantHover #7941b4
+#define modesColorStatusImportantHoverAlt #ded4ee
+#define modesColorStatusImportantInverseDefault #985FDC
+#define modesColorStatusImportantInverseDefaultAlt #1b1422
+#define modesColorStatusImportantInverseHover #a977e2
+#define modesColorStatusImportantInverseHoverAlt #282039
 #define modesColorStatusInactiveDefault #a6a6a6
 #define modesColorStatusInactiveWithDefault #000000ab
 #define modesColorStatusInactiveInverseDefault #4b4b4b
 #define modesColorStatusInactiveInverseWithDefault #ffffffab
-#define modesColorStatusImportantDefault #8F4CD7
 #define modesColorStatusInfoDefault #0060A7
 #define modesColorStatusInfoDefaultAlt #eaeef6
 #define modesColorStatusInfoHover #10518c
@@ -262,8 +311,6 @@
 #define modesColorStatusPositiveInverseDefaultAlt #0e1a0b
 #define modesColorStatusPositiveInverseHover #328e37
 #define modesColorStatusPositiveInverseHoverAlt #132912
-#define modesColorStatusCalloutDefaultAlt #e5fae2
-#define modesColorStatusCalloutHoverAlt #d8ecd5
 #define modesColorStatusReviewsDefault #00811F
 #define modesColorStatusReviewsDefaultAlt linear-gradient(90deg, #00811F 0%, #00811F 50%, #d1d1d1 50%, #d1d1d1 100%)
 #define modesColorStatusReviewsHover #0e6d1d

package/js/common/frozenproduct/large/dark/components/container.js

@@ -691,7 +691,7 @@ module.exports = {
           },
           "bg-important": {
             $type: "color",
-            $value: "#985FDC",
+            $value: "#8F4CD7",
             filePath: "data/tokens/components/container.json",
             isSource: true,
             original: {

package/js/common/frozenproduct/large/dark/components/progress.js

@@ -602,12 +602,12 @@ module.exports = {
       datavis: {
         "fg-default": {
           $type: "color",
-          $value: "#008a89",
+          $value: "#008A89",
           filePath: "data/tokens/components/progress.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.status.generic.default}",
+            $value: "{modes.color.status.custom.teal.default}",
           },
           name: "progressColorDatavisFgDefault",
           attributes: {},

package/js/common/frozenproduct/large/dark/components/status.d.ts

@@ -23,25 +23,6 @@ declare const tokens: {
     color: {
       none: DesignToken;
       message: {
-        global: {
-          "label-default": DesignToken;
-          "label-hover": DesignToken;
-          callout: {
-            "bg-default": DesignToken;
-            "bg-hover": DesignToken;
-            icon: DesignToken;
-          };
-          info: {
-            "bg-default": DesignToken;
-            "bg-hover": DesignToken;
-            icon: DesignToken;
-          };
-          warning: {
-            "bg-default": DesignToken;
-            "bg-hover": DesignToken;
-            icon: DesignToken;
-          };
-        };
         contextual: {
           bg: DesignToken;
           icon: DesignToken;
@@ -81,8 +62,113 @@ declare const tokens: {
             icon: DesignToken;
           };
         };
+        global: {
+          "label-default": DesignToken;
+          "label-hover": DesignToken;
+          callout: {
+            "bg-default": DesignToken;
+            "bg-hover": DesignToken;
+            icon: DesignToken;
+          };
+          info: {
+            "bg-default": DesignToken;
+            "bg-hover": DesignToken;
+            icon: DesignToken;
+          };
+          warning: {
+            "bg-default": DesignToken;
+            "bg-hover": DesignToken;
+            icon: DesignToken;
+          };
+        };
       };
       pill: {
+        custom: {
+          blue: {
+            "bg-default": DesignToken;
+            "bgAlt-default": DesignToken;
+            "bgAlt-hover": DesignToken;
+            "bg-hover": DesignToken;
+            "border-default": DesignToken;
+          };
+          teal: {
+            "bg-default": DesignToken;
+            "bgAlt-default": DesignToken;
+            "bgAlt-hover": DesignToken;
+            "bg-hover": DesignToken;
+            "border-default": DesignToken;
+          };
+          green: {
+            "bg-default": DesignToken;
+            "bgAlt-default": DesignToken;
+            "bgAlt-hover": DesignToken;
+            "bg-hover": DesignToken;
+            "border-default": DesignToken;
+          };
+          lime: {
+            "bg-default": DesignToken;
+            "bgAlt-default": DesignToken;
+            "bgAlt-hover": DesignToken;
+            "bg-hover": DesignToken;
+            "border-default": DesignToken;
+          };
+          orange: {
+            "bg-default": DesignToken;
+            "bgAlt-default": DesignToken;
+            "bgAlt-hover": DesignToken;
+            "bg-hover": DesignToken;
+            "border-default": DesignToken;
+          };
+          red: {
+            "bg-default": DesignToken;
+            "bgAlt-default": DesignToken;
+            "bgAlt-hover": DesignToken;
+            "bg-hover": DesignToken;
+            "border-default": DesignToken;
+          };
+          pink: {
+            "bg-default": DesignToken;
+            "bgAlt-default": DesignToken;
+            "bgAlt-hover": DesignToken;
+            "bg-hover": DesignToken;
+            "border-default": DesignToken;
+          };
+          purple: {
+            "bg-default": DesignToken;
+            "bgAlt-default": DesignToken;
+            "bgAlt-hover": DesignToken;
+            "bg-hover": DesignToken;
+            "border-default": DesignToken;
+          };
+          gray: {
+            "bg-default": DesignToken;
+            "bgAlt-default": DesignToken;
+            "bgAlt-hover": DesignToken;
+            "bg-hover": DesignToken;
+            "border-default": DesignToken;
+          };
+          slate: {
+            "bg-default": DesignToken;
+            "bgAlt-default": DesignToken;
+            "bgAlt-hover": DesignToken;
+            "bg-hover": DesignToken;
+            "border-default": DesignToken;
+          };
+        };
+        error: {
+          "bg-default": DesignToken;
+          "bgAlt-default": DesignToken;
+          "bgAlt-hover": DesignToken;
+          "bg-hover": DesignToken;
+          "border-default": DesignToken;
+          inverse: {
+            "bg-default": DesignToken;
+            "bgAlt-default": DesignToken;
+            "bgAlt-hover": DesignToken;
+            "bg-hover": DesignToken;
+            "border-default": DesignToken;
+          };
+        };
         generic: {
           "label-default": DesignToken;
           "label-hover": DesignToken;
@@ -95,7 +181,7 @@ declare const tokens: {
             "labelAlt-hover": DesignToken;
           };
         };
-        error: {
+        important: {
           "bg-default": DesignToken;
           "bgAlt-default": DesignToken;
           "bgAlt-hover": DesignToken;
@@ -137,6 +223,11 @@ declare const tokens: {
             "border-default": DesignToken;
           };
         };
+        readonly: {
+          "bg-default": DesignToken;
+          "border-default": DesignToken;
+          label: DesignToken;
+        };
         success: {
           "bg-default": DesignToken;
           "bgAlt-default": DesignToken;
@@ -165,11 +256,6 @@ declare const tokens: {
             "border-default": DesignToken;
           };
         };
-        readonly: {
-          "bg-default": DesignToken;
-          "border-default": DesignToken;
-          label: DesignToken;
-        };
       };
       rating: {
         "bg-default": DesignToken;