@clickhouse/click-ui 0.0.148 → 0.0.150

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.es.js +8 -5
  2. package/dist/click-ui.umd.js +8 -5
  3. package/dist/styles/types.d.ts +2 -0
  4. package/dist/styles/variables.json.d.ts +4 -2
  5. package/package.json +1 -1
package/dist/click-ui.es.js CHANGED
@@ -14844,9 +14844,9 @@ const FlyoutContent = styled($5d3850c4d0b4e6c7$export$b6d9565de1e068cf).withConf
14844
14844
  height: ${$strategy === "relative" ? "100%" : "auto"};
14845
14845
  padding: 0 ${theme2.click.flyout.space[$type].x}
14846
14846
  gap: ${theme2.click.flyout.space[$type].gap};
14847
+ box-shadow: ${$align === "start" ? theme2.click.flyout.shadow.reverse : theme2.click.flyout.shadow.default};
14847
14848
  border-${$align === "start" ? "right" : "left"}: 1px solid ${theme2.click.flyout.color.stroke.default};
14848
14849
  background: ${theme2.click.flyout.color.background.default};
14849
- box-shadow: ${theme2.click.flyout.shadow.default}};
14850
14850
 
14851
14851
  @media (max-width: 1024px) {
14852
14852
  ${$strategy === "relative" ? `
@@ -37634,8 +37634,9 @@ const SidebarCollapsibleTitle = ({
37634
37634
  }
37635
37635
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Collapsible, { open: open2, onOpenChange, children: [
37636
37636
  /* @__PURE__ */ jsxRuntimeExports.jsxs(SidebarTitleWrapper, { as: Collapsible.Trigger, $collapsible: true, iconDir, "data-selected": selected, $type: type, ...props, children: [
37637
- icon && /* @__PURE__ */ jsxRuntimeExports.jsx(SvgImage, { name: icon, size: "sm" }),
37638
- label
37637
+ icon && iconDir === "start" && /* @__PURE__ */ jsxRuntimeExports.jsx(SvgImage, { name: icon, size: "sm" }),
37638
+ label,
37639
+ icon && iconDir === "end" && /* @__PURE__ */ jsxRuntimeExports.jsx(SvgImage, { name: icon, size: "sm" })
37639
37640
  ] }),
37640
37641
  /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible.Content, { children })
37641
37642
  ] });
@@ -47288,7 +47289,8 @@ const click = {
47288
47289
  }
47289
47290
  },
47290
47291
  shadow: {
47291
- "default": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)"
47292
+ "default": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)",
47293
+ reverse: "5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)"
47292
47294
  },
47293
47295
  size: {
47294
47296
  "default": {
@@ -47931,7 +47933,8 @@ const spaces = {
47931
47933
  const shadow = {
47932
47934
  "1": "0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15)",
47933
47935
  "2": "0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1)",
47934
- "3": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)"
47936
+ "3": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)",
47937
+ "4": "5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)"
47935
47938
  };
47936
47939
  const breakpoint = {
47937
47940
  sizes: {
package/dist/click-ui.umd.js CHANGED
@@ -14861,9 +14861,9 @@ var __publicField = (obj, key, value) => {
14861
14861
  height: ${$strategy === "relative" ? "100%" : "auto"};
14862
14862
  padding: 0 ${theme2.click.flyout.space[$type].x}
14863
14863
  gap: ${theme2.click.flyout.space[$type].gap};
14864
+ box-shadow: ${$align === "start" ? theme2.click.flyout.shadow.reverse : theme2.click.flyout.shadow.default};
14864
14865
  border-${$align === "start" ? "right" : "left"}: 1px solid ${theme2.click.flyout.color.stroke.default};
14865
14866
  background: ${theme2.click.flyout.color.background.default};
14866
- box-shadow: ${theme2.click.flyout.shadow.default}};
14867
14867
 
14868
14868
  @media (max-width: 1024px) {
14869
14869
  ${$strategy === "relative" ? `
@@ -37651,8 +37651,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
37651
37651
  }
37652
37652
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Collapsible, { open: open2, onOpenChange, children: [
37653
37653
  /* @__PURE__ */ jsxRuntimeExports.jsxs(SidebarTitleWrapper, { as: Collapsible.Trigger, $collapsible: true, iconDir, "data-selected": selected, $type: type, ...props, children: [
37654
- icon && /* @__PURE__ */ jsxRuntimeExports.jsx(SvgImage, { name: icon, size: "sm" }),
37655
- label
37654
+ icon && iconDir === "start" && /* @__PURE__ */ jsxRuntimeExports.jsx(SvgImage, { name: icon, size: "sm" }),
37655
+ label,
37656
+ icon && iconDir === "end" && /* @__PURE__ */ jsxRuntimeExports.jsx(SvgImage, { name: icon, size: "sm" })
37656
37657
  ] }),
37657
37658
  /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible.Content, { children })
37658
37659
  ] });
@@ -47305,7 +47306,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
47305
47306
  }
47306
47307
  },
47307
47308
  shadow: {
47308
- "default": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)"
47309
+ "default": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)",
47310
+ reverse: "5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)"
47309
47311
  },
47310
47312
  size: {
47311
47313
  "default": {
@@ -47948,7 +47950,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
47948
47950
  const shadow = {
47949
47951
  "1": "0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15)",
47950
47952
  "2": "0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1)",
47951
- "3": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)"
47953
+ "3": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)",
47954
+ "4": "5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)"
47952
47955
  };
47953
47956
  const breakpoint = {
47954
47957
  sizes: {
package/dist/styles/types.d.ts CHANGED
@@ -2479,6 +2479,7 @@ export interface Theme {
2479
2479
  };
2480
2480
  "shadow": {
2481
2481
  "default": string;
2482
+ "reverse": string;
2482
2483
  };
2483
2484
  "size": {
2484
2485
  "default": {
@@ -3122,6 +3123,7 @@ export interface Theme {
3122
3123
  "1": string;
3123
3124
  "2": string;
3124
3125
  "3": string;
3126
+ "4": string;
3125
3127
  };
3126
3128
  "breakpoint": {
3127
3129
  "sizes": {
package/dist/styles/variables.json.d.ts CHANGED
@@ -2478,7 +2478,8 @@ declare const _default: {
2478
2478
  }
2479
2479
  },
2480
2480
  "shadow": {
2481
- "default": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)"
2481
+ "default": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)",
2482
+ "reverse": "5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)"
2482
2483
  },
2483
2484
  "size": {
2484
2485
  "default": {
@@ -3121,7 +3122,8 @@ declare const _default: {
3121
3122
  "shadow": {
3122
3123
  "1": "0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15)",
3123
3124
  "2": "0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1)",
3124
- "3": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)"
3125
+ "3": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)",
3126
+ "4": "5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)"
3125
3127
  },
3126
3128
  "breakpoint": {
3127
3129
  "sizes": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "v0.0.148",
3
+ "version": "0.0.150",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",