npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1332 → 3.0.1334 - Mend

@cloudscape-design/components-themeable 3.0.1332 → 3.0.1334

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 (375) hide show

package/lib/internal/template/internal/generated/theming/index.cjs CHANGED Viewed

@@ -183,6 +183,10 @@ module.exports.preset = {
         "light": "#db0000",
         "dark": "#db0000"
       },
+      "colorError700": {
+        "light": "#c20000",
+        "dark": "#c20000"
+      },
       "colorError800": {
         "light": "#990000",
         "dark": "#990000"
@@ -207,6 +211,10 @@ module.exports.preset = {
         "light": "#d9ffd6",
         "dark": "#d9ffd6"
       },
+      "colorSuccess200": {
+        "light": "#aeffa8",
+        "dark": "#aeffa8"
+      },
       "colorSuccess400": {
         "light": "#00e500",
         "dark": "#00e500"
@@ -239,6 +247,10 @@ module.exports.preset = {
         "light": "#fffbbd",
         "dark": "#fffbbd"
       },
+      "colorWarning200": {
+        "light": "#fef571",
+        "dark": "#fef571"
+      },
       "colorWarning400": {
         "light": "#ffe347",
         "dark": "#ffe347"
@@ -2303,6 +2315,10 @@ module.exports.preset = {
         "light": "{colorNeutral350}",
         "dark": "{colorNeutral650}"
       },
+      "colorBorderLayoutSideNavigation": {
+        "light": "{colorBorderLayout}",
+        "dark": "{colorBorderLayout}"
+      },
       "colorBorderNotificationStackBar": {
         "light": "{colorNeutral750}",
         "dark": "{colorNeutral750}"
@@ -3015,149 +3031,117 @@ module.exports.preset = {
         "light": "#f8f8f8",
         "dark": "#282c34"
       },
-      "colorBackgroundAccentRed": {
-        "light": "{colorError100}",
+      "colorBackgroundVisualAccentRed": {
+        "light": "#ffe0e0",
         "dark": "rgba(255, 61, 61, 0.2)"
       },
-      "colorBackgroundAccentYellow": {
-        "light": "{colorWarning100}",
+      "colorBackgroundVisualAccentYellow": {
+        "light": "#fffbbd",
         "dark": "rgba(251, 211, 50, 0.2)"
       },
-      "colorBackgroundAccentIndigo": {
-        "light": "{colorInfo100}",
-        "dark": "rgba(0, 153, 255, 0.2)"
+      "colorBackgroundVisualAccentIndigo": {
+        "light": "#dbe4ff",
+        "dark": "rgba(92, 127, 255, 0.2)"
       },
-      "colorBackgroundAccentGreen": {
-        "light": "{colorSuccess100}",
+      "colorBackgroundVisualAccentGreen": {
+        "light": "#d9ffd6",
         "dark": "rgba(43, 181, 52, 0.2)"
       },
-      "colorBackgroundAccentOrange": {
-        "light": "{colorOrange100}",
+      "colorBackgroundVisualAccentOrange": {
+        "light": "rgba(255, 224, 214, 0.6)",
         "dark": "rgba(255, 75, 20, 0.2)"
       },
-      "colorBackgroundAccentPurple": {
-        "light": "{colorPurple100}",
+      "colorBackgroundVisualAccentPurple": {
+        "light": "rgba(242, 229, 255, 0.6)",
         "dark": "rgba(173, 92, 255, 0.2)"
       },
-      "colorBackgroundAccentMint": {
-        "light": "{colorMint100}",
-        "dark": "rgba(0, 189, 107, 0.2)"
-      },
-      "colorBackgroundAccentLime": {
+      "colorBackgroundVisualAccentLime": {
         "light": "{colorLime100}",
         "dark": "rgba(49, 184, 0, 0.2)"
       },
-      "colorBackgroundAccentGrey": {
+      "colorBackgroundVisualAccentGrey": {
         "light": "{colorNeutral250}",
         "dark": "{colorNeutral700}"
       },
-      "colorBackgroundAccentTeal": {
-        "light": "{colorTeal100}",
+      "colorBackgroundVisualAccentTeal": {
+        "light": "rgba(204, 255, 252, 0.7)",
         "dark": "rgba(0, 173, 162, 0.2)"
       },
-      "colorBackgroundAccentCyan": {
-        "light": "{colorCyan100}",
-        "dark": "rgba(0, 164, 189, 0.2)"
-      },
-      "colorBackgroundAccentBlue": {
-        "light": "{colorInfo100}",
+      "colorBackgroundVisualAccentBlue": {
+        "light": "rgba(209, 241, 255, 0.6)",
         "dark": "rgba(0, 153, 255, 0.2)"
       },
-      "colorBackgroundAccentViolet": {
-        "light": "{colorViolet100}",
+      "colorBackgroundVisualAccentViolet": {
+        "light": "rgba(232, 229, 255, 0.6)",
         "dark": "rgba(133, 117, 255, 0.2)"
       },
-      "colorBackgroundAccentFuchsia": {
-        "light": "{colorFuchsia100}",
-        "dark": "rgba(228, 51, 255, 0.2)"
-      },
-      "colorBackgroundAccentMagenta": {
-        "light": "{colorMagenta100}",
+      "colorBackgroundVisualAccentMagenta": {
+        "light": "rgba(255, 224, 251, 0.6)",
         "dark": "rgba(255, 26, 224, 0.2)"
       },
-      "colorBackgroundAccentPink": {
-        "light": "{colorPink100}",
+      "colorBackgroundVisualAccentPink": {
+        "light": "rgba(255, 224, 240, 0.7)",
         "dark": "rgba(255, 51, 153, 0.2)"
       },
-      "colorBackgroundAccentRose": {
-        "light": "{colorRose100}",
-        "dark": "rgba(255, 56, 106, 0.2)"
-      },
-      "colorBackgroundAccentAmber": {
-        "light": "{colorAmber100}",
+      "colorBackgroundVisualAccentAmber": {
+        "light": "rgba(255, 232, 189, 0.7)",
         "dark": "rgba(250, 111, 0, 0.2)"
       },
-      "colorTextAccentRed": {
-        "light": "{colorError800}",
+      "colorTextVisualAccentRed": {
+        "light": "{colorError700}",
         "dark": "{colorError400}"
       },
-      "colorTextAccentYellow": {
+      "colorTextVisualAccentYellow": {
         "light": "{colorWarning900}",
-        "dark": "{colorWarning400}"
+        "dark": "{colorWarning200}"
       },
-      "colorTextAccentIndigo": {
+      "colorTextVisualAccentIndigo": {
         "light": "{colorInfo800}",
-        "dark": "{colorInfo400}"
-      },
-      "colorTextAccentGreen": {
-        "light": "{colorSuccess800}",
-        "dark": "{colorSuccess400}"
+        "dark": "{colorInfo300}"
       },
-      "colorTextAccentOrange": {
-        "light": "{colorOrange800}",
-        "dark": "{colorOrange400}"
+      "colorTextVisualAccentGreen": {
+        "light": "{colorSuccess600}",
+        "dark": "{colorSuccess200}"
       },
-      "colorTextAccentPurple": {
-        "light": "{colorPurple800}",
-        "dark": "{colorPurple400}"
+      "colorTextVisualAccentOrange": {
+        "light": "#a82700",
+        "dark": "#ff997a"
       },
-      "colorTextAccentMint": {
-        "light": "{colorMint800}",
-        "dark": "{colorMint400}"
+      "colorTextVisualAccentPurple": {
+        "light": "#962eff",
+        "dark": "#d4a8ff"
       },
-      "colorTextAccentLime": {
-        "light": "{colorLime800}",
-        "dark": "{colorLime400}"
+      "colorTextVisualAccentLime": {
+        "light": "#007000",
+        "dark": "#acff2e"
       },
-      "colorTextAccentGrey": {
-        "light": "{colorNeutral800}",
+      "colorTextVisualAccentGrey": {
+        "light": "{colorNeutral850}",
         "dark": "{colorNeutral300}"
       },
-      "colorTextAccentTeal": {
-        "light": "{colorTeal800}",
-        "dark": "{colorTeal400}"
-      },
-      "colorTextAccentCyan": {
-        "light": "{colorCyan800}",
-        "dark": "{colorCyan400}"
-      },
-      "colorTextAccentBlue": {
-        "light": "{colorInfo800}",
-        "dark": "{colorInfo400}"
-      },
-      "colorTextAccentViolet": {
-        "light": "{colorViolet800}",
-        "dark": "{colorViolet400}"
+      "colorTextVisualAccentTeal": {
+        "light": "#008077",
+        "dark": "#00f5e4"
       },
-      "colorTextAccentFuchsia": {
-        "light": "{colorFuchsia800}",
-        "dark": "{colorFuchsia400}"
+      "colorTextVisualAccentBlue": {
+        "light": "#006ce0",
+        "dark": "#75cfff"
       },
-      "colorTextAccentMagenta": {
-        "light": "{colorMagenta800}",
-        "dark": "{colorMagenta400}"
+      "colorTextVisualAccentViolet": {
+        "light": "#6842ff",
+        "dark": "#b2a8ff"
       },
-      "colorTextAccentPink": {
-        "light": "{colorPink800}",
-        "dark": "{colorPink400}"
+      "colorTextVisualAccentMagenta": {
+        "light": "#b2008f",
+        "dark": "#ff57e9"
       },
-      "colorTextAccentRose": {
-        "light": "{colorRose800}",
-        "dark": "{colorRose400}"
+      "colorTextVisualAccentPink": {
+        "light": "#bb005d",
+        "dark": "#ff99cc"
       },
-      "colorTextAccentAmber": {
-        "light": "{colorAmber800}",
-        "dark": "{colorAmber400}"
+      "colorTextVisualAccentAmber": {
+        "light": "#9e3700",
+        "dark": "#ffbb45"
       },
       "fontBoxValueLargeWeight": "700",
       "fontButtonLetterSpacing": "0.005em",
@@ -3307,6 +3291,7 @@ module.exports.preset = {
       "borderWidthItemCard": "{borderWidthCard}",
       "borderWidthItemCardHighlighted": "{borderWidthCardSelected}",
       "borderWidthItemSelected": "2px",
+      "borderWidthLayoutSideNavigation": "{borderDividerSectionWidth}",
       "borderWidthBadge": "0px",
       "borderWidthPopover": "2px",
       "borderWidthToken": "2px",
@@ -3458,6 +3443,14 @@ module.exports.preset = {
         "default": "{motionDurationRefreshOnlySlow}",
         "disabled": "{motionDurationRefreshOnlySlow}"
       },
+      "motionDurationTooltipEnter": {
+        "default": "{motionDurationRefreshOnlyFast}",
+        "disabled": "{motionDurationRefreshOnlyFast}"
+      },
+      "motionEasingTooltipEnter": {
+        "default": "{motionEasingRefreshOnlyA}",
+        "disabled": "{motionEasingRefreshOnlyA}"
+      },
       "motionKeyframesFadeIn": {
         "default": "awsui-fade-in-35003c",
         "disabled": "awsui-fade-in-35003c"
@@ -3794,13 +3787,13 @@ module.exports.preset = {
         "comfortable": "{spaceXl}",
         "compact": "{spaceXl}"
       },
-      "spaceSideNavigationItemGap": {
-        "comfortable": "0px",
-        "compact": "0px"
+      "spaceSideNavigationItemDefaultGap": {
+        "comfortable": "{spaceNone}",
+        "compact": "{spaceNone}"
       },
-      "spaceSideNavigationItemCollapsedGap": {
-        "comfortable": "{spaceXs}",
-        "compact": "{spaceXs}"
+      "spaceSideNavigationItemIconGap": {
+        "comfortable": "{spaceXxs}",
+        "compact": "{spaceXxs}"
       },
       "spaceTileGutter": {
         "comfortable": "{spaceXl}",
@@ -4356,13 +4349,13 @@ module.exports.preset = {
             "comfortable": "{spaceXl}",
             "compact": "{spaceXl}"
           },
-          "spaceSideNavigationItemGap": {
-            "comfortable": "0px",
-            "compact": "0px"
+          "spaceSideNavigationItemDefaultGap": {
+            "comfortable": "{spaceNone}",
+            "compact": "{spaceNone}"
           },
-          "spaceSideNavigationItemCollapsedGap": {
-            "comfortable": "{spaceXs}",
-            "compact": "{spaceXs}"
+          "spaceSideNavigationItemIconGap": {
+            "comfortable": "{spaceXxs}",
+            "compact": "{spaceXxs}"
           },
           "spaceTileGutter": {
             "comfortable": "{spaceXl}",
@@ -5326,6 +5319,10 @@ module.exports.preset = {
             "light": "{colorNeutral650}",
             "dark": "{colorNeutral650}"
           },
+          "colorBorderLayoutSideNavigation": {
+            "light": "{colorBorderLayout}",
+            "dark": "{colorBorderLayout}"
+          },
           "colorBorderNotificationStackBar": {
             "light": "{colorNeutral750}",
             "dark": "{colorNeutral750}"
@@ -6038,149 +6035,117 @@ module.exports.preset = {
             "light": "#282c34",
             "dark": "#282c34"
           },
-          "colorBackgroundAccentRed": {
+          "colorBackgroundVisualAccentRed": {
             "light": "rgba(255, 61, 61, 0.2)",
             "dark": "rgba(255, 61, 61, 0.2)"
           },
-          "colorBackgroundAccentYellow": {
+          "colorBackgroundVisualAccentYellow": {
             "light": "rgba(251, 211, 50, 0.2)",
             "dark": "rgba(251, 211, 50, 0.2)"
           },
-          "colorBackgroundAccentIndigo": {
-            "light": "rgba(0, 153, 255, 0.2)",
-            "dark": "rgba(0, 153, 255, 0.2)"
+          "colorBackgroundVisualAccentIndigo": {
+            "light": "rgba(92, 127, 255, 0.2)",
+            "dark": "rgba(92, 127, 255, 0.2)"
           },
-          "colorBackgroundAccentGreen": {
+          "colorBackgroundVisualAccentGreen": {
             "light": "rgba(43, 181, 52, 0.2)",
             "dark": "rgba(43, 181, 52, 0.2)"
           },
-          "colorBackgroundAccentOrange": {
+          "colorBackgroundVisualAccentOrange": {
             "light": "rgba(255, 75, 20, 0.2)",
             "dark": "rgba(255, 75, 20, 0.2)"
           },
-          "colorBackgroundAccentPurple": {
+          "colorBackgroundVisualAccentPurple": {
             "light": "rgba(173, 92, 255, 0.2)",
             "dark": "rgba(173, 92, 255, 0.2)"
           },
-          "colorBackgroundAccentMint": {
-            "light": "rgba(0, 189, 107, 0.2)",
-            "dark": "rgba(0, 189, 107, 0.2)"
-          },
-          "colorBackgroundAccentLime": {
+          "colorBackgroundVisualAccentLime": {
             "light": "rgba(49, 184, 0, 0.2)",
             "dark": "rgba(49, 184, 0, 0.2)"
           },
-          "colorBackgroundAccentGrey": {
+          "colorBackgroundVisualAccentGrey": {
             "light": "{colorNeutral700}",
             "dark": "{colorNeutral700}"
           },
-          "colorBackgroundAccentTeal": {
+          "colorBackgroundVisualAccentTeal": {
             "light": "rgba(0, 173, 162, 0.2)",
             "dark": "rgba(0, 173, 162, 0.2)"
           },
-          "colorBackgroundAccentCyan": {
-            "light": "rgba(0, 164, 189, 0.2)",
-            "dark": "rgba(0, 164, 189, 0.2)"
-          },
-          "colorBackgroundAccentBlue": {
+          "colorBackgroundVisualAccentBlue": {
             "light": "rgba(0, 153, 255, 0.2)",
             "dark": "rgba(0, 153, 255, 0.2)"
           },
-          "colorBackgroundAccentViolet": {
+          "colorBackgroundVisualAccentViolet": {
             "light": "rgba(133, 117, 255, 0.2)",
             "dark": "rgba(133, 117, 255, 0.2)"
           },
-          "colorBackgroundAccentFuchsia": {
-            "light": "rgba(228, 51, 255, 0.2)",
-            "dark": "rgba(228, 51, 255, 0.2)"
-          },
-          "colorBackgroundAccentMagenta": {
+          "colorBackgroundVisualAccentMagenta": {
             "light": "rgba(255, 26, 224, 0.2)",
             "dark": "rgba(255, 26, 224, 0.2)"
           },
-          "colorBackgroundAccentPink": {
+          "colorBackgroundVisualAccentPink": {
             "light": "rgba(255, 51, 153, 0.2)",
             "dark": "rgba(255, 51, 153, 0.2)"
           },
-          "colorBackgroundAccentRose": {
-            "light": "rgba(255, 56, 106, 0.2)",
-            "dark": "rgba(255, 56, 106, 0.2)"
-          },
-          "colorBackgroundAccentAmber": {
+          "colorBackgroundVisualAccentAmber": {
             "light": "rgba(250, 111, 0, 0.2)",
             "dark": "rgba(250, 111, 0, 0.2)"
           },
-          "colorTextAccentRed": {
+          "colorTextVisualAccentRed": {
             "light": "{colorError400}",
             "dark": "{colorError400}"
           },
-          "colorTextAccentYellow": {
-            "light": "{colorWarning400}",
-            "dark": "{colorWarning400}"
-          },
-          "colorTextAccentIndigo": {
-            "light": "{colorInfo400}",
-            "dark": "{colorInfo400}"
+          "colorTextVisualAccentYellow": {
+            "light": "{colorWarning200}",
+            "dark": "{colorWarning200}"
           },
-          "colorTextAccentGreen": {
-            "light": "{colorSuccess400}",
-            "dark": "{colorSuccess400}"
+          "colorTextVisualAccentIndigo": {
+            "light": "{colorInfo300}",
+            "dark": "{colorInfo300}"
           },
-          "colorTextAccentOrange": {
-            "light": "{colorOrange400}",
-            "dark": "{colorOrange400}"
+          "colorTextVisualAccentGreen": {
+            "light": "{colorSuccess200}",
+            "dark": "{colorSuccess200}"
           },
-          "colorTextAccentPurple": {
-            "light": "{colorPurple400}",
-            "dark": "{colorPurple400}"
+          "colorTextVisualAccentOrange": {
+            "light": "#ff997a",
+            "dark": "#ff997a"
           },
-          "colorTextAccentMint": {
-            "light": "{colorMint400}",
-            "dark": "{colorMint400}"
+          "colorTextVisualAccentPurple": {
+            "light": "#d4a8ff",
+            "dark": "#d4a8ff"
           },
-          "colorTextAccentLime": {
-            "light": "{colorLime400}",
-            "dark": "{colorLime400}"
+          "colorTextVisualAccentLime": {
+            "light": "#acff2e",
+            "dark": "#acff2e"
           },
-          "colorTextAccentGrey": {
+          "colorTextVisualAccentGrey": {
             "light": "{colorNeutral300}",
             "dark": "{colorNeutral300}"
           },
-          "colorTextAccentTeal": {
-            "light": "{colorTeal400}",
-            "dark": "{colorTeal400}"
-          },
-          "colorTextAccentCyan": {
-            "light": "{colorCyan400}",
-            "dark": "{colorCyan400}"
-          },
-          "colorTextAccentBlue": {
-            "light": "{colorInfo400}",
-            "dark": "{colorInfo400}"
-          },
-          "colorTextAccentViolet": {
-            "light": "{colorViolet400}",
-            "dark": "{colorViolet400}"
+          "colorTextVisualAccentTeal": {
+            "light": "#00f5e4",
+            "dark": "#00f5e4"
           },
-          "colorTextAccentFuchsia": {
-            "light": "{colorFuchsia400}",
-            "dark": "{colorFuchsia400}"
+          "colorTextVisualAccentBlue": {
+            "light": "#75cfff",
+            "dark": "#75cfff"
           },
-          "colorTextAccentMagenta": {
-            "light": "{colorMagenta400}",
-            "dark": "{colorMagenta400}"
+          "colorTextVisualAccentViolet": {
+            "light": "#b2a8ff",
+            "dark": "#b2a8ff"
           },
-          "colorTextAccentPink": {
-            "light": "{colorPink400}",
-            "dark": "{colorPink400}"
+          "colorTextVisualAccentMagenta": {
+            "light": "#ff57e9",
+            "dark": "#ff57e9"
           },
-          "colorTextAccentRose": {
-            "light": "{colorRose400}",
-            "dark": "{colorRose400}"
+          "colorTextVisualAccentPink": {
+            "light": "#ff99cc",
+            "dark": "#ff99cc"
           },
-          "colorTextAccentAmber": {
-            "light": "{colorAmber400}",
-            "dark": "{colorAmber400}"
+          "colorTextVisualAccentAmber": {
+            "light": "#ffbb45",
+            "dark": "#ffbb45"
           },
           "colorPrimary50": "#f0fbff",
           "colorPrimary100": "#d1f1ff",
@@ -6218,12 +6183,14 @@ module.exports.preset = {
           "colorError100": "#ffe0e0",
           "colorError400": "#ff7a7a",
           "colorError600": "#db0000",
+          "colorError700": "#c20000",
           "colorError800": "#990000",
           "colorError900": "#700000",
           "colorError950": "#520000",
           "colorError1000": "#1f0000",
           "colorSuccess50": "#effff1",
           "colorSuccess100": "#d9ffd6",
+          "colorSuccess200": "#aeffa8",
           "colorSuccess400": "#00e500",
           "colorSuccess500": "#2bb534",
           "colorSuccess600": "#00802f",
@@ -6232,6 +6199,7 @@ module.exports.preset = {
           "colorSuccess1000": "#001401",
           "colorWarning50": "#fffef0",
           "colorWarning100": "#fffbbd",
+          "colorWarning200": "#fef571",
           "colorWarning400": "#ffe347",
           "colorWarning500": "#fbd332",
           "colorWarning600": "#f2b100",
@@ -7167,6 +7135,10 @@ module.exports.preset = {
             "light": "{colorNeutral650}",
             "dark": "{colorNeutral650}"
           },
+          "colorBorderLayoutSideNavigation": {
+            "light": "{colorBorderLayout}",
+            "dark": "{colorBorderLayout}"
+          },
           "colorBorderNotificationStackBar": {
             "light": "{colorNeutral750}",
             "dark": "{colorNeutral750}"
@@ -7879,149 +7851,117 @@ module.exports.preset = {
             "light": "#282c34",
             "dark": "#282c34"
           },
-          "colorBackgroundAccentRed": {
+          "colorBackgroundVisualAccentRed": {
             "light": "rgba(255, 61, 61, 0.2)",
             "dark": "rgba(255, 61, 61, 0.2)"
           },
-          "colorBackgroundAccentYellow": {
+          "colorBackgroundVisualAccentYellow": {
             "light": "rgba(251, 211, 50, 0.2)",
             "dark": "rgba(251, 211, 50, 0.2)"
           },
-          "colorBackgroundAccentIndigo": {
-            "light": "rgba(0, 153, 255, 0.2)",
-            "dark": "rgba(0, 153, 255, 0.2)"
+          "colorBackgroundVisualAccentIndigo": {
+            "light": "rgba(92, 127, 255, 0.2)",
+            "dark": "rgba(92, 127, 255, 0.2)"
           },
-          "colorBackgroundAccentGreen": {
+          "colorBackgroundVisualAccentGreen": {
             "light": "rgba(43, 181, 52, 0.2)",
             "dark": "rgba(43, 181, 52, 0.2)"
           },
-          "colorBackgroundAccentOrange": {
+          "colorBackgroundVisualAccentOrange": {
             "light": "rgba(255, 75, 20, 0.2)",
             "dark": "rgba(255, 75, 20, 0.2)"
           },
-          "colorBackgroundAccentPurple": {
+          "colorBackgroundVisualAccentPurple": {
             "light": "rgba(173, 92, 255, 0.2)",
             "dark": "rgba(173, 92, 255, 0.2)"
           },
-          "colorBackgroundAccentMint": {
-            "light": "rgba(0, 189, 107, 0.2)",
-            "dark": "rgba(0, 189, 107, 0.2)"
-          },
-          "colorBackgroundAccentLime": {
+          "colorBackgroundVisualAccentLime": {
             "light": "rgba(49, 184, 0, 0.2)",
             "dark": "rgba(49, 184, 0, 0.2)"
           },
-          "colorBackgroundAccentGrey": {
+          "colorBackgroundVisualAccentGrey": {
             "light": "{colorNeutral700}",
             "dark": "{colorNeutral700}"
           },
-          "colorBackgroundAccentTeal": {
+          "colorBackgroundVisualAccentTeal": {
             "light": "rgba(0, 173, 162, 0.2)",
             "dark": "rgba(0, 173, 162, 0.2)"
           },
-          "colorBackgroundAccentCyan": {
-            "light": "rgba(0, 164, 189, 0.2)",
-            "dark": "rgba(0, 164, 189, 0.2)"
-          },
-          "colorBackgroundAccentBlue": {
+          "colorBackgroundVisualAccentBlue": {
             "light": "rgba(0, 153, 255, 0.2)",
             "dark": "rgba(0, 153, 255, 0.2)"
           },
-          "colorBackgroundAccentViolet": {
+          "colorBackgroundVisualAccentViolet": {
             "light": "rgba(133, 117, 255, 0.2)",
             "dark": "rgba(133, 117, 255, 0.2)"
           },
-          "colorBackgroundAccentFuchsia": {
-            "light": "rgba(228, 51, 255, 0.2)",
-            "dark": "rgba(228, 51, 255, 0.2)"
-          },
-          "colorBackgroundAccentMagenta": {
+          "colorBackgroundVisualAccentMagenta": {
             "light": "rgba(255, 26, 224, 0.2)",
             "dark": "rgba(255, 26, 224, 0.2)"
           },
-          "colorBackgroundAccentPink": {
+          "colorBackgroundVisualAccentPink": {
             "light": "rgba(255, 51, 153, 0.2)",
             "dark": "rgba(255, 51, 153, 0.2)"
           },
-          "colorBackgroundAccentRose": {
-            "light": "rgba(255, 56, 106, 0.2)",
-            "dark": "rgba(255, 56, 106, 0.2)"
-          },
-          "colorBackgroundAccentAmber": {
+          "colorBackgroundVisualAccentAmber": {
             "light": "rgba(250, 111, 0, 0.2)",
             "dark": "rgba(250, 111, 0, 0.2)"
           },
-          "colorTextAccentRed": {
+          "colorTextVisualAccentRed": {
             "light": "{colorError400}",
             "dark": "{colorError400}"
           },
-          "colorTextAccentYellow": {
-            "light": "{colorWarning400}",
-            "dark": "{colorWarning400}"
+          "colorTextVisualAccentYellow": {
+            "light": "{colorWarning200}",
+            "dark": "{colorWarning200}"
           },
-          "colorTextAccentIndigo": {
-            "light": "{colorInfo400}",
-            "dark": "{colorInfo400}"
-          },
-          "colorTextAccentGreen": {
-            "light": "{colorSuccess400}",
-            "dark": "{colorSuccess400}"
+          "colorTextVisualAccentIndigo": {
+            "light": "{colorInfo300}",
+            "dark": "{colorInfo300}"
           },
-          "colorTextAccentOrange": {
-            "light": "{colorOrange400}",
-            "dark": "{colorOrange400}"
+          "colorTextVisualAccentGreen": {
+            "light": "{colorSuccess200}",
+            "dark": "{colorSuccess200}"
           },
-          "colorTextAccentPurple": {
-            "light": "{colorPurple400}",
-            "dark": "{colorPurple400}"
+          "colorTextVisualAccentOrange": {
+            "light": "#ff997a",
+            "dark": "#ff997a"
           },
-          "colorTextAccentMint": {
-            "light": "{colorMint400}",
-            "dark": "{colorMint400}"
+          "colorTextVisualAccentPurple": {
+            "light": "#d4a8ff",
+            "dark": "#d4a8ff"
           },
-          "colorTextAccentLime": {
-            "light": "{colorLime400}",
-            "dark": "{colorLime400}"
+          "colorTextVisualAccentLime": {
+            "light": "#acff2e",
+            "dark": "#acff2e"
           },
-          "colorTextAccentGrey": {
+          "colorTextVisualAccentGrey": {
             "light": "{colorNeutral300}",
             "dark": "{colorNeutral300}"
           },
-          "colorTextAccentTeal": {
-            "light": "{colorTeal400}",
-            "dark": "{colorTeal400}"
-          },
-          "colorTextAccentCyan": {
-            "light": "{colorCyan400}",
-            "dark": "{colorCyan400}"
-          },
-          "colorTextAccentBlue": {
-            "light": "{colorInfo400}",
-            "dark": "{colorInfo400}"
-          },
-          "colorTextAccentViolet": {
-            "light": "{colorViolet400}",
-            "dark": "{colorViolet400}"
+          "colorTextVisualAccentTeal": {
+            "light": "#00f5e4",
+            "dark": "#00f5e4"
           },
-          "colorTextAccentFuchsia": {
-            "light": "{colorFuchsia400}",
-            "dark": "{colorFuchsia400}"
+          "colorTextVisualAccentBlue": {
+            "light": "#75cfff",
+            "dark": "#75cfff"
           },
-          "colorTextAccentMagenta": {
-            "light": "{colorMagenta400}",
-            "dark": "{colorMagenta400}"
+          "colorTextVisualAccentViolet": {
+            "light": "#b2a8ff",
+            "dark": "#b2a8ff"
           },
-          "colorTextAccentPink": {
-            "light": "{colorPink400}",
-            "dark": "{colorPink400}"
+          "colorTextVisualAccentMagenta": {
+            "light": "#ff57e9",
+            "dark": "#ff57e9"
           },
-          "colorTextAccentRose": {
-            "light": "{colorRose400}",
-            "dark": "{colorRose400}"
+          "colorTextVisualAccentPink": {
+            "light": "#ff99cc",
+            "dark": "#ff99cc"
           },
-          "colorTextAccentAmber": {
-            "light": "{colorAmber400}",
-            "dark": "{colorAmber400}"
+          "colorTextVisualAccentAmber": {
+            "light": "#ffbb45",
+            "dark": "#ffbb45"
           },
           "colorPrimary50": "#f0fbff",
           "colorPrimary100": "#d1f1ff",
@@ -8059,12 +7999,14 @@ module.exports.preset = {
           "colorError100": "#ffe0e0",
           "colorError400": "#ff7a7a",
           "colorError600": "#db0000",
+          "colorError700": "#c20000",
           "colorError800": "#990000",
           "colorError900": "#700000",
           "colorError950": "#520000",
           "colorError1000": "#1f0000",
           "colorSuccess50": "#effff1",
           "colorSuccess100": "#d9ffd6",
+          "colorSuccess200": "#aeffa8",
           "colorSuccess400": "#00e500",
           "colorSuccess500": "#2bb534",
           "colorSuccess600": "#00802f",
@@ -8073,6 +8015,7 @@ module.exports.preset = {
           "colorSuccess1000": "#001401",
           "colorWarning50": "#fffef0",
           "colorWarning100": "#fffbbd",
+          "colorWarning200": "#fef571",
           "colorWarning400": "#ffe347",
           "colorWarning500": "#fbd332",
           "colorWarning600": "#f2b100",
@@ -8936,6 +8879,10 @@ module.exports.preset = {
             "light": "{colorNeutral350}",
             "dark": "{colorNeutral650}"
           },
+          "colorBorderLayoutSideNavigation": {
+            "light": "{colorBorderLayout}",
+            "dark": "{colorBorderLayout}"
+          },
           "colorBorderNotificationStackBar": {
             "light": "{colorNeutral750}",
             "dark": "{colorNeutral750}"
@@ -9648,149 +9595,117 @@ module.exports.preset = {
             "light": "#f8f8f8",
             "dark": "#282c34"
           },
-          "colorBackgroundAccentRed": {
-            "light": "{colorError100}",
+          "colorBackgroundVisualAccentRed": {
+            "light": "#ffe0e0",
             "dark": "rgba(255, 61, 61, 0.2)"
           },
-          "colorBackgroundAccentYellow": {
-            "light": "{colorWarning100}",
+          "colorBackgroundVisualAccentYellow": {
+            "light": "#fffbbd",
             "dark": "rgba(251, 211, 50, 0.2)"
           },
-          "colorBackgroundAccentIndigo": {
-            "light": "{colorInfo100}",
-            "dark": "rgba(0, 153, 255, 0.2)"
+          "colorBackgroundVisualAccentIndigo": {
+            "light": "#dbe4ff",
+            "dark": "rgba(92, 127, 255, 0.2)"
           },
-          "colorBackgroundAccentGreen": {
-            "light": "{colorSuccess100}",
+          "colorBackgroundVisualAccentGreen": {
+            "light": "#d9ffd6",
             "dark": "rgba(43, 181, 52, 0.2)"
           },
-          "colorBackgroundAccentOrange": {
-            "light": "{colorOrange100}",
+          "colorBackgroundVisualAccentOrange": {
+            "light": "rgba(255, 224, 214, 0.6)",
             "dark": "rgba(255, 75, 20, 0.2)"
           },
-          "colorBackgroundAccentPurple": {
-            "light": "{colorPurple100}",
+          "colorBackgroundVisualAccentPurple": {
+            "light": "rgba(242, 229, 255, 0.6)",
             "dark": "rgba(173, 92, 255, 0.2)"
           },
-          "colorBackgroundAccentMint": {
-            "light": "{colorMint100}",
-            "dark": "rgba(0, 189, 107, 0.2)"
-          },
-          "colorBackgroundAccentLime": {
+          "colorBackgroundVisualAccentLime": {
             "light": "{colorLime100}",
             "dark": "rgba(49, 184, 0, 0.2)"
           },
-          "colorBackgroundAccentGrey": {
+          "colorBackgroundVisualAccentGrey": {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral700}"
           },
-          "colorBackgroundAccentTeal": {
-            "light": "{colorTeal100}",
+          "colorBackgroundVisualAccentTeal": {
+            "light": "rgba(204, 255, 252, 0.7)",
             "dark": "rgba(0, 173, 162, 0.2)"
           },
-          "colorBackgroundAccentCyan": {
-            "light": "{colorCyan100}",
-            "dark": "rgba(0, 164, 189, 0.2)"
-          },
-          "colorBackgroundAccentBlue": {
-            "light": "{colorInfo100}",
+          "colorBackgroundVisualAccentBlue": {
+            "light": "rgba(209, 241, 255, 0.6)",
             "dark": "rgba(0, 153, 255, 0.2)"
           },
-          "colorBackgroundAccentViolet": {
-            "light": "{colorViolet100}",
+          "colorBackgroundVisualAccentViolet": {
+            "light": "rgba(232, 229, 255, 0.6)",
             "dark": "rgba(133, 117, 255, 0.2)"
           },
-          "colorBackgroundAccentFuchsia": {
-            "light": "{colorFuchsia100}",
-            "dark": "rgba(228, 51, 255, 0.2)"
-          },
-          "colorBackgroundAccentMagenta": {
-            "light": "{colorMagenta100}",
+          "colorBackgroundVisualAccentMagenta": {
+            "light": "rgba(255, 224, 251, 0.6)",
             "dark": "rgba(255, 26, 224, 0.2)"
           },
-          "colorBackgroundAccentPink": {
-            "light": "{colorPink100}",
+          "colorBackgroundVisualAccentPink": {
+            "light": "rgba(255, 224, 240, 0.7)",
             "dark": "rgba(255, 51, 153, 0.2)"
           },
-          "colorBackgroundAccentRose": {
-            "light": "{colorRose100}",
-            "dark": "rgba(255, 56, 106, 0.2)"
-          },
-          "colorBackgroundAccentAmber": {
-            "light": "{colorAmber100}",
+          "colorBackgroundVisualAccentAmber": {
+            "light": "rgba(255, 232, 189, 0.7)",
             "dark": "rgba(250, 111, 0, 0.2)"
           },
-          "colorTextAccentRed": {
-            "light": "{colorError800}",
+          "colorTextVisualAccentRed": {
+            "light": "{colorError700}",
             "dark": "{colorError400}"
           },
-          "colorTextAccentYellow": {
+          "colorTextVisualAccentYellow": {
             "light": "{colorWarning900}",
-            "dark": "{colorWarning400}"
+            "dark": "{colorWarning200}"
           },
-          "colorTextAccentIndigo": {
+          "colorTextVisualAccentIndigo": {
             "light": "{colorInfo800}",
-            "dark": "{colorInfo400}"
+            "dark": "{colorInfo300}"
           },
-          "colorTextAccentGreen": {
-            "light": "{colorSuccess800}",
-            "dark": "{colorSuccess400}"
+          "colorTextVisualAccentGreen": {
+            "light": "{colorSuccess600}",
+            "dark": "{colorSuccess200}"
           },
-          "colorTextAccentOrange": {
-            "light": "{colorOrange800}",
-            "dark": "{colorOrange400}"
+          "colorTextVisualAccentOrange": {
+            "light": "#a82700",
+            "dark": "#ff997a"
           },
-          "colorTextAccentPurple": {
-            "light": "{colorPurple800}",
-            "dark": "{colorPurple400}"
+          "colorTextVisualAccentPurple": {
+            "light": "#962eff",
+            "dark": "#d4a8ff"
           },
-          "colorTextAccentMint": {
-            "light": "{colorMint800}",
-            "dark": "{colorMint400}"
+          "colorTextVisualAccentLime": {
+            "light": "#007000",
+            "dark": "#acff2e"
           },
-          "colorTextAccentLime": {
-            "light": "{colorLime800}",
-            "dark": "{colorLime400}"
-          },
-          "colorTextAccentGrey": {
-            "light": "{colorNeutral800}",
+          "colorTextVisualAccentGrey": {
+            "light": "{colorNeutral850}",
             "dark": "{colorNeutral300}"
           },
-          "colorTextAccentTeal": {
-            "light": "{colorTeal800}",
-            "dark": "{colorTeal400}"
-          },
-          "colorTextAccentCyan": {
-            "light": "{colorCyan800}",
-            "dark": "{colorCyan400}"
-          },
-          "colorTextAccentBlue": {
-            "light": "{colorInfo800}",
-            "dark": "{colorInfo400}"
-          },
-          "colorTextAccentViolet": {
-            "light": "{colorViolet800}",
-            "dark": "{colorViolet400}"
+          "colorTextVisualAccentTeal": {
+            "light": "#008077",
+            "dark": "#00f5e4"
           },
-          "colorTextAccentFuchsia": {
-            "light": "{colorFuchsia800}",
-            "dark": "{colorFuchsia400}"
+          "colorTextVisualAccentBlue": {
+            "light": "#006ce0",
+            "dark": "#75cfff"
           },
-          "colorTextAccentMagenta": {
-            "light": "{colorMagenta800}",
-            "dark": "{colorMagenta400}"
+          "colorTextVisualAccentViolet": {
+            "light": "#6842ff",
+            "dark": "#b2a8ff"
           },
-          "colorTextAccentPink": {
-            "light": "{colorPink800}",
-            "dark": "{colorPink400}"
+          "colorTextVisualAccentMagenta": {
+            "light": "#b2008f",
+            "dark": "#ff57e9"
           },
-          "colorTextAccentRose": {
-            "light": "{colorRose800}",
-            "dark": "{colorRose400}"
+          "colorTextVisualAccentPink": {
+            "light": "#bb005d",
+            "dark": "#ff99cc"
           },
-          "colorTextAccentAmber": {
-            "light": "{colorAmber800}",
-            "dark": "{colorAmber400}"
+          "colorTextVisualAccentAmber": {
+            "light": "#9e3700",
+            "dark": "#ffbb45"
           }
         }
       },
@@ -10554,6 +10469,10 @@ module.exports.preset = {
             "light": "{colorNeutral350}",
             "dark": "{colorNeutral650}"
           },
+          "colorBorderLayoutSideNavigation": {
+            "light": "{colorBorderLayout}",
+            "dark": "{colorBorderLayout}"
+          },
           "colorBorderNotificationStackBar": {
             "light": "{colorNeutral750}",
             "dark": "{colorNeutral750}"
@@ -11266,149 +11185,117 @@ module.exports.preset = {
             "light": "#f8f8f8",
             "dark": "#282c34"
           },
-          "colorBackgroundAccentRed": {
-            "light": "{colorError100}",
+          "colorBackgroundVisualAccentRed": {
+            "light": "#ffe0e0",
             "dark": "rgba(255, 61, 61, 0.2)"
           },
-          "colorBackgroundAccentYellow": {
-            "light": "{colorWarning100}",
+          "colorBackgroundVisualAccentYellow": {
+            "light": "#fffbbd",
             "dark": "rgba(251, 211, 50, 0.2)"
           },
-          "colorBackgroundAccentIndigo": {
-            "light": "{colorInfo100}",
-            "dark": "rgba(0, 153, 255, 0.2)"
+          "colorBackgroundVisualAccentIndigo": {
+            "light": "#dbe4ff",
+            "dark": "rgba(92, 127, 255, 0.2)"
           },
-          "colorBackgroundAccentGreen": {
-            "light": "{colorSuccess100}",
+          "colorBackgroundVisualAccentGreen": {
+            "light": "#d9ffd6",
             "dark": "rgba(43, 181, 52, 0.2)"
           },
-          "colorBackgroundAccentOrange": {
-            "light": "{colorOrange100}",
+          "colorBackgroundVisualAccentOrange": {
+            "light": "rgba(255, 224, 214, 0.6)",
             "dark": "rgba(255, 75, 20, 0.2)"
           },
-          "colorBackgroundAccentPurple": {
-            "light": "{colorPurple100}",
+          "colorBackgroundVisualAccentPurple": {
+            "light": "rgba(242, 229, 255, 0.6)",
             "dark": "rgba(173, 92, 255, 0.2)"
           },
-          "colorBackgroundAccentMint": {
-            "light": "{colorMint100}",
-            "dark": "rgba(0, 189, 107, 0.2)"
-          },
-          "colorBackgroundAccentLime": {
+          "colorBackgroundVisualAccentLime": {
             "light": "{colorLime100}",
             "dark": "rgba(49, 184, 0, 0.2)"
           },
-          "colorBackgroundAccentGrey": {
+          "colorBackgroundVisualAccentGrey": {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral700}"
           },
-          "colorBackgroundAccentTeal": {
-            "light": "{colorTeal100}",
+          "colorBackgroundVisualAccentTeal": {
+            "light": "rgba(204, 255, 252, 0.7)",
             "dark": "rgba(0, 173, 162, 0.2)"
           },
-          "colorBackgroundAccentCyan": {
-            "light": "{colorCyan100}",
-            "dark": "rgba(0, 164, 189, 0.2)"
-          },
-          "colorBackgroundAccentBlue": {
-            "light": "{colorInfo100}",
+          "colorBackgroundVisualAccentBlue": {
+            "light": "rgba(209, 241, 255, 0.6)",
             "dark": "rgba(0, 153, 255, 0.2)"
           },
-          "colorBackgroundAccentViolet": {
-            "light": "{colorViolet100}",
+          "colorBackgroundVisualAccentViolet": {
+            "light": "rgba(232, 229, 255, 0.6)",
             "dark": "rgba(133, 117, 255, 0.2)"
           },
-          "colorBackgroundAccentFuchsia": {
-            "light": "{colorFuchsia100}",
-            "dark": "rgba(228, 51, 255, 0.2)"
-          },
-          "colorBackgroundAccentMagenta": {
-            "light": "{colorMagenta100}",
+          "colorBackgroundVisualAccentMagenta": {
+            "light": "rgba(255, 224, 251, 0.6)",
             "dark": "rgba(255, 26, 224, 0.2)"
           },
-          "colorBackgroundAccentPink": {
-            "light": "{colorPink100}",
+          "colorBackgroundVisualAccentPink": {
+            "light": "rgba(255, 224, 240, 0.7)",
             "dark": "rgba(255, 51, 153, 0.2)"
           },
-          "colorBackgroundAccentRose": {
-            "light": "{colorRose100}",
-            "dark": "rgba(255, 56, 106, 0.2)"
-          },
-          "colorBackgroundAccentAmber": {
-            "light": "{colorAmber100}",
+          "colorBackgroundVisualAccentAmber": {
+            "light": "rgba(255, 232, 189, 0.7)",
             "dark": "rgba(250, 111, 0, 0.2)"
           },
-          "colorTextAccentRed": {
-            "light": "{colorError800}",
+          "colorTextVisualAccentRed": {
+            "light": "{colorError700}",
             "dark": "{colorError400}"
           },
-          "colorTextAccentYellow": {
+          "colorTextVisualAccentYellow": {
             "light": "{colorWarning900}",
-            "dark": "{colorWarning400}"
+            "dark": "{colorWarning200}"
           },
-          "colorTextAccentIndigo": {
+          "colorTextVisualAccentIndigo": {
             "light": "{colorInfo800}",
-            "dark": "{colorInfo400}"
-          },
-          "colorTextAccentGreen": {
-            "light": "{colorSuccess800}",
-            "dark": "{colorSuccess400}"
+            "dark": "{colorInfo300}"
           },
-          "colorTextAccentOrange": {
-            "light": "{colorOrange800}",
-            "dark": "{colorOrange400}"
+          "colorTextVisualAccentGreen": {
+            "light": "{colorSuccess600}",
+            "dark": "{colorSuccess200}"
           },
-          "colorTextAccentPurple": {
-            "light": "{colorPurple800}",
-            "dark": "{colorPurple400}"
+          "colorTextVisualAccentOrange": {
+            "light": "#a82700",
+            "dark": "#ff997a"
           },
-          "colorTextAccentMint": {
-            "light": "{colorMint800}",
-            "dark": "{colorMint400}"
+          "colorTextVisualAccentPurple": {
+            "light": "#962eff",
+            "dark": "#d4a8ff"
           },
-          "colorTextAccentLime": {
-            "light": "{colorLime800}",
-            "dark": "{colorLime400}"
+          "colorTextVisualAccentLime": {
+            "light": "#007000",
+            "dark": "#acff2e"
           },
-          "colorTextAccentGrey": {
-            "light": "{colorNeutral800}",
+          "colorTextVisualAccentGrey": {
+            "light": "{colorNeutral850}",
             "dark": "{colorNeutral300}"
           },
-          "colorTextAccentTeal": {
-            "light": "{colorTeal800}",
-            "dark": "{colorTeal400}"
-          },
-          "colorTextAccentCyan": {
-            "light": "{colorCyan800}",
-            "dark": "{colorCyan400}"
-          },
-          "colorTextAccentBlue": {
-            "light": "{colorInfo800}",
-            "dark": "{colorInfo400}"
-          },
-          "colorTextAccentViolet": {
-            "light": "{colorViolet800}",
-            "dark": "{colorViolet400}"
+          "colorTextVisualAccentTeal": {
+            "light": "#008077",
+            "dark": "#00f5e4"
           },
-          "colorTextAccentFuchsia": {
-            "light": "{colorFuchsia800}",
-            "dark": "{colorFuchsia400}"
+          "colorTextVisualAccentBlue": {
+            "light": "#006ce0",
+            "dark": "#75cfff"
           },
-          "colorTextAccentMagenta": {
-            "light": "{colorMagenta800}",
-            "dark": "{colorMagenta400}"
+          "colorTextVisualAccentViolet": {
+            "light": "#6842ff",
+            "dark": "#b2a8ff"
           },
-          "colorTextAccentPink": {
-            "light": "{colorPink800}",
-            "dark": "{colorPink400}"
+          "colorTextVisualAccentMagenta": {
+            "light": "#b2008f",
+            "dark": "#ff57e9"
           },
-          "colorTextAccentRose": {
-            "light": "{colorRose800}",
-            "dark": "{colorRose400}"
+          "colorTextVisualAccentPink": {
+            "light": "#bb005d",
+            "dark": "#ff99cc"
           },
-          "colorTextAccentAmber": {
-            "light": "{colorAmber800}",
-            "dark": "{colorAmber400}"
+          "colorTextVisualAccentAmber": {
+            "light": "#9e3700",
+            "dark": "#ffbb45"
           }
         }
       },
@@ -12172,6 +12059,10 @@ module.exports.preset = {
             "light": "{colorNeutral350}",
             "dark": "{colorNeutral650}"
           },
+          "colorBorderLayoutSideNavigation": {
+            "light": "{colorBorderLayout}",
+            "dark": "{colorBorderLayout}"
+          },
           "colorBorderNotificationStackBar": {
             "light": "{colorNeutral750}",
             "dark": "{colorNeutral750}"
@@ -12884,149 +12775,117 @@ module.exports.preset = {
             "light": "#f8f8f8",
             "dark": "#282c34"
           },
-          "colorBackgroundAccentRed": {
-            "light": "{colorError100}",
+          "colorBackgroundVisualAccentRed": {
+            "light": "#ffe0e0",
             "dark": "rgba(255, 61, 61, 0.2)"
           },
-          "colorBackgroundAccentYellow": {
-            "light": "{colorWarning100}",
+          "colorBackgroundVisualAccentYellow": {
+            "light": "#fffbbd",
             "dark": "rgba(251, 211, 50, 0.2)"
           },
-          "colorBackgroundAccentIndigo": {
-            "light": "{colorInfo100}",
-            "dark": "rgba(0, 153, 255, 0.2)"
+          "colorBackgroundVisualAccentIndigo": {
+            "light": "#dbe4ff",
+            "dark": "rgba(92, 127, 255, 0.2)"
           },
-          "colorBackgroundAccentGreen": {
-            "light": "{colorSuccess100}",
+          "colorBackgroundVisualAccentGreen": {
+            "light": "#d9ffd6",
             "dark": "rgba(43, 181, 52, 0.2)"
           },
-          "colorBackgroundAccentOrange": {
-            "light": "{colorOrange100}",
+          "colorBackgroundVisualAccentOrange": {
+            "light": "rgba(255, 224, 214, 0.6)",
             "dark": "rgba(255, 75, 20, 0.2)"
           },
-          "colorBackgroundAccentPurple": {
-            "light": "{colorPurple100}",
+          "colorBackgroundVisualAccentPurple": {
+            "light": "rgba(242, 229, 255, 0.6)",
             "dark": "rgba(173, 92, 255, 0.2)"
           },
-          "colorBackgroundAccentMint": {
-            "light": "{colorMint100}",
-            "dark": "rgba(0, 189, 107, 0.2)"
-          },
-          "colorBackgroundAccentLime": {
+          "colorBackgroundVisualAccentLime": {
             "light": "{colorLime100}",
             "dark": "rgba(49, 184, 0, 0.2)"
           },
-          "colorBackgroundAccentGrey": {
+          "colorBackgroundVisualAccentGrey": {
             "light": "{colorNeutral250}",
             "dark": "{colorNeutral700}"
           },
-          "colorBackgroundAccentTeal": {
-            "light": "{colorTeal100}",
+          "colorBackgroundVisualAccentTeal": {
+            "light": "rgba(204, 255, 252, 0.7)",
             "dark": "rgba(0, 173, 162, 0.2)"
           },
-          "colorBackgroundAccentCyan": {
-            "light": "{colorCyan100}",
-            "dark": "rgba(0, 164, 189, 0.2)"
-          },
-          "colorBackgroundAccentBlue": {
-            "light": "{colorInfo100}",
+          "colorBackgroundVisualAccentBlue": {
+            "light": "rgba(209, 241, 255, 0.6)",
             "dark": "rgba(0, 153, 255, 0.2)"
           },
-          "colorBackgroundAccentViolet": {
-            "light": "{colorViolet100}",
+          "colorBackgroundVisualAccentViolet": {
+            "light": "rgba(232, 229, 255, 0.6)",
             "dark": "rgba(133, 117, 255, 0.2)"
           },
-          "colorBackgroundAccentFuchsia": {
-            "light": "{colorFuchsia100}",
-            "dark": "rgba(228, 51, 255, 0.2)"
-          },
-          "colorBackgroundAccentMagenta": {
-            "light": "{colorMagenta100}",
+          "colorBackgroundVisualAccentMagenta": {
+            "light": "rgba(255, 224, 251, 0.6)",
             "dark": "rgba(255, 26, 224, 0.2)"
           },
-          "colorBackgroundAccentPink": {
-            "light": "{colorPink100}",
+          "colorBackgroundVisualAccentPink": {
+            "light": "rgba(255, 224, 240, 0.7)",
             "dark": "rgba(255, 51, 153, 0.2)"
           },
-          "colorBackgroundAccentRose": {
-            "light": "{colorRose100}",
-            "dark": "rgba(255, 56, 106, 0.2)"
-          },
-          "colorBackgroundAccentAmber": {
-            "light": "{colorAmber100}",
+          "colorBackgroundVisualAccentAmber": {
+            "light": "rgba(255, 232, 189, 0.7)",
             "dark": "rgba(250, 111, 0, 0.2)"
           },
-          "colorTextAccentRed": {
-            "light": "{colorError800}",
+          "colorTextVisualAccentRed": {
+            "light": "{colorError700}",
             "dark": "{colorError400}"
           },
-          "colorTextAccentYellow": {
+          "colorTextVisualAccentYellow": {
             "light": "{colorWarning900}",
-            "dark": "{colorWarning400}"
+            "dark": "{colorWarning200}"
           },
-          "colorTextAccentIndigo": {
+          "colorTextVisualAccentIndigo": {
             "light": "{colorInfo800}",
-            "dark": "{colorInfo400}"
-          },
-          "colorTextAccentGreen": {
-            "light": "{colorSuccess800}",
-            "dark": "{colorSuccess400}"
+            "dark": "{colorInfo300}"
           },
-          "colorTextAccentOrange": {
-            "light": "{colorOrange800}",
-            "dark": "{colorOrange400}"
+          "colorTextVisualAccentGreen": {
+            "light": "{colorSuccess600}",
+            "dark": "{colorSuccess200}"
           },
-          "colorTextAccentPurple": {
-            "light": "{colorPurple800}",
-            "dark": "{colorPurple400}"
+          "colorTextVisualAccentOrange": {
+            "light": "#a82700",
+            "dark": "#ff997a"
           },
-          "colorTextAccentMint": {
-            "light": "{colorMint800}",
-            "dark": "{colorMint400}"
+          "colorTextVisualAccentPurple": {
+            "light": "#962eff",
+            "dark": "#d4a8ff"
           },
-          "colorTextAccentLime": {
-            "light": "{colorLime800}",
-            "dark": "{colorLime400}"
+          "colorTextVisualAccentLime": {
+            "light": "#007000",
+            "dark": "#acff2e"
           },
-          "colorTextAccentGrey": {
-            "light": "{colorNeutral800}",
+          "colorTextVisualAccentGrey": {
+            "light": "{colorNeutral850}",
             "dark": "{colorNeutral300}"
           },
-          "colorTextAccentTeal": {
-            "light": "{colorTeal800}",
-            "dark": "{colorTeal400}"
-          },
-          "colorTextAccentCyan": {
-            "light": "{colorCyan800}",
-            "dark": "{colorCyan400}"
-          },
-          "colorTextAccentBlue": {
-            "light": "{colorInfo800}",
-            "dark": "{colorInfo400}"
-          },
-          "colorTextAccentViolet": {
-            "light": "{colorViolet800}",
-            "dark": "{colorViolet400}"
+          "colorTextVisualAccentTeal": {
+            "light": "#008077",
+            "dark": "#00f5e4"
           },
-          "colorTextAccentFuchsia": {
-            "light": "{colorFuchsia800}",
-            "dark": "{colorFuchsia400}"
+          "colorTextVisualAccentBlue": {
+            "light": "#006ce0",
+            "dark": "#75cfff"
           },
-          "colorTextAccentMagenta": {
-            "light": "{colorMagenta800}",
-            "dark": "{colorMagenta400}"
+          "colorTextVisualAccentViolet": {
+            "light": "#6842ff",
+            "dark": "#b2a8ff"
           },
-          "colorTextAccentPink": {
-            "light": "{colorPink800}",
-            "dark": "{colorPink400}"
+          "colorTextVisualAccentMagenta": {
+            "light": "#b2008f",
+            "dark": "#ff57e9"
           },
-          "colorTextAccentRose": {
-            "light": "{colorRose800}",
-            "dark": "{colorRose400}"
+          "colorTextVisualAccentPink": {
+            "light": "#bb005d",
+            "dark": "#ff99cc"
           },
-          "colorTextAccentAmber": {
-            "light": "{colorAmber800}",
-            "dark": "{colorAmber400}"
+          "colorTextVisualAccentAmber": {
+            "light": "#9e3700",
+            "dark": "#ffbb45"
           },
           "fontSizeExpandableHeading": "14px",
           "borderDividerSectionWidth": "1px"
@@ -13792,6 +13651,10 @@ module.exports.preset = {
             "light": "{colorNeutral650}",
             "dark": "{colorNeutral650}"
           },
+          "colorBorderLayoutSideNavigation": {
+            "light": "{colorBorderLayout}",
+            "dark": "{colorBorderLayout}"
+          },
           "colorBorderNotificationStackBar": {
             "light": "{colorNeutral750}",
             "dark": "{colorNeutral750}"
@@ -14504,149 +14367,117 @@ module.exports.preset = {
             "light": "#282c34",
             "dark": "#282c34"
           },
-          "colorBackgroundAccentRed": {
+          "colorBackgroundVisualAccentRed": {
             "light": "rgba(255, 61, 61, 0.2)",
             "dark": "rgba(255, 61, 61, 0.2)"
           },
-          "colorBackgroundAccentYellow": {
+          "colorBackgroundVisualAccentYellow": {
             "light": "rgba(251, 211, 50, 0.2)",
             "dark": "rgba(251, 211, 50, 0.2)"
           },
-          "colorBackgroundAccentIndigo": {
-            "light": "rgba(0, 153, 255, 0.2)",
-            "dark": "rgba(0, 153, 255, 0.2)"
+          "colorBackgroundVisualAccentIndigo": {
+            "light": "rgba(92, 127, 255, 0.2)",
+            "dark": "rgba(92, 127, 255, 0.2)"
           },
-          "colorBackgroundAccentGreen": {
+          "colorBackgroundVisualAccentGreen": {
             "light": "rgba(43, 181, 52, 0.2)",
             "dark": "rgba(43, 181, 52, 0.2)"
           },
-          "colorBackgroundAccentOrange": {
+          "colorBackgroundVisualAccentOrange": {
             "light": "rgba(255, 75, 20, 0.2)",
             "dark": "rgba(255, 75, 20, 0.2)"
           },
-          "colorBackgroundAccentPurple": {
+          "colorBackgroundVisualAccentPurple": {
             "light": "rgba(173, 92, 255, 0.2)",
             "dark": "rgba(173, 92, 255, 0.2)"
           },
-          "colorBackgroundAccentMint": {
-            "light": "rgba(0, 189, 107, 0.2)",
-            "dark": "rgba(0, 189, 107, 0.2)"
-          },
-          "colorBackgroundAccentLime": {
+          "colorBackgroundVisualAccentLime": {
             "light": "rgba(49, 184, 0, 0.2)",
             "dark": "rgba(49, 184, 0, 0.2)"
           },
-          "colorBackgroundAccentGrey": {
+          "colorBackgroundVisualAccentGrey": {
             "light": "{colorNeutral700}",
             "dark": "{colorNeutral700}"
           },
-          "colorBackgroundAccentTeal": {
+          "colorBackgroundVisualAccentTeal": {
             "light": "rgba(0, 173, 162, 0.2)",
             "dark": "rgba(0, 173, 162, 0.2)"
           },
-          "colorBackgroundAccentCyan": {
-            "light": "rgba(0, 164, 189, 0.2)",
-            "dark": "rgba(0, 164, 189, 0.2)"
-          },
-          "colorBackgroundAccentBlue": {
+          "colorBackgroundVisualAccentBlue": {
             "light": "rgba(0, 153, 255, 0.2)",
             "dark": "rgba(0, 153, 255, 0.2)"
           },
-          "colorBackgroundAccentViolet": {
+          "colorBackgroundVisualAccentViolet": {
             "light": "rgba(133, 117, 255, 0.2)",
             "dark": "rgba(133, 117, 255, 0.2)"
           },
-          "colorBackgroundAccentFuchsia": {
-            "light": "rgba(228, 51, 255, 0.2)",
-            "dark": "rgba(228, 51, 255, 0.2)"
-          },
-          "colorBackgroundAccentMagenta": {
+          "colorBackgroundVisualAccentMagenta": {
             "light": "rgba(255, 26, 224, 0.2)",
             "dark": "rgba(255, 26, 224, 0.2)"
           },
-          "colorBackgroundAccentPink": {
+          "colorBackgroundVisualAccentPink": {
             "light": "rgba(255, 51, 153, 0.2)",
             "dark": "rgba(255, 51, 153, 0.2)"
           },
-          "colorBackgroundAccentRose": {
-            "light": "rgba(255, 56, 106, 0.2)",
-            "dark": "rgba(255, 56, 106, 0.2)"
-          },
-          "colorBackgroundAccentAmber": {
+          "colorBackgroundVisualAccentAmber": {
             "light": "rgba(250, 111, 0, 0.2)",
             "dark": "rgba(250, 111, 0, 0.2)"
           },
-          "colorTextAccentRed": {
+          "colorTextVisualAccentRed": {
             "light": "{colorError400}",
             "dark": "{colorError400}"
           },
-          "colorTextAccentYellow": {
-            "light": "{colorWarning400}",
-            "dark": "{colorWarning400}"
-          },
-          "colorTextAccentIndigo": {
-            "light": "{colorInfo400}",
-            "dark": "{colorInfo400}"
+          "colorTextVisualAccentYellow": {
+            "light": "{colorWarning200}",
+            "dark": "{colorWarning200}"
           },
-          "colorTextAccentGreen": {
-            "light": "{colorSuccess400}",
-            "dark": "{colorSuccess400}"
+          "colorTextVisualAccentIndigo": {
+            "light": "{colorInfo300}",
+            "dark": "{colorInfo300}"
           },
-          "colorTextAccentOrange": {
-            "light": "{colorOrange400}",
-            "dark": "{colorOrange400}"
+          "colorTextVisualAccentGreen": {
+            "light": "{colorSuccess200}",
+            "dark": "{colorSuccess200}"
           },
-          "colorTextAccentPurple": {
-            "light": "{colorPurple400}",
-            "dark": "{colorPurple400}"
+          "colorTextVisualAccentOrange": {
+            "light": "#ff997a",
+            "dark": "#ff997a"
           },
-          "colorTextAccentMint": {
-            "light": "{colorMint400}",
-            "dark": "{colorMint400}"
+          "colorTextVisualAccentPurple": {
+            "light": "#d4a8ff",
+            "dark": "#d4a8ff"
           },
-          "colorTextAccentLime": {
-            "light": "{colorLime400}",
-            "dark": "{colorLime400}"
+          "colorTextVisualAccentLime": {
+            "light": "#acff2e",
+            "dark": "#acff2e"
           },
-          "colorTextAccentGrey": {
+          "colorTextVisualAccentGrey": {
             "light": "{colorNeutral300}",
             "dark": "{colorNeutral300}"
           },
-          "colorTextAccentTeal": {
-            "light": "{colorTeal400}",
-            "dark": "{colorTeal400}"
-          },
-          "colorTextAccentCyan": {
-            "light": "{colorCyan400}",
-            "dark": "{colorCyan400}"
+          "colorTextVisualAccentTeal": {
+            "light": "#00f5e4",
+            "dark": "#00f5e4"
           },
-          "colorTextAccentBlue": {
-            "light": "{colorInfo400}",
-            "dark": "{colorInfo400}"
-          },
-          "colorTextAccentViolet": {
-            "light": "{colorViolet400}",
-            "dark": "{colorViolet400}"
-          },
-          "colorTextAccentFuchsia": {
-            "light": "{colorFuchsia400}",
-            "dark": "{colorFuchsia400}"
+          "colorTextVisualAccentBlue": {
+            "light": "#75cfff",
+            "dark": "#75cfff"
           },
-          "colorTextAccentMagenta": {
-            "light": "{colorMagenta400}",
-            "dark": "{colorMagenta400}"
+          "colorTextVisualAccentViolet": {
+            "light": "#b2a8ff",
+            "dark": "#b2a8ff"
           },
-          "colorTextAccentPink": {
-            "light": "{colorPink400}",
-            "dark": "{colorPink400}"
+          "colorTextVisualAccentMagenta": {
+            "light": "#ff57e9",
+            "dark": "#ff57e9"
           },
-          "colorTextAccentRose": {
-            "light": "{colorRose400}",
-            "dark": "{colorRose400}"
+          "colorTextVisualAccentPink": {
+            "light": "#ff99cc",
+            "dark": "#ff99cc"
           },
-          "colorTextAccentAmber": {
-            "light": "{colorAmber400}",
-            "dark": "{colorAmber400}"
+          "colorTextVisualAccentAmber": {
+            "light": "#ffbb45",
+            "dark": "#ffbb45"
           }
         }
       },
@@ -14698,12 +14529,14 @@ module.exports.preset = {
       "colorError100": "color",
       "colorError400": "color",
       "colorError600": "color",
+      "colorError700": "color",
       "colorError800": "color",
       "colorError900": "color",
       "colorError950": "color",
       "colorError1000": "color",
       "colorSuccess50": "color",
       "colorSuccess100": "color",
+      "colorSuccess200": "color",
       "colorSuccess400": "color",
       "colorSuccess500": "color",
       "colorSuccess600": "color",
@@ -14712,6 +14545,7 @@ module.exports.preset = {
       "colorSuccess1000": "color",
       "colorWarning50": "color",
       "colorWarning100": "color",
+      "colorWarning200": "color",
       "colorWarning400": "color",
       "colorWarning500": "color",
       "colorWarning600": "color",
@@ -15228,6 +15062,7 @@ module.exports.preset = {
       "colorBorderItemPlaceholder": "color",
       "colorBorderItemSelected": "color",
       "colorBorderLayout": "color",
+      "colorBorderLayoutSideNavigation": "color",
       "colorBorderNotificationStackBar": "color",
       "colorBorderPanelHeader": "color",
       "colorBorderPopover": "color",
@@ -15406,42 +15241,34 @@ module.exports.preset = {
       "colorTextBadgeBlue": "color",
       "colorTextBadgeRed": "color",
       "colorBackgroundCodeView": "color",
-      "colorBackgroundAccentRed": "color",
-      "colorBackgroundAccentYellow": "color",
-      "colorBackgroundAccentIndigo": "color",
-      "colorBackgroundAccentGreen": "color",
-      "colorBackgroundAccentOrange": "color",
-      "colorBackgroundAccentPurple": "color",
-      "colorBackgroundAccentMint": "color",
-      "colorBackgroundAccentLime": "color",
-      "colorBackgroundAccentGrey": "color",
-      "colorBackgroundAccentTeal": "color",
-      "colorBackgroundAccentCyan": "color",
-      "colorBackgroundAccentBlue": "color",
-      "colorBackgroundAccentViolet": "color",
-      "colorBackgroundAccentFuchsia": "color",
-      "colorBackgroundAccentMagenta": "color",
-      "colorBackgroundAccentPink": "color",
-      "colorBackgroundAccentRose": "color",
-      "colorBackgroundAccentAmber": "color",
-      "colorTextAccentRed": "color",
-      "colorTextAccentYellow": "color",
-      "colorTextAccentIndigo": "color",
-      "colorTextAccentGreen": "color",
-      "colorTextAccentOrange": "color",
-      "colorTextAccentPurple": "color",
-      "colorTextAccentMint": "color",
-      "colorTextAccentLime": "color",
-      "colorTextAccentGrey": "color",
-      "colorTextAccentTeal": "color",
-      "colorTextAccentCyan": "color",
-      "colorTextAccentBlue": "color",
-      "colorTextAccentViolet": "color",
-      "colorTextAccentFuchsia": "color",
-      "colorTextAccentMagenta": "color",
-      "colorTextAccentPink": "color",
-      "colorTextAccentRose": "color",
-      "colorTextAccentAmber": "color",
+      "colorBackgroundVisualAccentRed": "color",
+      "colorBackgroundVisualAccentYellow": "color",
+      "colorBackgroundVisualAccentIndigo": "color",
+      "colorBackgroundVisualAccentGreen": "color",
+      "colorBackgroundVisualAccentOrange": "color",
+      "colorBackgroundVisualAccentPurple": "color",
+      "colorBackgroundVisualAccentLime": "color",
+      "colorBackgroundVisualAccentGrey": "color",
+      "colorBackgroundVisualAccentTeal": "color",
+      "colorBackgroundVisualAccentBlue": "color",
+      "colorBackgroundVisualAccentViolet": "color",
+      "colorBackgroundVisualAccentMagenta": "color",
+      "colorBackgroundVisualAccentPink": "color",
+      "colorBackgroundVisualAccentAmber": "color",
+      "colorTextVisualAccentRed": "color",
+      "colorTextVisualAccentYellow": "color",
+      "colorTextVisualAccentIndigo": "color",
+      "colorTextVisualAccentGreen": "color",
+      "colorTextVisualAccentOrange": "color",
+      "colorTextVisualAccentPurple": "color",
+      "colorTextVisualAccentLime": "color",
+      "colorTextVisualAccentGrey": "color",
+      "colorTextVisualAccentTeal": "color",
+      "colorTextVisualAccentBlue": "color",
+      "colorTextVisualAccentViolet": "color",
+      "colorTextVisualAccentMagenta": "color",
+      "colorTextVisualAccentPink": "color",
+      "colorTextVisualAccentAmber": "color",
       "motionDurationExtraFast": "motion",
       "motionDurationExtraSlow": "motion",
       "motionDurationFast": "motion",
@@ -15479,6 +15306,8 @@ module.exports.preset = {
       "motionDurationResponsive": "motion",
       "motionDurationExpressive": "motion",
       "motionDurationComplex": "motion",
+      "motionDurationTooltipEnter": "motion",
+      "motionEasingTooltipEnter": "motion",
       "motionKeyframesFadeIn": "motion",
       "motionKeyframesFadeOut": "motion",
       "motionKeyframesStatusIconError": "motion",
@@ -15563,8 +15392,8 @@ module.exports.preset = {
       "spaceTableHeaderToolsFullPageBottom": "density",
       "spaceTableHorizontal": "density",
       "spaceTreeViewIndentation": "density",
-      "spaceSideNavigationItemGap": "density",
-      "spaceSideNavigationItemCollapsedGap": "density",
+      "spaceSideNavigationItemDefaultGap": "density",
+      "spaceSideNavigationItemIconGap": "density",
       "spaceTileGutter": "density",
       "spaceActionCardHorizontalDefault": "density",
       "spaceActionCardHorizontalEmbedded": "density",
@@ -15784,6 +15613,10 @@ module.exports.preset = {
             "light": "#db0000",
             "dark": "#db0000"
           },
+          "700": {
+            "light": "#c20000",
+            "dark": "#c20000"
+          },
           "800": {
             "light": "#990000",
             "dark": "#990000"
@@ -15810,6 +15643,10 @@ module.exports.preset = {
             "light": "#d9ffd6",
             "dark": "#d9ffd6"
           },
+          "200": {
+            "light": "#aeffa8",
+            "dark": "#aeffa8"
+          },
           "400": {
             "light": "#00e500",
             "dark": "#00e500"
@@ -15844,6 +15681,10 @@ module.exports.preset = {
             "light": "#fffbbd",
             "dark": "#fffbbd"
           },
+          "200": {
+            "light": "#fef571",
+            "dark": "#fef571"
+          },
           "400": {
             "light": "#ffe347",
             "dark": "#ffe347"
@@ -16113,6 +15954,7 @@ module.exports.preset = {
     "colorBorderDropdownItemFocused",
     "colorBorderItemSelected",
     "colorBorderLayout",
+    "colorBorderLayoutSideNavigation",
     "colorBorderPopover",
     "colorBorderSegmentActive",
     "colorBorderSegmentDefault",
@@ -16197,6 +16039,7 @@ module.exports.preset = {
     "colorTextLinkInfoDefault",
     "colorTextLinkInfoHover",
     "colorTextNotificationDefault",
+    "colorTextNotificationYellow",
     "colorTextSegmentActive",
     "colorTextSegmentDefault",
     "colorTextSegmentHover",
@@ -16342,9 +16185,12 @@ module.exports.preset = {
     "borderWidthIconSmall",
     "borderWidthIconXSmall",
     "borderWidthItemSelected",
+    "borderWidthLayoutSideNavigation",
     "borderWidthBadge",
     "borderWidthPopover",
     "borderWidthToken",
+    "motionDurationTooltipEnter",
+    "motionEasingTooltipEnter",
     "sizeVerticalInput",
     "sizeSideNavigationItemHeight",
     "spaceAlertVertical",
@@ -16357,7 +16203,8 @@ module.exports.preset = {
     "spaceCardVerticalDefault",
     "spaceCardVerticalEmbedded",
     "spaceTabsVertical",
-    "spaceSideNavigationItemGap",
+    "spaceSideNavigationItemDefaultGap",
+    "spaceSideNavigationItemIconGap",
     "spaceActionCardHorizontalDefault",
     "spaceActionCardHorizontalEmbedded",
     "spaceActionCardVerticalDefault",
@@ -16650,6 +16497,7 @@ module.exports.preset = {
     "colorBorderItemFocused",
     "colorBorderDropdownItemFocused",
     "colorBorderItemSelected",
+    "colorBorderLayoutSideNavigation",
     "colorBorderPopover",
     "colorBorderSegmentActive",
     "colorBorderSegmentDefault",
@@ -16727,6 +16575,7 @@ module.exports.preset = {
     "colorTextLinkInfoDefault",
     "colorTextLinkInfoHover",
     "colorTextNotificationDefault",
+    "colorTextNotificationYellow",
     "colorTextSegmentActive",
     "colorTextSegmentDefault",
     "colorTextSegmentHover",
@@ -16863,6 +16712,7 @@ module.exports.preset = {
     "borderWidthIconSmall",
     "borderWidthIconXSmall",
     "borderWidthItemSelected",
+    "borderWidthLayoutSideNavigation",
     "borderWidthBadge",
     "borderWidthPopover",
     "borderWidthToken",
@@ -16875,6 +16725,8 @@ module.exports.preset = {
     "motionDurationResponsive",
     "motionDurationExpressive",
     "motionDurationComplex",
+    "motionDurationTooltipEnter",
+    "motionEasingTooltipEnter",
     "motionKeyframesFadeIn",
     "motionKeyframesFadeOut",
     "motionKeyframesStatusIconError",
@@ -16894,7 +16746,8 @@ module.exports.preset = {
     "spaceFieldHorizontal",
     "spaceTabsVertical",
     "spaceTreeViewIndentation",
-    "spaceSideNavigationItemGap",
+    "spaceSideNavigationItemDefaultGap",
+    "spaceSideNavigationItemIconGap",
     "spaceActionCardHorizontalDefault",
     "spaceActionCardHorizontalEmbedded",
     "spaceActionCardVerticalDefault",
@@ -16959,12 +16812,14 @@ module.exports.preset = {
     "colorError100": "color-error-100",
     "colorError400": "color-error-400",
     "colorError600": "color-error-600",
+    "colorError700": "color-error-700",
     "colorError800": "color-error-800",
     "colorError900": "color-error-900",
     "colorError950": "color-error-950",
     "colorError1000": "color-error-1000",
     "colorSuccess50": "color-success-50",
     "colorSuccess100": "color-success-100",
+    "colorSuccess200": "color-success-200",
     "colorSuccess400": "color-success-400",
     "colorSuccess500": "color-success-500",
     "colorSuccess600": "color-success-600",
@@ -16973,6 +16828,7 @@ module.exports.preset = {
     "colorSuccess1000": "color-success-1000",
     "colorWarning50": "color-warning-50",
     "colorWarning100": "color-warning-100",
+    "colorWarning200": "color-warning-200",
     "colorWarning400": "color-warning-400",
     "colorWarning500": "color-warning-500",
     "colorWarning600": "color-warning-600",
@@ -17489,6 +17345,7 @@ module.exports.preset = {
     "colorBorderItemPlaceholder": "color-border-item-placeholder",
     "colorBorderItemSelected": "color-border-item-selected",
     "colorBorderLayout": "color-border-layout",
+    "colorBorderLayoutSideNavigation": "color-border-layout-side-navigation",
     "colorBorderNotificationStackBar": "color-border-notification-stack-bar",
     "colorBorderPanelHeader": "color-border-panel-header",
     "colorBorderPopover": "color-border-popover",
@@ -17667,42 +17524,34 @@ module.exports.preset = {
     "colorTextBadgeBlue": "color-text-badge-blue",
     "colorTextBadgeRed": "color-text-badge-red",
     "colorBackgroundCodeView": "color-background-code-view",
-    "colorBackgroundAccentRed": "color-background-accent-red",
-    "colorBackgroundAccentYellow": "color-background-accent-yellow",
-    "colorBackgroundAccentIndigo": "color-background-accent-indigo",
-    "colorBackgroundAccentGreen": "color-background-accent-green",
-    "colorBackgroundAccentOrange": "color-background-accent-orange",
-    "colorBackgroundAccentPurple": "color-background-accent-purple",
-    "colorBackgroundAccentMint": "color-background-accent-mint",
-    "colorBackgroundAccentLime": "color-background-accent-lime",
-    "colorBackgroundAccentGrey": "color-background-accent-grey",
-    "colorBackgroundAccentTeal": "color-background-accent-teal",
-    "colorBackgroundAccentCyan": "color-background-accent-cyan",
-    "colorBackgroundAccentBlue": "color-background-accent-blue",
-    "colorBackgroundAccentViolet": "color-background-accent-violet",
-    "colorBackgroundAccentFuchsia": "color-background-accent-fuchsia",
-    "colorBackgroundAccentMagenta": "color-background-accent-magenta",
-    "colorBackgroundAccentPink": "color-background-accent-pink",
-    "colorBackgroundAccentRose": "color-background-accent-rose",
-    "colorBackgroundAccentAmber": "color-background-accent-amber",
-    "colorTextAccentRed": "color-text-accent-red",
-    "colorTextAccentYellow": "color-text-accent-yellow",
-    "colorTextAccentIndigo": "color-text-accent-indigo",
-    "colorTextAccentGreen": "color-text-accent-green",
-    "colorTextAccentOrange": "color-text-accent-orange",
-    "colorTextAccentPurple": "color-text-accent-purple",
-    "colorTextAccentMint": "color-text-accent-mint",
-    "colorTextAccentLime": "color-text-accent-lime",
-    "colorTextAccentGrey": "color-text-accent-grey",
-    "colorTextAccentTeal": "color-text-accent-teal",
-    "colorTextAccentCyan": "color-text-accent-cyan",
-    "colorTextAccentBlue": "color-text-accent-blue",
-    "colorTextAccentViolet": "color-text-accent-violet",
-    "colorTextAccentFuchsia": "color-text-accent-fuchsia",
-    "colorTextAccentMagenta": "color-text-accent-magenta",
-    "colorTextAccentPink": "color-text-accent-pink",
-    "colorTextAccentRose": "color-text-accent-rose",
-    "colorTextAccentAmber": "color-text-accent-amber",
+    "colorBackgroundVisualAccentRed": "color-background-visual-accent-red",
+    "colorBackgroundVisualAccentYellow": "color-background-visual-accent-yellow",
+    "colorBackgroundVisualAccentIndigo": "color-background-visual-accent-indigo",
+    "colorBackgroundVisualAccentGreen": "color-background-visual-accent-green",
+    "colorBackgroundVisualAccentOrange": "color-background-visual-accent-orange",
+    "colorBackgroundVisualAccentPurple": "color-background-visual-accent-purple",
+    "colorBackgroundVisualAccentLime": "color-background-visual-accent-lime",
+    "colorBackgroundVisualAccentGrey": "color-background-visual-accent-grey",
+    "colorBackgroundVisualAccentTeal": "color-background-visual-accent-teal",
+    "colorBackgroundVisualAccentBlue": "color-background-visual-accent-blue",
+    "colorBackgroundVisualAccentViolet": "color-background-visual-accent-violet",
+    "colorBackgroundVisualAccentMagenta": "color-background-visual-accent-magenta",
+    "colorBackgroundVisualAccentPink": "color-background-visual-accent-pink",
+    "colorBackgroundVisualAccentAmber": "color-background-visual-accent-amber",
+    "colorTextVisualAccentRed": "color-text-visual-accent-red",
+    "colorTextVisualAccentYellow": "color-text-visual-accent-yellow",
+    "colorTextVisualAccentIndigo": "color-text-visual-accent-indigo",
+    "colorTextVisualAccentGreen": "color-text-visual-accent-green",
+    "colorTextVisualAccentOrange": "color-text-visual-accent-orange",
+    "colorTextVisualAccentPurple": "color-text-visual-accent-purple",
+    "colorTextVisualAccentLime": "color-text-visual-accent-lime",
+    "colorTextVisualAccentGrey": "color-text-visual-accent-grey",
+    "colorTextVisualAccentTeal": "color-text-visual-accent-teal",
+    "colorTextVisualAccentBlue": "color-text-visual-accent-blue",
+    "colorTextVisualAccentViolet": "color-text-visual-accent-violet",
+    "colorTextVisualAccentMagenta": "color-text-visual-accent-magenta",
+    "colorTextVisualAccentPink": "color-text-visual-accent-pink",
+    "colorTextVisualAccentAmber": "color-text-visual-accent-amber",
     "fontBoxValueLargeWeight": "font-box-value-large-weight",
     "fontButtonLetterSpacing": "font-button-letter-spacing",
     "fontChartDetailSize": "font-chart-detail-size",
@@ -17851,6 +17700,7 @@ module.exports.preset = {
     "borderWidthItemCard": "border-width-item-card",
     "borderWidthItemCardHighlighted": "border-width-item-card-highlighted",
     "borderWidthItemSelected": "border-width-item-selected",
+    "borderWidthLayoutSideNavigation": "border-width-layout-side-navigation",
     "borderWidthBadge": "border-width-badge",
     "borderWidthPopover": "border-width-popover",
     "borderWidthToken": "border-width-token",
@@ -17891,6 +17741,8 @@ module.exports.preset = {
     "motionDurationResponsive": "motion-duration-responsive",
     "motionDurationExpressive": "motion-duration-expressive",
     "motionDurationComplex": "motion-duration-complex",
+    "motionDurationTooltipEnter": "motion-duration-tooltip-enter",
+    "motionEasingTooltipEnter": "motion-easing-tooltip-enter",
     "motionKeyframesFadeIn": "motion-keyframes-fade-in",
     "motionKeyframesFadeOut": "motion-keyframes-fade-out",
     "motionKeyframesStatusIconError": "motion-keyframes-status-icon-error",
@@ -17975,8 +17827,8 @@ module.exports.preset = {
     "spaceTableHeaderToolsFullPageBottom": "space-table-header-tools-full-page-bottom",
     "spaceTableHorizontal": "space-table-horizontal",
     "spaceTreeViewIndentation": "space-tree-view-indentation",
-    "spaceSideNavigationItemGap": "space-side-navigation-item-gap",
-    "spaceSideNavigationItemCollapsedGap": "space-side-navigation-item-collapsed-gap",
+    "spaceSideNavigationItemDefaultGap": "space-side-navigation-item-default-gap",
+    "spaceSideNavigationItemIconGap": "space-side-navigation-item-icon-gap",
     "spaceTileGutter": "space-tile-gutter",
     "spaceActionCardHorizontalDefault": "space-action-card-horizontal-default",
     "spaceActionCardHorizontalEmbedded": "space-action-card-horizontal-embedded",
@@ -18082,12 +17934,14 @@ module.exports.preset = {
     "colorError100": "--color-error-100-eq1ucx",
     "colorError400": "--color-error-400-c0knb8",
     "colorError600": "--color-error-600-mdn3ng",
+    "colorError700": "--color-error-700-pz2kai",
     "colorError800": "--color-error-800-sb9qfi",
     "colorError900": "--color-error-900-skonp1",
     "colorError950": "--color-error-950-o9nk8o",
     "colorError1000": "--color-error-1000-ecmudm",
     "colorSuccess50": "--color-success-50-yow9uc",
     "colorSuccess100": "--color-success-100-0kjz92",
+    "colorSuccess200": "--color-success-200-3vtc6u",
     "colorSuccess400": "--color-success-400-x40jxn",
     "colorSuccess500": "--color-success-500-hhxb4g",
     "colorSuccess600": "--color-success-600-g7hz2i",
@@ -18096,6 +17950,7 @@ module.exports.preset = {
     "colorSuccess1000": "--color-success-1000-xy1gvq",
     "colorWarning50": "--color-warning-50-uxheb8",
     "colorWarning100": "--color-warning-100-0snzyo",
+    "colorWarning200": "--color-warning-200-ssqjgd",
     "colorWarning400": "--color-warning-400-55puga",
     "colorWarning500": "--color-warning-500-zidhub",
     "colorWarning600": "--color-warning-600-iyo9qe",
@@ -18612,6 +18467,7 @@ module.exports.preset = {
     "colorBorderItemPlaceholder": "--color-border-item-placeholder-x8kbjp",
     "colorBorderItemSelected": "--color-border-item-selected-wl5ttm",
     "colorBorderLayout": "--color-border-layout-ayg8vb",
+    "colorBorderLayoutSideNavigation": "--color-border-layout-side-navigation-n9t35t",
     "colorBorderNotificationStackBar": "--color-border-notification-stack-bar-aszsse",
     "colorBorderPanelHeader": "--color-border-panel-header-ygztvl",
     "colorBorderPopover": "--color-border-popover-1ye6tz",
@@ -18790,42 +18646,34 @@ module.exports.preset = {
     "colorTextBadgeBlue": "--color-text-badge-blue-cq2uzn",
     "colorTextBadgeRed": "--color-text-badge-red-60jprp",
     "colorBackgroundCodeView": "--color-background-code-view-6vvqfk",
-    "colorBackgroundAccentRed": "--color-background-accent-red-rulu42",
-    "colorBackgroundAccentYellow": "--color-background-accent-yellow-vlqbut",
-    "colorBackgroundAccentIndigo": "--color-background-accent-indigo-9ja74x",
-    "colorBackgroundAccentGreen": "--color-background-accent-green-rmpl2f",
-    "colorBackgroundAccentOrange": "--color-background-accent-orange-ov4hs7",
-    "colorBackgroundAccentPurple": "--color-background-accent-purple-n5youw",
-    "colorBackgroundAccentMint": "--color-background-accent-mint-ts206s",
-    "colorBackgroundAccentLime": "--color-background-accent-lime-ina0zl",
-    "colorBackgroundAccentGrey": "--color-background-accent-grey-rfmt4z",
-    "colorBackgroundAccentTeal": "--color-background-accent-teal-6ugcbe",
-    "colorBackgroundAccentCyan": "--color-background-accent-cyan-f3c66z",
-    "colorBackgroundAccentBlue": "--color-background-accent-blue-yagztr",
-    "colorBackgroundAccentViolet": "--color-background-accent-violet-mn1wo4",
-    "colorBackgroundAccentFuchsia": "--color-background-accent-fuchsia-iivy1j",
-    "colorBackgroundAccentMagenta": "--color-background-accent-magenta-gappab",
-    "colorBackgroundAccentPink": "--color-background-accent-pink-dnoxrq",
-    "colorBackgroundAccentRose": "--color-background-accent-rose-jh67x0",
-    "colorBackgroundAccentAmber": "--color-background-accent-amber-ms1mth",
-    "colorTextAccentRed": "--color-text-accent-red-0ltorf",
-    "colorTextAccentYellow": "--color-text-accent-yellow-zdoe8v",
-    "colorTextAccentIndigo": "--color-text-accent-indigo-41pr77",
-    "colorTextAccentGreen": "--color-text-accent-green-sngxmj",
-    "colorTextAccentOrange": "--color-text-accent-orange-barc9e",
-    "colorTextAccentPurple": "--color-text-accent-purple-zdsf2a",
-    "colorTextAccentMint": "--color-text-accent-mint-0ik1n6",
-    "colorTextAccentLime": "--color-text-accent-lime-algeww",
-    "colorTextAccentGrey": "--color-text-accent-grey-5l6tyt",
-    "colorTextAccentTeal": "--color-text-accent-teal-maw0mi",
-    "colorTextAccentCyan": "--color-text-accent-cyan-q1yu1l",
-    "colorTextAccentBlue": "--color-text-accent-blue-niopud",
-    "colorTextAccentViolet": "--color-text-accent-violet-5t8obx",
-    "colorTextAccentFuchsia": "--color-text-accent-fuchsia-08sd4f",
-    "colorTextAccentMagenta": "--color-text-accent-magenta-t0gcyy",
-    "colorTextAccentPink": "--color-text-accent-pink-j1kafk",
-    "colorTextAccentRose": "--color-text-accent-rose-6xosmy",
-    "colorTextAccentAmber": "--color-text-accent-amber-121gnk",
+    "colorBackgroundVisualAccentRed": "--color-background-visual-accent-red-habalf",
+    "colorBackgroundVisualAccentYellow": "--color-background-visual-accent-yellow-v3fumq",
+    "colorBackgroundVisualAccentIndigo": "--color-background-visual-accent-indigo-z8baso",
+    "colorBackgroundVisualAccentGreen": "--color-background-visual-accent-green-6tpc42",
+    "colorBackgroundVisualAccentOrange": "--color-background-visual-accent-orange-vtf549",
+    "colorBackgroundVisualAccentPurple": "--color-background-visual-accent-purple-jgly27",
+    "colorBackgroundVisualAccentLime": "--color-background-visual-accent-lime-9n4rqq",
+    "colorBackgroundVisualAccentGrey": "--color-background-visual-accent-grey-2gfhie",
+    "colorBackgroundVisualAccentTeal": "--color-background-visual-accent-teal-gkix69",
+    "colorBackgroundVisualAccentBlue": "--color-background-visual-accent-blue-t0e9pu",
+    "colorBackgroundVisualAccentViolet": "--color-background-visual-accent-violet-flqcgb",
+    "colorBackgroundVisualAccentMagenta": "--color-background-visual-accent-magenta-ip1yzm",
+    "colorBackgroundVisualAccentPink": "--color-background-visual-accent-pink-695vlu",
+    "colorBackgroundVisualAccentAmber": "--color-background-visual-accent-amber-duj9a6",
+    "colorTextVisualAccentRed": "--color-text-visual-accent-red-nvp8v6",
+    "colorTextVisualAccentYellow": "--color-text-visual-accent-yellow-2tbbh8",
+    "colorTextVisualAccentIndigo": "--color-text-visual-accent-indigo-z73u1l",
+    "colorTextVisualAccentGreen": "--color-text-visual-accent-green-i9t8cq",
+    "colorTextVisualAccentOrange": "--color-text-visual-accent-orange-71tmqe",
+    "colorTextVisualAccentPurple": "--color-text-visual-accent-purple-o5g0nc",
+    "colorTextVisualAccentLime": "--color-text-visual-accent-lime-s3vqqf",
+    "colorTextVisualAccentGrey": "--color-text-visual-accent-grey-frg4hd",
+    "colorTextVisualAccentTeal": "--color-text-visual-accent-teal-ttn72h",
+    "colorTextVisualAccentBlue": "--color-text-visual-accent-blue-kqsvc5",
+    "colorTextVisualAccentViolet": "--color-text-visual-accent-violet-iec48z",
+    "colorTextVisualAccentMagenta": "--color-text-visual-accent-magenta-jcsc58",
+    "colorTextVisualAccentPink": "--color-text-visual-accent-pink-p6qiw6",
+    "colorTextVisualAccentAmber": "--color-text-visual-accent-amber-8mh5q9",
     "fontBoxValueLargeWeight": "--font-box-value-large-weight-wr00sw",
     "fontButtonLetterSpacing": "--font-button-letter-spacing-ufowe3",
     "fontChartDetailSize": "--font-chart-detail-size-9qr25q",
@@ -18974,6 +18822,7 @@ module.exports.preset = {
     "borderWidthItemCard": "--border-width-item-card-3wmyp3",
     "borderWidthItemCardHighlighted": "--border-width-item-card-highlighted-jay4ll",
     "borderWidthItemSelected": "--border-width-item-selected-yv93vd",
+    "borderWidthLayoutSideNavigation": "--border-width-layout-side-navigation-brgx8q",
     "borderWidthBadge": "--border-width-badge-7pmgfh",
     "borderWidthPopover": "--border-width-popover-nflirh",
     "borderWidthToken": "--border-width-token-2ukdpu",
@@ -19014,6 +18863,8 @@ module.exports.preset = {
     "motionDurationResponsive": "--motion-duration-responsive-mehora",
     "motionDurationExpressive": "--motion-duration-expressive-cbdcwy",
     "motionDurationComplex": "--motion-duration-complex-tbdo30",
+    "motionDurationTooltipEnter": "--motion-duration-tooltip-enter-8e7aex",
+    "motionEasingTooltipEnter": "--motion-easing-tooltip-enter-i9exfu",
     "motionKeyframesFadeIn": "--motion-keyframes-fade-in-0r842q",
     "motionKeyframesFadeOut": "--motion-keyframes-fade-out-g7fgdu",
     "motionKeyframesStatusIconError": "--motion-keyframes-status-icon-error-wkou39",
@@ -19098,8 +18949,8 @@ module.exports.preset = {
     "spaceTableHeaderToolsFullPageBottom": "--space-table-header-tools-full-page-bottom-9m47g6",
     "spaceTableHorizontal": "--space-table-horizontal-suurzj",
     "spaceTreeViewIndentation": "--space-tree-view-indentation-xh9kis",
-    "spaceSideNavigationItemGap": "--space-side-navigation-item-gap-5vlwdw",
-    "spaceSideNavigationItemCollapsedGap": "--space-side-navigation-item-collapsed-gap-d9lti2",
+    "spaceSideNavigationItemDefaultGap": "--space-side-navigation-item-default-gap-a1luyq",
+    "spaceSideNavigationItemIconGap": "--space-side-navigation-item-icon-gap-h45akr",
     "spaceTileGutter": "--space-tile-gutter-bi2bdv",
     "spaceActionCardHorizontalDefault": "--space-action-card-horizontal-default-su1e86",
     "spaceActionCardHorizontalEmbedded": "--space-action-card-horizontal-embedded-pb8pj4",