@everlywell/ui-kit 0.0.1-alpha.1 → 0.0.1-menu-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/index.d.mts +0 -2
- package/index.d.ts +0 -2
- package/index.js +2 -28
- package/index.mjs +66052 -1743
- package/lib/theme/actions/Menu/Menu.config.d.ts +5 -14
- package/lib/theme/foundations/colors.d.ts +0 -13
- package/lib/theme/index.d.ts +14 -38
- package/lib/theme/navigation/Link/Link.config.d.ts +3 -3
- package/lib/theme/overlay/Drawer/Drawer.config.d.ts +2 -2
- package/lib/theme/typography/Heading/Heading.config.d.ts +4 -5
- package/lib/theme/typography/Text/Text.config.d.ts +0 -1
- package/package.json +1 -12
- package/lib/theme/actions/Menu/Menu.d.ts +0 -3
- package/lib/theme/layout/Show-Hide/Show-Hide.d.ts +0 -5
|
@@ -4,9 +4,6 @@ declare const _default: {
|
|
|
4
4
|
list: {
|
|
5
5
|
boxShadow: string;
|
|
6
6
|
backgroundColor: string;
|
|
7
|
-
border: string;
|
|
8
|
-
borderColor: string;
|
|
9
|
-
borderRadius: string;
|
|
10
7
|
};
|
|
11
8
|
item: {
|
|
12
9
|
fontWeight: string;
|
|
@@ -20,12 +17,6 @@ declare const _default: {
|
|
|
20
17
|
color: string;
|
|
21
18
|
cursor: string;
|
|
22
19
|
};
|
|
23
|
-
_first: {
|
|
24
|
-
borderTopRadius: string;
|
|
25
|
-
};
|
|
26
|
-
_last: {
|
|
27
|
-
borderBottomRadius: string;
|
|
28
|
-
};
|
|
29
20
|
};
|
|
30
21
|
groupTitle: {
|
|
31
22
|
color: string;
|
|
@@ -43,7 +34,7 @@ declare const _default: {
|
|
|
43
34
|
sm: {
|
|
44
35
|
button: {};
|
|
45
36
|
item: {
|
|
46
|
-
fontSize: ("
|
|
37
|
+
fontSize: ("sm" | "md")[];
|
|
47
38
|
paddingY: string;
|
|
48
39
|
paddingX: string;
|
|
49
40
|
};
|
|
@@ -58,24 +49,24 @@ declare const _default: {
|
|
|
58
49
|
};
|
|
59
50
|
md: {
|
|
60
51
|
item: {
|
|
61
|
-
fontSize: ("
|
|
52
|
+
fontSize: ("lg" | "xl")[];
|
|
62
53
|
paddingY: string;
|
|
63
54
|
paddingX: string;
|
|
64
55
|
};
|
|
65
56
|
groupTitle: {
|
|
66
|
-
fontSize: ("
|
|
57
|
+
fontSize: ("xl" | "2xl")[];
|
|
67
58
|
paddingY: string;
|
|
68
59
|
paddingX: string;
|
|
69
60
|
};
|
|
70
61
|
};
|
|
71
62
|
lg: {
|
|
72
63
|
item: {
|
|
73
|
-
fontSize: ("
|
|
64
|
+
fontSize: ("2xl" | "3xl")[];
|
|
74
65
|
paddingX: string;
|
|
75
66
|
paddingY: string;
|
|
76
67
|
};
|
|
77
68
|
groupTitle: {
|
|
78
|
-
fontSize: ("
|
|
69
|
+
fontSize: ("4xl" | "5xl")[];
|
|
79
70
|
paddingX: string;
|
|
80
71
|
paddingY: string;
|
|
81
72
|
};
|
|
@@ -1,17 +1,4 @@
|
|
|
1
1
|
declare const colors: {
|
|
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
2
|
tints: {
|
|
16
3
|
black: string;
|
|
17
4
|
darkGrey: string;
|
package/lib/theme/index.d.ts
CHANGED
|
@@ -117,19 +117,6 @@ export declare const theme: {
|
|
|
117
117
|
tooltip: number;
|
|
118
118
|
};
|
|
119
119
|
colors: {
|
|
120
|
-
white: {
|
|
121
|
-
base: string;
|
|
122
|
-
50: string;
|
|
123
|
-
100: string;
|
|
124
|
-
200: string;
|
|
125
|
-
300: string;
|
|
126
|
-
400: string;
|
|
127
|
-
500: string;
|
|
128
|
-
600: string;
|
|
129
|
-
700: string;
|
|
130
|
-
800: string;
|
|
131
|
-
900: string;
|
|
132
|
-
};
|
|
133
120
|
tints: {
|
|
134
121
|
black: string;
|
|
135
122
|
darkGrey: string;
|
|
@@ -308,8 +295,8 @@ export declare const theme: {
|
|
|
308
295
|
Drawer: {
|
|
309
296
|
baseStyle?: {
|
|
310
297
|
overlay: {
|
|
311
|
-
|
|
312
|
-
|
|
298
|
+
bg: string;
|
|
299
|
+
backgroundImage: string;
|
|
313
300
|
};
|
|
314
301
|
dialogContainer: {
|
|
315
302
|
zIndex: string;
|
|
@@ -378,9 +365,8 @@ export declare const theme: {
|
|
|
378
365
|
};
|
|
379
366
|
Heading: {
|
|
380
367
|
baseStyle?: {
|
|
381
|
-
fontFamily: string;
|
|
368
|
+
fontFamily: (theme: Record<string, any>) => string;
|
|
382
369
|
fontWeight: string;
|
|
383
|
-
color: string;
|
|
384
370
|
} | undefined;
|
|
385
371
|
sizes?: {
|
|
386
372
|
'3xl': {
|
|
@@ -396,19 +382,19 @@ export declare const theme: {
|
|
|
396
382
|
lineHeight: string;
|
|
397
383
|
};
|
|
398
384
|
lg: {
|
|
399
|
-
fontFamily: string;
|
|
385
|
+
fontFamily: (theme: Record<string, any>) => string;
|
|
400
386
|
fontWeight: string;
|
|
401
387
|
fontSize: ("3xl" | "6xl")[];
|
|
402
388
|
lineHeight: string;
|
|
403
389
|
};
|
|
404
390
|
md: {
|
|
405
|
-
fontFamily: string;
|
|
391
|
+
fontFamily: (theme: Record<string, any>) => string;
|
|
406
392
|
fontWeight: string;
|
|
407
393
|
fontSize: ("2xl" | "4xl")[];
|
|
408
394
|
lineHeight: string;
|
|
409
395
|
};
|
|
410
396
|
sm: {
|
|
411
|
-
fontFamily: string;
|
|
397
|
+
fontFamily: (theme: Record<string, any>) => string;
|
|
412
398
|
fontWeight: string;
|
|
413
399
|
fontSize: ("lg" | "3xl")[];
|
|
414
400
|
lineHeight: string;
|
|
@@ -454,15 +440,15 @@ export declare const theme: {
|
|
|
454
440
|
} | undefined;
|
|
455
441
|
sizes?: {
|
|
456
442
|
sm: {
|
|
457
|
-
fontSize: ("
|
|
443
|
+
fontSize: ("3xs" | "xs")[];
|
|
458
444
|
lineHeight: string;
|
|
459
445
|
};
|
|
460
446
|
md: {
|
|
461
|
-
fontSize: ("
|
|
447
|
+
fontSize: ("2xs" | "sm")[];
|
|
462
448
|
lineHeight: string;
|
|
463
449
|
};
|
|
464
450
|
lg: {
|
|
465
|
-
fontSize: ("
|
|
451
|
+
fontSize: ("xs" | "md")[];
|
|
466
452
|
lineHeight: string;
|
|
467
453
|
};
|
|
468
454
|
} | undefined;
|
|
@@ -475,7 +461,6 @@ export declare const theme: {
|
|
|
475
461
|
};
|
|
476
462
|
Text: {
|
|
477
463
|
baseStyle?: {
|
|
478
|
-
fontFamily: string;
|
|
479
464
|
fontWeight: string;
|
|
480
465
|
lineHeight: string;
|
|
481
466
|
letterSpacing: string;
|
|
@@ -515,9 +500,6 @@ export declare const theme: {
|
|
|
515
500
|
list: {
|
|
516
501
|
boxShadow: string;
|
|
517
502
|
backgroundColor: string;
|
|
518
|
-
border: string;
|
|
519
|
-
borderColor: string;
|
|
520
|
-
borderRadius: string;
|
|
521
503
|
};
|
|
522
504
|
item: {
|
|
523
505
|
fontWeight: string;
|
|
@@ -531,12 +513,6 @@ export declare const theme: {
|
|
|
531
513
|
color: string;
|
|
532
514
|
cursor: string;
|
|
533
515
|
};
|
|
534
|
-
_first: {
|
|
535
|
-
borderTopRadius: string;
|
|
536
|
-
};
|
|
537
|
-
_last: {
|
|
538
|
-
borderBottomRadius: string;
|
|
539
|
-
};
|
|
540
516
|
};
|
|
541
517
|
groupTitle: {
|
|
542
518
|
color: string;
|
|
@@ -554,7 +530,7 @@ export declare const theme: {
|
|
|
554
530
|
sm: {
|
|
555
531
|
button: {};
|
|
556
532
|
item: {
|
|
557
|
-
fontSize: ("
|
|
533
|
+
fontSize: ("sm" | "md")[];
|
|
558
534
|
paddingY: string;
|
|
559
535
|
paddingX: string;
|
|
560
536
|
};
|
|
@@ -569,24 +545,24 @@ export declare const theme: {
|
|
|
569
545
|
};
|
|
570
546
|
md: {
|
|
571
547
|
item: {
|
|
572
|
-
fontSize: ("
|
|
548
|
+
fontSize: ("lg" | "xl")[];
|
|
573
549
|
paddingY: string;
|
|
574
550
|
paddingX: string;
|
|
575
551
|
};
|
|
576
552
|
groupTitle: {
|
|
577
|
-
fontSize: ("
|
|
553
|
+
fontSize: ("xl" | "2xl")[];
|
|
578
554
|
paddingY: string;
|
|
579
555
|
paddingX: string;
|
|
580
556
|
};
|
|
581
557
|
};
|
|
582
558
|
lg: {
|
|
583
559
|
item: {
|
|
584
|
-
fontSize: ("
|
|
560
|
+
fontSize: ("2xl" | "3xl")[];
|
|
585
561
|
paddingX: string;
|
|
586
562
|
paddingY: string;
|
|
587
563
|
};
|
|
588
564
|
groupTitle: {
|
|
589
|
-
fontSize: ("
|
|
565
|
+
fontSize: ("4xl" | "5xl")[];
|
|
590
566
|
paddingX: string;
|
|
591
567
|
paddingY: string;
|
|
592
568
|
};
|
|
@@ -9,15 +9,15 @@ declare const _default: {
|
|
|
9
9
|
} | undefined;
|
|
10
10
|
sizes?: {
|
|
11
11
|
sm: {
|
|
12
|
-
fontSize: ("
|
|
12
|
+
fontSize: ("3xs" | "xs")[];
|
|
13
13
|
lineHeight: string;
|
|
14
14
|
};
|
|
15
15
|
md: {
|
|
16
|
-
fontSize: ("
|
|
16
|
+
fontSize: ("2xs" | "sm")[];
|
|
17
17
|
lineHeight: string;
|
|
18
18
|
};
|
|
19
19
|
lg: {
|
|
20
|
-
fontSize: ("
|
|
20
|
+
fontSize: ("xs" | "md")[];
|
|
21
21
|
lineHeight: string;
|
|
22
22
|
};
|
|
23
23
|
} | undefined;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
baseStyle?: {
|
|
3
|
-
fontFamily: string;
|
|
3
|
+
fontFamily: (theme: Record<string, any>) => string;
|
|
4
4
|
fontWeight: string;
|
|
5
|
-
color: string;
|
|
6
5
|
} | undefined;
|
|
7
6
|
sizes?: {
|
|
8
7
|
'3xl': {
|
|
@@ -18,19 +17,19 @@ declare const _default: {
|
|
|
18
17
|
lineHeight: string;
|
|
19
18
|
};
|
|
20
19
|
lg: {
|
|
21
|
-
fontFamily: string;
|
|
20
|
+
fontFamily: (theme: Record<string, any>) => string;
|
|
22
21
|
fontWeight: string;
|
|
23
22
|
fontSize: ("3xl" | "6xl")[];
|
|
24
23
|
lineHeight: string;
|
|
25
24
|
};
|
|
26
25
|
md: {
|
|
27
|
-
fontFamily: string;
|
|
26
|
+
fontFamily: (theme: Record<string, any>) => string;
|
|
28
27
|
fontWeight: string;
|
|
29
28
|
fontSize: ("2xl" | "4xl")[];
|
|
30
29
|
lineHeight: string;
|
|
31
30
|
};
|
|
32
31
|
sm: {
|
|
33
|
-
fontFamily: string;
|
|
32
|
+
fontFamily: (theme: Record<string, any>) => string;
|
|
34
33
|
fontWeight: string;
|
|
35
34
|
fontSize: ("lg" | "3xl")[];
|
|
36
35
|
lineHeight: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everlywell/ui-kit",
|
|
3
|
-
"version": "0.0.1-
|
|
3
|
+
"version": "0.0.1-menu-next",
|
|
4
4
|
"main": "./index.js",
|
|
5
5
|
"types": "./index.d.ts",
|
|
6
6
|
"exports": {
|
|
@@ -8,16 +8,5 @@
|
|
|
8
8
|
"import": "./index.mjs",
|
|
9
9
|
"require": "./index.js"
|
|
10
10
|
}
|
|
11
|
-
},
|
|
12
|
-
"peerDependencies": {
|
|
13
|
-
"react": "18.x",
|
|
14
|
-
"react-dom": "18.x"
|
|
15
|
-
},
|
|
16
|
-
"dependencies": {
|
|
17
|
-
"@chakra-ui/react": "^2.8.1",
|
|
18
|
-
"@emotion/react": "11.11.3",
|
|
19
|
-
"@emotion/styled": "11.11.0",
|
|
20
|
-
"@phosphor-icons/react": "2.0.15",
|
|
21
|
-
"framer-motion": "^10.16.4"
|
|
22
11
|
}
|
|
23
12
|
}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { Menu } from '@chakra-ui/react';
|
|
2
|
-
export { Menu, type MenuProps, MenuCommand, type MenuCommandProps, MenuButton, type MenuButtonProps, MenuList, type MenuListProps, MenuItem, type MenuItemProps, MenuItemOption, type MenuItemOptionProps, MenuGroup, type MenuGroupProps, MenuOptionGroup, type MenuOptionGroupProps, MenuDivider, type MenuDividerProps, } from '@chakra-ui/react';
|
|
3
|
-
export default Menu;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { Show as ChakraShow, ShowProps as ChakraShowProps, Hide as ChakraHide, HideProps as ChakraHideProps } from '@chakra-ui/react';
|
|
2
|
-
export type ShowProps = ChakraShowProps;
|
|
3
|
-
export type HideProps = ChakraHideProps;
|
|
4
|
-
export declare const Show: typeof ChakraShow;
|
|
5
|
-
export declare const Hide: typeof ChakraHide;
|