@everlywell/ui-kit 1.3.0 → 1.3.2
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 +665 -668
- package/lib/theme/actions/FormControl/FormControl.config.d.ts +9 -1
- package/lib/theme/actions/Select/Select.config.d.ts +27 -22
- package/lib/theme/index.d.ts +72 -46
- package/package.json +1 -1
|
@@ -30,7 +30,7 @@ declare const _default: {
|
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
32
|
};
|
|
33
|
-
'input:not(:placeholder-shown) + label, .chakra-select__wrapper + label, textarea:not(:placeholder-shown) ~ label': {
|
|
33
|
+
'input:not(:placeholder-shown) + label, .chakra-select__wrapper:not(:has(option[value=""]:checked)) + label, textarea:not(:placeholder-shown) ~ label': {
|
|
34
34
|
transform: string[];
|
|
35
35
|
fontSize: string;
|
|
36
36
|
color: string;
|
|
@@ -38,7 +38,11 @@ declare const _default: {
|
|
|
38
38
|
color: string;
|
|
39
39
|
};
|
|
40
40
|
};
|
|
41
|
+
'.chakra-select__wrapper:has(option[value=""]:checked) select': {
|
|
42
|
+
color: string;
|
|
43
|
+
};
|
|
41
44
|
label: {
|
|
45
|
+
transformOrigin: string;
|
|
42
46
|
position: string;
|
|
43
47
|
pointerEvents: string;
|
|
44
48
|
zIndex: number;
|
|
@@ -53,6 +57,10 @@ declare const _default: {
|
|
|
53
57
|
pt: number;
|
|
54
58
|
pl: string;
|
|
55
59
|
};
|
|
60
|
+
select: {
|
|
61
|
+
pt: number;
|
|
62
|
+
pl: string;
|
|
63
|
+
};
|
|
56
64
|
};
|
|
57
65
|
};
|
|
58
66
|
} | undefined;
|
|
@@ -1,31 +1,36 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
baseStyle?: {
|
|
3
3
|
field: {
|
|
4
|
-
|
|
5
|
-
|
|
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
|
@@ -591,7 +591,7 @@ export declare const theme: {
|
|
|
591
591
|
};
|
|
592
592
|
};
|
|
593
593
|
};
|
|
594
|
-
'input:not(:placeholder-shown) + label, .chakra-select__wrapper + label, textarea:not(:placeholder-shown) ~ label': {
|
|
594
|
+
'input:not(:placeholder-shown) + label, .chakra-select__wrapper:not(:has(option[value=""]:checked)) + label, textarea:not(:placeholder-shown) ~ label': {
|
|
595
595
|
transform: string[];
|
|
596
596
|
fontSize: string;
|
|
597
597
|
color: string;
|
|
@@ -599,7 +599,11 @@ export declare const theme: {
|
|
|
599
599
|
color: string;
|
|
600
600
|
};
|
|
601
601
|
};
|
|
602
|
+
'.chakra-select__wrapper:has(option[value=""]:checked) select': {
|
|
603
|
+
color: string;
|
|
604
|
+
};
|
|
602
605
|
label: {
|
|
606
|
+
transformOrigin: string;
|
|
603
607
|
position: string;
|
|
604
608
|
pointerEvents: string;
|
|
605
609
|
zIndex: number;
|
|
@@ -614,6 +618,10 @@ export declare const theme: {
|
|
|
614
618
|
pt: number;
|
|
615
619
|
pl: string;
|
|
616
620
|
};
|
|
621
|
+
select: {
|
|
622
|
+
pt: number;
|
|
623
|
+
pl: string;
|
|
624
|
+
};
|
|
617
625
|
};
|
|
618
626
|
};
|
|
619
627
|
} | undefined;
|
|
@@ -680,31 +688,36 @@ export declare const theme: {
|
|
|
680
688
|
Select: {
|
|
681
689
|
baseStyle?: {
|
|
682
690
|
field: {
|
|
683
|
-
|
|
684
|
-
|
|
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;
|
|
691
|
+
':has(option[value=""]:checked)': {
|
|
692
|
+
color?: string | undefined;
|
|
705
693
|
};
|
|
706
694
|
WebkitAppearance: string;
|
|
707
695
|
MozAppearance: string;
|
|
696
|
+
fontWeight?: string | undefined;
|
|
697
|
+
fontSize?: ("md" | "lg")[] | undefined;
|
|
698
|
+
bg?: string | undefined;
|
|
699
|
+
color?: string | undefined;
|
|
700
|
+
px?: number | undefined;
|
|
701
|
+
borderStyle?: string | undefined;
|
|
702
|
+
borderWidth?: string | undefined;
|
|
703
|
+
borderColor?: string | undefined;
|
|
704
|
+
borderRadius?: string | undefined;
|
|
705
|
+
w?: string | undefined;
|
|
706
|
+
h?: ("44px" | "52px")[] | undefined;
|
|
707
|
+
':focus, &.focus'?: {
|
|
708
|
+
borderColor: string;
|
|
709
|
+
outline: string;
|
|
710
|
+
} | undefined;
|
|
711
|
+
_disabled?: {
|
|
712
|
+
borderColor: string;
|
|
713
|
+
color: string;
|
|
714
|
+
} | undefined;
|
|
715
|
+
_placeholder?: {
|
|
716
|
+
color: string;
|
|
717
|
+
} | undefined;
|
|
718
|
+
_invalid?: {
|
|
719
|
+
borderColor: string;
|
|
720
|
+
} | undefined;
|
|
708
721
|
};
|
|
709
722
|
icon: {
|
|
710
723
|
color: string;
|
|
@@ -2390,7 +2403,7 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
|
|
|
2390
2403
|
};
|
|
2391
2404
|
};
|
|
2392
2405
|
};
|
|
2393
|
-
'input:not(:placeholder-shown) + label, .chakra-select__wrapper + label, textarea:not(:placeholder-shown) ~ label': {
|
|
2406
|
+
'input:not(:placeholder-shown) + label, .chakra-select__wrapper:not(:has(option[value=""]:checked)) + label, textarea:not(:placeholder-shown) ~ label': {
|
|
2394
2407
|
transform: string[];
|
|
2395
2408
|
fontSize: string;
|
|
2396
2409
|
color: string;
|
|
@@ -2398,7 +2411,11 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
|
|
|
2398
2411
|
color: string;
|
|
2399
2412
|
};
|
|
2400
2413
|
};
|
|
2414
|
+
'.chakra-select__wrapper:has(option[value=""]:checked) select': {
|
|
2415
|
+
color: string;
|
|
2416
|
+
};
|
|
2401
2417
|
label: {
|
|
2418
|
+
transformOrigin: string;
|
|
2402
2419
|
position: string;
|
|
2403
2420
|
pointerEvents: string;
|
|
2404
2421
|
zIndex: number;
|
|
@@ -2413,6 +2430,10 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
|
|
|
2413
2430
|
pt: number;
|
|
2414
2431
|
pl: string;
|
|
2415
2432
|
};
|
|
2433
|
+
select: {
|
|
2434
|
+
pt: number;
|
|
2435
|
+
pl: string;
|
|
2436
|
+
};
|
|
2416
2437
|
};
|
|
2417
2438
|
};
|
|
2418
2439
|
} | undefined;
|
|
@@ -2479,31 +2500,36 @@ export declare const useTheme: () => import("@chakra-ui/styled-system").WithCSSV
|
|
|
2479
2500
|
Select: {
|
|
2480
2501
|
baseStyle?: {
|
|
2481
2502
|
field: {
|
|
2482
|
-
|
|
2483
|
-
|
|
2484
|
-
borderRadius: string;
|
|
2485
|
-
borderWidth: string;
|
|
2486
|
-
color: string;
|
|
2487
|
-
fontFamily: string;
|
|
2488
|
-
fontSize: string;
|
|
2489
|
-
paddingX: number;
|
|
2490
|
-
paddingY: number;
|
|
2491
|
-
width: string;
|
|
2492
|
-
_disabled: {
|
|
2493
|
-
borderColor: string;
|
|
2494
|
-
color: string;
|
|
2495
|
-
_hover: {
|
|
2496
|
-
cursor: string;
|
|
2497
|
-
};
|
|
2498
|
-
};
|
|
2499
|
-
_hover: {
|
|
2500
|
-
cursor: ("none" | "pointer")[];
|
|
2501
|
-
};
|
|
2502
|
-
_invalid: {
|
|
2503
|
-
borderColor: string;
|
|
2503
|
+
':has(option[value=""]:checked)': {
|
|
2504
|
+
color?: string | undefined;
|
|
2504
2505
|
};
|
|
2505
2506
|
WebkitAppearance: string;
|
|
2506
2507
|
MozAppearance: string;
|
|
2508
|
+
fontWeight?: string | undefined;
|
|
2509
|
+
fontSize?: ("md" | "lg")[] | undefined;
|
|
2510
|
+
bg?: string | undefined;
|
|
2511
|
+
color?: string | undefined;
|
|
2512
|
+
px?: number | undefined;
|
|
2513
|
+
borderStyle?: string | undefined;
|
|
2514
|
+
borderWidth?: string | undefined;
|
|
2515
|
+
borderColor?: string | undefined;
|
|
2516
|
+
borderRadius?: string | undefined;
|
|
2517
|
+
w?: string | undefined;
|
|
2518
|
+
h?: ("44px" | "52px")[] | undefined;
|
|
2519
|
+
':focus, &.focus'?: {
|
|
2520
|
+
borderColor: string;
|
|
2521
|
+
outline: string;
|
|
2522
|
+
} | undefined;
|
|
2523
|
+
_disabled?: {
|
|
2524
|
+
borderColor: string;
|
|
2525
|
+
color: string;
|
|
2526
|
+
} | undefined;
|
|
2527
|
+
_placeholder?: {
|
|
2528
|
+
color: string;
|
|
2529
|
+
} | undefined;
|
|
2530
|
+
_invalid?: {
|
|
2531
|
+
borderColor: string;
|
|
2532
|
+
} | undefined;
|
|
2507
2533
|
};
|
|
2508
2534
|
icon: {
|
|
2509
2535
|
color: string;
|