@tempoxyz/ds 0.3.0 → 0.3.2

package/dist/web/zyzz.config.d.ts

@@ -46,6 +46,10 @@ export declare const style: Config.StyleFactory<Pick<{
         readonly accent: {
             readonly alpha: {
                 readonly regular: {
+                    readonly blue: {
+                        readonly '100': "rgb(68 113 237 / 0.08)";
+                        readonly '200': "rgb(116 152 251 / 0.16)";
+                    };
                     readonly green: {
                         readonly '100': "rgb(19 169 99 / 0.08)";
                         readonly '200': "rgb(89 229 164 / 0.16)";
@@ -60,6 +64,10 @@ export declare const style: Config.StyleFactory<Pick<{
                     };
                 };
                 readonly strong: {
+                    readonly blue: {
+                        readonly '100': "rgb(68 113 237 / 0.16)";
+                        readonly '200': "rgb(116 152 251 / 0.32)";
+                    };
                     readonly green: {
                         readonly '100': "rgb(19 169 99 / 0.16)";
                         readonly '200': "rgb(89 229 164 / 0.32)";
@@ -166,6 +174,15 @@ export declare const style: Config.StyleFactory<Pick<{
             };
         };
         readonly action: {
+            readonly danger: {
+                readonly fill: {
+                    readonly hover: "#eb3417";
+                    readonly rest: "#eb3417";
+                };
+                readonly label: {
+                    rest: Config.VariableReference<"color", "#fff">;
+                };
+            };
             readonly focusRing: {
                 dark: Config.VariableReference<"color", "#ffffff8f">;
                 light: Config.VariableReference<"color", "#0000008f">;
@@ -221,7 +238,7 @@ export declare const style: Config.StyleFactory<Pick<{
                 light: Config.VariableReference<"color", "#fff">;
             };
             readonly sidebar: {
-                readonly dark: Config.VariableReference<"color", "#000">;
+                readonly dark: Config.VariableReference<"color", "#0a0a0a">;
                 readonly light: "#fafafa";
             };
         };
@@ -314,6 +331,7 @@ export declare const style: Config.StyleFactory<Pick<{
             };
         };
         readonly container: {
+            readonly accent: Config.VariableReference<"color", "rgb(68 113 237 / 0.08)">;
             readonly negative: {
                 dark: Config.VariableReference<"color", "rgb(245 92 69 / 0.16)">;
                 light: Config.VariableReference<"color", "rgb(235 52 23 / 0.08)">;
@@ -323,13 +341,14 @@ export declare const style: Config.StyleFactory<Pick<{
                 light: Config.VariableReference<"color", "rgb(19 169 99 / 0.08)">;
             };
             readonly regular: {
-                dark: Config.VariableReference<"color", "#ffffff1f">;
+                dark: Config.VariableReference<"color", "#ffffff14">;
                 light: Config.VariableReference<"color", "#0000000a">;
             };
             readonly strong: {
                 dark: Config.VariableReference<"color", "#ffffff29">;
                 light: Config.VariableReference<"color", "#00000014">;
             };
+            readonly special: "rgb(126 89 228 / 0.08)";
             readonly subtle: {
                 dark: Config.VariableReference<"color", "#ffffff14">;
                 light: Config.VariableReference<"color", "#00000008">;
@@ -340,6 +359,7 @@ export declare const style: Config.StyleFactory<Pick<{
             };
         };
         readonly content: {
+            readonly accent: "#4471ed";
             readonly negative: Config.VariableReference<"color", "#eb3417" | "#f55c45">;
             readonly positive: Config.VariableReference<"color", "#13a963" | "#59e5a4">;
             readonly primary: {
@@ -347,15 +367,16 @@ export declare const style: Config.StyleFactory<Pick<{
                 light: Config.VariableReference<"color", "#000">;
             };
             readonly secondary: {
-                dark: Config.VariableReference<"color", "#ffffff8f">;
+                dark: Config.VariableReference<"color", "#ffffffa3">;
                 light: Config.VariableReference<"color", "#0000008f">;
             };
+            readonly special: "#7e59e4";
             readonly subtle: {
                 dark: Config.VariableReference<"color", "#ffffff33">;
                 light: Config.VariableReference<"color", "#00000033">;
             };
             readonly tertiary: {
-                dark: Config.VariableReference<"color", "#ffffff66">;
+                dark: Config.VariableReference<"color", "#ffffff85">;
                 light: Config.VariableReference<"color", "#00000066">;
             };
             readonly warning: Config.VariableReference<"color", "#e06f12" | "#fa8e36">;
@@ -367,7 +388,7 @@ export declare const style: Config.StyleFactory<Pick<{
                     light: Config.VariableReference<"color", "#000">;
                 };
                 secondary: {
-                    dark: Config.VariableReference<"color", "#141414">;
+                    dark: Config.VariableReference<"color", "#fff">;
                     light: Config.VariableReference<"color", "#141414">;
                 };
             };
@@ -393,6 +414,10 @@ export declare const style: Config.StyleFactory<Pick<{
                 dark: Config.VariableReference<"color", "#ffffff14">;
                 light: Config.VariableReference<"color", "#00000014">;
             };
+            readonly tertiary: {
+                dark: Config.VariableReference<"color", "#ffffff14">;
+                light: Config.VariableReference<"color", "#0000000a">;
+            };
         };
         readonly material: {
             readonly regular: {
@@ -477,6 +502,26 @@ export declare const style: Config.StyleFactory<Pick<{
                 readonly '080': "#ffffffcc";
             };
         };
+        readonly overlay: {
+            readonly action: {
+                readonly secondary: {
+                    readonly fill: {
+                        readonly hover: "#70707047";
+                    };
+                };
+                readonly tertiary: {
+                    fill: {
+                        hover: Config.VariableReference<"color", "#ffffff1f">;
+                    };
+                };
+            };
+            readonly container: {
+                readonly regular: "#70707052";
+            };
+            readonly content: {
+                primary: Config.VariableReference<"color", "#fff">;
+            };
+        };
         readonly scrim: {
             readonly regular: Config.VariableReference<"color", "#00000029">;
             readonly strong: Config.VariableReference<"color", "#00000052">;
@@ -550,7 +595,7 @@ export declare const style: Config.StyleFactory<Pick<{
         readonly '4': "inset 0 2px 4px rgb(0 0 0 / 0.05)";
     };
     readonly opacity: {
-        readonly disabled: 0.4;
+        readonly disabled: 0.32;
         readonly hover: 0.86;
     };
     readonly outlineOffset: {
@@ -850,6 +895,10 @@ export declare const style: Config.StyleFactory<Pick<{
                 readonly accent: {
                     readonly alpha: {
                         readonly regular: {
+                            readonly blue: {
+                                readonly '100': "rgb(68 113 237 / 0.08)";
+                                readonly '200': "rgb(116 152 251 / 0.16)";
+                            };
                             readonly green: {
                                 readonly '100': "rgb(19 169 99 / 0.08)";
                                 readonly '200': "rgb(89 229 164 / 0.16)";
@@ -864,6 +913,10 @@ export declare const style: Config.StyleFactory<Pick<{
                             };
                         };
                         readonly strong: {
+                            readonly blue: {
+                                readonly '100': "rgb(68 113 237 / 0.16)";
+                                readonly '200': "rgb(116 152 251 / 0.32)";
+                            };
                             readonly green: {
                                 readonly '100': "rgb(19 169 99 / 0.16)";
                                 readonly '200': "rgb(89 229 164 / 0.32)";
@@ -970,6 +1023,15 @@ export declare const style: Config.StyleFactory<Pick<{
                     };
                 };
                 readonly action: {
+                    readonly danger: {
+                        readonly fill: {
+                            readonly hover: "#eb3417";
+                            readonly rest: "#eb3417";
+                        };
+                        readonly label: {
+                            rest: Config.VariableReference<"color", "#fff">;
+                        };
+                    };
                     readonly focusRing: {
                         dark: Config.VariableReference<"color", "#ffffff8f">;
                         light: Config.VariableReference<"color", "#0000008f">;
@@ -1025,7 +1087,7 @@ export declare const style: Config.StyleFactory<Pick<{
                         light: Config.VariableReference<"color", "#fff">;
                     };
                     readonly sidebar: {
-                        readonly dark: Config.VariableReference<"color", "#000">;
+                        readonly dark: Config.VariableReference<"color", "#0a0a0a">;
                         readonly light: "#fafafa";
                     };
                 };
@@ -1118,6 +1180,7 @@ export declare const style: Config.StyleFactory<Pick<{
                     };
                 };
                 readonly container: {
+                    readonly accent: Config.VariableReference<"color", "rgb(68 113 237 / 0.08)">;
                     readonly negative: {
                         dark: Config.VariableReference<"color", "rgb(245 92 69 / 0.16)">;
                         light: Config.VariableReference<"color", "rgb(235 52 23 / 0.08)">;
@@ -1127,13 +1190,14 @@ export declare const style: Config.StyleFactory<Pick<{
                         light: Config.VariableReference<"color", "rgb(19 169 99 / 0.08)">;
                     };
                     readonly regular: {
-                        dark: Config.VariableReference<"color", "#ffffff1f">;
+                        dark: Config.VariableReference<"color", "#ffffff14">;
                         light: Config.VariableReference<"color", "#0000000a">;
                     };
                     readonly strong: {
                         dark: Config.VariableReference<"color", "#ffffff29">;
                         light: Config.VariableReference<"color", "#00000014">;
                     };
+                    readonly special: "rgb(126 89 228 / 0.08)";
                     readonly subtle: {
                         dark: Config.VariableReference<"color", "#ffffff14">;
                         light: Config.VariableReference<"color", "#00000008">;
@@ -1144,6 +1208,7 @@ export declare const style: Config.StyleFactory<Pick<{
                     };
                 };
                 readonly content: {
+                    readonly accent: "#4471ed";
                     readonly negative: Config.VariableReference<"color", "#eb3417" | "#f55c45">;
                     readonly positive: Config.VariableReference<"color", "#13a963" | "#59e5a4">;
                     readonly primary: {
@@ -1151,15 +1216,16 @@ export declare const style: Config.StyleFactory<Pick<{
                         light: Config.VariableReference<"color", "#000">;
                     };
                     readonly secondary: {
-                        dark: Config.VariableReference<"color", "#ffffff8f">;
+                        dark: Config.VariableReference<"color", "#ffffffa3">;
                         light: Config.VariableReference<"color", "#0000008f">;
                     };
+                    readonly special: "#7e59e4";
                     readonly subtle: {
                         dark: Config.VariableReference<"color", "#ffffff33">;
                         light: Config.VariableReference<"color", "#00000033">;
                     };
                     readonly tertiary: {
-                        dark: Config.VariableReference<"color", "#ffffff66">;
+                        dark: Config.VariableReference<"color", "#ffffff85">;
                         light: Config.VariableReference<"color", "#00000066">;
                     };
                     readonly warning: Config.VariableReference<"color", "#e06f12" | "#fa8e36">;
@@ -1171,7 +1237,7 @@ export declare const style: Config.StyleFactory<Pick<{
                             light: Config.VariableReference<"color", "#000">;
                         };
                         secondary: {
-                            dark: Config.VariableReference<"color", "#141414">;
+                            dark: Config.VariableReference<"color", "#fff">;
                             light: Config.VariableReference<"color", "#141414">;
                         };
                     };
@@ -1197,6 +1263,10 @@ export declare const style: Config.StyleFactory<Pick<{
                         dark: Config.VariableReference<"color", "#ffffff14">;
                         light: Config.VariableReference<"color", "#00000014">;
                     };
+                    readonly tertiary: {
+                        dark: Config.VariableReference<"color", "#ffffff14">;
+                        light: Config.VariableReference<"color", "#0000000a">;
+                    };
                 };
                 readonly material: {
                     readonly regular: {
@@ -1281,6 +1351,26 @@ export declare const style: Config.StyleFactory<Pick<{
                         readonly '080': "#ffffffcc";
                     };
                 };
+                readonly overlay: {
+                    readonly action: {
+                        readonly secondary: {
+                            readonly fill: {
+                                readonly hover: "#70707047";
+                            };
+                        };
+                        readonly tertiary: {
+                            fill: {
+                                hover: Config.VariableReference<"color", "#ffffff1f">;
+                            };
+                        };
+                    };
+                    readonly container: {
+                        readonly regular: "#70707052";
+                    };
+                    readonly content: {
+                        primary: Config.VariableReference<"color", "#fff">;
+                    };
+                };
                 readonly scrim: {
                     readonly regular: Config.VariableReference<"color", "#00000029">;
                     readonly strong: Config.VariableReference<"color", "#00000052">;
@@ -1354,7 +1444,7 @@ export declare const style: Config.StyleFactory<Pick<{
                 readonly '4': "inset 0 2px 4px rgb(0 0 0 / 0.05)";
             };
             readonly opacity: {
-                readonly disabled: 0.4;
+                readonly disabled: 0.32;
                 readonly hover: 0.86;
             };
             readonly outlineOffset: {
@@ -1659,6 +1749,10 @@ export declare const style: Config.StyleFactory<Pick<{
         readonly accent: {
             readonly alpha: {
                 readonly regular: {
+                    readonly blue: {
+                        readonly '100': "rgb(68 113 237 / 0.08)";
+                        readonly '200': "rgb(116 152 251 / 0.16)";
+                    };
                     readonly green: {
                         readonly '100': "rgb(19 169 99 / 0.08)";
                         readonly '200': "rgb(89 229 164 / 0.16)";
@@ -1673,6 +1767,10 @@ export declare const style: Config.StyleFactory<Pick<{
                     };
                 };
                 readonly strong: {
+                    readonly blue: {
+                        readonly '100': "rgb(68 113 237 / 0.16)";
+                        readonly '200': "rgb(116 152 251 / 0.32)";
+                    };
                     readonly green: {
                         readonly '100': "rgb(19 169 99 / 0.16)";
                         readonly '200': "rgb(89 229 164 / 0.32)";
@@ -1779,6 +1877,15 @@ export declare const style: Config.StyleFactory<Pick<{
             };
         };
         readonly action: {
+            readonly danger: {
+                readonly fill: {
+                    readonly hover: "#eb3417";
+                    readonly rest: "#eb3417";
+                };
+                readonly label: {
+                    rest: Config.VariableReference<"color", "#fff">;
+                };
+            };
             readonly focusRing: {
                 dark: Config.VariableReference<"color", "#ffffff8f">;
                 light: Config.VariableReference<"color", "#0000008f">;
@@ -1834,7 +1941,7 @@ export declare const style: Config.StyleFactory<Pick<{
                 light: Config.VariableReference<"color", "#fff">;
             };
             readonly sidebar: {
-                readonly dark: Config.VariableReference<"color", "#000">;
+                readonly dark: Config.VariableReference<"color", "#0a0a0a">;
                 readonly light: "#fafafa";
             };
         };
@@ -1927,6 +2034,7 @@ export declare const style: Config.StyleFactory<Pick<{
             };
         };
         readonly container: {
+            readonly accent: Config.VariableReference<"color", "rgb(68 113 237 / 0.08)">;
             readonly negative: {
                 dark: Config.VariableReference<"color", "rgb(245 92 69 / 0.16)">;
                 light: Config.VariableReference<"color", "rgb(235 52 23 / 0.08)">;
@@ -1936,13 +2044,14 @@ export declare const style: Config.StyleFactory<Pick<{
                 light: Config.VariableReference<"color", "rgb(19 169 99 / 0.08)">;
             };
             readonly regular: {
-                dark: Config.VariableReference<"color", "#ffffff1f">;
+                dark: Config.VariableReference<"color", "#ffffff14">;
                 light: Config.VariableReference<"color", "#0000000a">;
             };
             readonly strong: {
                 dark: Config.VariableReference<"color", "#ffffff29">;
                 light: Config.VariableReference<"color", "#00000014">;
             };
+            readonly special: "rgb(126 89 228 / 0.08)";
             readonly subtle: {
                 dark: Config.VariableReference<"color", "#ffffff14">;
                 light: Config.VariableReference<"color", "#00000008">;
@@ -1953,6 +2062,7 @@ export declare const style: Config.StyleFactory<Pick<{
             };
         };
         readonly content: {
+            readonly accent: "#4471ed";
             readonly negative: Config.VariableReference<"color", "#eb3417" | "#f55c45">;
             readonly positive: Config.VariableReference<"color", "#13a963" | "#59e5a4">;
             readonly primary: {
@@ -1960,15 +2070,16 @@ export declare const style: Config.StyleFactory<Pick<{
                 light: Config.VariableReference<"color", "#000">;
             };
             readonly secondary: {
-                dark: Config.VariableReference<"color", "#ffffff8f">;
+                dark: Config.VariableReference<"color", "#ffffffa3">;
                 light: Config.VariableReference<"color", "#0000008f">;
             };
+            readonly special: "#7e59e4";
             readonly subtle: {
                 dark: Config.VariableReference<"color", "#ffffff33">;
                 light: Config.VariableReference<"color", "#00000033">;
             };
             readonly tertiary: {
-                dark: Config.VariableReference<"color", "#ffffff66">;
+                dark: Config.VariableReference<"color", "#ffffff85">;
                 light: Config.VariableReference<"color", "#00000066">;
             };
             readonly warning: Config.VariableReference<"color", "#e06f12" | "#fa8e36">;
@@ -1980,7 +2091,7 @@ export declare const style: Config.StyleFactory<Pick<{
                     light: Config.VariableReference<"color", "#000">;
                 };
                 secondary: {
-                    dark: Config.VariableReference<"color", "#141414">;
+                    dark: Config.VariableReference<"color", "#fff">;
                     light: Config.VariableReference<"color", "#141414">;
                 };
             };
@@ -2006,6 +2117,10 @@ export declare const style: Config.StyleFactory<Pick<{
                 dark: Config.VariableReference<"color", "#ffffff14">;
                 light: Config.VariableReference<"color", "#00000014">;
             };
+            readonly tertiary: {
+                dark: Config.VariableReference<"color", "#ffffff14">;
+                light: Config.VariableReference<"color", "#0000000a">;
+            };
         };
         readonly material: {
             readonly regular: {
@@ -2090,6 +2205,26 @@ export declare const style: Config.StyleFactory<Pick<{
                 readonly '080': "#ffffffcc";
             };
         };
+        readonly overlay: {
+            readonly action: {
+                readonly secondary: {
+                    readonly fill: {
+                        readonly hover: "#70707047";
+                    };
+                };
+                readonly tertiary: {
+                    fill: {
+                        hover: Config.VariableReference<"color", "#ffffff1f">;
+                    };
+                };
+            };
+            readonly container: {
+                readonly regular: "#70707052";
+            };
+            readonly content: {
+                primary: Config.VariableReference<"color", "#fff">;
+            };
+        };
         readonly scrim: {
             readonly regular: Config.VariableReference<"color", "#00000029">;
             readonly strong: Config.VariableReference<"color", "#00000052">;
@@ -2163,7 +2298,7 @@ export declare const style: Config.StyleFactory<Pick<{
         readonly '4': "inset 0 2px 4px rgb(0 0 0 / 0.05)";
     };
     readonly opacity: {
-        readonly disabled: 0.4;
+        readonly disabled: 0.32;
         readonly hover: 0.86;
     };
     readonly outlineOffset: {
@@ -2463,6 +2598,10 @@ export declare const style: Config.StyleFactory<Pick<{
                 readonly accent: {
                     readonly alpha: {
                         readonly regular: {
+                            readonly blue: {
+                                readonly '100': "rgb(68 113 237 / 0.08)";
+                                readonly '200': "rgb(116 152 251 / 0.16)";
+                            };
                             readonly green: {
                                 readonly '100': "rgb(19 169 99 / 0.08)";
                                 readonly '200': "rgb(89 229 164 / 0.16)";
@@ -2477,6 +2616,10 @@ export declare const style: Config.StyleFactory<Pick<{
                             };
                         };
                         readonly strong: {
+                            readonly blue: {
+                                readonly '100': "rgb(68 113 237 / 0.16)";
+                                readonly '200': "rgb(116 152 251 / 0.32)";
+                            };
                             readonly green: {
                                 readonly '100': "rgb(19 169 99 / 0.16)";
                                 readonly '200': "rgb(89 229 164 / 0.32)";
@@ -2583,6 +2726,15 @@ export declare const style: Config.StyleFactory<Pick<{
                     };
                 };
                 readonly action: {
+                    readonly danger: {
+                        readonly fill: {
+                            readonly hover: "#eb3417";
+                            readonly rest: "#eb3417";
+                        };
+                        readonly label: {
+                            rest: Config.VariableReference<"color", "#fff">;
+                        };
+                    };
                     readonly focusRing: {
                         dark: Config.VariableReference<"color", "#ffffff8f">;
                         light: Config.VariableReference<"color", "#0000008f">;
@@ -2638,7 +2790,7 @@ export declare const style: Config.StyleFactory<Pick<{
                         light: Config.VariableReference<"color", "#fff">;
                     };
                     readonly sidebar: {
-                        readonly dark: Config.VariableReference<"color", "#000">;
+                        readonly dark: Config.VariableReference<"color", "#0a0a0a">;
                         readonly light: "#fafafa";
                     };
                 };
@@ -2731,6 +2883,7 @@ export declare const style: Config.StyleFactory<Pick<{
                     };
                 };
                 readonly container: {
+                    readonly accent: Config.VariableReference<"color", "rgb(68 113 237 / 0.08)">;
                     readonly negative: {
                         dark: Config.VariableReference<"color", "rgb(245 92 69 / 0.16)">;
                         light: Config.VariableReference<"color", "rgb(235 52 23 / 0.08)">;
@@ -2740,13 +2893,14 @@ export declare const style: Config.StyleFactory<Pick<{
                         light: Config.VariableReference<"color", "rgb(19 169 99 / 0.08)">;
                     };
                     readonly regular: {
-                        dark: Config.VariableReference<"color", "#ffffff1f">;
+                        dark: Config.VariableReference<"color", "#ffffff14">;
                         light: Config.VariableReference<"color", "#0000000a">;
                     };
                     readonly strong: {
                         dark: Config.VariableReference<"color", "#ffffff29">;
                         light: Config.VariableReference<"color", "#00000014">;
                     };
+                    readonly special: "rgb(126 89 228 / 0.08)";
                     readonly subtle: {
                         dark: Config.VariableReference<"color", "#ffffff14">;
                         light: Config.VariableReference<"color", "#00000008">;
@@ -2757,6 +2911,7 @@ export declare const style: Config.StyleFactory<Pick<{
                     };
                 };
                 readonly content: {
+                    readonly accent: "#4471ed";
                     readonly negative: Config.VariableReference<"color", "#eb3417" | "#f55c45">;
                     readonly positive: Config.VariableReference<"color", "#13a963" | "#59e5a4">;
                     readonly primary: {
@@ -2764,15 +2919,16 @@ export declare const style: Config.StyleFactory<Pick<{
                         light: Config.VariableReference<"color", "#000">;
                     };
                     readonly secondary: {
-                        dark: Config.VariableReference<"color", "#ffffff8f">;
+                        dark: Config.VariableReference<"color", "#ffffffa3">;
                         light: Config.VariableReference<"color", "#0000008f">;
                     };
+                    readonly special: "#7e59e4";
                     readonly subtle: {
                         dark: Config.VariableReference<"color", "#ffffff33">;
                         light: Config.VariableReference<"color", "#00000033">;
                     };
                     readonly tertiary: {
-                        dark: Config.VariableReference<"color", "#ffffff66">;
+                        dark: Config.VariableReference<"color", "#ffffff85">;
                         light: Config.VariableReference<"color", "#00000066">;
                     };
                     readonly warning: Config.VariableReference<"color", "#e06f12" | "#fa8e36">;
@@ -2784,7 +2940,7 @@ export declare const style: Config.StyleFactory<Pick<{
                             light: Config.VariableReference<"color", "#000">;
                         };
                         secondary: {
-                            dark: Config.VariableReference<"color", "#141414">;
+                            dark: Config.VariableReference<"color", "#fff">;
                             light: Config.VariableReference<"color", "#141414">;
                         };
                     };
@@ -2810,6 +2966,10 @@ export declare const style: Config.StyleFactory<Pick<{
                         dark: Config.VariableReference<"color", "#ffffff14">;
                         light: Config.VariableReference<"color", "#00000014">;
                     };
+                    readonly tertiary: {
+                        dark: Config.VariableReference<"color", "#ffffff14">;
+                        light: Config.VariableReference<"color", "#0000000a">;
+                    };
                 };
                 readonly material: {
                     readonly regular: {
@@ -2894,6 +3054,26 @@ export declare const style: Config.StyleFactory<Pick<{
                         readonly '080': "#ffffffcc";
                     };
                 };
+                readonly overlay: {
+                    readonly action: {
+                        readonly secondary: {
+                            readonly fill: {
+                                readonly hover: "#70707047";
+                            };
+                        };
+                        readonly tertiary: {
+                            fill: {
+                                hover: Config.VariableReference<"color", "#ffffff1f">;
+                            };
+                        };
+                    };
+                    readonly container: {
+                        readonly regular: "#70707052";
+                    };
+                    readonly content: {
+                        primary: Config.VariableReference<"color", "#fff">;
+                    };
+                };
                 readonly scrim: {
                     readonly regular: Config.VariableReference<"color", "#00000029">;
                     readonly strong: Config.VariableReference<"color", "#00000052">;
@@ -2967,7 +3147,7 @@ export declare const style: Config.StyleFactory<Pick<{
                 readonly '4': "inset 0 2px 4px rgb(0 0 0 / 0.05)";
             };
             readonly opacity: {
-                readonly disabled: 0.4;
+                readonly disabled: 0.32;
                 readonly hover: 0.86;
             };
             readonly outlineOffset: {
@@ -3281,6 +3461,10 @@ export declare const style: Config.StyleFactory<Pick<{
             readonly accent: {
                 readonly alpha: {
                     readonly regular: {
+                        readonly blue: {
+                            readonly '100': "rgb(68 113 237 / 0.08)";
+                            readonly '200': "rgb(116 152 251 / 0.16)";
+                        };
                         readonly green: {
                             readonly '100': "rgb(19 169 99 / 0.08)";
                             readonly '200': "rgb(89 229 164 / 0.16)";
@@ -3295,6 +3479,10 @@ export declare const style: Config.StyleFactory<Pick<{
                         };
                     };
                     readonly strong: {
+                        readonly blue: {
+                            readonly '100': "rgb(68 113 237 / 0.16)";
+                            readonly '200': "rgb(116 152 251 / 0.32)";
+                        };
                         readonly green: {
                             readonly '100': "rgb(19 169 99 / 0.16)";
                             readonly '200': "rgb(89 229 164 / 0.32)";
@@ -3401,6 +3589,15 @@ export declare const style: Config.StyleFactory<Pick<{
                 };
             };
             readonly action: {
+                readonly danger: {
+                    readonly fill: {
+                        readonly hover: "#eb3417";
+                        readonly rest: "#eb3417";
+                    };
+                    readonly label: {
+                        rest: Config.VariableReference<"color", "#fff">;
+                    };
+                };
                 readonly focusRing: {
                     dark: Config.VariableReference<"color", "#ffffff8f">;
                     light: Config.VariableReference<"color", "#0000008f">;
@@ -3456,7 +3653,7 @@ export declare const style: Config.StyleFactory<Pick<{
                     light: Config.VariableReference<"color", "#fff">;
                 };
                 readonly sidebar: {
-                    readonly dark: Config.VariableReference<"color", "#000">;
+                    readonly dark: Config.VariableReference<"color", "#0a0a0a">;
                     readonly light: "#fafafa";
                 };
             };
@@ -3549,6 +3746,7 @@ export declare const style: Config.StyleFactory<Pick<{
                 };
             };
             readonly container: {
+                readonly accent: Config.VariableReference<"color", "rgb(68 113 237 / 0.08)">;
                 readonly negative: {
                     dark: Config.VariableReference<"color", "rgb(245 92 69 / 0.16)">;
                     light: Config.VariableReference<"color", "rgb(235 52 23 / 0.08)">;
@@ -3558,13 +3756,14 @@ export declare const style: Config.StyleFactory<Pick<{
                     light: Config.VariableReference<"color", "rgb(19 169 99 / 0.08)">;
                 };
                 readonly regular: {
-                    dark: Config.VariableReference<"color", "#ffffff1f">;
+                    dark: Config.VariableReference<"color", "#ffffff14">;
                     light: Config.VariableReference<"color", "#0000000a">;
                 };
                 readonly strong: {
                     dark: Config.VariableReference<"color", "#ffffff29">;
                     light: Config.VariableReference<"color", "#00000014">;
                 };
+                readonly special: "rgb(126 89 228 / 0.08)";
                 readonly subtle: {
                     dark: Config.VariableReference<"color", "#ffffff14">;
                     light: Config.VariableReference<"color", "#00000008">;
@@ -3575,6 +3774,7 @@ export declare const style: Config.StyleFactory<Pick<{
                 };
             };
             readonly content: {
+                readonly accent: "#4471ed";
                 readonly negative: Config.VariableReference<"color", "#eb3417" | "#f55c45">;
                 readonly positive: Config.VariableReference<"color", "#13a963" | "#59e5a4">;
                 readonly primary: {
@@ -3582,15 +3782,16 @@ export declare const style: Config.StyleFactory<Pick<{
                     light: Config.VariableReference<"color", "#000">;
                 };
                 readonly secondary: {
-                    dark: Config.VariableReference<"color", "#ffffff8f">;
+                    dark: Config.VariableReference<"color", "#ffffffa3">;
                     light: Config.VariableReference<"color", "#0000008f">;
                 };
+                readonly special: "#7e59e4";
                 readonly subtle: {
                     dark: Config.VariableReference<"color", "#ffffff33">;
                     light: Config.VariableReference<"color", "#00000033">;
                 };
                 readonly tertiary: {
-                    dark: Config.VariableReference<"color", "#ffffff66">;
+                    dark: Config.VariableReference<"color", "#ffffff85">;
                     light: Config.VariableReference<"color", "#00000066">;
                 };
                 readonly warning: Config.VariableReference<"color", "#e06f12" | "#fa8e36">;
@@ -3602,7 +3803,7 @@ export declare const style: Config.StyleFactory<Pick<{
                         light: Config.VariableReference<"color", "#000">;
                     };
                     secondary: {
-                        dark: Config.VariableReference<"color", "#141414">;
+                        dark: Config.VariableReference<"color", "#fff">;
                         light: Config.VariableReference<"color", "#141414">;
                     };
                 };
@@ -3628,6 +3829,10 @@ export declare const style: Config.StyleFactory<Pick<{
                     dark: Config.VariableReference<"color", "#ffffff14">;
                     light: Config.VariableReference<"color", "#00000014">;
                 };
+                readonly tertiary: {
+                    dark: Config.VariableReference<"color", "#ffffff14">;
+                    light: Config.VariableReference<"color", "#0000000a">;
+                };
             };
             readonly material: {
                 readonly regular: {
@@ -3712,6 +3917,26 @@ export declare const style: Config.StyleFactory<Pick<{
                     readonly '080': "#ffffffcc";
                 };
             };
+            readonly overlay: {
+                readonly action: {
+                    readonly secondary: {
+                        readonly fill: {
+                            readonly hover: "#70707047";
+                        };
+                    };
+                    readonly tertiary: {
+                        fill: {
+                            hover: Config.VariableReference<"color", "#ffffff1f">;
+                        };
+                    };
+                };
+                readonly container: {
+                    readonly regular: "#70707052";
+                };
+                readonly content: {
+                    primary: Config.VariableReference<"color", "#fff">;
+                };
+            };
             readonly scrim: {
                 readonly regular: Config.VariableReference<"color", "#00000029">;
                 readonly strong: Config.VariableReference<"color", "#00000052">;
@@ -3785,7 +4010,7 @@ export declare const style: Config.StyleFactory<Pick<{
             readonly '4': "inset 0 2px 4px rgb(0 0 0 / 0.05)";
         };
         readonly opacity: {
-            readonly disabled: 0.4;
+            readonly disabled: 0.32;
             readonly hover: 0.86;
         };
         readonly outlineOffset: {