@everlywell/ui-kit 1.3.2 → 1.4.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.
- package/index.d.mts +1 -0
- package/index.d.ts +1 -0
- package/index.js +7 -7
- package/index.mjs +238 -207
- package/lib/theme/data-display/Tabs/Tabs.config.d.ts +1 -1
- package/lib/theme/index.d.ts +70 -4
- package/lib/theme/navigation/Stepper/Stepper.config.d.ts +26 -0
- package/lib/theme/navigation/Stepper/Stepper.d.ts +4 -0
- package/package.json +3 -3
|
@@ -63,6 +63,6 @@ declare const _default: {
|
|
|
63
63
|
variant?: undefined;
|
|
64
64
|
colorScheme?: string | undefined;
|
|
65
65
|
} | undefined;
|
|
66
|
-
parts: ("tab" | "tabpanel" | "tabpanels" | "
|
|
66
|
+
parts: ("tab" | "tabpanel" | "tabpanels" | "indicator" | "root" | "tablist")[];
|
|
67
67
|
};
|
|
68
68
|
export default _default;
|
package/lib/theme/index.d.ts
CHANGED
|
@@ -360,7 +360,15 @@ export declare const theme: {
|
|
|
360
360
|
};
|
|
361
361
|
};
|
|
362
362
|
secondary: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
|
|
363
|
-
color: string;
|
|
363
|
+
color: string; /**
|
|
364
|
+
* Base unit: 4px
|
|
365
|
+
* 1 rem = 16px
|
|
366
|
+
*
|
|
367
|
+
* Mental model:
|
|
368
|
+
*
|
|
369
|
+
* If you need a spacing of 40px, divide it by 4.
|
|
370
|
+
* That'll give you 10. Then use it in your component.
|
|
371
|
+
*/
|
|
364
372
|
boxShadow: (theme: Record<string, any>) => string;
|
|
365
373
|
':hover, &.hover': {
|
|
366
374
|
color: string;
|
|
@@ -885,6 +893,31 @@ export declare const theme: {
|
|
|
885
893
|
colorScheme?: string | undefined;
|
|
886
894
|
} | undefined;
|
|
887
895
|
};
|
|
896
|
+
Stepper: {
|
|
897
|
+
baseStyle?: {
|
|
898
|
+
stepper: {
|
|
899
|
+
width: string;
|
|
900
|
+
backgroundColor: string;
|
|
901
|
+
};
|
|
902
|
+
step: {};
|
|
903
|
+
title: {};
|
|
904
|
+
description: {};
|
|
905
|
+
indicator: {};
|
|
906
|
+
separator: {
|
|
907
|
+
backgroundColor: string;
|
|
908
|
+
height: string;
|
|
909
|
+
};
|
|
910
|
+
icon: {};
|
|
911
|
+
number: {};
|
|
912
|
+
} | undefined;
|
|
913
|
+
sizes?: {} | undefined;
|
|
914
|
+
variants?: {} | undefined;
|
|
915
|
+
defaultProps?: {
|
|
916
|
+
size?: undefined;
|
|
917
|
+
variant?: undefined;
|
|
918
|
+
colorScheme?: string | undefined;
|
|
919
|
+
} | undefined;
|
|
920
|
+
};
|
|
888
921
|
Menu: {
|
|
889
922
|
baseStyle?: {
|
|
890
923
|
button: {};
|
|
@@ -1155,7 +1188,7 @@ export declare const theme: {
|
|
|
1155
1188
|
variant?: undefined;
|
|
1156
1189
|
colorScheme?: string | undefined;
|
|
1157
1190
|
} | undefined;
|
|
1158
|
-
parts: ("tab" | "tabpanel" | "tabpanels" | "
|
|
1191
|
+
parts: ("tab" | "tabpanel" | "tabpanels" | "indicator" | "root" | "tablist")[];
|
|
1159
1192
|
};
|
|
1160
1193
|
Table: {
|
|
1161
1194
|
baseStyle?: {
|
|
@@ -2172,7 +2205,15 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
|
|
|
2172
2205
|
};
|
|
2173
2206
|
};
|
|
2174
2207
|
secondary: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
|
|
2175
|
-
color: string;
|
|
2208
|
+
color: string; /**
|
|
2209
|
+
* Base unit: 4px
|
|
2210
|
+
* 1 rem = 16px
|
|
2211
|
+
*
|
|
2212
|
+
* Mental model:
|
|
2213
|
+
*
|
|
2214
|
+
* If you need a spacing of 40px, divide it by 4.
|
|
2215
|
+
* That'll give you 10. Then use it in your component.
|
|
2216
|
+
*/
|
|
2176
2217
|
boxShadow: (theme: Record<string, any>) => string;
|
|
2177
2218
|
':hover, &.hover': {
|
|
2178
2219
|
color: string;
|
|
@@ -2697,6 +2738,31 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
|
|
|
2697
2738
|
colorScheme?: string | undefined;
|
|
2698
2739
|
} | undefined;
|
|
2699
2740
|
};
|
|
2741
|
+
Stepper: {
|
|
2742
|
+
baseStyle?: {
|
|
2743
|
+
stepper: {
|
|
2744
|
+
width: string;
|
|
2745
|
+
backgroundColor: string;
|
|
2746
|
+
};
|
|
2747
|
+
step: {};
|
|
2748
|
+
title: {};
|
|
2749
|
+
description: {};
|
|
2750
|
+
indicator: {};
|
|
2751
|
+
separator: {
|
|
2752
|
+
backgroundColor: string;
|
|
2753
|
+
height: string;
|
|
2754
|
+
};
|
|
2755
|
+
icon: {};
|
|
2756
|
+
number: {};
|
|
2757
|
+
} | undefined;
|
|
2758
|
+
sizes?: {} | undefined;
|
|
2759
|
+
variants?: {} | undefined;
|
|
2760
|
+
defaultProps?: {
|
|
2761
|
+
size?: undefined;
|
|
2762
|
+
variant?: undefined;
|
|
2763
|
+
colorScheme?: string | undefined;
|
|
2764
|
+
} | undefined;
|
|
2765
|
+
};
|
|
2700
2766
|
Menu: {
|
|
2701
2767
|
baseStyle?: {
|
|
2702
2768
|
button: {};
|
|
@@ -2967,7 +3033,7 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
|
|
|
2967
3033
|
variant?: undefined;
|
|
2968
3034
|
colorScheme?: string | undefined;
|
|
2969
3035
|
} | undefined;
|
|
2970
|
-
parts: ("tab" | "tabpanel" | "tabpanels" | "
|
|
3036
|
+
parts: ("tab" | "tabpanel" | "tabpanels" | "indicator" | "root" | "tablist")[];
|
|
2971
3037
|
};
|
|
2972
3038
|
Table: {
|
|
2973
3039
|
baseStyle?: {
|
|
@@ -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;
|
|
@@ -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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everlywell/ui-kit",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.4.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.
|
|
20
|
-
"@emotion/styled": "11.11.
|
|
19
|
+
"@emotion/react": "11.11.4",
|
|
20
|
+
"@emotion/styled": "11.11.5",
|
|
21
21
|
"framer-motion": "^11.0.0"
|
|
22
22
|
}
|
|
23
23
|
}
|