@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
|
@@ -15419,7 +15419,7 @@ SyntaxHighlighter.registerLanguage("json", json);
|
|
|
15419
15419
|
SyntaxHighlighter.registerLanguage("tsx", tsx);
|
|
15420
15420
|
const CodeBlockContainer = pt.div.withConfig({
|
|
15421
15421
|
componentId: "sc-18gnqgi-0"
|
|
15422
|
-
})(["width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;position:relative;
|
|
15422
|
+
})(["width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;position:relative;", ""], ({
|
|
15423
15423
|
theme: theme2,
|
|
15424
15424
|
$theme
|
|
15425
15425
|
}) => {
|
|
@@ -41219,6 +41219,7 @@ const TableBodyRow = ({
|
|
|
41219
41219
|
onSelect,
|
|
41220
41220
|
isSelectable,
|
|
41221
41221
|
isSelected,
|
|
41222
|
+
isIndeterminate,
|
|
41222
41223
|
onDelete,
|
|
41223
41224
|
onEdit,
|
|
41224
41225
|
isDeleted,
|
|
@@ -41232,7 +41233,7 @@ const TableBodyRow = ({
|
|
|
41232
41233
|
const isDeletable = typeof onDelete === "function";
|
|
41233
41234
|
const isEditable = typeof onEdit === "function";
|
|
41234
41235
|
return /* @__PURE__ */ jsxs(TableRow, { $isSelectable: isSelectable, $isDeleted: isDeleted, $isDisabled: isDisabled, $isActive: isActive, $showActions: isDeletable || isEditable, $rowHeight: rowHeight, ...rowProps, children: [
|
|
41235
|
-
isSelectable && /* @__PURE__ */ jsx(SelectData, { $size: size2, children: /* @__PURE__ */ jsx(Checkbox, { checked: isSelected, onCheckedChange: onSelect, disabled: isDisabled || isDeleted }) }),
|
|
41236
|
+
isSelectable && /* @__PURE__ */ jsx(SelectData, { $size: size2, children: /* @__PURE__ */ jsx(Checkbox, { checked: isIndeterminate ? "indeterminate" : isSelected, onCheckedChange: onSelect, disabled: isDisabled || isDeleted }) }),
|
|
41236
41237
|
items.map(({
|
|
41237
41238
|
label,
|
|
41238
41239
|
...cellProps
|
|
@@ -44505,6 +44506,18 @@ const click$3 = {
|
|
|
44505
44506
|
}
|
|
44506
44507
|
}
|
|
44507
44508
|
},
|
|
44509
|
+
dashboards: {
|
|
44510
|
+
chartWidget: {
|
|
44511
|
+
color: {
|
|
44512
|
+
opacity: {
|
|
44513
|
+
bar: {
|
|
44514
|
+
"default": 0.2,
|
|
44515
|
+
hover: 0.5
|
|
44516
|
+
}
|
|
44517
|
+
}
|
|
44518
|
+
}
|
|
44519
|
+
}
|
|
44520
|
+
},
|
|
44508
44521
|
global: {
|
|
44509
44522
|
color: {
|
|
44510
44523
|
text: {
|
|
@@ -46286,6 +46299,54 @@ const click$2 = {
|
|
|
46286
46299
|
}
|
|
46287
46300
|
}
|
|
46288
46301
|
},
|
|
46302
|
+
dashboards: {
|
|
46303
|
+
chartWidget: {
|
|
46304
|
+
color: {
|
|
46305
|
+
stroke: {
|
|
46306
|
+
"default": "#323232",
|
|
46307
|
+
hover: "#414141",
|
|
46308
|
+
selected: "#FAFF69"
|
|
46309
|
+
},
|
|
46310
|
+
title: {
|
|
46311
|
+
"default": "rgb(97.5% 97.5% 97.5%)"
|
|
46312
|
+
},
|
|
46313
|
+
description: {
|
|
46314
|
+
"default": "#b3b6bd"
|
|
46315
|
+
},
|
|
46316
|
+
legend: {
|
|
46317
|
+
"default": "#b3b6bd",
|
|
46318
|
+
hover: "#b3b6bd",
|
|
46319
|
+
selected: "#ffffff"
|
|
46320
|
+
},
|
|
46321
|
+
element: {
|
|
46322
|
+
stroke: {
|
|
46323
|
+
"default": "#323232"
|
|
46324
|
+
}
|
|
46325
|
+
},
|
|
46326
|
+
background: {
|
|
46327
|
+
"default": "#282828",
|
|
46328
|
+
hover: "#282828",
|
|
46329
|
+
selected: "#282828"
|
|
46330
|
+
},
|
|
46331
|
+
icon: {
|
|
46332
|
+
"default": "#ffffff",
|
|
46333
|
+
hover: "#ffffff",
|
|
46334
|
+
selected: "#FAFF69"
|
|
46335
|
+
},
|
|
46336
|
+
opacity: {
|
|
46337
|
+
bar: {
|
|
46338
|
+
"default": 0.2,
|
|
46339
|
+
hover: 0.5
|
|
46340
|
+
}
|
|
46341
|
+
},
|
|
46342
|
+
label: {
|
|
46343
|
+
"default": "#b3b6bd",
|
|
46344
|
+
hover: "#b3b6bd",
|
|
46345
|
+
selected: "#b3b6bd"
|
|
46346
|
+
}
|
|
46347
|
+
}
|
|
46348
|
+
}
|
|
46349
|
+
},
|
|
46289
46350
|
global: {
|
|
46290
46351
|
color: {
|
|
46291
46352
|
background: {
|
|
@@ -48101,6 +48162,54 @@ const click$1 = {
|
|
|
48101
48162
|
}
|
|
48102
48163
|
}
|
|
48103
48164
|
},
|
|
48165
|
+
dashboards: {
|
|
48166
|
+
chartWidget: {
|
|
48167
|
+
color: {
|
|
48168
|
+
stroke: {
|
|
48169
|
+
"default": "#e6e7e9",
|
|
48170
|
+
hover: "#b3b6bd",
|
|
48171
|
+
selected: "#151515"
|
|
48172
|
+
},
|
|
48173
|
+
title: {
|
|
48174
|
+
"default": "lch(11.1 1.37 305)"
|
|
48175
|
+
},
|
|
48176
|
+
description: {
|
|
48177
|
+
"default": "#696e79"
|
|
48178
|
+
},
|
|
48179
|
+
legend: {
|
|
48180
|
+
"default": "#696e79",
|
|
48181
|
+
hover: "#696e79",
|
|
48182
|
+
selected: "#161517"
|
|
48183
|
+
},
|
|
48184
|
+
element: {
|
|
48185
|
+
stroke: {
|
|
48186
|
+
"default": "#e6e7e9"
|
|
48187
|
+
}
|
|
48188
|
+
},
|
|
48189
|
+
background: {
|
|
48190
|
+
"default": "#ffffff",
|
|
48191
|
+
hover: "#ffffff",
|
|
48192
|
+
selected: "#ffffff"
|
|
48193
|
+
},
|
|
48194
|
+
icon: {
|
|
48195
|
+
"default": "#161517",
|
|
48196
|
+
hover: "#161517",
|
|
48197
|
+
selected: "#151515"
|
|
48198
|
+
},
|
|
48199
|
+
opacity: {
|
|
48200
|
+
bar: {
|
|
48201
|
+
"default": 0.2,
|
|
48202
|
+
hover: 0.5
|
|
48203
|
+
}
|
|
48204
|
+
},
|
|
48205
|
+
label: {
|
|
48206
|
+
"default": "#696e79",
|
|
48207
|
+
hover: "#696e79",
|
|
48208
|
+
selected: "#696e79"
|
|
48209
|
+
}
|
|
48210
|
+
}
|
|
48211
|
+
}
|
|
48212
|
+
},
|
|
48104
48213
|
global: {
|
|
48105
48214
|
color: {
|
|
48106
48215
|
background: {
|
|
@@ -51410,6 +51519,107 @@ const click = {
|
|
|
51410
51519
|
}
|
|
51411
51520
|
}
|
|
51412
51521
|
},
|
|
51522
|
+
dashboards: {
|
|
51523
|
+
chartWidget: {
|
|
51524
|
+
space: {
|
|
51525
|
+
gap: "1rem",
|
|
51526
|
+
element: {
|
|
51527
|
+
gap: "0.5rem"
|
|
51528
|
+
}
|
|
51529
|
+
},
|
|
51530
|
+
borderWidth: {
|
|
51531
|
+
"default": "1px"
|
|
51532
|
+
},
|
|
51533
|
+
stroke: {
|
|
51534
|
+
"default": "1px solid #e6e7e9",
|
|
51535
|
+
element: {
|
|
51536
|
+
"default": "1px solid #e6e7e9"
|
|
51537
|
+
},
|
|
51538
|
+
hover: "1px solid #b3b6bd",
|
|
51539
|
+
selected: "1px solid #151515"
|
|
51540
|
+
},
|
|
51541
|
+
element: {
|
|
51542
|
+
radii: {
|
|
51543
|
+
all: "0.25rem"
|
|
51544
|
+
}
|
|
51545
|
+
},
|
|
51546
|
+
radii: {
|
|
51547
|
+
all: "0.25rem"
|
|
51548
|
+
},
|
|
51549
|
+
typography: {
|
|
51550
|
+
title: {
|
|
51551
|
+
"default": `600 1rem/1.5 "Inter", '"SF Pro Display"', -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, Oxygen, Ubuntu, Cantarell, '"Open Sans"', '"Helvetica Neue"', sans-serif;`
|
|
51552
|
+
},
|
|
51553
|
+
description: {
|
|
51554
|
+
"default": {
|
|
51555
|
+
"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;`
|
|
51556
|
+
}
|
|
51557
|
+
},
|
|
51558
|
+
label: {
|
|
51559
|
+
"default": {
|
|
51560
|
+
"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;`
|
|
51561
|
+
}
|
|
51562
|
+
}
|
|
51563
|
+
},
|
|
51564
|
+
shadow: {
|
|
51565
|
+
"default": "0",
|
|
51566
|
+
hover: "0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15)"
|
|
51567
|
+
},
|
|
51568
|
+
size: {
|
|
51569
|
+
icon: {
|
|
51570
|
+
all: {
|
|
51571
|
+
drag: "1.25rem",
|
|
51572
|
+
menu: "1.5rem",
|
|
51573
|
+
resize: "0.75rem"
|
|
51574
|
+
}
|
|
51575
|
+
}
|
|
51576
|
+
},
|
|
51577
|
+
color: {
|
|
51578
|
+
stroke: {
|
|
51579
|
+
"default": "#e6e7e9",
|
|
51580
|
+
hover: "#b3b6bd",
|
|
51581
|
+
selected: "#151515"
|
|
51582
|
+
},
|
|
51583
|
+
title: {
|
|
51584
|
+
"default": "lch(11.1 1.37 305)"
|
|
51585
|
+
},
|
|
51586
|
+
description: {
|
|
51587
|
+
"default": "#696e79"
|
|
51588
|
+
},
|
|
51589
|
+
legend: {
|
|
51590
|
+
"default": "#696e79",
|
|
51591
|
+
hover: "#696e79",
|
|
51592
|
+
selected: "#161517"
|
|
51593
|
+
},
|
|
51594
|
+
element: {
|
|
51595
|
+
stroke: {
|
|
51596
|
+
"default": "#e6e7e9"
|
|
51597
|
+
}
|
|
51598
|
+
},
|
|
51599
|
+
background: {
|
|
51600
|
+
"default": "#ffffff",
|
|
51601
|
+
hover: "#ffffff",
|
|
51602
|
+
selected: "#ffffff"
|
|
51603
|
+
},
|
|
51604
|
+
icon: {
|
|
51605
|
+
"default": "#161517",
|
|
51606
|
+
hover: "#161517",
|
|
51607
|
+
selected: "#151515"
|
|
51608
|
+
},
|
|
51609
|
+
opacity: {
|
|
51610
|
+
bar: {
|
|
51611
|
+
"default": 0.2,
|
|
51612
|
+
hover: 0.5
|
|
51613
|
+
}
|
|
51614
|
+
},
|
|
51615
|
+
label: {
|
|
51616
|
+
"default": "#696e79",
|
|
51617
|
+
hover: "#696e79",
|
|
51618
|
+
selected: "#696e79"
|
|
51619
|
+
}
|
|
51620
|
+
}
|
|
51621
|
+
}
|
|
51622
|
+
},
|
|
51413
51623
|
global: {
|
|
51414
51624
|
color: {
|
|
51415
51625
|
background: {
|