@everlywell/ui-kit 1.10.1 → 1.10.3
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.js +9 -9
- package/index.mjs +671 -645
- package/lib/theme/actions/FormControl/FormControl.config.d.ts +24 -5
- package/lib/theme/actions/Input/Input.config.d.ts +1 -1
- package/lib/theme/actions/Select/Select.config.d.ts +1 -1
- package/lib/theme/index.d.ts +52 -14
- package/lib/theme/typography/Heading/Heading.d.ts +1 -1
- package/package.json +1 -1
|
@@ -21,18 +21,20 @@ declare const _default: {
|
|
|
21
21
|
floating: {
|
|
22
22
|
container: {
|
|
23
23
|
_focusWithin: {
|
|
24
|
-
label: {
|
|
24
|
+
'*:not(.chakra-select__wrapper) + label': {
|
|
25
25
|
transform: string[];
|
|
26
26
|
fontSize: string;
|
|
27
|
+
top: string[];
|
|
27
28
|
color: string;
|
|
28
29
|
_invalid: {
|
|
29
30
|
color: string;
|
|
30
31
|
};
|
|
31
32
|
};
|
|
32
33
|
};
|
|
33
|
-
'input:not(:placeholder-shown) + label, .chakra-select__wrapper:not(:has(option[value=""]:checked)) + label, textarea:not(:placeholder-shown) ~ label': {
|
|
34
|
+
'input:not(:placeholder-shown) + label, .chakra-input__group:has(input:not(:placeholder-shown)) + label, .chakra-select__wrapper:not(:has(option[value=""]:checked)) + label, textarea:not(:placeholder-shown) ~ label': {
|
|
34
35
|
transform: string[];
|
|
35
36
|
fontSize: string;
|
|
37
|
+
top: string[];
|
|
36
38
|
color: string;
|
|
37
39
|
_invalid: {
|
|
38
40
|
color: string;
|
|
@@ -42,24 +44,41 @@ declare const _default: {
|
|
|
42
44
|
color: string;
|
|
43
45
|
};
|
|
44
46
|
label: {
|
|
47
|
+
transition: string;
|
|
45
48
|
transformOrigin: string;
|
|
46
49
|
position: string;
|
|
47
50
|
pointerEvents: string;
|
|
48
51
|
zIndex: number;
|
|
49
52
|
ml: number;
|
|
50
53
|
mr: number;
|
|
51
|
-
|
|
54
|
+
top: (number | "16px")[];
|
|
52
55
|
fontSize: ("md" | "lg")[];
|
|
53
56
|
color: string;
|
|
54
57
|
fontWeight: string;
|
|
55
58
|
};
|
|
59
|
+
':has(.chakra-input__left-element) label': {
|
|
60
|
+
ml: string[];
|
|
61
|
+
};
|
|
56
62
|
input: {
|
|
57
63
|
pt: number;
|
|
58
|
-
|
|
64
|
+
h: string[];
|
|
65
|
+
'&:not(:focus)': {
|
|
66
|
+
'::placeholder': {
|
|
67
|
+
color: string;
|
|
68
|
+
visibility: string;
|
|
69
|
+
};
|
|
70
|
+
};
|
|
59
71
|
};
|
|
60
72
|
select: {
|
|
61
73
|
pt: number;
|
|
62
|
-
|
|
74
|
+
h: string[];
|
|
75
|
+
};
|
|
76
|
+
':has(.chakra-input__left-element) input, :has(.chakra-input__left-element) select': {
|
|
77
|
+
pl: string[];
|
|
78
|
+
};
|
|
79
|
+
'.chakra-input__right-element, .chakra-input__left-element': {
|
|
80
|
+
w: string[];
|
|
81
|
+
h: string[];
|
|
63
82
|
};
|
|
64
83
|
};
|
|
65
84
|
};
|
|
@@ -17,7 +17,7 @@ declare const _default: {
|
|
|
17
17
|
borderColor?: string | undefined;
|
|
18
18
|
borderRadius?: string | undefined;
|
|
19
19
|
w?: string | undefined;
|
|
20
|
-
h?: ("
|
|
20
|
+
h?: ("52px" | "44px")[] | undefined;
|
|
21
21
|
':focus, &.focus'?: {
|
|
22
22
|
borderColor: string;
|
|
23
23
|
outline: string;
|
package/lib/theme/index.d.ts
CHANGED
|
@@ -590,18 +590,20 @@ export declare const theme: {
|
|
|
590
590
|
floating: {
|
|
591
591
|
container: {
|
|
592
592
|
_focusWithin: {
|
|
593
|
-
label: {
|
|
593
|
+
'*:not(.chakra-select__wrapper) + label': {
|
|
594
594
|
transform: string[];
|
|
595
595
|
fontSize: string;
|
|
596
|
+
top: string[];
|
|
596
597
|
color: string;
|
|
597
598
|
_invalid: {
|
|
598
599
|
color: string;
|
|
599
600
|
};
|
|
600
601
|
};
|
|
601
602
|
};
|
|
602
|
-
'input:not(:placeholder-shown) + label, .chakra-select__wrapper:not(:has(option[value=""]:checked)) + label, textarea:not(:placeholder-shown) ~ label': {
|
|
603
|
+
'input:not(:placeholder-shown) + label, .chakra-input__group:has(input:not(:placeholder-shown)) + label, .chakra-select__wrapper:not(:has(option[value=""]:checked)) + label, textarea:not(:placeholder-shown) ~ label': {
|
|
603
604
|
transform: string[];
|
|
604
605
|
fontSize: string;
|
|
606
|
+
top: string[];
|
|
605
607
|
color: string;
|
|
606
608
|
_invalid: {
|
|
607
609
|
color: string;
|
|
@@ -611,24 +613,41 @@ export declare const theme: {
|
|
|
611
613
|
color: string;
|
|
612
614
|
};
|
|
613
615
|
label: {
|
|
616
|
+
transition: string;
|
|
614
617
|
transformOrigin: string;
|
|
615
618
|
position: string;
|
|
616
619
|
pointerEvents: string;
|
|
617
620
|
zIndex: number;
|
|
618
621
|
ml: number;
|
|
619
622
|
mr: number;
|
|
620
|
-
|
|
623
|
+
top: (number | "16px")[];
|
|
621
624
|
fontSize: ("md" | "lg")[];
|
|
622
625
|
color: string;
|
|
623
626
|
fontWeight: string;
|
|
624
627
|
};
|
|
628
|
+
':has(.chakra-input__left-element) label': {
|
|
629
|
+
ml: string[];
|
|
630
|
+
};
|
|
625
631
|
input: {
|
|
626
632
|
pt: number;
|
|
627
|
-
|
|
633
|
+
h: string[];
|
|
634
|
+
'&:not(:focus)': {
|
|
635
|
+
'::placeholder': {
|
|
636
|
+
color: string;
|
|
637
|
+
visibility: string;
|
|
638
|
+
};
|
|
639
|
+
};
|
|
628
640
|
};
|
|
629
641
|
select: {
|
|
630
642
|
pt: number;
|
|
631
|
-
|
|
643
|
+
h: string[];
|
|
644
|
+
};
|
|
645
|
+
':has(.chakra-input__left-element) input, :has(.chakra-input__left-element) select': {
|
|
646
|
+
pl: string[];
|
|
647
|
+
};
|
|
648
|
+
'.chakra-input__right-element, .chakra-input__left-element': {
|
|
649
|
+
w: string[];
|
|
650
|
+
h: string[];
|
|
632
651
|
};
|
|
633
652
|
};
|
|
634
653
|
};
|
|
@@ -712,7 +731,7 @@ export declare const theme: {
|
|
|
712
731
|
borderColor?: string | undefined;
|
|
713
732
|
borderRadius?: string | undefined;
|
|
714
733
|
w?: string | undefined;
|
|
715
|
-
h?: ("
|
|
734
|
+
h?: ("52px" | "44px")[] | undefined;
|
|
716
735
|
':focus, &.focus'?: {
|
|
717
736
|
borderColor: string;
|
|
718
737
|
outline: string;
|
|
@@ -833,7 +852,7 @@ export declare const theme: {
|
|
|
833
852
|
borderColor: string;
|
|
834
853
|
borderRadius: string;
|
|
835
854
|
w: string;
|
|
836
|
-
h: ("
|
|
855
|
+
h: ("52px" | "44px")[];
|
|
837
856
|
':focus, &.focus': {
|
|
838
857
|
borderColor: string;
|
|
839
858
|
outline: string;
|
|
@@ -2545,18 +2564,20 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
|
|
|
2545
2564
|
floating: {
|
|
2546
2565
|
container: {
|
|
2547
2566
|
_focusWithin: {
|
|
2548
|
-
label: {
|
|
2567
|
+
'*:not(.chakra-select__wrapper) + label': {
|
|
2549
2568
|
transform: string[];
|
|
2550
2569
|
fontSize: string;
|
|
2570
|
+
top: string[];
|
|
2551
2571
|
color: string;
|
|
2552
2572
|
_invalid: {
|
|
2553
2573
|
color: string;
|
|
2554
2574
|
};
|
|
2555
2575
|
};
|
|
2556
2576
|
};
|
|
2557
|
-
'input:not(:placeholder-shown) + label, .chakra-select__wrapper:not(:has(option[value=""]:checked)) + label, textarea:not(:placeholder-shown) ~ label': {
|
|
2577
|
+
'input:not(:placeholder-shown) + label, .chakra-input__group:has(input:not(:placeholder-shown)) + label, .chakra-select__wrapper:not(:has(option[value=""]:checked)) + label, textarea:not(:placeholder-shown) ~ label': {
|
|
2558
2578
|
transform: string[];
|
|
2559
2579
|
fontSize: string;
|
|
2580
|
+
top: string[];
|
|
2560
2581
|
color: string;
|
|
2561
2582
|
_invalid: {
|
|
2562
2583
|
color: string;
|
|
@@ -2566,24 +2587,41 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
|
|
|
2566
2587
|
color: string;
|
|
2567
2588
|
};
|
|
2568
2589
|
label: {
|
|
2590
|
+
transition: string;
|
|
2569
2591
|
transformOrigin: string;
|
|
2570
2592
|
position: string;
|
|
2571
2593
|
pointerEvents: string;
|
|
2572
2594
|
zIndex: number;
|
|
2573
2595
|
ml: number;
|
|
2574
2596
|
mr: number;
|
|
2575
|
-
|
|
2597
|
+
top: (number | "16px")[];
|
|
2576
2598
|
fontSize: ("md" | "lg")[];
|
|
2577
2599
|
color: string;
|
|
2578
2600
|
fontWeight: string;
|
|
2579
2601
|
};
|
|
2602
|
+
':has(.chakra-input__left-element) label': {
|
|
2603
|
+
ml: string[];
|
|
2604
|
+
};
|
|
2580
2605
|
input: {
|
|
2581
2606
|
pt: number;
|
|
2582
|
-
|
|
2607
|
+
h: string[];
|
|
2608
|
+
'&:not(:focus)': {
|
|
2609
|
+
'::placeholder': {
|
|
2610
|
+
color: string;
|
|
2611
|
+
visibility: string;
|
|
2612
|
+
};
|
|
2613
|
+
};
|
|
2583
2614
|
};
|
|
2584
2615
|
select: {
|
|
2585
2616
|
pt: number;
|
|
2586
|
-
|
|
2617
|
+
h: string[];
|
|
2618
|
+
};
|
|
2619
|
+
':has(.chakra-input__left-element) input, :has(.chakra-input__left-element) select': {
|
|
2620
|
+
pl: string[];
|
|
2621
|
+
};
|
|
2622
|
+
'.chakra-input__right-element, .chakra-input__left-element': {
|
|
2623
|
+
w: string[];
|
|
2624
|
+
h: string[];
|
|
2587
2625
|
};
|
|
2588
2626
|
};
|
|
2589
2627
|
};
|
|
@@ -2667,7 +2705,7 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
|
|
|
2667
2705
|
borderColor?: string | undefined;
|
|
2668
2706
|
borderRadius?: string | undefined;
|
|
2669
2707
|
w?: string | undefined;
|
|
2670
|
-
h?: ("
|
|
2708
|
+
h?: ("52px" | "44px")[] | undefined;
|
|
2671
2709
|
':focus, &.focus'?: {
|
|
2672
2710
|
borderColor: string;
|
|
2673
2711
|
outline: string;
|
|
@@ -2788,7 +2826,7 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
|
|
|
2788
2826
|
borderColor: string;
|
|
2789
2827
|
borderRadius: string;
|
|
2790
2828
|
w: string;
|
|
2791
|
-
h: ("
|
|
2829
|
+
h: ("52px" | "44px")[];
|
|
2792
2830
|
':focus, &.focus': {
|
|
2793
2831
|
borderColor: string;
|
|
2794
2832
|
outline: string;
|