@everlywell/ui-kit 0.0.2-menu-next → 0.0.2

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 (30) hide show
  1. package/index.d.mts +2 -12
  2. package/index.d.ts +2 -12
  3. package/index.js +1 -78
  4. package/index.mjs +231 -67293
  5. package/lib/theme/{actions/Button/Button.config.d.ts → forms/Button/config.d.ts} +14 -26
  6. package/lib/theme/foundations/colors.d.ts +63 -39
  7. package/lib/theme/index.d.ts +125 -418
  8. package/package.json +1 -1
  9. package/lib/components/Fonts/Fonts.d.ts +0 -2
  10. package/lib/components/Fonts/index.d.ts +0 -1
  11. package/lib/components/ThemeProvider/ThemeProvider.d.ts +0 -5
  12. package/lib/components/ThemeProvider/index.d.ts +0 -1
  13. package/lib/theme/actions/IconButton/IconButton.d.ts +0 -11
  14. package/lib/theme/actions/Menu/Menu.config.d.ts +0 -83
  15. package/lib/theme/actions/Menu/Menu.d.ts +0 -3
  16. package/lib/theme/layout/Box/Box.d.ts +0 -3
  17. package/lib/theme/layout/Grid/Grid.d.ts +0 -48
  18. package/lib/theme/layout/Grid/GridItem.d.ts +0 -5
  19. package/lib/theme/layout/Grid/index.d.ts +0 -2
  20. package/lib/theme/media/Icon/Icon.config.d.ts +0 -21
  21. package/lib/theme/media/Icon/Icon.d.ts +0 -14
  22. package/lib/theme/navigation/Link/Link.config.d.ts +0 -31
  23. package/lib/theme/navigation/Link/Link.d.ts +0 -3
  24. package/lib/theme/overlay/Drawer/Drawer.config.d.ts +0 -72
  25. package/lib/theme/overlay/Drawer/Drawer.d.ts +0 -3
  26. package/lib/theme/typography/Heading/Heading.config.d.ts +0 -47
  27. package/lib/theme/typography/Heading/Heading.d.ts +0 -3
  28. package/lib/theme/typography/Text/Text.config.d.ts +0 -36
  29. package/lib/theme/typography/Text/Text.d.ts +0 -3
  30. /package/lib/theme/{actions → forms}/Button/Button.d.ts +0 -0
package/lib/theme/{actions/Button/Button.config.d.ts → forms/Button/config.d.ts} RENAMED
@@ -13,30 +13,21 @@ declare const _default: {
13
13
  } | undefined;
14
14
  sizes?: {
15
15
  sm: {
16
- fontSize: ("md" | "lg")[];
16
+ fontSize: string;
17
17
  px: number[];
18
18
  py: number[];
19
- '&:has(> svg:only-child)': {
20
- px: number;
21
- py: number;
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
- fontSize: ("lg" | "xl")[];
25
+ fontSize: string;
32
26
  px: number[];
33
27
  py: number[];
34
- '&:has(> svg:only-child)': {
35
- px: number[];
36
- py: number[];
37
- };
38
28
  svg: {
39
- fontSize: ("1.5rem" | "1.25rem")[];
29
+ width: ("1.25rem" | "1.5rem")[];
30
+ height: ("1.25rem" | "1.5rem")[];
40
31
  };
41
32
  };
42
33
  wide: {
@@ -44,17 +35,14 @@ declare const _default: {
44
35
  px: number;
45
36
  py: number;
46
37
  width: string;
47
- '&:has(> svg:only-child)': {
48
- px: number;
49
- py: number;
50
- };
51
- svg: {
52
- fontSize: string;
38
+ '.chakra-button__icon > svg': {
39
+ width: string;
40
+ height: string;
53
41
  };
54
42
  };
55
43
  } | undefined;
56
44
  variants?: {
57
- primary: (props: StyleFunctionProps) => {
45
+ solid: (props: StyleFunctionProps) => {
58
46
  bg: string;
59
47
  color: string;
60
48
  ':hover, &.hover': {
@@ -68,7 +56,7 @@ declare const _default: {
68
56
  color: string;
69
57
  };
70
58
  };
71
- secondary: (props: StyleFunctionProps) => {
59
+ outline: (props: StyleFunctionProps) => {
72
60
  color: string;
73
61
  boxShadow: (theme: Record<string, any>) => string;
74
62
  ':hover, &.hover': {
@@ -87,8 +75,8 @@ declare const _default: {
87
75
  };
88
76
  } | undefined;
89
77
  defaultProps?: {
90
- size?: "wide" | "sm" | "md" | undefined;
91
- variant?: "primary" | "secondary" | undefined;
78
+ size?: "sm" | "md" | "wide" | undefined;
79
+ variant?: "outline" | "solid" | undefined;
92
80
  colorScheme?: string | undefined;
93
81
  } | undefined;
94
82
  };
package/lib/theme/foundations/colors.d.ts CHANGED
@@ -1,16 +1,40 @@
1
1
  declare const colors: {
2
- tints: {
3
- black: string;
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
- uiGrey: string;
6
- medGrey: string;
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
- viridian: {
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
- terracotta: {
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
- dark: string;
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
- light: string;
79
- lighter: string;
80
- wash: string;
104
+ dark: string;
81
105
  };
82
106
  };
83
107
  export default colors;