@sage/design-tokens 14.0.1 → 14.1.0

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,14 @@
 #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 statusColorPillInfoBgDefault #0060A7
 #define statusColorPillInfoBgAltDefault #eaeef6
 #define statusColorPillInfoBgAltHover #cdd7ea
@@ -84,6 +134,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 +157,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,18 +62,97 @@ declare const tokens: {
             icon: DesignToken;
           };
         };
-      };
-      pill: {
-        generic: {
+        global: {
           "label-default": DesignToken;
           "label-hover": DesignToken;
-          "labelAlt-default": DesignToken;
-          "labelAlt-hover": DesignToken;
-          inverse: {
-            "label-default": DesignToken;
-            "label-hover": DesignToken;
-            "labelAlt-default": DesignToken;
-            "labelAlt-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: {
@@ -109,6 +169,18 @@ declare const tokens: {
             "border-default": DesignToken;
           };
         };
+        generic: {
+          "label-default": DesignToken;
+          "label-hover": DesignToken;
+          "labelAlt-default": DesignToken;
+          "labelAlt-hover": DesignToken;
+          inverse: {
+            "label-default": DesignToken;
+            "label-hover": DesignToken;
+            "labelAlt-default": DesignToken;
+            "labelAlt-hover": DesignToken;
+          };
+        };
         info: {
           "bg-default": DesignToken;
           "bgAlt-default": DesignToken;
@@ -137,6 +209,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 +242,6 @@ declare const tokens: {
             "border-default": DesignToken;
           };
         };
-        readonly: {
-          "bg-default": DesignToken;
-          "border-default": DesignToken;
-          label: DesignToken;
-        };
       };
       rating: {
         "bg-default": DesignToken;