@clickhouse/click-ui 0.0.171 → 0.0.173
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 +633 -390
- package/dist/click-ui.umd.js +633 -390
- package/dist/components/Flyout/Flyout.d.ts +1 -1
- package/dist/components/Grid/ColumnResizer.d.ts +21 -3
- package/dist/components/Grid/Header.d.ts +6 -4
- package/dist/components/Grid/types.d.ts +5 -1
- package/dist/components/Grid/useResizingState.d.ts +48 -0
- package/dist/styles/types.d.ts +67 -2
- package/dist/styles/variables.classic.json.d.ts +64 -26
- package/dist/styles/variables.dark.json.d.ts +100 -62
- package/dist/styles/variables.json.d.ts +207 -142
- package/dist/styles/variables.light.json.d.ts +140 -102
- package/package.json +1 -1
|
@@ -17,12 +17,12 @@ declare const _default: {
|
|
|
17
17
|
"link": {
|
|
18
18
|
"label": {
|
|
19
19
|
"default": "#FAFF69",
|
|
20
|
-
"hover": "#
|
|
20
|
+
"hover": "#FEFFC2",
|
|
21
21
|
"active": "#FAFF69"
|
|
22
22
|
},
|
|
23
23
|
"icon": {
|
|
24
24
|
"default": "#FAFF69",
|
|
25
|
-
"hover": "rgb(99.6% 100%
|
|
25
|
+
"hover": "rgb(99.6% 100% 77.9%)",
|
|
26
26
|
"active": "#FAFF69"
|
|
27
27
|
}
|
|
28
28
|
}
|
|
@@ -35,32 +35,32 @@ declare const _default: {
|
|
|
35
35
|
"success": "rgb(20% 100% 26.7% / 0.2)",
|
|
36
36
|
"neutral": "rgb(62.7% 62.7% 62.7% / 0.2)",
|
|
37
37
|
"danger": "rgb(100% 13.7% 13.7% / 0.2)",
|
|
38
|
-
"warning": "rgb(100%
|
|
39
|
-
"info": "rgb(
|
|
38
|
+
"warning": "rgb(100% 46.7% 16.1% / 0.2)",
|
|
39
|
+
"info": "rgb(26.3% 49.4% 93.7% / 0.2)"
|
|
40
40
|
},
|
|
41
41
|
"text": {
|
|
42
42
|
"default": "#b3b6bd",
|
|
43
43
|
"success": "#CCFFD0",
|
|
44
44
|
"neutral": "#c0c0c0",
|
|
45
45
|
"danger": "#ffbaba",
|
|
46
|
-
"warning": "#
|
|
47
|
-
"info": "#
|
|
46
|
+
"warning": "#FFB88F",
|
|
47
|
+
"info": "#D0DFFB"
|
|
48
48
|
},
|
|
49
49
|
"iconBackground": {
|
|
50
50
|
"default": "#1F1F1C",
|
|
51
51
|
"success": "rgb(20% 100% 26.7% / 0)",
|
|
52
52
|
"neutral": "rgb(62.7% 62.7% 62.7% / 0)",
|
|
53
53
|
"danger": "rgb(100% 13.7% 13.7% / 0)",
|
|
54
|
-
"warning": "rgb(100%
|
|
55
|
-
"info": "rgb(
|
|
54
|
+
"warning": "rgb(100% 46.7% 16.1% / 0)",
|
|
55
|
+
"info": "rgb(26.3% 49.4% 93.7% / 0)"
|
|
56
56
|
},
|
|
57
57
|
"iconForeground": {
|
|
58
58
|
"default": "#b3b6bd",
|
|
59
59
|
"success": "lch(95.6 28.9 144 / 0.75)",
|
|
60
60
|
"neutral": "lch(77.7 0 0 / 0.75)",
|
|
61
61
|
"danger": "lch(82.1 27.7 22 / 0.75)",
|
|
62
|
-
"warning": "lch(
|
|
63
|
-
"info": "lch(
|
|
62
|
+
"warning": "lch(80.9 39 53.9 / 0.75)",
|
|
63
|
+
"info": "lch(88.3 15.5 266 / 0.75)"
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
},
|
|
@@ -86,8 +86,8 @@ declare const _default: {
|
|
|
86
86
|
"neutral": "rgb(62.7% 62.7% 62.7% / 0.2)",
|
|
87
87
|
"danger": "rgb(100% 13.7% 13.7% / 0.2)",
|
|
88
88
|
"disabled": "#414141",
|
|
89
|
-
"info": "rgb(
|
|
90
|
-
"warning": "rgb(100%
|
|
89
|
+
"info": "rgb(26.3% 49.4% 93.7% / 0.2)",
|
|
90
|
+
"warning": "rgb(100% 46.7% 16.1% / 0.2)"
|
|
91
91
|
},
|
|
92
92
|
"text": {
|
|
93
93
|
"default": "#b3b6bd",
|
|
@@ -95,8 +95,8 @@ declare const _default: {
|
|
|
95
95
|
"neutral": "#c0c0c0",
|
|
96
96
|
"danger": "#ffbaba",
|
|
97
97
|
"disabled": "#808080",
|
|
98
|
-
"info": "#
|
|
99
|
-
"warning": "#
|
|
98
|
+
"info": "#D0DFFB",
|
|
99
|
+
"warning": "#FFB88F"
|
|
100
100
|
},
|
|
101
101
|
"stroke": {
|
|
102
102
|
"default": "#323232",
|
|
@@ -104,8 +104,8 @@ declare const _default: {
|
|
|
104
104
|
"neutral": "rgb(62.7% 62.7% 62.7% / 0.1)",
|
|
105
105
|
"danger": "rgb(100% 22.3% 22.3% / 0.2)",
|
|
106
106
|
"disabled": "rgb(24.2% 24.2% 24.2%)",
|
|
107
|
-
"info": "rgb(
|
|
108
|
-
"warning": "rgb(100%
|
|
107
|
+
"info": "rgb(26.3% 49.4% 93.7% / 0.1)",
|
|
108
|
+
"warning": "rgb(100% 46.7% 16.1% / 0.1)"
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
},
|
|
@@ -195,7 +195,7 @@ declare const _default: {
|
|
|
195
195
|
"empty": {
|
|
196
196
|
"text": {
|
|
197
197
|
"default": "#FAFF69",
|
|
198
|
-
"hover": "#
|
|
198
|
+
"hover": "#FEFFC2",
|
|
199
199
|
"active": "#FAFF69",
|
|
200
200
|
"disabled": "#a0a0a0"
|
|
201
201
|
},
|
|
@@ -294,19 +294,19 @@ declare const _default: {
|
|
|
294
294
|
},
|
|
295
295
|
"info": {
|
|
296
296
|
"background": {
|
|
297
|
-
"default": "rgb(
|
|
298
|
-
"hover": "#
|
|
299
|
-
"active": "#
|
|
297
|
+
"default": "rgb(26.3% 49.4% 93.7% / 0.2)",
|
|
298
|
+
"hover": "#1D64EC",
|
|
299
|
+
"active": "#437EEF"
|
|
300
300
|
},
|
|
301
301
|
"text": {
|
|
302
|
-
"default": "#
|
|
303
|
-
"hover": "#
|
|
304
|
-
"active": "#
|
|
302
|
+
"default": "#D0DFFB",
|
|
303
|
+
"hover": "#D0DFFB",
|
|
304
|
+
"active": "#D0DFFB"
|
|
305
305
|
},
|
|
306
306
|
"stroke": {
|
|
307
|
-
"default": "rgb(
|
|
308
|
-
"hover": "#
|
|
309
|
-
"active": "#
|
|
307
|
+
"default": "rgb(26.3% 49.4% 93.7% / 0.2)",
|
|
308
|
+
"hover": "#1D64EC",
|
|
309
|
+
"active": "#437EEF"
|
|
310
310
|
}
|
|
311
311
|
}
|
|
312
312
|
}
|
|
@@ -614,11 +614,11 @@ declare const _default: {
|
|
|
614
614
|
"background": {
|
|
615
615
|
"default": "rgb(17.8% 17.8% 17.8%)",
|
|
616
616
|
"hover": "rgb(17.8% 17.8% 17.8%)",
|
|
617
|
-
"active": "#
|
|
617
|
+
"active": "#33FF44",
|
|
618
618
|
"disabled": "rgb(17.8% 17.8% 17.8%)"
|
|
619
619
|
},
|
|
620
620
|
"stroke": {
|
|
621
|
-
"default": "#
|
|
621
|
+
"default": "#00BD10",
|
|
622
622
|
"hover": "#66FF73",
|
|
623
623
|
"active": "#66FF73",
|
|
624
624
|
"disabled": "#606060"
|
|
@@ -634,13 +634,13 @@ declare const _default: {
|
|
|
634
634
|
"background": {
|
|
635
635
|
"default": "rgb(17.8% 17.8% 17.8%)",
|
|
636
636
|
"hover": "rgb(17.8% 17.8% 17.8%)",
|
|
637
|
-
"active": "#
|
|
637
|
+
"active": "#437EEF",
|
|
638
638
|
"disabled": "rgb(17.8% 17.8% 17.8%)"
|
|
639
639
|
},
|
|
640
640
|
"stroke": {
|
|
641
|
-
"default": "#
|
|
642
|
-
"hover": "#
|
|
643
|
-
"active": "#
|
|
641
|
+
"default": "#6D9BF3",
|
|
642
|
+
"hover": "#A1BEF7",
|
|
643
|
+
"active": "#A1BEF7",
|
|
644
644
|
"disabled": "#606060"
|
|
645
645
|
},
|
|
646
646
|
"check": {
|
|
@@ -674,7 +674,7 @@ declare const _default: {
|
|
|
674
674
|
"background": {
|
|
675
675
|
"default": "rgb(17.8% 17.8% 17.8%)",
|
|
676
676
|
"hover": "rgb(17.8% 17.8% 17.8%)",
|
|
677
|
-
"active": "#
|
|
677
|
+
"active": "#FF7729",
|
|
678
678
|
"disabled": "rgb(17.8% 17.8% 17.8%)"
|
|
679
679
|
},
|
|
680
680
|
"stroke": {
|
|
@@ -694,13 +694,13 @@ declare const _default: {
|
|
|
694
694
|
"background": {
|
|
695
695
|
"default": "rgb(17.8% 17.8% 17.8%)",
|
|
696
696
|
"hover": "rgb(17.8% 17.8% 17.8%)",
|
|
697
|
-
"active": "#
|
|
697
|
+
"active": "#6DF8E1",
|
|
698
698
|
"disabled": "rgb(17.8% 17.8% 17.8%)"
|
|
699
699
|
},
|
|
700
700
|
"stroke": {
|
|
701
|
-
"default": "#
|
|
702
|
-
"hover": "#
|
|
703
|
-
"active": "#
|
|
701
|
+
"default": "#6DF8E1",
|
|
702
|
+
"hover": "#A3FAEC",
|
|
703
|
+
"active": "#A3FAEC",
|
|
704
704
|
"disabled": "#606060"
|
|
705
705
|
},
|
|
706
706
|
"check": {
|
|
@@ -1354,7 +1354,7 @@ declare const _default: {
|
|
|
1354
1354
|
"icon": {
|
|
1355
1355
|
"default": "rgb(97.5% 97.5% 97.5%)",
|
|
1356
1356
|
"success": "#CCFFD0",
|
|
1357
|
-
"warning": "#
|
|
1357
|
+
"warning": "#FFB88F",
|
|
1358
1358
|
"danger": "#ffbaba"
|
|
1359
1359
|
}
|
|
1360
1360
|
}
|
|
@@ -1465,24 +1465,24 @@ declare const _default: {
|
|
|
1465
1465
|
"success": "rgb(20% 100% 26.7% / 0.2)",
|
|
1466
1466
|
"neutral": "rgb(62.7% 62.7% 62.7% / 0.2)",
|
|
1467
1467
|
"danger": "rgb(100% 13.7% 13.7% / 0.2)",
|
|
1468
|
-
"info": "rgb(
|
|
1469
|
-
"warning": "rgb(100%
|
|
1468
|
+
"info": "rgb(26.3% 49.4% 93.7% / 0.2)",
|
|
1469
|
+
"warning": "rgb(100% 46.7% 16.1% / 0.2)"
|
|
1470
1470
|
},
|
|
1471
1471
|
"text": {
|
|
1472
1472
|
"default": "rgba(0,0,0,0)",
|
|
1473
1473
|
"success": "#CCFFD0",
|
|
1474
1474
|
"neutral": "#c0c0c0",
|
|
1475
1475
|
"danger": "#ffbaba",
|
|
1476
|
-
"info": "#
|
|
1477
|
-
"warning": "#
|
|
1476
|
+
"info": "#D0DFFB",
|
|
1477
|
+
"warning": "#FFB88F"
|
|
1478
1478
|
},
|
|
1479
1479
|
"stroke": {
|
|
1480
1480
|
"default": "rgba(0,0,0,0)",
|
|
1481
1481
|
"success": "rgb(20% 100% 26.7% / 0.05)",
|
|
1482
1482
|
"neutral": "rgb(62.7% 62.7% 62.7% / 0.2)",
|
|
1483
1483
|
"danger": "rgb(100% 13.7% 13.7% / 0.05)",
|
|
1484
|
-
"info": "rgb(
|
|
1485
|
-
"warning": "rgb(100%
|
|
1484
|
+
"info": "rgb(26.3% 49.4% 93.7% / 0.05)",
|
|
1485
|
+
"warning": "rgb(100% 46.7% 16.1% / 0.05)"
|
|
1486
1486
|
}
|
|
1487
1487
|
}
|
|
1488
1488
|
},
|
|
@@ -1532,7 +1532,7 @@ declare const _default: {
|
|
|
1532
1532
|
"muted": "#b3b6bd",
|
|
1533
1533
|
"link": {
|
|
1534
1534
|
"default": "#FAFF69",
|
|
1535
|
-
"hover": "#
|
|
1535
|
+
"hover": "#FEFFC2"
|
|
1536
1536
|
},
|
|
1537
1537
|
"danger": "#ffbaba"
|
|
1538
1538
|
},
|
|
@@ -1559,16 +1559,16 @@ declare const _default: {
|
|
|
1559
1559
|
"feedback": {
|
|
1560
1560
|
"color": {
|
|
1561
1561
|
"info": {
|
|
1562
|
-
"background": "rgb(
|
|
1563
|
-
"foreground": "#
|
|
1562
|
+
"background": "rgb(26.3% 49.4% 93.7% / 0.2)",
|
|
1563
|
+
"foreground": "#D0DFFB"
|
|
1564
1564
|
},
|
|
1565
1565
|
"success": {
|
|
1566
1566
|
"background": "rgb(20% 100% 26.7% / 0.2)",
|
|
1567
1567
|
"foreground": "#CCFFD0"
|
|
1568
1568
|
},
|
|
1569
1569
|
"warning": {
|
|
1570
|
-
"background": "rgb(100%
|
|
1571
|
-
"foreground": "#
|
|
1570
|
+
"background": "rgb(100% 46.7% 16.1% / 0.2)",
|
|
1571
|
+
"foreground": "#FFB88F"
|
|
1572
1572
|
},
|
|
1573
1573
|
"danger": {
|
|
1574
1574
|
"background": "rgb(100% 13.7% 13.7% / 0.2)",
|
|
@@ -1589,12 +1589,32 @@ declare const _default: {
|
|
|
1589
1589
|
"chart": {
|
|
1590
1590
|
"bars": {
|
|
1591
1591
|
"color": {
|
|
1592
|
-
"
|
|
1593
|
-
"
|
|
1592
|
+
"blue": "#437EEF",
|
|
1593
|
+
"orange": "#FF7729",
|
|
1594
|
+
"green": "#33FF44",
|
|
1595
|
+
"fuchsia": "#FB64D6",
|
|
1596
|
+
"yellow": "#eef400",
|
|
1597
|
+
"violet": "#BB33FF",
|
|
1598
|
+
"babyblue": "#00CBEB",
|
|
1599
|
+
"red": "#ff2323",
|
|
1600
|
+
"teal": "#6DF8E1",
|
|
1601
|
+
"sunrise": "#FFC300",
|
|
1602
|
+
"slate": "#9a9ea7"
|
|
1603
|
+
}
|
|
1604
|
+
},
|
|
1605
|
+
"color": {
|
|
1606
|
+
"default": {
|
|
1607
|
+
"blue": "#437EEF",
|
|
1608
|
+
"orange": "#FF7729",
|
|
1609
|
+
"green": "#33FF44",
|
|
1594
1610
|
"fuchsia": "#FB64D6",
|
|
1595
|
-
"
|
|
1611
|
+
"yellow": "#eef400",
|
|
1596
1612
|
"violet": "#BB33FF",
|
|
1597
|
-
"
|
|
1613
|
+
"babyblue": "#00CBEB",
|
|
1614
|
+
"red": "#ff2323",
|
|
1615
|
+
"teal": "#6DF8E1",
|
|
1616
|
+
"sunrise": "#FFC300",
|
|
1617
|
+
"slate": "#9a9ea7"
|
|
1598
1618
|
}
|
|
1599
1619
|
}
|
|
1600
1620
|
}
|
|
@@ -1613,7 +1633,7 @@ declare const _default: {
|
|
|
1613
1633
|
"muted": "#b3b6bd",
|
|
1614
1634
|
"link": {
|
|
1615
1635
|
"default": "#FAFF69",
|
|
1616
|
-
"hover": "#
|
|
1636
|
+
"hover": "#FEFFC2"
|
|
1617
1637
|
}
|
|
1618
1638
|
},
|
|
1619
1639
|
"stroke": {
|
|
@@ -1633,16 +1653,16 @@ declare const _default: {
|
|
|
1633
1653
|
},
|
|
1634
1654
|
"feedback": {
|
|
1635
1655
|
"info": {
|
|
1636
|
-
"background": "#
|
|
1637
|
-
"foreground": "#
|
|
1656
|
+
"background": "#0D3E9B",
|
|
1657
|
+
"foreground": "#D0DFFB"
|
|
1638
1658
|
},
|
|
1639
1659
|
"success": {
|
|
1640
1660
|
"background": "#004206",
|
|
1641
1661
|
"foreground": "#CCFFD0"
|
|
1642
1662
|
},
|
|
1643
1663
|
"warning": {
|
|
1644
|
-
"background": "#
|
|
1645
|
-
"foreground": "#
|
|
1664
|
+
"background": "#7A2D00",
|
|
1665
|
+
"foreground": "#FFB88F"
|
|
1646
1666
|
},
|
|
1647
1667
|
"danger": {
|
|
1648
1668
|
"background": "#610000",
|
|
@@ -1656,12 +1676,30 @@ declare const _default: {
|
|
|
1656
1676
|
},
|
|
1657
1677
|
"chart": {
|
|
1658
1678
|
"bars": {
|
|
1659
|
-
"
|
|
1660
|
-
"
|
|
1679
|
+
"blue": "#437EEF",
|
|
1680
|
+
"orange": "#FF7729",
|
|
1681
|
+
"green": "#33FF44",
|
|
1682
|
+
"fuchsia": "#FB64D6",
|
|
1683
|
+
"yellow": "#eef400",
|
|
1684
|
+
"violet": "#BB33FF",
|
|
1685
|
+
"babyblue": "#00CBEB",
|
|
1686
|
+
"danger": "#ff2323",
|
|
1687
|
+
"teal": "#6DF8E1",
|
|
1688
|
+
"sunrise": "#FFC300",
|
|
1689
|
+
"slate": "#9a9ea7"
|
|
1690
|
+
},
|
|
1691
|
+
"default": {
|
|
1692
|
+
"blue": "#437EEF",
|
|
1693
|
+
"orange": "#FF7729",
|
|
1694
|
+
"green": "#33FF44",
|
|
1661
1695
|
"fuchsia": "#FB64D6",
|
|
1662
|
-
"
|
|
1696
|
+
"yellow": "#eef400",
|
|
1663
1697
|
"violet": "#BB33FF",
|
|
1664
|
-
"
|
|
1698
|
+
"babyblue": "#00CBEB",
|
|
1699
|
+
"danger": "#ff2323",
|
|
1700
|
+
"teal": "#6DF8E1",
|
|
1701
|
+
"sunrise": "#FFC300",
|
|
1702
|
+
"slate": "#9a9ea7"
|
|
1665
1703
|
}
|
|
1666
1704
|
},
|
|
1667
1705
|
"iconButton": {
|