@sage/design-tokens 14.1.0 → 14.2.0

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

@@ -1964,6 +1964,179 @@ module.exports = {
             },
           },
         },
+        important: {
+          "bg-default": {
+            $type: "color",
+            $value: "#8F4CD7",
+            filePath: "data/tokens/components/status.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.important.default}",
+            },
+            name: "statusColorPillImportantBgDefault",
+            attributes: {},
+            path: ["status", "color", "pill", "important", "bg-default"],
+          },
+          "bgAlt-default": {
+            $type: "color",
+            $value: "#150d19",
+            $description: "outline pill bg",
+            filePath: "data/tokens/components/status.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.important.defaultAlt}",
+              $description: "outline pill bg",
+            },
+            name: "statusColorPillImportantBgAltDefault",
+            attributes: {},
+            path: ["status", "color", "pill", "important", "bgAlt-default"],
+          },
+          "bgAlt-hover": {
+            $type: "color",
+            $value: "#231b30",
+            filePath: "data/tokens/components/status.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.important.hoverAlt}",
+            },
+            name: "statusColorPillImportantBgAltHover",
+            attributes: {},
+            path: ["status", "color", "pill", "important", "bgAlt-hover"],
+          },
+          "bg-hover": {
+            $type: "color",
+            $value: "#a267de",
+            filePath: "data/tokens/components/status.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.important.hover}",
+            },
+            name: "statusColorPillImportantBgHover",
+            attributes: {},
+            path: ["status", "color", "pill", "important", "bg-hover"],
+          },
+          "border-default": {
+            $type: "color",
+            $value: "#8F4CD7",
+            filePath: "data/tokens/components/status.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.important.default}",
+            },
+            name: "statusColorPillImportantBorderDefault",
+            attributes: {},
+            path: ["status", "color", "pill", "important", "border-default"],
+          },
+          inverse: {
+            "bg-default": {
+              $type: "color",
+              $value: "#985FDC",
+              filePath: "data/tokens/components/status.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.important.inverse.default}",
+              },
+              name: "statusColorPillImportantInverseBgDefault",
+              attributes: {},
+              path: [
+                "status",
+                "color",
+                "pill",
+                "important",
+                "inverse",
+                "bg-default",
+              ],
+            },
+            "bgAlt-default": {
+              $type: "color",
+              $value: "#f1e6fa",
+              $description: "outline pill bg",
+              filePath: "data/tokens/components/status.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.important.inverse.defaultAlt}",
+                $description: "outline pill bg",
+              },
+              name: "statusColorPillImportantInverseBgAltDefault",
+              attributes: {},
+              path: [
+                "status",
+                "color",
+                "pill",
+                "important",
+                "inverse",
+                "bgAlt-default",
+              ],
+            },
+            "bgAlt-hover": {
+              $type: "color",
+              $value: "#daceed",
+              filePath: "data/tokens/components/status.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.important.inverse.hoverAlt}",
+              },
+              name: "statusColorPillImportantInverseBgAltHover",
+              attributes: {},
+              path: [
+                "status",
+                "color",
+                "pill",
+                "important",
+                "inverse",
+                "bgAlt-hover",
+              ],
+            },
+            "bg-hover": {
+              $type: "color",
+              $value: "#8051b8",
+              filePath: "data/tokens/components/status.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.important.inverse.hover}",
+              },
+              name: "statusColorPillImportantInverseBgHover",
+              attributes: {},
+              path: [
+                "status",
+                "color",
+                "pill",
+                "important",
+                "inverse",
+                "bg-hover",
+              ],
+            },
+            "border-default": {
+              $type: "color",
+              $value: "#985FDC",
+              filePath: "data/tokens/components/status.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.important.inverse.default}",
+              },
+              name: "statusColorPillImportantInverseBorderDefault",
+              attributes: {},
+              path: [
+                "status",
+                "color",
+                "pill",
+                "important",
+                "inverse",
+                "border-default",
+              ],
+            },
+          },
+        },
         info: {
           "bg-default": {
             $type: "color",

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

@@ -181,6 +181,20 @@ declare const tokens: {
             "labelAlt-hover": DesignToken;
           };
         };
+        important: {
+          "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;
+          };
+        };
         info: {
           "bg-default": DesignToken;
           "bgAlt-default": DesignToken;

package/js/common/frozenproduct/large/light/components/status.js

@@ -1964,6 +1964,179 @@ module.exports = {
             },
           },
         },
+        important: {
+          "bg-default": {
+            $type: "color",
+            $value: "#8F4CD7",
+            filePath: "data/tokens/components/status.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.important.default}",
+            },
+            name: "statusColorPillImportantBgDefault",
+            attributes: {},
+            path: ["status", "color", "pill", "important", "bg-default"],
+          },
+          "bgAlt-default": {
+            $type: "color",
+            $value: "#f5edfc",
+            $description: "outline pill bg",
+            filePath: "data/tokens/components/status.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.important.defaultAlt}",
+              $description: "outline pill bg",
+            },
+            name: "statusColorPillImportantBgAltDefault",
+            attributes: {},
+            path: ["status", "color", "pill", "important", "bgAlt-default"],
+          },
+          "bgAlt-hover": {
+            $type: "color",
+            $value: "#ded4ee",
+            filePath: "data/tokens/components/status.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.important.hoverAlt}",
+            },
+            name: "statusColorPillImportantBgAltHover",
+            attributes: {},
+            path: ["status", "color", "pill", "important", "bgAlt-hover"],
+          },
+          "bg-hover": {
+            $type: "color",
+            $value: "#7941b4",
+            filePath: "data/tokens/components/status.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.important.hover}",
+            },
+            name: "statusColorPillImportantBgHover",
+            attributes: {},
+            path: ["status", "color", "pill", "important", "bg-hover"],
+          },
+          "border-default": {
+            $type: "color",
+            $value: "#8F4CD7",
+            filePath: "data/tokens/components/status.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.important.default}",
+            },
+            name: "statusColorPillImportantBorderDefault",
+            attributes: {},
+            path: ["status", "color", "pill", "important", "border-default"],
+          },
+          inverse: {
+            "bg-default": {
+              $type: "color",
+              $value: "#985FDC",
+              filePath: "data/tokens/components/status.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.important.inverse.default}",
+              },
+              name: "statusColorPillImportantInverseBgDefault",
+              attributes: {},
+              path: [
+                "status",
+                "color",
+                "pill",
+                "important",
+                "inverse",
+                "bg-default",
+              ],
+            },
+            "bgAlt-default": {
+              $type: "color",
+              $value: "#1b1422",
+              $description: "outline pill bg",
+              filePath: "data/tokens/components/status.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.important.inverse.defaultAlt}",
+                $description: "outline pill bg",
+              },
+              name: "statusColorPillImportantInverseBgAltDefault",
+              attributes: {},
+              path: [
+                "status",
+                "color",
+                "pill",
+                "important",
+                "inverse",
+                "bgAlt-default",
+              ],
+            },
+            "bgAlt-hover": {
+              $type: "color",
+              $value: "#282039",
+              filePath: "data/tokens/components/status.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.important.inverse.hoverAlt}",
+              },
+              name: "statusColorPillImportantInverseBgAltHover",
+              attributes: {},
+              path: [
+                "status",
+                "color",
+                "pill",
+                "important",
+                "inverse",
+                "bgAlt-hover",
+              ],
+            },
+            "bg-hover": {
+              $type: "color",
+              $value: "#a977e2",
+              filePath: "data/tokens/components/status.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.important.inverse.hover}",
+              },
+              name: "statusColorPillImportantInverseBgHover",
+              attributes: {},
+              path: [
+                "status",
+                "color",
+                "pill",
+                "important",
+                "inverse",
+                "bg-hover",
+              ],
+            },
+            "border-default": {
+              $type: "color",
+              $value: "#985FDC",
+              filePath: "data/tokens/components/status.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.important.inverse.default}",
+              },
+              name: "statusColorPillImportantInverseBorderDefault",
+              attributes: {},
+              path: [
+                "status",
+                "color",
+                "pill",
+                "important",
+                "inverse",
+                "border-default",
+              ],
+            },
+          },
+        },
         info: {
           "bg-default": {
             $type: "color",

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

@@ -181,6 +181,20 @@ declare const tokens: {
             "labelAlt-hover": DesignToken;
           };
         };
+        important: {
+          "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;
+          };
+        };
         info: {
           "bg-default": DesignToken;
           "bgAlt-default": DesignToken;

package/js/common/frozenproduct/small/dark/components/status.js

@@ -1964,6 +1964,179 @@ module.exports = {
             },
           },
         },
+        important: {
+          "bg-default": {
+            $type: "color",
+            $value: "#8F4CD7",
+            filePath: "data/tokens/components/status.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.important.default}",
+            },
+            name: "statusColorPillImportantBgDefault",
+            attributes: {},
+            path: ["status", "color", "pill", "important", "bg-default"],
+          },
+          "bgAlt-default": {
+            $type: "color",
+            $value: "#150d19",
+            $description: "outline pill bg",
+            filePath: "data/tokens/components/status.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.important.defaultAlt}",
+              $description: "outline pill bg",
+            },
+            name: "statusColorPillImportantBgAltDefault",
+            attributes: {},
+            path: ["status", "color", "pill", "important", "bgAlt-default"],
+          },
+          "bgAlt-hover": {
+            $type: "color",
+            $value: "#231b30",
+            filePath: "data/tokens/components/status.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.important.hoverAlt}",
+            },
+            name: "statusColorPillImportantBgAltHover",
+            attributes: {},
+            path: ["status", "color", "pill", "important", "bgAlt-hover"],
+          },
+          "bg-hover": {
+            $type: "color",
+            $value: "#a267de",
+            filePath: "data/tokens/components/status.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.important.hover}",
+            },
+            name: "statusColorPillImportantBgHover",
+            attributes: {},
+            path: ["status", "color", "pill", "important", "bg-hover"],
+          },
+          "border-default": {
+            $type: "color",
+            $value: "#8F4CD7",
+            filePath: "data/tokens/components/status.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.status.important.default}",
+            },
+            name: "statusColorPillImportantBorderDefault",
+            attributes: {},
+            path: ["status", "color", "pill", "important", "border-default"],
+          },
+          inverse: {
+            "bg-default": {
+              $type: "color",
+              $value: "#985FDC",
+              filePath: "data/tokens/components/status.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.important.inverse.default}",
+              },
+              name: "statusColorPillImportantInverseBgDefault",
+              attributes: {},
+              path: [
+                "status",
+                "color",
+                "pill",
+                "important",
+                "inverse",
+                "bg-default",
+              ],
+            },
+            "bgAlt-default": {
+              $type: "color",
+              $value: "#f1e6fa",
+              $description: "outline pill bg",
+              filePath: "data/tokens/components/status.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.important.inverse.defaultAlt}",
+                $description: "outline pill bg",
+              },
+              name: "statusColorPillImportantInverseBgAltDefault",
+              attributes: {},
+              path: [
+                "status",
+                "color",
+                "pill",
+                "important",
+                "inverse",
+                "bgAlt-default",
+              ],
+            },
+            "bgAlt-hover": {
+              $type: "color",
+              $value: "#daceed",
+              filePath: "data/tokens/components/status.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.important.inverse.hoverAlt}",
+              },
+              name: "statusColorPillImportantInverseBgAltHover",
+              attributes: {},
+              path: [
+                "status",
+                "color",
+                "pill",
+                "important",
+                "inverse",
+                "bgAlt-hover",
+              ],
+            },
+            "bg-hover": {
+              $type: "color",
+              $value: "#8051b8",
+              filePath: "data/tokens/components/status.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.important.inverse.hover}",
+              },
+              name: "statusColorPillImportantInverseBgHover",
+              attributes: {},
+              path: [
+                "status",
+                "color",
+                "pill",
+                "important",
+                "inverse",
+                "bg-hover",
+              ],
+            },
+            "border-default": {
+              $type: "color",
+              $value: "#985FDC",
+              filePath: "data/tokens/components/status.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.important.inverse.default}",
+              },
+              name: "statusColorPillImportantInverseBorderDefault",
+              attributes: {},
+              path: [
+                "status",
+                "color",
+                "pill",
+                "important",
+                "inverse",
+                "border-default",
+              ],
+            },
+          },
+        },
         info: {
           "bg-default": {
             $type: "color",

package/js/common/frozenproduct/small/light/components/status.d.ts

@@ -181,6 +181,20 @@ declare const tokens: {
             "labelAlt-hover": DesignToken;
           };
         };
+        important: {
+          "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;
+          };
+        };
         info: {
           "bg-default": DesignToken;
           "bgAlt-default": DesignToken;