@clickhouse/click-ui 0.0.42 → 0.0.44

package/dist/click-ui.es.js

@@ -7966,28 +7966,30 @@ const Wu = Uu, zu = Ru, Gu = Nu, __ = ({
 ] }) }), $_ = ({
   options: e,
   selected: n,
-  onClick: i,
-  ...o
+  fillWidth: i,
+  onClick: o,
+  ...a
 }) => {
-  const a = e.length - 1, s = e.map(({
-    value: r,
-    label: l,
-    fillWidth: c,
+  const s = e.length - 1, r = e.map(({
+    value: l,
+    label: c,
     ...d
   }, f) => {
-    const u = f === 0 ? "left" : f === a ? "right" : "center";
-    return /* @__PURE__ */ t.jsx(sf, { $active: r === n, $position: u, $fillWidth: c, onClick: () => i == null ? void 0 : i(r), role: "button", ...d, children: l }, r);
+    const u = f === 0 ? "left" : f === s ? "right" : "center";
+    return /* @__PURE__ */ t.jsx(sf, { $active: l === n, $position: u, $fillWidth: i, onClick: () => o == null ? void 0 : o(l), role: "button", ...d, children: c }, l);
   });
-  return /* @__PURE__ */ t.jsx(tf, { ...o, children: s });
+  return /* @__PURE__ */ t.jsx(tf, { $fillWidth: i, ...a, children: r });
 }, tf = M.div.withConfig({
   componentId: "sc-ukgugp-0"
-})(["box-sizing:border-box;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;border:1px solid ", ";background:", ";border-radius:", ";"], ({
+})(["box-sizing:border-box;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;border:1px solid ", ";background:", ";border-radius:", ";width:", ";"], ({
   theme: e
 }) => e.click.button.group.color.stroke.panel, ({
   theme: e
 }) => e.click.button.group.color.background.panel, ({
   theme: e
-}) => e.click.button.group.radii.end), w9 = "var(--click-button-button-group-radii-end)", nf = `${w9} 0px 0px ${w9}`, of = `0px ${w9} ${w9} 0px`, af = "var(--click-button-button-group-radii-center)", sf = M.button.withConfig({
+}) => e.click.button.group.radii.end, ({
+  $fillWidth: e
+}) => e ? "100%" : "auto"), w9 = "var(--click-button-button-group-radii-end)", nf = `${w9} 0px 0px ${w9}`, of = `0px ${w9} ${w9} 0px`, af = "var(--click-button-button-group-radii-center)", sf = M.button.withConfig({
   componentId: "sc-ukgugp-1"
 })(["box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;background:", ";color:", ";font:", ";border-radius:", ";padding:", " ", ";gap:", ";", " cursor:pointer;&:hover{background:", ";}&:disabled{cursor:not-allowed;background:", ";}&:active,&:focus{background:", ";&:disabled{background:", ";}}border-radius:", ";"], ({
   $active: e,
@@ -18484,13 +18486,36 @@ const te = /* @__PURE__ */ F9(o_), lo = {
       intense: "#b3b6bd"
     },
     accent: {
-      default: "#151515"
+      default: "#FFC029"
     },
     outline: {
       default: "#C78F0F"
     },
     shadow: {
       default: "lch(6.77 0 0 / 0.15)"
+    },
+    feedback: {
+      info: {
+        background: "#dae6fc",
+        foreground: "#135be6"
+      },
+      success: {
+        background: "#e0f8e7",
+        foreground: "#15632b"
+      },
+      warning: {
+        background: "#ffedd8",
+        foreground: "#9e5600"
+      },
+      danger: {
+        background: "#ffdddd",
+        foreground: "#c10000"
+      },
+      neutral: {
+        background: "#e6e7e9",
+        foreground: "#53575f",
+        stroke: "lch(91.6 1.1 266)"
+      }
     }
   }
 }, a_ = {
@@ -19579,6 +19604,31 @@ const te = /* @__PURE__ */ F9(o_), lo = {
       }
     }
   },
+  grid: {
+    color: {
+      background: {
+        header: {
+          default: "lch(16.1 0 0 / 0.7)"
+        },
+        row: {
+          default: "#1F1F1C"
+        }
+      },
+      text: {
+        header: {
+          default: "#b3b6bd"
+        },
+        row: {
+          default: "#ffffff"
+        }
+      },
+      stroke: {
+        cell: {
+          stroke: "lch(27.5 0 0 / 0.3)"
+        }
+      }
+    }
+  },
   global: {
     color: {
       background: {
@@ -19634,31 +19684,6 @@ const te = /* @__PURE__ */ F9(o_), lo = {
       }
     }
   },
-  grid: {
-    color: {
-      background: {
-        header: {
-          default: "lch(16.1 0 0 / 0.7)"
-        },
-        row: {
-          default: "#1F1F1C"
-        }
-      },
-      text: {
-        header: {
-          default: "#b3b6bd"
-        },
-        row: {
-          default: "#ffffff"
-        }
-      },
-      stroke: {
-        cell: {
-          stroke: "lch(27.5 0 0 / 0.3)"
-        }
-      }
-    }
-  },
   storybook: {
     global: {
       background: "rgb(27,28,29)"
@@ -19692,6 +19717,29 @@ const te = /* @__PURE__ */ F9(o_), lo = {
     },
     shadow: {
       default: "lch(6.77 0 0 / 0.6)"
+    },
+    feedback: {
+      info: {
+        background: "#092e73",
+        foreground: "#91b3f6"
+      },
+      success: {
+        background: "#0e421d",
+        foreground: "#81e59d"
+      },
+      warning: {
+        background: "#4f2b00",
+        foreground: "#ff9416"
+      },
+      danger: {
+        background: "#610000",
+        foreground: "#ff7575"
+      },
+      neutral: {
+        background: "#414141",
+        foreground: "#c0c0c0",
+        stroke: "lch(27.5 0 0 / 0.3)"
+      }
     }
   }
 }, r_ = {
@@ -20773,6 +20821,31 @@ const te = /* @__PURE__ */ F9(o_), lo = {
       }
     }
   },
+  grid: {
+    color: {
+      background: {
+        header: {
+          default: "lch(97.2 1.57 272 / 0.7)"
+        },
+        row: {
+          default: "#ffffff"
+        }
+      },
+      text: {
+        header: {
+          default: "#696e79"
+        },
+        row: {
+          default: "#161517"
+        }
+      },
+      stroke: {
+        cell: {
+          stroke: "lch(91.6 1.1 266)"
+        }
+      }
+    }
+  },
   global: {
     color: {
       background: {
@@ -20828,31 +20901,6 @@ const te = /* @__PURE__ */ F9(o_), lo = {
       }
     }
   },
-  grid: {
-    color: {
-      background: {
-        header: {
-          default: "lch(97.2 1.57 272 / 0.7)"
-        },
-        row: {
-          default: "#ffffff"
-        }
-      },
-      text: {
-        header: {
-          default: "#696e79"
-        },
-        row: {
-          default: "#161517"
-        }
-      },
-      stroke: {
-        cell: {
-          stroke: "lch(91.6 1.1 266)"
-        }
-      }
-    }
-  },
   storybook: {
     global: {
       background: "#ffffff"
@@ -20886,6 +20934,29 @@ const te = /* @__PURE__ */ F9(o_), lo = {
     },
     shadow: {
       default: "lch(6.77 0 0 / 0.15)"
+    },
+    feedback: {
+      info: {
+        background: "#dae6fc",
+        foreground: "#135be6"
+      },
+      success: {
+        background: "#e0f8e7",
+        foreground: "#15632b"
+      },
+      warning: {
+        background: "#ffedd8",
+        foreground: "#9e5600"
+      },
+      danger: {
+        background: "#ffdddd",
+        foreground: "#c10000"
+      },
+      neutral: {
+        background: "#e6e7e9",
+        foreground: "#53575f",
+        stroke: "lch(91.6 1.1 266)"
+      }
     }
   }
 }, c_ = {
@@ -22683,6 +22754,18 @@ const te = /* @__PURE__ */ F9(o_), lo = {
       title: {
         default: `500 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
       },
+      cell: {
+        space: {
+          md: {
+            y: "0.75rem",
+            x: "1rem"
+          },
+          sm: {
+            y: "0.5rem",
+            x: "1rem"
+          }
+        }
+      },
       color: {
         background: {
           default: "#f6f7fa"
@@ -22714,6 +22797,29 @@ const te = /* @__PURE__ */ F9(o_), lo = {
     radii: {
       all: "0.25rem"
     },
+    body: {
+      cell: {
+        space: {
+          md: {
+            y: "1rem",
+            x: "1rem"
+          },
+          sm: {
+            y: "0.5rem",
+            x: "1rem"
+          }
+        }
+      }
+    },
+    mobile: {
+      cell: {
+        space: {
+          y: "1rem",
+          x: "1rem",
+          gap: "0.5rem"
+        }
+      }
+    },
     row: {
       color: {
         background: {
@@ -23009,6 +23115,47 @@ const te = /* @__PURE__ */ F9(o_), lo = {
       }
     }
   },
+  grid: {
+    header: {
+      cell: {
+        space: {
+          y: "0.438rem",
+          x: "0.5rem"
+        }
+      }
+    },
+    body: {
+      cell: {
+        space: {
+          y: "0.25rem",
+          x: "0.5rem"
+        }
+      }
+    },
+    color: {
+      background: {
+        header: {
+          default: "lch(97.2 1.57 272 / 0.7)"
+        },
+        row: {
+          default: "#ffffff"
+        }
+      },
+      text: {
+        header: {
+          default: "#696e79"
+        },
+        row: {
+          default: "#161517"
+        }
+      },
+      stroke: {
+        cell: {
+          stroke: "lch(91.6 1.1 266)"
+        }
+      }
+    }
+  },
   global: {
     color: {
       background: {
@@ -23064,31 +23211,6 @@ const te = /* @__PURE__ */ F9(o_), lo = {
       }
     }
   },
-  grid: {
-    color: {
-      background: {
-        header: {
-          default: "lch(97.2 1.57 272 / 0.7)"
-        },
-        row: {
-          default: "#ffffff"
-        }
-      },
-      text: {
-        header: {
-          default: "#696e79"
-        },
-        row: {
-          default: "#161517"
-        }
-      },
-      stroke: {
-        cell: {
-          stroke: "lch(91.6 1.1 266)"
-        }
-      }
-    }
-  },
   storybook: {
     global: {
       background: "#ffffff"
@@ -23139,6 +23261,29 @@ const te = /* @__PURE__ */ F9(o_), lo = {
     },
     shadow: {
       default: "lch(6.77 0 0 / 0.15)"
+    },
+    feedback: {
+      info: {
+        background: "#dae6fc",
+        foreground: "#135be6"
+      },
+      success: {
+        background: "#e0f8e7",
+        foreground: "#15632b"
+      },
+      warning: {
+        background: "#ffedd8",
+        foreground: "#9e5600"
+      },
+      danger: {
+        background: "#ffdddd",
+        foreground: "#c10000"
+      },
+      neutral: {
+        background: "#e6e7e9",
+        foreground: "#53575f",
+        stroke: "lch(91.6 1.1 266)"
+      }
     }
   }
 }, Lo = {
@@ -23408,6 +23553,7 @@ const te = /* @__PURE__ */ F9(o_), lo = {
 }, i$ = () => {
   const e = Oe();
   return {
+    name: e.name,
     global: e.global,
     sizes: e.sizes
   };