@sage/design-tokens 14.1.0 → 14.2.0

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

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

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

@@ -111,6 +111,16 @@ export const statusColorPillGenericInverseLabelDefault: string;
 export const statusColorPillGenericInverseLabelHover: string;
 export const statusColorPillGenericInverseLabelAltDefault: string;
 export const statusColorPillGenericInverseLabelAltHover: string;
+export const statusColorPillImportantBgDefault: string;
+export const statusColorPillImportantBgAltDefault: string;
+export const statusColorPillImportantBgAltHover: string;
+export const statusColorPillImportantBgHover: string;
+export const statusColorPillImportantBorderDefault: string;
+export const statusColorPillImportantInverseBgDefault: string;
+export const statusColorPillImportantInverseBgAltDefault: string;
+export const statusColorPillImportantInverseBgAltHover: string;
+export const statusColorPillImportantInverseBgHover: string;
+export const statusColorPillImportantInverseBorderDefault: string;
 export const statusColorPillInfoBgDefault: string;
 export const statusColorPillInfoBgAltDefault: string;
 export const statusColorPillInfoBgAltHover: string;

package/js/es6/frozenproduct/small/light/components/status.js

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

package/js/es6/marketing/large/dark/components/status.d.ts

@@ -111,6 +111,16 @@ export const statusColorPillGenericInverseLabelDefault: string;
 export const statusColorPillGenericInverseLabelHover: string;
 export const statusColorPillGenericInverseLabelAltDefault: string;
 export const statusColorPillGenericInverseLabelAltHover: string;
+export const statusColorPillImportantBgDefault: string;
+export const statusColorPillImportantBgAltDefault: string;
+export const statusColorPillImportantBgAltHover: string;
+export const statusColorPillImportantBgHover: string;
+export const statusColorPillImportantBorderDefault: string;
+export const statusColorPillImportantInverseBgDefault: string;
+export const statusColorPillImportantInverseBgAltDefault: string;
+export const statusColorPillImportantInverseBgAltHover: string;
+export const statusColorPillImportantInverseBgHover: string;
+export const statusColorPillImportantInverseBorderDefault: string;
 export const statusColorPillInfoBgDefault: string;
 export const statusColorPillInfoBgAltDefault: string;
 export const statusColorPillInfoBgAltHover: string;

package/js/es6/marketing/large/dark/components/status.js

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

package/js/es6/marketing/large/light/components/status.d.ts

@@ -111,6 +111,16 @@ export const statusColorPillGenericInverseLabelDefault: string;
 export const statusColorPillGenericInverseLabelHover: string;
 export const statusColorPillGenericInverseLabelAltDefault: string;
 export const statusColorPillGenericInverseLabelAltHover: string;
+export const statusColorPillImportantBgDefault: string;
+export const statusColorPillImportantBgAltDefault: string;
+export const statusColorPillImportantBgAltHover: string;
+export const statusColorPillImportantBgHover: string;
+export const statusColorPillImportantBorderDefault: string;
+export const statusColorPillImportantInverseBgDefault: string;
+export const statusColorPillImportantInverseBgAltDefault: string;
+export const statusColorPillImportantInverseBgAltHover: string;
+export const statusColorPillImportantInverseBgHover: string;
+export const statusColorPillImportantInverseBorderDefault: string;
 export const statusColorPillInfoBgDefault: string;
 export const statusColorPillInfoBgAltDefault: string;
 export const statusColorPillInfoBgAltHover: string;

package/js/es6/marketing/large/light/components/status.js

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

package/js/es6/marketing/small/dark/components/status.d.ts

@@ -111,6 +111,16 @@ export const statusColorPillGenericInverseLabelDefault: string;
 export const statusColorPillGenericInverseLabelHover: string;
 export const statusColorPillGenericInverseLabelAltDefault: string;
 export const statusColorPillGenericInverseLabelAltHover: string;
+export const statusColorPillImportantBgDefault: string;
+export const statusColorPillImportantBgAltDefault: string;
+export const statusColorPillImportantBgAltHover: string;
+export const statusColorPillImportantBgHover: string;
+export const statusColorPillImportantBorderDefault: string;
+export const statusColorPillImportantInverseBgDefault: string;
+export const statusColorPillImportantInverseBgAltDefault: string;
+export const statusColorPillImportantInverseBgAltHover: string;
+export const statusColorPillImportantInverseBgHover: string;
+export const statusColorPillImportantInverseBorderDefault: string;
 export const statusColorPillInfoBgDefault: string;
 export const statusColorPillInfoBgAltDefault: string;
 export const statusColorPillInfoBgAltHover: string;

package/js/es6/marketing/small/dark/components/status.js

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

package/js/es6/marketing/small/light/components/status.d.ts

@@ -111,6 +111,16 @@ export const statusColorPillGenericInverseLabelDefault: string;
 export const statusColorPillGenericInverseLabelHover: string;
 export const statusColorPillGenericInverseLabelAltDefault: string;
 export const statusColorPillGenericInverseLabelAltHover: string;
+export const statusColorPillImportantBgDefault: string;
+export const statusColorPillImportantBgAltDefault: string;
+export const statusColorPillImportantBgAltHover: string;
+export const statusColorPillImportantBgHover: string;
+export const statusColorPillImportantBorderDefault: string;
+export const statusColorPillImportantInverseBgDefault: string;
+export const statusColorPillImportantInverseBgAltDefault: string;
+export const statusColorPillImportantInverseBgAltHover: string;
+export const statusColorPillImportantInverseBgHover: string;
+export const statusColorPillImportantInverseBorderDefault: string;
 export const statusColorPillInfoBgDefault: string;
 export const statusColorPillInfoBgAltDefault: string;
 export const statusColorPillInfoBgAltHover: string;

package/js/es6/marketing/small/light/components/status.js

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

package/js/es6/product/large/dark/components/status.d.ts

@@ -111,6 +111,16 @@ export const statusColorPillGenericInverseLabelDefault: string;
 export const statusColorPillGenericInverseLabelHover: string;
 export const statusColorPillGenericInverseLabelAltDefault: string;
 export const statusColorPillGenericInverseLabelAltHover: string;
+export const statusColorPillImportantBgDefault: string;
+export const statusColorPillImportantBgAltDefault: string;
+export const statusColorPillImportantBgAltHover: string;
+export const statusColorPillImportantBgHover: string;
+export const statusColorPillImportantBorderDefault: string;
+export const statusColorPillImportantInverseBgDefault: string;
+export const statusColorPillImportantInverseBgAltDefault: string;
+export const statusColorPillImportantInverseBgAltHover: string;
+export const statusColorPillImportantInverseBgHover: string;
+export const statusColorPillImportantInverseBorderDefault: string;
 export const statusColorPillInfoBgDefault: string;
 export const statusColorPillInfoBgAltDefault: string;
 export const statusColorPillInfoBgAltHover: string;

package/js/es6/product/large/dark/components/status.js

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

package/js/es6/product/large/light/components/status.d.ts

@@ -111,6 +111,16 @@ export const statusColorPillGenericInverseLabelDefault: string;
 export const statusColorPillGenericInverseLabelHover: string;
 export const statusColorPillGenericInverseLabelAltDefault: string;
 export const statusColorPillGenericInverseLabelAltHover: string;
+export const statusColorPillImportantBgDefault: string;
+export const statusColorPillImportantBgAltDefault: string;
+export const statusColorPillImportantBgAltHover: string;
+export const statusColorPillImportantBgHover: string;
+export const statusColorPillImportantBorderDefault: string;
+export const statusColorPillImportantInverseBgDefault: string;
+export const statusColorPillImportantInverseBgAltDefault: string;
+export const statusColorPillImportantInverseBgAltHover: string;
+export const statusColorPillImportantInverseBgHover: string;
+export const statusColorPillImportantInverseBorderDefault: string;
 export const statusColorPillInfoBgDefault: string;
 export const statusColorPillInfoBgAltDefault: string;
 export const statusColorPillInfoBgAltHover: string;

package/js/es6/product/large/light/components/status.js

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

package/js/es6/product/small/dark/components/status.d.ts

@@ -111,6 +111,16 @@ export const statusColorPillGenericInverseLabelDefault: string;
 export const statusColorPillGenericInverseLabelHover: string;
 export const statusColorPillGenericInverseLabelAltDefault: string;
 export const statusColorPillGenericInverseLabelAltHover: string;
+export const statusColorPillImportantBgDefault: string;
+export const statusColorPillImportantBgAltDefault: string;
+export const statusColorPillImportantBgAltHover: string;
+export const statusColorPillImportantBgHover: string;
+export const statusColorPillImportantBorderDefault: string;
+export const statusColorPillImportantInverseBgDefault: string;
+export const statusColorPillImportantInverseBgAltDefault: string;
+export const statusColorPillImportantInverseBgAltHover: string;
+export const statusColorPillImportantInverseBgHover: string;
+export const statusColorPillImportantInverseBorderDefault: string;
 export const statusColorPillInfoBgDefault: string;
 export const statusColorPillInfoBgAltDefault: string;
 export const statusColorPillInfoBgAltHover: string;

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

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

package/js/es6/product/small/light/components/status.d.ts

@@ -111,6 +111,16 @@ export const statusColorPillGenericInverseLabelDefault: string;
 export const statusColorPillGenericInverseLabelHover: string;
 export const statusColorPillGenericInverseLabelAltDefault: string;
 export const statusColorPillGenericInverseLabelAltHover: string;
+export const statusColorPillImportantBgDefault: string;
+export const statusColorPillImportantBgAltDefault: string;
+export const statusColorPillImportantBgAltHover: string;
+export const statusColorPillImportantBgHover: string;
+export const statusColorPillImportantBorderDefault: string;
+export const statusColorPillImportantInverseBgDefault: string;
+export const statusColorPillImportantInverseBgAltDefault: string;
+export const statusColorPillImportantInverseBgAltHover: string;
+export const statusColorPillImportantInverseBgHover: string;
+export const statusColorPillImportantInverseBorderDefault: string;
 export const statusColorPillInfoBgDefault: string;
 export const statusColorPillInfoBgAltDefault: string;
 export const statusColorPillInfoBgAltHover: string;

package/js/es6/product/small/light/components/status.js

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

package/js/umd/frozenproduct/large/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",