@@ -26,27 +26,27 @@ exports[`should render correctly 1`] = `
26
26
- moz - appearance : none ;
27
27
- ms - appearance : none ;
28
28
appearance : none ;
29
- font - size : var (-- fontSizes - md );
30
- - webkit - padding - start : var (-- space - 4 );
31
- padding - inline - start : var (-- space - 4 );
32
- - webkit - padding - end : var (-- space - 4 );
33
- padding - inline - end : var (-- space - 4 );
34
- height : var (-- sizes - 10 );
35
- line - height : var (-- lineHeights - normal );
36
- border - radius : var (-- radii - md );
29
+ font - size : var (-- chakra - fontSizes - md );
30
+ - webkit - padding - start : var (-- chakra - space - 4 );
31
+ padding - inline - start : var (-- chakra - space - 4 );
32
+ - webkit - padding - end : var (-- chakra - space - 4 );
33
+ padding - inline - end : var (-- chakra - space - 4 );
34
+ height : var (-- chakra - sizes - 10 );
35
+ line - height : var (-- chakra - lineHeights - normal );
36
+ border - radius : var (-- chakra - radii - md );
37
37
border - width : 1px ;
38
38
border - color : inherit ;
39
- background : var (-- colors - white );
40
- font - family : var (-- fonts - body );
39
+ background : var (-- chakra - colors - white );
40
+ font - family : var (-- chakra - fonts - body );
41
41
padding - right : 2rem ;
42
- padding - bottom : var (-- space - px );
42
+ padding - bottom : var (-- chakra - space - px );
43
43
color : inherit ;
44
44
}
45
45
46
46
.emotion-1[aria-readonly=true],
47
47
.emotion-1[readonly],
48
48
.emotion-1[data-readonly] {
49
- background : var (-- colors - transparent );
49
+ background : var (-- chakra - colors - transparent );
50
50
box - shadow : none ! important ;
51
51
- webkit - user - select : all ;
52
52
- moz - user - select : all ;
@@ -56,7 +56,7 @@ exports[`should render correctly 1`] = `
56
56
57
57
.emotion-1:hover,
58
58
.emotion-1[data-hover] {
59
- border - color : var (-- colors - gray - 300 );
59
+ border - color : var (-- chakra - colors - gray - 300 );
60
60
}
61
61
62
62
.emotion-1[disabled],
@@ -119,8 +119,8 @@ exports[`should render correctly 1`] = `
119
119
}
120
120
121
121
.emotion-4 {
122
- width : var (-- sizes - 5 );
123
- height : var (-- sizes - 5 );
122
+ width : var (-- chakra - sizes - 5 );
123
+ height : var (-- chakra - sizes - 5 );
124
124
display : inline - block ;
125
125
vertical - align : middle ;
126
126
}
0 commit comments