Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(sc-version-bump): uptick styled components to v5 #848

Closed
wants to merge 1 commit into from
Closed
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
265 changes: 114 additions & 151 deletions package-lock.json

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
@@ -53,7 +53,7 @@
"hoist-non-react-statics": "^3.3.2",
"husky": "^4.2.5",
"jest": "^26.0.1",
"jest-styled-components": "^6.3.4",
"jest-styled-components": "^7.0.2",
"lerna": "^3.22.0",
"lint-staged": "^10.2.7",
"npm-run-all": "^4.1.5",
@@ -63,7 +63,7 @@
"react-dom": "^16.13.1",
"react-draggable-playground": "^1.0.0",
"storybook-dark-mode": "^0.2.0",
"styled-components": "^4.4.1",
"styled-components": "^5.1.1",
"typescript": "^3.9.3"
},
"lint-staged": {
Original file line number Diff line number Diff line change
@@ -11,6 +11,6 @@ exports[`Absolute renders with top, left and zIndex props 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;
14 changes: 7 additions & 7 deletions packages/core/src/Avatar/__snapshots__/Avatar.spec.js.snap
Original file line number Diff line number Diff line change
@@ -43,10 +43,10 @@ exports[`Avatar renders default 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
>
<div
className="c1"
className="sc-AxirZ c1"
color="primary"
>
<svg
@@ -104,10 +104,10 @@ exports[`Avatar renders initials 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
>
<div
className="c1"
className="sc-AxirZ c1"
color="primary"
>
<div
@@ -190,15 +190,15 @@ exports[`Avatar renders mr elon 1`] = `
class="c0"
>
<div
class="c1"
class="sc-AxirZ c1"
>
<div
class="c2"
class="sc-AxirZ c2"
color="primary"
src="https://pbs.twimg.com/media/DwSta0wUcAAQQR9.jpg"
/>
<div
class="c3"
class="sc-AxirZ c3"
>
<h5
class="c4"
Original file line number Diff line number Diff line change
@@ -9,7 +9,7 @@ exports[`BlockLink renders 1`] = `
}
<a
className="c0"
className="sc-qPXtF c0"
>
raw text
</a>
Original file line number Diff line number Diff line change
@@ -51,10 +51,10 @@ exports[`Breadcrumbs renders basic 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
>
<div
className="c1"
className="sc-AxirZ c1"
>
<a
className="c2"
@@ -72,7 +72,7 @@ exports[`Breadcrumbs renders basic 1`] = `
</div>
</div>
<div
className="c1"
className="sc-AxirZ c1"
>
<a
className="c2"
@@ -90,7 +90,7 @@ exports[`Breadcrumbs renders basic 1`] = `
</div>
</div>
<div
className="c1"
className="sc-AxirZ c1"
>
<a
className="c4"
@@ -185,10 +185,10 @@ exports[`Breadcrumbs renders with icons 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
>
<div
className="c1"
className="sc-AxirZ c1"
>
<svg
aria-hidden={true}
@@ -222,7 +222,7 @@ exports[`Breadcrumbs renders with icons 1`] = `
</div>
</div>
<div
className="c1"
className="sc-AxirZ c1"
>
<svg
aria-hidden={true}
@@ -256,7 +256,7 @@ exports[`Breadcrumbs renders with icons 1`] = `
</div>
</div>
<div
className="c1"
className="sc-AxirZ c1"
>
<svg
aria-hidden={true}
14 changes: 7 additions & 7 deletions packages/core/src/Card/__snapshots__/Card.spec.js.snap
Original file line number Diff line number Diff line change
@@ -7,7 +7,7 @@ exports[`Card renders border 0 without warning 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;

@@ -20,7 +20,7 @@ exports[`Card renders large box shadow with default border 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;

@@ -33,7 +33,7 @@ exports[`Card renders medium box shadow with default border 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;

@@ -46,7 +46,7 @@ exports[`Card renders medium box shadow with specified borderRadius 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;

@@ -59,7 +59,7 @@ exports[`Card renders medium box shadow with specified borderWidth 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;

@@ -72,7 +72,7 @@ exports[`Card renders small box shadow with default border 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;

@@ -85,6 +85,6 @@ exports[`Card renders xlarge box shadow with default border 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;
Original file line number Diff line number Diff line change
@@ -82,7 +82,7 @@ exports[`Checkbox renders disabled with defaultChecked 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
color="primary"
disabled={true}
>
@@ -215,7 +215,7 @@ exports[`Checkbox renders disabled with disabled prop 1`] = `
}
<div
class="c0"
class="sc-AxirZ c0"
color="primary"
disabled=""
>
@@ -348,7 +348,7 @@ exports[`Checkbox renders without the theme passed specifically 1`] = `
}
<div
class="c0"
class="sc-AxirZ c0"
color="primary"
>
<input
Original file line number Diff line number Diff line change
@@ -52,7 +52,7 @@ exports[`CloseButton renders without props 1`] = `
}
<button
className="c0"
className="sc-pdjNk c0"
size={24}
title="close"
>
40 changes: 20 additions & 20 deletions packages/core/src/Flag/__snapshots__/Flag.spec.js.snap
Original file line number Diff line number Diff line change
@@ -79,23 +79,23 @@ exports[`Flag renders 1`] = `
}
<div
className="c0"
className="sc-AxirZ sc-AxhCb c0"
>
<div
className="c1"
className="sc-AxirZ sc-qbDCV c1"
>
<div
className="c2"
className="sc-AxirZ c2"
color="green"
width="4px"
/>
</div>
<div
className="c3"
className="sc-AxirZ c3"
color="white"
/>
<div
className="c4"
className="sc-AxirZ c4"
color="green"
width="18px"
/>
@@ -185,24 +185,24 @@ exports[`Flag renders with hex value as bg color 1`] = `
}
<div
className="c0"
className="sc-AxirZ sc-AxhCb c0"
width={256}
>
<div
className="c1"
className="sc-AxirZ sc-qbDCV c1"
>
<div
className="c2"
className="sc-AxirZ c2"
color="#085397"
width="4px"
/>
</div>
<div
className="c3"
className="sc-AxirZ c3"
color="white"
/>
<div
className="c4"
className="sc-AxirZ c4"
color="#085397"
width="18px"
/>
@@ -292,24 +292,24 @@ exports[`Flag renders with theme color as bg color 1`] = `
}
<div
className="c0"
className="sc-AxirZ sc-AxhCb c0"
width={256}
>
<div
className="c1"
className="sc-AxirZ sc-qbDCV c1"
>
<div
className="c2"
className="sc-AxirZ c2"
color="purple"
width="4px"
/>
</div>
<div
className="c3"
className="sc-AxirZ c3"
color="white"
/>
<div
className="c4"
className="sc-AxirZ c4"
color="purple"
width="18px"
/>
@@ -399,24 +399,24 @@ exports[`Flag renders with width prop 1`] = `
}
<div
className="c0"
className="sc-AxirZ sc-AxhCb c0"
width={256}
>
<div
className="c1"
className="sc-AxirZ sc-qbDCV c1"
>
<div
className="c2"
className="sc-AxirZ c2"
color="green"
width="4px"
/>
</div>
<div
className="c3"
className="sc-AxirZ c3"
color="white"
/>
<div
className="c4"
className="sc-AxirZ c4"
color="green"
width="18px"
/>
8 changes: 4 additions & 4 deletions packages/core/src/Flex/__snapshots__/Flex.spec.js.snap
Original file line number Diff line number Diff line change
@@ -13,7 +13,7 @@ exports[`Flex alignItems prop 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;

@@ -29,7 +29,7 @@ exports[`Flex flexWrap prop 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;

@@ -46,7 +46,7 @@ exports[`Flex justifyContent prop 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;

@@ -59,6 +59,6 @@ exports[`Flex renders 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;
18 changes: 9 additions & 9 deletions packages/core/src/FormField/__snapshots__/FormField.spec.js.snap
Original file line number Diff line number Diff line change
@@ -100,7 +100,7 @@ exports[`FormField renders 1`] = `
Email Address
</label>
<div
className="c1"
className="sc-AxirZ c1"
>
<input
className="c2"
@@ -242,7 +242,7 @@ exports[`FormField renders with Icon 1`] = `
Email Address
</label>
<div
className="c1"
className="sc-AxirZ c1"
>
<svg
aria-hidden={true}
@@ -414,7 +414,7 @@ exports[`FormField renders with Label autoHide prop 1`] = `
Email
</label>
<div
className="c1"
className="sc-AxirZ c1"
>
<svg
aria-hidden={true}
@@ -544,10 +544,10 @@ exports[`FormField renders with Select 1`] = `
<div>
<div
className="c0"
className="sc-AxirZ c0"
>
<div
className="c1"
className="sc-AxirZ c1"
width={1}
>
<select
@@ -572,7 +572,7 @@ exports[`FormField renders with Select 1`] = `
/>
<svg
aria-hidden={true}
className="c3 c4"
className="c3 sc-fzoxKX c4"
color="text.light"
fill="currentcolor"
focusable={false}
@@ -679,7 +679,7 @@ exports[`FormField renders with Select and Icon 1`] = `
<div>
<div
className="c0"
className="sc-AxirZ c0"
>
<svg
aria-hidden={true}
@@ -711,7 +711,7 @@ exports[`FormField renders with Select and Icon 1`] = `
/>
</svg>
<div
className="c4"
className="sc-AxirZ c4"
width={1}
>
<select
@@ -736,7 +736,7 @@ exports[`FormField renders with Select and Icon 1`] = `
/>
<svg
aria-hidden={true}
className="c6 c7"
className="c6 sc-fzoxKX c7"
color="text.light"
fill="currentcolor"
focusable={false}
16 changes: 8 additions & 8 deletions packages/core/src/Hide/__snapshots__/Hide.spec.js.snap
Original file line number Diff line number Diff line change
@@ -2,7 +2,7 @@

exports[`Hide renders 1`] = `
<div
className=""
className="sc-AxirZ "
/>
`;

@@ -14,7 +14,7 @@ exports[`Hide renders with lg prop 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;

@@ -26,7 +26,7 @@ exports[`Hide renders with md prop 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;

@@ -38,7 +38,7 @@ exports[`Hide renders with print prop 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;

@@ -50,7 +50,7 @@ exports[`Hide renders with sm prop 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;

@@ -62,7 +62,7 @@ exports[`Hide renders with xl prop 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;

@@ -74,7 +74,7 @@ exports[`Hide renders with xs prop 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;

@@ -86,6 +86,6 @@ exports[`Hide renders with xxl prop 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;
6 changes: 3 additions & 3 deletions packages/core/src/Hug/__snapshots__/Hug.spec.js.snap
Original file line number Diff line number Diff line change
@@ -40,10 +40,10 @@ exports[`Hug renders with border-radius from theme on top only 1`] = `
}
<div
className="c0"
className="sc-AxirZ sc-pCPXO c0"
>
<div
className="c1"
className="sc-AxirZ c1"
color="text.lightest"
>
<div
@@ -52,7 +52,7 @@ exports[`Hug renders with border-radius from theme on top only 1`] = `
/>
</div>
<div
className="c3"
className="sc-AxirZ c3"
/>
</div>
`;
Original file line number Diff line number Diff line change
@@ -41,7 +41,7 @@ exports[`IconButton renders without props 1`] = `
}
<button
className="c0"
className="sc-pdjNk c0"
name="Key"
>
<div />
10 changes: 5 additions & 5 deletions packages/core/src/IconField/__snapshots__/IconField.spec.js.snap
Original file line number Diff line number Diff line change
@@ -73,7 +73,7 @@ exports[`IconField renders 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
>
<svg
aria-hidden={true}
@@ -233,7 +233,7 @@ exports[`IconField renders icon button 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
>
<input
className="c1"
@@ -254,7 +254,7 @@ exports[`IconField renders icon button 1`] = `
}
/>
<button
className="c2"
className="sc-pdjNk c2"
style={
Object {
"alignSelf": "center",
@@ -403,7 +403,7 @@ exports[`IconField renders icon, input and icon button together 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
>
<svg
aria-hidden={true}
@@ -449,7 +449,7 @@ exports[`IconField renders icon, input and icon button together 1`] = `
}
/>
<button
className="c4"
className="sc-pdjNk c4"
style={
Object {
"alignSelf": "center",
Original file line number Diff line number Diff line change
@@ -13,17 +13,16 @@ exports[`InputGroup renders 1`] = `
border-radius: 2px;
border-width: 1px;
border-style: solid;
border-color: #c0cad5;
}
.c0 > .c1 {
border-color:#c0cad5 .c0 > .sc-AxirZ {
width: 100%;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.c0 .c2 {
.c0 .sc-qcrrk {
border: 0;
box-shadow: none;
}
6 changes: 3 additions & 3 deletions packages/core/src/Radio/__snapshots__/Radio.spec.js.snap
Original file line number Diff line number Diff line change
@@ -64,7 +64,7 @@ exports[`Radio Disabled, rendering 1`] = `
/>
<svg
aria-hidden={true}
className="c2 c3"
className="c2 sc-qYIQh c3"
fill="currentcolor"
focusable={false}
height={28}
@@ -146,7 +146,7 @@ exports[`Radio Not Selected, rendering 1`] = `
/>
<svg
aria-hidden={true}
className="c2 c3"
className="c2 sc-qYIQh c3"
fill="currentcolor"
focusable={false}
height={28}
@@ -230,7 +230,7 @@ exports[`Radio Selected, rendering 1`] = `
/>
<svg
aria-hidden={true}
className="c2 c3"
className="c2 sc-qQMSE c3"
fill="currentcolor"
focusable={false}
height={28}
Original file line number Diff line number Diff line change
@@ -13,7 +13,7 @@ exports[`RatingBadge renders 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
color="white"
fontWeight="bold"
/>
Original file line number Diff line number Diff line change
@@ -11,6 +11,6 @@ exports[`Relative renders with top, left and zIndex props 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
/>
`;
4 changes: 2 additions & 2 deletions packages/core/src/Select/__snapshots__/Select.spec.js.snap
Original file line number Diff line number Diff line change
@@ -65,7 +65,7 @@ exports[`Select renders 1`] = `
}
<div
className="c0"
className="sc-AxirZ c0"
width={1}
>
<select
@@ -80,7 +80,7 @@ exports[`Select renders 1`] = `
/>
<svg
aria-hidden={true}
className="c2 c3"
className="c2 sc-fzoxKX c3"
color="text.light"
fill="currentcolor"
focusable={false}
10 changes: 5 additions & 5 deletions packages/core/src/Step/__snapshots__/Step.spec.js.snap
Original file line number Diff line number Diff line change
@@ -58,7 +58,7 @@ exports[`Step should handle onClick 1`] = `
class="c0"
>
<button
class="c1"
class="sc-pdjNk c1"
data-testid="Step"
>
<div
@@ -144,7 +144,7 @@ exports[`Step should render a completed step correctly 1`] = `
class="c0"
>
<button
class="c1"
class="sc-pdjNk c1"
data-testid="Step"
>
<svg
@@ -248,7 +248,7 @@ exports[`Step should render a step that is "active" and "completed" correctly 1`
class="c0"
>
<button
class="c1"
class="sc-pdjNk c1"
data-testid="Step"
>
<svg
@@ -339,7 +339,7 @@ exports[`Step should render an active step correctly 1`] = `
class="c0"
>
<button
class="c1"
class="sc-pdjNk c1"
data-testid="Step"
>
<div
@@ -412,7 +412,7 @@ exports[`Step should render correctly with no props without throwing 1`] = `
class="c0"
>
<button
class="c1"
class="sc-pdjNk c1"
>
<div
aria-selected="false"
10 changes: 5 additions & 5 deletions packages/core/src/Stepper/__snapshots__/Stepper.spec.js.snap
Original file line number Diff line number Diff line change
@@ -78,10 +78,10 @@ exports[`Stepper renders with children 1`] = `
}
<div
className="c0"
className="sc-AxirZ sc-AxhCb c0"
>
<button
className="c1"
className="sc-pdjNk c1"
>
<svg
aria-hidden={false}
@@ -110,7 +110,7 @@ exports[`Stepper renders with children 1`] = `
</div>
</button>
<button
className="c1"
className="sc-pdjNk c1"
>
<div
aria-selected={true}
@@ -122,7 +122,7 @@ exports[`Stepper renders with children 1`] = `
</div>
</button>
<button
className="c1"
className="sc-pdjNk c1"
>
<div
aria-selected={false}
@@ -149,6 +149,6 @@ exports[`Stepper renders without crashing 1`] = `
}
<div
className="c0"
className="sc-AxirZ sc-AxhCb c0"
/>
`;
14 changes: 7 additions & 7 deletions packages/core/src/Tooltip/__snapshots__/Tooltip.spec.js.snap
Original file line number Diff line number Diff line change
@@ -58,7 +58,7 @@ exports[`Tooltip bottom center 1`] = `
}
>
<div
className="c0"
className="sc-AxirZ c0"
color="background.lightest"
>
centered tooltip
@@ -119,7 +119,7 @@ exports[`Tooltip bottom left 1`] = `
}
>
<div
className="c0"
className="sc-AxirZ c0"
color="background.lightest"
>
left tooltip
@@ -181,7 +181,7 @@ exports[`Tooltip bottom right 1`] = `
}
>
<div
className="c0"
className="sc-AxirZ c0"
color="background.lightest"
>
right tooltip
@@ -242,7 +242,7 @@ exports[`Tooltip renders 1`] = `
}
>
<div
className="c0"
className="sc-AxirZ c0"
color="background.lightest"
>
A Tooltip
@@ -308,7 +308,7 @@ exports[`Tooltip top center 1`] = `
}
>
<div
className="c0"
className="sc-AxirZ c0"
color="white"
>
centered tooltip
@@ -369,7 +369,7 @@ exports[`Tooltip top left 1`] = `
}
>
<div
className="c0"
className="sc-AxirZ c0"
color="white"
>
left tooltip
@@ -431,7 +431,7 @@ exports[`Tooltip top right 1`] = `
}
>
<div
className="c0"
className="sc-AxirZ c0"
color="white"
>
right tooltip
Original file line number Diff line number Diff line change
@@ -8,7 +8,7 @@ exports[`Truncate generates styles 1`] = `
}
<div
className="c0"
className="sc-AxhUy c0"
>
generates styles
</div>
@@ -22,7 +22,7 @@ exports[`Truncate renders 1`] = `
}
<div
className="c0"
className="sc-AxhUy c0"
>
renders
</div>