@clickhouse/click-ui 0.0.223 → 0.0.225
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 +212 -2
- package/dist/click-ui.bundled.es.js.map +1 -1
- package/dist/click-ui.bundled.umd.js +212 -2
- package/dist/click-ui.bundled.umd.js.map +1 -1
- package/dist/click-ui.es.js +212 -2
- package/dist/click-ui.es.js.map +1 -1
- package/dist/click-ui.umd.js +212 -2
- package/dist/click-ui.umd.js.map +1 -1
- package/dist/components/Alert/Alert.d.ts +1 -1
- package/dist/components/Table/Table.d.ts +2 -0
- package/dist/styles/types.d.ts +101 -0
- package/dist/styles/variables.classic.json.d.ts +12 -0
- package/dist/styles/variables.dark.json.d.ts +48 -0
- package/dist/styles/variables.json.d.ts +101 -0
- package/dist/styles/variables.light.json.d.ts +48 -0
- package/package.json +1 -1
package/dist/click-ui.es.js
CHANGED
|
@@ -14251,7 +14251,7 @@ SyntaxHighlighter.registerLanguage("json", json);
|
|
|
14251
14251
|
SyntaxHighlighter.registerLanguage("tsx", tsx);
|
|
14252
14252
|
const CodeBlockContainer = styled.div.withConfig({
|
|
14253
14253
|
componentId: "sc-18gnqgi-0"
|
|
14254
|
-
})(["width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;position:relative;
|
|
14254
|
+
})(["width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;position:relative;", ""], ({
|
|
14255
14255
|
theme: theme2,
|
|
14256
14256
|
$theme
|
|
14257
14257
|
}) => {
|
|
@@ -40051,6 +40051,7 @@ const TableBodyRow = ({
|
|
|
40051
40051
|
onSelect,
|
|
40052
40052
|
isSelectable,
|
|
40053
40053
|
isSelected,
|
|
40054
|
+
isIndeterminate,
|
|
40054
40055
|
onDelete,
|
|
40055
40056
|
onEdit,
|
|
40056
40057
|
isDeleted,
|
|
@@ -40064,7 +40065,7 @@ const TableBodyRow = ({
|
|
|
40064
40065
|
const isDeletable = typeof onDelete === "function";
|
|
40065
40066
|
const isEditable = typeof onEdit === "function";
|
|
40066
40067
|
return /* @__PURE__ */ jsxs(TableRow, { $isSelectable: isSelectable, $isDeleted: isDeleted, $isDisabled: isDisabled, $isActive: isActive, $showActions: isDeletable || isEditable, $rowHeight: rowHeight, ...rowProps, children: [
|
|
40067
|
-
isSelectable && /* @__PURE__ */ jsx(SelectData, { $size: size2, children: /* @__PURE__ */ jsx(Checkbox, { checked: isSelected, onCheckedChange: onSelect, disabled: isDisabled || isDeleted }) }),
|
|
40068
|
+
isSelectable && /* @__PURE__ */ jsx(SelectData, { $size: size2, children: /* @__PURE__ */ jsx(Checkbox, { checked: isIndeterminate ? "indeterminate" : isSelected, onCheckedChange: onSelect, disabled: isDisabled || isDeleted }) }),
|
|
40068
40069
|
items.map(({
|
|
40069
40070
|
label,
|
|
40070
40071
|
...cellProps
|
|
@@ -43337,6 +43338,18 @@ const click$3 = {
|
|
|
43337
43338
|
}
|
|
43338
43339
|
}
|
|
43339
43340
|
},
|
|
43341
|
+
dashboards: {
|
|
43342
|
+
chartWidget: {
|
|
43343
|
+
color: {
|
|
43344
|
+
opacity: {
|
|
43345
|
+
bar: {
|
|
43346
|
+
"default": 0.2,
|
|
43347
|
+
hover: 0.5
|
|
43348
|
+
}
|
|
43349
|
+
}
|
|
43350
|
+
}
|
|
43351
|
+
}
|
|
43352
|
+
},
|
|
43340
43353
|
global: {
|
|
43341
43354
|
color: {
|
|
43342
43355
|
text: {
|
|
@@ -45118,6 +45131,54 @@ const click$2 = {
|
|
|
45118
45131
|
}
|
|
45119
45132
|
}
|
|
45120
45133
|
},
|
|
45134
|
+
dashboards: {
|
|
45135
|
+
chartWidget: {
|
|
45136
|
+
color: {
|
|
45137
|
+
stroke: {
|
|
45138
|
+
"default": "#323232",
|
|
45139
|
+
hover: "#414141",
|
|
45140
|
+
selected: "#FAFF69"
|
|
45141
|
+
},
|
|
45142
|
+
title: {
|
|
45143
|
+
"default": "rgb(97.5% 97.5% 97.5%)"
|
|
45144
|
+
},
|
|
45145
|
+
description: {
|
|
45146
|
+
"default": "#b3b6bd"
|
|
45147
|
+
},
|
|
45148
|
+
legend: {
|
|
45149
|
+
"default": "#b3b6bd",
|
|
45150
|
+
hover: "#b3b6bd",
|
|
45151
|
+
selected: "#ffffff"
|
|
45152
|
+
},
|
|
45153
|
+
element: {
|
|
45154
|
+
stroke: {
|
|
45155
|
+
"default": "#323232"
|
|
45156
|
+
}
|
|
45157
|
+
},
|
|
45158
|
+
background: {
|
|
45159
|
+
"default": "#282828",
|
|
45160
|
+
hover: "#282828",
|
|
45161
|
+
selected: "#282828"
|
|
45162
|
+
},
|
|
45163
|
+
icon: {
|
|
45164
|
+
"default": "#ffffff",
|
|
45165
|
+
hover: "#ffffff",
|
|
45166
|
+
selected: "#FAFF69"
|
|
45167
|
+
},
|
|
45168
|
+
opacity: {
|
|
45169
|
+
bar: {
|
|
45170
|
+
"default": 0.2,
|
|
45171
|
+
hover: 0.5
|
|
45172
|
+
}
|
|
45173
|
+
},
|
|
45174
|
+
label: {
|
|
45175
|
+
"default": "#b3b6bd",
|
|
45176
|
+
hover: "#b3b6bd",
|
|
45177
|
+
selected: "#b3b6bd"
|
|
45178
|
+
}
|
|
45179
|
+
}
|
|
45180
|
+
}
|
|
45181
|
+
},
|
|
45121
45182
|
global: {
|
|
45122
45183
|
color: {
|
|
45123
45184
|
background: {
|
|
@@ -46933,6 +46994,54 @@ const click$1 = {
|
|
|
46933
46994
|
}
|
|
46934
46995
|
}
|
|
46935
46996
|
},
|
|
46997
|
+
dashboards: {
|
|
46998
|
+
chartWidget: {
|
|
46999
|
+
color: {
|
|
47000
|
+
stroke: {
|
|
47001
|
+
"default": "#e6e7e9",
|
|
47002
|
+
hover: "#b3b6bd",
|
|
47003
|
+
selected: "#151515"
|
|
47004
|
+
},
|
|
47005
|
+
title: {
|
|
47006
|
+
"default": "lch(11.1 1.37 305)"
|
|
47007
|
+
},
|
|
47008
|
+
description: {
|
|
47009
|
+
"default": "#696e79"
|
|
47010
|
+
},
|
|
47011
|
+
legend: {
|
|
47012
|
+
"default": "#696e79",
|
|
47013
|
+
hover: "#696e79",
|
|
47014
|
+
selected: "#161517"
|
|
47015
|
+
},
|
|
47016
|
+
element: {
|
|
47017
|
+
stroke: {
|
|
47018
|
+
"default": "#e6e7e9"
|
|
47019
|
+
}
|
|
47020
|
+
},
|
|
47021
|
+
background: {
|
|
47022
|
+
"default": "#ffffff",
|
|
47023
|
+
hover: "#ffffff",
|
|
47024
|
+
selected: "#ffffff"
|
|
47025
|
+
},
|
|
47026
|
+
icon: {
|
|
47027
|
+
"default": "#161517",
|
|
47028
|
+
hover: "#161517",
|
|
47029
|
+
selected: "#151515"
|
|
47030
|
+
},
|
|
47031
|
+
opacity: {
|
|
47032
|
+
bar: {
|
|
47033
|
+
"default": 0.2,
|
|
47034
|
+
hover: 0.5
|
|
47035
|
+
}
|
|
47036
|
+
},
|
|
47037
|
+
label: {
|
|
47038
|
+
"default": "#696e79",
|
|
47039
|
+
hover: "#696e79",
|
|
47040
|
+
selected: "#696e79"
|
|
47041
|
+
}
|
|
47042
|
+
}
|
|
47043
|
+
}
|
|
47044
|
+
},
|
|
46936
47045
|
global: {
|
|
46937
47046
|
color: {
|
|
46938
47047
|
background: {
|
|
@@ -50242,6 +50351,107 @@ const click = {
|
|
|
50242
50351
|
}
|
|
50243
50352
|
}
|
|
50244
50353
|
},
|
|
50354
|
+
dashboards: {
|
|
50355
|
+
chartWidget: {
|
|
50356
|
+
space: {
|
|
50357
|
+
gap: "1rem",
|
|
50358
|
+
element: {
|
|
50359
|
+
gap: "0.5rem"
|
|
50360
|
+
}
|
|
50361
|
+
},
|
|
50362
|
+
borderWidth: {
|
|
50363
|
+
"default": "1px"
|
|
50364
|
+
},
|
|
50365
|
+
stroke: {
|
|
50366
|
+
"default": "1px solid #e6e7e9",
|
|
50367
|
+
element: {
|
|
50368
|
+
"default": "1px solid #e6e7e9"
|
|
50369
|
+
},
|
|
50370
|
+
hover: "1px solid #b3b6bd",
|
|
50371
|
+
selected: "1px solid #151515"
|
|
50372
|
+
},
|
|
50373
|
+
element: {
|
|
50374
|
+
radii: {
|
|
50375
|
+
all: "0.25rem"
|
|
50376
|
+
}
|
|
50377
|
+
},
|
|
50378
|
+
radii: {
|
|
50379
|
+
all: "0.25rem"
|
|
50380
|
+
},
|
|
50381
|
+
typography: {
|
|
50382
|
+
title: {
|
|
50383
|
+
"default": `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
|
|
50384
|
+
},
|
|
50385
|
+
description: {
|
|
50386
|
+
"default": {
|
|
50387
|
+
"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;`
|
|
50388
|
+
}
|
|
50389
|
+
},
|
|
50390
|
+
label: {
|
|
50391
|
+
"default": {
|
|
50392
|
+
"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;`
|
|
50393
|
+
}
|
|
50394
|
+
}
|
|
50395
|
+
},
|
|
50396
|
+
shadow: {
|
|
50397
|
+
"default": "0",
|
|
50398
|
+
hover: "0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15)"
|
|
50399
|
+
},
|
|
50400
|
+
size: {
|
|
50401
|
+
icon: {
|
|
50402
|
+
all: {
|
|
50403
|
+
drag: "1.25rem",
|
|
50404
|
+
menu: "1.5rem",
|
|
50405
|
+
resize: "0.75rem"
|
|
50406
|
+
}
|
|
50407
|
+
}
|
|
50408
|
+
},
|
|
50409
|
+
color: {
|
|
50410
|
+
stroke: {
|
|
50411
|
+
"default": "#e6e7e9",
|
|
50412
|
+
hover: "#b3b6bd",
|
|
50413
|
+
selected: "#151515"
|
|
50414
|
+
},
|
|
50415
|
+
title: {
|
|
50416
|
+
"default": "lch(11.1 1.37 305)"
|
|
50417
|
+
},
|
|
50418
|
+
description: {
|
|
50419
|
+
"default": "#696e79"
|
|
50420
|
+
},
|
|
50421
|
+
legend: {
|
|
50422
|
+
"default": "#696e79",
|
|
50423
|
+
hover: "#696e79",
|
|
50424
|
+
selected: "#161517"
|
|
50425
|
+
},
|
|
50426
|
+
element: {
|
|
50427
|
+
stroke: {
|
|
50428
|
+
"default": "#e6e7e9"
|
|
50429
|
+
}
|
|
50430
|
+
},
|
|
50431
|
+
background: {
|
|
50432
|
+
"default": "#ffffff",
|
|
50433
|
+
hover: "#ffffff",
|
|
50434
|
+
selected: "#ffffff"
|
|
50435
|
+
},
|
|
50436
|
+
icon: {
|
|
50437
|
+
"default": "#161517",
|
|
50438
|
+
hover: "#161517",
|
|
50439
|
+
selected: "#151515"
|
|
50440
|
+
},
|
|
50441
|
+
opacity: {
|
|
50442
|
+
bar: {
|
|
50443
|
+
"default": 0.2,
|
|
50444
|
+
hover: 0.5
|
|
50445
|
+
}
|
|
50446
|
+
},
|
|
50447
|
+
label: {
|
|
50448
|
+
"default": "#696e79",
|
|
50449
|
+
hover: "#696e79",
|
|
50450
|
+
selected: "#696e79"
|
|
50451
|
+
}
|
|
50452
|
+
}
|
|
50453
|
+
}
|
|
50454
|
+
},
|
|
50245
50455
|
global: {
|
|
50246
50456
|
color: {
|
|
50247
50457
|
background: {
|