@clickhouse/click-ui 0.0.123 → 0.0.124

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 (4) hide show
  1. package/dist/click-ui.es.js +7 -4
  2. package/dist/click-ui.umd.js +7 -4
  3. package/dist/components/Collapsible/Collapsible.d.ts +2 -2
  4. package/package.json +1 -1
package/dist/click-ui.es.js CHANGED
@@ -36918,6 +36918,9 @@ const NavContext = createContext({
36918
36918
  open: false,
36919
36919
  onOpenChange: () => null
36920
36920
  });
36921
+ const CollapsibleContainer = styled.div.withConfig({
36922
+ componentId: "sc-guwmyz-0"
36923
+ })(["width:100%;"]);
36921
36924
  const Collapsible = ({
36922
36925
  open: openProp,
36923
36926
  onOpenChange: onOpenChangeProp,
@@ -36940,10 +36943,10 @@ const Collapsible = ({
36940
36943
  open: openProp ?? open2,
36941
36944
  onOpenChange
36942
36945
  };
36943
- return /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { isResponsive: false, ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavContext.Provider, { value, children }) });
36946
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContainer, { ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavContext.Provider, { value, children }) });
36944
36947
  };
36945
36948
  const CollapsipleHeaderContainer = styled.div.withConfig({
36946
- componentId: "sc-guwmyz-0"
36949
+ componentId: "sc-guwmyz-1"
36947
36950
  })(["margin-left:", ";user-select:none;"], ({
36948
36951
  theme: theme2,
36949
36952
  $indicatorDir
@@ -36976,7 +36979,7 @@ const CollapsipleHeader = forwardRef(({
36976
36979
  CollapsipleHeader.displayName = "CollapsibleHeader";
36977
36980
  Collapsible.Header = CollapsipleHeader;
36978
36981
  const CollapsipleTriggerButton = styled(EmptyButton$1).withConfig({
36979
- componentId: "sc-guwmyz-1"
36982
+ componentId: "sc-guwmyz-2"
36980
36983
  })(['display:flex;align-items:center;font:inherit;color:inherit;cursor:inherit;[data-trigger-icon]{visibility:hidden;transition:transform 150ms cubic-bezier(0.87,0,0.13,1);&[data-open="true"]{transform:rotate(90deg);}}&:hover{[data-trigger-icon]{visibility:visible;}}']);
36981
36984
  const CollapsipleTrigger = ({
36982
36985
  onClick: onClickProp,
@@ -37007,7 +37010,7 @@ const CollapsipleTrigger = ({
37007
37010
  CollapsipleTrigger.displayName = "CollapsibleTrigger";
37008
37011
  Collapsible.Trigger = CollapsipleTrigger;
37009
37012
  const CollapsibleContentWrapper = styled.div.withConfig({
37010
- componentId: "sc-guwmyz-2"
37013
+ componentId: "sc-guwmyz-3"
37011
37014
  })(["", ""], ({
37012
37015
  theme: theme2,
37013
37016
  $indicatorDir
package/dist/click-ui.umd.js CHANGED
@@ -36935,6 +36935,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
36935
36935
  open: false,
36936
36936
  onOpenChange: () => null
36937
36937
  });
36938
+ const CollapsibleContainer = styled.div.withConfig({
36939
+ componentId: "sc-guwmyz-0"
36940
+ })(["width:100%;"]);
36938
36941
  const Collapsible = ({
36939
36942
  open: openProp,
36940
36943
  onOpenChange: onOpenChangeProp,
@@ -36957,10 +36960,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
36957
36960
  open: openProp ?? open2,
36958
36961
  onOpenChange
36959
36962
  };
36960
- return /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { isResponsive: false, ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavContext.Provider, { value, children }) });
36963
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContainer, { ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavContext.Provider, { value, children }) });
36961
36964
  };
36962
36965
  const CollapsipleHeaderContainer = styled.div.withConfig({
36963
- componentId: "sc-guwmyz-0"
36966
+ componentId: "sc-guwmyz-1"
36964
36967
  })(["margin-left:", ";user-select:none;"], ({
36965
36968
  theme: theme2,
36966
36969
  $indicatorDir
@@ -36993,7 +36996,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
36993
36996
  CollapsipleHeader.displayName = "CollapsibleHeader";
36994
36997
  Collapsible.Header = CollapsipleHeader;
36995
36998
  const CollapsipleTriggerButton = styled(EmptyButton$1).withConfig({
36996
- componentId: "sc-guwmyz-1"
36999
+ componentId: "sc-guwmyz-2"
36997
37000
  })(['display:flex;align-items:center;font:inherit;color:inherit;cursor:inherit;[data-trigger-icon]{visibility:hidden;transition:transform 150ms cubic-bezier(0.87,0,0.13,1);&[data-open="true"]{transform:rotate(90deg);}}&:hover{[data-trigger-icon]{visibility:visible;}}']);
36998
37001
  const CollapsipleTrigger = ({
36999
37002
  onClick: onClickProp,
@@ -37024,7 +37027,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
37024
37027
  CollapsipleTrigger.displayName = "CollapsibleTrigger";
37025
37028
  Collapsible.Trigger = CollapsipleTrigger;
37026
37029
  const CollapsibleContentWrapper = styled.div.withConfig({
37027
- componentId: "sc-guwmyz-2"
37030
+ componentId: "sc-guwmyz-3"
37028
37031
  })(["", ""], ({
37029
37032
  theme: theme2,
37030
37033
  $indicatorDir
package/dist/components/Collapsible/Collapsible.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { HTMLAttributes } from "react";
2
- import { HorizontalDirection, IconName, ContainerProps } from '../../components';
3
- export interface CollapsibleProps extends ContainerProps {
2
+ import { HorizontalDirection, IconName } from '../../components';
3
+ export interface CollapsibleProps extends HTMLAttributes<HTMLDivElement> {
4
4
  open?: boolean;
5
5
  onOpenChange?: (value: boolean) => void;
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "0.0.123",
3
+ "version": "0.0.124",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",