@everlywell/ui-kit 0.25.0 → 0.27.0

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 (6) hide show
  1. package/index.js +5 -5
  2. package/index.mjs +420 -366
  3. package/lib/theme/data-display/Accordion/Accordion.config.d.ts +27 -11
  4. package/lib/theme/data-display/Tabs/Tabs.config.d.ts +41 -32
  5. package/lib/theme/index.d.ts +68 -43
  6. package/package.json +1 -1
package/lib/theme/data-display/Accordion/Accordion.config.d.ts CHANGED
@@ -1,8 +1,6 @@
1
1
  declare const _default: {
2
2
  baseStyle?: {
3
3
  container: {
4
- borderBottom: string;
5
- borderColor: string;
6
4
  width: string;
7
5
  };
8
6
  panel: {
@@ -14,7 +12,6 @@ declare const _default: {
14
12
  width: string;
15
13
  display: string;
16
14
  justifyContent: string;
17
- py: string;
18
15
  textAlign: string;
19
16
  };
20
17
  icon: {
@@ -22,18 +19,37 @@ declare const _default: {
22
19
  };
23
20
  } | undefined;
24
21
  sizes?: {
25
- [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
26
- keys: ("button" | "container" | "icon" | "root" | "panel")[];
27
- }>;
22
+ md: {
23
+ button: {
24
+ paddingY: string;
25
+ };
26
+ };
27
+ lg: {
28
+ button: {
29
+ paddingY: string;
30
+ };
31
+ };
28
32
  } | undefined;
29
33
  variants?: {
30
- [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
31
- keys: ("button" | "container" | "icon" | "root" | "panel")[];
32
- }>;
34
+ primary: {
35
+ container: {
36
+ borderBottom: string;
37
+ borderColor: string;
38
+ };
39
+ };
40
+ secondary: {
41
+ button: {
42
+ border: string;
43
+ borderColor: string;
44
+ marginBottom: string;
45
+ borderRadius: string;
46
+ paddingX: string;
47
+ };
48
+ };
33
49
  } | undefined;
34
50
  defaultProps?: {
35
- size?: string | number | undefined;
36
- variant?: string | number | undefined;
51
+ size?: "md" | "lg" | undefined;
52
+ variant?: "primary" | "secondary" | undefined;
37
53
  colorScheme?: string | undefined;
38
54
  } | undefined;
39
55
  parts: ("button" | "container" | "icon" | "root" | "panel")[];
package/lib/theme/data-display/Tabs/Tabs.config.d.ts CHANGED
@@ -4,56 +4,65 @@ declare const _default: {
4
4
  color: string;
5
5
  border: string;
6
6
  borderColor: string;
7
- fontSize: string;
8
- fontWeight: string;
9
- lineHeight: string;
10
- py: string;
11
- px: string;
12
- _first: {
13
- borderLeftRadius: string;
14
- };
15
- _last: {
16
- borderRightRadius: string;
17
- };
18
7
  _selected: {
19
- bg: string;
8
+ backgroundColor: string;
20
9
  color: string;
21
10
  borderColor: string;
22
11
  };
23
12
  _disabled: {
24
13
  color: string;
25
- bg: string;
14
+ backgroundColor: string;
26
15
  cursor: string;
27
16
  };
28
17
  _focusVisible: {
29
18
  outline: string;
30
19
  };
31
20
  };
32
- tablist: {
33
- mb: string;
34
- };
35
21
  tabpanels: {};
36
22
  tabpanel: {};
37
- sizes: {};
38
- variants: {};
39
- colorScheme: {};
40
- defaultProps: {
41
- size: string;
42
- };
43
23
  } | undefined;
44
24
  sizes?: {
45
- [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
46
- keys: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
47
- }>;
48
- } | undefined;
49
- variants?: {
50
- [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
51
- keys: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
52
- }>;
25
+ md: {
26
+ tab: {
27
+ fontSize: string;
28
+ fontWeight: string;
29
+ lineHeight: string;
30
+ paddingY: number;
31
+ paddingX: number;
32
+ _first: {
33
+ borderLeftRadius: string;
34
+ };
35
+ _last: {
36
+ borderRightRadius: string;
37
+ };
38
+ };
39
+ tablist: {
40
+ marginBottom: number;
41
+ };
42
+ };
43
+ lg: {
44
+ tab: {
45
+ fontSize: string;
46
+ fontWeight: string;
47
+ lineHeight: string;
48
+ paddingY: number;
49
+ paddingX: number;
50
+ _first: {
51
+ borderLeftRadius: string;
52
+ };
53
+ _last: {
54
+ borderRightRadius: string;
55
+ };
56
+ };
57
+ tablist: {
58
+ marginBottom: number;
59
+ };
60
+ };
53
61
  } | undefined;
62
+ variants?: {} | undefined;
54
63
  defaultProps?: {
55
- size?: string | number | undefined;
56
- variant?: string | number | undefined;
64
+ size?: "md" | "lg" | undefined;
65
+ variant?: undefined;
57
66
  colorScheme?: string | undefined;
58
67
  } | undefined;
59
68
  parts: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
package/lib/theme/index.d.ts CHANGED
@@ -226,8 +226,6 @@ export declare const theme: {
226
226
  Accordion: {
227
227
  baseStyle?: {
228
228
  container: {
229
- borderBottom: string;
230
- borderColor: string;
231
229
  width: string;
232
230
  };
233
231
  panel: {
@@ -239,7 +237,6 @@ export declare const theme: {
239
237
  width: string;
240
238
  display: string;
241
239
  justifyContent: string;
242
- py: string;
243
240
  textAlign: string;
244
241
  };
245
242
  icon: {
@@ -247,18 +244,37 @@ export declare const theme: {
247
244
  };
248
245
  } | undefined;
249
246
  sizes?: {
250
- [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
251
- keys: ("button" | "container" | "icon" | "root" | "panel")[];
252
- }>;
247
+ md: {
248
+ button: {
249
+ paddingY: string;
250
+ };
251
+ };
252
+ lg: {
253
+ button: {
254
+ paddingY: string;
255
+ };
256
+ };
253
257
  } | undefined;
254
258
  variants?: {
255
- [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
256
- keys: ("button" | "container" | "icon" | "root" | "panel")[];
257
- }>;
259
+ primary: {
260
+ container: {
261
+ borderBottom: string;
262
+ borderColor: string;
263
+ };
264
+ };
265
+ secondary: {
266
+ button: {
267
+ border: string;
268
+ borderColor: string;
269
+ marginBottom: string;
270
+ borderRadius: string;
271
+ paddingX: string;
272
+ };
273
+ };
258
274
  } | undefined;
259
275
  defaultProps?: {
260
- size?: string | number | undefined;
261
- variant?: string | number | undefined;
276
+ size?: "md" | "lg" | undefined;
277
+ variant?: "primary" | "secondary" | undefined;
262
278
  colorScheme?: string | undefined;
263
279
  } | undefined;
264
280
  parts: ("button" | "container" | "icon" | "root" | "panel")[];
@@ -999,56 +1015,65 @@ export declare const theme: {
999
1015
  color: string;
1000
1016
  border: string;
1001
1017
  borderColor: string;
1002
- fontSize: string;
1003
- fontWeight: string;
1004
- lineHeight: string;
1005
- py: string;
1006
- px: string;
1007
- _first: {
1008
- borderLeftRadius: string;
1009
- };
1010
- _last: {
1011
- borderRightRadius: string;
1012
- };
1013
1018
  _selected: {
1014
- bg: string;
1019
+ backgroundColor: string;
1015
1020
  color: string;
1016
1021
  borderColor: string;
1017
1022
  };
1018
1023
  _disabled: {
1019
1024
  color: string;
1020
- bg: string;
1025
+ backgroundColor: string;
1021
1026
  cursor: string;
1022
1027
  };
1023
1028
  _focusVisible: {
1024
1029
  outline: string;
1025
1030
  };
1026
1031
  };
1027
- tablist: {
1028
- mb: string;
1029
- };
1030
1032
  tabpanels: {};
1031
1033
  tabpanel: {};
1032
- sizes: {};
1033
- variants: {};
1034
- colorScheme: {};
1035
- defaultProps: {
1036
- size: string;
1037
- };
1038
1034
  } | undefined;
1039
1035
  sizes?: {
1040
- [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
1041
- keys: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
1042
- }>;
1043
- } | undefined;
1044
- variants?: {
1045
- [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
1046
- keys: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
1047
- }>;
1036
+ md: {
1037
+ tab: {
1038
+ fontSize: string;
1039
+ fontWeight: string;
1040
+ lineHeight: string;
1041
+ paddingY: number;
1042
+ paddingX: number;
1043
+ _first: {
1044
+ borderLeftRadius: string;
1045
+ };
1046
+ _last: {
1047
+ borderRightRadius: string;
1048
+ };
1049
+ };
1050
+ tablist: {
1051
+ marginBottom: number;
1052
+ };
1053
+ };
1054
+ lg: {
1055
+ tab: {
1056
+ fontSize: string;
1057
+ fontWeight: string;
1058
+ lineHeight: string;
1059
+ paddingY: number;
1060
+ paddingX: number;
1061
+ _first: {
1062
+ borderLeftRadius: string;
1063
+ };
1064
+ _last: {
1065
+ borderRightRadius: string;
1066
+ };
1067
+ };
1068
+ tablist: {
1069
+ marginBottom: number;
1070
+ };
1071
+ };
1048
1072
  } | undefined;
1073
+ variants?: {} | undefined;
1049
1074
  defaultProps?: {
1050
- size?: string | number | undefined;
1051
- variant?: string | number | undefined;
1075
+ size?: "md" | "lg" | undefined;
1076
+ variant?: undefined;
1052
1077
  colorScheme?: string | undefined;
1053
1078
  } | undefined;
1054
1079
  parts: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everlywell/ui-kit",
3
- "version": "0.25.0",
3
+ "version": "0.27.0",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "exports": {