@clickhouse/click-ui 0.0.231 → 0.0.232

package/dist/click-ui.umd.js

@@ -9392,9 +9392,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     spacing = "sm",
     state = "default",
     title = "Title",
+    error: error2 = false,
     ...props
-  }) => /* @__PURE__ */ jsxRuntime.jsxs(Wrapper$a, { $height: height, $order: order, $size: size2, $spacing: spacing, $state: state, $fillWidth: fillWidth, $maxWidth: maxWidth, ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Label, { $state: state, $size: size2, children: label }),
+  }) => /* @__PURE__ */ jsxRuntime.jsxs(Wrapper$a, { $height: height, $order: order, $size: size2, $spacing: spacing, $state: state, $fillWidth: fillWidth, $maxWidth: maxWidth, $error: error2, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Label, { $state: state, $size: size2, $error: error2, children: label }),
     /* @__PURE__ */ jsxRuntime.jsx(Title$3, { $state: state, $size: size2, children: title })
   ] });
   const Wrapper$a = styled.styled.div.withConfig({
@@ -9407,13 +9408,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     $height = "fixed",
     $order,
     $spacing = "sm",
+    $error = false,
     theme: theme2
   }) => `
     background-color: ${theme2.click.bigStat.color.background[$state]};
     color: ${theme2.click.bigStat.color.label[$state]};
     font: ${theme2.click.bigStat.typography[$size].label[$state]};
     border-radius: ${theme2.click.bigStat.radii.all};
-    border: ${theme2.click.bigStat.stroke} solid ${theme2.click.bigStat.color.stroke[$state]};
+    border: ${theme2.click.bigStat.stroke} solid ${$error ? theme2.click.bigStat.color.stroke.danger : theme2.click.bigStat.color.stroke[$state]};
   gap: ${theme2.click.bigStat.space[$spacing].gap};
   padding: ${theme2.click.bigStat.space.all};
   min-height: ${$height !== void 0 ? `${$height}` : "auto"};
@@ -9426,9 +9428,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   })(["", ""], ({
     $state = "default",
     $size = "lg",
+    $error = false,
     theme: theme2
   }) => `
-    color: ${theme2.click.bigStat.color.label[$state]};
+    color: ${$error ? theme2.click.bigStat.color.label.danger : theme2.click.bigStat.color.label[$state]};
     font: ${theme2.click.bigStat.typography[$size].label[$state]};
   `);
   const Title$3 = styled.styled.div.withConfig({
@@ -35235,7 +35238,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   })(["display:flex;flex-direction:column;width:inherit;max-height:calc(var(--radix-popover-content-available-height) - 1rem);"]);
   const SelectListContent = styled.styled.div.withConfig({
     componentId: "sc-oudbwg-8"
-  })(["width:inherit;overflow:auto;flex:1;"]);
+  })(["width:inherit;overflow:auto;flex:1;", ""], ({
+    $maxHeight
+  }) => $maxHeight && `
+      max-height: ${$maxHeight};
+    `);
   const HiddenSelectElement = styled.styled.select.withConfig({
     componentId: "sc-oudbwg-9"
   })(["visibility:hidden;position:absolute;z-index:-1;height:0;"]);
@@ -38673,6 +38680,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
     options: options2,
     sortable = false,
     placeholder = "Select an option",
+    maxHeight,
     multiple,
     checkbox,
     selectLabel,
@@ -38861,7 +38869,7 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
               /* @__PURE__ */ jsxRuntime.jsx(SearchBar, { ref: inputRef, value: search, onChange: (e) => onUpdateSearch(e.target.value), "data-testid": "select-search-input", onKeyDown, $showSearch: showSearch }),
               /* @__PURE__ */ jsxRuntime.jsx(SearchClose, { as: IconButton$1, icon: "cross", onClick: clearSearch, "data-testid": "select-search-close", $showClose: search.length > 0, size: "xs" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(SelectListContent, { children: /* @__PURE__ */ jsxRuntime.jsx(OptionContext.Provider, { value: optionContextValue, children: options2 && options2.length > 0 ? options2.map((props2, index2) => {
+            /* @__PURE__ */ jsxRuntime.jsx(SelectListContent, { $maxHeight: maxHeight, children: /* @__PURE__ */ jsxRuntime.jsx(OptionContext.Provider, { value: optionContextValue, children: options2 && options2.length > 0 ? options2.map((props2, index2) => {
               if ("options" in props2) {
                 const {
                   options: itemList = [],
@@ -44057,7 +44065,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       color: {
         stroke: {
           "default": "#323232",
-          muted: "#323232"
+          muted: "#323232",
+          danger: "#ffbaba"
         },
         background: {
           "default": "#1F1F1C",
@@ -44065,7 +44074,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         label: {
           "default": "#b3b6bd",
-          muted: "#b3b6bd"
+          muted: "#b3b6bd",
+          danger: "#ffbaba"
         },
         title: {
           "default": "rgb(97.5% 97.5% 97.5%)",
@@ -45933,7 +45943,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       color: {
         stroke: {
           "default": "#e6e7e9",
-          muted: "#e6e7e9"
+          muted: "#e6e7e9",
+          danger: "#c10000"
         },
         background: {
           "default": "#ffffff",
@@ -45941,7 +45952,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         label: {
           "default": "#696e79",
-          muted: "#696e79"
+          muted: "#696e79",
+          danger: "#c10000"
         },
         title: {
           "default": "lch(11.1 1.37 305)",
@@ -47992,7 +48004,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       color: {
         stroke: {
           "default": "#e6e7e9",
-          muted: "#e6e7e9"
+          muted: "#e6e7e9",
+          danger: "#c10000"
         },
         background: {
           "default": "#ffffff",
@@ -48000,7 +48013,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         },
         label: {
           "default": "#696e79",
-          muted: "#696e79"
+          muted: "#696e79",
+          danger: "#c10000"
         },
         title: {
           "default": "lch(11.1 1.37 305)",