Skip to content
This repository was archived by the owner on Sep 20, 2024. It is now read-only.

Commit 3d2ab89

Browse files
codebender828codebender828
authored
Merge branch 'develop' into fix/textarea-event-error
2 parents 59755c1 + 2c04cfe commit 3d2ab89

File tree

43 files changed

+1277
-1242
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+1277
-1242
lines changed

‎packages/chakra-ui-core/src/CAccordion/tests/__snapshots__/CAccordion.test.js.snap‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -24,22 +24,22 @@ exports[`should render correctly 1`] = `
2424
outline-offset: 2px;
2525
-webkit-transition: all 0.2s;
2626
transition: all 0.2s;
27-
-webkit-padding-start: var(--space-4);
28-
padding-inline-start: var(--space-4);
29-
-webkit-padding-end: var(--space-4);
30-
padding-inline-end: var(--space-4);
31-
padding-top: var(--space-2);
32-
padding-bottom: var(--space-2);
27+
-webkit-padding-start: var(--chakra-space-4);
28+
padding-inline-start: var(--chakra-space-4);
29+
-webkit-padding-end: var(--chakra-space-4);
30+
padding-inline-end: var(--chakra-space-4);
31+
padding-top: var(--chakra-space-2);
32+
padding-bottom: var(--chakra-space-2);
3333
}
3434
3535
.emotion-3:focus,
3636
.emotion-3[data-focus] {
37-
box-shadow: var(--shadows-outline);
37+
box-shadow: var(--chakra-shadows-outline);
3838
}
3939
4040
.emotion-3:hover,
4141
.emotion-3[data-hover] {
42-
background: var(--colors-blackAlpha-50);
42+
background: var(--chakra-colors-blackAlpha-50);
4343
}
4444
4545
.emotion-3[disabled],
@@ -80,12 +80,12 @@ exports[`should render correctly 1`] = `
8080
}
8181
8282
.emotion-8 {
83-
padding-top: var(--space-2);
84-
-webkit-padding-start: var(--space-4);
85-
padding-inline-start: var(--space-4);
86-
-webkit-padding-end: var(--space-4);
87-
padding-inline-end: var(--space-4);
88-
padding-bottom: var(--space-5);
83+
padding-top: var(--chakra-space-2);
84+
-webkit-padding-start: var(--chakra-space-4);
85+
padding-inline-start: var(--chakra-space-4);
86+
-webkit-padding-end: var(--chakra-space-4);
87+
padding-inline-end: var(--chakra-space-4);
88+
padding-bottom: var(--chakra-space-5);
8989
}
9090
9191
<div

‎packages/chakra-ui-core/src/CAlert/tests/__snapshots__/CAlert.test.js.snap‎

Lines changed: 59 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
exports[`should override icon if set explicitly 1`] = `
44
<DocumentFragment>
55
.emotion-0 {
6-
font-family: var(--fonts-body);
6+
font-family: var(--chakra-fonts-body);
77
display: -webkit-box;
88
display: -webkit-flex;
99
display: -ms-flexbox;
@@ -14,11 +14,11 @@ exports[`should override icon if set explicitly 1`] = `
1414
align-items: center;
1515
position: relative;
1616
overflow: hidden;
17-
padding-left: var(--space-4);
18-
padding-right: var(--space-4);
19-
padding-top: var(--space-3);
20-
padding-bottom: var(--space-3);
21-
background: var(--colors-red-100);
17+
padding-left: var(--chakra-space-4);
18+
padding-right: var(--chakra-space-4);
19+
padding-top: var(--chakra-space-3);
20+
padding-bottom: var(--chakra-space-3);
21+
background: var(--chakra-colors-red-100);
2222
}
2323
2424
.emotion-1 {
@@ -34,15 +34,15 @@ exports[`should override icon if set explicitly 1`] = `
3434
}
3535
3636
.emotion-2 {
37-
width: var(--sizes-5);
38-
height: var(--sizes-5);
37+
width: var(--chakra-sizes-5);
38+
height: var(--chakra-sizes-5);
3939
display: inline-block;
4040
vertical-align: middle;
4141
}
4242
4343
.emotion-3 {
44-
margin-right: var(--space-3);
45-
color: var(--colors-red-500);
44+
margin-right: var(--chakra-space-3);
45+
color: var(--chakra-colors-red-500);
4646
}
4747
4848
<div
@@ -82,7 +82,7 @@ exports[`should render correct variant styles 1`] = `
8282
}
8383
8484
.emotion-2 {
85-
font-family: var(--fonts-body);
85+
font-family: var(--chakra-fonts-body);
8686
display: -webkit-box;
8787
display: -webkit-flex;
8888
display: -ms-flexbox;
@@ -93,12 +93,12 @@ exports[`should render correct variant styles 1`] = `
9393
align-items: center;
9494
position: relative;
9595
overflow: hidden;
96-
padding-left: var(--space-4);
97-
padding-right: var(--space-4);
98-
padding-top: var(--space-3);
99-
padding-bottom: var(--space-3);
100-
background: var(--colors-green-100);
101-
margin-bottom: var(--space-2);
96+
padding-left: var(--chakra-space-4);
97+
padding-right: var(--chakra-space-4);
98+
padding-top: var(--chakra-space-3);
99+
padding-bottom: var(--chakra-space-3);
100+
background: var(--chakra-colors-green-100);
101+
margin-bottom: var(--chakra-space-2);
102102
}
103103
104104
.emotion-3 {
@@ -114,19 +114,19 @@ exports[`should render correct variant styles 1`] = `
114114
}
115115
116116
.emotion-4 {
117-
width: var(--sizes-5);
118-
height: var(--sizes-5);
117+
width: var(--chakra-sizes-5);
118+
height: var(--chakra-sizes-5);
119119
display: inline-block;
120120
vertical-align: middle;
121121
}
122122
123123
.emotion-5 {
124-
margin-right: var(--space-3);
125-
color: var(--colors-green-500);
124+
margin-right: var(--chakra-space-3);
125+
color: var(--chakra-colors-green-500);
126126
}
127127
128128
.emotion-6 {
129-
font-family: var(--fonts-body);
129+
font-family: var(--chakra-fonts-body);
130130
display: -webkit-box;
131131
display: -webkit-flex;
132132
display: -ms-flexbox;
@@ -137,21 +137,21 @@ exports[`should render correct variant styles 1`] = `
137137
align-items: center;
138138
position: relative;
139139
overflow: hidden;
140-
padding-left: var(--space-4);
141-
padding-right: var(--space-4);
142-
padding-top: var(--space-3);
143-
padding-bottom: var(--space-3);
144-
background: var(--colors-green-500);
145-
color: var(--colors-white);
146-
margin-bottom: var(--space-2);
140+
padding-left: var(--chakra-space-4);
141+
padding-right: var(--chakra-space-4);
142+
padding-top: var(--chakra-space-3);
143+
padding-bottom: var(--chakra-space-3);
144+
background: var(--chakra-colors-green-500);
145+
color: var(--chakra-colors-white);
146+
margin-bottom: var(--chakra-space-2);
147147
}
148148
149149
.emotion-9 {
150-
margin-right: var(--space-3);
150+
margin-right: var(--chakra-space-3);
151151
}
152152
153153
.emotion-10 {
154-
font-family: var(--fonts-body);
154+
font-family: var(--chakra-fonts-body);
155155
display: -webkit-box;
156156
display: -webkit-flex;
157157
display: -ms-flexbox;
@@ -162,18 +162,18 @@ exports[`should render correct variant styles 1`] = `
162162
align-items: center;
163163
position: relative;
164164
overflow: hidden;
165-
padding-left: var(--space-3);
166-
padding-right: var(--space-4);
167-
padding-top: var(--space-3);
168-
padding-bottom: var(--space-3);
169-
background: var(--colors-green-100);
170-
border-left: var(--borders-4px);
171-
border-color: var(--colors-green-500);
172-
margin-bottom: var(--space-2);
165+
padding-left: var(--chakra-space-3);
166+
padding-right: var(--chakra-space-4);
167+
padding-top: var(--chakra-space-3);
168+
padding-bottom: var(--chakra-space-3);
169+
background: var(--chakra-colors-green-100);
170+
border-left: var(--chakra-borders-4px);
171+
border-color: var(--chakra-colors-green-500);
172+
margin-bottom: var(--chakra-space-2);
173173
}
174174
175175
.emotion-14 {
176-
font-family: var(--fonts-body);
176+
font-family: var(--chakra-fonts-body);
177177
display: -webkit-box;
178178
display: -webkit-flex;
179179
display: -ms-flexbox;
@@ -184,13 +184,13 @@ exports[`should render correct variant styles 1`] = `
184184
align-items: center;
185185
position: relative;
186186
overflow: hidden;
187-
padding-left: var(--space-4);
188-
padding-right: var(--space-4);
189-
padding-top: var(--space-2);
190-
padding-bottom: var(--space-3);
191-
background: var(--colors-green-100);
192-
border-top: var(--borders-4px);
193-
border-color: var(--colors-green-500);
187+
padding-left: var(--chakra-space-4);
188+
padding-right: var(--chakra-space-4);
189+
padding-top: var(--chakra-space-2);
190+
padding-bottom: var(--chakra-space-3);
191+
background: var(--chakra-colors-green-100);
192+
border-top: var(--chakra-borders-4px);
193+
border-color: var(--chakra-colors-green-500);
194194
}
195195
196196
<div
@@ -292,7 +292,7 @@ exports[`should render correct variant styles 1`] = `
292292
exports[`should render correctly 1`] = `
293293
<DocumentFragment>
294294
.emotion-0 {
295-
font-family: var(--fonts-body);
295+
font-family: var(--chakra-fonts-body);
296296
display: -webkit-box;
297297
display: -webkit-flex;
298298
display: -ms-flexbox;
@@ -303,11 +303,11 @@ exports[`should render correctly 1`] = `
303303
align-items: center;
304304
position: relative;
305305
overflow: hidden;
306-
padding-left: var(--space-4);
307-
padding-right: var(--space-4);
308-
padding-top: var(--space-3);
309-
padding-bottom: var(--space-3);
310-
background: var(--colors-blue-100);
306+
padding-left: var(--chakra-space-4);
307+
padding-right: var(--chakra-space-4);
308+
padding-top: var(--chakra-space-3);
309+
padding-bottom: var(--chakra-space-3);
310+
background: var(--chakra-colors-blue-100);
311311
}
312312
313313
.emotion-1 {
@@ -323,20 +323,20 @@ exports[`should render correctly 1`] = `
323323
}
324324
325325
.emotion-2 {
326-
width: var(--sizes-5);
327-
height: var(--sizes-5);
326+
width: var(--chakra-sizes-5);
327+
height: var(--chakra-sizes-5);
328328
display: inline-block;
329329
vertical-align: middle;
330330
}
331331
332332
.emotion-3 {
333-
margin-right: var(--space-3);
334-
color: var(--colors-blue-500);
333+
margin-right: var(--chakra-space-3);
334+
color: var(--chakra-colors-blue-500);
335335
}
336336
337337
.emotion-4 {
338-
font-weight: var(--fontWeights-bold);
339-
line-height: var(--lineHeights-normal);
338+
font-weight: var(--chakra-fontWeights-bold);
339+
line-height: var(--chakra-lineHeights-normal);
340340
}
341341
342342
<div

0 commit comments

Comments
 (0)