@clickhouse/click-ui 0.0.214 → 0.0.215

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/click-ui.bundled.es.js +5 -2
  2. package/dist/click-ui.bundled.umd.js +5 -2
  3. package/dist/click-ui.es.js +5 -2
  4. package/dist/click-ui.umd.js +5 -2
  5. package/package.json +1 -1
package/dist/click-ui.bundled.es.js CHANGED
@@ -51911,8 +51911,8 @@ const MultiAccordionItem = ({
51911
51911
  /* @__PURE__ */ jsx(AccordionIconWrapper, { children: /* @__PURE__ */ jsx(SvgImage, { name: "chevron-right", size: iconSize ?? customSize, "aria-label": "accordion icon" }) }),
51912
51912
  icon ? /* @__PURE__ */ jsx(SvgImage, { name: icon, size: iconSize ?? customSize }) : null
51913
51913
  ] }),
51914
- /* @__PURE__ */ jsxs(Container, { isResponsive: false, gap: "sm", alignItems: "center", fillWidth: true, justifyContent: "space-between", component: "span", children: [
51915
- /* @__PURE__ */ jsx(Text, { component: "span", size: customSize, fillWidth, children: title }),
51914
+ /* @__PURE__ */ jsxs(Container, { isResponsive: false, gap: "sm", alignItems: "center", fillWidth: true, justifyContent: "space-between", component: "span", overflow: "hidden", children: [
51915
+ /* @__PURE__ */ jsx(AccordionItemTitle, { component: "span", size: customSize, fillWidth, children: title }),
51916
51916
  showCheck && /* @__PURE__ */ jsx(CustomIcon, { name: isCompleted ? "check-in-circle" : "circle", $isCompleted: isCompleted, size: iconSize ?? customSize, "aria-label": "accordion icon status", onClick: onClickStatus, "data-icon": "accordion-status", "data-testid": "accordion-status-icon" })
51917
51917
  ] })
51918
51918
  ] }),
@@ -52003,6 +52003,9 @@ const AccordionContent = pt($1bf158f521e1b1b4$export$7c6e2c02157bb7d2).withConfi
52003
52003
  theme: theme2,
52004
52004
  $padding
52005
52005
  }) => theme2.click.container.space[$padding]);
52006
+ const AccordionItemTitle = pt(Text).withConfig({
52007
+ componentId: "sc-1lb3204-7"
52008
+ })(["overflow:hidden;"]);
52006
52009
  export {
52007
52010
  AccordionToExport as Accordion,
52008
52011
  Alert,
package/dist/click-ui.bundled.umd.js CHANGED
@@ -51927,8 +51927,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
51927
51927
  /* @__PURE__ */ jsxRuntime.jsx(AccordionIconWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { name: "chevron-right", size: iconSize ?? customSize, "aria-label": "accordion icon" }) }),
51928
51928
  icon ? /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { name: icon, size: iconSize ?? customSize }) : null
51929
51929
  ] }),
51930
- /* @__PURE__ */ jsxRuntime.jsxs(Container, { isResponsive: false, gap: "sm", alignItems: "center", fillWidth: true, justifyContent: "space-between", component: "span", children: [
51931
- /* @__PURE__ */ jsxRuntime.jsx(Text, { component: "span", size: customSize, fillWidth, children: title }),
51930
+ /* @__PURE__ */ jsxRuntime.jsxs(Container, { isResponsive: false, gap: "sm", alignItems: "center", fillWidth: true, justifyContent: "space-between", component: "span", overflow: "hidden", children: [
51931
+ /* @__PURE__ */ jsxRuntime.jsx(AccordionItemTitle, { component: "span", size: customSize, fillWidth, children: title }),
51932
51932
  showCheck && /* @__PURE__ */ jsxRuntime.jsx(CustomIcon, { name: isCompleted ? "check-in-circle" : "circle", $isCompleted: isCompleted, size: iconSize ?? customSize, "aria-label": "accordion icon status", onClick: onClickStatus, "data-icon": "accordion-status", "data-testid": "accordion-status-icon" })
51933
51933
  ] })
51934
51934
  ] }),
@@ -52019,6 +52019,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
52019
52019
  theme: theme2,
52020
52020
  $padding
52021
52021
  }) => theme2.click.container.space[$padding]);
52022
+ const AccordionItemTitle = pt(Text).withConfig({
52023
+ componentId: "sc-1lb3204-7"
52024
+ })(["overflow:hidden;"]);
52022
52025
  exports2.Accordion = AccordionToExport;
52023
52026
  exports2.Alert = Alert;
52024
52027
  exports2.AutoComplete = AutoComplete;
package/dist/click-ui.es.js CHANGED
@@ -50743,8 +50743,8 @@ const MultiAccordionItem = ({
50743
50743
  /* @__PURE__ */ jsx(AccordionIconWrapper, { children: /* @__PURE__ */ jsx(SvgImage, { name: "chevron-right", size: iconSize ?? customSize, "aria-label": "accordion icon" }) }),
50744
50744
  icon ? /* @__PURE__ */ jsx(SvgImage, { name: icon, size: iconSize ?? customSize }) : null
50745
50745
  ] }),
50746
- /* @__PURE__ */ jsxs(Container, { isResponsive: false, gap: "sm", alignItems: "center", fillWidth: true, justifyContent: "space-between", component: "span", children: [
50747
- /* @__PURE__ */ jsx(Text, { component: "span", size: customSize, fillWidth, children: title }),
50746
+ /* @__PURE__ */ jsxs(Container, { isResponsive: false, gap: "sm", alignItems: "center", fillWidth: true, justifyContent: "space-between", component: "span", overflow: "hidden", children: [
50747
+ /* @__PURE__ */ jsx(AccordionItemTitle, { component: "span", size: customSize, fillWidth, children: title }),
50748
50748
  showCheck && /* @__PURE__ */ jsx(CustomIcon, { name: isCompleted ? "check-in-circle" : "circle", $isCompleted: isCompleted, size: iconSize ?? customSize, "aria-label": "accordion icon status", onClick: onClickStatus, "data-icon": "accordion-status", "data-testid": "accordion-status-icon" })
50749
50749
  ] })
50750
50750
  ] }),
@@ -50835,6 +50835,9 @@ const AccordionContent = styled($1bf158f521e1b1b4$export$7c6e2c02157bb7d2).withC
50835
50835
  theme: theme2,
50836
50836
  $padding
50837
50837
  }) => theme2.click.container.space[$padding]);
50838
+ const AccordionItemTitle = styled(Text).withConfig({
50839
+ componentId: "sc-1lb3204-7"
50840
+ })(["overflow:hidden;"]);
50838
50841
  export {
50839
50842
  AccordionToExport as Accordion,
50840
50843
  Alert,
package/dist/click-ui.umd.js CHANGED
@@ -50758,8 +50758,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
50758
50758
  /* @__PURE__ */ jsxRuntime.jsx(AccordionIconWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { name: "chevron-right", size: iconSize ?? customSize, "aria-label": "accordion icon" }) }),
50759
50759
  icon ? /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { name: icon, size: iconSize ?? customSize }) : null
50760
50760
  ] }),
50761
- /* @__PURE__ */ jsxRuntime.jsxs(Container, { isResponsive: false, gap: "sm", alignItems: "center", fillWidth: true, justifyContent: "space-between", component: "span", children: [
50762
- /* @__PURE__ */ jsxRuntime.jsx(Text, { component: "span", size: customSize, fillWidth, children: title }),
50761
+ /* @__PURE__ */ jsxRuntime.jsxs(Container, { isResponsive: false, gap: "sm", alignItems: "center", fillWidth: true, justifyContent: "space-between", component: "span", overflow: "hidden", children: [
50762
+ /* @__PURE__ */ jsxRuntime.jsx(AccordionItemTitle, { component: "span", size: customSize, fillWidth, children: title }),
50763
50763
  showCheck && /* @__PURE__ */ jsxRuntime.jsx(CustomIcon, { name: isCompleted ? "check-in-circle" : "circle", $isCompleted: isCompleted, size: iconSize ?? customSize, "aria-label": "accordion icon status", onClick: onClickStatus, "data-icon": "accordion-status", "data-testid": "accordion-status-icon" })
50764
50764
  ] })
50765
50765
  ] }),
@@ -50850,6 +50850,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
50850
50850
  theme: theme2,
50851
50851
  $padding
50852
50852
  }) => theme2.click.container.space[$padding]);
50853
+ const AccordionItemTitle = styled.styled(Text).withConfig({
50854
+ componentId: "sc-1lb3204-7"
50855
+ })(["overflow:hidden;"]);
50853
50856
  exports2.Accordion = AccordionToExport;
50854
50857
  exports2.Alert = Alert;
50855
50858
  exports2.AutoComplete = AutoComplete;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "0.0.214",
3
+ "version": "0.0.215",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",