@clickhouse/click-ui 0.0.33 → 0.0.34

package/dist/click-ui.es.js

@@ -1564,14 +1564,17 @@ const Ai = (e) => /* @__PURE__ */ t.jsxs("svg", { width: "24", height: "25", vie
 }) => e.click.field.space.gap, ({
   theme: e,
   $orientation: n = "vertical",
-  $dir: i = "start"
+  $dir: i = "start",
+  $addLabelPadding: s = !1
 }) => `
     flex-direction: ${n === "horizontal" ? i === "start" ? "row-reverse" : "row" : i === "start" ? "column-reverse" : "column"};
     align-items: flex-start;
+    ${s && n === "horizontal" ? `
     label {
-      padding-top: ${n === "horizontal" ? `calc(${e.click.field.space.y} + 1px)` : 0};
-      ${n === "horizontal" ? "line-height: 1lh;" : ""}
+      padding-top: calc(${e.click.field.space.y} + 1px);
+      line-height: 1lh;
     }
+    ` : ""}
   `), At = H.div.withConfig({
   componentId: "sc-1sddmxu-1"
 })(["", ";"], ({
@@ -3441,7 +3444,7 @@ const Le = H.button.withConfig({
   "aws-s3": zt,
   "aws-redshift": Wt,
   "aws-msk": b8,
-  kakfa: er,
+  kafka: er,
   fivetran: n8,
   confluent: Yt,
   tableau: nr,
@@ -3537,7 +3540,7 @@ const Le = H.button.withConfig({
   "aws-s3": zt,
   "aws-redshift": Wt,
   "aws-msk": b8,
-  kakfa: rr,
+  kafka: rr,
   fivetran: n8,
   confluent: Yt,
   tableau: lr,
@@ -8061,7 +8064,7 @@ const Jd = H.div.withConfig({
   theme: n
 }) => e == !0 ? n.click.global.color.text.muted : n.click.global.color.text.default), eu = H.div.withConfig({
   componentId: "sc-1drx130-2"
-})(["display:flex;flex-direction:column;"]), tu = H.a.withConfig({
+})(["display:flex;flex-direction:column;flex:1;"]), tu = H.a.withConfig({
   componentId: "sc-1drx130-3"
 })(["display:flex;align-items:center;color:", ";text-decoration:none;"], ({
   theme: e
@@ -8184,7 +8187,7 @@ const Jd = H.div.withConfig({
   theme: n
 }) => n.click.card.primary.size.icon[e].all), ru = H.div.withConfig({
   componentId: "sc-2dguvi-2"
-})(["width:85%;display:flex;flex-direction:column;align-self:center;gap:", ";"], ({
+})(["width:85%;display:flex;flex-direction:column;align-self:center;gap:", ";flex:1;"], ({
   $size: e = "md",
   theme: n
 }) => n.click.card.primary.space[e].gap), $j = ({
@@ -11588,7 +11591,7 @@ const Qh = H.a.withConfig({
   children: a,
   orientation: r,
   dir: o
-}) => /* @__PURE__ */ t.jsxs(w2, { $orientation: r, $dir: o, children: [
+}) => /* @__PURE__ */ t.jsxs(w2, { $orientation: r, $dir: o, $addLabelPadding: !0, children: [
   /* @__PURE__ */ t.jsxs(Nt, { children: [
     /* @__PURE__ */ t.jsx(tC, { $error: !!i, children: a }),
     !!i && i !== !0 && /* @__PURE__ */ t.jsx(At, { children: i })
@@ -14531,7 +14534,7 @@ const qp = H.div.withConfig({
   }), [_, O, R, d, b, l]), o1 = typeof p == "function", v1 = (G) => {
     G.preventDefault(), G.stopPropagation(), o1 && (p(_), d(_));
   };
-  return /* @__PURE__ */ t.jsxs(w2, { $orientation: i, $dir: s, ...L, children: [
+  return /* @__PURE__ */ t.jsxs(w2, { $orientation: i, $dir: s, $addLabelPadding: !0, ...L, children: [
     /* @__PURE__ */ t.jsxs(Nt, { children: [
       /* @__PURE__ */ t.jsxs(GC, { open: u, onOpenChange: f, children: [
         /* @__PURE__ */ t.jsxs(qC, { id: r ?? j, $error: !!o, disabled: a, "data-testid": "select-trigger", children: [
@@ -17456,12 +17459,12 @@ const W3 = /* @__PURE__ */ $9(ij), ri = {
           color: {
             text: {
               default: "#696e79",
-              hover: "#ffffff",
+              hover: "#151515",
               active: "#161517"
             },
             background: {
               default: "rgba(0,0,0,0)",
-              hover: "lch(40.9 16.2 296)",
+              hover: "lch(91.6 1.1 266 / 0.6)",
               active: "rgba(0,0,0,0)"
             }
           }