@clickhouse/click-ui 0.0.168 → 0.0.169

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 +468 -25
  2. package/dist/click-ui.umd.js +468 -25
  3. package/dist/components/Checkbox/Checkbox.d.ts +4 -1
  4. package/dist/styles/types.d.ts +152 -0
  5. package/dist/styles/variables.dark.json.d.ts +149 -1
  6. package/dist/styles/variables.json.d.ts +157 -5
  7. package/dist/styles/variables.light.json.d.ts +145 -3
  8. package/package.json +1 -1
package/dist/styles/types.d.ts CHANGED
@@ -1056,6 +1056,154 @@ export interface Theme {
1056
1056
  };
1057
1057
  };
1058
1058
  "color": {
1059
+ "variations": {
1060
+ "default": {
1061
+ "background": {
1062
+ "default": string;
1063
+ "hover": string;
1064
+ "active": string;
1065
+ "disabled": string;
1066
+ };
1067
+ "stroke": {
1068
+ "default": string;
1069
+ "hover": string;
1070
+ "active": string;
1071
+ "disabled": string;
1072
+ };
1073
+ "check": {
1074
+ "default": string;
1075
+ "hover": string;
1076
+ "active": string;
1077
+ "disabled": string;
1078
+ };
1079
+ "label": {
1080
+ "default": string;
1081
+ "hover": string;
1082
+ "active": string;
1083
+ "disabled": string;
1084
+ };
1085
+ };
1086
+ "var1": {
1087
+ "background": {
1088
+ "default": string;
1089
+ "hover": string;
1090
+ "active": string;
1091
+ "disabled": string;
1092
+ };
1093
+ "stroke": {
1094
+ "default": string;
1095
+ "hover": string;
1096
+ "active": string;
1097
+ "disabled": string;
1098
+ };
1099
+ "check": {
1100
+ "default": string;
1101
+ "hover": string;
1102
+ "active": string;
1103
+ "disabled": string;
1104
+ };
1105
+ };
1106
+ "var2": {
1107
+ "background": {
1108
+ "default": string;
1109
+ "hover": string;
1110
+ "active": string;
1111
+ "disabled": string;
1112
+ };
1113
+ "stroke": {
1114
+ "default": string;
1115
+ "hover": string;
1116
+ "active": string;
1117
+ "disabled": string;
1118
+ };
1119
+ "check": {
1120
+ "default": string;
1121
+ "hover": string;
1122
+ "active": string;
1123
+ "disabled": string;
1124
+ };
1125
+ };
1126
+ "var3": {
1127
+ "background": {
1128
+ "default": string;
1129
+ "hover": string;
1130
+ "active": string;
1131
+ "disabled": string;
1132
+ };
1133
+ "stroke": {
1134
+ "default": string;
1135
+ "hover": string;
1136
+ "active": string;
1137
+ "disabled": string;
1138
+ };
1139
+ "check": {
1140
+ "default": string;
1141
+ "hover": string;
1142
+ "active": string;
1143
+ "disabled": string;
1144
+ };
1145
+ };
1146
+ "var4": {
1147
+ "background": {
1148
+ "default": string;
1149
+ "hover": string;
1150
+ "active": string;
1151
+ "disabled": string;
1152
+ };
1153
+ "stroke": {
1154
+ "default": string;
1155
+ "hover": string;
1156
+ "active": string;
1157
+ "disabled": string;
1158
+ };
1159
+ "check": {
1160
+ "default": string;
1161
+ "hover": string;
1162
+ "active": string;
1163
+ "disabled": string;
1164
+ };
1165
+ };
1166
+ "var5": {
1167
+ "background": {
1168
+ "default": string;
1169
+ "hover": string;
1170
+ "active": string;
1171
+ "disabled": string;
1172
+ };
1173
+ "stroke": {
1174
+ "default": string;
1175
+ "hover": string;
1176
+ "active": string;
1177
+ "disabled": string;
1178
+ };
1179
+ "check": {
1180
+ "default": string;
1181
+ "hover": string;
1182
+ "active": string;
1183
+ "disabled": string;
1184
+ };
1185
+ };
1186
+ "var6": {
1187
+ "background": {
1188
+ "default": string;
1189
+ "hover": string;
1190
+ "active": string;
1191
+ "disabled": string;
1192
+ };
1193
+ "stroke": {
1194
+ "default": string;
1195
+ "hover": string;
1196
+ "active": string;
1197
+ "disabled": string;
1198
+ };
1199
+ "check": {
1200
+ "default": string;
1201
+ "hover": string;
1202
+ "active": string;
1203
+ "disabled": string;
1204
+ };
1205
+ };
1206
+ };
1059
1207
  "background": {
1060
1208
  "default": string;
1061
1209
  "hover": string;
@@ -2890,6 +3038,10 @@ export interface Theme {
2890
3038
  "icon": {
2891
3039
  "background": string;
2892
3040
  };
3041
+ "gradients": {
3042
+ "yellowToBlack": string;
3043
+ "whiteToBlack": string;
3044
+ };
2893
3045
  };
2894
3046
  };
2895
3047
  "palette": {
package/dist/styles/variables.dark.json.d.ts CHANGED
@@ -583,6 +583,154 @@ declare const _default: {
583
583
  },
584
584
  "checkbox": {
585
585
  "color": {
586
+ "variations": {
587
+ "default": {
588
+ "background": {
589
+ "default": "rgb(17.8% 17.8% 17.8%)",
590
+ "hover": "rgb(17.8% 17.8% 17.8%)",
591
+ "active": "#FAFF69",
592
+ "disabled": "#414141"
593
+ },
594
+ "stroke": {
595
+ "default": "#414141",
596
+ "hover": "#414141",
597
+ "active": "#FAFF69",
598
+ "disabled": "#606060"
599
+ },
600
+ "check": {
601
+ "default": "#ffffff",
602
+ "hover": "#ffffff",
603
+ "active": "#151515",
604
+ "disabled": "#808080"
605
+ },
606
+ "label": {
607
+ "default": "#ffffff",
608
+ "hover": "#ffffff",
609
+ "active": "#ffffff",
610
+ "disabled": "#606060"
611
+ }
612
+ },
613
+ "var1": {
614
+ "background": {
615
+ "default": "rgb(17.8% 17.8% 17.8%)",
616
+ "hover": "rgb(17.8% 17.8% 17.8%)",
617
+ "active": "#66FF73",
618
+ "disabled": "rgb(17.8% 17.8% 17.8%)"
619
+ },
620
+ "stroke": {
621
+ "default": "#00CC11",
622
+ "hover": "#66FF73",
623
+ "active": "#66FF73",
624
+ "disabled": "#606060"
625
+ },
626
+ "check": {
627
+ "default": "#ffffff",
628
+ "hover": "#ffffff",
629
+ "active": "#ffffff",
630
+ "disabled": "#a0a0a0"
631
+ }
632
+ },
633
+ "var2": {
634
+ "background": {
635
+ "default": "rgb(17.8% 17.8% 17.8%)",
636
+ "hover": "rgb(17.8% 17.8% 17.8%)",
637
+ "active": "#6c9af3",
638
+ "disabled": "rgb(17.8% 17.8% 17.8%)"
639
+ },
640
+ "stroke": {
641
+ "default": "#6c9af3",
642
+ "hover": "#91b3f6",
643
+ "active": "#91b3f6",
644
+ "disabled": "#606060"
645
+ },
646
+ "check": {
647
+ "default": "#ffffff",
648
+ "hover": "#ffffff",
649
+ "active": "#ffffff",
650
+ "disabled": "#a0a0a0"
651
+ }
652
+ },
653
+ "var3": {
654
+ "background": {
655
+ "default": "rgb(17.8% 17.8% 17.8%)",
656
+ "hover": "rgb(17.8% 17.8% 17.8%)",
657
+ "active": "#FB64D6",
658
+ "disabled": "rgb(17.8% 17.8% 17.8%)"
659
+ },
660
+ "stroke": {
661
+ "default": "#FB64D6",
662
+ "hover": "#FB64D6",
663
+ "active": "#FB64D6",
664
+ "disabled": "#606060"
665
+ },
666
+ "check": {
667
+ "default": "#ffffff",
668
+ "hover": "#ffffff",
669
+ "active": "#ffffff",
670
+ "disabled": "#a0a0a0"
671
+ }
672
+ },
673
+ "var4": {
674
+ "background": {
675
+ "default": "rgb(17.8% 17.8% 17.8%)",
676
+ "hover": "rgb(17.8% 17.8% 17.8%)",
677
+ "active": "#FAFF69",
678
+ "disabled": "rgb(17.8% 17.8% 17.8%)"
679
+ },
680
+ "stroke": {
681
+ "default": "#FAFF69",
682
+ "hover": "#fdffa3",
683
+ "active": "#fdffa3",
684
+ "disabled": "#606060"
685
+ },
686
+ "check": {
687
+ "default": "#ffffff",
688
+ "hover": "#ffffff",
689
+ "active": "#ffffff",
690
+ "disabled": "#a0a0a0"
691
+ }
692
+ },
693
+ "var5": {
694
+ "background": {
695
+ "default": "rgb(17.8% 17.8% 17.8%)",
696
+ "hover": "rgb(17.8% 17.8% 17.8%)",
697
+ "active": "#66FFE5",
698
+ "disabled": "rgb(17.8% 17.8% 17.8%)"
699
+ },
700
+ "stroke": {
701
+ "default": "#66FFE5",
702
+ "hover": "#99FFEE",
703
+ "active": "#99FFEE",
704
+ "disabled": "#606060"
705
+ },
706
+ "check": {
707
+ "default": "#ffffff",
708
+ "hover": "#ffffff",
709
+ "active": "#ffffff",
710
+ "disabled": "#a0a0a0"
711
+ }
712
+ },
713
+ "var6": {
714
+ "background": {
715
+ "default": "rgb(17.8% 17.8% 17.8%)",
716
+ "hover": "rgb(17.8% 17.8% 17.8%)",
717
+ "active": "#BB33FF",
718
+ "disabled": "rgb(17.8% 17.8% 17.8%)"
719
+ },
720
+ "stroke": {
721
+ "default": "#CC66FF",
722
+ "hover": "#CC66FF",
723
+ "active": "#CC66FF",
724
+ "disabled": "#606060"
725
+ },
726
+ "check": {
727
+ "default": "#ffffff",
728
+ "hover": "#ffffff",
729
+ "active": "#ffffff",
730
+ "disabled": "#a0a0a0"
731
+ }
732
+ }
733
+ },
586
734
  "background": {
587
735
  "default": "rgb(17.8% 17.8% 17.8%)",
588
736
  "hover": "rgb(17.8% 17.8% 17.8%)",
@@ -1488,7 +1636,7 @@ declare const _default: {
1488
1636
  }
1489
1637
  },
1490
1638
  "icon": {
1491
- "background": "linear-gradient(132deg, #FAFF69 7.59%, #292929 30.01%);"
1639
+ "background": "linear-gradient(132deg, #FAFF69 8%, #292929 30%);"
1492
1640
  }
1493
1641
  }
1494
1642
  }
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": "#66FF73",
1096
+ "active": "#66FF73",
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",
@@ -2767,7 +2915,7 @@ declare const _default: {
2767
2915
  "chart": {
2768
2916
  "bars": {
2769
2917
  "color": {
2770
- "green": "#00FF15",
2918
+ "green": "#62de85",
2771
2919
  "blue": "#6c9af3",
2772
2920
  "fuchsia": "#FB64D6",
2773
2921
  "orange": "#ffb864",
@@ -2873,7 +3021,7 @@ declare const _default: {
2873
3021
  },
2874
3022
  "chart": {
2875
3023
  "bars": {
2876
- "green": "#00FF15",
3024
+ "green": "#62de85",
2877
3025
  "blue": "#6c9af3",
2878
3026
  "fuchsia": "#FB64D6",
2879
3027
  "orange": "#ffb864",
@@ -2888,7 +3036,11 @@ declare const _default: {
2888
3036
  }
2889
3037
  },
2890
3038
  "icon": {
2891
- "background": "linear-gradient(132deg, #FFFFFF 7.59%, #292929 30.01%);"
3039
+ "background": "linear-gradient(132deg, #FFFFFF 8%, #292929 30%);"
3040
+ },
3041
+ "gradients": {
3042
+ "yellowToBlack": "linear-gradient(132deg, #faff69 8%, #292929 30%)",
3043
+ "whiteToBlack": "linear-gradient(132deg, #ffffff 8%, #292929 30%)"
2892
3044
  }
2893
3045
  }
2894
3046
  },
@@ -3006,8 +3158,8 @@ declare const _default: {
3006
3158
  },
3007
3159
  "gradients": {
3008
3160
  "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%);",
3161
+ "yellowToblack": "linear-gradient(132deg, #FAFF69 8%, #292929 30%);",
3162
+ "whiteToblack": "linear-gradient(132deg, #FFFFFF 8%, #292929 30%);",
3011
3163
  "transparent": "rgba(0,0,0,0)"
3012
3164
  },
3013
3165
  "utility": {