@clickhouse/click-ui 0.0.36 → 0.0.37

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.
@@ -803,30 +803,60 @@ export interface Theme {
803
803
  "disabled": string;
804
804
  };
805
805
  };
806
- "color": {
807
- "background": {
808
- "default": string;
809
- "hover": string;
810
- "active": string;
811
- "disabled": string;
812
- };
813
- "title": {
814
- "default": string;
815
- "hover": string;
816
- "active": string;
817
- "disabled": string;
818
- };
819
- "description": {
820
- "default": string;
821
- "hover": string;
822
- "active": string;
823
- "disabled": string;
806
+ "default": {
807
+ "color": {
808
+ "background": {
809
+ "default": string;
810
+ "hover": string;
811
+ "active": string;
812
+ "disabled": string;
813
+ };
814
+ "title": {
815
+ "default": string;
816
+ "hover": string;
817
+ "active": string;
818
+ "disabled": string;
819
+ };
820
+ "description": {
821
+ "default": string;
822
+ "hover": string;
823
+ "active": string;
824
+ "disabled": string;
825
+ };
826
+ "stroke": {
827
+ "default": string;
828
+ "hover": string;
829
+ "active": string;
830
+ "disabled": string;
831
+ };
824
832
  };
825
- "stroke": {
826
- "default": string;
827
- "hover": string;
828
- "active": string;
829
- "disabled": string;
833
+ };
834
+ "muted": {
835
+ "color": {
836
+ "background": {
837
+ "default": string;
838
+ "hover": string;
839
+ "active": string;
840
+ "disabled": string;
841
+ };
842
+ "title": {
843
+ "default": string;
844
+ "hover": string;
845
+ "active": string;
846
+ "disabled": string;
847
+ };
848
+ "description": {
849
+ "default": string;
850
+ "hover": string;
851
+ "active": string;
852
+ "disabled": string;
853
+ };
854
+ "stroke": {
855
+ "default": string;
856
+ "hover": string;
857
+ "active": string;
858
+ "disabled": string;
859
+ };
830
860
  };
831
861
  };
832
862
  };
@@ -2041,19 +2071,17 @@ export interface Theme {
2041
2071
  "inline": {
2042
2072
  "top": string;
2043
2073
  };
2044
- "actions": {
2045
- "space": {
2046
- "top": string;
2047
- "x": string;
2048
- "gap": string;
2049
- };
2074
+ "content": {
2075
+ "x": string;
2076
+ "row-gap": string;
2077
+ "column-gap": string;
2050
2078
  };
2051
2079
  };
2052
2080
  "shadow": {
2053
2081
  "default": string;
2054
2082
  };
2055
2083
  "size": {
2056
- "narrow": {
2084
+ "default": {
2057
2085
  "width": string;
2058
2086
  "height": string;
2059
2087
  };
@@ -2061,6 +2089,10 @@ export interface Theme {
2061
2089
  "width": string;
2062
2090
  "height": string;
2063
2091
  };
2092
+ "narrow": {
2093
+ "width": string;
2094
+ "height": string;
2095
+ };
2064
2096
  };
2065
2097
  "color": {
2066
2098
  "background": {
@@ -2185,6 +2217,36 @@ export interface Theme {
2185
2217
  };
2186
2218
  };
2187
2219
  "name": string;
2220
+ "global": {
2221
+ "color": {
2222
+ "background": {
2223
+ "default": string;
2224
+ "muted": string;
2225
+ };
2226
+ "text": {
2227
+ "default": string;
2228
+ "muted": string;
2229
+ "link": {
2230
+ "default": string;
2231
+ "hover": string;
2232
+ };
2233
+ };
2234
+ "stroke": {
2235
+ "default": string;
2236
+ "muted": string;
2237
+ "intense": string;
2238
+ };
2239
+ "accent": {
2240
+ "default": string;
2241
+ };
2242
+ "outline": {
2243
+ "default": string;
2244
+ };
2245
+ "shadow": {
2246
+ "default": string;
2247
+ };
2248
+ };
2249
+ };
2188
2250
  "palette": {
2189
2251
  "brand": {
2190
2252
  "50": string;
@@ -264,6 +264,92 @@ declare const _default: {
264
264
  "disabled": "#a0a0a0"
265
265
  }
266
266
  }
267
+ },
268
+ "primary": {
269
+ "color": {
270
+ "background": {
271
+ "default": "#ffffff",
272
+ "hover": "#f6f7fa",
273
+ "active": "lch(92.4 1.49 272)",
274
+ "disabled": "#dfdfdf"
275
+ },
276
+ "title": {
277
+ "default": "#161517",
278
+ "hover": "#161517",
279
+ "active": "#161517",
280
+ "disabled": "#a0a0a0"
281
+ },
282
+ "description": {
283
+ "default": "#696e79",
284
+ "hover": "#696e79",
285
+ "active": "#696e79",
286
+ "disabled": "#a0a0a0"
287
+ },
288
+ "stroke": {
289
+ "default": "lch(91.6 1.1 266)",
290
+ "hover": "lch(91.6 1.1 266)",
291
+ "active": "#151515",
292
+ "disabled": "#dfdfdf"
293
+ }
294
+ }
295
+ },
296
+ "horizontal": {
297
+ "default": {
298
+ "color": {
299
+ "background": {
300
+ "default": "#ffffff",
301
+ "hover": "#f6f7fa",
302
+ "active": "#f6f7fa",
303
+ "disabled": "#dfdfdf"
304
+ },
305
+ "title": {
306
+ "default": "#161517",
307
+ "hover": "#161517",
308
+ "active": "#161517",
309
+ "disabled": "#a0a0a0"
310
+ },
311
+ "description": {
312
+ "default": "#696e79",
313
+ "hover": "#696e79",
314
+ "active": "#696e79",
315
+ "disabled": "#a0a0a0"
316
+ },
317
+ "stroke": {
318
+ "default": "lch(91.6 1.1 266)",
319
+ "hover": "lch(91.6 1.1 266)",
320
+ "active": "#151515",
321
+ "disabled": "#dfdfdf"
322
+ }
323
+ }
324
+ },
325
+ "muted": {
326
+ "color": {
327
+ "background": {
328
+ "default": "#f6f7fa",
329
+ "hover": "#ffffff",
330
+ "active": "#f6f7fa",
331
+ "disabled": "#dfdfdf"
332
+ },
333
+ "title": {
334
+ "default": "#161517",
335
+ "hover": "#161517",
336
+ "active": "#161517",
337
+ "disabled": "#a0a0a0"
338
+ },
339
+ "description": {
340
+ "default": "#696e79",
341
+ "hover": "#696e79",
342
+ "active": "#696e79",
343
+ "disabled": "#a0a0a0"
344
+ },
345
+ "stroke": {
346
+ "default": "lch(91.6 1.1 266)",
347
+ "hover": "lch(91.6 1.1 266)",
348
+ "active": "#151515",
349
+ "disabled": "#dfdfdf"
350
+ }
351
+ }
352
+ }
267
353
  }
268
354
  },
269
355
  "sidebar": {
@@ -397,6 +483,49 @@ declare const _default: {
397
483
  }
398
484
  }
399
485
  },
486
+ "tabs": {
487
+ "basic": {
488
+ "color": {
489
+ "background": {
490
+ "default": "rgba(0,0,0,0)",
491
+ "hover": "#f6f7fa",
492
+ "active": "rgba(0,0,0,0)"
493
+ },
494
+ "text": {
495
+ "default": "#696e79",
496
+ "hover": "#161517",
497
+ "active": "#161517"
498
+ },
499
+ "stroke": {
500
+ "default": "rgba(0,0,0,0)",
501
+ "hover": "rgba(0,0,0,0)",
502
+ "active": "#FFC029"
503
+ },
504
+ "global": {
505
+ "default": "lch(91.6 1.1 266)"
506
+ }
507
+ }
508
+ },
509
+ "fileTabs": {
510
+ "color": {
511
+ "background": {
512
+ "default": "#f6f7fa",
513
+ "hover": "#ffffff",
514
+ "active": "#ffffff"
515
+ },
516
+ "text": {
517
+ "default": "#696e79",
518
+ "hover": "#161517",
519
+ "active": "#161517"
520
+ },
521
+ "stroke": {
522
+ "default": "lch(91.6 1.1 266)",
523
+ "hover": "lch(91.6 1.1 266)",
524
+ "active": "lch(91.6 1.1 266)"
525
+ }
526
+ }
527
+ }
528
+ },
400
529
  "flyout": {
401
530
  "color": {
402
531
  "background": {
@@ -432,7 +561,37 @@ declare const _default: {
432
561
  }
433
562
  }
434
563
  },
435
- "name": "classic"
564
+ "name": "classic",
565
+ "global": {
566
+ "color": {
567
+ "background": {
568
+ "default": "#ffffff",
569
+ "muted": "#f6f7fa"
570
+ },
571
+ "text": {
572
+ "default": "#161517",
573
+ "muted": "#696e79",
574
+ "link": {
575
+ "default": "#C78F0F",
576
+ "hover": "#C78F0F"
577
+ }
578
+ },
579
+ "stroke": {
580
+ "default": "lch(91.6 1.1 266)",
581
+ "muted": "lch(91.6 1.1 266)",
582
+ "intense": "#b3b6bd"
583
+ },
584
+ "accent": {
585
+ "default": "#151515"
586
+ },
587
+ "outline": {
588
+ "default": "#C78F0F"
589
+ },
590
+ "shadow": {
591
+ "default": "lch(6.77 0 0 / 0.15)"
592
+ }
593
+ }
594
+ }
436
595
  };
437
596
 
438
597
  export default _default;
@@ -415,36 +415,66 @@ declare const _default: {
415
415
  "stroke": {
416
416
  "default": "lch(27.5 0 0 / 0.3)",
417
417
  "hover": "lch(27.5 0 0 / 0.3)",
418
- "active": "lch(26.1 0 0 / 0.3)",
418
+ "active": "#FAFF69",
419
419
  "disabled": "#414141"
420
420
  }
421
421
  }
422
422
  },
423
423
  "horizontal": {
424
- "color": {
425
- "background": {
426
- "default": "#1F1F1C",
427
- "hover": "#282828",
428
- "active": "lch(15.3 0 0)",
429
- "disabled": "#414141"
430
- },
431
- "title": {
432
- "default": "#ffffff",
433
- "hover": "#ffffff",
434
- "active": "#ffffff",
435
- "disabled": "#808080"
436
- },
437
- "description": {
438
- "default": "#b3b6bd",
439
- "hover": "#b3b6bd",
440
- "active": "#b3b6bd",
441
- "disabled": "#808080"
442
- },
443
- "stroke": {
444
- "default": "lch(27.5 0 0 / 0.3)",
445
- "hover": "lch(27.5 0 0 / 0.3)",
446
- "active": "lch(26.1 0 0 / 0.3)",
447
- "disabled": "#414141"
424
+ "default": {
425
+ "color": {
426
+ "background": {
427
+ "default": "#1F1F1C",
428
+ "hover": "#282828",
429
+ "active": "#282828",
430
+ "disabled": "#414141"
431
+ },
432
+ "title": {
433
+ "default": "#ffffff",
434
+ "hover": "#ffffff",
435
+ "active": "#ffffff",
436
+ "disabled": "#808080"
437
+ },
438
+ "description": {
439
+ "default": "#b3b6bd",
440
+ "hover": "#b3b6bd",
441
+ "active": "#b3b6bd",
442
+ "disabled": "#808080"
443
+ },
444
+ "stroke": {
445
+ "default": "lch(27.5 0 0 / 0.3)",
446
+ "hover": "lch(27.5 0 0 / 0.3)",
447
+ "active": "#FAFF69",
448
+ "disabled": "#414141"
449
+ }
450
+ }
451
+ },
452
+ "muted": {
453
+ "color": {
454
+ "background": {
455
+ "default": "#282828",
456
+ "hover": "#1F1F1C",
457
+ "active": "#282828",
458
+ "disabled": "#414141"
459
+ },
460
+ "title": {
461
+ "default": "#ffffff",
462
+ "hover": "#ffffff",
463
+ "active": "#ffffff",
464
+ "disabled": "#808080"
465
+ },
466
+ "description": {
467
+ "default": "#b3b6bd",
468
+ "hover": "#b3b6bd",
469
+ "active": "#b3b6bd",
470
+ "disabled": "#808080"
471
+ },
472
+ "stroke": {
473
+ "default": "lch(27.5 0 0 / 0.3)",
474
+ "hover": "lch(27.5 0 0 / 0.3)",
475
+ "active": "#FAFF69",
476
+ "disabled": "#414141"
477
+ }
448
478
  }
449
479
  }
450
480
  }
@@ -960,9 +990,9 @@ declare const _default: {
960
990
  "fileTabs": {
961
991
  "color": {
962
992
  "background": {
963
- "default": "#282828",
964
- "hover": "#1F1F1C",
965
- "active": "#1F1F1C"
993
+ "default": "#1F1F1C",
994
+ "hover": "#282828",
995
+ "active": "#282828"
966
996
  },
967
997
  "text": {
968
998
  "default": "#b3b6bd",
@@ -1018,7 +1048,7 @@ declare const _default: {
1018
1048
  "default": "#b3b6bd"
1019
1049
  },
1020
1050
  "opaqueBackground": {
1021
- "default": "lch(97.9 0 0 / 0.45)"
1051
+ "default": "lch(77.7 0 0 / 0.45)"
1022
1052
  }
1023
1053
  }
1024
1054
  },
@@ -1127,7 +1157,37 @@ declare const _default: {
1127
1157
  }
1128
1158
  }
1129
1159
  },
1130
- "name": "dark"
1160
+ "name": "dark",
1161
+ "global": {
1162
+ "color": {
1163
+ "background": {
1164
+ "default": "#1F1F1C",
1165
+ "muted": "#282828"
1166
+ },
1167
+ "text": {
1168
+ "default": "#ffffff",
1169
+ "muted": "#b3b6bd",
1170
+ "link": {
1171
+ "default": "#FAFF69",
1172
+ "hover": "#feffba"
1173
+ }
1174
+ },
1175
+ "stroke": {
1176
+ "default": "lch(27.5 0 0 / 0.3)",
1177
+ "muted": "lch(27.5 0 0 / 0.3)",
1178
+ "intense": "#414141"
1179
+ },
1180
+ "accent": {
1181
+ "default": "#FAFF69"
1182
+ },
1183
+ "outline": {
1184
+ "default": "#FAFF69"
1185
+ },
1186
+ "shadow": {
1187
+ "default": "lch(6.77 0 0 / 0.6)"
1188
+ }
1189
+ }
1190
+ }
1131
1191
  };
1132
1192
 
1133
1193
  export default _default;
@@ -779,7 +779,7 @@ declare const _default: {
779
779
  "stroke": {
780
780
  "default": "lch(91.6 1.1 266)",
781
781
  "hover": "lch(91.6 1.1 266)",
782
- "active": "lch(87 1.05 266)",
782
+ "active": "#151515",
783
783
  "disabled": "#dfdfdf"
784
784
  }
785
785
  }
@@ -803,30 +803,60 @@ declare const _default: {
803
803
  "disabled": "400 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
804
804
  }
805
805
  },
806
- "color": {
807
- "background": {
808
- "default": "#ffffff",
809
- "hover": "#f6f7fa",
810
- "active": "lch(92.4 1.49 272)",
811
- "disabled": "#dfdfdf"
812
- },
813
- "title": {
814
- "default": "#161517",
815
- "hover": "#161517",
816
- "active": "#161517",
817
- "disabled": "#a0a0a0"
818
- },
819
- "description": {
820
- "default": "#696e79",
821
- "hover": "#696e79",
822
- "active": "#696e79",
823
- "disabled": "#a0a0a0"
824
- },
825
- "stroke": {
826
- "default": "lch(91.6 1.1 266)",
827
- "hover": "lch(91.6 1.1 266)",
828
- "active": "lch(87 1.05 266)",
829
- "disabled": "#dfdfdf"
806
+ "default": {
807
+ "color": {
808
+ "background": {
809
+ "default": "#ffffff",
810
+ "hover": "#f6f7fa",
811
+ "active": "#f6f7fa",
812
+ "disabled": "#dfdfdf"
813
+ },
814
+ "title": {
815
+ "default": "#161517",
816
+ "hover": "#161517",
817
+ "active": "#161517",
818
+ "disabled": "#a0a0a0"
819
+ },
820
+ "description": {
821
+ "default": "#696e79",
822
+ "hover": "#696e79",
823
+ "active": "#696e79",
824
+ "disabled": "#a0a0a0"
825
+ },
826
+ "stroke": {
827
+ "default": "lch(91.6 1.1 266)",
828
+ "hover": "lch(91.6 1.1 266)",
829
+ "active": "#151515",
830
+ "disabled": "#dfdfdf"
831
+ }
832
+ }
833
+ },
834
+ "muted": {
835
+ "color": {
836
+ "background": {
837
+ "default": "#f6f7fa",
838
+ "hover": "#ffffff",
839
+ "active": "#f6f7fa",
840
+ "disabled": "#dfdfdf"
841
+ },
842
+ "title": {
843
+ "default": "#161517",
844
+ "hover": "#161517",
845
+ "active": "#161517",
846
+ "disabled": "#a0a0a0"
847
+ },
848
+ "description": {
849
+ "default": "#696e79",
850
+ "hover": "#696e79",
851
+ "active": "#696e79",
852
+ "disabled": "#a0a0a0"
853
+ },
854
+ "stroke": {
855
+ "default": "lch(91.6 1.1 266)",
856
+ "hover": "lch(91.6 1.1 266)",
857
+ "active": "#151515",
858
+ "disabled": "#dfdfdf"
859
+ }
830
860
  }
831
861
  }
832
862
  }
@@ -1981,7 +2011,7 @@ declare const _default: {
1981
2011
  },
1982
2012
  "title": {
1983
2013
  "space": {
1984
- "gap": "0.5rem"
2014
+ "gap": "0.25rem"
1985
2015
  }
1986
2016
  },
1987
2017
  "radii": {
@@ -2041,25 +2071,27 @@ declare const _default: {
2041
2071
  "inline": {
2042
2072
  "top": "3.5rem"
2043
2073
  },
2044
- "actions": {
2045
- "space": {
2046
- "top": "1rem",
2047
- "x": "1.5rem",
2048
- "gap": "1rem"
2049
- }
2074
+ "content": {
2075
+ "x": "1.5rem",
2076
+ "row-gap": "0.25rem",
2077
+ "column-gap": "1rem"
2050
2078
  }
2051
2079
  },
2052
2080
  "shadow": {
2053
2081
  "default": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)"
2054
2082
  },
2055
2083
  "size": {
2056
- "narrow": {
2084
+ "default": {
2057
2085
  "width": "27.5rem",
2058
2086
  "height": "100%"
2059
2087
  },
2060
2088
  "wide": {
2061
2089
  "width": "37.5rem",
2062
2090
  "height": "100vh"
2091
+ },
2092
+ "narrow": {
2093
+ "width": "21rem",
2094
+ "height": "100%"
2063
2095
  }
2064
2096
  },
2065
2097
  "color": {
@@ -2185,6 +2217,36 @@ declare const _default: {
2185
2217
  }
2186
2218
  },
2187
2219
  "name": "light",
2220
+ "global": {
2221
+ "color": {
2222
+ "background": {
2223
+ "default": "#ffffff",
2224
+ "muted": "#f6f7fa"
2225
+ },
2226
+ "text": {
2227
+ "default": "#161517",
2228
+ "muted": "#696e79",
2229
+ "link": {
2230
+ "default": "#135be6",
2231
+ "hover": "#092e73"
2232
+ }
2233
+ },
2234
+ "stroke": {
2235
+ "default": "lch(91.6 1.1 266)",
2236
+ "muted": "lch(91.6 1.1 266)",
2237
+ "intense": "#b3b6bd"
2238
+ },
2239
+ "accent": {
2240
+ "default": "#151515"
2241
+ },
2242
+ "outline": {
2243
+ "default": "#135be6"
2244
+ },
2245
+ "shadow": {
2246
+ "default": "lch(6.77 0 0 / 0.15)"
2247
+ }
2248
+ }
2249
+ },
2188
2250
  "palette": {
2189
2251
  "brand": {
2190
2252
  "50": "#ffffe8",