@mekari/pixel3-theme 0.4.4 → 0.5.0-dev.1

package/dist/index.mjs

@@ -28,11 +28,13 @@ var conditions = {
     hasBorder: "&[data-has-border=true]",
     hasBackground: "&[data-has-background=true]",
     isFullWidth: "&[data-is-full-width=true]",
+    isRounded: "&[data-is-rounded=true]",
     placementLeft: "&[data-placement=left]",
     placementRight: "&[data-placement=right]",
     nextTheme: "[data-panda-theme=next] &",
     light: ".light &",
-    dark: ".dark &"
+    dark: ".dark &",
+    enterprise: "[data-product-theme=enterprise] &"
   }
 };
 
@@ -408,7 +410,9 @@ var avatarSlotRecipe = defineSlotRecipe2({
   defaultVariants: {
     size: "md",
     variant: "circle"
-  }
+  },
+  // TODO: Check why this recipe need to generate statically
+  staticCss: ["*"]
 });
 var avatarGroupSlotRecipe = defineSlotRecipe2({
   className: "avatar-group",
@@ -482,7 +486,9 @@ var avatarGroupSlotRecipe = defineSlotRecipe2({
     }
   },
   compoundVariants: [],
-  defaultVariants: {}
+  defaultVariants: {},
+  // TODO: Check why this recipe need to generate statically
+  staticCss: ["*"]
 });
 
 // src/recipes/airene-button.ts
@@ -629,6 +635,9 @@ var buttonRecipe = defineRecipe({
     _isFullWidth: {
       width: "full"
     },
+    _isRounded: {
+      borderRadius: "full"
+    },
     _loading: {
       cursor: "wait",
       position: "absolute",
@@ -876,8 +885,14 @@ var buttonRecipe = defineRecipe({
         borderRadius: "sm",
         textStyle: "label.md",
         fontWeight: "regular",
+        _isRounded: {
+          borderRadius: "full"
+        },
         _loading: {
-          borderRadius: "sm"
+          borderRadius: "sm",
+          _isRounded: {
+            borderRadius: "full"
+          }
         },
         _hasIcon: {
           paddingX: "1",
@@ -920,8 +935,14 @@ var buttonRecipe = defineRecipe({
         borderRadius: "md",
         textStyle: "label.md",
         fontWeight: "semiBold",
+        _isRounded: {
+          borderRadius: "full"
+        },
         _loading: {
-          borderRadius: "md"
+          borderRadius: "md",
+          _isRounded: {
+            borderRadius: "full"
+          }
         },
         _hasIcon: {
           paddingX: "2",
@@ -1061,16 +1082,18 @@ var buttonGroupRecipe = defineRecipe({
     gap: "var(--mp-button-group-spacing)",
     "&[data-split-button=true]": {
       gap: "0",
-      "& > [data-pixel-component=MpButton]": {
-        _first: {
-          borderTopRightRadius: "none !important",
-          borderBottomRightRadius: "none !important",
-          borderRight: "0 !important"
-        },
-        _last: {
-          borderTopLeftRadius: "none !important",
-          borderBottomLeftRadius: "none !important"
-        }
+      "& > button:first-of-type": {
+        borderTopRightRadius: "none !important",
+        borderBottomRightRadius: "none !important",
+        borderRight: "0 !important"
+      },
+      "& > button:not(:first-of-type):not(:last-of-type)": {
+        borderRadius: "none !important",
+        borderRight: "0 !important"
+      },
+      "& > button:last-of-type": {
+        borderTopLeftRadius: "none !important",
+        borderBottomLeftRadius: "none !important"
       }
     }
   }
@@ -1999,7 +2022,7 @@ var badgeRecipe = defineRecipe6({
         backgroundColor: "sky.400",
         color: "white",
         _nextTheme: {
-          backgroundColor: "background.brand.bold",
+          backgroundColor: "background.information.bold",
           color: "text.inverse"
         }
       }
@@ -2060,7 +2083,7 @@ var badgeRecipe = defineRecipe6({
         backgroundColor: "blue.50",
         color: "blue.700",
         _nextTheme: {
-          backgroundColor: "background.brand",
+          backgroundColor: "background.information",
           color: "text.information"
         }
       }
@@ -2120,7 +2143,7 @@ var badgeRecipe = defineRecipe6({
       css: {
         backgroundColor: "sky.400",
         _nextTheme: {
-          backgroundColor: "icon.brand",
+          backgroundColor: "icon.information",
           color: "text.inverse"
         }
       }
@@ -3445,7 +3468,17 @@ var modalSlotRecipe = defineSlotRecipe16({
     },
     body: {
       p: 4,
-      flex: 1
+      flex: 1,
+      '&[data-drawer-variant="floating"]': {
+        rounded: "lg",
+        background: "background.stage",
+        px: "0",
+        pt: "0",
+        pb: "4",
+        _focus: {
+          outline: "none"
+        }
+      }
     },
     contentRoot: {
       pos: "fixed",
@@ -3473,6 +3506,11 @@ var modalSlotRecipe = defineSlotRecipe16({
         '&[data-modal-type="drawer"]': {
           borderColor: "border.default"
         }
+      },
+      '&[data-modal-type="drawer"][data-drawer-variant="floating"]': {
+        background: "transparent",
+        borderWidth: "0px !important",
+        p: "3"
       }
     },
     header: {
@@ -5526,7 +5564,7 @@ var bannerSlotRecipe = defineSlotRecipe28({
         root: {
           backgroundColor: "blue.50",
           _nextTheme: {
-            backgroundColor: "background.brand"
+            backgroundColor: "background.information"
           }
         }
       },
@@ -6549,6 +6587,7 @@ import { defineTokens as defineTokens2 } from "@pandacss/dev";
 var colors = defineTokens2.colors({
   debug: { value: "blue" },
   currentcolor: { value: "currentcolor" },
+  transparent: { value: "transparent" },
   dark: { value: "#232933" },
   background: { value: "#F1F5F9" },
   overlay: { value: "rgba(22, 26, 32, 0.8)" },
@@ -6796,6 +6835,7 @@ var spacing = defineTokens8.spacing({
   1: { value: "0.25rem", description: "4px" },
   1.5: { value: "0.375rem", description: "6px" },
   2: { value: "0.5rem", description: "8px" },
+  2.5: { value: "0.625rem", description: "10px" },
   3: { value: "0.75rem", description: "12px" },
   4: { value: "1rem", description: "16px" },
   5: { value: "1.3rem", description: "20px" },
@@ -6901,6 +6941,7 @@ import { defineTokens as defineTokens13 } from "@pandacss/dev";
 var colors2 = defineTokens13.colors({
   debug: { value: "red" },
   currentcolor: { value: "currentcolor" },
+  transparent: { value: "#FFFFFF00" },
   white: { value: "#FFFFFF" },
   vibrantPurple: { value: "linear-gradient(98deg, #F8F9FB 0%, #B5A2EC 50.01%, #4B61DD 100%)" },
   lightPurple: {
@@ -6924,7 +6965,14 @@ var colors2 = defineTokens13.colors({
     700: { value: "#8C9BAB" },
     800: { value: "#9FADBC" },
     900: { value: "#B6C2CF" },
-    1e3: { value: "#C7D1DB" }
+    1e3: { value: "#C7D1DB" },
+    "100a": { value: "#bcd6f00a" },
+    "200a": { value: "#a1bdd914" },
+    "250a": { value: "#c8e1f91f" },
+    "300a": { value: "#a6c5e229" },
+    "350a": { value: "#c3defe33" },
+    "400a": { value: "#bfdbf847" },
+    "500a": { value: "#9bb4ca85" }
   },
   neutral: {
     100: { value: "#F7F8F9" },
@@ -6936,7 +6984,29 @@ var colors2 = defineTokens13.colors({
     700: { value: "#656F80" },
     800: { value: "#4C5460" },
     900: { value: "#383E48" },
-    1e3: { value: "#272B32" }
+    1e3: { value: "#272B32" },
+    "100a": { value: "#1d1f240a" },
+    "200a": { value: "#1d1f2414" },
+    "300a": { value: "#1d1f2429" },
+    "400a": { value: "#1d1f2452" },
+    "500a": { value: "#1d1f247a" }
+  },
+  slate: {
+    100: { value: "#F8F9F9" },
+    200: { value: "#EBF0F1" },
+    300: { value: "#E3E7E9" },
+    400: { value: "#8C9596" },
+    500: { value: "#6E7A7C" },
+    600: { value: "#536062" },
+    700: { value: "#3A4749" },
+    800: { value: "#243032" },
+    900: { value: "#121C1E" },
+    1e3: { value: "#080D0E" },
+    "100a": { value: "#1d1f240a" },
+    "200a": { value: "#1d1f2414" },
+    "300a": { value: "#1d1f2429" },
+    "400a": { value: "#1d1f2452" },
+    "500a": { value: "#1d1f247a" }
   },
   blue: {
     100: { value: "#ECF3FE" },
@@ -7047,7 +7117,7 @@ var colors2 = defineTokens13.colors({
     1e3: { value: "#0B3524" }
   },
   teal: {
-    100: { value: "#F2F9F6" },
+    100: { value: "#EAF9F7" },
     200: { value: "#C4EDE9" },
     300: { value: "#92DED6" },
     400: { value: "#4FCABC" },
@@ -7058,6 +7128,18 @@ var colors2 = defineTokens13.colors({
     900: { value: "#084841" },
     1e3: { value: "#06342F" }
   },
+  emerald: {
+    100: { value: "#F0FBF7" },
+    200: { value: "#D6F4E9" },
+    300: { value: "#B7E9D8" },
+    400: { value: "#7EDAC0" },
+    500: { value: "#41C6A0" },
+    600: { value: "#1FB088" },
+    700: { value: "#029861" },
+    800: { value: "#0F6D4D" },
+    900: { value: "#0E4F3A" },
+    1e3: { value: "#142D26" }
+  },
   brand: {
     capital: { value: "#2F5573" },
     esign: { value: "#00C853" },
@@ -7165,57 +7247,90 @@ import { defineSemanticTokens as defineSemanticTokens3 } from "@pandacss/dev";
 // src/semanticTokens/colors.ts
 import { defineSemanticTokens } from "@pandacss/dev";
 var colors3 = defineSemanticTokens.colors({
+  // BACKGROUND SEMANTIC TOKENS
   background: {
     surface: {
-      value: {
-        base: "#F1F5F9",
-        // Doens't have raw token
-        _light: "#F1F5F9",
-        // Doesn't have raw token
-        _dark: "{colors.dark}"
+      DEFAULT: {
+        value: {
+          base: "#F1F5F9",
+          // Doesn't have raw token
+          _light: "#F1F5F9",
+          // Doesn't have raw token
+          _dark: "{colors.dark}",
+          _enterprise: "{colors.slate.100}"
+        }
+      },
+      bold: {
+        value: {
+          base: "{colors.neutral.1000}",
+          _light: "{colors.neutral.1000}",
+          _dark: "{colors.neutral.100}",
+          _enterprise: "{colors.emerald.1000}"
+        }
+      }
+    },
+    information: {
+      DEFAULT: {
+        value: {
+          base: "{colors.indigo.100}",
+          _light: "{colors.indigo.100}",
+          _dark: "{colors.indigo.1000}",
+          _enterprise: "{colors.indigo.100}"
+        }
+      },
+      bold: {
+        value: {
+          base: "{colors.indigo.700}",
+          _light: "{colors.indigo.700}",
+          _dark: "{colors.indigo.400}",
+          _enterprise: "{colors.indigo.700}"
+        }
       }
     },
     stage: {
       value: {
         base: "{colors.white}",
         _light: "{colors.white}",
-        _dark: "{colors.dark.100}"
+        _dark: "{colors.dark.100}",
+        _enterprise: "{colors.white}"
       }
     },
     overlay: {
       value: {
-        base: "rgba(35, 41, 51, 0.80)",
-        // Doens't have raw token
-        _light: "rgba(35, 41, 51, 0.80)",
+        base: "#232933CC",
         // Doesn't have raw token
-        _dark: "rgba(101, 127, 153, 0.8)"
+        _light: "#232933CC",
+        // Doesn't have raw token
+        _dark: "#657F9980",
+        // Doesn't have raw token
+        _enterprise: "#222222CC"
         // Doesn't have raw token
       }
     },
     disabled: {
       value: {
-        base: "rgba(29, 31, 36, 0.04)",
-        // Doesn't have raw token
-        _light: "rgba(29, 31, 36, 0.04)",
-        // Doesn't have raw token
-        _dark: "rgba(188, 214, 240, 0.04)"
-        // Doesn't have raw token
+        base: "{colors.neutral.100a}",
+        _light: "{colors.neutral.100a}",
+        _dark: "{colors.dark.100a}",
+        _enterprise: "{colors.slate.100}"
       }
     },
     inverse: {
       value: {
         base: "{colors.dark.100}",
         _light: "{colors.dark.100}",
-        _dark: "{colors.white}"
+        _dark: "{colors.white}",
+        _enterprise: "{colors.dark.100}"
       }
     },
     shadow: {
       value: {
-        base: "rgba(29, 31, 36, 0.16)",
+        base: "#1D1F2429",
         // Doesn't have raw token
-        _light: "rgba(29, 31, 36, 0.16)",
+        _light: "#1D1F2429",
         // Doesn't have raw token
-        _dark: "rgba(22, 26, 29, 1)"
+        _dark: "{colors.dark}",
+        _enterprise: "#1D1F2429"
         // Doesn't have raw token
       }
     },
@@ -7224,21 +7339,32 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.white}",
           _light: "{colors.white}",
-          _dark: "{colors.dark.200}"
+          _dark: "{colors.dark.200}",
+          _enterprise: "{colors.white}"
         }
       },
       hovered: {
         value: {
           base: "{colors.neutral.100}",
           _light: "{colors.neutral.100}",
-          _dark: "{colors.dark.250}"
+          _dark: "{colors.dark.250}",
+          _enterprise: "{colors.slate.100}"
         }
       },
       pressed: {
         value: {
           base: "{colors.neutral.200}",
           _light: "{colors.neutral.200}",
-          _dark: "{colors.dark.300}"
+          _dark: "{colors.dark.300}",
+          _enterprise: "{colors.slate.200}"
+        }
+      },
+      selected: {
+        value: {
+          base: "{colors.neutral.100}",
+          _light: "{colors.neutral.100}",
+          _dark: "{colors.dark.250}",
+          _enterprise: "{colors.slate.100}"
         }
       },
       subtle: {
@@ -7246,21 +7372,32 @@ var colors3 = defineSemanticTokens.colors({
           value: {
             base: "{colors.neutral.200}",
             _light: "{colors.neutral.200}",
-            _dark: "{colors.dark.300}"
+            _dark: "{colors.dark.300}",
+            _enterprise: "{colors.slate.100}"
           }
         },
         hovered: {
           value: {
             base: "{colors.neutral.300}",
             _light: "{colors.neutral.300}",
-            _dark: "{colors.dark.350}"
+            _dark: "{colors.dark.350}",
+            _enterprise: "{colors.slate.200}"
           }
         },
         pressed: {
           value: {
             base: "{colors.neutral.400}",
             _light: "{colors.neutral.400}",
-            _dark: "{colors.dark.400}"
+            _dark: "{colors.dark.400}",
+            _enterprise: "{colors.slate.300}"
+          }
+        },
+        selected: {
+          value: {
+            base: "{colors.neutral.300}",
+            _light: "{colors.neutral.300}",
+            _dark: "{colors.dark.350}",
+            _enterprise: "{colors.slate.200}"
           }
         }
       },
@@ -7269,21 +7406,32 @@ var colors3 = defineSemanticTokens.colors({
           value: {
             base: "{colors.neutral.800}",
             _light: "{colors.neutral.800}",
-            _dark: "{colors.dark.800}"
+            _dark: "{colors.dark.800}",
+            _enterprise: "{colors.slate.800}"
           }
         },
         hovered: {
           value: {
             base: "{colors.neutral.900}",
             _light: "{colors.neutral.900}",
-            _dark: "{colors.dark.900}"
+            _dark: "{colors.dark.900}",
+            _enterprise: "{colors.slate.900}"
           }
         },
         pressed: {
           value: {
             base: "{colors.neutral.1000}",
             _light: "{colors.neutral.1000}",
-            _dark: "{colors.dark.1000}"
+            _dark: "{colors.dark.1000}",
+            _enterprise: "{colors.slate.1000}"
+          }
+        },
+        selected: {
+          value: {
+            base: "{colors.neutral.900}",
+            _light: "{colors.neutral.900}",
+            _dark: "{colors.dark.900}",
+            _enterprise: "{colors.slate.900}"
           }
         }
       }
@@ -7293,28 +7441,32 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.indigo.100}",
           _light: "{colors.indigo.100}",
-          _dark: "{colors.indigo.1000}"
+          _dark: "{colors.indigo.1000}",
+          _enterprise: "{colors.emerald.100}"
         }
       },
       hovered: {
         value: {
           base: "{colors.indigo.200}",
           _light: "{colors.indigo.200}",
-          _dark: "{colors.indigo.900}"
+          _dark: "{colors.indigo.900}",
+          _enterprise: "{colors.emerald.200}"
         }
       },
       pressed: {
         value: {
           base: "{colors.indigo.300}",
           _light: "{colors.indigo.300}",
-          _dark: "{colors.indigo.800}"
+          _dark: "{colors.indigo.800}",
+          _enterprise: "{colors.emerald.300}"
         }
       },
       selected: {
         value: {
           base: "{colors.indigo.200}",
           _light: "{colors.indigo.200}",
-          _dark: "{colors.indigo.900}"
+          _dark: "{colors.indigo.900}",
+          _enterprise: "{colors.emerald.200}"
         }
       },
       bold: {
@@ -7322,28 +7474,42 @@ var colors3 = defineSemanticTokens.colors({
           value: {
             base: "{colors.indigo.700}",
             _light: "{colors.indigo.700}",
-            _dark: "{colors.indigo.400}"
+            _dark: "{colors.indigo.400}",
+            _enterprise: "{colors.emerald.700}"
           }
         },
         hovered: {
           value: {
             base: "{colors.indigo.800}",
             _light: "{colors.indigo.800}",
-            _dark: "{colors.indigo.300}"
+            _dark: "{colors.indigo.300}",
+            _enterprise: "{colors.emerald.800}"
           }
         },
         pressed: {
           value: {
             base: "{colors.indigo.900}",
             _light: "{colors.indigo.900}",
-            _dark: "{colors.indigo.200}"
+            _dark: "{colors.indigo.200}",
+            _enterprise: "{colors.emerald.900}"
           }
         },
         selected: {
-          value: {
-            base: "{colors.indigo.700}",
-            _light: "{colors.indigo.700}",
-            _dark: "{colors.indigo.400}"
+          DEFAULT: {
+            value: {
+              base: "{colors.indigo.800}",
+              _light: "{colors.indigo.800}",
+              _dark: "{colors.indigo.300}",
+              _enterprise: "{colors.emerald.800}"
+            }
+          },
+          disabled: {
+            value: {
+              base: "{colors.indigo.200}",
+              _light: "{colors.indigo.200}",
+              _dark: "{colors.indigo.900}",
+              _enterprise: "{colors.emerald.200}"
+            }
           }
         }
       }
@@ -7353,21 +7519,24 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.dark.200}",
           _light: "{colors.dark.200}",
-          _dark: "{colors.dark.200}"
+          _dark: "{colors.dark.200}",
+          _enterprise: "{colors.dark.250}"
         }
       },
       hovered: {
         value: {
           base: "{colors.dark.300}",
           _light: "{colors.dark.300}",
-          _dark: "{colors.dark.300}"
+          _dark: "{colors.dark.300}",
+          _enterprise: "{colors.dark.300}"
         }
       },
       pressed: {
         value: {
           base: "{colors.dark.400}",
           _light: "{colors.dark.400}",
-          _dark: "{colors.dark.400}"
+          _dark: "{colors.dark.400}",
+          _enterprise: "{colors.dark.400}"
         }
       }
     },
@@ -7376,21 +7545,32 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.red.100}",
           _light: "{colors.red.100}",
-          _dark: "{colors.red.1000}"
+          _dark: "{colors.red.1000}",
+          _enterprise: "{colors.red.100}"
         }
       },
       hovered: {
         value: {
           base: "{colors.red.200}",
           _light: "{colors.red.200}",
-          _dark: "{colors.red.900}"
+          _dark: "{colors.red.900}",
+          _enterprise: "{colors.red.200}"
         }
       },
       pressed: {
         value: {
           base: "{colors.red.300}",
           _light: "{colors.red.300}",
-          _dark: "{colors.red.800}"
+          _dark: "{colors.red.800}",
+          _enterprise: "{colors.red.300}"
+        }
+      },
+      selected: {
+        value: {
+          base: "{colors.red.200}",
+          _light: "{colors.red.200}",
+          _dark: "{colors.red.900}",
+          _enterprise: "{colors.red.200}"
         }
       },
       bold: {
@@ -7398,21 +7578,32 @@ var colors3 = defineSemanticTokens.colors({
           value: {
             base: "{colors.red.700}",
             _light: "{colors.red.700}",
-            _dark: "{colors.red.400}"
+            _dark: "{colors.red.400}",
+            _enterprise: "{colors.red.700}"
           }
         },
         hovered: {
           value: {
             base: "{colors.red.800}",
             _light: "{colors.red.800}",
-            _dark: "{colors.red.300}"
+            _dark: "{colors.red.300}",
+            _enterprise: "{colors.red.800}"
           }
         },
         pressed: {
           value: {
             base: "{colors.red.900}",
             _light: "{colors.red.900}",
-            _dark: "{colors.red.200}"
+            _dark: "{colors.red.200}",
+            _enterprise: "{colors.red.900}"
+          }
+        },
+        selected: {
+          value: {
+            base: "{colors.red.800}",
+            _light: "{colors.red.800}",
+            _dark: "{colors.red.300}",
+            _enterprise: "{colors.red.800}"
           }
         }
       }
@@ -7422,21 +7613,32 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.yellow.100}",
           _light: "{colors.yellow.100}",
-          _dark: "{colors.yellow.1000}"
+          _dark: "{colors.yellow.1000}",
+          _enterprise: "{colors.yellow.100}"
         }
       },
       hovered: {
         value: {
           base: "{colors.yellow.200}",
           _light: "{colors.yellow.200}",
-          _dark: "{colors.yellow.900}"
+          _dark: "{colors.yellow.900}",
+          _enterprise: "{colors.yellow.200}"
         }
       },
       pressed: {
         value: {
           base: "{colors.yellow.300}",
           _light: "{colors.yellow.300}",
-          _dark: "{colors.yellow.800}"
+          _dark: "{colors.yellow.800}",
+          _enterprise: "{colors.yellow.300}"
+        }
+      },
+      selected: {
+        value: {
+          base: "{colors.yellow.200}",
+          _light: "{colors.yellow.200}",
+          _dark: "{colors.yellow.900}",
+          _enterprise: "{colors.yellow.200}"
         }
       },
       bold: {
@@ -7444,21 +7646,32 @@ var colors3 = defineSemanticTokens.colors({
           value: {
             base: "{colors.yellow.300}",
             _light: "{colors.yellow.300}",
-            _dark: "{colors.yellow.300}"
+            _dark: "{colors.yellow.300}",
+            _enterprise: "{colors.yellow.300}"
           }
         },
         hovered: {
           value: {
             base: "{colors.yellow.400}",
             _light: "{colors.yellow.400}",
-            _dark: "{colors.yellow.400}"
+            _dark: "{colors.yellow.400}",
+            _enterprise: "{colors.yellow.400}"
           }
         },
         pressed: {
           value: {
             base: "{colors.yellow.500}",
             _light: "{colors.yellow.500}",
-            _dark: "{colors.yellow.500}"
+            _dark: "{colors.yellow.500}",
+            _enterprise: "{colors.yellow.500}"
+          }
+        },
+        selected: {
+          value: {
+            base: "{colors.yellow.400}",
+            _light: "{colors.yellow.400}",
+            _dark: "{colors.yellow.400}",
+            _enterprise: "{colors.yellow.400}"
           }
         }
       }
@@ -7468,21 +7681,32 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.green.100}",
           _light: "{colors.green.100}",
-          _dark: "{colors.green.1000}"
+          _dark: "{colors.green.1000}",
+          _enterprise: "{colors.green.100}"
         }
       },
       hovered: {
         value: {
           base: "{colors.green.200}",
           _light: "{colors.green.200}",
-          _dark: "{colors.green.900}"
+          _dark: "{colors.green.900}",
+          _enterprise: "{colors.green.200}"
         }
       },
       pressed: {
         value: {
           base: "{colors.green.300}",
           _light: "{colors.green.300}",
-          _dark: "{colors.green.800}"
+          _dark: "{colors.green.800}",
+          _enterprise: "{colors.green.300}"
+        }
+      },
+      selected: {
+        value: {
+          base: "{colors.green.200}",
+          _light: "{colors.green.200}",
+          _dark: "{colors.green.900}",
+          _enterprise: "{colors.green.200}"
         }
       },
       bold: {
@@ -7490,21 +7714,32 @@ var colors3 = defineSemanticTokens.colors({
           value: {
             base: "{colors.green.700}",
             _light: "{colors.green.700}",
-            _dark: "{colors.green.400}"
+            _dark: "{colors.green.400}",
+            _enterprise: "{colors.green.700}"
           }
         },
         hovered: {
           value: {
             base: "{colors.green.800}",
             _light: "{colors.green.800}",
-            _dark: "{colors.green.300}"
+            _dark: "{colors.green.300}",
+            _enterprise: "{colors.green.800}"
           }
         },
         pressed: {
           value: {
             base: "{colors.green.900}",
             _light: "{colors.green.900}",
-            _dark: "{colors.green.200}"
+            _dark: "{colors.green.200}",
+            _enterprise: "{colors.green.900}"
+          }
+        },
+        selected: {
+          value: {
+            base: "{colors.green.800}",
+            _light: "{colors.green.800}",
+            _dark: "{colors.green.400}",
+            _enterprise: "{colors.green.800}"
           }
         }
       }
@@ -7514,21 +7749,32 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.violet.100}",
           _light: "{colors.violet.100}",
-          _dark: "{colors.violet.1000}"
+          _dark: "{colors.violet.1000}",
+          _enterprise: "{colors.violet.100}"
         }
       },
       hovered: {
         value: {
           base: "{colors.violet.200}",
           _light: "{colors.violet.200}",
-          _dark: "{colors.violet.900}"
+          _dark: "{colors.violet.900}",
+          _enterprise: "{colors.violet.200}"
         }
       },
       pressed: {
         value: {
           base: "{colors.violet.300}",
           _light: "{colors.violet.300}",
-          _dark: "{colors.violet.800}"
+          _dark: "{colors.violet.800}",
+          _enterprise: "{colors.violet.300}"
+        }
+      },
+      selected: {
+        value: {
+          base: "{colors.violet.200}",
+          _light: "{colors.violet.200}",
+          _dark: "{colors.violet.900}",
+          _enterprise: "{colors.violet.200}"
         }
       },
       bold: {
@@ -7536,21 +7782,93 @@ var colors3 = defineSemanticTokens.colors({
           value: {
             base: "{colors.violet.700}",
             _light: "{colors.violet.700}",
-            _dark: "{colors.violet.400}"
+            _dark: "{colors.violet.400}",
+            _enterprise: "{colors.violet.700}"
           }
         },
         hovered: {
           value: {
             base: "{colors.violet.800}",
             _light: "{colors.violet.800}",
-            _dark: "{colors.violet.300}"
+            _dark: "{colors.violet.300}",
+            _enterprise: "{colors.violet.800}"
           }
         },
         pressed: {
           value: {
             base: "{colors.violet.900}",
             _light: "{colors.violet.900}",
-            _dark: "{colors.violet.200}"
+            _dark: "{colors.violet.200}",
+            _enterprise: "{colors.violet.900}"
+          }
+        },
+        selected: {
+          value: {
+            base: "{colors.violet.800}",
+            _light: "{colors.violet.800}",
+            _dark: "{colors.violet.300}",
+            _enterprise: "{colors.violet.800}"
+          }
+        }
+      }
+    },
+    nav: {
+      parent: {
+        value: {
+          base: "#E7EDF5",
+          // Doesn't have raw token
+          _light: "#E7EDF5",
+          // Doesn't have raw token
+          _dark: "{colors.dark.100}",
+          _enterprise: "{colors.emerald.1000}"
+        }
+      },
+      stack: {
+        DEFAULT: {
+          value: {
+            base: "{colors.neutral.100}",
+            _light: "{colors.neutral.100}",
+            _dark: "{colors.dark}",
+            _enterprise: "{colors.neutral.100}"
+          }
+        },
+        hovered: {
+          value: {
+            base: "#E7EDF5",
+            // Doesn't have raw token
+            _light: "#E7EDF5",
+            // Doesn't have raw token
+            _dark: "{colors.dark.100}",
+            _enterprise: "{colors.emerald.200}"
+          }
+        }
+      }
+    },
+    header: {
+      DEFAULT: {
+        value: {
+          base: "{colors.white}",
+          _light: "{colors.white}",
+          _dark: "{colors.dark.100}",
+          _enterprise: "{colors.emerald.1000}"
+        }
+      },
+      menu: {
+        hovered: {
+          value: {
+            base: "{colors.transparent}",
+            _light: "{colors.transparent}",
+            _dark: "{colors.transparent}",
+            _enterprise: "#265C5880"
+            // Doesn't have raw token
+          }
+        },
+        selected: {
+          value: {
+            base: "{colors.transparent}",
+            _light: "{colors.transparent}",
+            _dark: "{colors.transparent}",
+            _enterprise: "{colors.lime.300}"
           }
         }
       }
@@ -7558,14 +7876,17 @@ var colors3 = defineSemanticTokens.colors({
     airene: {
       value: {
         base: "radial-gradient(108.28% 139.29% at 0% 0%, #EEF0FC 0%, #F3F1FC 100%)",
-        // Doens't have raw token
+        // Doesn't have raw token
         _light: "radial-gradient(108.28% 139.29% at 0% 0%, #EEF0FC 0%, #F3F1FC 100%)",
         // Doesn't have raw token
-        _dark: "radial-gradient(108.28% 139.29% at 0% 0%, #1D2656 0%, #2B2549 100%)"
+        _dark: "radial-gradient(108.28% 139.29% at 0% 0%, #1D2656 0%, #2B2549 100%)",
+        // Doesn't have raw token
+        _enterprise: "radial-gradient(108.28% 139.29% at 0% 0%, #EEF0FC 0%, #F3F1FC 100%)"
         // Doesn't have raw token
       }
     }
   },
+  // NAVIGATION SEMANTIC TOKENS (REMOVE AFTER NAV IN BACKGROUND IS UPDATED)
   nav: {
     parent: {
       value: {
@@ -7573,7 +7894,8 @@ var colors3 = defineSemanticTokens.colors({
         // Doesn't have raw token
         _light: "#E7EDF5",
         // Doesn't have raw token
-        _dark: "{colors.dark.100}"
+        _dark: "{colors.dark.100}",
+        _enterprise: "{colors.emerald.1000}"
       }
     },
     stack: {
@@ -7581,7 +7903,8 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.neutral.100}",
           _light: "{colors.neutral.100}",
-          _dark: "{colors.dark}"
+          _dark: "{colors.dark}",
+          _enterprise: "{colors.neutral.100}"
         }
       },
       hovered: {
@@ -7590,25 +7913,29 @@ var colors3 = defineSemanticTokens.colors({
           // Doesn't have raw token
           _light: "#E7EDF5",
           // Doesn't have raw token
-          _dark: "{colors.dark.100}"
+          _dark: "{colors.dark.100}",
+          _enterprise: "{colors.emerald.200}"
         }
       }
     }
   },
+  // TEXT SEMANTIC TOKENS
   text: {
     default: {
       DEFAULT: {
         value: {
           base: "{colors.neutral.1000}",
           _light: "{colors.neutral.1000}",
-          _dark: "{colors.dark.900}"
+          _dark: "{colors.dark.900}",
+          _enterprise: "{colors.slate.1000}"
         }
       },
       static: {
         value: {
           base: "{colors.neutral.1000}",
           _light: "{colors.neutral.1000}",
-          _dark: "{colors.neutral.1000}"
+          _dark: "{colors.neutral.1000}",
+          _enterprise: "{colors.dark.100}"
         }
       }
     },
@@ -7617,14 +7944,16 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.neutral.700}",
           _light: "{colors.neutral.700}",
-          _dark: "{colors.dark.700}"
+          _dark: "{colors.dark.700}",
+          _enterprise: "{colors.slate.700}"
         }
       },
       pressed: {
         value: {
           base: "{colors.neutral.800}",
           _light: "{colors.neutral.800}",
-          _dark: "{colors.dark.800}"
+          _dark: "{colors.dark.800}",
+          _enterprise: "{colors.slate.800}"
         }
       }
     },
@@ -7632,17 +7961,16 @@ var colors3 = defineSemanticTokens.colors({
       value: {
         base: "{colors.neutral.600}",
         _light: "{colors.neutral.600}",
-        _dark: "{colors.dark.600}"
+        _dark: "{colors.dark.600}",
+        _enterprise: "{colors.slate.500}"
       }
     },
     disabled: {
       value: {
-        base: "rgba(29, 31, 36, 0.32)",
-        // Doesn't have raw token
-        _light: "rgba(29, 31, 36, 0.32)",
-        // Doesn't have raw token
-        _dark: "rgba(191, 219, 248, 0.28)"
-        // Doesn't have raw token
+        base: "{colors.neutral.400a}",
+        _light: "{colors.neutral.400a}",
+        _dark: "{colors.dark.400a}",
+        _enterprise: "{colors.slate.400}"
       }
     },
     inverse: {
@@ -7650,14 +7978,16 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.white}",
           _light: "{colors.white}",
-          _dark: "{colors.dark.100}"
+          _dark: "{colors.dark.100}",
+          _enterprise: "{colors.white}"
         }
       },
       static: {
         value: {
           base: "{colors.white}",
           _light: "{colors.white}",
-          _dark: "{colors.white}"
+          _dark: "{colors.white}",
+          _enterprise: "{colors.white}"
         }
       }
     },
@@ -7665,7 +7995,8 @@ var colors3 = defineSemanticTokens.colors({
       value: {
         base: "{colors.indigo.700}",
         _light: "{colors.indigo.700}",
-        _dark: "{colors.indigo.400}"
+        _dark: "{colors.indigo.400}",
+        _enterprise: "{colors.emerald.800}"
       }
     },
     danger: {
@@ -7673,14 +8004,16 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.red.800}",
           _light: "{colors.red.800}",
-          _dark: "{colors.red.300}"
+          _dark: "{colors.red.300}",
+          _enterprise: "{colors.red.800}"
         }
       },
       pressed: {
         value: {
           base: "{colors.red.900}",
           _light: "{colors.red.900}",
-          _dark: "{colors.red.200}"
+          _dark: "{colors.red.200}",
+          _enterprise: "{colors.red.900}"
         }
       }
     },
@@ -7689,14 +8022,16 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.orange.800}",
           _light: "{colors.orange.800}",
-          _dark: "{colors.yellow.300}"
+          _dark: "{colors.yellow.300}",
+          _enterprise: "{colors.orange.800}"
         }
       },
       inverse: {
         value: {
           base: "{colors.neutral.1000}",
           _light: "{colors.neutral.1000}",
-          _dark: "{colors.neutral.1000}"
+          _dark: "{colors.neutral.1000}",
+          _enterprise: "{colors.slate.1000}"
         }
       }
     },
@@ -7704,21 +8039,24 @@ var colors3 = defineSemanticTokens.colors({
       value: {
         base: "{colors.green.800}",
         _light: "{colors.green.800}",
-        _dark: "{colors.green.300}"
+        _dark: "{colors.green.300}",
+        _enterprise: "{colors.emerald.800}"
       }
     },
     highlight: {
       value: {
         base: "{colors.violet.800}",
         _light: "{colors.violet.800}",
-        _dark: "{colors.violet.300}"
+        _dark: "{colors.violet.300}",
+        _enterprise: "{colors.violet.800}"
       }
     },
     information: {
       value: {
         base: "{colors.indigo.800}",
         _light: "{colors.indigo.800}",
-        _dark: "{colors.indigo.300}"
+        _dark: "{colors.indigo.300}",
+        _enterprise: "{colors.indigo.700}"
       }
     },
     link: {
@@ -7726,31 +8064,38 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.indigo.700}",
           _light: "{colors.indigo.700}",
-          _dark: "{colors.indigo.400}"
+          _dark: "{colors.indigo.400}",
+          _enterprise: "#165082"
+          // Doesn't have raw token
         }
       },
       pressed: {
         value: {
           base: "{colors.indigo.800}",
           _light: "{colors.indigo.800}",
-          _dark: "{colors.indigo.300}"
+          _dark: "{colors.indigo.300}",
+          _enterprise: "#0D4372"
+          // Doesn't have raw token
         }
       }
     }
   },
+  // ICON SEMANTIC TOKENS
   icon: {
     default: {
       value: {
         base: "{colors.neutral.600}",
         _light: "{colors.neutral.600}",
-        _dark: "{colors.dark.600}"
+        _dark: "{colors.dark.600}",
+        _enterprise: "{colors.slate.600}"
       }
     },
     disabled: {
       value: {
         base: "{colors.neutral.400}",
         _light: "{colors.neutral.400}",
-        _dark: "{colors.dark.400}"
+        _dark: "{colors.dark.400}",
+        _enterprise: "{colors.neutral.400}"
       }
     },
     inverse: {
@@ -7758,14 +8103,16 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.white}",
           _light: "{colors.white}",
-          _dark: "{colors.dark.100}"
+          _dark: "{colors.dark.100}",
+          _enterprise: "{colors.emerald.100}"
         }
       },
       static: {
         value: {
           base: "{colors.white}",
           _light: "{colors.white}",
-          _dark: "{colors.white}"
+          _dark: "{colors.white}",
+          _enterprise: "{colors.white}"
         }
       }
     },
@@ -7773,21 +8120,24 @@ var colors3 = defineSemanticTokens.colors({
       value: {
         base: "{colors.indigo.700}",
         _light: "{colors.indigo.700}",
-        _dark: "{colors.indigo.400}"
+        _dark: "{colors.indigo.400}",
+        _enterprise: "{colors.emerald.700}"
       }
     },
     brand: {
       value: {
         base: "{colors.indigo.700}",
         _light: "{colors.indigo.700}",
-        _dark: "{colors.indigo.400}"
+        _dark: "{colors.indigo.400}",
+        _enterprise: "{colors.emerald.700}"
       }
     },
     danger: {
       value: {
         base: "{colors.red.700}",
         _light: "{colors.red.700}",
-        _dark: "{colors.red.400}"
+        _dark: "{colors.red.400}",
+        _enterprise: "{colors.red.700}"
       }
     },
     warning: {
@@ -7795,14 +8145,16 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.orange.700}",
           _light: "{colors.orange.700}",
-          _dark: "{colors.yellow.300}"
+          _dark: "{colors.yellow.300}",
+          _enterprise: "{colors.orange.700}"
         }
       },
       inverse: {
         value: {
           base: "{colors.neutral.1000}",
           _light: "{colors.neutral.1000}",
-          _dark: "{colors.dark.100}"
+          _dark: "{colors.dark.100}",
+          _enterprise: "{colors.slate.1000}"
         }
       }
     },
@@ -7810,85 +8162,104 @@ var colors3 = defineSemanticTokens.colors({
       value: {
         base: "{colors.green.700}",
         _light: "{colors.green.700}",
-        _dark: "{colors.green.400}"
+        _dark: "{colors.green.400}",
+        _enterprise: "{colors.emerald.600}"
       }
     },
     highlight: {
       value: {
         base: "{colors.violet.700}",
         _light: "{colors.violet.700}",
-        _dark: "{colors.violet.400}"
+        _dark: "{colors.violet.400}",
+        _enterprise: "{colors.orange.700}"
       }
     },
     information: {
       value: {
         base: "{colors.indigo.700}",
         _light: "{colors.indigo.700}",
-        _dark: "{colors.indigo.400}"
+        _dark: "{colors.indigo.400}",
+        _enterprise: "{colors.indigo.600}"
       }
     },
     subtle: {
       value: {
         base: "{colors.neutral.300}",
         _light: "{colors.neutral.300}",
-        _dark: "{colors.dark.300}"
+        _dark: "{colors.dark.300}",
+        _enterprise: "{colors.slate.300}"
       }
     },
     logo: {
       value: {
-        base: "{colors.neutral.1000}",
-        _light: "{colors.neutral.1000}",
-        _dark: "{colors.neutral.100}"
+        base: "#000000",
+        // Doesn't have raw token
+        _light: "#000000",
+        // Doesn't have raw token
+        _dark: "{colors.white}",
+        _enterprise: "#000000"
+        // Doesn't have raw token
       }
     }
   },
+  // BORDER SEMANTIC TOKENS
   border: {
     default: {
-      value: {
-        base: "{colors.neutral.300}",
-        _light: "{colors.neutral.300}",
-        _dark: "{colors.dark.300}"
+      DEFAULT: {
+        value: {
+          base: "{colors.neutral.300}",
+          _light: "{colors.neutral.300}",
+          _dark: "{colors.dark.300}",
+          _enterprise: "{colors.slate.300}"
+        }
+      },
+      subtle: {
+        value: {
+          base: "{colors.neutral.200}",
+          _light: "{colors.neutral.200}",
+          _dark: "{colors.dark.200}",
+          _enterprise: "{colors.slate.200}"
+        }
       }
     },
     bold: {
       value: {
         base: "{colors.neutral.600}",
         _light: "{colors.neutral.600}",
-        _dark: "{colors.dark.600}"
+        _dark: "{colors.dark.600}",
+        _enterprise: "{colors.slate.400}"
       }
     },
     disabled: {
       value: {
-        base: "rgba(29, 31, 36, 0.08)",
-        // Doens't have raw token
-        _light: "rgba(29, 31, 36, 0.08)",
-        // Doens't have raw token
-        _dark: "rgba(161, 189, 217, 0.08)"
-        // Doens't have raw token
+        base: "{colors.neutral.200a}",
+        _light: "{colors.neutral.200a}",
+        _dark: "{colors.dark.200a}",
+        _enterprise: "{colors.slate.200}"
       }
     },
     form: {
       value: {
-        base: "rgba(29, 31, 36, 0.16)",
-        // Doens't have raw token
-        _light: "rgba(29, 31, 36, 0.16)",
-        // Doens't have raw token
-        _dark: "rgba(166, 197, 226, 0.16)"
-        // Doens't have raw token
+        base: "{colors.neutral.300a}",
+        _light: "{colors.neutral.300a}",
+        _dark: "{colors.dark.300a}",
+        _enterprise: "{colors.slate.300a}"
       }
     },
     focused: {
       value: {
         base: "{colors.indigo.500}",
         _light: "{colors.indigo.500}",
-        _dark: "{colors.indigo.300}"
+        _dark: "{colors.indigo.300}",
+        _enterprise: "{colors.emerald.500}"
       }
     },
     inverse: {
       value: {
         base: "{colors.white}",
         _light: "{colors.white}",
-        _dark: "{colors.dark.100}"
+        _dark: "{colors.dark.100}",
+        _enterprise: "{colors.white}"
       }
     },
     selected: {
@@ -7896,21 +8267,24 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.indigo.700}",
           _light: "{colors.indigo.700}",
-          _dark: "{colors.indigo.400}"
+          _dark: "{colors.indigo.400}",
+          _enterprise: "{colors.emerald.700}"
         }
       },
       hovered: {
         value: {
           base: "{colors.indigo.800}",
           _light: "{colors.indigo.800}",
-          _dark: "{colors.indigo.300}"
+          _dark: "{colors.indigo.300}",
+          _enterprise: "{colors.emerald.800}"
         }
       },
       disabled: {
         value: {
           base: "{colors.indigo.200}",
           _light: "{colors.indigo.200}",
-          _dark: "{colors.indigo.900}"
+          _dark: "{colors.indigo.900}",
+          _enterprise: "{colors.emerald.200}"
         }
       }
     },
@@ -7918,59 +8292,68 @@ var colors3 = defineSemanticTokens.colors({
       value: {
         base: "{colors.indigo.700}",
         _light: "{colors.indigo.700}",
-        _dark: "{colors.indigo.400}"
+        _dark: "{colors.indigo.400}",
+        _enterprise: "{colors.emerald.800}"
       }
     },
     danger: {
       value: {
         base: "{colors.red.700}",
         _light: "{colors.red.700}",
-        _dark: "{colors.red.400}"
+        _dark: "{colors.red.400}",
+        _enterprise: "{colors.red.600}"
       }
     },
     warning: {
       value: {
         base: "{colors.yellow.300}",
         _light: "{colors.yellow.300}",
-        _dark: "{colors.yellow.300}"
+        _dark: "{colors.yellow.300}",
+        _enterprise: "{colors.yellow.300}"
       }
     },
     success: {
       value: {
         base: "{colors.green.700}",
         _light: "{colors.green.700}",
-        _dark: "{colors.green.400}"
+        _dark: "{colors.green.400}",
+        _enterprise: "{colors.emerald.700}"
       }
     },
     highlight: {
       value: {
         base: "{colors.violet.700}",
         _light: "{colors.violet.700}",
-        _dark: "{colors.violet.400}"
+        _dark: "{colors.violet.400}",
+        _enterprise: "{colors.orange.700}"
       }
     },
     information: {
       value: {
         base: "{colors.indigo.700}",
         _light: "{colors.indigo.700}",
-        _dark: "{colors.indigo.400}"
+        _dark: "{colors.indigo.400}",
+        _enterprise: "{colors.indigo.600}"
       }
     }
   },
+  // CHART SEMANTIC TOKENS
   chart: {
     cat01: {
       DEFAULT: {
         value: {
           base: "{colors.blue.400}",
           _light: "{colors.blue.400}",
-          _dark: "{colors.blue.300}"
+          _dark: "{colors.blue.300}",
+          _enterprise: "{colors.blue.400}"
         }
       },
       bold: {
         value: {
           base: "{colors.blue.600}",
           _light: "{colors.blue.600}",
-          _dark: "{colors.blue.500}"
+          _dark: "{colors.blue.500}",
+          _enterprise: "{colors.blue.600}"
         }
       }
     },
@@ -7979,14 +8362,16 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.teal.400}",
           _light: "{colors.teal.400}",
-          _dark: "{colors.teal.300}"
+          _dark: "{colors.teal.300}",
+          _enterprise: "{colors.teal.400}"
         }
       },
       bold: {
         value: {
           base: "{colors.teal.600}",
           _light: "{colors.teal.600}",
-          _dark: "{colors.teal.500}"
+          _dark: "{colors.teal.500}",
+          _enterprise: "{colors.teal.600}"
         }
       }
     },
@@ -7995,14 +8380,16 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.violet.400}",
           _light: "{colors.violet.400}",
-          _dark: "{colors.violet.300}"
+          _dark: "{colors.violet.300}",
+          _enterprise: "{colors.violet.400}"
         }
       },
       bold: {
         value: {
           base: "{colors.violet.600}",
           _light: "{colors.violet.600}",
-          _dark: "{colors.violet.500}"
+          _dark: "{colors.violet.500}",
+          _enterprise: "{colors.violet.600}"
         }
       }
     },
@@ -8011,14 +8398,16 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.orange.400}",
           _light: "{colors.orange.400}",
-          _dark: "{colors.orange.300}"
+          _dark: "{colors.orange.300}",
+          _enterprise: "{colors.orange.400}"
         }
       },
       bold: {
         value: {
           base: "{colors.orange.600}",
           _light: "{colors.orange.600}",
-          _dark: "{colors.orange.500}"
+          _dark: "{colors.orange.500}",
+          _enterprise: "{colors.orange.600}"
         }
       }
     },
@@ -8027,14 +8416,16 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.neutral.400}",
           _light: "{colors.neutral.400}",
-          _dark: "{colors.neutral.300}"
+          _dark: "{colors.neutral.300}",
+          _enterprise: "{colors.neutral.400}"
         }
       },
       bold: {
         value: {
           base: "{colors.neutral.600}",
           _light: "{colors.neutral.600}",
-          _dark: "{colors.neutral.500}"
+          _dark: "{colors.neutral.500}",
+          _enterprise: "{colors.slate.600}"
         }
       }
     },
@@ -8043,14 +8434,16 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.red.400}",
           _light: "{colors.red.400}",
-          _dark: "{colors.red.300}"
+          _dark: "{colors.red.300}",
+          _enterprise: "{colors.red.400}"
         }
       },
       bold: {
         value: {
           base: "{colors.red.600}",
           _light: "{colors.red.600}",
-          _dark: "{colors.red.500}"
+          _dark: "{colors.red.500}",
+          _enterprise: "{colors.red.600}"
         }
       }
     },
@@ -8059,14 +8452,16 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.lime.400}",
           _light: "{colors.lime.400}",
-          _dark: "{colors.lime.300}"
+          _dark: "{colors.lime.300}",
+          _enterprise: "{colors.lime.400}"
         }
       },
       bold: {
         value: {
           base: "{colors.lime.600}",
           _light: "{colors.lime.600}",
-          _dark: "{colors.lime.500}"
+          _dark: "{colors.lime.500}",
+          _enterprise: "{colors.lime.600}"
         }
       }
     },
@@ -8075,14 +8470,16 @@ var colors3 = defineSemanticTokens.colors({
         value: {
           base: "{colors.fuchsia.400}",
           _light: "{colors.fuchsia.400}",
-          _dark: "{colors.fuchsia.300}"
+          _dark: "{colors.fuchsia.300}",
+          _enterprise: "{colors.fuchsia.400}"
         }
       },
       bold: {
         value: {
           base: "{colors.fuchsia.600}",
           _light: "{colors.fuchsia.600}",
-          _dark: "{colors.fuchsia.500}"
+          _dark: "{colors.fuchsia.500}",
+          _enterprise: "{colors.fuchsia.600}"
         }
       }
     }