@clickhouse/click-ui 0.0.179 → 0.0.180

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.
@@ -9676,7 +9676,7 @@ const LinkIcon = styled(LinkIconContainer).withConfig({
9676
9676
  })([""]);
9677
9677
  const Wrapper$a = styled.div.withConfig({
9678
9678
  componentId: "sc-1drx130-8"
9679
- })(["background-color:", ";border-radius:", ";border:", ";max-width:420px;min-width:320px;display:flex;flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,:focus{background-color:", ";cursor:pointer;", ",", "{color:", ';}}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{', "}"], ({
9679
+ })(["background-color:", ";border-radius:", ";border:", ";max-width:420px;min-width:320px;display:flex;flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,:focus{background-color:", ";cursor:pointer;", ",", "{color:", ';}}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{pointer-events:none;', "}"], ({
9680
9680
  theme: theme2
9681
9681
  }) => theme2.click.card.secondary.color.background.default, ({
9682
9682
  theme: theme2
@@ -9832,7 +9832,7 @@ const withTopBadge = (Component2) => ({
9832
9832
  };
9833
9833
  const Wrapper$8 = styled.div.withConfig({
9834
9834
  componentId: "sc-2dguvi-0"
9835
- })(["background-color:", ";border-radius:", ";border:", ";display:flex;width:100%;max-width:100%;text-align:", ";flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,&:focus{background-color:", ";cursor:pointer;button{background-color:", ";border-color:", ";&:active{background-color:", ";border-color:", ";}}}&:active{border-color:", ';}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{', "}", ""], ({
9835
+ })(["background-color:", ";border-radius:", ";border:", ";display:flex;width:100%;max-width:100%;text-align:", ";flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,&:focus{background-color:", ";cursor:pointer;button{background-color:", ";border-color:", ";&:active{background-color:", ";border-color:", ";}}}&:active{border-color:", ';}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{pointer-events:none;', "}", ""], ({
9836
9836
  theme: theme2
9837
9837
  }) => theme2.click.card.primary.color.background.default, ({
9838
9838
  theme: theme2
@@ -9999,6 +9999,7 @@ const Wrapper$7 = styled.div.withConfig({
9999
9999
  }
10000
10000
  }
10001
10001
  ${$disabled ? `
10002
+ pointer-events: none;
10002
10003
  &,
10003
10004
  &:hover,
10004
10005
  &:active, &:focus, &:focus-within {
@@ -9692,7 +9692,7 @@ var __publicField = (obj, key, value) => {
9692
9692
  })([""]);
9693
9693
  const Wrapper$a = styledComponents.styled.div.withConfig({
9694
9694
  componentId: "sc-1drx130-8"
9695
- })(["background-color:", ";border-radius:", ";border:", ";max-width:420px;min-width:320px;display:flex;flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,:focus{background-color:", ";cursor:pointer;", ",", "{color:", ';}}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{', "}"], ({
9695
+ })(["background-color:", ";border-radius:", ";border:", ";max-width:420px;min-width:320px;display:flex;flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,:focus{background-color:", ";cursor:pointer;", ",", "{color:", ';}}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{pointer-events:none;', "}"], ({
9696
9696
  theme: theme2
9697
9697
  }) => theme2.click.card.secondary.color.background.default, ({
9698
9698
  theme: theme2
@@ -9848,7 +9848,7 @@ var __publicField = (obj, key, value) => {
9848
9848
  };
9849
9849
  const Wrapper$8 = styledComponents.styled.div.withConfig({
9850
9850
  componentId: "sc-2dguvi-0"
9851
- })(["background-color:", ";border-radius:", ";border:", ";display:flex;width:100%;max-width:100%;text-align:", ";flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,&:focus{background-color:", ";cursor:pointer;button{background-color:", ";border-color:", ";&:active{background-color:", ";border-color:", ";}}}&:active{border-color:", ';}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{', "}", ""], ({
9851
+ })(["background-color:", ";border-radius:", ";border:", ";display:flex;width:100%;max-width:100%;text-align:", ";flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,&:focus{background-color:", ";cursor:pointer;button{background-color:", ";border-color:", ";&:active{background-color:", ";border-color:", ";}}}&:active{border-color:", ';}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{pointer-events:none;', "}", ""], ({
9852
9852
  theme: theme2
9853
9853
  }) => theme2.click.card.primary.color.background.default, ({
9854
9854
  theme: theme2
@@ -10015,6 +10015,7 @@ var __publicField = (obj, key, value) => {
10015
10015
  }
10016
10016
  }
10017
10017
  ${$disabled ? `
10018
+ pointer-events: none;
10018
10019
  &,
10019
10020
  &:hover,
10020
10021
  &:active, &:focus, &:focus-within {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "0.0.179",
3
+ "version": "0.0.180",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",