@clickhouse/click-ui 0.0.122 → 0.0.123
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.es.js +155 -154
- package/dist/click-ui.umd.js +155 -154
- package/dist/components/Collapsible/Collapsible.d.ts +2 -2
- package/dist/styles/types.d.ts +1 -0
- package/dist/styles/variables.classic.json.d.ts +25 -25
- package/dist/styles/variables.dark.json.d.ts +41 -41
- package/dist/styles/variables.json.d.ts +46 -45
- package/dist/styles/variables.light.json.d.ts +42 -42
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes } from "react";
|
|
2
|
-
import { HorizontalDirection, IconName } from '../../components';
|
|
3
|
-
export interface CollapsibleProps extends
|
|
2
|
+
import { HorizontalDirection, IconName, ContainerProps } from '../../components';
|
|
3
|
+
export interface CollapsibleProps extends ContainerProps {
|
|
4
4
|
open?: boolean;
|
|
5
5
|
onOpenChange?: (value: boolean) => void;
|
|
6
6
|
}
|
package/dist/styles/types.d.ts
CHANGED
|
@@ -31,7 +31,7 @@ declare const _default: {
|
|
|
31
31
|
"active": "lch(95.3 1.54 272)"
|
|
32
32
|
},
|
|
33
33
|
"stroke": {
|
|
34
|
-
"default": "
|
|
34
|
+
"default": "#e6e7e9",
|
|
35
35
|
"hover": "#e6e7e9",
|
|
36
36
|
"active": "lch(83.8 2.3 258)"
|
|
37
37
|
},
|
|
@@ -93,8 +93,8 @@ declare const _default: {
|
|
|
93
93
|
"active": "rgb(86.8% 87.2% 88.2%)"
|
|
94
94
|
},
|
|
95
95
|
"stroke": {
|
|
96
|
-
"default": "
|
|
97
|
-
"hover": "
|
|
96
|
+
"default": "#e6e7e9",
|
|
97
|
+
"hover": "#e6e7e9",
|
|
98
98
|
"active": "rgb(86.8% 87.2% 88.2%)"
|
|
99
99
|
},
|
|
100
100
|
"text": {
|
|
@@ -244,8 +244,8 @@ declare const _default: {
|
|
|
244
244
|
"disabled": "#a0a0a0"
|
|
245
245
|
},
|
|
246
246
|
"stroke": {
|
|
247
|
-
"default": "
|
|
248
|
-
"hover": "
|
|
247
|
+
"default": "#e6e7e9",
|
|
248
|
+
"hover": "#e6e7e9",
|
|
249
249
|
"active": "lch(84 2.28 258)",
|
|
250
250
|
"disabled": "rgba(0,0,0,0)"
|
|
251
251
|
}
|
|
@@ -283,11 +283,11 @@ declare const _default: {
|
|
|
283
283
|
"active": "rgba(0,0,0,0)",
|
|
284
284
|
"disabled": "rgba(0,0,0,0)",
|
|
285
285
|
"disabled-active": "rgba(0,0,0,0)",
|
|
286
|
-
"panel": "
|
|
286
|
+
"panel": "#e6e7e9"
|
|
287
287
|
},
|
|
288
288
|
"panel": {
|
|
289
289
|
"stroke": {
|
|
290
|
-
"default": "
|
|
290
|
+
"default": "#e6e7e9"
|
|
291
291
|
}
|
|
292
292
|
}
|
|
293
293
|
}
|
|
@@ -300,7 +300,7 @@ declare const _default: {
|
|
|
300
300
|
"active": "lch(95.3 1.54 272)"
|
|
301
301
|
},
|
|
302
302
|
"stroke": {
|
|
303
|
-
"default": "
|
|
303
|
+
"default": "#e6e7e9",
|
|
304
304
|
"hover": "#e6e7e9",
|
|
305
305
|
"active": "#cccfd3"
|
|
306
306
|
},
|
|
@@ -344,8 +344,8 @@ declare const _default: {
|
|
|
344
344
|
"disabled": "#a0a0a0"
|
|
345
345
|
},
|
|
346
346
|
"stroke": {
|
|
347
|
-
"default": "
|
|
348
|
-
"hover": "
|
|
347
|
+
"default": "#e6e7e9",
|
|
348
|
+
"hover": "#e6e7e9",
|
|
349
349
|
"active": "#151515",
|
|
350
350
|
"disabled": "#dfdfdf"
|
|
351
351
|
}
|
|
@@ -373,8 +373,8 @@ declare const _default: {
|
|
|
373
373
|
"disabled": "#a0a0a0"
|
|
374
374
|
},
|
|
375
375
|
"stroke": {
|
|
376
|
-
"default": "
|
|
377
|
-
"hover": "
|
|
376
|
+
"default": "#e6e7e9",
|
|
377
|
+
"hover": "#e6e7e9",
|
|
378
378
|
"active": "#151515",
|
|
379
379
|
"disabled": "#dfdfdf"
|
|
380
380
|
}
|
|
@@ -401,8 +401,8 @@ declare const _default: {
|
|
|
401
401
|
"disabled": "#a0a0a0"
|
|
402
402
|
},
|
|
403
403
|
"stroke": {
|
|
404
|
-
"default": "
|
|
405
|
-
"hover": "
|
|
404
|
+
"default": "#e6e7e9",
|
|
405
|
+
"hover": "#e6e7e9",
|
|
406
406
|
"active": "#151515",
|
|
407
407
|
"disabled": "#dfdfdf"
|
|
408
408
|
}
|
|
@@ -513,7 +513,7 @@ declare const _default: {
|
|
|
513
513
|
"default": "#f6f7fa"
|
|
514
514
|
},
|
|
515
515
|
"stroke": {
|
|
516
|
-
"default": "
|
|
516
|
+
"default": "#e6e7e9"
|
|
517
517
|
}
|
|
518
518
|
},
|
|
519
519
|
"navigation": {
|
|
@@ -663,7 +663,7 @@ declare const _default: {
|
|
|
663
663
|
"active": "#FFC029"
|
|
664
664
|
},
|
|
665
665
|
"global": {
|
|
666
|
-
"default": "
|
|
666
|
+
"default": "#e6e7e9"
|
|
667
667
|
}
|
|
668
668
|
}
|
|
669
669
|
},
|
|
@@ -680,9 +680,9 @@ declare const _default: {
|
|
|
680
680
|
"active": "#161517"
|
|
681
681
|
},
|
|
682
682
|
"stroke": {
|
|
683
|
-
"default": "
|
|
684
|
-
"hover": "
|
|
685
|
-
"active": "
|
|
683
|
+
"default": "#e6e7e9",
|
|
684
|
+
"hover": "#e6e7e9",
|
|
685
|
+
"active": "#e6e7e9"
|
|
686
686
|
}
|
|
687
687
|
}
|
|
688
688
|
}
|
|
@@ -714,7 +714,7 @@ declare const _default: {
|
|
|
714
714
|
"default": "lch(6.77 0 0 / 0.45)"
|
|
715
715
|
},
|
|
716
716
|
"stroke": {
|
|
717
|
-
"default": "
|
|
717
|
+
"default": "#e6e7e9"
|
|
718
718
|
}
|
|
719
719
|
}
|
|
720
720
|
},
|
|
@@ -749,7 +749,7 @@ declare const _default: {
|
|
|
749
749
|
"selectDirect": "lch(99.4 8.48 102 / 0.2)"
|
|
750
750
|
},
|
|
751
751
|
"stroke": {
|
|
752
|
-
"default": "
|
|
752
|
+
"default": "#e6e7e9",
|
|
753
753
|
"selectIndirect": "lch(74.1 25.6 85.9)",
|
|
754
754
|
"selectDirect": "#FFC029"
|
|
755
755
|
},
|
|
@@ -764,7 +764,7 @@ declare const _default: {
|
|
|
764
764
|
"global": {
|
|
765
765
|
"color": {
|
|
766
766
|
"stroke": {
|
|
767
|
-
"default": "
|
|
767
|
+
"default": "#e6e7e9"
|
|
768
768
|
},
|
|
769
769
|
"background": {
|
|
770
770
|
"default": "#ffffff"
|
|
@@ -823,8 +823,8 @@ declare const _default: {
|
|
|
823
823
|
}
|
|
824
824
|
},
|
|
825
825
|
"stroke": {
|
|
826
|
-
"default": "
|
|
827
|
-
"muted": "
|
|
826
|
+
"default": "#e6e7e9",
|
|
827
|
+
"muted": "#e6e7e9",
|
|
828
828
|
"intense": "#b3b6bd",
|
|
829
829
|
"split": "#ffffff"
|
|
830
830
|
},
|
|
@@ -857,7 +857,7 @@ declare const _default: {
|
|
|
857
857
|
"neutral": {
|
|
858
858
|
"background": "#e6e7e9",
|
|
859
859
|
"foreground": "#53575f",
|
|
860
|
-
"stroke": "
|
|
860
|
+
"stroke": "#e6e7e9"
|
|
861
861
|
}
|
|
862
862
|
},
|
|
863
863
|
"chart": {
|
|
@@ -99,7 +99,7 @@ declare const _default: {
|
|
|
99
99
|
"warning": "#ffca8b"
|
|
100
100
|
},
|
|
101
101
|
"stroke": {
|
|
102
|
-
"default": "
|
|
102
|
+
"default": "#323232",
|
|
103
103
|
"success": "#004206",
|
|
104
104
|
"neutral": "#414141",
|
|
105
105
|
"danger": "#610000",
|
|
@@ -112,8 +112,8 @@ declare const _default: {
|
|
|
112
112
|
"bigStat": {
|
|
113
113
|
"color": {
|
|
114
114
|
"stroke": {
|
|
115
|
-
"default": "
|
|
116
|
-
"muted": "
|
|
115
|
+
"default": "#323232",
|
|
116
|
+
"muted": "#323232"
|
|
117
117
|
},
|
|
118
118
|
"background": {
|
|
119
119
|
"default": "#1F1F1C",
|
|
@@ -404,11 +404,11 @@ declare const _default: {
|
|
|
404
404
|
"active": "rgba(0,0,0,0)",
|
|
405
405
|
"disabled": "rgba(0,0,0,0)",
|
|
406
406
|
"disabled-active": "rgba(0,0,0,0)",
|
|
407
|
-
"panel": "
|
|
407
|
+
"panel": "#323232"
|
|
408
408
|
},
|
|
409
409
|
"panel": {
|
|
410
410
|
"stroke": {
|
|
411
|
-
"default": "
|
|
411
|
+
"default": "#323232",
|
|
412
412
|
"borderless": "rgba(0,0,0,0)"
|
|
413
413
|
}
|
|
414
414
|
}
|
|
@@ -422,7 +422,7 @@ declare const _default: {
|
|
|
422
422
|
"active": "lch(15.8 0 0)"
|
|
423
423
|
},
|
|
424
424
|
"stroke": {
|
|
425
|
-
"default": "
|
|
425
|
+
"default": "#323232",
|
|
426
426
|
"hover": "#53575f",
|
|
427
427
|
"active": "lch(23.3 2.63 306)"
|
|
428
428
|
},
|
|
@@ -462,9 +462,9 @@ declare const _default: {
|
|
|
462
462
|
"disabled": "#808080"
|
|
463
463
|
},
|
|
464
464
|
"stroke": {
|
|
465
|
-
"default": "
|
|
466
|
-
"hover": "
|
|
467
|
-
"active": "lch(
|
|
465
|
+
"default": "#323232",
|
|
466
|
+
"hover": "#323232",
|
|
467
|
+
"active": "lch(19.7 0 0)",
|
|
468
468
|
"disabled": "#414141"
|
|
469
469
|
}
|
|
470
470
|
}
|
|
@@ -490,8 +490,8 @@ declare const _default: {
|
|
|
490
490
|
"disabled": "#808080"
|
|
491
491
|
},
|
|
492
492
|
"stroke": {
|
|
493
|
-
"default": "
|
|
494
|
-
"hover": "
|
|
493
|
+
"default": "#323232",
|
|
494
|
+
"hover": "#323232",
|
|
495
495
|
"active": "#FAFF69",
|
|
496
496
|
"disabled": "#414141"
|
|
497
497
|
}
|
|
@@ -519,8 +519,8 @@ declare const _default: {
|
|
|
519
519
|
"disabled": "#808080"
|
|
520
520
|
},
|
|
521
521
|
"stroke": {
|
|
522
|
-
"default": "
|
|
523
|
-
"hover": "
|
|
522
|
+
"default": "#323232",
|
|
523
|
+
"hover": "#323232",
|
|
524
524
|
"active": "#FAFF69",
|
|
525
525
|
"disabled": "#414141"
|
|
526
526
|
}
|
|
@@ -547,8 +547,8 @@ declare const _default: {
|
|
|
547
547
|
"disabled": "#808080"
|
|
548
548
|
},
|
|
549
549
|
"stroke": {
|
|
550
|
-
"default": "
|
|
551
|
-
"hover": "
|
|
550
|
+
"default": "#323232",
|
|
551
|
+
"hover": "#323232",
|
|
552
552
|
"active": "#FAFF69",
|
|
553
553
|
"disabled": "#414141"
|
|
554
554
|
}
|
|
@@ -676,7 +676,7 @@ declare const _default: {
|
|
|
676
676
|
"default": "#ffffff"
|
|
677
677
|
},
|
|
678
678
|
"stroke": {
|
|
679
|
-
"default": "
|
|
679
|
+
"default": "#323232"
|
|
680
680
|
}
|
|
681
681
|
}
|
|
682
682
|
},
|
|
@@ -697,8 +697,8 @@ declare const _default: {
|
|
|
697
697
|
"error": "#ffbaba"
|
|
698
698
|
},
|
|
699
699
|
"stroke": {
|
|
700
|
-
"default": "lch(
|
|
701
|
-
"hover": "lch(
|
|
700
|
+
"default": "lch(24.7 0 0)",
|
|
701
|
+
"hover": "lch(28.5 0 0)",
|
|
702
702
|
"active": "#FAFF69",
|
|
703
703
|
"disabled": "#414141",
|
|
704
704
|
"error": "#ffbaba"
|
|
@@ -749,7 +749,7 @@ declare const _default: {
|
|
|
749
749
|
"error": "lch(72 4.18 268)"
|
|
750
750
|
},
|
|
751
751
|
"stroke": {
|
|
752
|
-
"default": "
|
|
752
|
+
"default": "#323232"
|
|
753
753
|
},
|
|
754
754
|
"subtext": {
|
|
755
755
|
"default": "#b3b6bd",
|
|
@@ -768,7 +768,7 @@ declare const _default: {
|
|
|
768
768
|
"default": "#b3b6bd"
|
|
769
769
|
},
|
|
770
770
|
"stroke": {
|
|
771
|
-
"default": "
|
|
771
|
+
"default": "#323232"
|
|
772
772
|
}
|
|
773
773
|
}
|
|
774
774
|
},
|
|
@@ -794,7 +794,7 @@ declare const _default: {
|
|
|
794
794
|
"default": "#282828"
|
|
795
795
|
},
|
|
796
796
|
"stroke": {
|
|
797
|
-
"default": "
|
|
797
|
+
"default": "#323232"
|
|
798
798
|
}
|
|
799
799
|
}
|
|
800
800
|
}
|
|
@@ -812,7 +812,7 @@ declare const _default: {
|
|
|
812
812
|
"transparent": "rgba(0,0,0,0)"
|
|
813
813
|
},
|
|
814
814
|
"stroke": {
|
|
815
|
-
"default": "
|
|
815
|
+
"default": "#323232"
|
|
816
816
|
}
|
|
817
817
|
}
|
|
818
818
|
},
|
|
@@ -853,7 +853,7 @@ declare const _default: {
|
|
|
853
853
|
"separator": {
|
|
854
854
|
"color": {
|
|
855
855
|
"stroke": {
|
|
856
|
-
"default": "
|
|
856
|
+
"default": "#323232"
|
|
857
857
|
}
|
|
858
858
|
}
|
|
859
859
|
},
|
|
@@ -868,7 +868,7 @@ declare const _default: {
|
|
|
868
868
|
"muted": "#b3b6bd"
|
|
869
869
|
},
|
|
870
870
|
"stroke": {
|
|
871
|
-
"default": "
|
|
871
|
+
"default": "#323232"
|
|
872
872
|
}
|
|
873
873
|
},
|
|
874
874
|
"navigation": {
|
|
@@ -926,7 +926,7 @@ declare const _default: {
|
|
|
926
926
|
"default": "#282828"
|
|
927
927
|
},
|
|
928
928
|
"stroke": {
|
|
929
|
-
"default": "
|
|
929
|
+
"default": "#323232"
|
|
930
930
|
}
|
|
931
931
|
},
|
|
932
932
|
"navigation": {
|
|
@@ -1108,7 +1108,7 @@ declare const _default: {
|
|
|
1108
1108
|
"active": "lch(13.9 2.07 105)"
|
|
1109
1109
|
},
|
|
1110
1110
|
"stroke": {
|
|
1111
|
-
"default": "
|
|
1111
|
+
"default": "#323232"
|
|
1112
1112
|
},
|
|
1113
1113
|
"text": {
|
|
1114
1114
|
"default": "#ffffff"
|
|
@@ -1124,7 +1124,7 @@ declare const _default: {
|
|
|
1124
1124
|
"global": {
|
|
1125
1125
|
"color": {
|
|
1126
1126
|
"stroke": {
|
|
1127
|
-
"default": "
|
|
1127
|
+
"default": "#323232"
|
|
1128
1128
|
},
|
|
1129
1129
|
"background": {
|
|
1130
1130
|
"default": "#1F1F1C"
|
|
@@ -1151,7 +1151,7 @@ declare const _default: {
|
|
|
1151
1151
|
"active": "#FAFF69"
|
|
1152
1152
|
},
|
|
1153
1153
|
"global": {
|
|
1154
|
-
"default": "
|
|
1154
|
+
"default": "#323232"
|
|
1155
1155
|
}
|
|
1156
1156
|
}
|
|
1157
1157
|
},
|
|
@@ -1168,9 +1168,9 @@ declare const _default: {
|
|
|
1168
1168
|
"active": "#ffffff"
|
|
1169
1169
|
},
|
|
1170
1170
|
"stroke": {
|
|
1171
|
-
"default": "
|
|
1172
|
-
"hover": "
|
|
1173
|
-
"active": "
|
|
1171
|
+
"default": "#323232",
|
|
1172
|
+
"hover": "#323232",
|
|
1173
|
+
"active": "#323232"
|
|
1174
1174
|
},
|
|
1175
1175
|
"closeButton": {
|
|
1176
1176
|
"background": {
|
|
@@ -1241,7 +1241,7 @@ declare const _default: {
|
|
|
1241
1241
|
"default": "lch(6.77 0 0 / 0.45)"
|
|
1242
1242
|
},
|
|
1243
1243
|
"stroke": {
|
|
1244
|
-
"default": "
|
|
1244
|
+
"default": "#323232"
|
|
1245
1245
|
}
|
|
1246
1246
|
}
|
|
1247
1247
|
},
|
|
@@ -1260,7 +1260,7 @@ declare const _default: {
|
|
|
1260
1260
|
"selectDirect": "#ffffff"
|
|
1261
1261
|
},
|
|
1262
1262
|
"stroke": {
|
|
1263
|
-
"default": "lch(
|
|
1263
|
+
"default": "lch(20.3 0 0)",
|
|
1264
1264
|
"selectIndirect": "lch(26.8 0 0)",
|
|
1265
1265
|
"selectDirect": "lch(29.4 0 0)"
|
|
1266
1266
|
}
|
|
@@ -1276,7 +1276,7 @@ declare const _default: {
|
|
|
1276
1276
|
"selectDirect": "lch(15.8 0 0)"
|
|
1277
1277
|
},
|
|
1278
1278
|
"stroke": {
|
|
1279
|
-
"default": "
|
|
1279
|
+
"default": "#323232",
|
|
1280
1280
|
"selectIndirect": "lch(22 0 0)",
|
|
1281
1281
|
"selectDirect": "#FAFF69"
|
|
1282
1282
|
},
|
|
@@ -1291,7 +1291,7 @@ declare const _default: {
|
|
|
1291
1291
|
"global": {
|
|
1292
1292
|
"color": {
|
|
1293
1293
|
"stroke": {
|
|
1294
|
-
"default": "
|
|
1294
|
+
"default": "#323232"
|
|
1295
1295
|
},
|
|
1296
1296
|
"background": {
|
|
1297
1297
|
"default": "#1F1F1C"
|
|
@@ -1315,8 +1315,8 @@ declare const _default: {
|
|
|
1315
1315
|
"danger": "#ffbaba"
|
|
1316
1316
|
},
|
|
1317
1317
|
"stroke": {
|
|
1318
|
-
"default": "
|
|
1319
|
-
"muted": "lch(
|
|
1318
|
+
"default": "#323232",
|
|
1319
|
+
"muted": "lch(20.8 0 0)",
|
|
1320
1320
|
"intense": "#414141"
|
|
1321
1321
|
},
|
|
1322
1322
|
"accent": {
|
|
@@ -1355,7 +1355,7 @@ declare const _default: {
|
|
|
1355
1355
|
"neutral": {
|
|
1356
1356
|
"background": "#414141",
|
|
1357
1357
|
"foreground": "#c0c0c0",
|
|
1358
|
-
"stroke": "
|
|
1358
|
+
"stroke": "#323232"
|
|
1359
1359
|
}
|
|
1360
1360
|
}
|
|
1361
1361
|
},
|
|
@@ -1395,8 +1395,8 @@ declare const _default: {
|
|
|
1395
1395
|
}
|
|
1396
1396
|
},
|
|
1397
1397
|
"stroke": {
|
|
1398
|
-
"default": "
|
|
1399
|
-
"muted": "
|
|
1398
|
+
"default": "#323232",
|
|
1399
|
+
"muted": "#323232",
|
|
1400
1400
|
"intense": "#414141",
|
|
1401
1401
|
"split": "#414141"
|
|
1402
1402
|
},
|
|
@@ -1429,7 +1429,7 @@ declare const _default: {
|
|
|
1429
1429
|
"neutral": {
|
|
1430
1430
|
"background": "#414141",
|
|
1431
1431
|
"foreground": "#f9f9f9",
|
|
1432
|
-
"stroke": "
|
|
1432
|
+
"stroke": "#323232"
|
|
1433
1433
|
}
|
|
1434
1434
|
},
|
|
1435
1435
|
"chart": {
|