@everlywell/ui-kit 0.27.3 → 0.28.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 +9 -9
- package/index.mjs +707 -645
- package/lib/theme/feedback/Progress/Progress.config.d.ts +51 -0
- package/lib/theme/feedback/Progress/Progress.d.ts +12 -0
- package/lib/theme/feedback/Progress/Progress.utils.d.ts +8 -0
- package/lib/theme/index.d.ts +118 -2
- package/package.json +1 -1
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
baseStyle?: {
|
|
3
|
+
label: {
|
|
4
|
+
lineHeight: string;
|
|
5
|
+
fontSize: string;
|
|
6
|
+
fontWeight: string;
|
|
7
|
+
color: string;
|
|
8
|
+
};
|
|
9
|
+
track: {
|
|
10
|
+
background: string;
|
|
11
|
+
};
|
|
12
|
+
filledTrack: {
|
|
13
|
+
transition: string;
|
|
14
|
+
background: string;
|
|
15
|
+
};
|
|
16
|
+
} | undefined;
|
|
17
|
+
sizes?: {
|
|
18
|
+
xs: {
|
|
19
|
+
track: {
|
|
20
|
+
height: string;
|
|
21
|
+
borderRadius: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
sm: {
|
|
25
|
+
track: {
|
|
26
|
+
height: string;
|
|
27
|
+
borderRadius: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
md: {
|
|
31
|
+
track: {
|
|
32
|
+
height: string;
|
|
33
|
+
borderRadius: string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
lg: {
|
|
37
|
+
track: {
|
|
38
|
+
height: string;
|
|
39
|
+
borderRadius: string;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
} | undefined;
|
|
43
|
+
variants?: {} | undefined;
|
|
44
|
+
defaultProps?: {
|
|
45
|
+
size?: "xs" | "sm" | "md" | "lg" | undefined;
|
|
46
|
+
variant?: undefined;
|
|
47
|
+
colorScheme?: string | undefined;
|
|
48
|
+
} | undefined;
|
|
49
|
+
parts: ("label" | "track" | "filledTrack")[];
|
|
50
|
+
};
|
|
51
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { type ProgressProps as ChakraProgressProps } from '@chakra-ui/react';
|
|
3
|
+
type OmitedProps = 'colorScheme';
|
|
4
|
+
export type ProgressProps = Omit<ChakraProgressProps, OmitedProps> & {
|
|
5
|
+
background?: string;
|
|
6
|
+
filledBackground?: string;
|
|
7
|
+
};
|
|
8
|
+
declare const _default: import("react").ForwardRefExoticComponent<Omit<ChakraProgressProps, "colorScheme"> & {
|
|
9
|
+
background?: string | undefined;
|
|
10
|
+
filledBackground?: string | undefined;
|
|
11
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export default _default;
|
package/lib/theme/index.d.ts
CHANGED
|
@@ -358,7 +358,15 @@ export declare const theme: {
|
|
|
358
358
|
bg: string;
|
|
359
359
|
color: string;
|
|
360
360
|
};
|
|
361
|
-
};
|
|
361
|
+
}; /**
|
|
362
|
+
* Base unit: 4px
|
|
363
|
+
* 1 rem = 16px
|
|
364
|
+
*
|
|
365
|
+
* Mental model:
|
|
366
|
+
*
|
|
367
|
+
* If you need a spacing of 40px, divide it by 4.
|
|
368
|
+
* That'll give you 10. Then use it in your component.
|
|
369
|
+
*/
|
|
362
370
|
secondary: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
|
|
363
371
|
color: string;
|
|
364
372
|
boxShadow: (theme: Record<string, any>) => string;
|
|
@@ -968,6 +976,56 @@ export declare const theme: {
|
|
|
968
976
|
} | undefined;
|
|
969
977
|
parts: ("button" | "list" | "item" | "groupTitle" | "command" | "divider")[];
|
|
970
978
|
};
|
|
979
|
+
Progress: {
|
|
980
|
+
baseStyle?: {
|
|
981
|
+
label: {
|
|
982
|
+
lineHeight: string;
|
|
983
|
+
fontSize: string;
|
|
984
|
+
fontWeight: string;
|
|
985
|
+
color: string;
|
|
986
|
+
};
|
|
987
|
+
track: {
|
|
988
|
+
background: string;
|
|
989
|
+
};
|
|
990
|
+
filledTrack: {
|
|
991
|
+
transition: string;
|
|
992
|
+
background: string;
|
|
993
|
+
};
|
|
994
|
+
} | undefined;
|
|
995
|
+
sizes?: {
|
|
996
|
+
xs: {
|
|
997
|
+
track: {
|
|
998
|
+
height: string;
|
|
999
|
+
borderRadius: string;
|
|
1000
|
+
};
|
|
1001
|
+
};
|
|
1002
|
+
sm: {
|
|
1003
|
+
track: {
|
|
1004
|
+
height: string;
|
|
1005
|
+
borderRadius: string;
|
|
1006
|
+
};
|
|
1007
|
+
};
|
|
1008
|
+
md: {
|
|
1009
|
+
track: {
|
|
1010
|
+
height: string;
|
|
1011
|
+
borderRadius: string;
|
|
1012
|
+
};
|
|
1013
|
+
};
|
|
1014
|
+
lg: {
|
|
1015
|
+
track: {
|
|
1016
|
+
height: string;
|
|
1017
|
+
borderRadius: string;
|
|
1018
|
+
};
|
|
1019
|
+
};
|
|
1020
|
+
} | undefined;
|
|
1021
|
+
variants?: {} | undefined;
|
|
1022
|
+
defaultProps?: {
|
|
1023
|
+
size?: "xs" | "sm" | "md" | "lg" | undefined;
|
|
1024
|
+
variant?: undefined;
|
|
1025
|
+
colorScheme?: string | undefined;
|
|
1026
|
+
} | undefined;
|
|
1027
|
+
parts: ("label" | "track" | "filledTrack")[];
|
|
1028
|
+
};
|
|
971
1029
|
Spinner: {
|
|
972
1030
|
baseStyle?: {} | undefined;
|
|
973
1031
|
sizes?: {
|
|
@@ -2019,7 +2077,15 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
|
|
|
2019
2077
|
bg: string;
|
|
2020
2078
|
color: string;
|
|
2021
2079
|
};
|
|
2022
|
-
};
|
|
2080
|
+
}; /**
|
|
2081
|
+
* Base unit: 4px
|
|
2082
|
+
* 1 rem = 16px
|
|
2083
|
+
*
|
|
2084
|
+
* Mental model:
|
|
2085
|
+
*
|
|
2086
|
+
* If you need a spacing of 40px, divide it by 4.
|
|
2087
|
+
* That'll give you 10. Then use it in your component.
|
|
2088
|
+
*/
|
|
2023
2089
|
secondary: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
|
|
2024
2090
|
color: string;
|
|
2025
2091
|
boxShadow: (theme: Record<string, any>) => string;
|
|
@@ -2629,6 +2695,56 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
|
|
|
2629
2695
|
} | undefined;
|
|
2630
2696
|
parts: ("button" | "list" | "item" | "groupTitle" | "command" | "divider")[];
|
|
2631
2697
|
};
|
|
2698
|
+
Progress: {
|
|
2699
|
+
baseStyle?: {
|
|
2700
|
+
label: {
|
|
2701
|
+
lineHeight: string;
|
|
2702
|
+
fontSize: string;
|
|
2703
|
+
fontWeight: string;
|
|
2704
|
+
color: string;
|
|
2705
|
+
};
|
|
2706
|
+
track: {
|
|
2707
|
+
background: string;
|
|
2708
|
+
};
|
|
2709
|
+
filledTrack: {
|
|
2710
|
+
transition: string;
|
|
2711
|
+
background: string;
|
|
2712
|
+
};
|
|
2713
|
+
} | undefined;
|
|
2714
|
+
sizes?: {
|
|
2715
|
+
xs: {
|
|
2716
|
+
track: {
|
|
2717
|
+
height: string;
|
|
2718
|
+
borderRadius: string;
|
|
2719
|
+
};
|
|
2720
|
+
};
|
|
2721
|
+
sm: {
|
|
2722
|
+
track: {
|
|
2723
|
+
height: string;
|
|
2724
|
+
borderRadius: string;
|
|
2725
|
+
};
|
|
2726
|
+
};
|
|
2727
|
+
md: {
|
|
2728
|
+
track: {
|
|
2729
|
+
height: string;
|
|
2730
|
+
borderRadius: string;
|
|
2731
|
+
};
|
|
2732
|
+
};
|
|
2733
|
+
lg: {
|
|
2734
|
+
track: {
|
|
2735
|
+
height: string;
|
|
2736
|
+
borderRadius: string;
|
|
2737
|
+
};
|
|
2738
|
+
};
|
|
2739
|
+
} | undefined;
|
|
2740
|
+
variants?: {} | undefined;
|
|
2741
|
+
defaultProps?: {
|
|
2742
|
+
size?: "xs" | "sm" | "md" | "lg" | undefined;
|
|
2743
|
+
variant?: undefined;
|
|
2744
|
+
colorScheme?: string | undefined;
|
|
2745
|
+
} | undefined;
|
|
2746
|
+
parts: ("label" | "track" | "filledTrack")[];
|
|
2747
|
+
};
|
|
2632
2748
|
Spinner: {
|
|
2633
2749
|
baseStyle?: {} | undefined;
|
|
2634
2750
|
sizes?: {
|