@clickhouse/click-ui 0.0.168 → 0.0.170

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 (12) hide show
  1. package/dist/click-ui.es.js +1429 -219
  2. package/dist/click-ui.umd.js +1682 -472
  3. package/dist/components/Checkbox/Checkbox.d.ts +4 -1
  4. package/dist/components/DatePicker/DatePicker.d.ts +8 -0
  5. package/dist/components/Input/InputWrapper.d.ts +3 -2
  6. package/dist/components/index.d.ts +1 -0
  7. package/dist/styles/types.d.ts +223 -0
  8. package/dist/styles/variables.classic.json.d.ts +35 -0
  9. package/dist/styles/variables.dark.json.d.ts +184 -1
  10. package/dist/styles/variables.json.d.ts +228 -5
  11. package/dist/styles/variables.light.json.d.ts +180 -3
  12. package/package.json +2 -1
package/dist/styles/variables.json.d.ts CHANGED
@@ -1056,6 +1056,154 @@ declare const _default: {
1056
1056
  }
1057
1057
  },
1058
1058
  "color": {
1059
+ "variations": {
1060
+ "default": {
1061
+ "background": {
1062
+ "default": "#f6f7fa",
1063
+ "hover": "#f6f7fa",
1064
+ "active": "#161517",
1065
+ "disabled": "#dfdfdf"
1066
+ },
1067
+ "stroke": {
1068
+ "default": "#b3b6bd",
1069
+ "hover": "#b3b6bd",
1070
+ "active": "#161517",
1071
+ "disabled": "#c0c0c0"
1072
+ },
1073
+ "check": {
1074
+ "default": "#ffffff",
1075
+ "hover": "#ffffff",
1076
+ "active": "#ffffff",
1077
+ "disabled": "#a0a0a0"
1078
+ },
1079
+ "label": {
1080
+ "default": "#161517",
1081
+ "hover": "#161517",
1082
+ "active": "#161517",
1083
+ "disabled": "#a0a0a0"
1084
+ }
1085
+ },
1086
+ "var1": {
1087
+ "background": {
1088
+ "default": "#f6f7fa",
1089
+ "hover": "#f6f7fa",
1090
+ "active": "#62de85",
1091
+ "disabled": "#dfdfdf"
1092
+ },
1093
+ "stroke": {
1094
+ "default": "#62de85",
1095
+ "hover": "#62de85",
1096
+ "active": "#62de85",
1097
+ "disabled": "#c0c0c0"
1098
+ },
1099
+ "check": {
1100
+ "default": "#ffffff",
1101
+ "hover": "#ffffff",
1102
+ "active": "#ffffff",
1103
+ "disabled": "#a0a0a0"
1104
+ }
1105
+ },
1106
+ "var2": {
1107
+ "background": {
1108
+ "default": "#f6f7fa",
1109
+ "hover": "#f6f7fa",
1110
+ "active": "#6c9af3",
1111
+ "disabled": "#dfdfdf"
1112
+ },
1113
+ "stroke": {
1114
+ "default": "#6c9af3",
1115
+ "hover": "#6c9af3",
1116
+ "active": "#6c9af3",
1117
+ "disabled": "#c0c0c0"
1118
+ },
1119
+ "check": {
1120
+ "default": "#ffffff",
1121
+ "hover": "#ffffff",
1122
+ "active": "#ffffff",
1123
+ "disabled": "#a0a0a0"
1124
+ }
1125
+ },
1126
+ "var3": {
1127
+ "background": {
1128
+ "default": "#f6f7fa",
1129
+ "hover": "#f6f7fa",
1130
+ "active": "#FB64D6",
1131
+ "disabled": "#dfdfdf"
1132
+ },
1133
+ "stroke": {
1134
+ "default": "#FB64D6",
1135
+ "hover": "#FB64D6",
1136
+ "active": "#FB64D6",
1137
+ "disabled": "#c0c0c0"
1138
+ },
1139
+ "check": {
1140
+ "default": "#ffffff",
1141
+ "hover": "#ffffff",
1142
+ "active": "#ffffff",
1143
+ "disabled": "#a0a0a0"
1144
+ }
1145
+ },
1146
+ "var4": {
1147
+ "background": {
1148
+ "default": "#f6f7fa",
1149
+ "hover": "#f6f7fa",
1150
+ "active": "#ffb864",
1151
+ "disabled": "#dfdfdf"
1152
+ },
1153
+ "stroke": {
1154
+ "default": "#ffb864",
1155
+ "hover": "#ffb864",
1156
+ "active": "#ffb864",
1157
+ "disabled": "#c0c0c0"
1158
+ },
1159
+ "check": {
1160
+ "default": "#ffffff",
1161
+ "hover": "#ffffff",
1162
+ "active": "#ffffff",
1163
+ "disabled": "#a0a0a0"
1164
+ }
1165
+ },
1166
+ "var5": {
1167
+ "background": {
1168
+ "default": "#f6f7fa",
1169
+ "hover": "#f6f7fa",
1170
+ "active": "#00CCAA",
1171
+ "disabled": "#dfdfdf"
1172
+ },
1173
+ "stroke": {
1174
+ "default": "#00CCAA",
1175
+ "hover": "#00CCAA",
1176
+ "active": "#00CCAA",
1177
+ "disabled": "#c0c0c0"
1178
+ },
1179
+ "check": {
1180
+ "default": "#ffffff",
1181
+ "hover": "#ffffff",
1182
+ "active": "#ffffff",
1183
+ "disabled": "#a0a0a0"
1184
+ }
1185
+ },
1186
+ "var6": {
1187
+ "background": {
1188
+ "default": "#f6f7fa",
1189
+ "hover": "#f6f7fa",
1190
+ "active": "#CC66FF",
1191
+ "disabled": "#dfdfdf"
1192
+ },
1193
+ "stroke": {
1194
+ "default": "#CC66FF",
1195
+ "hover": "#BB33FF",
1196
+ "active": "#BB33FF",
1197
+ "disabled": "#c0c0c0"
1198
+ },
1199
+ "check": {
1200
+ "default": "#ffffff",
1201
+ "hover": "#ffffff",
1202
+ "active": "#ffffff",
1203
+ "disabled": "#a0a0a0"
1204
+ }
1205
+ }
1206
+ },
1059
1207
  "background": {
1060
1208
  "default": "#f6f7fa",
1061
1209
  "hover": "#f6f7fa",
@@ -2496,6 +2644,10 @@ declare const _default: {
2496
2644
  "narrow": {
2497
2645
  "width": "21rem",
2498
2646
  "height": "100%"
2647
+ },
2648
+ "widest": {
2649
+ "width": "55rem",
2650
+ "height": "100vh"
2499
2651
  }
2500
2652
  },
2501
2653
  "typography": {
@@ -2699,6 +2851,73 @@ declare const _default: {
2699
2851
  }
2700
2852
  }
2701
2853
  },
2854
+ "datePicker": {
2855
+ "dateOption": {
2856
+ "space": {
2857
+ "gap": "2px"
2858
+ },
2859
+ "radii": {
2860
+ "default": "0.25rem",
2861
+ "range": "0"
2862
+ },
2863
+ "stroke": "1px",
2864
+ "size": {
2865
+ "height": "2rem",
2866
+ "width": "2rem"
2867
+ },
2868
+ "typography": {
2869
+ "label": {
2870
+ "default": "400 0.75rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
2871
+ "hover": "400 0.75rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
2872
+ "active": "600 0.75rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
2873
+ "disabled": "400 0.75rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;",
2874
+ "range": "400 0.75rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
2875
+ }
2876
+ },
2877
+ "color": {
2878
+ "label": {
2879
+ "default": "#161517",
2880
+ "hover": "#161517",
2881
+ "active": "#ffffff",
2882
+ "disabled": "#a0a0a0",
2883
+ "range": "#161517"
2884
+ },
2885
+ "background": {
2886
+ "default": "#ffffff",
2887
+ "hover": "#ffffff",
2888
+ "active": "#151515",
2889
+ "disabled": "#ffffff",
2890
+ "range": "#e6e7e9"
2891
+ },
2892
+ "stroke": {
2893
+ "default": "#ffffff",
2894
+ "hover": "#151515",
2895
+ "active": "#151515",
2896
+ "disabled": "#ffffff",
2897
+ "range": "#e6e7e9"
2898
+ }
2899
+ }
2900
+ },
2901
+ "space": {
2902
+ "gap": "0.25rem"
2903
+ },
2904
+ "typography": {
2905
+ "daytitle": {
2906
+ "default": "400 0.75rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
2907
+ },
2908
+ "title": {
2909
+ "default": "600 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
2910
+ }
2911
+ },
2912
+ "color": {
2913
+ "title": {
2914
+ "default": "lch(11.1 1.37 305)"
2915
+ },
2916
+ "daytitle": {
2917
+ "default": "#696e79"
2918
+ }
2919
+ }
2920
+ },
2702
2921
  "global": {
2703
2922
  "color": {
2704
2923
  "background": {
@@ -2767,7 +2986,7 @@ declare const _default: {
2767
2986
  "chart": {
2768
2987
  "bars": {
2769
2988
  "color": {
2770
- "green": "#00FF15",
2989
+ "green": "#62de85",
2771
2990
  "blue": "#6c9af3",
2772
2991
  "fuchsia": "#FB64D6",
2773
2992
  "orange": "#ffb864",
@@ -2873,7 +3092,7 @@ declare const _default: {
2873
3092
  },
2874
3093
  "chart": {
2875
3094
  "bars": {
2876
- "green": "#00FF15",
3095
+ "green": "#62de85",
2877
3096
  "blue": "#6c9af3",
2878
3097
  "fuchsia": "#FB64D6",
2879
3098
  "orange": "#ffb864",
@@ -2888,7 +3107,11 @@ declare const _default: {
2888
3107
  }
2889
3108
  },
2890
3109
  "icon": {
2891
- "background": "linear-gradient(132deg, #FFFFFF 7.59%, #292929 30.01%);"
3110
+ "background": "linear-gradient(132deg, #FFFFFF 8%, #292929 30%);"
3111
+ },
3112
+ "gradients": {
3113
+ "yellowToBlack": "linear-gradient(132deg, #faff69 8%, #292929 30%)",
3114
+ "whiteToBlack": "linear-gradient(132deg, #ffffff 8%, #292929 30%)"
2892
3115
  }
2893
3116
  }
2894
3117
  },
@@ -3006,8 +3229,8 @@ declare const _default: {
3006
3229
  },
3007
3230
  "gradients": {
3008
3231
  "base": "linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%)",
3009
- "yellowToblack": "linear-gradient(132deg, #FAFF69 7.59%, #292929 30.01%);",
3010
- "whiteToblack": "linear-gradient(132deg, #FFFFFF 7.59%, #292929 30.01%);",
3232
+ "yellowToblack": "linear-gradient(132deg, #FAFF69 8%, #292929 30%);",
3233
+ "whiteToblack": "linear-gradient(132deg, #FFFFFF 8%, #292929 30%);",
3011
3234
  "transparent": "rgba(0,0,0,0)"
3012
3235
  },
3013
3236
  "utility": {
package/dist/styles/variables.light.json.d.ts CHANGED
@@ -583,6 +583,148 @@ declare const _default: {
583
583
  },
584
584
  "checkbox": {
585
585
  "color": {
586
+ "variations": {
587
+ "default": {
588
+ "background": {
589
+ "default": "#f6f7fa",
590
+ "hover": "#f6f7fa",
591
+ "active": "#161517",
592
+ "disabled": "#dfdfdf"
593
+ },
594
+ "stroke": {
595
+ "default": "#b3b6bd",
596
+ "hover": "#b3b6bd",
597
+ "active": "#161517",
598
+ "disabled": "#c0c0c0"
599
+ },
600
+ "check": {
601
+ "default": "#ffffff",
602
+ "hover": "#ffffff",
603
+ "active": "#ffffff",
604
+ "disabled": "#a0a0a0"
605
+ }
606
+ },
607
+ "var1": {
608
+ "background": {
609
+ "default": "#f6f7fa",
610
+ "hover": "#f6f7fa",
611
+ "active": "#62de85",
612
+ "disabled": "#dfdfdf"
613
+ },
614
+ "stroke": {
615
+ "default": "#62de85",
616
+ "hover": "#62de85",
617
+ "active": "#62de85",
618
+ "disabled": "#c0c0c0"
619
+ },
620
+ "check": {
621
+ "default": "#ffffff",
622
+ "hover": "#ffffff",
623
+ "active": "#ffffff",
624
+ "disabled": "#a0a0a0"
625
+ }
626
+ },
627
+ "var2": {
628
+ "background": {
629
+ "default": "#f6f7fa",
630
+ "hover": "#f6f7fa",
631
+ "active": "#6c9af3",
632
+ "disabled": "#dfdfdf"
633
+ },
634
+ "stroke": {
635
+ "default": "#6c9af3",
636
+ "hover": "#6c9af3",
637
+ "active": "#6c9af3",
638
+ "disabled": "#c0c0c0"
639
+ },
640
+ "check": {
641
+ "default": "#ffffff",
642
+ "hover": "#ffffff",
643
+ "active": "#ffffff",
644
+ "disabled": "#a0a0a0"
645
+ }
646
+ },
647
+ "var3": {
648
+ "background": {
649
+ "default": "#f6f7fa",
650
+ "hover": "#f6f7fa",
651
+ "active": "#FB64D6",
652
+ "disabled": "#dfdfdf"
653
+ },
654
+ "stroke": {
655
+ "default": "#FB64D6",
656
+ "hover": "#FB64D6",
657
+ "active": "#FB64D6",
658
+ "disabled": "#c0c0c0"
659
+ },
660
+ "check": {
661
+ "default": "#ffffff",
662
+ "hover": "#ffffff",
663
+ "active": "#ffffff",
664
+ "disabled": "#a0a0a0"
665
+ }
666
+ },
667
+ "var4": {
668
+ "background": {
669
+ "default": "#f6f7fa",
670
+ "hover": "#f6f7fa",
671
+ "active": "#ffb864",
672
+ "disabled": "#dfdfdf"
673
+ },
674
+ "stroke": {
675
+ "default": "#ffb864",
676
+ "hover": "#ffb864",
677
+ "active": "#ffb864",
678
+ "disabled": "#c0c0c0"
679
+ },
680
+ "check": {
681
+ "default": "#ffffff",
682
+ "hover": "#ffffff",
683
+ "active": "#ffffff",
684
+ "disabled": "#a0a0a0"
685
+ }
686
+ },
687
+ "var5": {
688
+ "background": {
689
+ "default": "#f6f7fa",
690
+ "hover": "#f6f7fa",
691
+ "active": "#00CCAA",
692
+ "disabled": "#dfdfdf"
693
+ },
694
+ "stroke": {
695
+ "default": "#00CCAA",
696
+ "hover": "#00CCAA",
697
+ "active": "#00CCAA",
698
+ "disabled": "#c0c0c0"
699
+ },
700
+ "check": {
701
+ "default": "#ffffff",
702
+ "hover": "#ffffff",
703
+ "active": "#ffffff",
704
+ "disabled": "#a0a0a0"
705
+ }
706
+ },
707
+ "var6": {
708
+ "background": {
709
+ "default": "#f6f7fa",
710
+ "hover": "#f6f7fa",
711
+ "active": "#CC66FF",
712
+ "disabled": "#dfdfdf"
713
+ },
714
+ "stroke": {
715
+ "default": "#CC66FF",
716
+ "hover": "#BB33FF",
717
+ "active": "#BB33FF",
718
+ "disabled": "#c0c0c0"
719
+ },
720
+ "check": {
721
+ "default": "#ffffff",
722
+ "hover": "#ffffff",
723
+ "active": "#ffffff",
724
+ "disabled": "#a0a0a0"
725
+ }
726
+ }
727
+ },
586
728
  "background": {
587
729
  "default": "#f6f7fa",
588
730
  "hover": "#f6f7fa",
@@ -1331,6 +1473,41 @@ declare const _default: {
1331
1473
  }
1332
1474
  }
1333
1475
  },
1476
+ "datePicker": {
1477
+ "dateOption": {
1478
+ "color": {
1479
+ "label": {
1480
+ "default": "#161517",
1481
+ "hover": "#161517",
1482
+ "active": "#ffffff",
1483
+ "disabled": "#a0a0a0",
1484
+ "range": "#161517"
1485
+ },
1486
+ "background": {
1487
+ "default": "#ffffff",
1488
+ "hover": "#ffffff",
1489
+ "active": "#151515",
1490
+ "disabled": "#ffffff",
1491
+ "range": "#e6e7e9"
1492
+ },
1493
+ "stroke": {
1494
+ "default": "#ffffff",
1495
+ "hover": "#151515",
1496
+ "active": "#151515",
1497
+ "disabled": "#ffffff",
1498
+ "range": "#e6e7e9"
1499
+ }
1500
+ }
1501
+ },
1502
+ "color": {
1503
+ "title": {
1504
+ "default": "lch(11.1 1.37 305)"
1505
+ },
1506
+ "daytitle": {
1507
+ "default": "#696e79"
1508
+ }
1509
+ }
1510
+ },
1334
1511
  "global": {
1335
1512
  "color": {
1336
1513
  "background": {
@@ -1399,7 +1576,7 @@ declare const _default: {
1399
1576
  "chart": {
1400
1577
  "bars": {
1401
1578
  "color": {
1402
- "green": "#00FF15",
1579
+ "green": "#62de85",
1403
1580
  "blue": "#6c9af3",
1404
1581
  "fuchsia": "#FB64D6",
1405
1582
  "orange": "#ffb864",
@@ -1467,7 +1644,7 @@ declare const _default: {
1467
1644
  },
1468
1645
  "chart": {
1469
1646
  "bars": {
1470
- "green": "#00FF15",
1647
+ "green": "#62de85",
1471
1648
  "blue": "#6c9af3",
1472
1649
  "fuchsia": "#FB64D6",
1473
1650
  "orange": "#ffb864",
@@ -1482,7 +1659,7 @@ declare const _default: {
1482
1659
  }
1483
1660
  },
1484
1661
  "icon": {
1485
- "background": "linear-gradient(132deg, #FFFFFF 7.59%, #292929 30.01%);"
1662
+ "background": "linear-gradient(132deg, #FFFFFF 8%, #292929 30%);"
1486
1663
  }
1487
1664
  }
1488
1665
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "0.0.168",
3
+ "version": "0.0.170",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",
@@ -43,6 +43,7 @@
43
43
  "publish:click-ui": "npm run test && npm run build && npm publish"
44
44
  },
45
45
  "dependencies": {
46
+ "@h6s/calendar": "^2.0.1",
46
47
  "@radix-ui/react-accordion": "^1.1.2",
47
48
  "@radix-ui/react-avatar": "^1.0.4",
48
49
  "@radix-ui/react-checkbox": "^1.0.4",