@clickhouse/click-ui 0.0.237-sc-deprecation.1 → 0.0.238

package/dist/{theme/tokens → styles}/variables.light.json.d.ts

@@ -131,7 +131,7 @@ declare const _default: {
             "warning": "#ffffff"
           },
           "stroke": {
-            "default": "#e6e7e9",
+            "default": "rgb(90.2% 90.6% 91.4% / 0.1)",
             "success": "rgb(20% 100% 26.7% / 0.05)",
             "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
             "danger": "rgb(100% 13.7% 13.7% / 0.05)",
@@ -171,13 +171,7 @@ declare const _default: {
             "background": {
               "default": "#302e32",
               "hover": "lch(29.5 4.18 267)",
-              "active": "#161517",
-              "disabled": "#dfdfdf"
-            },
-            "stroke": {
-              "default": "#302e32",
-              "hover": "lch(29.5 4.18 267)",
-              "active": "#161517",
+              "active": "rgb(7.98% 7.62% 8.34%)",
               "disabled": "#dfdfdf"
             },
             "text": {
@@ -185,6 +179,12 @@ declare const _default: {
               "hover": "#ffffff",
               "active": "#ffffff",
               "disabled": "#a0a0a0"
+            },
+            "stroke": {
+              "default": "#302e32",
+              "hover": "lch(29.5 4.18 267)",
+              "active": "rgb(7.98% 7.62% 8.34%)",
+              "disabled": "#dfdfdf"
             }
           },
           "secondary": {
@@ -197,7 +197,7 @@ declare const _default: {
             "stroke": {
               "default": "#e6e7e9",
               "hover": "#e6e7e9",
-              "active": "#cccfd3",
+              "active": "rgb(81% 82.1% 83.6%)",
               "disabled": "#dfdfdf"
             },
             "text": {
@@ -208,18 +208,18 @@ declare const _default: {
             }
           },
           "danger": {
-            "text": {
-              "default": "#c10000",
-              "hover": "#c10000",
-              "active": "#c10000",
-              "disabled": "#a0a0a0"
-            },
             "background": {
               "default": "rgb(100% 13.7% 13.7% / 0.1)",
               "hover": "rgb(100% 13.7% 13.7% / 0.2)",
               "active": "rgb(100% 13.7% 13.7% / 0.3)",
               "disabled": "#dfdfdf"
             },
+            "text": {
+              "default": "#c10000",
+              "hover": "#c10000",
+              "active": "#c10000",
+              "disabled": "#a0a0a0"
+            },
             "stroke": {
               "default": "rgb(100% 13.7% 13.7% / 0.1)",
               "hover": "rgb(100% 13.7% 13.7% / 0.05)",
@@ -272,12 +272,12 @@ declare const _default: {
             "background": {
               "default": "#302e32",
               "hover": "lch(29.5 4.18 267)",
-              "active": "lch(6.59 1.37 305)"
+              "active": "lch(5.9 1.18 305)"
             },
             "stroke": {
               "default": "rgba(0,0,0,0)",
               "hover": "lch(29.5 4.18 267)",
-              "active": "lch(6.59 1.37 305)"
+              "active": "lch(5.9 1.18 305)"
             },
             "text": {
               "default": "#ffffff",
@@ -348,24 +348,18 @@ declare const _default: {
       },
       "split": {
         "primary": {
-          "divide": {
-            "default": "lch(23.3 2.63 306)",
-            "active": "lch(16.4 2.36 306)",
-            "hover": "lch(33 3.27 267)",
-            "disabled": "lch(75.5 0 0)"
-          },
           "background": {
             "main": {
               "default": "#302e32",
               "hover": "lch(27 3.82 267)",
-              "active": "lch(6.35 1.32 305)",
-              "disabled": "#dfdfdf"
+              "active": "lch(5.68 1.13 305)",
+              "disabled": "rgb(80% 80% 80%)"
             },
             "action": {
-              "default": "#161517",
+              "default": "rgb(7.76% 7.41% 8.12%)",
               "hover": "lch(25.6 3.63 267)",
               "active": "lch(3.47 0.72 305)",
-              "disabled": "lch(84.4 0 0)"
+              "disabled": "lch(77.9 0 0)"
             }
           },
           "text": {
@@ -379,13 +373,19 @@ declare const _default: {
             "hover": "rgba(0,0,0,0)",
             "active": "rgba(0,0,0,0)",
             "disabled": "rgba(0,0,0,0)"
+          },
+          "divide": {
+            "default": "lch(23.3 2.63 306)",
+            "hover": "lch(33 3.27 267)",
+            "active": "lch(16.4 2.36 306)",
+            "disabled": "lch(75.5 0 0)"
           }
         },
         "secondary": {
           "divide": {
             "default": "lch(92 1.05 266)",
             "hover": "lch(92.4 0.99 266)",
-            "active": "#cccfd3",
+            "active": "rgb(81% 82.1% 83.6%)",
             "disabled": "lch(75.5 0 0)"
           },
           "background": {
@@ -399,7 +399,7 @@ declare const _default: {
               "default": "#f6f7fa",
               "hover": "lch(94.8 1.53 272)",
               "active": "lch(92.9 1.5 272)",
-              "disabled": "lch(84.4 0 0)"
+              "disabled": "lch(77.9 0 0)"
             }
           },
           "text": {
@@ -411,7 +411,7 @@ declare const _default: {
           "stroke": {
             "default": "#e6e7e9",
             "hover": "#e6e7e9",
-            "active": "#cccfd3",
+            "active": "rgb(81.2% 82.3% 83.8%)",
             "disabled": "rgba(0,0,0,0)"
           }
         }
@@ -509,7 +509,7 @@ declare const _default: {
           "background": {
             "default": "#ffffff",
             "hover": "#f6f7fa",
-            "active": "#ffffff",
+            "active": "rgb(95% 95% 95%)",
             "disabled": "#dfdfdf"
           },
           "title": {
@@ -592,26 +592,26 @@ declare const _default: {
       },
       "promotion": {
         "color": {
-          "background": {
-            "default": "#f6f7fa",
-            "hover": "#e6e7e9",
-            "active": "lch(89.8 1.08 266)"
+          "text": {
+            "default": "#161517",
+            "hover": "#161517",
+            "active": "#161517"
           },
           "icon": {
             "default": "#161517",
             "hover": "#161517",
             "active": "#161517"
           },
+          "background": {
+            "default": "rgb(96.5% 96.9% 98% / 0.9)",
+            "hover": "rgb(90.4% 90.8% 91.6%)",
+            "active": "lch(89.8 1.08 266)"
+          },
           "stroke": {
             "default": "linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)",
             "hover": "linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)",
             "active": "linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)",
             "focus": "#151515"
-          },
-          "text": {
-            "default": "#161517",
-            "hover": "#161517",
-            "active": "#161517"
           }
         }
       }
@@ -760,12 +760,6 @@ declare const _default: {
             }
           }
         },
-        "check": {
-          "default": "#ffffff",
-          "hover": "#ffffff",
-          "active": "#ffffff",
-          "disabled": "#a0a0a0"
-        },
         "background": {
           "default": "#f6f7fa",
           "hover": "#f6f7fa",
@@ -777,6 +771,12 @@ declare const _default: {
           "hover": "#b3b6bd",
           "active": "#161517",
           "disabled": "#c0c0c0"
+        },
+        "check": {
+          "default": "#ffffff",
+          "hover": "#ffffff",
+          "active": "#ffffff",
+          "disabled": "#a0a0a0"
         }
       }
     },
@@ -904,15 +904,9 @@ declare const _default: {
     },
     "field": {
       "color": {
-        "genericLabel": {
-          "default": "#161517",
-          "hover": "#161517",
-          "active": "#161517",
-          "disabled": "#a0a0a0"
-        },
         "background": {
-          "default": "#FBFCFF",
-          "hover": "#f6f7fa",
+          "default": "rgb(98.5% 98.9% 100%)",
+          "hover": "rgb(96.6% 96.9% 98.1%)",
           "active": "#ffffff",
           "disabled": "#dfdfdf",
           "error": "#ffffff"
@@ -925,8 +919,8 @@ declare const _default: {
           "error": "#c10000"
         },
         "stroke": {
-          "default": "#e6e7e9",
-          "hover": "#cccfd3",
+          "default": "rgb(90.7% 91.1% 91.8%)",
+          "hover": "rgb(81% 82.1% 83.6%)",
           "active": "#161517",
           "disabled": "#dfdfdf",
           "error": "#c10000"
@@ -938,16 +932,22 @@ declare const _default: {
           "disabled": "#a0a0a0",
           "error": "#c10000"
         },
-        "placeholder": {
-          "default": "#9a9ea7",
-          "disabled": "#b3b6bd"
-        },
         "format": {
           "default": "lch(72 4.18 268)",
           "hover": "lch(72 4.18 268)",
           "active": "lch(72 4.18 268)",
           "disabled": "#a0a0a0",
           "error": "lch(72 4.18 268)"
+        },
+        "genericLabel": {
+          "default": "#161517",
+          "hover": "#161517",
+          "active": "#161517",
+          "disabled": "#a0a0a0"
+        },
+        "placeholder": {
+          "default": "#9a9ea7",
+          "disabled": "#b3b6bd"
         }
       }
     },
@@ -970,12 +970,12 @@ declare const _default: {
         "background": {
           "default": "#ffffff",
           "hover": "#ffffff",
-          "active": "#f6f7fa",
+          "active": "rgb(96.6% 96.9% 98.1%)",
           "error": "rgb(100% 13.7% 13.7% / 0.1)"
         },
         "stroke": {
-          "default": "#e6e7e9",
-          "hover": "#e6e7e9",
+          "default": "rgb(90.7% 91.1% 91.8%)",
+          "hover": "rgb(90.7% 91.1% 91.8%)",
           "active": "#b3b6bd",
           "error": "rgba(0,0,0,0)"
         },
@@ -1021,19 +1021,19 @@ declare const _default: {
           },
           "background": {
             "default": "#ffffff",
-            "hover": "#f6f7fa",
+            "hover": "rgb(96.8% 97.1% 98.2%)",
             "active": "#ffffff",
             "disabled": "#ffffff"
           },
-          "stroke": {
-            "default": "#e6e7e9"
-          },
           "format": {
             "default": "lch(72 4.18 268)",
             "hover": "lch(72 4.18 268)",
             "active": "lch(72 4.18 268)",
             "disabled": "#a0a0a0"
           },
+          "stroke": {
+            "default": "#e6e7e9"
+          },
           "subtext": {
             "default": "#696e79",
             "hover": "#696e79",
@@ -1089,7 +1089,7 @@ declare const _default: {
             "background": {
               "default": "#f6f7fa",
               "selectIndirect": "lch(95.6 5.84 264)",
-              "selectDirect": "#E7EFFD"
+              "selectDirect": "lch(93.2 7.7 264)"
             },
             "title": {
               "default": "#696e79",
@@ -1098,7 +1098,7 @@ declare const _default: {
             },
             "stroke": {
               "default": "lch(89.3 1.07 266)",
-              "selectIndirect": "#E7EFFD",
+              "selectIndirect": "lch(91.8 7.59 264)",
               "selectDirect": "lch(86.1 15.1 266)"
             }
           }
@@ -1114,7 +1114,7 @@ declare const _default: {
             },
             "stroke": {
               "default": "#e6e7e9",
-              "selectIndirect": "#D0DFFB",
+              "selectIndirect": "lch(70.7 12.4 266)",
               "selectDirect": "#437EEF"
             },
             "text": {
@@ -1240,9 +1240,9 @@ declare const _default: {
           "item": {
             "color": {
               "background": {
-                "default": "rgba(0,0,0,0)",
+                "active": "lch(91.6 1.1 266 / 0.6)",
                 "hover": "lch(91.6 1.1 266 / 0.6)",
-                "active": "#e6e7e9"
+                "default": "rgba(0,0,0,0)"
               },
               "text": {
                 "default": "#161517",
@@ -1268,15 +1268,15 @@ declare const _default: {
             "color": {
               "text": {
                 "default": "#696e79",
+                "disabled": "#a0a0a0",
                 "hover": "#161517",
-                "active": "#161517",
-                "disabled": "#a0a0a0"
+                "active": "#161517"
               },
               "background": {
                 "default": "rgba(0,0,0,0)",
+                "disabled": "rgba(0,0,0,0)",
                 "hover": "lch(91.6 1.1 266 / 0.6)",
-                "active": "rgba(0,0,0,0)",
-                "disabled": "rgba(0,0,0,0)"
+                "active": "rgba(0,0,0,0)"
               },
               "icon": {
                 "default": "#696e79",
@@ -1294,40 +1294,41 @@ declare const _default: {
         }
       },
       "sqlSidebar": {
+        "color": {
+          "background": {
+            "default": "#f6f7fa"
+          },
+          "stroke": {
+            "default": "#e6e7e9"
+          }
+        },
         "navigation": {
           "item": {
             "color": {
+              "background": {
+                "active": "lch(91.6 1.1 266 / 0.6)",
+                "hover": "lch(91.6 1.1 266 / 0.6)",
+                "default": "rgba(0,0,0,0)"
+              },
               "text": {
-                "disabled": "#a0a0a0",
                 "default": "#161517",
                 "hover": "#161517",
                 "active": "#161517",
-                "muted": "#696e79"
-              },
-              "background": {
-                "default": "rgba(0,0,0,0)",
-                "hover": "lch(91.6 1.1 266 / 0.6)",
-                "active": "#e6e7e9"
+                "muted": "#696e79",
+                "disabled": "#a0a0a0"
               },
               "icon": {
                 "default": "#696e79"
               }
             }
           },
-          "title": {
-            "color": {
-              "default": "#696e79",
-              "hover": "#696e79",
-              "active": "#696e79"
-            }
-          },
           "subItem": {
             "color": {
               "text": {
+                "disabled": "#a0a0a0",
                 "default": "#696e79",
                 "hover": "#161517",
-                "active": "#161517",
-                "disabled": "#a0a0a0"
+                "active": "#161517"
               },
               "background": {
                 "default": "rgba(0,0,0,0)",
@@ -1336,6 +1337,13 @@ declare const _default: {
               }
             }
           },
+          "title": {
+            "color": {
+              "default": "#696e79",
+              "hover": "#696e79",
+              "active": "#696e79"
+            }
+          },
           "dragControl": {
             "separator": {
               "color": {
@@ -1343,14 +1351,6 @@ declare const _default: {
               }
             }
           }
-        },
-        "color": {
-          "background": {
-            "default": "#f6f7fa"
-          },
-          "stroke": {
-            "default": "#e6e7e9"
-          }
         }
       }
     },
@@ -1457,7 +1457,7 @@ declare const _default: {
           "background": {
             "default": "#f6f7fa",
             "hover": "#f6f7fa",
-            "active": "#E7EFFD"
+            "active": "rgb(89.8% 92.8% 98.1%)"
           },
           "title": {
             "default": "#161517"
@@ -1480,7 +1480,7 @@ declare const _default: {
           "background": {
             "default": "#ffffff",
             "hover": "lch(94.1 7.78 264 / 0.2)",
-            "active": "lch(94.1 7.78 264 / 0.2)"
+            "active": "rgb(90.8% 93.8% 99.2% / 0.2)"
           },
           "stroke": {
             "default": "#e6e7e9"
@@ -1593,11 +1593,6 @@ declare const _default: {
     "dashboards": {
       "chartWidget": {
         "color": {
-          "background": {
-            "default": "#ffffff",
-            "hover": "#ffffff",
-            "selected": "#ffffff"
-          },
           "stroke": {
             "default": "#e6e7e9",
             "hover": "#b3b6bd",
@@ -1619,6 +1614,11 @@ declare const _default: {
               "default": "#e6e7e9"
             }
           },
+          "background": {
+            "default": "#ffffff",
+            "hover": "#ffffff",
+            "selected": "#ffffff"
+          },
           "icon": {
             "default": "#161517",
             "hover": "#161517",
@@ -1640,14 +1640,6 @@ declare const _default: {
     },
     "global": {
       "color": {
-        "stroke": {
-          "default": "#e6e7e9",
-          "muted": "lch(91.6 1.1 266)",
-          "intense": "#b3b6bd"
-        },
-        "accent": {
-          "default": "#151515"
-        },
         "background": {
           "default": "#ffffff",
           "muted": "#f6f7fa"
@@ -1662,15 +1654,23 @@ declare const _default: {
           },
           "danger": "#c10000"
         },
-        "title": {
-          "default": "lch(11.1 1.37 305)",
-          "muted": "#696e79"
+        "stroke": {
+          "default": "#e6e7e9",
+          "muted": "lch(91.6 1.1 266)",
+          "intense": "#b3b6bd"
+        },
+        "accent": {
+          "default": "#151515"
         },
         "outline": {
           "default": "#437EEF"
         },
         "shadow": {
           "default": "lch(6.77 0 0 / 0.15)"
+        },
+        "title": {
+          "default": "lch(11.1 1.37 305)",
+          "muted": "#696e79"
         }
       }
     },
@@ -1705,8 +1705,8 @@ declare const _default: {
       }
     },
     "chart": {
-      "color": {
-        "default": {
+      "bars": {
+        "color": {
           "blue": "#437EEF",
           "orange": "#FF7729",
           "green": "#00E513",
@@ -1718,14 +1718,10 @@ declare const _default: {
           "teal": "#089B83",
           "sunrise": "#FFC300",
           "slate": "#9a9ea7"
-        },
-        "label": {
-          "default": "#161517",
-          "deselected": "lch(6.94 1.44 305 / 0.3)"
         }
       },
-      "bars": {
-        "color": {
+      "color": {
+        "default": {
           "blue": "#437EEF",
           "orange": "#FF7729",
           "green": "#00E513",
@@ -1737,6 +1733,10 @@ declare const _default: {
           "teal": "#089B83",
           "sunrise": "#FFC300",
           "slate": "#9a9ea7"
+        },
+        "label": {
+          "default": "#161517",
+          "deselected": "lch(6.94 1.44 305 / 0.3)"
         }
       }
     },
@@ -1744,15 +1744,16 @@ declare const _default: {
       "color": {
         "background": {
           "default": "#FBFCFF",
-          "hover": "#FBFCFF"
+          "hover": "lch(99 1.55 272)"
         },
         "stroke": {
           "default": "#e6e7e9",
-          "hover": "#cccfd3"
+          "hover": "rgb(81% 82.1% 83.6%)"
         }
       }
     }
   },
+  "name": "light",
   "global": {
     "color": {
       "background": {
@@ -1762,15 +1763,6 @@ declare const _default: {
         "split": "#f6f7fa",
         "muted_a": "lch(49.8 30.5 277 / 0.06)"
       },
-      "stroke": {
-        "default": "#e6e7e9",
-        "muted": "#e6e7e9",
-        "intense": "#b3b6bd",
-        "split": "#e6e7e9"
-      },
-      "accent": {
-        "default": "#151515"
-      },
       "text": {
         "default": "#161517",
         "muted": "#696e79",
@@ -1780,6 +1772,15 @@ declare const _default: {
           "hover": "#104EC6"
         }
       },
+      "stroke": {
+        "default": "#e6e7e9",
+        "muted": "#e6e7e9",
+        "intense": "#b3b6bd",
+        "split": "#e6e7e9"
+      },
+      "accent": {
+        "default": "#151515"
+      },
       "outline": {
         "default": "#437EEF"
       },
@@ -1810,7 +1811,7 @@ declare const _default: {
         }
       },
       "chart": {
-        "default": {
+        "bars": {
           "blue": "#437EEF",
           "orange": "#FF7729",
           "green": "#00E513",
@@ -1819,12 +1820,11 @@ declare const _default: {
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
           "red": "#ff2323",
-          "danger": "#ff2323",
           "teal": "#089B83",
           "sunrise": "#FFC300",
           "slate": "#9a9ea7"
         },
-        "bars": {
+        "default": {
           "blue": "#437EEF",
           "orange": "#FF7729",
           "green": "#00E513",
@@ -1833,6 +1833,7 @@ declare const _default: {
           "violet": "#BB33FF",
           "babyblue": "#00CBEB",
           "red": "#ff2323",
+          "danger": "#ff2323",
           "teal": "#089B83",
           "sunrise": "#FFC300",
           "slate": "#9a9ea7"
@@ -1852,8 +1853,7 @@ declare const _default: {
         "background": "linear-gradient(132deg, #FFFFFF 8%, #292929 30%);"
       }
     }
-  },
-  "name": "light"
+  }
 };
 
 export default _default;

package/dist/theme/index.d.ts

@@ -1,6 +1,12 @@
-export type { Theme, ThemeName, ThemeConfig, ThemeContextValue, BaseThemeName, ResolvedThemeName, DeepPartial, TypedTheme, NestedJSONObject, ConfigThemeValues, } from './types';
-export { ClickUIProvider, ServerClickUIProvider } from './ClickUIProvider';
-export { useCUITheme, useCUITheme as useClickUITheme, } from './ClickUIProvider';
-export { getBaseTheme, getThemeValue, loadCustomConfig, deepMerge, } from './utils';
-export { setThemeAttribute } from './utils/theme-attribute';
-export type { ThemeName as ClickUIThemeName } from './types';
+import { Theme } from '../styles/types';
+
+export declare const themes: Record<ThemeName, Theme>;
+type ThemeName = "dark" | "light" | "classic";
+declare module "styled-components" {
+    interface DefaultTheme extends Theme {
+    }
+}
+type CUIThemeType = Pick<Theme, "breakpoint" | "global" | "name" | "sizes">;
+declare const useCUITheme: () => CUIThemeType;
+export type { ThemeName, CUIThemeType };
+export { useCUITheme };