@sage/design-tokens 14.1.0 → 14.2.0

package/js/umd/product/small/dark/components/status.js

@@ -2080,6 +2080,179 @@
               },
             },
           },
+          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/umd/product/small/light/components/status.js

@@ -2080,6 +2080,179 @@
               },
             },
           },
+          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/json/flat/frozenproduct/large/dark/components/status.json

@@ -104,6 +104,16 @@
   "statusColorPillGenericInverseLabelHover": "#FFFFFF",
   "statusColorPillGenericInverseLabelAltDefault": "#000000f2",
   "statusColorPillGenericInverseLabelAltHover": "#000000f2",
+  "statusColorPillImportantBgDefault": "#8F4CD7",
+  "statusColorPillImportantBgAltDefault": "#150d19",
+  "statusColorPillImportantBgAltHover": "#231b30",
+  "statusColorPillImportantBgHover": "#a267de",
+  "statusColorPillImportantBorderDefault": "#8F4CD7",
+  "statusColorPillImportantInverseBgDefault": "#985FDC",
+  "statusColorPillImportantInverseBgAltDefault": "#f1e6fa",
+  "statusColorPillImportantInverseBgAltHover": "#daceed",
+  "statusColorPillImportantInverseBgHover": "#8051b8",
+  "statusColorPillImportantInverseBorderDefault": "#985FDC",
   "statusColorPillInfoBgDefault": "#007ED9",
   "statusColorPillInfoBgAltDefault": "#111722",
   "statusColorPillInfoBgAltHover": "#17253a",

package/json/flat/frozenproduct/large/light/components/status.json

@@ -104,6 +104,16 @@
   "statusColorPillGenericInverseLabelHover": "#000000",
   "statusColorPillGenericInverseLabelAltDefault": "#fffffff2",
   "statusColorPillGenericInverseLabelAltHover": "#fffffff2",
+  "statusColorPillImportantBgDefault": "#8F4CD7",
+  "statusColorPillImportantBgAltDefault": "#f5edfc",
+  "statusColorPillImportantBgAltHover": "#ded4ee",
+  "statusColorPillImportantBgHover": "#7941b4",
+  "statusColorPillImportantBorderDefault": "#8F4CD7",
+  "statusColorPillImportantInverseBgDefault": "#985FDC",
+  "statusColorPillImportantInverseBgAltDefault": "#1b1422",
+  "statusColorPillImportantInverseBgAltHover": "#282039",
+  "statusColorPillImportantInverseBgHover": "#a977e2",
+  "statusColorPillImportantInverseBorderDefault": "#985FDC",
   "statusColorPillInfoBgDefault": "#0060A7",
   "statusColorPillInfoBgAltDefault": "#eaeef6",
   "statusColorPillInfoBgAltHover": "#cdd7ea",

package/json/flat/frozenproduct/small/dark/components/status.json

@@ -104,6 +104,16 @@
   "statusColorPillGenericInverseLabelHover": "#FFFFFF",
   "statusColorPillGenericInverseLabelAltDefault": "#000000f2",
   "statusColorPillGenericInverseLabelAltHover": "#000000f2",
+  "statusColorPillImportantBgDefault": "#8F4CD7",
+  "statusColorPillImportantBgAltDefault": "#150d19",
+  "statusColorPillImportantBgAltHover": "#231b30",
+  "statusColorPillImportantBgHover": "#a267de",
+  "statusColorPillImportantBorderDefault": "#8F4CD7",
+  "statusColorPillImportantInverseBgDefault": "#985FDC",
+  "statusColorPillImportantInverseBgAltDefault": "#f1e6fa",
+  "statusColorPillImportantInverseBgAltHover": "#daceed",
+  "statusColorPillImportantInverseBgHover": "#8051b8",
+  "statusColorPillImportantInverseBorderDefault": "#985FDC",
   "statusColorPillInfoBgDefault": "#007ED9",
   "statusColorPillInfoBgAltDefault": "#111722",
   "statusColorPillInfoBgAltHover": "#17253a",

package/json/flat/frozenproduct/small/light/components/status.json

@@ -104,6 +104,16 @@
   "statusColorPillGenericInverseLabelHover": "#000000",
   "statusColorPillGenericInverseLabelAltDefault": "#fffffff2",
   "statusColorPillGenericInverseLabelAltHover": "#fffffff2",
+  "statusColorPillImportantBgDefault": "#8F4CD7",
+  "statusColorPillImportantBgAltDefault": "#f5edfc",
+  "statusColorPillImportantBgAltHover": "#ded4ee",
+  "statusColorPillImportantBgHover": "#7941b4",
+  "statusColorPillImportantBorderDefault": "#8F4CD7",
+  "statusColorPillImportantInverseBgDefault": "#985FDC",
+  "statusColorPillImportantInverseBgAltDefault": "#1b1422",
+  "statusColorPillImportantInverseBgAltHover": "#282039",
+  "statusColorPillImportantInverseBgHover": "#a977e2",
+  "statusColorPillImportantInverseBorderDefault": "#985FDC",
   "statusColorPillInfoBgDefault": "#0060A7",
   "statusColorPillInfoBgAltDefault": "#eaeef6",
   "statusColorPillInfoBgAltHover": "#cdd7ea",

package/json/flat/marketing/large/dark/components/status.json

@@ -104,6 +104,16 @@
   "statusColorPillGenericInverseLabelHover": "#FFFFFF",
   "statusColorPillGenericInverseLabelAltDefault": "#000000f2",
   "statusColorPillGenericInverseLabelAltHover": "#000000f2",
+  "statusColorPillImportantBgDefault": "#8F4CD7",
+  "statusColorPillImportantBgAltDefault": "#150d19",
+  "statusColorPillImportantBgAltHover": "#231b30",
+  "statusColorPillImportantBgHover": "#a267de",
+  "statusColorPillImportantBorderDefault": "#8F4CD7",
+  "statusColorPillImportantInverseBgDefault": "#985FDC",
+  "statusColorPillImportantInverseBgAltDefault": "#f1e6fa",
+  "statusColorPillImportantInverseBgAltHover": "#daceed",
+  "statusColorPillImportantInverseBgHover": "#8051b8",
+  "statusColorPillImportantInverseBorderDefault": "#985FDC",
   "statusColorPillInfoBgDefault": "#007ED9",
   "statusColorPillInfoBgAltDefault": "#111722",
   "statusColorPillInfoBgAltHover": "#17253a",

package/json/flat/marketing/large/light/components/status.json

@@ -104,6 +104,16 @@
   "statusColorPillGenericInverseLabelHover": "#000000",
   "statusColorPillGenericInverseLabelAltDefault": "#fffffff2",
   "statusColorPillGenericInverseLabelAltHover": "#fffffff2",
+  "statusColorPillImportantBgDefault": "#8F4CD7",
+  "statusColorPillImportantBgAltDefault": "#f5edfc",
+  "statusColorPillImportantBgAltHover": "#ded4ee",
+  "statusColorPillImportantBgHover": "#7941b4",
+  "statusColorPillImportantBorderDefault": "#8F4CD7",
+  "statusColorPillImportantInverseBgDefault": "#985FDC",
+  "statusColorPillImportantInverseBgAltDefault": "#1b1422",
+  "statusColorPillImportantInverseBgAltHover": "#282039",
+  "statusColorPillImportantInverseBgHover": "#a977e2",
+  "statusColorPillImportantInverseBorderDefault": "#985FDC",
   "statusColorPillInfoBgDefault": "#0060A7",
   "statusColorPillInfoBgAltDefault": "#eaeef6",
   "statusColorPillInfoBgAltHover": "#cdd7ea",

package/json/flat/marketing/small/dark/components/status.json

@@ -104,6 +104,16 @@
   "statusColorPillGenericInverseLabelHover": "#FFFFFF",
   "statusColorPillGenericInverseLabelAltDefault": "#000000f2",
   "statusColorPillGenericInverseLabelAltHover": "#000000f2",
+  "statusColorPillImportantBgDefault": "#8F4CD7",
+  "statusColorPillImportantBgAltDefault": "#150d19",
+  "statusColorPillImportantBgAltHover": "#231b30",
+  "statusColorPillImportantBgHover": "#a267de",
+  "statusColorPillImportantBorderDefault": "#8F4CD7",
+  "statusColorPillImportantInverseBgDefault": "#985FDC",
+  "statusColorPillImportantInverseBgAltDefault": "#f1e6fa",
+  "statusColorPillImportantInverseBgAltHover": "#daceed",
+  "statusColorPillImportantInverseBgHover": "#8051b8",
+  "statusColorPillImportantInverseBorderDefault": "#985FDC",
   "statusColorPillInfoBgDefault": "#007ED9",
   "statusColorPillInfoBgAltDefault": "#111722",
   "statusColorPillInfoBgAltHover": "#17253a",

package/json/flat/marketing/small/light/components/status.json

@@ -104,6 +104,16 @@
   "statusColorPillGenericInverseLabelHover": "#000000",
   "statusColorPillGenericInverseLabelAltDefault": "#fffffff2",
   "statusColorPillGenericInverseLabelAltHover": "#fffffff2",
+  "statusColorPillImportantBgDefault": "#8F4CD7",
+  "statusColorPillImportantBgAltDefault": "#f5edfc",
+  "statusColorPillImportantBgAltHover": "#ded4ee",
+  "statusColorPillImportantBgHover": "#7941b4",
+  "statusColorPillImportantBorderDefault": "#8F4CD7",
+  "statusColorPillImportantInverseBgDefault": "#985FDC",
+  "statusColorPillImportantInverseBgAltDefault": "#1b1422",
+  "statusColorPillImportantInverseBgAltHover": "#282039",
+  "statusColorPillImportantInverseBgHover": "#a977e2",
+  "statusColorPillImportantInverseBorderDefault": "#985FDC",
   "statusColorPillInfoBgDefault": "#0060A7",
   "statusColorPillInfoBgAltDefault": "#eaeef6",
   "statusColorPillInfoBgAltHover": "#cdd7ea",

package/json/flat/product/large/dark/components/status.json

@@ -104,6 +104,16 @@
   "statusColorPillGenericInverseLabelHover": "#FFFFFF",
   "statusColorPillGenericInverseLabelAltDefault": "#000000f2",
   "statusColorPillGenericInverseLabelAltHover": "#000000f2",
+  "statusColorPillImportantBgDefault": "#8F4CD7",
+  "statusColorPillImportantBgAltDefault": "#150d19",
+  "statusColorPillImportantBgAltHover": "#231b30",
+  "statusColorPillImportantBgHover": "#a267de",
+  "statusColorPillImportantBorderDefault": "#8F4CD7",
+  "statusColorPillImportantInverseBgDefault": "#985FDC",
+  "statusColorPillImportantInverseBgAltDefault": "#f1e6fa",
+  "statusColorPillImportantInverseBgAltHover": "#daceed",
+  "statusColorPillImportantInverseBgHover": "#8051b8",
+  "statusColorPillImportantInverseBorderDefault": "#985FDC",
   "statusColorPillInfoBgDefault": "#007ED9",
   "statusColorPillInfoBgAltDefault": "#111722",
   "statusColorPillInfoBgAltHover": "#17253a",

package/json/flat/product/large/light/components/status.json

@@ -104,6 +104,16 @@
   "statusColorPillGenericInverseLabelHover": "#000000",
   "statusColorPillGenericInverseLabelAltDefault": "#fffffff2",
   "statusColorPillGenericInverseLabelAltHover": "#fffffff2",
+  "statusColorPillImportantBgDefault": "#8F4CD7",
+  "statusColorPillImportantBgAltDefault": "#f5edfc",
+  "statusColorPillImportantBgAltHover": "#ded4ee",
+  "statusColorPillImportantBgHover": "#7941b4",
+  "statusColorPillImportantBorderDefault": "#8F4CD7",
+  "statusColorPillImportantInverseBgDefault": "#985FDC",
+  "statusColorPillImportantInverseBgAltDefault": "#1b1422",
+  "statusColorPillImportantInverseBgAltHover": "#282039",
+  "statusColorPillImportantInverseBgHover": "#a977e2",
+  "statusColorPillImportantInverseBorderDefault": "#985FDC",
   "statusColorPillInfoBgDefault": "#0060A7",
   "statusColorPillInfoBgAltDefault": "#eaeef6",
   "statusColorPillInfoBgAltHover": "#cdd7ea",

package/json/flat/product/small/dark/components/status.json

@@ -104,6 +104,16 @@
   "statusColorPillGenericInverseLabelHover": "#FFFFFF",
   "statusColorPillGenericInverseLabelAltDefault": "#000000f2",
   "statusColorPillGenericInverseLabelAltHover": "#000000f2",
+  "statusColorPillImportantBgDefault": "#8F4CD7",
+  "statusColorPillImportantBgAltDefault": "#150d19",
+  "statusColorPillImportantBgAltHover": "#231b30",
+  "statusColorPillImportantBgHover": "#a267de",
+  "statusColorPillImportantBorderDefault": "#8F4CD7",
+  "statusColorPillImportantInverseBgDefault": "#985FDC",
+  "statusColorPillImportantInverseBgAltDefault": "#f1e6fa",
+  "statusColorPillImportantInverseBgAltHover": "#daceed",
+  "statusColorPillImportantInverseBgHover": "#8051b8",
+  "statusColorPillImportantInverseBorderDefault": "#985FDC",
   "statusColorPillInfoBgDefault": "#007ED9",
   "statusColorPillInfoBgAltDefault": "#111722",
   "statusColorPillInfoBgAltHover": "#17253a",

package/json/flat/product/small/light/components/status.json

@@ -104,6 +104,16 @@
   "statusColorPillGenericInverseLabelHover": "#000000",
   "statusColorPillGenericInverseLabelAltDefault": "#fffffff2",
   "statusColorPillGenericInverseLabelAltHover": "#fffffff2",
+  "statusColorPillImportantBgDefault": "#8F4CD7",
+  "statusColorPillImportantBgAltDefault": "#f5edfc",
+  "statusColorPillImportantBgAltHover": "#ded4ee",
+  "statusColorPillImportantBgHover": "#7941b4",
+  "statusColorPillImportantBorderDefault": "#8F4CD7",
+  "statusColorPillImportantInverseBgDefault": "#985FDC",
+  "statusColorPillImportantInverseBgAltDefault": "#1b1422",
+  "statusColorPillImportantInverseBgAltHover": "#282039",
+  "statusColorPillImportantInverseBgHover": "#a977e2",
+  "statusColorPillImportantInverseBorderDefault": "#985FDC",
   "statusColorPillInfoBgDefault": "#0060A7",
   "statusColorPillInfoBgAltDefault": "#eaeef6",
   "statusColorPillInfoBgAltHover": "#cdd7ea",

package/json/nested/frozenproduct/large/dark/components/status.json

@@ -161,6 +161,20 @@
             "labelAlt-hover": "#000000f2"
           }
         },
+        "important": {
+          "bg-default": "#8F4CD7",
+          "bgAlt-default": "#150d19",
+          "bgAlt-hover": "#231b30",
+          "bg-hover": "#a267de",
+          "border-default": "#8F4CD7",
+          "inverse": {
+            "bg-default": "#985FDC",
+            "bgAlt-default": "#f1e6fa",
+            "bgAlt-hover": "#daceed",
+            "bg-hover": "#8051b8",
+            "border-default": "#985FDC"
+          }
+        },
         "info": {
           "bg-default": "#007ED9",
           "bgAlt-default": "#111722",

package/json/nested/frozenproduct/large/light/components/status.json

@@ -161,6 +161,20 @@
             "labelAlt-hover": "#fffffff2"
           }
         },
+        "important": {
+          "bg-default": "#8F4CD7",
+          "bgAlt-default": "#f5edfc",
+          "bgAlt-hover": "#ded4ee",
+          "bg-hover": "#7941b4",
+          "border-default": "#8F4CD7",
+          "inverse": {
+            "bg-default": "#985FDC",
+            "bgAlt-default": "#1b1422",
+            "bgAlt-hover": "#282039",
+            "bg-hover": "#a977e2",
+            "border-default": "#985FDC"
+          }
+        },
         "info": {
           "bg-default": "#0060A7",
           "bgAlt-default": "#eaeef6",

package/json/nested/frozenproduct/small/dark/components/status.json

@@ -161,6 +161,20 @@
             "labelAlt-hover": "#000000f2"
           }
         },
+        "important": {
+          "bg-default": "#8F4CD7",
+          "bgAlt-default": "#150d19",
+          "bgAlt-hover": "#231b30",
+          "bg-hover": "#a267de",
+          "border-default": "#8F4CD7",
+          "inverse": {
+            "bg-default": "#985FDC",
+            "bgAlt-default": "#f1e6fa",
+            "bgAlt-hover": "#daceed",
+            "bg-hover": "#8051b8",
+            "border-default": "#985FDC"
+          }
+        },
         "info": {
           "bg-default": "#007ED9",
           "bgAlt-default": "#111722",