Oppdater styled-components fra 5.1.1 til 6.1.11

navikt · Jun 21, 2024 · 6b534c9 · 6b534c9
1 parent ccb69e5
commit 6b534c9
Show file tree

Hide file tree

Showing 38 changed files with 354 additions and 1,468 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -110,7 +110,7 @@
         "react-router-dom": "^5.2.0",
         "redux": "^4.0.5",
         "redux-thunk": "^2.3.0",
-        "styled-components": "^5.1.1",
+        "styled-components": "^6.1.11",
         "vite": "^5.2.10",
         "vite-plugin-svgr": "^4.2.0"
     },

diff --git a/src/app/brukerprofil/__snapshots__/BrukeprofilSide.test.tsx.snap b/src/app/brukerprofil/__snapshots__/BrukeprofilSide.test.tsx.snap
@@ -2,28 +2,14 @@
 
 exports[`Smoketeste brukerprofil 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-  -ms-flex-positive: 1;
   flex-grow: 1;
 }
 
-.c0 > *:first-child {
+.c0 >*:first-child {
   margin-bottom: 1rem;
 }
 

diff --git a/src/app/personside/dialogpanel/__snapshots__/DialogPanel.test.tsx.snap b/src/app/personside/dialogpanel/__snapshots__/DialogPanel.test.tsx.snap
@@ -2,28 +2,20 @@
 
 exports[`viser dialogpanel 1`] = `
 .c13 label {
-  position: absolute !important;
+  position: absolute!important;
   height: 1px;
   width: 1px;
   overflow: hidden;
-  -webkit-clip: rect(1px 1px 1px 1px);
   clip: rect(1px 1px 1px 1px);
-  -webkit-clip: rect(1px,1px,1px,1px);
-  clip: rect(1px,1px,1px,1px);
+  clip: rect(1px, 1px, 1px, 1px);
 }
 
 .c15 {
-  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;
 }
 
-.c15 > *:not(:last-child) {
+.c15 >*:not(:last-child) {
   margin-right: 1rem;
 }
 
@@ -36,8 +28,6 @@ exports[`viser dialogpanel 1`] = `
   background-color: #0067c5;
   border: none;
   z-index: 10;
-  -webkit-transform: none;
-  -ms-transform: none;
   transform: none;
 }
 
@@ -46,8 +36,6 @@ exports[`viser dialogpanel 1`] = `
 }
 
 .c7:hover {
-  -webkit-transform: none;
-  -ms-transform: none;
   transform: none;
 }
 
@@ -85,14 +73,12 @@ exports[`viser dialogpanel 1`] = `
 }
 
 .c6 label {
-  position: absolute !important;
+  position: absolute!important;
   height: 1px;
   width: 1px;
   overflow: hidden;
-  -webkit-clip: rect(1px 1px 1px 1px);
   clip: rect(1px 1px 1px 1px);
-  -webkit-clip: rect(1px,1px,1px,1px);
-  clip: rect(1px,1px,1px,1px);
+  clip: rect(1px, 1px, 1px, 1px);
 }
 
 .c9 textarea,
@@ -105,57 +91,39 @@ exports[`viser dialogpanel 1`] = `
 }
 
 .c16 label {
-  position: absolute !important;
+  position: absolute!important;
   height: 1px;
   width: 1px;
   overflow: hidden;
-  -webkit-clip: rect(1px 1px 1px 1px);
   clip: rect(1px 1px 1px 1px);
-  -webkit-clip: rect(1px,1px,1px,1px);
-  clip: rect(1px,1px,1px,1px);
+  clip: rect(1px, 1px, 1px, 1px);
 }
 
 .c5 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
   align-items: stretch;
 }
 
 .c5 .skjemaelement {
   margin-bottom: 0;
 }
 
-.c5 > * {
+.c5 >* {
   margin-bottom: 1rem;
 }
 
 .c12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 
-.c12 > * {
+.c12 >* {
   margin-top: 0.3rem;
 }
 
-.c12 > *:not(:last-child) {
+.c12 >*:not(:last-child) {
   margin-right: 1rem;
 }
 
@@ -174,16 +142,11 @@ exports[`viser dialogpanel 1`] = `
 }
 
 .c18 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
 }
 
-.c18 > * {
+.c18 >* {
   margin-bottom: 0.7rem;
 }
 
@@ -196,13 +159,10 @@ exports[`viser dialogpanel 1`] = `
 }
 
 .c4 {
-  margin-bottom: 1rem !important;
+  margin-bottom: 1rem!important;
 }
 
 .c0 {
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-  -ms-flex-positive: 1;
   flex-grow: 1;
   word-break: break-word;
 }

diff --git a/src/app/personside/dialogpanel/fortsettDialog/__snapshots__/FortsettDialog.test.tsx.snap b/src/app/personside/dialogpanel/fortsettDialog/__snapshots__/FortsettDialog.test.tsx.snap
@@ -2,51 +2,23 @@
 
 exports[`viser fortsett dialog 1`] = `
 .c0 {
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-  -ms-flex-positive: 1;
   flex-grow: 1;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-animation: edHiKw 0.3s ease-out;
   animation: edHiKw 0.3s ease-out;
 }
 
-.c0 > * {
-  -webkit-flex: 0 1 25rem;
-  -ms-flex: 0 1 25rem;
+.c0 >* {
   flex: 0 1 25rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
 }
 
 .c1 {
   overflow: hidden;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-animation: edHiKw 0.3s ease-out;
   animation: edHiKw 0.3s ease-out;
 }
 

diff --git a/...logpanel/fortsettDialog/tidligereMeldinger/__snapshots__/TidligereMeldinger.test.tsx.snap b/...logpanel/fortsettDialog/tidligereMeldinger/__snapshots__/TidligereMeldinger.test.tsx.snap
@@ -15,7 +15,7 @@ exports[`viser fortsett dialog 1`] = `
 }
 
 .c3 .ekspanderbartPanel__hode:hover {
-  box-shadow: inset 0 0 0 0.1rem #0067c5, 0 0.1rem 0.1rem rgba(0,0,0,0.2);
+  box-shadow: inset 0 0 0 0.1rem #0067c5,0 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
 }
 
 .c3 .ekspanderbartPanel__hode:focus {
@@ -31,7 +31,7 @@ exports[`viser fortsett dialog 1`] = `
   padding: 0rem;
 }
 
-.c0 > *:not(:last-child) {
+.c0 >*:not(:last-child) {
   margin-bottom: 0.5rem;
 }
 
@@ -44,11 +44,11 @@ exports[`viser fortsett dialog 1`] = `
   margin-top: 0.1rem;
 }
 
-.c1 > li:not(:last-child) {
+.c1 >li:not(:last-child) {
   margin-bottom: 0.1rem;
 }
 
-.c1 > li:not(:only-child) {
+.c1 >li:not(:only-child) {
   border-top: solid 0.0625rem #b7b1a9;
 }