@clickhouse/click-ui 0.0.172 → 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.
Files changed (8) hide show
  1. package/dist/click-ui.es.js +511 -332
  2. package/dist/click-ui.umd.js +511 -332
  3. package/dist/styles/types.d.ts +67 -2
  4. package/dist/styles/variables.classic.json.d.ts +64 -26
  5. package/dist/styles/variables.dark.json.d.ts +100 -62
  6. package/dist/styles/variables.json.d.ts +207 -142
  7. package/dist/styles/variables.light.json.d.ts +140 -102
  8. package/package.json +1 -1
package/dist/styles/variables.light.json.d.ts CHANGED
@@ -16,14 +16,14 @@ declare const _default: {
16
16
  },
17
17
  "link": {
18
18
  "label": {
19
- "default": "#135be6",
20
- "hover": "#092e73",
21
- "active": "#135be6"
19
+ "default": "#437EEF",
20
+ "hover": "#104EC6",
21
+ "active": "#437EEF"
22
22
  },
23
23
  "icon": {
24
- "default": "#135be6",
25
- "hover": "lch(26.3 42.1 284)",
26
- "active": "#135be6"
24
+ "default": "#437EEF",
25
+ "hover": "lch(40.8 66.4 286)",
26
+ "active": "#437EEF"
27
27
  }
28
28
  }
29
29
  }
@@ -35,32 +35,32 @@ declare const _default: {
35
35
  "success": "rgb(20% 100% 26.7% / 0.1)",
36
36
  "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
37
37
  "danger": "rgb(100% 13.7% 13.7% / 0.1)",
38
- "warning": "rgb(100% 58% 8.63% / 0.1)",
39
- "info": "rgb(7.45% 35.7% 90.2% / 0.1)"
38
+ "warning": "rgb(100% 46.7% 16.1% / 0.1)",
39
+ "info": "rgb(26.3% 49.4% 93.7% / 0.1)"
40
40
  },
41
41
  "text": {
42
42
  "default": "#696e79",
43
- "success": "#00990D",
43
+ "success": "#008A0B",
44
44
  "neutral": "#53575f",
45
45
  "danger": "#c10000",
46
- "warning": "#9e5600",
47
- "info": "#135be6"
46
+ "warning": "#A33C00",
47
+ "info": "#437EEF"
48
48
  },
49
49
  "iconBackground": {
50
50
  "default": "#ffffff",
51
51
  "success": "rgb(20% 100% 26.7% / 0)",
52
52
  "neutral": "rgb(41.2% 43.1% 47.5% / 0)",
53
53
  "danger": "rgb(100% 13.7% 13.7% / 0)",
54
- "warning": "rgb(100% 58% 8.63% / 0)",
55
- "info": "rgb(7.45% 35.7% 90.2% / 0)"
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": "#696e79",
59
- "success": "lch(54.9 75.8 135 / 0.75)",
59
+ "success": "lch(49.8 70.2 135 / 0.75)",
60
60
  "neutral": "lch(36.8 5.23 267 / 0.75)",
61
61
  "danger": "lch(41 86.6 40.9 / 0.75)",
62
- "warning": "lch(44.6 59.8 63.2 / 0.75)",
63
- "info": "lch(41.9 80.9 287 / 0.75)"
62
+ "warning": "lch(40.2 66.6 51.1 / 0.75)",
63
+ "info": "lch(53.4 64.6 279 / 0.75)"
64
64
  }
65
65
  }
66
66
  },
@@ -86,17 +86,17 @@ declare const _default: {
86
86
  "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
87
87
  "danger": "rgb(100% 13.7% 13.7% / 0.1)",
88
88
  "disabled": "#dfdfdf",
89
- "info": "rgb(7.45% 35.7% 90.2% / 0.1)",
90
- "warning": "rgb(100% 58% 8.63% / 0.1)"
89
+ "info": "rgb(26.3% 49.4% 93.7% / 0.1)",
90
+ "warning": "rgb(100% 46.7% 16.1% / 0.1)"
91
91
  },
92
92
  "text": {
93
93
  "default": "#696e79",
94
- "success": "#00990D",
94
+ "success": "#008A0B",
95
95
  "neutral": "#53575f",
96
96
  "danger": "#c10000",
97
97
  "disabled": "#a0a0a0",
98
- "info": "#135be6",
99
- "warning": "#9e5600"
98
+ "info": "#437EEF",
99
+ "warning": "#A33C00"
100
100
  },
101
101
  "stroke": {
102
102
  "default": "#e6e7e9",
@@ -104,8 +104,8 @@ declare const _default: {
104
104
  "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
105
105
  "danger": "rgb(100% 13.7% 13.7% / 0.05)",
106
106
  "disabled": "rgb(83.1% 83.1% 83.1%)",
107
- "info": "rgb(7.45% 35.7% 90.2% / 0.05)",
108
- "warning": "rgb(100% 58% 8.63% / 0.05)"
107
+ "info": "rgb(26.3% 49.4% 93.7% / 0.05)",
108
+ "warning": "rgb(100% 46.7% 16.1% / 0.05)"
109
109
  }
110
110
  }
111
111
  },
@@ -194,9 +194,9 @@ declare const _default: {
194
194
  },
195
195
  "empty": {
196
196
  "text": {
197
- "default": "#135be6",
198
- "hover": "#092e73",
199
- "active": "#135be6",
197
+ "default": "#437EEF",
198
+ "hover": "#104EC6",
199
+ "active": "#437EEF",
200
200
  "disabled": "#a0a0a0"
201
201
  },
202
202
  "background": {
@@ -294,19 +294,19 @@ declare const _default: {
294
294
  },
295
295
  "info": {
296
296
  "background": {
297
- "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
298
- "hover": "#b5cdf9",
299
- "active": "#91b3f6"
297
+ "default": "rgb(26.3% 49.4% 93.7% / 0.1)",
298
+ "hover": "#D0DFFB",
299
+ "active": "#A1BEF7"
300
300
  },
301
301
  "text": {
302
- "default": "#135be6",
303
- "hover": "#135be6",
304
- "active": "#135be6"
302
+ "default": "#437EEF",
303
+ "hover": "#437EEF",
304
+ "active": "#437EEF"
305
305
  },
306
306
  "stroke": {
307
- "default": "rgb(7.45% 35.7% 90.2% / 0.1)",
308
- "hover": "#b5cdf9",
309
- "active": "#91b3f6"
307
+ "default": "rgb(26.3% 49.4% 93.7% / 0.1)",
308
+ "hover": "#D0DFFB",
309
+ "active": "#A1BEF7"
310
310
  }
311
311
  }
312
312
  }
@@ -457,7 +457,7 @@ declare const _default: {
457
457
  },
458
458
  "link": {
459
459
  "default": "#161517",
460
- "hover": "#135be6",
460
+ "hover": "#437EEF",
461
461
  "active": "#161517",
462
462
  "disabled": "#a0a0a0"
463
463
  },
@@ -608,7 +608,7 @@ declare const _default: {
608
608
  "background": {
609
609
  "default": "#f6f7fa",
610
610
  "hover": "#f6f7fa",
611
- "active": "#62de85",
611
+ "active": "#00E513",
612
612
  "disabled": "#dfdfdf"
613
613
  },
614
614
  "stroke": {
@@ -628,13 +628,13 @@ declare const _default: {
628
628
  "background": {
629
629
  "default": "#f6f7fa",
630
630
  "hover": "#f6f7fa",
631
- "active": "#6c9af3",
631
+ "active": "#437EEF",
632
632
  "disabled": "#dfdfdf"
633
633
  },
634
634
  "stroke": {
635
- "default": "#6c9af3",
636
- "hover": "#6c9af3",
637
- "active": "#6c9af3",
635
+ "default": "#6D9BF3",
636
+ "hover": "#6D9BF3",
637
+ "active": "#6D9BF3",
638
638
  "disabled": "#c0c0c0"
639
639
  },
640
640
  "check": {
@@ -648,7 +648,7 @@ declare const _default: {
648
648
  "background": {
649
649
  "default": "#f6f7fa",
650
650
  "hover": "#f6f7fa",
651
- "active": "#FB64D6",
651
+ "active": "#FB32C9",
652
652
  "disabled": "#dfdfdf"
653
653
  },
654
654
  "stroke": {
@@ -668,13 +668,13 @@ declare const _default: {
668
668
  "background": {
669
669
  "default": "#f6f7fa",
670
670
  "hover": "#f6f7fa",
671
- "active": "#ffb864",
671
+ "active": "#FF7729",
672
672
  "disabled": "#dfdfdf"
673
673
  },
674
674
  "stroke": {
675
- "default": "#ffb864",
676
- "hover": "#ffb864",
677
- "active": "#ffb864",
675
+ "default": "#FF9457",
676
+ "hover": "#FF9457",
677
+ "active": "#FF9457",
678
678
  "disabled": "#c0c0c0"
679
679
  },
680
680
  "check": {
@@ -688,13 +688,13 @@ declare const _default: {
688
688
  "background": {
689
689
  "default": "#f6f7fa",
690
690
  "hover": "#f6f7fa",
691
- "active": "#00CCAA",
691
+ "active": "#089B83",
692
692
  "disabled": "#dfdfdf"
693
693
  },
694
694
  "stroke": {
695
- "default": "#00CCAA",
696
- "hover": "#00CCAA",
697
- "active": "#00CCAA",
695
+ "default": "#089B83",
696
+ "hover": "#089B83",
697
+ "active": "#089B83",
698
698
  "disabled": "#c0c0c0"
699
699
  },
700
700
  "check": {
@@ -708,7 +708,7 @@ declare const _default: {
708
708
  "background": {
709
709
  "default": "#f6f7fa",
710
710
  "hover": "#f6f7fa",
711
- "active": "#CC66FF",
711
+ "active": "#BB33FF",
712
712
  "disabled": "#dfdfdf"
713
713
  },
714
714
  "stroke": {
@@ -1231,7 +1231,7 @@ declare const _default: {
1231
1231
  "background": {
1232
1232
  "default": "#f6f7fa",
1233
1233
  "hover": "#f6f7fa",
1234
- "active": "rgb(85% 89.5% 97.8%)"
1234
+ "active": "rgb(89.8% 92.8% 98.1%)"
1235
1235
  },
1236
1236
  "title": {
1237
1237
  "default": "#161517"
@@ -1253,8 +1253,8 @@ declare const _default: {
1253
1253
  "color": {
1254
1254
  "background": {
1255
1255
  "default": "#ffffff",
1256
- "hover": "lch(90.9 12.2 266 / 0.2)",
1257
- "active": "rgb(85.9% 90.4% 98.9% / 0.2)"
1256
+ "hover": "lch(94.1 7.78 264 / 0.2)",
1257
+ "active": "rgb(90.8% 93.8% 99.2% / 0.2)"
1258
1258
  },
1259
1259
  "stroke": {
1260
1260
  "default": "#e6e7e9"
@@ -1263,7 +1263,7 @@ declare const _default: {
1263
1263
  "default": "#161517"
1264
1264
  },
1265
1265
  "link": {
1266
- "default": "#135be6"
1266
+ "default": "#437EEF"
1267
1267
  },
1268
1268
  "label": {
1269
1269
  "default": "#696e79"
@@ -1343,8 +1343,8 @@ declare const _default: {
1343
1343
  },
1344
1344
  "icon": {
1345
1345
  "default": "lch(11.1 1.37 305)",
1346
- "success": "#00990D",
1347
- "warning": "#9e5600",
1346
+ "success": "#008A0B",
1347
+ "warning": "#A33C00",
1348
1348
  "danger": "#c10000"
1349
1349
  }
1350
1350
  }
@@ -1397,8 +1397,8 @@ declare const _default: {
1397
1397
  "color": {
1398
1398
  "background": {
1399
1399
  "default": "#f6f7fa",
1400
- "selectIndirect": "lch(93.2 9.14 266)",
1401
- "selectDirect": "lch(90 12.1 266)"
1400
+ "selectIndirect": "lch(95.6 5.84 264)",
1401
+ "selectDirect": "lch(93.2 7.7 264)"
1402
1402
  },
1403
1403
  "title": {
1404
1404
  "default": "#696e79",
@@ -1407,8 +1407,8 @@ declare const _default: {
1407
1407
  },
1408
1408
  "stroke": {
1409
1409
  "default": "lch(89.3 1.07 266)",
1410
- "selectIndirect": "lch(88.6 11.9 266)",
1411
- "selectDirect": "lch(79.7 24 268)"
1410
+ "selectIndirect": "lch(91.8 7.59 264)",
1411
+ "selectDirect": "lch(86.1 15.1 266)"
1412
1412
  }
1413
1413
  }
1414
1414
  }
@@ -1418,13 +1418,13 @@ declare const _default: {
1418
1418
  "color": {
1419
1419
  "background": {
1420
1420
  "default": "#ffffff",
1421
- "selectIndirect": "lch(90.9 12.2 266 / 0.2)",
1422
- "selectDirect": "lch(90.9 12.2 266 / 0.2)"
1421
+ "selectIndirect": "lch(94.1 7.78 264 / 0.2)",
1422
+ "selectDirect": "lch(94.1 7.78 264 / 0.2)"
1423
1423
  },
1424
1424
  "stroke": {
1425
1425
  "default": "#e6e7e9",
1426
- "selectIndirect": "lch(65.4 19.7 268)",
1427
- "selectDirect": "#135be6"
1426
+ "selectIndirect": "lch(70.7 12.4 266)",
1427
+ "selectDirect": "#437EEF"
1428
1428
  },
1429
1429
  "text": {
1430
1430
  "default": "lch(7.17 1.44 305)",
@@ -1452,24 +1452,24 @@ declare const _default: {
1452
1452
  "success": "rgb(20% 100% 26.7% / 0.1)",
1453
1453
  "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
1454
1454
  "danger": "rgb(100% 13.7% 13.7% / 0.1)",
1455
- "info": "rgb(7.45% 35.7% 90.2% / 0.1)",
1456
- "warning": "rgb(100% 58% 8.63% / 0.1)"
1455
+ "info": "rgb(26.3% 49.4% 93.7% / 0.1)",
1456
+ "warning": "rgb(100% 46.7% 16.1% / 0.1)"
1457
1457
  },
1458
1458
  "text": {
1459
1459
  "default": "rgba(0,0,0,0)",
1460
- "success": "#00990D",
1460
+ "success": "#008A0B",
1461
1461
  "neutral": "#53575f",
1462
1462
  "danger": "#c10000",
1463
- "info": "#135be6",
1464
- "warning": "#9e5600"
1463
+ "info": "#437EEF",
1464
+ "warning": "#A33C00"
1465
1465
  },
1466
1466
  "stroke": {
1467
1467
  "default": "rgba(0,0,0,0)",
1468
1468
  "success": "rgb(20% 100% 26.7% / 0.05)",
1469
1469
  "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
1470
1470
  "danger": "rgb(100% 13.7% 13.7% / 0.05)",
1471
- "info": "rgb(7.45% 35.7% 90.2% / 0.05)",
1472
- "warning": "rgb(100% 58% 8.63% / 0.05)"
1471
+ "info": "rgb(26.3% 49.4% 93.7% / 0.05)",
1472
+ "warning": "rgb(100% 46.7% 16.1% / 0.05)"
1473
1473
  }
1474
1474
  }
1475
1475
  },
@@ -1518,8 +1518,8 @@ declare const _default: {
1518
1518
  "default": "#161517",
1519
1519
  "muted": "#696e79",
1520
1520
  "link": {
1521
- "default": "#135be6",
1522
- "hover": "#092e73"
1521
+ "default": "#437EEF",
1522
+ "hover": "#104EC6"
1523
1523
  },
1524
1524
  "danger": "#c10000"
1525
1525
  },
@@ -1532,7 +1532,7 @@ declare const _default: {
1532
1532
  "default": "#151515"
1533
1533
  },
1534
1534
  "outline": {
1535
- "default": "#135be6"
1535
+ "default": "#437EEF"
1536
1536
  },
1537
1537
  "shadow": {
1538
1538
  "default": "lch(6.77 0 0 / 0.15)"
@@ -1546,16 +1546,16 @@ declare const _default: {
1546
1546
  "feedback": {
1547
1547
  "color": {
1548
1548
  "info": {
1549
- "background": "rgb(7.45% 35.7% 90.2% / 0.1)",
1550
- "foreground": "#135be6"
1549
+ "background": "rgb(26.3% 49.4% 93.7% / 0.1)",
1550
+ "foreground": "#437EEF"
1551
1551
  },
1552
1552
  "success": {
1553
1553
  "background": "rgb(20% 100% 26.7% / 0.1)",
1554
- "foreground": "#00990D"
1554
+ "foreground": "#008A0B"
1555
1555
  },
1556
1556
  "warning": {
1557
- "background": "rgb(100% 58% 8.63% / 0.1)",
1558
- "foreground": "#9e5600"
1557
+ "background": "rgb(100% 46.7% 16.1% / 0.1)",
1558
+ "foreground": "#A33C00"
1559
1559
  },
1560
1560
  "danger": {
1561
1561
  "background": "rgb(100% 13.7% 13.7% / 0.1)",
@@ -1576,12 +1576,32 @@ declare const _default: {
1576
1576
  "chart": {
1577
1577
  "bars": {
1578
1578
  "color": {
1579
- "green": "#62de85",
1580
- "blue": "#6c9af3",
1581
- "fuchsia": "#FB64D6",
1582
- "orange": "#ffb864",
1583
- "violet": "#CC66FF",
1584
- "teal": "#00CCAA"
1579
+ "blue": "#437EEF",
1580
+ "orange": "#FF7729",
1581
+ "green": "#00E513",
1582
+ "fuchsia": "#FB32C9",
1583
+ "yellow": "#eef400",
1584
+ "violet": "#BB33FF",
1585
+ "babyblue": "#00CBEB",
1586
+ "red": "#ff2323",
1587
+ "teal": "#089B83",
1588
+ "sunrise": "#FFC300",
1589
+ "slate": "#9a9ea7"
1590
+ }
1591
+ },
1592
+ "color": {
1593
+ "default": {
1594
+ "blue": "#437EEF",
1595
+ "orange": "#FF7729",
1596
+ "green": "#00E513",
1597
+ "fuchsia": "#FB32C9",
1598
+ "yellow": "#eef400",
1599
+ "violet": "#BB33FF",
1600
+ "babyblue": "#00CBEB",
1601
+ "red": "#ff2323",
1602
+ "teal": "#089B83",
1603
+ "sunrise": "#FFC300",
1604
+ "slate": "#9a9ea7"
1585
1605
  }
1586
1606
  }
1587
1607
  }
@@ -1600,8 +1620,8 @@ declare const _default: {
1600
1620
  "default": "#161517",
1601
1621
  "muted": "#696e79",
1602
1622
  "link": {
1603
- "default": "#135be6",
1604
- "hover": "#092e73"
1623
+ "default": "#437EEF",
1624
+ "hover": "#104EC6"
1605
1625
  }
1606
1626
  },
1607
1627
  "stroke": {
@@ -1614,23 +1634,23 @@ declare const _default: {
1614
1634
  "default": "#151515"
1615
1635
  },
1616
1636
  "outline": {
1617
- "default": "#135be6"
1637
+ "default": "#437EEF"
1618
1638
  },
1619
1639
  "shadow": {
1620
1640
  "default": "lch(6.77 0 0 / 0.15)"
1621
1641
  },
1622
1642
  "feedback": {
1623
1643
  "info": {
1624
- "background": "#dae6fc",
1625
- "foreground": "#135be6"
1644
+ "background": "#E7EFFD",
1645
+ "foreground": "#437EEF"
1626
1646
  },
1627
1647
  "success": {
1628
1648
  "background": "#E5FFE8",
1629
- "foreground": "#00990D"
1649
+ "foreground": "#008A0B"
1630
1650
  },
1631
1651
  "warning": {
1632
- "background": "#ffedd8",
1633
- "foreground": "#9e5600"
1652
+ "background": "#FFE2D1",
1653
+ "foreground": "#A33C00"
1634
1654
  },
1635
1655
  "danger": {
1636
1656
  "background": "#ffdddd",
@@ -1644,18 +1664,36 @@ declare const _default: {
1644
1664
  },
1645
1665
  "chart": {
1646
1666
  "bars": {
1647
- "green": "#62de85",
1648
- "blue": "#6c9af3",
1649
- "fuchsia": "#FB64D6",
1650
- "orange": "#ffb864",
1651
- "violet": "#CC66FF",
1652
- "teal": "#00CCAA"
1667
+ "blue": "#437EEF",
1668
+ "orange": "#FF7729",
1669
+ "green": "#00E513",
1670
+ "fuchsia": "#FB32C9",
1671
+ "yellow": "#eef400",
1672
+ "violet": "#BB33FF",
1673
+ "babyblue": "#00CBEB",
1674
+ "teal": "#089B83",
1675
+ "sunrise": "#FFC300",
1676
+ "slate": "#9a9ea7",
1677
+ "red": "#ff2323"
1678
+ },
1679
+ "default": {
1680
+ "blue": "#437EEF",
1681
+ "orange": "#FF7729",
1682
+ "green": "#00E513",
1683
+ "fuchsia": "#FB32C9",
1684
+ "yellow": "#eef400",
1685
+ "violet": "#BB33FF",
1686
+ "babyblue": "#00CBEB",
1687
+ "teal": "#089B83",
1688
+ "sunrise": "#FFC300",
1689
+ "slate": "#9a9ea7",
1690
+ "red": "#ff2323"
1653
1691
  }
1654
1692
  },
1655
1693
  "iconButton": {
1656
1694
  "badge": {
1657
- "foreground": "#135be6",
1658
- "background": "#dae6fc"
1695
+ "foreground": "#437EEF",
1696
+ "background": "#E7EFFD"
1659
1697
  }
1660
1698
  },
1661
1699
  "icon": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "0.0.172",
3
+ "version": "0.0.173",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",