@clickhouse/click-ui 0.0.237 → 0.0.238
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.
- package/dist/click-ui.bundled.es.js +29 -27
- package/dist/click-ui.bundled.es.js.map +1 -1
- package/dist/click-ui.bundled.umd.js +29 -27
- package/dist/click-ui.bundled.umd.js.map +1 -1
- package/dist/click-ui.es.js +29 -27
- package/dist/click-ui.es.js.map +1 -1
- package/dist/click-ui.umd.js +29 -27
- package/dist/click-ui.umd.js.map +1 -1
- package/dist/components/Alert/Alert.d.ts +9 -3
- package/dist/styles/types.d.ts +3 -3
- package/dist/styles/variables.classic.json.d.ts +4 -4
- package/dist/styles/variables.dark.json.d.ts +2 -1
- package/dist/styles/variables.json.d.ts +10 -10
- package/dist/styles/variables.light.json.d.ts +5 -4
- package/package.json +10 -11
package/dist/click-ui.umd.js
CHANGED
|
@@ -8470,10 +8470,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
8470
8470
|
type = "default",
|
|
8471
8471
|
showIcon = true,
|
|
8472
8472
|
dismissible,
|
|
8473
|
+
onDismiss,
|
|
8473
8474
|
customIcon,
|
|
8474
8475
|
...delegated
|
|
8475
8476
|
}) => {
|
|
8476
8477
|
const [isVisible, setIsVisible] = React.useState(true);
|
|
8478
|
+
const handleDismiss = React.useCallback(() => {
|
|
8479
|
+
setIsVisible(false);
|
|
8480
|
+
onDismiss == null ? void 0 : onDismiss();
|
|
8481
|
+
}, [onDismiss]);
|
|
8477
8482
|
return isVisible ? /* @__PURE__ */ jsxRuntime.jsxs(Wrapper$c, { $size: size2, $state: state, $type: type, "data-testid": "click-alert", ...delegated, children: [
|
|
8478
8483
|
dismissible && type === "banner" && /* @__PURE__ */ jsxRuntime.jsx(DismissWrapper$1, {}),
|
|
8479
8484
|
showIcon && /* @__PURE__ */ jsxRuntime.jsx(IconWrapper$2, { $state: state, $size: size2, $type: type, children: /* @__PURE__ */ jsxRuntime.jsx(StyledIcon, { $size: size2, size: "sm", "aria-hidden": true, name: customIcon || stateIconMap[state] }) }),
|
|
@@ -8481,7 +8486,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
8481
8486
|
title && /* @__PURE__ */ jsxRuntime.jsx(Title$4, { $size: size2, children: title }),
|
|
8482
8487
|
/* @__PURE__ */ jsxRuntime.jsx(Text$1, { $size: size2, children: text2 })
|
|
8483
8488
|
] }),
|
|
8484
|
-
dismissible && /* @__PURE__ */ jsxRuntime.jsx(DismissWrapper$1, { "data-testid": "click-alert-dismiss-button", onClick:
|
|
8489
|
+
dismissible && /* @__PURE__ */ jsxRuntime.jsx(DismissWrapper$1, { "data-testid": "click-alert-dismiss-button", onClick: handleDismiss, children: /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { name: "cross", "aria-label": "close" }) })
|
|
8485
8490
|
] }) : null;
|
|
8486
8491
|
};
|
|
8487
8492
|
const Wrapper$c = styled.styled.div.withConfig({
|
|
@@ -8523,18 +8528,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
8523
8528
|
`);
|
|
8524
8529
|
const TextWrapper = styled.styled.div.withConfig({
|
|
8525
8530
|
componentId: "sc-1wvczk0-3"
|
|
8526
|
-
})(["display:flex;flex-flow:column;word-break:break-word;", ""], ({
|
|
8531
|
+
})(["display:flex;flex-flow:column;word-break:break-word;", " a,a:focus,a:visited,a:hover{font:inherit;color:inherit;text-decoration:underline;}"], ({
|
|
8527
8532
|
$size,
|
|
8528
8533
|
theme: theme2
|
|
8529
8534
|
}) => `
|
|
8530
8535
|
gap: ${theme2.click.alert[$size].space.gap};
|
|
8531
8536
|
padding: ${theme2.click.alert[$size].space.y} ${theme2.click.alert[$size].space.x};
|
|
8532
|
-
|
|
8533
|
-
font: inherit;
|
|
8534
|
-
color: inherit;
|
|
8535
|
-
text-decoration: underline;
|
|
8536
|
-
}
|
|
8537
|
-
`);
|
|
8537
|
+
`);
|
|
8538
8538
|
const Title$4 = styled.styled.h6.withConfig({
|
|
8539
8539
|
componentId: "sc-1wvczk0-4"
|
|
8540
8540
|
})(["margin:0;font:", ";"], ({
|
|
@@ -43878,10 +43878,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
43878
43878
|
yellow: "#eef400",
|
|
43879
43879
|
violet: "#BB33FF",
|
|
43880
43880
|
babyblue: "#00CBEB",
|
|
43881
|
+
red: "#ff2323",
|
|
43881
43882
|
teal: "#089B83",
|
|
43882
43883
|
sunrise: "#FFC300",
|
|
43883
|
-
slate: "#9a9ea7"
|
|
43884
|
-
red: "#ff2323"
|
|
43884
|
+
slate: "#9a9ea7"
|
|
43885
43885
|
},
|
|
43886
43886
|
"default": {
|
|
43887
43887
|
blue: "#437EEF",
|
|
@@ -43891,10 +43891,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
43891
43891
|
yellow: "#eef400",
|
|
43892
43892
|
violet: "#BB33FF",
|
|
43893
43893
|
babyblue: "#00CBEB",
|
|
43894
|
+
red: "#ff2323",
|
|
43894
43895
|
teal: "#089B83",
|
|
43895
43896
|
sunrise: "#FFC300",
|
|
43896
|
-
slate: "#9a9ea7"
|
|
43897
|
-
red: "#ff2323"
|
|
43897
|
+
slate: "#9a9ea7"
|
|
43898
43898
|
},
|
|
43899
43899
|
label: {
|
|
43900
43900
|
"default": "#161517",
|
|
@@ -45753,7 +45753,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
45753
45753
|
yellow: "#eef400",
|
|
45754
45754
|
violet: "#BB33FF",
|
|
45755
45755
|
babyblue: "#00CBEB",
|
|
45756
|
-
|
|
45756
|
+
red: "#ff2323",
|
|
45757
45757
|
teal: "#6DF8E1",
|
|
45758
45758
|
sunrise: "#FFC300",
|
|
45759
45759
|
slate: "#9a9ea7"
|
|
@@ -45766,6 +45766,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
45766
45766
|
yellow: "#eef400",
|
|
45767
45767
|
violet: "#BB33FF",
|
|
45768
45768
|
babyblue: "#00CBEB",
|
|
45769
|
+
red: "#ff2323",
|
|
45769
45770
|
danger: "#ff2323",
|
|
45770
45771
|
teal: "#6DF8E1",
|
|
45771
45772
|
sunrise: "#FFC300",
|
|
@@ -47619,10 +47620,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
47619
47620
|
yellow: "#eef400",
|
|
47620
47621
|
violet: "#BB33FF",
|
|
47621
47622
|
babyblue: "#00CBEB",
|
|
47623
|
+
red: "#ff2323",
|
|
47622
47624
|
teal: "#089B83",
|
|
47623
47625
|
sunrise: "#FFC300",
|
|
47624
|
-
slate: "#9a9ea7"
|
|
47625
|
-
red: "#ff2323"
|
|
47626
|
+
slate: "#9a9ea7"
|
|
47626
47627
|
},
|
|
47627
47628
|
"default": {
|
|
47628
47629
|
blue: "#437EEF",
|
|
@@ -47632,10 +47633,11 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
47632
47633
|
yellow: "#eef400",
|
|
47633
47634
|
violet: "#BB33FF",
|
|
47634
47635
|
babyblue: "#00CBEB",
|
|
47636
|
+
red: "#ff2323",
|
|
47637
|
+
danger: "#ff2323",
|
|
47635
47638
|
teal: "#089B83",
|
|
47636
47639
|
sunrise: "#FFC300",
|
|
47637
|
-
slate: "#9a9ea7"
|
|
47638
|
-
red: "#ff2323"
|
|
47640
|
+
slate: "#9a9ea7"
|
|
47639
47641
|
},
|
|
47640
47642
|
label: {
|
|
47641
47643
|
"default": "#161517",
|
|
@@ -47999,8 +48001,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
47999
48001
|
muted: `400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
|
|
48000
48002
|
},
|
|
48001
48003
|
title: {
|
|
48002
|
-
"default": `
|
|
48003
|
-
muted: `
|
|
48004
|
+
"default": `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
|
|
48005
|
+
muted: `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
|
|
48004
48006
|
}
|
|
48005
48007
|
}
|
|
48006
48008
|
},
|
|
@@ -49204,7 +49206,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
49204
49206
|
titles: {
|
|
49205
49207
|
lg: `600 2rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
|
|
49206
49208
|
md: `700 1.25rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
|
|
49207
|
-
sm: `
|
|
49209
|
+
sm: `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
|
|
49208
49210
|
},
|
|
49209
49211
|
text: {
|
|
49210
49212
|
"default": `400 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
|
|
@@ -51077,11 +51079,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
51077
51079
|
yellow: "#eef400",
|
|
51078
51080
|
violet: "#BB33FF",
|
|
51079
51081
|
babyblue: "#00CBEB",
|
|
51080
|
-
|
|
51082
|
+
red: "#ff2323",
|
|
51081
51083
|
teal: "#089B83",
|
|
51082
51084
|
sunrise: "#FFC300",
|
|
51083
|
-
slate: "#9a9ea7"
|
|
51084
|
-
red: "#ff2323"
|
|
51085
|
+
slate: "#9a9ea7"
|
|
51085
51086
|
},
|
|
51086
51087
|
"default": {
|
|
51087
51088
|
blue: "#437EEF",
|
|
@@ -51091,11 +51092,11 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
51091
51092
|
yellow: "#eef400",
|
|
51092
51093
|
violet: "#BB33FF",
|
|
51093
51094
|
babyblue: "#00CBEB",
|
|
51095
|
+
red: "#ff2323",
|
|
51094
51096
|
danger: "#ff2323",
|
|
51095
51097
|
teal: "#089B83",
|
|
51096
51098
|
sunrise: "#FFC300",
|
|
51097
|
-
slate: "#9a9ea7"
|
|
51098
|
-
red: "#ff2323"
|
|
51099
|
+
slate: "#9a9ea7"
|
|
51099
51100
|
},
|
|
51100
51101
|
label: {
|
|
51101
51102
|
"default": "#161517",
|
|
@@ -51335,7 +51336,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
51335
51336
|
"1": "0.75rem",
|
|
51336
51337
|
"2": "0.875rem",
|
|
51337
51338
|
"3": "1rem",
|
|
51338
|
-
"4": "1.
|
|
51339
|
+
"4": "1.125rem",
|
|
51340
|
+
"5": "1.25rem",
|
|
51339
51341
|
"6": "2rem",
|
|
51340
51342
|
base: "16px"
|
|
51341
51343
|
},
|
|
@@ -51352,7 +51354,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
51352
51354
|
xs: `600 0.75rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
|
|
51353
51355
|
sm: `600 0.875rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
|
|
51354
51356
|
md: `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
|
|
51355
|
-
lg: `700
|
|
51357
|
+
lg: `700 1.125rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
|
|
51356
51358
|
xl: `700 1.25rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`,
|
|
51357
51359
|
"2xl": `600 2rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
|
|
51358
51360
|
},
|