Skip to content

Commit

Permalink
Update snapshot for new styled-sytem
Browse files Browse the repository at this point in the history
  • Loading branch information
@simpletrontdip
simpletrontdip committed Jul 16, 2021
1 parent fd14ca1 commit 815647f
Show file tree
Hide file tree
Showing 40 changed files with 1,409 additions and 1,173 deletions.
40 changes: 22 additions & 18 deletions packages/chakra-ui-core/src/CAccordion/tests/__snapshots__/CAccordion.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,29 +20,31 @@ exports[`should render correctly 1`] = `
-ms-flex-align: center;
align-items: center;
width: 100%;
outline: 0;
outline: 2px solid transparent;
outline-offset: 2px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
-webkit-padding-start: var(--space-4);
padding-inline-start: var(--space-4);
-webkit-padding-end: var(--space-4);
padding-inline-end: var(--space-4);
padding-top: var(--space-2);
padding-bottom: var(--space-2);
}
.emotion-3:focus {
box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.6);
.emotion-3:focus,
.emotion-3[data-focus] {
box-shadow: var(--shadows-outline);
}
.emotion-3:hover {
background-color: rgba(0, 0, 0, 0.04);
.emotion-3:hover,
.emotion-3[data-hover] {
background: var(--colors-blackAlpha-50);
}
.emotion-3:disabled,
.emotion-3:disabled:focus,
.emotion-3:disabled:hover,
.emotion-3[disabled],
.emotion-3[aria-disabled=true],
.emotion-3[aria-disabled=true]:focus,
.emotion-3[aria-disabled=true]:hover {
.emotion-3[data-disabled] {
opacity: 0.4;
cursor: not-allowed;
}
Expand Down Expand Up @@ -78,10 +80,12 @@ exports[`should render correctly 1`] = `
}
.emotion-8 {
padding-top: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1.25rem;
padding-top: var(--space-2);
-webkit-padding-start: var(--space-4);
padding-inline-start: var(--space-4);
-webkit-padding-end: var(--space-4);
padding-inline-end: var(--space-4);
padding-bottom: var(--space-5);
}
<div
Expand Down
118 changes: 59 additions & 59 deletions packages/chakra-ui-core/src/CAlert/tests/__snapshots__/CAlert.test.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
exports[`should override icon if set explicitly 1`] = `
<DocumentFragment>
.emotion-0 {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-family: var(--fonts-body);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand All @@ -14,11 +14,11 @@ exports[`should override icon if set explicitly 1`] = `
align-items: center;
position: relative;
overflow: hidden;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
background-color: #f9bcc2;
padding-left: var(--space-4);
padding-right: var(--space-4);
padding-top: var(--space-3);
padding-bottom: var(--space-3);
background: var(--colors-red-100);
}
.emotion-1 {
Expand All @@ -34,15 +34,15 @@ exports[`should override icon if set explicitly 1`] = `
}
.emotion-2 {
width: 1.25rem;
height: 1.25rem;
width: var(--sizes-5);
height: var(--sizes-5);
display: inline-block;
vertical-align: middle;
}
.emotion-3 {
margin-right: 0.75rem;
color: #c42231;
margin-right: var(--space-3);
color: var(--colors-red-500);
}
<div
Expand Down Expand Up @@ -82,7 +82,7 @@ exports[`should render correct variant styles 1`] = `
}
.emotion-2 {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-family: var(--fonts-body);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand All @@ -93,12 +93,12 @@ exports[`should render correct variant styles 1`] = `
align-items: center;
position: relative;
overflow: hidden;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
background-color: #c2ebd4;
margin-bottom: 0.5rem;
padding-left: var(--space-4);
padding-right: var(--space-4);
padding-top: var(--space-3);
padding-bottom: var(--space-3);
background: var(--colors-green-100);
margin-bottom: var(--space-2);
}
.emotion-3 {
Expand All @@ -114,19 +114,19 @@ exports[`should render correct variant styles 1`] = `
}
.emotion-4 {
width: 1.25rem;
height: 1.25rem;
width: var(--sizes-5);
height: var(--sizes-5);
display: inline-block;
vertical-align: middle;
}
.emotion-5 {
margin-right: 0.75rem;
color: #3ea76a;
margin-right: var(--space-3);
color: var(--colors-green-500);
}
.emotion-6 {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-family: var(--fonts-body);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand All @@ -137,21 +137,21 @@ exports[`should render correct variant styles 1`] = `
align-items: center;
position: relative;
overflow: hidden;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
background-color: #3ea76a;
color: #fff;
margin-bottom: 0.5rem;
padding-left: var(--space-4);
padding-right: var(--space-4);
padding-top: var(--space-3);
padding-bottom: var(--space-3);
background: var(--colors-green-500);
color: var(--colors-white);
margin-bottom: var(--space-2);
}
.emotion-9 {
margin-right: 0.75rem;
margin-right: var(--space-3);
}
.emotion-10 {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-family: var(--fonts-body);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand All @@ -162,18 +162,18 @@ exports[`should render correct variant styles 1`] = `
align-items: center;
position: relative;
overflow: hidden;
padding-left: 0.75rem;
padding-right: 1rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
background-color: #c2ebd4;
border-left: 4px solid;
border-color: #3ea76a;
margin-bottom: 0.5rem;
padding-left: var(--space-3);
padding-right: var(--space-4);
padding-top: var(--space-3);
padding-bottom: var(--space-3);
background: var(--colors-green-100);
border-left: var(--borders-4px);
border-color: var(--colors-green-500);
margin-bottom: var(--space-2);
}
.emotion-14 {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-family: var(--fonts-body);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand All @@ -184,13 +184,13 @@ exports[`should render correct variant styles 1`] = `
align-items: center;
position: relative;
overflow: hidden;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.75rem;
background-color: #c2ebd4;
border-top: 4px solid;
border-color: #3ea76a;
padding-left: var(--space-4);
padding-right: var(--space-4);
padding-top: var(--space-2);
padding-bottom: var(--space-3);
background: var(--colors-green-100);
border-top: var(--borders-4px);
border-color: var(--colors-green-500);
}
<div
Expand Down Expand Up @@ -292,7 +292,7 @@ exports[`should render correct variant styles 1`] = `
exports[`should render correctly 1`] = `
<DocumentFragment>
.emotion-0 {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-family: var(--fonts-body);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand All @@ -303,11 +303,11 @@ exports[`should render correctly 1`] = `
align-items: center;
position: relative;
overflow: hidden;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
background-color: #afd0ff;
padding-left: var(--space-4);
padding-right: var(--space-4);
padding-top: var(--space-3);
padding-bottom: var(--space-3);
background: var(--colors-blue-100);
}
.emotion-1 {
Expand All @@ -323,20 +323,20 @@ exports[`should render correctly 1`] = `
}
.emotion-2 {
width: 1.25rem;
height: 1.25rem;
width: var(--sizes-5);
height: var(--sizes-5);
display: inline-block;
vertical-align: middle;
}
.emotion-3 {
margin-right: 0.75rem;
color: #0058e6;
margin-right: var(--space-3);
color: var(--colors-blue-500);
}
.emotion-4 {
font-weight: 700;
line-height: normal;
font-weight: var(--fontWeights-bold);
line-height: var(--lineHeights-normal);
}
<div
Expand Down
Loading

0 comments on commit 815647f

Please sign in to comment.