npm - @canonical/design-tokens - Versions diffs - 0.5.2 → 0.6.1 - Mend

@canonical/design-tokens 0.5.2 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/dist/tokens.json CHANGED Viewed

@@ -5567,6 +5567,54 @@
       }
     ]
   },
+  "--color-focusRing-constructive": {
+    "cssVar": "--color-focusRing-constructive",
+    "id": "color.focusRing.constructive",
+    "type": "color",
+    "tier": "semantic",
+    "isPaired": false,
+    "cssOutputFile": "modifiers.theme.css",
+    "description": "Focus ring color for constructive interactive elements",
+    "valueLight": "var(--color-border-constructive)",
+    "valueDark": "var(--color-border-constructive)",
+    "declarations": [
+      {
+        "selector": ":root",
+        "file": "modifiers.theme.css",
+        "line": 34,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      }
+    ]
+  },
+  "--color-focusRing-destructive": {
+    "cssVar": "--color-focusRing-destructive",
+    "id": "color.focusRing.destructive",
+    "type": "color",
+    "tier": "semantic",
+    "isPaired": false,
+    "cssOutputFile": "modifiers.theme.css",
+    "description": "Focus ring color for destructive interactive elements",
+    "valueLight": "var(--color-border-destructive)",
+    "valueDark": "var(--color-border-destructive)",
+    "declarations": [
+      {
+        "selector": ":root",
+        "file": "modifiers.theme.css",
+        "line": 35,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      }
+    ]
+  },
   "--color-focusRing-error": {
     "cssVar": "--color-focusRing-error",
     "id": "color.focusRing.error",
@@ -5581,7 +5629,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 34,
+        "line": 36,
         "atRules": [
           {
             "name": "layer",
@@ -5605,7 +5653,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 35,
+        "line": 37,
         "atRules": [
           {
             "name": "layer",
@@ -5629,7 +5677,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 36,
+        "line": 38,
         "atRules": [
           {
             "name": "layer",
@@ -5653,7 +5701,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 37,
+        "line": 39,
         "atRules": [
           {
             "name": "layer",
@@ -5677,7 +5725,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 38,
+        "line": 40,
         "atRules": [
           {
             "name": "layer",
@@ -5701,7 +5749,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 39,
+        "line": 41,
         "atRules": [
           {
             "name": "layer",
@@ -5725,7 +5773,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 40,
+        "line": 42,
         "atRules": [
           {
             "name": "layer",
@@ -5749,7 +5797,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 41,
+        "line": 43,
         "atRules": [
           {
             "name": "layer",
@@ -5773,7 +5821,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 42,
+        "line": 44,
         "atRules": [
           {
             "name": "layer",
@@ -5797,7 +5845,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 43,
+        "line": 45,
         "atRules": [
           {
             "name": "layer",
@@ -5821,7 +5869,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 44,
+        "line": 46,
         "atRules": [
           {
             "name": "layer",
@@ -5845,7 +5893,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 45,
+        "line": 47,
         "atRules": [
           {
             "name": "layer",
@@ -5869,7 +5917,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 46,
+        "line": 48,
         "atRules": [
           {
             "name": "layer",
@@ -5893,7 +5941,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 47,
+        "line": 49,
         "atRules": [
           {
             "name": "layer",
@@ -5917,7 +5965,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 48,
+        "line": 50,
         "atRules": [
           {
             "name": "layer",
@@ -5941,7 +5989,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 49,
+        "line": 51,
         "atRules": [
           {
             "name": "layer",
@@ -5965,7 +6013,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 50,
+        "line": 52,
         "atRules": [
           {
             "name": "layer",
@@ -5989,7 +6037,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 51,
+        "line": 53,
         "atRules": [
           {
             "name": "layer",
@@ -6013,7 +6061,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 52,
+        "line": 54,
         "atRules": [
           {
             "name": "layer",
@@ -6037,7 +6085,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 53,
+        "line": 55,
         "atRules": [
           {
             "name": "layer",
@@ -6061,7 +6109,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 54,
+        "line": 56,
         "atRules": [
           {
             "name": "layer",
@@ -6085,7 +6133,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 55,
+        "line": 57,
         "atRules": [
           {
             "name": "layer",
@@ -6109,7 +6157,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 56,
+        "line": 58,
         "atRules": [
           {
             "name": "layer",
@@ -6133,7 +6181,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 57,
+        "line": 59,
         "atRules": [
           {
             "name": "layer",
@@ -6157,7 +6205,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 58,
+        "line": 60,
         "atRules": [
           {
             "name": "layer",
@@ -6181,7 +6229,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 59,
+        "line": 61,
         "atRules": [
           {
             "name": "layer",
@@ -6205,7 +6253,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 60,
+        "line": 62,
         "atRules": [
           {
             "name": "layer",
@@ -6229,7 +6277,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 61,
+        "line": 63,
         "atRules": [
           {
             "name": "layer",
@@ -6253,7 +6301,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 62,
+        "line": 64,
         "atRules": [
           {
             "name": "layer",
@@ -6277,7 +6325,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 63,
+        "line": 65,
         "atRules": [
           {
             "name": "layer",
@@ -6301,7 +6349,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 64,
+        "line": 66,
         "atRules": [
           {
             "name": "layer",
@@ -6325,7 +6373,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 65,
+        "line": 67,
         "atRules": [
           {
             "name": "layer",
@@ -6349,7 +6397,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 66,
+        "line": 68,
         "atRules": [
           {
             "name": "layer",
@@ -6373,7 +6421,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 67,
+        "line": 69,
         "atRules": [
           {
             "name": "layer",
@@ -6397,7 +6445,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 68,
+        "line": 70,
         "atRules": [
           {
             "name": "layer",
@@ -6421,7 +6469,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 69,
+        "line": 71,
         "atRules": [
           {
             "name": "layer",
@@ -6445,7 +6493,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 70,
+        "line": 72,
         "atRules": [
           {
             "name": "layer",
@@ -6469,7 +6517,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 71,
+        "line": 73,
         "atRules": [
           {
             "name": "layer",
@@ -6493,7 +6541,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 72,
+        "line": 74,
         "atRules": [
           {
             "name": "layer",
@@ -6517,7 +6565,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 73,
+        "line": 75,
         "atRules": [
           {
             "name": "layer",
@@ -6541,7 +6589,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 74,
+        "line": 76,
         "atRules": [
           {
             "name": "layer",
@@ -6565,7 +6613,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 75,
+        "line": 77,
         "atRules": [
           {
             "name": "layer",
@@ -6589,7 +6637,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 76,
+        "line": 78,
         "atRules": [
           {
             "name": "layer",
@@ -6613,7 +6661,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 77,
+        "line": 79,
         "atRules": [
           {
             "name": "layer",
@@ -6637,7 +6685,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 78,
+        "line": 80,
         "atRules": [
           {
             "name": "layer",
@@ -6661,7 +6709,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 79,
+        "line": 81,
         "atRules": [
           {
             "name": "layer",
@@ -6685,7 +6733,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 80,
+        "line": 82,
         "atRules": [
           {
             "name": "layer",
@@ -6709,7 +6757,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 81,
+        "line": 83,
         "atRules": [
           {
             "name": "layer",
@@ -6733,7 +6781,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 82,
+        "line": 84,
         "atRules": [
           {
             "name": "layer",
@@ -6757,7 +6805,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 83,
+        "line": 85,
         "atRules": [
           {
             "name": "layer",
@@ -6781,7 +6829,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 84,
+        "line": 86,
         "atRules": [
           {
             "name": "layer",
@@ -6805,7 +6853,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 85,
+        "line": 87,
         "atRules": [
           {
             "name": "layer",
@@ -6829,7 +6877,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 86,
+        "line": 88,
         "atRules": [
           {
             "name": "layer",
@@ -6853,7 +6901,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 87,
+        "line": 89,
         "atRules": [
           {
             "name": "layer",
@@ -6877,7 +6925,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 88,
+        "line": 90,
         "atRules": [
           {
             "name": "layer",
@@ -6901,7 +6949,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 89,
+        "line": 91,
         "atRules": [
           {
             "name": "layer",
@@ -6925,7 +6973,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 90,
+        "line": 92,
         "atRules": [
           {
             "name": "layer",
@@ -6949,7 +6997,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 91,
+        "line": 93,
         "atRules": [
           {
             "name": "layer",
@@ -6973,7 +7021,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 92,
+        "line": 94,
         "atRules": [
           {
             "name": "layer",
@@ -6997,7 +7045,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 93,
+        "line": 95,
         "atRules": [
           {
             "name": "layer",
@@ -7021,7 +7069,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 94,
+        "line": 96,
         "atRules": [
           {
             "name": "layer",
@@ -7045,7 +7093,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 95,
+        "line": 97,
         "atRules": [
           {
             "name": "layer",
@@ -7069,7 +7117,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 96,
+        "line": 98,
         "atRules": [
           {
             "name": "layer",
@@ -7093,7 +7141,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 97,
+        "line": 99,
         "atRules": [
           {
             "name": "layer",
@@ -7117,7 +7165,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 98,
+        "line": 100,
         "atRules": [
           {
             "name": "layer",
@@ -7141,7 +7189,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 99,
+        "line": 101,
         "atRules": [
           {
             "name": "layer",
@@ -7165,7 +7213,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 100,
+        "line": 102,
         "atRules": [
           {
             "name": "layer",
@@ -7189,7 +7237,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 101,
+        "line": 103,
         "atRules": [
           {
             "name": "layer",
@@ -7213,7 +7261,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 102,
+        "line": 104,
         "atRules": [
           {
             "name": "layer",
@@ -7237,7 +7285,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 103,
+        "line": 105,
         "atRules": [
           {
             "name": "layer",
@@ -7261,7 +7309,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 104,
+        "line": 106,
         "atRules": [
           {
             "name": "layer",
@@ -7285,7 +7333,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 105,
+        "line": 107,
         "atRules": [
           {
             "name": "layer",
@@ -7309,7 +7357,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 106,
+        "line": 108,
         "atRules": [
           {
             "name": "layer",
@@ -7333,7 +7381,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 107,
+        "line": 109,
         "atRules": [
           {
             "name": "layer",
@@ -7357,7 +7405,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 108,
+        "line": 110,
         "atRules": [
           {
             "name": "layer",
@@ -7381,7 +7429,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 109,
+        "line": 111,
         "atRules": [
           {
             "name": "layer",
@@ -7405,7 +7453,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 110,
+        "line": 112,
         "atRules": [
           {
             "name": "layer",
@@ -7429,7 +7477,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 111,
+        "line": 113,
         "atRules": [
           {
             "name": "layer",
@@ -7453,7 +7501,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 112,
+        "line": 114,
         "atRules": [
           {
             "name": "layer",
@@ -7477,7 +7525,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 113,
+        "line": 115,
         "atRules": [
           {
             "name": "layer",
@@ -7501,7 +7549,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 114,
+        "line": 116,
         "atRules": [
           {
             "name": "layer",
@@ -7525,7 +7573,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 115,
+        "line": 117,
         "atRules": [
           {
             "name": "layer",
@@ -7549,7 +7597,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 116,
+        "line": 118,
         "atRules": [
           {
             "name": "layer",
@@ -7573,7 +7621,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 117,
+        "line": 119,
         "atRules": [
           {
             "name": "layer",
@@ -7597,7 +7645,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 118,
+        "line": 120,
         "atRules": [
           {
             "name": "layer",
@@ -7621,7 +7669,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 119,
+        "line": 121,
         "atRules": [
           {
             "name": "layer",
@@ -7645,7 +7693,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 120,
+        "line": 122,
         "atRules": [
           {
             "name": "layer",
@@ -7669,7 +7717,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 121,
+        "line": 123,
         "atRules": [
           {
             "name": "layer",
@@ -7693,7 +7741,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 122,
+        "line": 124,
         "atRules": [
           {
             "name": "layer",
@@ -7717,7 +7765,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 123,
+        "line": 125,
         "atRules": [
           {
             "name": "layer",
@@ -7741,7 +7789,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 124,
+        "line": 126,
         "atRules": [
           {
             "name": "layer",
@@ -7765,7 +7813,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 125,
+        "line": 127,
         "atRules": [
           {
             "name": "layer",
@@ -7789,7 +7837,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 126,
+        "line": 128,
         "atRules": [
           {
             "name": "layer",
@@ -7813,7 +7861,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 127,
+        "line": 129,
         "atRules": [
           {
             "name": "layer",
@@ -7837,7 +7885,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 128,
+        "line": 130,
         "atRules": [
           {
             "name": "layer",
@@ -7861,7 +7909,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 129,
+        "line": 131,
         "atRules": [
           {
             "name": "layer",
@@ -7885,7 +7933,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 130,
+        "line": 132,
         "atRules": [
           {
             "name": "layer",
@@ -7909,7 +7957,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 131,
+        "line": 133,
         "atRules": [
           {
             "name": "layer",
@@ -7933,7 +7981,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 132,
+        "line": 134,
         "atRules": [
           {
             "name": "layer",
@@ -7957,7 +8005,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 133,
+        "line": 135,
         "atRules": [
           {
             "name": "layer",
@@ -7981,7 +8029,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 134,
+        "line": 136,
         "atRules": [
           {
             "name": "layer",
@@ -8005,7 +8053,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 135,
+        "line": 137,
         "atRules": [
           {
             "name": "layer",
@@ -8029,7 +8077,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 136,
+        "line": 138,
         "atRules": [
           {
             "name": "layer",
@@ -8053,7 +8101,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 137,
+        "line": 139,
         "atRules": [
           {
             "name": "layer",
@@ -8077,7 +8125,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 138,
+        "line": 140,
         "atRules": [
           {
             "name": "layer",
@@ -8101,7 +8149,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 139,
+        "line": 141,
         "atRules": [
           {
             "name": "layer",
@@ -8125,7 +8173,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 140,
+        "line": 142,
         "atRules": [
           {
             "name": "layer",
@@ -8149,7 +8197,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 141,
+        "line": 143,
         "atRules": [
           {
             "name": "layer",
@@ -8173,7 +8221,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 142,
+        "line": 144,
         "atRules": [
           {
             "name": "layer",
@@ -8197,7 +8245,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 143,
+        "line": 145,
         "atRules": [
           {
             "name": "layer",
@@ -8221,7 +8269,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 144,
+        "line": 146,
         "atRules": [
           {
             "name": "layer",
@@ -8245,7 +8293,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 145,
+        "line": 147,
         "atRules": [
           {
             "name": "layer",
@@ -8269,7 +8317,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 146,
+        "line": 148,
         "atRules": [
           {
             "name": "layer",
@@ -8293,7 +8341,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 147,
+        "line": 149,
         "atRules": [
           {
             "name": "layer",
@@ -8317,7 +8365,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 148,
+        "line": 150,
         "atRules": [
           {
             "name": "layer",
@@ -8341,7 +8389,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 149,
+        "line": 151,
         "atRules": [
           {
             "name": "layer",
@@ -8365,7 +8413,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 150,
+        "line": 152,
         "atRules": [
           {
             "name": "layer",
@@ -8389,7 +8437,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 151,
+        "line": 153,
         "atRules": [
           {
             "name": "layer",
@@ -8413,7 +8461,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 152,
+        "line": 154,
         "atRules": [
           {
             "name": "layer",
@@ -8437,7 +8485,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 153,
+        "line": 155,
         "atRules": [
           {
             "name": "layer",
@@ -8461,7 +8509,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 154,
+        "line": 156,
         "atRules": [
           {
             "name": "layer",
@@ -8485,7 +8533,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 155,
+        "line": 157,
         "atRules": [
           {
             "name": "layer",
@@ -8509,7 +8557,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 156,
+        "line": 158,
         "atRules": [
           {
             "name": "layer",
@@ -8533,7 +8581,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 157,
+        "line": 159,
         "atRules": [
           {
             "name": "layer",
@@ -8557,7 +8605,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 158,
+        "line": 160,
         "atRules": [
           {
             "name": "layer",
@@ -8581,7 +8629,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 159,
+        "line": 161,
         "atRules": [
           {
             "name": "layer",
@@ -8605,7 +8653,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 160,
+        "line": 162,
         "atRules": [
           {
             "name": "layer",
@@ -8629,7 +8677,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 161,
+        "line": 163,
         "atRules": [
           {
             "name": "layer",
@@ -8653,7 +8701,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 162,
+        "line": 164,
         "atRules": [
           {
             "name": "layer",
@@ -8677,7 +8725,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 163,
+        "line": 165,
         "atRules": [
           {
             "name": "layer",
@@ -8701,7 +8749,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 164,
+        "line": 166,
         "atRules": [
           {
             "name": "layer",
@@ -8725,7 +8773,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 165,
+        "line": 167,
         "atRules": [
           {
             "name": "layer",
@@ -8749,7 +8797,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 166,
+        "line": 168,
         "atRules": [
           {
             "name": "layer",
@@ -8773,7 +8821,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 167,
+        "line": 169,
         "atRules": [
           {
             "name": "layer",
@@ -8797,7 +8845,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 168,
+        "line": 170,
         "atRules": [
           {
             "name": "layer",
@@ -8821,7 +8869,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 169,
+        "line": 171,
         "atRules": [
           {
             "name": "layer",
@@ -8845,7 +8893,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 170,
+        "line": 172,
         "atRules": [
           {
             "name": "layer",
@@ -8869,7 +8917,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 171,
+        "line": 173,
         "atRules": [
           {
             "name": "layer",
@@ -8893,7 +8941,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 172,
+        "line": 174,
         "atRules": [
           {
             "name": "layer",
@@ -8917,7 +8965,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 173,
+        "line": 175,
         "atRules": [
           {
             "name": "layer",
@@ -8941,7 +8989,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 174,
+        "line": 176,
         "atRules": [
           {
             "name": "layer",
@@ -8965,7 +9013,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 175,
+        "line": 177,
         "atRules": [
           {
             "name": "layer",
@@ -8989,7 +9037,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 176,
+        "line": 178,
         "atRules": [
           {
             "name": "layer",
@@ -9013,7 +9061,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 177,
+        "line": 179,
         "atRules": [
           {
             "name": "layer",
@@ -9037,7 +9085,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 178,
+        "line": 180,
         "atRules": [
           {
             "name": "layer",
@@ -9061,7 +9109,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 179,
+        "line": 181,
         "atRules": [
           {
             "name": "layer",
@@ -9085,7 +9133,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 180,
+        "line": 182,
         "atRules": [
           {
             "name": "layer",
@@ -9109,7 +9157,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 181,
+        "line": 183,
         "atRules": [
           {
             "name": "layer",
@@ -9133,7 +9181,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 182,
+        "line": 184,
         "atRules": [
           {
             "name": "layer",
@@ -9157,7 +9205,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 183,
+        "line": 185,
         "atRules": [
           {
             "name": "layer",
@@ -9181,7 +9229,103 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 184,
+        "line": 186,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      }
+    ]
+  },
+  "--color-foreground-primary-warning": {
+    "cssVar": "--color-foreground-primary-warning",
+    "id": "color.foreground.primary.warning",
+    "type": "color",
+    "tier": "semantic",
+    "isPaired": false,
+    "cssOutputFile": "modifiers.theme.css",
+    "description": "Fill color for primary interactive elements conveying caution or warning",
+    "valueLight": "var(--color-palette-yellow-520)",
+    "valueDark": "var(--color-palette-yellow-520)",
+    "declarations": [
+      {
+        "selector": ":root",
+        "file": "modifiers.theme.css",
+        "line": 187,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      }
+    ]
+  },
+  "--color-foreground-primary-warning-active": {
+    "cssVar": "--color-foreground-primary-warning-active",
+    "id": "color.foreground.primary.warning.active",
+    "type": "color",
+    "tier": "semantic",
+    "isPaired": true,
+    "cssOutputFile": "modifiers.theme.css",
+    "description": "Active state for warning primary foreground",
+    "valueLight": "oklch(51% 0.1199 66.86)",
+    "valueDark": "oklch(60% 0.1199 66.86)",
+    "declarations": [
+      {
+        "selector": ":root",
+        "file": "modifiers.theme.css",
+        "line": 188,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      }
+    ]
+  },
+  "--color-foreground-primary-warning-disabled": {
+    "cssVar": "--color-foreground-primary-warning-disabled",
+    "id": "color.foreground.primary.warning.disabled",
+    "type": "color",
+    "tier": "semantic",
+    "isPaired": true,
+    "cssOutputFile": "modifiers.theme.css",
+    "description": "Disabled state for warning primary foreground",
+    "valueLight": "oklch(83% 0.1 66.86)",
+    "valueDark": "oklch(32% 0.1 66.86)",
+    "declarations": [
+      {
+        "selector": ":root",
+        "file": "modifiers.theme.css",
+        "line": 189,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      }
+    ]
+  },
+  "--color-foreground-primary-warning-hover": {
+    "cssVar": "--color-foreground-primary-warning-hover",
+    "id": "color.foreground.primary.warning.hover",
+    "type": "color",
+    "tier": "semantic",
+    "isPaired": true,
+    "cssOutputFile": "modifiers.theme.css",
+    "description": "Hover state for warning primary foreground",
+    "valueLight": "oklch(52% 0.1199 66.86)",
+    "valueDark": "oklch(58% 0.1199 66.86)",
+    "declarations": [
+      {
+        "selector": ":root",
+        "file": "modifiers.theme.css",
+        "line": 190,
         "atRules": [
           {
             "name": "layer",
@@ -9205,7 +9349,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 185,
+        "line": 191,
         "atRules": [
           {
             "name": "layer",
@@ -9229,7 +9373,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 186,
+        "line": 192,
         "atRules": [
           {
             "name": "layer",
@@ -9253,7 +9397,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 187,
+        "line": 193,
         "atRules": [
           {
             "name": "layer",
@@ -9277,7 +9421,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 188,
+        "line": 194,
         "atRules": [
           {
             "name": "layer",
@@ -9301,7 +9445,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 189,
+        "line": 195,
         "atRules": [
           {
             "name": "layer",
@@ -9325,7 +9469,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 190,
+        "line": 196,
         "atRules": [
           {
             "name": "layer",
@@ -9349,7 +9493,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 191,
+        "line": 197,
         "atRules": [
           {
             "name": "layer",
@@ -9373,7 +9517,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 192,
+        "line": 198,
         "atRules": [
           {
             "name": "layer",
@@ -9397,7 +9541,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 193,
+        "line": 199,
         "atRules": [
           {
             "name": "layer",
@@ -9421,7 +9565,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 194,
+        "line": 200,
         "atRules": [
           {
             "name": "layer",
@@ -9445,7 +9589,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 195,
+        "line": 201,
         "atRules": [
           {
             "name": "layer",
@@ -9469,7 +9613,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 196,
+        "line": 202,
         "atRules": [
           {
             "name": "layer",
@@ -9493,7 +9637,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 197,
+        "line": 203,
         "atRules": [
           {
             "name": "layer",
@@ -9517,7 +9661,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 198,
+        "line": 204,
         "atRules": [
           {
             "name": "layer",
@@ -9541,7 +9685,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 199,
+        "line": 205,
         "atRules": [
           {
             "name": "layer",
@@ -9565,7 +9709,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 200,
+        "line": 206,
         "atRules": [
           {
             "name": "layer",
@@ -9589,7 +9733,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 201,
+        "line": 207,
         "atRules": [
           {
             "name": "layer",
@@ -9613,7 +9757,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 202,
+        "line": 208,
         "atRules": [
           {
             "name": "layer",
@@ -9637,7 +9781,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 203,
+        "line": 209,
         "atRules": [
           {
             "name": "layer",
@@ -9661,7 +9805,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 204,
+        "line": 210,
         "atRules": [
           {
             "name": "layer",
@@ -9685,7 +9829,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 205,
+        "line": 211,
         "atRules": [
           {
             "name": "layer",
@@ -9709,7 +9853,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 206,
+        "line": 212,
         "atRules": [
           {
             "name": "layer",
@@ -9733,7 +9877,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 207,
+        "line": 213,
         "atRules": [
           {
             "name": "layer",
@@ -9757,7 +9901,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 208,
+        "line": 214,
         "atRules": [
           {
             "name": "layer",
@@ -9781,7 +9925,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 209,
+        "line": 215,
         "atRules": [
           {
             "name": "layer",
@@ -9805,7 +9949,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 210,
+        "line": 216,
         "atRules": [
           {
             "name": "layer",
@@ -9829,7 +9973,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 211,
+        "line": 217,
         "atRules": [
           {
             "name": "layer",
@@ -9853,7 +9997,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 212,
+        "line": 218,
         "atRules": [
           {
             "name": "layer",
@@ -9877,7 +10021,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 213,
+        "line": 219,
         "atRules": [
           {
             "name": "layer",
@@ -9901,7 +10045,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 214,
+        "line": 220,
         "atRules": [
           {
             "name": "layer",
@@ -9925,7 +10069,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 215,
+        "line": 221,
         "atRules": [
           {
             "name": "layer",
@@ -9949,7 +10093,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 216,
+        "line": 222,
         "atRules": [
           {
             "name": "layer",
@@ -9973,7 +10117,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 217,
+        "line": 223,
         "atRules": [
           {
             "name": "layer",
@@ -9997,7 +10141,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 218,
+        "line": 224,
         "atRules": [
           {
             "name": "layer",
@@ -10021,7 +10165,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 219,
+        "line": 225,
         "atRules": [
           {
             "name": "layer",
@@ -10045,7 +10189,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 220,
+        "line": 226,
         "atRules": [
           {
             "name": "layer",
@@ -10069,7 +10213,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 221,
+        "line": 227,
         "atRules": [
           {
             "name": "layer",
@@ -10093,7 +10237,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 222,
+        "line": 228,
         "atRules": [
           {
             "name": "layer",
@@ -10117,7 +10261,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 223,
+        "line": 229,
         "atRules": [
           {
             "name": "layer",
@@ -10141,7 +10285,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 224,
+        "line": 230,
         "atRules": [
           {
             "name": "layer",
@@ -10165,7 +10309,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 225,
+        "line": 231,
         "atRules": [
           {
             "name": "layer",
@@ -10189,7 +10333,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 226,
+        "line": 232,
         "atRules": [
           {
             "name": "layer",
@@ -10213,7 +10357,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 227,
+        "line": 233,
         "atRules": [
           {
             "name": "layer",
@@ -10237,7 +10381,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 228,
+        "line": 234,
         "atRules": [
           {
             "name": "layer",
@@ -10261,7 +10405,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 229,
+        "line": 235,
         "atRules": [
           {
             "name": "layer",
@@ -10285,7 +10429,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 230,
+        "line": 236,
         "atRules": [
           {
             "name": "layer",
@@ -10309,7 +10453,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 231,
+        "line": 237,
         "atRules": [
           {
             "name": "layer",
@@ -10333,7 +10477,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 232,
+        "line": 238,
         "atRules": [
           {
             "name": "layer",
@@ -10357,7 +10501,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 233,
+        "line": 239,
         "atRules": [
           {
             "name": "layer",
@@ -10381,7 +10525,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 234,
+        "line": 240,
         "atRules": [
           {
             "name": "layer",
@@ -10405,7 +10549,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 235,
+        "line": 241,
         "atRules": [
           {
             "name": "layer",
@@ -10429,7 +10573,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 236,
+        "line": 242,
         "atRules": [
           {
             "name": "layer",
@@ -10453,7 +10597,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 237,
+        "line": 243,
         "atRules": [
           {
             "name": "layer",
@@ -10477,7 +10621,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 238,
+        "line": 244,
         "atRules": [
           {
             "name": "layer",
@@ -10501,7 +10645,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 239,
+        "line": 245,
         "atRules": [
           {
             "name": "layer",
@@ -10525,7 +10669,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 240,
+        "line": 246,
         "atRules": [
           {
             "name": "layer",
@@ -10549,7 +10693,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 241,
+        "line": 247,
         "atRules": [
           {
             "name": "layer",
@@ -10573,7 +10717,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 242,
+        "line": 248,
         "atRules": [
           {
             "name": "layer",
@@ -10597,7 +10741,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 243,
+        "line": 249,
         "atRules": [
           {
             "name": "layer",
@@ -10621,7 +10765,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 244,
+        "line": 250,
         "atRules": [
           {
             "name": "layer",
@@ -10645,7 +10789,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 245,
+        "line": 251,
         "atRules": [
           {
             "name": "layer",
@@ -10669,7 +10813,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 246,
+        "line": 252,
         "atRules": [
           {
             "name": "layer",
@@ -10693,7 +10837,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 247,
+        "line": 253,
         "atRules": [
           {
             "name": "layer",
@@ -10717,7 +10861,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 248,
+        "line": 254,
         "atRules": [
           {
             "name": "layer",
@@ -10741,7 +10885,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 249,
+        "line": 255,
         "atRules": [
           {
             "name": "layer",
@@ -10765,7 +10909,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 250,
+        "line": 256,
         "atRules": [
           {
             "name": "layer",
@@ -10789,7 +10933,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 251,
+        "line": 257,
         "atRules": [
           {
             "name": "layer",
@@ -10813,7 +10957,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 252,
+        "line": 258,
         "atRules": [
           {
             "name": "layer",
@@ -10837,7 +10981,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 253,
+        "line": 259,
         "atRules": [
           {
             "name": "layer",
@@ -10861,7 +11005,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 254,
+        "line": 260,
         "atRules": [
           {
             "name": "layer",
@@ -10885,7 +11029,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 255,
+        "line": 261,
         "atRules": [
           {
             "name": "layer",
@@ -10909,7 +11053,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 256,
+        "line": 262,
         "atRules": [
           {
             "name": "layer",
@@ -10933,7 +11077,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 257,
+        "line": 263,
         "atRules": [
           {
             "name": "layer",
@@ -10957,7 +11101,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 258,
+        "line": 264,
         "atRules": [
           {
             "name": "layer",
@@ -10981,7 +11125,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 259,
+        "line": 265,
         "atRules": [
           {
             "name": "layer",
@@ -11005,7 +11149,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 260,
+        "line": 266,
         "atRules": [
           {
             "name": "layer",
@@ -11029,7 +11173,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 261,
+        "line": 267,
         "atRules": [
           {
             "name": "layer",
@@ -11053,7 +11197,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 262,
+        "line": 268,
         "atRules": [
           {
             "name": "layer",
@@ -11077,7 +11221,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 263,
+        "line": 269,
         "atRules": [
           {
             "name": "layer",
@@ -11101,7 +11245,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 264,
+        "line": 270,
         "atRules": [
           {
             "name": "layer",
@@ -11125,7 +11269,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 265,
+        "line": 271,
         "atRules": [
           {
             "name": "layer",
@@ -11149,7 +11293,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 266,
+        "line": 272,
         "atRules": [
           {
             "name": "layer",
@@ -11173,7 +11317,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 267,
+        "line": 273,
         "atRules": [
           {
             "name": "layer",
@@ -11197,7 +11341,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 268,
+        "line": 274,
         "atRules": [
           {
             "name": "layer",
@@ -11221,7 +11365,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 269,
+        "line": 275,
         "atRules": [
           {
             "name": "layer",
@@ -11245,7 +11389,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 270,
+        "line": 276,
         "atRules": [
           {
             "name": "layer",
@@ -11269,7 +11413,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 271,
+        "line": 277,
         "atRules": [
           {
             "name": "layer",
@@ -11293,7 +11437,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 272,
+        "line": 278,
         "atRules": [
           {
             "name": "layer",
@@ -11317,7 +11461,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 273,
+        "line": 279,
         "atRules": [
           {
             "name": "layer",
@@ -11341,7 +11485,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 274,
+        "line": 280,
         "atRules": [
           {
             "name": "layer",
@@ -11365,7 +11509,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 275,
+        "line": 281,
         "atRules": [
           {
             "name": "layer",
@@ -11389,7 +11533,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 276,
+        "line": 282,
         "atRules": [
           {
             "name": "layer",
@@ -11413,7 +11557,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 277,
+        "line": 283,
         "atRules": [
           {
             "name": "layer",
@@ -11437,7 +11581,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 278,
+        "line": 284,
         "atRules": [
           {
             "name": "layer",
@@ -11461,7 +11605,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 279,
+        "line": 285,
         "atRules": [
           {
             "name": "layer",
@@ -11485,7 +11629,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 280,
+        "line": 286,
         "atRules": [
           {
             "name": "layer",
@@ -11509,7 +11653,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 281,
+        "line": 287,
         "atRules": [
           {
             "name": "layer",
@@ -11533,7 +11677,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 282,
+        "line": 288,
         "atRules": [
           {
             "name": "layer",
@@ -11557,7 +11701,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 283,
+        "line": 289,
         "atRules": [
           {
             "name": "layer",
@@ -11581,7 +11725,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 284,
+        "line": 290,
         "atRules": [
           {
             "name": "layer",
@@ -11605,7 +11749,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 285,
+        "line": 291,
         "atRules": [
           {
             "name": "layer",
@@ -11629,7 +11773,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 286,
+        "line": 292,
         "atRules": [
           {
             "name": "layer",
@@ -11653,7 +11797,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 287,
+        "line": 293,
         "atRules": [
           {
             "name": "layer",
@@ -11677,7 +11821,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 288,
+        "line": 294,
         "atRules": [
           {
             "name": "layer",
@@ -11701,7 +11845,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 289,
+        "line": 295,
         "atRules": [
           {
             "name": "layer",
@@ -11725,7 +11869,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 290,
+        "line": 296,
         "atRules": [
           {
             "name": "layer",
@@ -11749,7 +11893,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 291,
+        "line": 297,
         "atRules": [
           {
             "name": "layer",
@@ -11773,7 +11917,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 292,
+        "line": 298,
         "atRules": [
           {
             "name": "layer",
@@ -11797,7 +11941,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 293,
+        "line": 299,
         "atRules": [
           {
             "name": "layer",
@@ -11821,7 +11965,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 294,
+        "line": 300,
         "atRules": [
           {
             "name": "layer",
@@ -11845,7 +11989,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 295,
+        "line": 301,
         "atRules": [
           {
             "name": "layer",
@@ -11869,7 +12013,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 296,
+        "line": 302,
         "atRules": [
           {
             "name": "layer",
@@ -11893,7 +12037,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 297,
+        "line": 303,
         "atRules": [
           {
             "name": "layer",
@@ -11917,7 +12061,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 298,
+        "line": 304,
         "atRules": [
           {
             "name": "layer",
@@ -11941,7 +12085,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 299,
+        "line": 305,
         "atRules": [
           {
             "name": "layer",
@@ -11965,7 +12109,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 300,
+        "line": 306,
         "atRules": [
           {
             "name": "layer",
@@ -11989,7 +12133,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 301,
+        "line": 307,
         "atRules": [
           {
             "name": "layer",
@@ -12013,7 +12157,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 302,
+        "line": 308,
         "atRules": [
           {
             "name": "layer",
@@ -12037,7 +12181,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 303,
+        "line": 309,
         "atRules": [
           {
             "name": "layer",
@@ -12061,7 +12205,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 304,
+        "line": 310,
         "atRules": [
           {
             "name": "layer",
@@ -12085,7 +12229,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 305,
+        "line": 311,
         "atRules": [
           {
             "name": "layer",
@@ -12109,7 +12253,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 306,
+        "line": 312,
         "atRules": [
           {
             "name": "layer",
@@ -12133,7 +12277,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 307,
+        "line": 313,
         "atRules": [
           {
             "name": "layer",
@@ -12157,7 +12301,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 308,
+        "line": 314,
         "atRules": [
           {
             "name": "layer",
@@ -12181,7 +12325,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 309,
+        "line": 315,
         "atRules": [
           {
             "name": "layer",
@@ -12205,7 +12349,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 310,
+        "line": 316,
         "atRules": [
           {
             "name": "layer",
@@ -12229,7 +12373,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 311,
+        "line": 317,
         "atRules": [
           {
             "name": "layer",
@@ -12253,7 +12397,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 312,
+        "line": 318,
         "atRules": [
           {
             "name": "layer",
@@ -12277,7 +12421,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 313,
+        "line": 319,
         "atRules": [
           {
             "name": "layer",
@@ -12301,7 +12445,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 314,
+        "line": 320,
         "atRules": [
           {
             "name": "layer",
@@ -12325,7 +12469,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 315,
+        "line": 321,
         "atRules": [
           {
             "name": "layer",
@@ -12349,7 +12493,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 316,
+        "line": 322,
         "atRules": [
           {
             "name": "layer",
@@ -12373,7 +12517,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 317,
+        "line": 323,
         "atRules": [
           {
             "name": "layer",
@@ -12397,7 +12541,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 318,
+        "line": 324,
         "atRules": [
           {
             "name": "layer",
@@ -12421,7 +12565,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 319,
+        "line": 325,
         "atRules": [
           {
             "name": "layer",
@@ -12446,7 +12590,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 320,
+        "line": 326,
         "atRules": [
           {
             "name": "layer",
@@ -12457,7 +12601,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 342,
+        "line": 348,
         "atRules": [
           {
             "name": "layer",
@@ -12468,7 +12612,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 361,
+        "line": 367,
         "atRules": [
           {
             "name": "layer",
@@ -12497,7 +12641,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 321,
+        "line": 327,
         "atRules": [
           {
             "name": "layer",
@@ -12508,7 +12652,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 343,
+        "line": 349,
         "atRules": [
           {
             "name": "layer",
@@ -12519,7 +12663,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 362,
+        "line": 368,
         "atRules": [
           {
             "name": "layer",
@@ -12548,7 +12692,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 322,
+        "line": 328,
         "atRules": [
           {
             "name": "layer",
@@ -12559,7 +12703,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 344,
+        "line": 350,
         "atRules": [
           {
             "name": "layer",
@@ -12570,7 +12714,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 363,
+        "line": 369,
         "atRules": [
           {
             "name": "layer",
@@ -12599,7 +12743,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 323,
+        "line": 329,
         "atRules": [
           {
             "name": "layer",
@@ -12610,7 +12754,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 345,
+        "line": 351,
         "atRules": [
           {
             "name": "layer",
@@ -12621,7 +12765,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 364,
+        "line": 370,
         "atRules": [
           {
             "name": "layer",
@@ -12650,7 +12794,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 324,
+        "line": 330,
         "atRules": [
           {
             "name": "layer",
@@ -12661,7 +12805,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 346,
+        "line": 352,
         "atRules": [
           {
             "name": "layer",
@@ -12672,7 +12816,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 365,
+        "line": 371,
         "atRules": [
           {
             "name": "layer",
@@ -12701,7 +12845,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 325,
+        "line": 331,
         "atRules": [
           {
             "name": "layer",
@@ -12712,7 +12856,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 347,
+        "line": 353,
         "atRules": [
           {
             "name": "layer",
@@ -12723,7 +12867,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 366,
+        "line": 372,
         "atRules": [
           {
             "name": "layer",
@@ -12752,7 +12896,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 326,
+        "line": 332,
         "atRules": [
           {
             "name": "layer",
@@ -12763,7 +12907,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 348,
+        "line": 354,
         "atRules": [
           {
             "name": "layer",
@@ -12774,7 +12918,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 367,
+        "line": 373,
         "atRules": [
           {
             "name": "layer",
@@ -12803,7 +12947,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 327,
+        "line": 333,
         "atRules": [
           {
             "name": "layer",
@@ -12814,7 +12958,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 349,
+        "line": 355,
         "atRules": [
           {
             "name": "layer",
@@ -12825,7 +12969,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 368,
+        "line": 374,
         "atRules": [
           {
             "name": "layer",
@@ -12854,7 +12998,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 328,
+        "line": 334,
         "atRules": [
           {
             "name": "layer",
@@ -12865,7 +13009,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 350,
+        "line": 356,
         "atRules": [
           {
             "name": "layer",
@@ -12876,7 +13020,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 369,
+        "line": 375,
         "atRules": [
           {
             "name": "layer",
@@ -12905,7 +13049,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 329,
+        "line": 335,
         "atRules": [
           {
             "name": "layer",
@@ -12916,7 +13060,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 351,
+        "line": 357,
         "atRules": [
           {
             "name": "layer",
@@ -12927,7 +13071,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 370,
+        "line": 376,
         "atRules": [
           {
             "name": "layer",
@@ -12956,7 +13100,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 330,
+        "line": 336,
         "atRules": [
           {
             "name": "layer",
@@ -12967,7 +13111,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 352,
+        "line": 358,
         "atRules": [
           {
             "name": "layer",
@@ -12978,7 +13122,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 371,
+        "line": 377,
         "atRules": [
           {
             "name": "layer",
@@ -13007,7 +13151,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 331,
+        "line": 337,
         "atRules": [
           {
             "name": "layer",
@@ -13018,7 +13162,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 353,
+        "line": 359,
         "atRules": [
           {
             "name": "layer",
@@ -13029,7 +13173,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 372,
+        "line": 378,
         "atRules": [
           {
             "name": "layer",
@@ -13058,7 +13202,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 332,
+        "line": 338,
         "atRules": [
           {
             "name": "layer",
@@ -13069,7 +13213,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 354,
+        "line": 360,
         "atRules": [
           {
             "name": "layer",
@@ -13080,7 +13224,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 373,
+        "line": 379,
         "atRules": [
           {
             "name": "layer",
@@ -13109,7 +13253,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 333,
+        "line": 339,
         "atRules": [
           {
             "name": "layer",
@@ -13120,7 +13264,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 355,
+        "line": 361,
         "atRules": [
           {
             "name": "layer",
@@ -13131,7 +13275,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 374,
+        "line": 380,
         "atRules": [
           {
             "name": "layer",
@@ -13160,7 +13304,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 334,
+        "line": 340,
         "atRules": [
           {
             "name": "layer",
@@ -13171,7 +13315,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 356,
+        "line": 362,
         "atRules": [
           {
             "name": "layer",
@@ -13182,7 +13326,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 375,
+        "line": 381,
         "atRules": [
           {
             "name": "layer",
@@ -13211,7 +13355,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 335,
+        "line": 341,
         "atRules": [
           {
             "name": "layer",
@@ -13222,7 +13366,7 @@
       {
         "selector": ".dark",
         "file": "modifiers.theme.css",
-        "line": 357,
+        "line": 363,
         "atRules": [
           {
             "name": "layer",
@@ -13233,7 +13377,7 @@
       {
         "selector": ":root",
         "file": "modifiers.theme.css",
-        "line": 376,
+        "line": 382,
         "atRules": [
           {
             "name": "layer",
@@ -21404,10 +21548,10 @@
     "type": "color",
     "tier": "semantic",
     "isPaired": false,
-    "cssOutputFile": "modifiers.emphasis.css",
-    "derivedFrom": "--color-border-branded",
+    "cssOutputFile": "modifiers.release.css",
+    "derivedFrom": "--color-border-success",
     "derivation": "channel-modifier",
-    "description": "Border color for elements that need to reflect the brand identity",
+    "description": "Border color for elements indicating a stable release",
     "declarations": [
       {
         "selector": ".constructive",
@@ -21423,7 +21567,7 @@
       {
         "selector": ".destructive",
         "file": "modifiers.anticipation.css",
-        "line": 10,
+        "line": 11,
         "atRules": [
           {
             "name": "layer",
@@ -21434,7 +21578,7 @@
       {
         "selector": ".caution",
         "file": "modifiers.anticipation.css",
-        "line": 17,
+        "line": 19,
         "atRules": [
           {
             "name": "layer",
@@ -21507,6 +21651,173 @@
             "prelude": "ds.modifiers"
           }
         ]
+      },
+      {
+        "selector": ".planned",
+        "file": "modifiers.lifecycle.css",
+        "line": 3,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".inProgress",
+        "file": "modifiers.lifecycle.css",
+        "line": 9,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".completed",
+        "file": "modifiers.lifecycle.css",
+        "line": 15,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".failed",
+        "file": "modifiers.lifecycle.css",
+        "line": 21,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".experimental",
+        "file": "modifiers.release.css",
+        "line": 3,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".alpha",
+        "file": "modifiers.release.css",
+        "line": 9,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".beta",
+        "file": "modifiers.release.css",
+        "line": 15,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".stable",
+        "file": "modifiers.release.css",
+        "line": 21,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      }
+    ]
+  },
+  "--modifier-color-focusRing": {
+    "cssVar": "--modifier-color-focusRing",
+    "id": null,
+    "type": "color",
+    "tier": "semantic",
+    "isPaired": false,
+    "cssOutputFile": "modifiers.criticality.css",
+    "derivedFrom": "--color-focusRing-warning",
+    "derivation": "channel-modifier",
+    "description": "Focus ring color for elements in a warning state",
+    "declarations": [
+      {
+        "selector": ".constructive",
+        "file": "modifiers.anticipation.css",
+        "line": 4,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".destructive",
+        "file": "modifiers.anticipation.css",
+        "line": 12,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".caution",
+        "file": "modifiers.anticipation.css",
+        "line": 20,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".success",
+        "file": "modifiers.criticality.css",
+        "line": 4,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".error",
+        "file": "modifiers.criticality.css",
+        "line": 12,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".warning",
+        "file": "modifiers.criticality.css",
+        "line": 20,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
       }
     ]
   },
@@ -21524,7 +21835,7 @@
       {
         "selector": ".constructive",
         "file": "modifiers.anticipation.css",
-        "line": 4,
+        "line": 5,
         "atRules": [
           {
             "name": "layer",
@@ -21535,7 +21846,7 @@
       {
         "selector": ".destructive",
         "file": "modifiers.anticipation.css",
-        "line": 11,
+        "line": 13,
         "atRules": [
           {
             "name": "layer",
@@ -21570,7 +21881,7 @@
       {
         "selector": ".constructive",
         "file": "modifiers.anticipation.css",
-        "line": 5,
+        "line": 6,
         "atRules": [
           {
             "name": "layer",
@@ -21581,7 +21892,18 @@
       {
         "selector": ".destructive",
         "file": "modifiers.anticipation.css",
-        "line": 12,
+        "line": 14,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".caution",
+        "file": "modifiers.anticipation.css",
+        "line": 21,
         "atRules": [
           {
             "name": "layer",
@@ -21608,15 +21930,15 @@
     "type": "color",
     "tier": "semantic",
     "isPaired": false,
-    "cssOutputFile": "modifiers.emphasis.css",
-    "derivedFrom": "--color-icon-branded",
+    "cssOutputFile": "modifiers.release.css",
+    "derivedFrom": "--color-icon-success",
     "derivation": "channel-modifier",
-    "description": "Icon color for branded elements that need to reflect the brand identity",
+    "description": "Icon color for indicating a stable release",
     "declarations": [
       {
         "selector": ".constructive",
         "file": "modifiers.anticipation.css",
-        "line": 6,
+        "line": 7,
         "atRules": [
           {
             "name": "layer",
@@ -21627,7 +21949,7 @@
       {
         "selector": ".destructive",
         "file": "modifiers.anticipation.css",
-        "line": 13,
+        "line": 15,
         "atRules": [
           {
             "name": "layer",
@@ -21638,7 +21960,7 @@
       {
         "selector": ".caution",
         "file": "modifiers.anticipation.css",
-        "line": 19,
+        "line": 23,
         "atRules": [
           {
             "name": "layer",
@@ -21711,6 +22033,94 @@
             "prelude": "ds.modifiers"
           }
         ]
+      },
+      {
+        "selector": ".planned",
+        "file": "modifiers.lifecycle.css",
+        "line": 5,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".inProgress",
+        "file": "modifiers.lifecycle.css",
+        "line": 11,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".completed",
+        "file": "modifiers.lifecycle.css",
+        "line": 17,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".failed",
+        "file": "modifiers.lifecycle.css",
+        "line": 23,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".experimental",
+        "file": "modifiers.release.css",
+        "line": 5,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".alpha",
+        "file": "modifiers.release.css",
+        "line": 11,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".beta",
+        "file": "modifiers.release.css",
+        "line": 17,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".stable",
+        "file": "modifiers.release.css",
+        "line": 23,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
       }
     ]
   },
@@ -21720,15 +22130,15 @@
     "type": "color",
     "tier": "semantic",
     "isPaired": false,
-    "cssOutputFile": "modifiers.emphasis.css",
-    "derivedFrom": "--color-text-branded",
+    "cssOutputFile": "modifiers.release.css",
+    "derivedFrom": "--color-text-success",
     "derivation": "channel-modifier",
-    "description": "Text color for branded elements that need to reflect the brand identity",
+    "description": "Text color for indicating a stable release",
     "declarations": [
       {
         "selector": ".constructive",
         "file": "modifiers.anticipation.css",
-        "line": 7,
+        "line": 8,
         "atRules": [
           {
             "name": "layer",
@@ -21739,7 +22149,7 @@
       {
         "selector": ".destructive",
         "file": "modifiers.anticipation.css",
-        "line": 14,
+        "line": 16,
         "atRules": [
           {
             "name": "layer",
@@ -21750,7 +22160,7 @@
       {
         "selector": ".caution",
         "file": "modifiers.anticipation.css",
-        "line": 20,
+        "line": 24,
         "atRules": [
           {
             "name": "layer",
@@ -21823,6 +22233,94 @@
             "prelude": "ds.modifiers"
           }
         ]
+      },
+      {
+        "selector": ".planned",
+        "file": "modifiers.lifecycle.css",
+        "line": 6,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".inProgress",
+        "file": "modifiers.lifecycle.css",
+        "line": 12,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".completed",
+        "file": "modifiers.lifecycle.css",
+        "line": 18,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".failed",
+        "file": "modifiers.lifecycle.css",
+        "line": 24,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".experimental",
+        "file": "modifiers.release.css",
+        "line": 6,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".alpha",
+        "file": "modifiers.release.css",
+        "line": 12,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".beta",
+        "file": "modifiers.release.css",
+        "line": 18,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".stable",
+        "file": "modifiers.release.css",
+        "line": 24,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
       }
     ]
   },
@@ -21832,15 +22330,15 @@
     "type": "color",
     "tier": "semantic",
     "isPaired": false,
-    "cssOutputFile": "modifiers.emphasis.css",
-    "derivedFrom": "--color-foreground-secondary-branded",
+    "cssOutputFile": "modifiers.release.css",
+    "derivedFrom": "--color-foreground-secondary-success",
     "derivation": "channel-modifier",
-    "description": "Fill color for secondary interactive elements that need to reflect the brand identity",
+    "description": "Fill color for secondary elements indicating a stable release",
     "declarations": [
       {
         "selector": ".caution",
         "file": "modifiers.anticipation.css",
-        "line": 18,
+        "line": 22,
         "atRules": [
           {
             "name": "layer",
@@ -21902,23 +22400,10 @@
             "prelude": "ds.modifiers"
           }
         ]
-      }
-    ]
-  },
-  "--modifier-color-focusRing": {
-    "cssVar": "--modifier-color-focusRing",
-    "id": null,
-    "type": "color",
-    "tier": "semantic",
-    "isPaired": false,
-    "cssOutputFile": "modifiers.criticality.css",
-    "derivedFrom": "--color-focusRing-warning",
-    "derivation": "channel-modifier",
-    "description": "Focus ring color for elements in a warning state",
-    "declarations": [
+      },
       {
-        "selector": ".success",
-        "file": "modifiers.criticality.css",
+        "selector": ".planned",
+        "file": "modifiers.lifecycle.css",
         "line": 4,
         "atRules": [
           {
@@ -21928,9 +22413,9 @@
         ]
       },
       {
-        "selector": ".error",
-        "file": "modifiers.criticality.css",
-        "line": 12,
+        "selector": ".inProgress",
+        "file": "modifiers.lifecycle.css",
+        "line": 10,
         "atRules": [
           {
             "name": "layer",
@@ -21939,9 +22424,64 @@
         ]
       },
       {
-        "selector": ".warning",
-        "file": "modifiers.criticality.css",
-        "line": 20,
+        "selector": ".completed",
+        "file": "modifiers.lifecycle.css",
+        "line": 16,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".failed",
+        "file": "modifiers.lifecycle.css",
+        "line": 22,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".experimental",
+        "file": "modifiers.release.css",
+        "line": 4,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".alpha",
+        "file": "modifiers.release.css",
+        "line": 10,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".beta",
+        "file": "modifiers.release.css",
+        "line": 16,
+        "atRules": [
+          {
+            "name": "layer",
+            "prelude": "ds.modifiers"
+          }
+        ]
+      },
+      {
+        "selector": ".stable",
+        "file": "modifiers.release.css",
+        "line": 22,
         "atRules": [
           {
             "name": "layer",