Skip to content

Commit

Permalink
Bump @emotion/react from 11.4.1 to 11.7.1 (#1282)
Browse files Browse the repository at this point in the history 
* Bump @emotion/react from 11.4.1 to 11.7.0

Bumps [@emotion/react](https://github.com/emotion-js/emotion) from 11.4.1 to 11.7.0.
- [Release notes](https://github.com/emotion-js/emotion/releases)
- [Changelog](https://github.com/emotion-js/emotion/blob/main/CHANGELOG.md)
- [Commits](https://github.com/emotion-js/emotion/compare/@emotion/react@11.4.1...@emotion/react@11.7.0)

---
updated-dependencies:
- dependency-name: "@emotion/react"
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

* Bump other emotion packages

* Unskip snapshots with regressions

* Bump @emotion/react peerDependency

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Michael Altamirano <michaeljaltamirano@gmail.com>
  • Loading branch information
@dependabot @michaeljaltamirano
dependabot[bot] and michaeljaltamirano committed Dec 27, 2021
1 parent 1b89947 commit 42564ef
Show file tree
Hide file tree
Showing 11 changed files with 989 additions and 56 deletions.
12 changes: 6 additions & 6 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -91,8 +91,8 @@
"@babel/preset-typescript": "^7.16.5",
"@babel/register": "^7.16.5",
"@emotion/babel-preset-css-prop": "^11.2.0",
"@emotion/eslint-plugin": "^11.2.0",
"@emotion/jest": "^11.3.0",
"@emotion/eslint-plugin": "^11.7.0",
"@emotion/jest": "^11.7.1",
"@rollup/plugin-babel": "^5.2.1",
"@rollup/plugin-typescript": "^8.2.1",
"@storybook/addon-a11y": "^6.4.9",
Expand Down Expand Up @@ -162,8 +162,8 @@
},
"dependencies": {
"@babel/runtime": "^7.16.5",
"@emotion/react": "11.4.1",
"@emotion/styled": "11.3.0",
"@emotion/react": "^11.7.1",
"@emotion/styled": "11.6.0",
"@react-aria/focus": "^3.0.2",
"focus-visible": "^5.1.0",
"lodash.round": "^4.0.4",
Expand All @@ -178,8 +178,8 @@
"tinycolor2": "^1.4.1"
},
"peerDependencies": {
"@emotion/react": "11.4.1",
"@emotion/styled": "11.3.0",
"@emotion/react": "11.7.1",
"@emotion/styled": "11.6.0",
"react": "^16.14.0",
"react-dom": "^16.14.0"
},
Expand Down
361 changes: 361 additions & 0 deletions src/shared-components/accordion/__snapshots__/test.tsx.snap
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,361 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<Accordion /> UI snapshots renders disabled accordion 1`] = `
.emotion-0 {
border: 1px solid #EDEDF0;
width: 100%;
opacity: 0.4;
background-color: #EDEDF0;
border-color: #C3C0CD;
}
.emotion-0:not(:last-child) {
border-bottom: none;
}
.emotion-1:last-of-type .css-sk7hsm-TitleWrapper:focus {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.emotion-1:last-of-type .emotion-2:focus {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.emotion-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
cursor: not-allowed;
}
.emotion-2:focus {
outline: none;
box-shadow: inset 0px 0px 0px 2px #332E54;
}
.emotion-4 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}
.emotion-6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 1rem;
}
.emotion-8 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
color: #332E54;
-webkit-transition: color 350ms,-webkit-transform 350ms;
transition: color 350ms,transform 350ms;
}
.emotion-9 {
max-height: 0px;
overflow: hidden;
-webkit-transition: max-height 350ms ease-in-out;
transition: max-height 350ms ease-in-out;
}
<div
class="emotion-0 emotion-1"
disabled=""
>
<div
aria-disabled="true"
aria-expanded="false"
class="emotion-2 emotion-3"
disabled=""
role="button"
tabindex="-1"
>
<div
class="emotion-4 emotion-5"
>
<div>
title
</div>
</div>
<div
class="emotion-6 emotion-7"
>
<svg
class="emotion-8"
fill="#332E54"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.88 12.88L6 12l3.55-3.56L6 4.88 6.88 4l4.44 4.44-4.44 4.44z"
fill="currentColor"
/>
</svg>
</div>
</div>
<div
aria-disabled="true"
aria-hidden="true"
class="emotion-9 emotion-10"
>
<div>
<div>
expansion
</div>
</div>
</div>
</div>
`;

exports[`<Accordion /> UI snapshots renders no border accordion 1`] = `
.emotion-0 {
width: 100%;
}
.emotion-0:not(:last-child) {
border-bottom: none;
}
.emotion-1:last-of-type .emotion-2:focus {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.emotion-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
cursor: pointer;
}
.emotion-2:focus {
outline: none;
box-shadow: inset 0px 0px 0px 2px #332E54;
}
.emotion-4 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}
.emotion-6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 1rem;
}
.emotion-8 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
color: #332E54;
-webkit-transition: color 350ms,-webkit-transform 350ms;
transition: color 350ms,transform 350ms;
}
.emotion-9 {
max-height: 0px;
overflow: hidden;
-webkit-transition: max-height 350ms ease-in-out;
transition: max-height 350ms ease-in-out;
}
<div
class="emotion-0 emotion-1"
>
<div
aria-disabled="false"
aria-expanded="false"
class="emotion-2 emotion-3"
role="button"
tabindex="0"
>
<div
class="emotion-4 emotion-5"
>
<div>
title
</div>
</div>
<div
class="emotion-6 emotion-7"
>
<svg
class="emotion-8"
fill="#332E54"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.88 12.88L6 12l3.55-3.56L6 4.88 6.88 4l4.44 4.44-4.44 4.44z"
fill="currentColor"
/>
</svg>
</div>
</div>
<div
aria-disabled="false"
aria-hidden="true"
class="emotion-9 emotion-10"
>
<div>
<div>
expansion
</div>
</div>
</div>
</div>
`;

exports[`<Accordion /> UI snapshots renders regular accordion 1`] = `
.emotion-0 {
border: 1px solid #EDEDF0;
width: 100%;
}
.emotion-0:not(:last-child) {
border-bottom: none;
}
.emotion-1:last-of-type .emotion-2:focus {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.emotion-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
cursor: pointer;
}
.emotion-2:focus {
outline: none;
box-shadow: inset 0px 0px 0px 2px #332E54;
}
.emotion-4 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}
.emotion-6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 1rem;
}
.emotion-8 {
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
color: #332E54;
-webkit-transition: color 350ms,-webkit-transform 350ms;
transition: color 350ms,transform 350ms;
}
.emotion-9 {
max-height: 0px;
overflow: hidden;
-webkit-transition: max-height 350ms ease-in-out;
transition: max-height 350ms ease-in-out;
}
<div
class="emotion-0 emotion-1"
>
<div
aria-disabled="false"
aria-expanded="false"
class="emotion-2 emotion-3"
role="button"
tabindex="0"
>
<div
class="emotion-4 emotion-5"
>
<div>
title
</div>
</div>
<div
class="emotion-6 emotion-7"
>
<svg
class="emotion-8"
fill="#332E54"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.88 12.88L6 12l3.55-3.56L6 4.88 6.88 4l4.44 4.44-4.44 4.44z"
fill="currentColor"
/>
</svg>
</div>
</div>
<div
aria-disabled="false"
aria-hidden="true"
class="emotion-9 emotion-10"
>
<div>
<div>
expansion
</div>
</div>
</div>
</div>
`;
Loading

0 comments on commit 42564ef

Please sign in to comment.