@clickhouse/click-ui 0.0.165 → 0.0.166
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 +19 -5
- package/dist/click-ui.umd.js +19 -5
- package/dist/components/types.d.ts +2 -2
- package/dist/styles/types.d.ts +7 -0
- package/dist/styles/variables.dark.json.d.ts +3 -0
- package/dist/styles/variables.json.d.ts +10 -3
- package/dist/styles/variables.light.json.d.ts +6 -2
- package/package.json +1 -1
package/dist/click-ui.es.js
CHANGED
|
@@ -43553,6 +43553,9 @@ const global$3 = {
|
|
|
43553
43553
|
foreground: "#1d1d1d",
|
|
43554
43554
|
background: "#FAFF69"
|
|
43555
43555
|
}
|
|
43556
|
+
},
|
|
43557
|
+
icon: {
|
|
43558
|
+
background: "linear-gradient(132deg, #FAFF69 7.59%, #292929 30.01%);"
|
|
43556
43559
|
}
|
|
43557
43560
|
}
|
|
43558
43561
|
};
|
|
@@ -44072,7 +44075,7 @@ const click$1 = {
|
|
|
44072
44075
|
background: {
|
|
44073
44076
|
"default": "#ffffff",
|
|
44074
44077
|
hover: "#f6f7fa",
|
|
44075
|
-
active: "#
|
|
44078
|
+
active: "#ffffff",
|
|
44076
44079
|
disabled: "#dfdfdf"
|
|
44077
44080
|
},
|
|
44078
44081
|
title: {
|
|
@@ -44985,7 +44988,8 @@ const global$2 = {
|
|
|
44985
44988
|
"default": "#ffffff",
|
|
44986
44989
|
muted: "#f6f7fa",
|
|
44987
44990
|
sidebar: "#ffffff",
|
|
44988
|
-
split: "#f6f7fa"
|
|
44991
|
+
split: "#f6f7fa",
|
|
44992
|
+
muted_a: "lch(49.8 30.5 277 / 0.06)"
|
|
44989
44993
|
},
|
|
44990
44994
|
text: {
|
|
44991
44995
|
"default": "#161517",
|
|
@@ -45048,6 +45052,9 @@ const global$2 = {
|
|
|
45048
45052
|
foreground: "#135be6",
|
|
45049
45053
|
background: "#dae6fc"
|
|
45050
45054
|
}
|
|
45055
|
+
},
|
|
45056
|
+
icon: {
|
|
45057
|
+
background: "linear-gradient(132deg, #FFFFFF 7.59%, #292929 30.01%);"
|
|
45051
45058
|
}
|
|
45052
45059
|
}
|
|
45053
45060
|
};
|
|
@@ -46004,7 +46011,7 @@ const click = {
|
|
|
46004
46011
|
background: {
|
|
46005
46012
|
"default": "#ffffff",
|
|
46006
46013
|
hover: "#f6f7fa",
|
|
46007
|
-
active: "#
|
|
46014
|
+
active: "#ffffff",
|
|
46008
46015
|
disabled: "#dfdfdf"
|
|
46009
46016
|
},
|
|
46010
46017
|
title: {
|
|
@@ -47886,7 +47893,8 @@ const global$1 = {
|
|
|
47886
47893
|
"default": "#ffffff",
|
|
47887
47894
|
muted: "#f6f7fa",
|
|
47888
47895
|
sidebar: "#ffffff",
|
|
47889
|
-
split: "#f6f7fa"
|
|
47896
|
+
split: "#f6f7fa",
|
|
47897
|
+
muted_a: "lch(49.8 30.5 277 / 0.06)"
|
|
47890
47898
|
},
|
|
47891
47899
|
text: {
|
|
47892
47900
|
"default": "#161517",
|
|
@@ -47949,6 +47957,9 @@ const global$1 = {
|
|
|
47949
47957
|
foreground: "#135be6",
|
|
47950
47958
|
background: "#dae6fc"
|
|
47951
47959
|
}
|
|
47960
|
+
},
|
|
47961
|
+
icon: {
|
|
47962
|
+
background: "linear-gradient(132deg, #FFFFFF 7.59%, #292929 30.01%);"
|
|
47952
47963
|
}
|
|
47953
47964
|
}
|
|
47954
47965
|
};
|
|
@@ -47994,7 +48005,8 @@ const palette = {
|
|
|
47994
48005
|
"700": "#53575f",
|
|
47995
48006
|
"800": "#302e32",
|
|
47996
48007
|
"900": "#161517",
|
|
47997
|
-
base: "#373439"
|
|
48008
|
+
base: "#373439",
|
|
48009
|
+
"50a": "lch(49.8 30.5 277 / 0.06)"
|
|
47998
48010
|
},
|
|
47999
48011
|
indigo: {
|
|
48000
48012
|
"50": "#f4f1fc",
|
|
@@ -48065,6 +48077,8 @@ const palette = {
|
|
|
48065
48077
|
},
|
|
48066
48078
|
gradients: {
|
|
48067
48079
|
base: "linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%)",
|
|
48080
|
+
yellowToblack: "linear-gradient(132deg, #FAFF69 7.59%, #292929 30.01%);",
|
|
48081
|
+
whiteToblack: "linear-gradient(132deg, #FFFFFF 7.59%, #292929 30.01%);",
|
|
48068
48082
|
transparent: "rgba(0,0,0,0)"
|
|
48069
48083
|
},
|
|
48070
48084
|
utility: {
|
package/dist/click-ui.umd.js
CHANGED
|
@@ -43570,6 +43570,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
43570
43570
|
foreground: "#1d1d1d",
|
|
43571
43571
|
background: "#FAFF69"
|
|
43572
43572
|
}
|
|
43573
|
+
},
|
|
43574
|
+
icon: {
|
|
43575
|
+
background: "linear-gradient(132deg, #FAFF69 7.59%, #292929 30.01%);"
|
|
43573
43576
|
}
|
|
43574
43577
|
}
|
|
43575
43578
|
};
|
|
@@ -44089,7 +44092,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
44089
44092
|
background: {
|
|
44090
44093
|
"default": "#ffffff",
|
|
44091
44094
|
hover: "#f6f7fa",
|
|
44092
|
-
active: "#
|
|
44095
|
+
active: "#ffffff",
|
|
44093
44096
|
disabled: "#dfdfdf"
|
|
44094
44097
|
},
|
|
44095
44098
|
title: {
|
|
@@ -45002,7 +45005,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
45002
45005
|
"default": "#ffffff",
|
|
45003
45006
|
muted: "#f6f7fa",
|
|
45004
45007
|
sidebar: "#ffffff",
|
|
45005
|
-
split: "#f6f7fa"
|
|
45008
|
+
split: "#f6f7fa",
|
|
45009
|
+
muted_a: "lch(49.8 30.5 277 / 0.06)"
|
|
45006
45010
|
},
|
|
45007
45011
|
text: {
|
|
45008
45012
|
"default": "#161517",
|
|
@@ -45065,6 +45069,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
45065
45069
|
foreground: "#135be6",
|
|
45066
45070
|
background: "#dae6fc"
|
|
45067
45071
|
}
|
|
45072
|
+
},
|
|
45073
|
+
icon: {
|
|
45074
|
+
background: "linear-gradient(132deg, #FFFFFF 7.59%, #292929 30.01%);"
|
|
45068
45075
|
}
|
|
45069
45076
|
}
|
|
45070
45077
|
};
|
|
@@ -46021,7 +46028,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
46021
46028
|
background: {
|
|
46022
46029
|
"default": "#ffffff",
|
|
46023
46030
|
hover: "#f6f7fa",
|
|
46024
|
-
active: "#
|
|
46031
|
+
active: "#ffffff",
|
|
46025
46032
|
disabled: "#dfdfdf"
|
|
46026
46033
|
},
|
|
46027
46034
|
title: {
|
|
@@ -47903,7 +47910,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
47903
47910
|
"default": "#ffffff",
|
|
47904
47911
|
muted: "#f6f7fa",
|
|
47905
47912
|
sidebar: "#ffffff",
|
|
47906
|
-
split: "#f6f7fa"
|
|
47913
|
+
split: "#f6f7fa",
|
|
47914
|
+
muted_a: "lch(49.8 30.5 277 / 0.06)"
|
|
47907
47915
|
},
|
|
47908
47916
|
text: {
|
|
47909
47917
|
"default": "#161517",
|
|
@@ -47966,6 +47974,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
47966
47974
|
foreground: "#135be6",
|
|
47967
47975
|
background: "#dae6fc"
|
|
47968
47976
|
}
|
|
47977
|
+
},
|
|
47978
|
+
icon: {
|
|
47979
|
+
background: "linear-gradient(132deg, #FFFFFF 7.59%, #292929 30.01%);"
|
|
47969
47980
|
}
|
|
47970
47981
|
}
|
|
47971
47982
|
};
|
|
@@ -48011,7 +48022,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
48011
48022
|
"700": "#53575f",
|
|
48012
48023
|
"800": "#302e32",
|
|
48013
48024
|
"900": "#161517",
|
|
48014
|
-
base: "#373439"
|
|
48025
|
+
base: "#373439",
|
|
48026
|
+
"50a": "lch(49.8 30.5 277 / 0.06)"
|
|
48015
48027
|
},
|
|
48016
48028
|
indigo: {
|
|
48017
48029
|
"50": "#f4f1fc",
|
|
@@ -48082,6 +48094,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
48082
48094
|
},
|
|
48083
48095
|
gradients: {
|
|
48084
48096
|
base: "linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%)",
|
|
48097
|
+
yellowToblack: "linear-gradient(132deg, #FAFF69 7.59%, #292929 30.01%);",
|
|
48098
|
+
whiteToblack: "linear-gradient(132deg, #FFFFFF 7.59%, #292929 30.01%);",
|
|
48085
48099
|
transparent: "rgba(0,0,0,0)"
|
|
48086
48100
|
},
|
|
48087
48101
|
utility: {
|
|
@@ -18,7 +18,7 @@ import { ContextMenuProps } from '@radix-ui/react-context-menu';
|
|
|
18
18
|
import { CheckboxProps } from './Checkbox/Checkbox';
|
|
19
19
|
import { CardPrimaryProps } from './CardPrimary/CardPrimary';
|
|
20
20
|
import { CardSecondaryProps, BadgeState } from './CardSecondary/CardSecondary';
|
|
21
|
-
import { ButtonProps } from './Button/Button';
|
|
21
|
+
import { ButtonProps, ButtonType } from './Button/Button';
|
|
22
22
|
import { ButtonGroupProps } from './ButtonGroup/ButtonGroup';
|
|
23
23
|
import { BadgeProps } from './Badge/Badge';
|
|
24
24
|
import { AvatarProps } from './Avatar/Avatar';
|
|
@@ -62,7 +62,7 @@ export type { AlertProps };
|
|
|
62
62
|
export type { AvatarProps };
|
|
63
63
|
export type { BadgeProps };
|
|
64
64
|
export type { ButtonGroupProps };
|
|
65
|
-
export type { ButtonProps };
|
|
65
|
+
export type { ButtonProps, ButtonType };
|
|
66
66
|
export type { CardSecondaryProps, BadgeState };
|
|
67
67
|
export type { CardPrimaryProps };
|
|
68
68
|
export type { CheckboxProps };
|
package/dist/styles/types.d.ts
CHANGED
|
@@ -2823,6 +2823,7 @@ export interface Theme {
|
|
|
2823
2823
|
"muted": string;
|
|
2824
2824
|
"sidebar": string;
|
|
2825
2825
|
"split": string;
|
|
2826
|
+
"muted_a": string;
|
|
2826
2827
|
};
|
|
2827
2828
|
"text": {
|
|
2828
2829
|
"default": string;
|
|
@@ -2886,6 +2887,9 @@ export interface Theme {
|
|
|
2886
2887
|
"background": string;
|
|
2887
2888
|
};
|
|
2888
2889
|
};
|
|
2890
|
+
"icon": {
|
|
2891
|
+
"background": string;
|
|
2892
|
+
};
|
|
2889
2893
|
};
|
|
2890
2894
|
};
|
|
2891
2895
|
"palette": {
|
|
@@ -2931,6 +2935,7 @@ export interface Theme {
|
|
|
2931
2935
|
"800": string;
|
|
2932
2936
|
"900": string;
|
|
2933
2937
|
"base": string;
|
|
2938
|
+
"50a": string;
|
|
2934
2939
|
};
|
|
2935
2940
|
"indigo": {
|
|
2936
2941
|
"50": string;
|
|
@@ -3001,6 +3006,8 @@ export interface Theme {
|
|
|
3001
3006
|
};
|
|
3002
3007
|
"gradients": {
|
|
3003
3008
|
"base": string;
|
|
3009
|
+
"yellowToblack": string;
|
|
3010
|
+
"whiteToblack": string;
|
|
3004
3011
|
"transparent": string;
|
|
3005
3012
|
};
|
|
3006
3013
|
"utility": {
|
|
@@ -940,7 +940,7 @@ declare const _default: {
|
|
|
940
940
|
"background": {
|
|
941
941
|
"default": "#ffffff",
|
|
942
942
|
"hover": "#f6f7fa",
|
|
943
|
-
"active": "#
|
|
943
|
+
"active": "#ffffff",
|
|
944
944
|
"disabled": "#dfdfdf"
|
|
945
945
|
},
|
|
946
946
|
"title": {
|
|
@@ -2822,7 +2822,8 @@ declare const _default: {
|
|
|
2822
2822
|
"default": "#ffffff",
|
|
2823
2823
|
"muted": "#f6f7fa",
|
|
2824
2824
|
"sidebar": "#ffffff",
|
|
2825
|
-
"split": "#f6f7fa"
|
|
2825
|
+
"split": "#f6f7fa",
|
|
2826
|
+
"muted_a": "lch(49.8 30.5 277 / 0.06)"
|
|
2826
2827
|
},
|
|
2827
2828
|
"text": {
|
|
2828
2829
|
"default": "#161517",
|
|
@@ -2885,6 +2886,9 @@ declare const _default: {
|
|
|
2885
2886
|
"foreground": "#135be6",
|
|
2886
2887
|
"background": "#dae6fc"
|
|
2887
2888
|
}
|
|
2889
|
+
},
|
|
2890
|
+
"icon": {
|
|
2891
|
+
"background": "linear-gradient(132deg, #FFFFFF 7.59%, #292929 30.01%);"
|
|
2888
2892
|
}
|
|
2889
2893
|
}
|
|
2890
2894
|
},
|
|
@@ -2930,7 +2934,8 @@ declare const _default: {
|
|
|
2930
2934
|
"700": "#53575f",
|
|
2931
2935
|
"800": "#302e32",
|
|
2932
2936
|
"900": "#161517",
|
|
2933
|
-
"base": "#373439"
|
|
2937
|
+
"base": "#373439",
|
|
2938
|
+
"50a": "lch(49.8 30.5 277 / 0.06)"
|
|
2934
2939
|
},
|
|
2935
2940
|
"indigo": {
|
|
2936
2941
|
"50": "#f4f1fc",
|
|
@@ -3001,6 +3006,8 @@ declare const _default: {
|
|
|
3001
3006
|
},
|
|
3002
3007
|
"gradients": {
|
|
3003
3008
|
"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%);",
|
|
3004
3011
|
"transparent": "rgba(0,0,0,0)"
|
|
3005
3012
|
},
|
|
3006
3013
|
"utility": {
|
|
@@ -503,7 +503,7 @@ declare const _default: {
|
|
|
503
503
|
"background": {
|
|
504
504
|
"default": "#ffffff",
|
|
505
505
|
"hover": "#f6f7fa",
|
|
506
|
-
"active": "#
|
|
506
|
+
"active": "#ffffff",
|
|
507
507
|
"disabled": "#dfdfdf"
|
|
508
508
|
},
|
|
509
509
|
"title": {
|
|
@@ -1416,7 +1416,8 @@ declare const _default: {
|
|
|
1416
1416
|
"default": "#ffffff",
|
|
1417
1417
|
"muted": "#f6f7fa",
|
|
1418
1418
|
"sidebar": "#ffffff",
|
|
1419
|
-
"split": "#f6f7fa"
|
|
1419
|
+
"split": "#f6f7fa",
|
|
1420
|
+
"muted_a": "lch(49.8 30.5 277 / 0.06)"
|
|
1420
1421
|
},
|
|
1421
1422
|
"text": {
|
|
1422
1423
|
"default": "#161517",
|
|
@@ -1479,6 +1480,9 @@ declare const _default: {
|
|
|
1479
1480
|
"foreground": "#135be6",
|
|
1480
1481
|
"background": "#dae6fc"
|
|
1481
1482
|
}
|
|
1483
|
+
},
|
|
1484
|
+
"icon": {
|
|
1485
|
+
"background": "linear-gradient(132deg, #FFFFFF 7.59%, #292929 30.01%);"
|
|
1482
1486
|
}
|
|
1483
1487
|
}
|
|
1484
1488
|
}
|