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

package/dist/index.js

@@ -58,7 +58,8 @@ var conditions = {
     placementRight: "&[data-placement=right]",
     nextTheme: "[data-panda-theme=next] &",
     light: ".light &",
-    dark: ".dark &"
+    dark: ".dark &",
+    enterprise: "[data-product-theme=enterprise] &"
   }
 };
 
@@ -2025,7 +2026,7 @@ var badgeRecipe = (0, import_dev14.defineRecipe)({
         backgroundColor: "sky.400",
         color: "white",
         _nextTheme: {
-          backgroundColor: "background.brand.bold",
+          backgroundColor: "background.information.bold",
           color: "text.inverse"
         }
       }
@@ -2086,7 +2087,7 @@ var badgeRecipe = (0, import_dev14.defineRecipe)({
         backgroundColor: "blue.50",
         color: "blue.700",
         _nextTheme: {
-          backgroundColor: "background.brand",
+          backgroundColor: "background.information",
           color: "text.information"
         }
       }
@@ -2146,7 +2147,7 @@ var badgeRecipe = (0, import_dev14.defineRecipe)({
       css: {
         backgroundColor: "sky.400",
         _nextTheme: {
-          backgroundColor: "icon.brand",
+          backgroundColor: "icon.information",
           color: "text.inverse"
         }
       }
@@ -5552,7 +5553,7 @@ var bannerSlotRecipe = (0, import_dev39.defineSlotRecipe)({
         root: {
           backgroundColor: "blue.50",
           _nextTheme: {
-            backgroundColor: "background.brand"
+            backgroundColor: "background.information"
           }
         }
       },
@@ -6575,6 +6576,7 @@ var import_dev51 = require("@pandacss/dev");
 var colors = import_dev51.defineTokens.colors({
   debug: { value: "blue" },
   currentcolor: { value: "currentcolor" },
+  transparent: { value: "transparent" },
   dark: { value: "#232933" },
   background: { value: "#F1F5F9" },
   overlay: { value: "rgba(22, 26, 32, 0.8)" },
@@ -6927,6 +6929,7 @@ var import_dev62 = require("@pandacss/dev");
 var colors2 = import_dev62.defineTokens.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: {
@@ -6950,7 +6953,14 @@ var colors2 = import_dev62.defineTokens.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" },
@@ -6962,7 +6972,29 @@ var colors2 = import_dev62.defineTokens.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" },
@@ -7073,7 +7105,7 @@ var colors2 = import_dev62.defineTokens.colors({
     1e3: { value: "#0B3524" }
   },
   teal: {
-    100: { value: "#F2F9F6" },
+    100: { value: "#EAF9F7" },
     200: { value: "#C4EDE9" },
     300: { value: "#92DED6" },
     400: { value: "#4FCABC" },
@@ -7084,6 +7116,18 @@ var colors2 = import_dev62.defineTokens.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" },
@@ -7193,55 +7237,87 @@ var import_dev67 = require("@pandacss/dev");
 var colors3 = import_dev67.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
       }
     },
@@ -7250,21 +7326,32 @@ var colors3 = import_dev67.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: {
@@ -7272,21 +7359,32 @@ var colors3 = import_dev67.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}"
           }
         }
       },
@@ -7295,21 +7393,32 @@ var colors3 = import_dev67.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}"
           }
         }
       }
@@ -7319,28 +7428,32 @@ var colors3 = import_dev67.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: {
@@ -7348,28 +7461,40 @@ var colors3 = import_dev67.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}"
           }
         }
       }
@@ -7379,21 +7504,24 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -7402,21 +7530,32 @@ var colors3 = import_dev67.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: {
@@ -7424,21 +7563,32 @@ var colors3 = import_dev67.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}"
           }
         }
       }
@@ -7448,21 +7598,32 @@ var colors3 = import_dev67.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: {
@@ -7470,21 +7631,32 @@ var colors3 = import_dev67.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}"
           }
         }
       }
@@ -7494,21 +7666,32 @@ var colors3 = import_dev67.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: {
@@ -7516,21 +7699,32 @@ var colors3 = import_dev67.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}"
           }
         }
       }
@@ -7540,21 +7734,32 @@ var colors3 = import_dev67.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: {
@@ -7562,21 +7767,61 @@ var colors3 = import_dev67.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}"
           }
         }
       }
@@ -7584,10 +7829,12 @@ var colors3 = import_dev67.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
       }
     }
@@ -7599,7 +7846,8 @@ var colors3 = import_dev67.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: {
@@ -7607,7 +7855,8 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
         value: {
           base: "{colors.neutral.100}",
           _light: "{colors.neutral.100}",
-          _dark: "{colors.dark}"
+          _dark: "{colors.dark}",
+          _enterprise: "{colors.neutral.100}"
         }
       },
       hovered: {
@@ -7616,7 +7865,8 @@ var colors3 = import_dev67.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}"
         }
       }
     }
@@ -7627,14 +7877,16 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -7643,14 +7895,16 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -7658,17 +7912,16 @@ var colors3 = import_dev67.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: {
@@ -7676,14 +7929,16 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -7691,7 +7946,8 @@ var colors3 = import_dev67.defineSemanticTokens.colors({
       value: {
         base: "{colors.indigo.700}",
         _light: "{colors.indigo.700}",
-        _dark: "{colors.indigo.400}"
+        _dark: "{colors.indigo.400}",
+        _enterprise: "{colors.emerald.700}"
       }
     },
     danger: {
@@ -7699,14 +7955,16 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -7715,14 +7973,16 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -7730,21 +7990,24 @@ var colors3 = import_dev67.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: {
@@ -7752,14 +8015,16 @@ var colors3 = import_dev67.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}"
         }
       }
     }
@@ -7769,14 +8034,16 @@ var colors3 = import_dev67.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: {
@@ -7784,14 +8051,16 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -7799,21 +8068,24 @@ var colors3 = import_dev67.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: {
@@ -7821,14 +8093,16 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -7836,35 +8110,40 @@ var colors3 = import_dev67.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}"
       }
     }
   },
@@ -7873,48 +8152,56 @@ var colors3 = import_dev67.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: {
@@ -7922,21 +8209,24 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -7944,42 +8234,48 @@ var colors3 = import_dev67.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}"
       }
     }
   },
@@ -7989,14 +8285,16 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -8005,14 +8303,16 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -8021,14 +8321,16 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -8037,14 +8339,16 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -8053,14 +8357,16 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -8069,14 +8375,16 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -8085,14 +8393,16 @@ var colors3 = import_dev67.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}"
         }
       }
     },
@@ -8101,14 +8411,16 @@ var colors3 = import_dev67.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}"
         }
       }
     }