@everlywell/ui-kit 1.2.0 → 1.3.1

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 (9) hide show
  1. package/index.d.mts +1 -0
  2. package/index.d.ts +1 -0
  3. package/index.js +9 -9
  4. package/index.mjs +688 -691
  5. package/lib/theme/actions/Select/Select.config.d.ts +27 -22
  6. package/lib/theme/index.d.ts +84 -44
  7. package/lib/theme/overlay/Tooltip/Tooltip.config.d.ts +16 -0
  8. package/lib/theme/overlay/Tooltip/Tooltip.d.ts +3 -0
  9. package/package.json +2 -2
package/lib/theme/actions/Select/Select.config.d.ts CHANGED
@@ -1,31 +1,36 @@
1
1
  declare const _default: {
2
2
  baseStyle?: {
3
3
  field: {
4
- background: string;
5
- borderColor: string;
6
- borderRadius: string;
7
- borderWidth: string;
8
- color: string;
9
- fontFamily: string;
10
- fontSize: string;
11
- paddingX: number;
12
- paddingY: number;
13
- width: string;
14
- _disabled: {
15
- borderColor: string;
16
- color: string;
17
- _hover: {
18
- cursor: string;
19
- };
20
- };
21
- _hover: {
22
- cursor: ("none" | "pointer")[];
23
- };
24
- _invalid: {
25
- borderColor: string;
4
+ ':has(option[value=""]:checked)': {
5
+ color?: string | undefined;
26
6
  };
27
7
  WebkitAppearance: string;
28
8
  MozAppearance: string;
9
+ fontWeight?: string | undefined;
10
+ fontSize?: ("md" | "lg")[] | undefined;
11
+ bg?: string | undefined;
12
+ color?: string | undefined;
13
+ px?: number | undefined;
14
+ borderStyle?: string | undefined;
15
+ borderWidth?: string | undefined;
16
+ borderColor?: string | undefined;
17
+ borderRadius?: string | undefined;
18
+ w?: string | undefined;
19
+ h?: ("44px" | "52px")[] | undefined;
20
+ ':focus, &.focus'?: {
21
+ borderColor: string;
22
+ outline: string;
23
+ } | undefined;
24
+ _disabled?: {
25
+ borderColor: string;
26
+ color: string;
27
+ } | undefined;
28
+ _placeholder?: {
29
+ color: string;
30
+ } | undefined;
31
+ _invalid?: {
32
+ borderColor: string;
33
+ } | undefined;
29
34
  };
30
35
  icon: {
31
36
  color: string;
package/lib/theme/index.d.ts CHANGED
@@ -680,31 +680,36 @@ export declare const theme: {
680
680
  Select: {
681
681
  baseStyle?: {
682
682
  field: {
683
- background: string;
684
- borderColor: string;
685
- borderRadius: string;
686
- borderWidth: string;
687
- color: string;
688
- fontFamily: string;
689
- fontSize: string;
690
- paddingX: number;
691
- paddingY: number;
692
- width: string;
693
- _disabled: {
694
- borderColor: string;
695
- color: string;
696
- _hover: {
697
- cursor: string;
698
- };
699
- };
700
- _hover: {
701
- cursor: ("none" | "pointer")[];
702
- };
703
- _invalid: {
704
- borderColor: string;
683
+ ':has(option[value=""]:checked)': {
684
+ color?: string | undefined;
705
685
  };
706
686
  WebkitAppearance: string;
707
687
  MozAppearance: string;
688
+ fontWeight?: string | undefined;
689
+ fontSize?: ("md" | "lg")[] | undefined;
690
+ bg?: string | undefined;
691
+ color?: string | undefined;
692
+ px?: number | undefined;
693
+ borderStyle?: string | undefined;
694
+ borderWidth?: string | undefined;
695
+ borderColor?: string | undefined;
696
+ borderRadius?: string | undefined;
697
+ w?: string | undefined;
698
+ h?: ("44px" | "52px")[] | undefined;
699
+ ':focus, &.focus'?: {
700
+ borderColor: string;
701
+ outline: string;
702
+ } | undefined;
703
+ _disabled?: {
704
+ borderColor: string;
705
+ color: string;
706
+ } | undefined;
707
+ _placeholder?: {
708
+ color: string;
709
+ } | undefined;
710
+ _invalid?: {
711
+ borderColor: string;
712
+ } | undefined;
708
713
  };
709
714
  icon: {
710
715
  color: string;
@@ -1726,6 +1731,21 @@ export declare const theme: {
1726
1731
  colorScheme?: string | undefined;
1727
1732
  } | undefined;
1728
1733
  };
1734
+ Tooltip: {
1735
+ baseStyle?: {
1736
+ padding: number;
1737
+ borderRadius: string;
1738
+ } | undefined;
1739
+ sizes?: {} | undefined;
1740
+ variants?: {
1741
+ [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
1742
+ } | undefined;
1743
+ defaultProps?: {
1744
+ size?: undefined;
1745
+ variant?: string | number | undefined;
1746
+ colorScheme?: string | undefined;
1747
+ } | undefined;
1748
+ };
1729
1749
  };
1730
1750
  styles: import("@chakra-ui/theme-tools").Styles;
1731
1751
  config: import("@chakra-ui/react").ThemeConfig;
@@ -2464,31 +2484,36 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
2464
2484
  Select: {
2465
2485
  baseStyle?: {
2466
2486
  field: {
2467
- background: string;
2468
- borderColor: string;
2469
- borderRadius: string;
2470
- borderWidth: string;
2471
- color: string;
2472
- fontFamily: string;
2473
- fontSize: string;
2474
- paddingX: number;
2475
- paddingY: number;
2476
- width: string;
2477
- _disabled: {
2478
- borderColor: string;
2479
- color: string;
2480
- _hover: {
2481
- cursor: string;
2482
- };
2483
- };
2484
- _hover: {
2485
- cursor: ("none" | "pointer")[];
2486
- };
2487
- _invalid: {
2488
- borderColor: string;
2487
+ ':has(option[value=""]:checked)': {
2488
+ color?: string | undefined;
2489
2489
  };
2490
2490
  WebkitAppearance: string;
2491
2491
  MozAppearance: string;
2492
+ fontWeight?: string | undefined;
2493
+ fontSize?: ("md" | "lg")[] | undefined;
2494
+ bg?: string | undefined;
2495
+ color?: string | undefined;
2496
+ px?: number | undefined;
2497
+ borderStyle?: string | undefined;
2498
+ borderWidth?: string | undefined;
2499
+ borderColor?: string | undefined;
2500
+ borderRadius?: string | undefined;
2501
+ w?: string | undefined;
2502
+ h?: ("44px" | "52px")[] | undefined;
2503
+ ':focus, &.focus'?: {
2504
+ borderColor: string;
2505
+ outline: string;
2506
+ } | undefined;
2507
+ _disabled?: {
2508
+ borderColor: string;
2509
+ color: string;
2510
+ } | undefined;
2511
+ _placeholder?: {
2512
+ color: string;
2513
+ } | undefined;
2514
+ _invalid?: {
2515
+ borderColor: string;
2516
+ } | undefined;
2492
2517
  };
2493
2518
  icon: {
2494
2519
  color: string;
@@ -3510,6 +3535,21 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
3510
3535
  colorScheme?: string | undefined;
3511
3536
  } | undefined;
3512
3537
  };
3538
+ Tooltip: {
3539
+ baseStyle?: {
3540
+ padding: number;
3541
+ borderRadius: string;
3542
+ } | undefined;
3543
+ sizes?: {} | undefined;
3544
+ variants?: {
3545
+ [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
3546
+ } | undefined;
3547
+ defaultProps?: {
3548
+ size?: undefined;
3549
+ variant?: string | number | undefined;
3550
+ colorScheme?: string | undefined;
3551
+ } | undefined;
3552
+ };
3513
3553
  };
3514
3554
  styles: import("@chakra-ui/theme-tools").Styles;
3515
3555
  config: import("@chakra-ui/react").ThemeConfig;
package/lib/theme/overlay/Tooltip/Tooltip.config.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ declare const _default: {
2
+ baseStyle?: {
3
+ padding: number;
4
+ borderRadius: string;
5
+ } | undefined;
6
+ sizes?: {} | undefined;
7
+ variants?: {
8
+ [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
9
+ } | undefined;
10
+ defaultProps?: {
11
+ size?: undefined;
12
+ variant?: string | number | undefined;
13
+ colorScheme?: string | undefined;
14
+ } | undefined;
15
+ };
16
+ export default _default;
package/lib/theme/overlay/Tooltip/Tooltip.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { Tooltip as ChakraTooltip, TooltipProps as ChakraTooltipProps } from '@chakra-ui/react';
2
+ export type TooltipProps = ChakraTooltipProps;
3
+ export default ChakraTooltip;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everlywell/ui-kit",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "exports": {
@@ -18,6 +18,6 @@
18
18
  "@chakra-ui/react": "^2.8.1",
19
19
  "@emotion/react": "11.11.3",
20
20
  "@emotion/styled": "11.11.0",
21
- "framer-motion": "^10.16.4"
21
+ "framer-motion": "^11.0.0"
22
22
  }
23
23
  }