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

package/dist/index.mjs

@@ -32,7 +32,8 @@ var conditions = {
     placementRight: "&[data-placement=right]",
     nextTheme: "[data-panda-theme=next] &",
     light: ".light &",
-    dark: ".dark &"
+    dark: ".dark &",
+    enterprise: "[data-product-theme=enterprise] &"
   }
 };
 
@@ -1999,7 +2000,7 @@ var badgeRecipe = defineRecipe6({
         backgroundColor: "sky.400",
         color: "white",
         _nextTheme: {
-          backgroundColor: "background.brand.bold",
+          backgroundColor: "background.information.bold",
           color: "text.inverse"
         }
       }
@@ -2060,7 +2061,7 @@ var badgeRecipe = defineRecipe6({
         backgroundColor: "blue.50",
         color: "blue.700",
         _nextTheme: {
-          backgroundColor: "background.brand",
+          backgroundColor: "background.information",
           color: "text.information"
         }
       }
@@ -2120,7 +2121,7 @@ var badgeRecipe = defineRecipe6({
       css: {
         backgroundColor: "sky.400",
         _nextTheme: {
-          backgroundColor: "icon.brand",
+          backgroundColor: "icon.information",
           color: "text.inverse"
         }
       }
@@ -5526,7 +5527,7 @@ var bannerSlotRecipe = defineSlotRecipe28({
         root: {
           backgroundColor: "blue.50",
           _nextTheme: {
-            backgroundColor: "background.brand"
+            backgroundColor: "background.information"
           }
         }
       },
@@ -6549,6 +6550,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)" },
@@ -6901,6 +6903,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 +6927,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 +6946,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 +7079,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 +7090,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" },
@@ -7167,55 +7211,87 @@ import { defineSemanticTokens } from "@pandacss/dev";
 var colors3 = defineSemanticTokens.colors({
   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
+        _light: "#232933CC",
         // Doesn't have raw token
-        _dark: "rgba(101, 127, 153, 0.8)"
+        _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 +7300,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.neutral.100}"
         }
       },
       subtle: {
@@ -7246,21 +7333,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.200}"
           }
         },
         hovered: {
           value: {
             base: "{colors.neutral.300}",
             _light: "{colors.neutral.300}",
-            _dark: "{colors.dark.350}"
+            _dark: "{colors.dark.350}",
+            _enterprise: "{colors.slate.300}"
           }
         },
         pressed: {
           value: {
             base: "{colors.neutral.400}",
             _light: "{colors.neutral.400}",
-            _dark: "{colors.dark.400}"
+            _dark: "{colors.dark.400}",
+            _enterprise: "{colors.slate.400}"
+          }
+        },
+        selected: {
+          value: {
+            base: "{colors.neutral.300}",
+            _light: "{colors.neutral.300}",
+            _dark: "{colors.dark.350}",
+            _enterprise: "{colors.slate.300}"
           }
         }
       },
@@ -7269,21 +7367,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.neutral.900}"
           }
         }
       }
@@ -7293,28 +7402,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 +7435,40 @@ 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}"
+            base: "{colors.indigo.800}",
+            _light: "{colors.indigo.800}",
+            _dark: "{colors.indigo.300}",
+            _enterprise: "{colors.emerald.800}"
+          }
+        },
+        selectedDisabled: {
+          value: {
+            base: "{colors.indigo.200}",
+            _light: "{colors.indigo.200}",
+            _dark: "{colors.indigo.900}",
+            _enterprise: "{colors.emerald.200}"
           }
         }
       }
@@ -7353,21 +7478,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.200}"
         }
       },
       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 +7504,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 +7537,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 +7572,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 +7605,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 +7640,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 +7673,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 +7708,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 +7741,61 @@ 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}"
+          }
+        }
+      }
+    },
+    header: {
+      DEFAULT: {
+        value: {
+          base: "{colors.white}",
+          _light: "{colors.white}",
+          _dark: "{colors.dark.100}",
+          _enterprise: "{colors.white}"
+        }
+      },
+      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,10 +7803,12 @@ 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
       }
     }
@@ -7573,7 +7820,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 +7829,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,7 +7839,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.200}"
         }
       }
     }
@@ -7601,14 +7851,16 @@ var colors3 = defineSemanticTokens.colors({
         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.slate.1000}"
         }
       }
     },
@@ -7617,14 +7869,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.neutral.800}"
         }
       }
     },
@@ -7632,17 +7886,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.600}"
       }
     },
     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 +7903,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 +7920,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.700}"
       }
     },
     danger: {
@@ -7673,14 +7929,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 +7947,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 +7964,24 @@ var colors3 = defineSemanticTokens.colors({
       value: {
         base: "{colors.green.800}",
         _light: "{colors.green.800}",
-        _dark: "{colors.green.300}"
+        _dark: "{colors.green.300}",
+        _enterprise: "{colors.green.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.emerald.800}"
       }
     },
     link: {
@@ -7726,14 +7989,16 @@ 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}"
         }
       },
       pressed: {
         value: {
           base: "{colors.indigo.800}",
           _light: "{colors.indigo.800}",
-          _dark: "{colors.indigo.300}"
+          _dark: "{colors.indigo.300}",
+          _enterprise: "{colors.emerald.800}"
         }
       }
     }
@@ -7743,14 +8008,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.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 +8025,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}"
         }
       }
     },
@@ -7773,21 +8042,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 +8067,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,35 +8084,40 @@ 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}"
       }
     },
     highlight: {
       value: {
         base: "{colors.violet.700}",
         _light: "{colors.violet.700}",
-        _dark: "{colors.violet.400}"
+        _dark: "{colors.violet.400}",
+        _enterprise: "{colors.violet.700}"
       }
     },
     information: {
       value: {
         base: "{colors.indigo.700}",
         _light: "{colors.indigo.700}",
-        _dark: "{colors.indigo.400}"
+        _dark: "{colors.indigo.400}",
+        _enterprise: "{colors.emerald.700}"
       }
     },
     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}"
+        _dark: "{colors.neutral.100}",
+        _enterprise: "{colors.slate.1000}"
       }
     }
   },
@@ -7847,48 +8126,56 @@ var colors3 = defineSemanticTokens.colors({
       value: {
         base: "{colors.neutral.300}",
         _light: "{colors.neutral.300}",
-        _dark: "{colors.dark.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.600}"
       }
     },
     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 +8183,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,42 +8208,48 @@ 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}"
       }
     },
     danger: {
       value: {
         base: "{colors.red.700}",
         _light: "{colors.red.700}",
-        _dark: "{colors.red.400}"
+        _dark: "{colors.red.400}",
+        _enterprise: "{colors.red.700}"
       }
     },
     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.green.700}"
       }
     },
     highlight: {
       value: {
         base: "{colors.violet.700}",
         _light: "{colors.violet.700}",
-        _dark: "{colors.violet.400}"
+        _dark: "{colors.violet.400}",
+        _enterprise: "{colors.violet.700}"
       }
     },
     information: {
       value: {
         base: "{colors.indigo.700}",
         _light: "{colors.indigo.700}",
-        _dark: "{colors.indigo.400}"
+        _dark: "{colors.indigo.400}",
+        _enterprise: "{colors.emerald.700}"
       }
     }
   },
@@ -7963,14 +8259,16 @@ var colors3 = defineSemanticTokens.colors({
         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 +8277,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 +8295,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 +8313,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 +8331,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 +8349,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 +8367,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 +8385,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}"
         }
       }
     }