@everlywell/ui-kit 0.3.3 → 0.3.5-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.
Files changed (10) hide show
  1. package/index.d.mts +1 -0
  2. package/index.d.ts +1 -0
  3. package/index.js +10 -10
  4. package/index.mjs +777 -678
  5. package/lib/theme/actions/Menu/Menu.config.d.ts +86 -0
  6. package/lib/theme/actions/Menu/Menu.d.ts +3 -0
  7. package/lib/theme/index.d.ts +88 -3
  8. package/lib/theme/media/Icon/Icon.d.ts +1 -3
  9. package/lib/theme/overlay/Drawer/Drawer.config.d.ts +2 -2
  10. package/package.json +6 -6
package/lib/theme/actions/Menu/Menu.config.d.ts ADDED
@@ -0,0 +1,86 @@
1
+ declare const _default: {
2
+ baseStyle?: {
3
+ button: {};
4
+ list: {
5
+ boxShadow: string;
6
+ backgroundColor: string;
7
+ border: string;
8
+ borderColor: string;
9
+ borderRadius: string;
10
+ };
11
+ item: {
12
+ fontWeight: string;
13
+ lineHeight: string;
14
+ color: string;
15
+ _hover: {
16
+ backgroundColor: string;
17
+ };
18
+ _disabled: {
19
+ backgroundColor: string;
20
+ color: string;
21
+ cursor: string;
22
+ };
23
+ };
24
+ groupTitle: {
25
+ color: string;
26
+ letterSpacing: string;
27
+ };
28
+ command: {
29
+ color: string;
30
+ };
31
+ divider: {
32
+ borderColor: string;
33
+ borderBottom: string;
34
+ };
35
+ } | undefined;
36
+ sizes?: {
37
+ sm: {
38
+ button: {};
39
+ item: {
40
+ fontSize: ("2xs" | "sm")[];
41
+ paddingY: string;
42
+ paddingX: string;
43
+ };
44
+ groupTitle: {
45
+ fontSize: ("md" | "lg")[];
46
+ paddingY: string;
47
+ paddingX: string;
48
+ };
49
+ divider: {
50
+ marginY: string;
51
+ };
52
+ };
53
+ md: {
54
+ item: {
55
+ fontSize: ("3xs" | "lg")[];
56
+ paddingY: string;
57
+ paddingX: string;
58
+ };
59
+ groupTitle: {
60
+ fontSize: ("lg" | "xl")[];
61
+ paddingY: string;
62
+ paddingX: string;
63
+ };
64
+ };
65
+ lg: {
66
+ item: {
67
+ fontSize: ("xl" | "2xl")[];
68
+ paddingX: string;
69
+ paddingY: string;
70
+ };
71
+ groupTitle: {
72
+ fontSize: ("3xl" | "4xl")[];
73
+ paddingX: string;
74
+ paddingY: string;
75
+ };
76
+ };
77
+ } | undefined;
78
+ variants?: {} | undefined;
79
+ defaultProps?: {
80
+ size?: "sm" | "md" | "lg" | undefined;
81
+ variant?: undefined;
82
+ colorScheme?: string | undefined;
83
+ } | undefined;
84
+ parts: ("button" | "list" | "item" | "groupTitle" | "command" | "divider")[];
85
+ };
86
+ export default _default;
package/lib/theme/actions/Menu/Menu.d.ts ADDED
@@ -0,0 +1,3 @@
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;
package/lib/theme/index.d.ts CHANGED
@@ -71,7 +71,7 @@ export declare const theme: {
71
71
  *
72
72
  * If you need a spacing of 40px, divide it by 4.
73
73
  * That'll give you 10. Then use it in your component.
74
- */
74
+ */
75
75
  0: number;
76
76
  0.5: string;
77
77
  1: string;
@@ -295,8 +295,8 @@ export declare const theme: {
295
295
  Drawer: {
296
296
  baseStyle?: {
297
297
  overlay: {
298
- bg: string;
299
- backgroundImage: string;
298
+ zIndex: string;
299
+ bg: (theme: Record<string, any>) => string;
300
300
  };
301
301
  dialogContainer: {
302
302
  zIndex: string;
@@ -494,6 +494,91 @@ export declare const theme: {
494
494
  colorScheme?: string | undefined;
495
495
  } | undefined;
496
496
  };
497
+ Menu: {
498
+ baseStyle?: {
499
+ button: {};
500
+ list: {
501
+ boxShadow: string;
502
+ backgroundColor: string;
503
+ border: string;
504
+ borderColor: string;
505
+ borderRadius: string;
506
+ };
507
+ item: {
508
+ fontWeight: string;
509
+ lineHeight: string;
510
+ color: string;
511
+ _hover: {
512
+ backgroundColor: string;
513
+ };
514
+ _disabled: {
515
+ backgroundColor: string;
516
+ color: string;
517
+ cursor: string;
518
+ };
519
+ };
520
+ groupTitle: {
521
+ color: string;
522
+ letterSpacing: string;
523
+ };
524
+ command: {
525
+ color: string;
526
+ };
527
+ divider: {
528
+ borderColor: string;
529
+ borderBottom: string;
530
+ };
531
+ } | undefined;
532
+ sizes?: {
533
+ sm: {
534
+ button: {};
535
+ item: {
536
+ fontSize: ("2xs" | "sm")[];
537
+ paddingY: string;
538
+ paddingX: string;
539
+ };
540
+ groupTitle: {
541
+ fontSize: ("md" | "lg")[];
542
+ paddingY: string;
543
+ paddingX: string;
544
+ };
545
+ divider: {
546
+ marginY: string;
547
+ };
548
+ };
549
+ md: {
550
+ item: {
551
+ fontSize: ("3xs" | "lg")[];
552
+ paddingY: string;
553
+ paddingX: string;
554
+ };
555
+ groupTitle: {
556
+ fontSize: ("lg" | "xl")[];
557
+ paddingY: string;
558
+ paddingX: string;
559
+ };
560
+ };
561
+ lg: {
562
+ item: {
563
+ fontSize: ("xl" | "2xl")[];
564
+ paddingX: string;
565
+ paddingY: string;
566
+ };
567
+ groupTitle: {
568
+ fontSize: ("3xl" | "4xl")[];
569
+ paddingX: string;
570
+ paddingY: string;
571
+ };
572
+ };
573
+ } | undefined;
574
+ variants?: {} | undefined;
575
+ defaultProps?: {
576
+ size?: "sm" | "md" | "lg" | undefined;
577
+ variant?: undefined;
578
+ colorScheme?: string | undefined;
579
+ } | undefined;
580
+ parts: ("button" | "list" | "item" | "groupTitle" | "command" | "divider")[];
581
+ };
497
582
  };
498
583
  styles: import("@chakra-ui/theme-tools/dist/component").Styles;
499
584
  config: import("@chakra-ui/theme/dist/theme.types").ThemeConfig;
package/lib/theme/media/Icon/Icon.d.ts CHANGED
@@ -1,11 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  import { IconProps as ChakraIconProps, ThemingProps } from '@chakra-ui/react';
3
3
  import * as icons from '@phosphor-icons/react';
4
- declare const PhosphorIcons: Readonly<typeof icons>;
5
- type PhosphorIconKey = keyof typeof PhosphorIcons;
6
4
  declare const ICON_RED_LIST: readonly ["SSR", "Icon", "IconProps", "IconContext", "IconBase", "IconWeight"];
7
5
  declare const ICON_GREEN_LIST: readonly [];
8
- export type IconKey = Exclude<PhosphorIconKey, (typeof ICON_RED_LIST)[number]> | (typeof ICON_GREEN_LIST)[number];
6
+ export type IconKey = Exclude<keyof typeof icons, (typeof ICON_RED_LIST)[number]> | (typeof ICON_GREEN_LIST)[number];
9
7
  type IconType = Record<IconKey, React.ElementType>;
10
8
  export declare const ICON_SET: IconType;
11
9
  export type IconProps = ChakraIconProps & ThemingProps<'Icon'> & {
package/lib/theme/overlay/Drawer/Drawer.config.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  declare const _default: {
2
2
  baseStyle?: {
3
3
  overlay: {
4
- bg: string;
5
- backgroundImage: string;
4
+ zIndex: string;
5
+ bg: (theme: Record<string, any>) => string;
6
6
  };
7
7
  dialogContainer: {
8
8
  zIndex: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everlywell/ui-kit",
3
- "version": "0.3.3",
3
+ "version": "0.3.5-next",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "exports": {
@@ -14,10 +14,10 @@
14
14
  "react-dom": "18.x"
15
15
  },
16
16
  "dependencies": {
17
- "@chakra-ui/react": "^1.6.5",
18
- "@emotion/react": "^11.4.1",
19
- "@emotion/styled": "^11.3.0",
20
- "framer-motion": "^4.1.17",
21
- "@phosphor-icons/react": "^2.0.15"
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
22
  }
23
23
  }