@everlywell/ui-kit 0.0.3-menu-next → 0.2.0-next
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/.yarn/install-state.gz +0 -0
- package/index.d.mts +0 -6
- package/index.d.ts +0 -6
- package/index.js +2 -2
- package/index.mjs +299 -67101
- package/lib/theme/actions/Button/Button.config.d.ts +9 -21
- package/lib/theme/foundations/colors.d.ts +63 -39
- package/lib/theme/index.d.ts +136 -302
- package/lib/theme/navigation/Link/Link.config.d.ts +2 -2
- package/lib/theme/typography/Text/Text.config.d.ts +2 -2
- package/package.json +1 -1
- package/lib/theme/actions/IconButton/IconButton.d.ts +0 -11
- package/lib/theme/actions/Menu/Menu.config.d.ts +0 -83
- package/lib/theme/actions/Menu/Menu.d.ts +0 -3
- package/lib/theme/media/Icon/Icon.config.d.ts +0 -21
- package/lib/theme/media/Icon/Icon.d.ts +0 -14
- package/lib/theme/navigation/Link/Link.d.ts +0 -3
- package/lib/theme/overlay/Drawer/Drawer.config.d.ts +0 -72
- package/lib/theme/overlay/Drawer/Drawer.d.ts +0 -3
- package/lib/theme/typography/Text/Text.d.ts +0 -3
|
@@ -16,27 +16,18 @@ declare const _default: {
|
|
|
16
16
|
fontSize: ("md" | "lg")[];
|
|
17
17
|
px: number[];
|
|
18
18
|
py: number[];
|
|
19
|
-
'
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
svg: {
|
|
23
|
-
fontSize: string;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
svg: {
|
|
27
|
-
fontSize: string;
|
|
19
|
+
'.chakra-button__icon > svg': {
|
|
20
|
+
width: string;
|
|
21
|
+
height: string;
|
|
28
22
|
};
|
|
29
23
|
};
|
|
30
24
|
md: {
|
|
31
25
|
fontSize: ("lg" | "xl")[];
|
|
32
26
|
px: number[];
|
|
33
27
|
py: number[];
|
|
34
|
-
'&:has(> svg:only-child)': {
|
|
35
|
-
px: number[];
|
|
36
|
-
py: number[];
|
|
37
|
-
};
|
|
38
28
|
svg: {
|
|
39
|
-
|
|
29
|
+
width: ("1.25rem" | "1.5rem")[];
|
|
30
|
+
height: ("1.25rem" | "1.5rem")[];
|
|
40
31
|
};
|
|
41
32
|
};
|
|
42
33
|
wide: {
|
|
@@ -44,12 +35,9 @@ declare const _default: {
|
|
|
44
35
|
px: number;
|
|
45
36
|
py: number;
|
|
46
37
|
width: string;
|
|
47
|
-
'
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
};
|
|
51
|
-
svg: {
|
|
52
|
-
fontSize: string;
|
|
38
|
+
'.chakra-button__icon > svg': {
|
|
39
|
+
width: string;
|
|
40
|
+
height: string;
|
|
53
41
|
};
|
|
54
42
|
};
|
|
55
43
|
} | undefined;
|
|
@@ -87,7 +75,7 @@ declare const _default: {
|
|
|
87
75
|
};
|
|
88
76
|
} | undefined;
|
|
89
77
|
defaultProps?: {
|
|
90
|
-
size?: "
|
|
78
|
+
size?: "sm" | "md" | "wide" | undefined;
|
|
91
79
|
variant?: "primary" | "secondary" | undefined;
|
|
92
80
|
colorScheme?: string | undefined;
|
|
93
81
|
} | undefined;
|
|
@@ -1,16 +1,40 @@
|
|
|
1
1
|
declare const colors: {
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
white: {
|
|
3
|
+
base: string;
|
|
4
|
+
50: string;
|
|
5
|
+
100: string;
|
|
6
|
+
200: string;
|
|
7
|
+
300: string;
|
|
8
|
+
400: string;
|
|
9
|
+
500: string;
|
|
10
|
+
600: string;
|
|
11
|
+
700: string;
|
|
12
|
+
800: string;
|
|
13
|
+
900: string;
|
|
14
|
+
};
|
|
15
|
+
black: {
|
|
16
|
+
base: string;
|
|
17
|
+
50: string;
|
|
18
|
+
100: string;
|
|
19
|
+
200: string;
|
|
20
|
+
300: string;
|
|
21
|
+
400: string;
|
|
22
|
+
500: string;
|
|
23
|
+
600: string;
|
|
24
|
+
700: string;
|
|
25
|
+
800: string;
|
|
26
|
+
900: string;
|
|
27
|
+
};
|
|
28
|
+
grayscale: {
|
|
4
29
|
darkGrey: string;
|
|
5
|
-
|
|
6
|
-
|
|
30
|
+
grey: string;
|
|
31
|
+
mediumGrey: string;
|
|
7
32
|
lightGrey: string;
|
|
8
33
|
darkCream: string;
|
|
9
34
|
cream: string;
|
|
10
35
|
lightCream: string;
|
|
11
|
-
white: string;
|
|
12
36
|
};
|
|
13
|
-
|
|
37
|
+
red: {
|
|
14
38
|
50: string;
|
|
15
39
|
100: string;
|
|
16
40
|
200: string;
|
|
@@ -21,20 +45,20 @@ declare const colors: {
|
|
|
21
45
|
700: string;
|
|
22
46
|
800: string;
|
|
23
47
|
900: string;
|
|
24
|
-
dark: string;
|
|
25
|
-
base: string;
|
|
26
|
-
light: string;
|
|
27
|
-
lighter: string;
|
|
28
48
|
wash: string;
|
|
29
|
-
};
|
|
30
|
-
sunshine: {
|
|
31
|
-
dark: string;
|
|
32
|
-
base: string;
|
|
33
|
-
light: string;
|
|
34
49
|
lighter: string;
|
|
50
|
+
light: string;
|
|
51
|
+
base: string;
|
|
52
|
+
dark: string;
|
|
53
|
+
};
|
|
54
|
+
yellow: {
|
|
35
55
|
wash: string;
|
|
56
|
+
lighter: string;
|
|
57
|
+
light: string;
|
|
58
|
+
base: string;
|
|
59
|
+
dark: string;
|
|
36
60
|
};
|
|
37
|
-
|
|
61
|
+
green: {
|
|
38
62
|
50: string;
|
|
39
63
|
100: string;
|
|
40
64
|
200: string;
|
|
@@ -45,39 +69,39 @@ declare const colors: {
|
|
|
45
69
|
700: string;
|
|
46
70
|
800: string;
|
|
47
71
|
900: string;
|
|
48
|
-
|
|
72
|
+
wash: string;
|
|
73
|
+
lighter: string;
|
|
74
|
+
light: string;
|
|
49
75
|
base: string;
|
|
76
|
+
dark: string;
|
|
77
|
+
};
|
|
78
|
+
lightBlue: {
|
|
79
|
+
wash: string;
|
|
80
|
+
lighter: string;
|
|
50
81
|
light: string;
|
|
82
|
+
base: string;
|
|
83
|
+
dark: string;
|
|
84
|
+
};
|
|
85
|
+
blue: {
|
|
86
|
+
wash: string;
|
|
51
87
|
lighter: string;
|
|
88
|
+
light: string;
|
|
89
|
+
base: string;
|
|
90
|
+
dark: string;
|
|
91
|
+
};
|
|
92
|
+
indigo: {
|
|
52
93
|
wash: string;
|
|
94
|
+
lighter: string;
|
|
95
|
+
light: string;
|
|
96
|
+
base: string;
|
|
97
|
+
dark: string;
|
|
53
98
|
};
|
|
54
99
|
violet: {
|
|
55
|
-
dark: string;
|
|
56
|
-
base: string;
|
|
57
|
-
light: string;
|
|
58
|
-
lighter: string;
|
|
59
100
|
wash: string;
|
|
60
|
-
};
|
|
61
|
-
eggplant: {
|
|
62
|
-
dark: string;
|
|
63
|
-
base: string;
|
|
64
|
-
light: string;
|
|
65
101
|
lighter: string;
|
|
66
|
-
wash: string;
|
|
67
|
-
};
|
|
68
|
-
moonlight: {
|
|
69
|
-
dark: string;
|
|
70
|
-
base: string;
|
|
71
102
|
light: string;
|
|
72
|
-
lighter: string;
|
|
73
|
-
wash: string;
|
|
74
|
-
};
|
|
75
|
-
sky: {
|
|
76
|
-
dark: string;
|
|
77
103
|
base: string;
|
|
78
|
-
|
|
79
|
-
lighter: string;
|
|
80
|
-
wash: string;
|
|
104
|
+
dark: string;
|
|
81
105
|
};
|
|
82
106
|
};
|
|
83
107
|
export default colors;
|