@everlywell/ui-kit 1.3.2 → 1.5.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 (11) hide show
  1. package/index.d.mts +2 -0
  2. package/index.d.ts +2 -0
  3. package/index.js +7 -7
  4. package/index.mjs +591 -448
  5. package/lib/theme/data-display/Tabs/Tabs.config.d.ts +1 -1
  6. package/lib/theme/index.d.ts +262 -2
  7. package/lib/theme/navigation/Stepper/Stepper.config.d.ts +26 -0
  8. package/lib/theme/navigation/Stepper/Stepper.d.ts +4 -0
  9. package/lib/theme/overlay/Modal/Modal.config.d.ts +106 -0
  10. package/lib/theme/overlay/Modal/Modal.d.ts +3 -0
  11. package/package.json +3 -3
package/lib/theme/data-display/Tabs/Tabs.config.d.ts CHANGED
@@ -63,6 +63,6 @@ declare const _default: {
63
63
  variant?: undefined;
64
64
  colorScheme?: string | undefined;
65
65
  } | undefined;
66
- parts: ("tab" | "tabpanel" | "tabpanels" | "root" | "tablist" | "indicator")[];
66
+ parts: ("tab" | "tabpanel" | "tabpanels" | "indicator" | "root" | "tablist")[];
67
67
  };
68
68
  export default _default;
package/lib/theme/index.d.ts CHANGED
@@ -885,6 +885,31 @@ export declare const theme: {
885
885
  colorScheme?: string | undefined;
886
886
  } | undefined;
887
887
  };
888
+ Stepper: {
889
+ baseStyle?: {
890
+ stepper: {
891
+ width: string;
892
+ backgroundColor: string;
893
+ };
894
+ step: {};
895
+ title: {};
896
+ description: {};
897
+ indicator: {};
898
+ separator: {
899
+ backgroundColor: string;
900
+ height: string;
901
+ };
902
+ icon: {};
903
+ number: {};
904
+ } | undefined;
905
+ sizes?: {} | undefined;
906
+ variants?: {} | undefined;
907
+ defaultProps?: {
908
+ size?: undefined;
909
+ variant?: undefined;
910
+ colorScheme?: string | undefined;
911
+ } | undefined;
912
+ };
888
913
  Menu: {
889
914
  baseStyle?: {
890
915
  button: {};
@@ -1155,7 +1180,7 @@ export declare const theme: {
1155
1180
  variant?: undefined;
1156
1181
  colorScheme?: string | undefined;
1157
1182
  } | undefined;
1158
- parts: ("tab" | "tabpanel" | "tabpanels" | "root" | "tablist" | "indicator")[];
1183
+ parts: ("tab" | "tabpanel" | "tabpanels" | "indicator" | "root" | "tablist")[];
1159
1184
  };
1160
1185
  Table: {
1161
1186
  baseStyle?: {
@@ -1754,6 +1779,111 @@ export declare const theme: {
1754
1779
  colorScheme?: string | undefined;
1755
1780
  } | undefined;
1756
1781
  };
1782
+ Modal: {
1783
+ baseStyle?: {
1784
+ overlay: {
1785
+ background: string;
1786
+ zIndex: string;
1787
+ };
1788
+ dialogContainer: {
1789
+ display: string;
1790
+ zIndex: string;
1791
+ justifyContent: string;
1792
+ alignItems: string;
1793
+ overflow: string;
1794
+ };
1795
+ dialog: {
1796
+ borderRadius: string;
1797
+ backgroundColor: string;
1798
+ color: string;
1799
+ marginY: string;
1800
+ zIndex: string;
1801
+ maxHeight: string;
1802
+ boxShadow: string;
1803
+ };
1804
+ header: {
1805
+ paddingX: string;
1806
+ paddingY: string;
1807
+ fontSize: string;
1808
+ fontWeight: string;
1809
+ };
1810
+ closeButton: {
1811
+ position: string;
1812
+ top: string;
1813
+ insetEnd: string;
1814
+ width: string;
1815
+ height: string;
1816
+ backgroundColor: string;
1817
+ borderRadius: string;
1818
+ '&:has(> svg:only-child)': {
1819
+ svg: {
1820
+ fontSize: string;
1821
+ };
1822
+ };
1823
+ ':hover, &.hover': {
1824
+ backgroundColor: string;
1825
+ };
1826
+ ':active, &.active': {
1827
+ backgroundColor: string;
1828
+ };
1829
+ ':disabled, &.disabled': {
1830
+ backgroundColor: string;
1831
+ color: string;
1832
+ cursor: string;
1833
+ };
1834
+ };
1835
+ body: {
1836
+ paddingX: string;
1837
+ paddingY: string;
1838
+ flex: number;
1839
+ overflow: string;
1840
+ };
1841
+ footer: {
1842
+ paddingX: string;
1843
+ paddingY: string;
1844
+ };
1845
+ } | undefined;
1846
+ sizes?: {
1847
+ xs: {
1848
+ dialog: {
1849
+ maxWidth: string;
1850
+ };
1851
+ };
1852
+ sm: {
1853
+ dialog: {
1854
+ maxWidth: string;
1855
+ };
1856
+ };
1857
+ md: {
1858
+ dialog: {
1859
+ maxWidth: string;
1860
+ };
1861
+ };
1862
+ lg: {
1863
+ dialog: {
1864
+ maxWidth: string;
1865
+ };
1866
+ };
1867
+ xl: {
1868
+ dialog: {
1869
+ maxWidth: string;
1870
+ };
1871
+ };
1872
+ full: {
1873
+ dialog: {
1874
+ maxWidth: string;
1875
+ height: string;
1876
+ };
1877
+ };
1878
+ } | undefined;
1879
+ variants?: {} | undefined;
1880
+ defaultProps?: {
1881
+ size?: "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;
1882
+ variant?: undefined;
1883
+ colorScheme?: string | undefined;
1884
+ } | undefined;
1885
+ parts: ("body" | "overlay" | "dialog" | "dialogContainer" | "header" | "closeButton" | "footer")[];
1886
+ };
1757
1887
  };
1758
1888
  styles: import("@chakra-ui/theme-tools").Styles;
1759
1889
  config: import("@chakra-ui/react").ThemeConfig;
@@ -2697,6 +2827,31 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
2697
2827
  colorScheme?: string | undefined;
2698
2828
  } | undefined;
2699
2829
  };
2830
+ Stepper: {
2831
+ baseStyle?: {
2832
+ stepper: {
2833
+ width: string;
2834
+ backgroundColor: string;
2835
+ };
2836
+ step: {};
2837
+ title: {};
2838
+ description: {};
2839
+ indicator: {};
2840
+ separator: {
2841
+ backgroundColor: string;
2842
+ height: string;
2843
+ };
2844
+ icon: {};
2845
+ number: {};
2846
+ } | undefined;
2847
+ sizes?: {} | undefined;
2848
+ variants?: {} | undefined;
2849
+ defaultProps?: {
2850
+ size?: undefined;
2851
+ variant?: undefined;
2852
+ colorScheme?: string | undefined;
2853
+ } | undefined;
2854
+ };
2700
2855
  Menu: {
2701
2856
  baseStyle?: {
2702
2857
  button: {};
@@ -2967,7 +3122,7 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
2967
3122
  variant?: undefined;
2968
3123
  colorScheme?: string | undefined;
2969
3124
  } | undefined;
2970
- parts: ("tab" | "tabpanel" | "tabpanels" | "root" | "tablist" | "indicator")[];
3125
+ parts: ("tab" | "tabpanel" | "tabpanels" | "indicator" | "root" | "tablist")[];
2971
3126
  };
2972
3127
  Table: {
2973
3128
  baseStyle?: {
@@ -3566,6 +3721,111 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
3566
3721
  colorScheme?: string | undefined;
3567
3722
  } | undefined;
3568
3723
  };
3724
+ Modal: {
3725
+ baseStyle?: {
3726
+ overlay: {
3727
+ background: string;
3728
+ zIndex: string;
3729
+ };
3730
+ dialogContainer: {
3731
+ display: string;
3732
+ zIndex: string;
3733
+ justifyContent: string;
3734
+ alignItems: string;
3735
+ overflow: string;
3736
+ };
3737
+ dialog: {
3738
+ borderRadius: string;
3739
+ backgroundColor: string;
3740
+ color: string;
3741
+ marginY: string;
3742
+ zIndex: string;
3743
+ maxHeight: string;
3744
+ boxShadow: string;
3745
+ };
3746
+ header: {
3747
+ paddingX: string;
3748
+ paddingY: string;
3749
+ fontSize: string;
3750
+ fontWeight: string;
3751
+ };
3752
+ closeButton: {
3753
+ position: string;
3754
+ top: string;
3755
+ insetEnd: string;
3756
+ width: string;
3757
+ height: string;
3758
+ backgroundColor: string;
3759
+ borderRadius: string;
3760
+ '&:has(> svg:only-child)': {
3761
+ svg: {
3762
+ fontSize: string;
3763
+ };
3764
+ };
3765
+ ':hover, &.hover': {
3766
+ backgroundColor: string;
3767
+ };
3768
+ ':active, &.active': {
3769
+ backgroundColor: string;
3770
+ };
3771
+ ':disabled, &.disabled': {
3772
+ backgroundColor: string;
3773
+ color: string;
3774
+ cursor: string;
3775
+ };
3776
+ };
3777
+ body: {
3778
+ paddingX: string;
3779
+ paddingY: string;
3780
+ flex: number;
3781
+ overflow: string;
3782
+ };
3783
+ footer: {
3784
+ paddingX: string;
3785
+ paddingY: string;
3786
+ };
3787
+ } | undefined;
3788
+ sizes?: {
3789
+ xs: {
3790
+ dialog: {
3791
+ maxWidth: string;
3792
+ };
3793
+ };
3794
+ sm: {
3795
+ dialog: {
3796
+ maxWidth: string;
3797
+ };
3798
+ };
3799
+ md: {
3800
+ dialog: {
3801
+ maxWidth: string;
3802
+ };
3803
+ };
3804
+ lg: {
3805
+ dialog: {
3806
+ maxWidth: string;
3807
+ };
3808
+ };
3809
+ xl: {
3810
+ dialog: {
3811
+ maxWidth: string;
3812
+ };
3813
+ };
3814
+ full: {
3815
+ dialog: {
3816
+ maxWidth: string;
3817
+ height: string;
3818
+ };
3819
+ };
3820
+ } | undefined;
3821
+ variants?: {} | undefined;
3822
+ defaultProps?: {
3823
+ size?: "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;
3824
+ variant?: undefined;
3825
+ colorScheme?: string | undefined;
3826
+ } | undefined;
3827
+ parts: ("body" | "overlay" | "dialog" | "dialogContainer" | "header" | "closeButton" | "footer")[];
3828
+ };
3569
3829
  };
3570
3830
  styles: import("@chakra-ui/theme-tools").Styles;
3571
3831
  config: import("@chakra-ui/react").ThemeConfig;
package/lib/theme/navigation/Stepper/Stepper.config.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ declare const _default: {
2
+ baseStyle?: {
3
+ stepper: {
4
+ width: string;
5
+ backgroundColor: string;
6
+ };
7
+ step: {};
8
+ title: {};
9
+ description: {};
10
+ indicator: {};
11
+ separator: {
12
+ backgroundColor: string;
13
+ height: string;
14
+ };
15
+ icon: {};
16
+ number: {};
17
+ } | undefined;
18
+ sizes?: {} | undefined;
19
+ variants?: {} | undefined;
20
+ defaultProps?: {
21
+ size?: undefined;
22
+ variant?: undefined;
23
+ colorScheme?: string | undefined;
24
+ } | undefined;
25
+ };
26
+ export default _default;
package/lib/theme/navigation/Stepper/Stepper.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { Step as ChakraStep, StepDescription, StepIcon, StepIndicator, StepNumber, Stepper, StepperProps as ChakraStepperProps, StepSeparator, StepStatus, StepTitle, useSteps } from '@chakra-ui/react';
2
+ export { StepDescription, StepIcon, StepIndicator, StepNumber, StepSeparator, StepStatus, StepTitle, Stepper, useSteps, };
3
+ export type StepperProps = ChakraStepperProps;
4
+ export default ChakraStep;
package/lib/theme/overlay/Modal/Modal.config.d.ts ADDED
@@ -0,0 +1,106 @@
1
+ declare const _default: {
2
+ baseStyle?: {
3
+ overlay: {
4
+ background: string;
5
+ zIndex: string;
6
+ };
7
+ dialogContainer: {
8
+ display: string;
9
+ zIndex: string;
10
+ justifyContent: string;
11
+ alignItems: string;
12
+ overflow: string;
13
+ };
14
+ dialog: {
15
+ borderRadius: string;
16
+ backgroundColor: string;
17
+ color: string;
18
+ marginY: string;
19
+ zIndex: string;
20
+ maxHeight: string;
21
+ boxShadow: string;
22
+ };
23
+ header: {
24
+ paddingX: string;
25
+ paddingY: string;
26
+ fontSize: string;
27
+ fontWeight: string;
28
+ };
29
+ closeButton: {
30
+ position: string;
31
+ top: string;
32
+ insetEnd: string;
33
+ width: string;
34
+ height: string;
35
+ backgroundColor: string;
36
+ borderRadius: string;
37
+ '&:has(> svg:only-child)': {
38
+ svg: {
39
+ fontSize: string;
40
+ };
41
+ };
42
+ ':hover, &.hover': {
43
+ backgroundColor: string;
44
+ };
45
+ ':active, &.active': {
46
+ backgroundColor: string;
47
+ };
48
+ ':disabled, &.disabled': {
49
+ backgroundColor: string;
50
+ color: string;
51
+ cursor: string;
52
+ };
53
+ };
54
+ body: {
55
+ paddingX: string;
56
+ paddingY: string;
57
+ flex: number;
58
+ overflow: string;
59
+ };
60
+ footer: {
61
+ paddingX: string;
62
+ paddingY: string;
63
+ };
64
+ } | undefined;
65
+ sizes?: {
66
+ xs: {
67
+ dialog: {
68
+ maxWidth: string;
69
+ };
70
+ };
71
+ sm: {
72
+ dialog: {
73
+ maxWidth: string;
74
+ };
75
+ };
76
+ md: {
77
+ dialog: {
78
+ maxWidth: string;
79
+ };
80
+ };
81
+ lg: {
82
+ dialog: {
83
+ maxWidth: string;
84
+ };
85
+ };
86
+ xl: {
87
+ dialog: {
88
+ maxWidth: string;
89
+ };
90
+ };
91
+ full: {
92
+ dialog: {
93
+ maxWidth: string;
94
+ height: string;
95
+ };
96
+ };
97
+ } | undefined;
98
+ variants?: {} | undefined;
99
+ defaultProps?: {
100
+ size?: "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;
101
+ variant?: undefined;
102
+ colorScheme?: string | undefined;
103
+ } | undefined;
104
+ parts: ("body" | "overlay" | "dialog" | "dialogContainer" | "header" | "closeButton" | "footer")[];
105
+ };
106
+ export default _default;
package/lib/theme/overlay/Modal/Modal.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { Modal } from '@chakra-ui/react';
2
+ export { ModalOverlay, ModalContent, ModalHeader, ModalFooter, ModalBody, ModalCloseButton, type ModalProps, type ModalOverlayProps, type ModalContentProps, type ModalHeaderProps, type ModalFooterProps, type ModalBodyProps, type ModalCloseButtonProps, useDisclosure, type UseDisclosureProps, } from '@chakra-ui/react';
3
+ export default Modal;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everlywell/ui-kit",
3
- "version": "1.3.2",
3
+ "version": "1.5.0",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "exports": {
@@ -16,8 +16,8 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@chakra-ui/react": "^2.8.1",
19
- "@emotion/react": "11.11.3",
20
- "@emotion/styled": "11.11.0",
19
+ "@emotion/react": "11.11.4",
20
+ "@emotion/styled": "11.11.5",
21
21
  "framer-motion": "^11.0.0"
22
22
  }
23
23
  }