From 6b534c9737402ec6f5d9f7a9b1378d7d49dd3d13 Mon Sep 17 00:00:00 2001 From: Ludvig Hozman Date: Fri, 21 Jun 2024 16:15:32 +0200 Subject: [PATCH] Oppdater styled-components fra 5.1.1 til 6.1.11 --- package-lock.json | 195 ++++++------------ package.json | 2 +- .../BrukeprofilSide.test.tsx.snap | 16 +- .../__snapshots__/DialogPanel.test.tsx.snap | 64 ++---- .../FortsettDialog.test.tsx.snap | 30 +-- .../TidligereMeldinger.test.tsx.snap | 8 +- .../__snapshots__/SendNyMelding.test.tsx.snap | 61 ++---- .../__snapshots__/TraadListe.test.tsx.snap | 96 +-------- .../TraadVisningWrapper.test.tsx.snap | 86 +------- .../OpprettOppgaveContainer.test.tsx.snap | 20 +- .../OppfolgingContainer.test.tsx.snap | 38 +--- .../__snapshots__/Oversikt.test.tsx.snap | 168 +++------------ .../SaksoversiktContainer.test.tsx.snap | 148 +++---------- .../TotaltUtbetaltDetaljer.test.tsx.snap | 59 +----- .../SammensattUtbetaling.test.tsx.snap | 46 +---- .../VarselContainer.test.tsx.snap | 63 +++--- .../__snapshots__/ValgtYtelse.test.tsx.snap | 129 +++--------- .../__snapshots__/Ytelser.test.tsx.snap | 121 +++-------- .../ArbeidsforholdListe.test.tsx.snap | 7 +- .../ForeldrePenger.test.tsx.snap | 43 +--- .../ForeldrepengePeriode.test.tsx.snap | 21 +- .../__snapshots__/pleiepenger.test.tsx.snap | 33 +-- .../ArbeidsforholdListe.test.tsx.snap | 7 +- .../__snapshots__/Sykemelding.test.tsx.snap | 17 +- .../Sykepengertilfellet.test.tsx.snap | 11 +- .../UtbetalingerP\303\245Vent.test.tsx.snap" | 10 +- .../KommendeUtbetalinger.test.tsx.snap | 10 +- .../VisittkortBody.test.tsx.snap | 49 +---- ...sittkortBodyFeilendeSystemer.test.tsx.snap | 40 +--- .../__snapshots__/DeltBosted.test.tsx.snap | 14 +- .../__snapshots__/Sivilstand.test.tsx.snap | 14 +- .../Foreldreansvar.test.tsx.snap | 14 +- .../__snapshots__/Fullmakt.test.tsx.snap | 14 +- .../dodsbo/__snapshots__/Dodsbo.test.tsx.snap | 14 +- .../Sikkerhetstiltak.test.tsx.snap | 14 +- .../__snapshots__/Vergemal.test.tsx.snap | 14 +- .../VisittkortHeader.test.tsx.snap | 96 +-------- .../PersonsokKomponent.test.tsx.snap | 30 +-- 38 files changed, 354 insertions(+), 1468 deletions(-) diff --git a/package-lock.json b/package-lock.json index d36ab23b3..5897a296b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -81,7 +81,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" }, @@ -152,11 +152,6 @@ "tslib": "^2.4.1" } }, - "node_modules/@amplitude/analytics-browser/node_modules/tslib": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", - "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==" - }, "node_modules/@amplitude/analytics-client-common": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/@amplitude/analytics-client-common/-/analytics-client-common-2.1.1.tgz", @@ -168,11 +163,6 @@ "tslib": "^2.4.1" } }, - "node_modules/@amplitude/analytics-client-common/node_modules/tslib": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", - "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==" - }, "node_modules/@amplitude/analytics-connector": { "version": "1.5.0", "resolved": "https://registry.npmjs.org/@amplitude/analytics-connector/-/analytics-connector-1.5.0.tgz", @@ -187,11 +177,6 @@ "tslib": "^2.4.1" } }, - "node_modules/@amplitude/analytics-core/node_modules/tslib": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", - "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==" - }, "node_modules/@amplitude/analytics-types": { "version": "2.5.0", "resolved": "https://registry.npmjs.org/@amplitude/analytics-types/-/analytics-types-2.5.0.tgz", @@ -207,11 +192,6 @@ "tslib": "^2.4.1" } }, - "node_modules/@amplitude/plugin-page-view-tracking-browser/node_modules/tslib": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", - "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==" - }, "node_modules/@amplitude/plugin-web-attribution-browser": { "version": "2.1.4", "resolved": "https://registry.npmjs.org/@amplitude/plugin-web-attribution-browser/-/plugin-web-attribution-browser-2.1.4.tgz", @@ -223,11 +203,6 @@ "tslib": "^2.4.1" } }, - "node_modules/@amplitude/plugin-web-attribution-browser/node_modules/tslib": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", - "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==" - }, "node_modules/@ampproject/remapping": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz", @@ -316,17 +291,6 @@ "node": ">=6.9.0" } }, - "node_modules/@babel/helper-annotate-as-pure": { - "version": "7.16.7", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz", - "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==", - "dependencies": { - "@babel/types": "^7.16.7" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@babel/helper-compilation-targets": { "version": "7.23.6", "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz", @@ -601,27 +565,22 @@ } }, "node_modules/@emotion/is-prop-valid": { - "version": "0.8.8", - "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", - "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz", + "integrity": "sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==", "dependencies": { - "@emotion/memoize": "0.7.4" + "@emotion/memoize": "^0.8.1" } }, "node_modules/@emotion/memoize": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", - "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" - }, - "node_modules/@emotion/stylis": { - "version": "0.8.5", - "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", - "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" }, "node_modules/@emotion/unitless": { - "version": "0.7.5", - "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", - "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", + "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" }, "node_modules/@esbuild/linux-x64": { "version": "0.20.2", @@ -2155,6 +2114,11 @@ "integrity": "sha512-u1wmTI1jJGzCJzWndZo8mk4wnPTZd1eOIYTYvuEyOQGfmDl3TrabCCfKnOC86FZwW/9djqTl933UF/cS425i9A==", "dev": true }, + "node_modules/@types/stylis": { + "version": "4.2.5", + "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.5.tgz", + "integrity": "sha512-1Xve+NMN7FWjY14vLoY5tL3BVEQ/n42YLwaqJIPYhotZ9uBHt87VceMwWQpzmdEt2TNXIorIFG+YeCUUW7RInw==" + }, "node_modules/@typescript-eslint/eslint-plugin": { "version": "7.11.0", "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.11.0.tgz", @@ -2643,22 +2607,6 @@ "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=", "dev": true }, - "node_modules/babel-plugin-styled-components": { - "version": "1.12.0", - "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-1.12.0.tgz", - "integrity": "sha512-FEiD7l5ZABdJPpLssKXjBUJMYqzbcNzBowfXDCdJhOpbhWiewapUaY+LZGT8R4Jg2TwOjGjG4RKeyrO5p9sBkA==", - "dependencies": { - "@babel/helper-annotate-as-pure": "^7.0.0", - "@babel/helper-module-imports": "^7.0.0", - "babel-plugin-syntax-jsx": "^6.18.0", - "lodash": "^4.17.11" - } - }, - "node_modules/babel-plugin-syntax-jsx": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", - "integrity": "sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY=" - }, "node_modules/balanced-match": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", @@ -2751,9 +2699,12 @@ } }, "node_modules/camelize": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.0.tgz", - "integrity": "sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs=" + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", + "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } }, "node_modules/caniuse-lite": { "version": "1.0.30001588", @@ -3102,15 +3053,15 @@ "node_modules/css-color-keywords": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", - "integrity": "sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU=", + "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", "engines": { "node": ">=4" } }, "node_modules/css-to-react-native": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz", - "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz", + "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", "dependencies": { "camelize": "^1.0.0", "css-color-keywords": "^1.0.0", @@ -3136,9 +3087,9 @@ } }, "node_modules/csstype": { - "version": "3.0.8", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.8.tgz", - "integrity": "sha512-jXKhWqXPmlUeoQnF/EhTtTl4C9SnrxSH/jZUih3jmO6lBKr99rP3/+FmrMj4EFpOXzMtXHAZkd3x0E6h6Fgflw==" + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==" }, "node_modules/data-urls": { "version": "5.0.0", @@ -3288,11 +3239,6 @@ "tslib": "^2.0.3" } }, - "node_modules/dot-case/node_modules/tslib": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" - }, "node_modules/downshift": { "version": "5.4.7", "resolved": "https://registry.npmjs.org/downshift/-/downshift-5.4.7.tgz", @@ -4580,12 +4526,6 @@ "source-map": "~0.6.0" } }, - "node_modules/less/node_modules/tslib": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==", - "devOptional": true - }, "node_modules/levn": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", @@ -4902,7 +4842,8 @@ "node_modules/lodash": { "version": "4.17.21", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true }, "node_modules/lodash.debounce": { "version": "4.0.8", @@ -5034,11 +4975,6 @@ "tslib": "^2.0.3" } }, - "node_modules/lower-case/node_modules/tslib": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" - }, "node_modules/lz-string": { "version": "1.5.0", "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz", @@ -5500,11 +5436,6 @@ "tslib": "^2.0.3" } }, - "node_modules/no-case/node_modules/tslib": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" - }, "node_modules/node-releases": { "version": "2.0.14", "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz", @@ -6274,12 +6205,6 @@ "tslib": "^2.1.0" } }, - "node_modules/rxjs/node_modules/tslib": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==", - "dev": true - }, "node_modules/safer-buffer": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", @@ -6413,11 +6338,6 @@ "tslib": "^2.0.3" } }, - "node_modules/snake-case/node_modules/tslib": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", - "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==" - }, "node_modules/source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", @@ -6560,25 +6480,37 @@ "dev": true }, "node_modules/styled-components": { - "version": "5.2.3", - "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.2.3.tgz", - "integrity": "sha512-BlR+KrLW3NL1yhvEB+9Nu9Dt51CuOnHoxd+Hj+rYPdtyR8X11uIW9rvhpy3Dk4dXXBsiW1u5U78f00Lf/afGoA==", - "dependencies": { - "@babel/helper-module-imports": "^7.0.0", - "@babel/traverse": "^7.4.5", - "@emotion/is-prop-valid": "^0.8.8", - "@emotion/stylis": "^0.8.4", - "@emotion/unitless": "^0.7.4", - "babel-plugin-styled-components": ">= 1.12.0", - "css-to-react-native": "^3.0.0", - "hoist-non-react-statics": "^3.0.0", - "shallowequal": "^1.1.0", - "supports-color": "^5.5.0" + "version": "6.1.11", + "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.1.11.tgz", + "integrity": "sha512-Ui0jXPzbp1phYij90h12ksljKGqF8ncGx+pjrNPsSPhbUUjWT2tD1FwGo2LF6USCnbrsIhNngDfodhxbegfEOA==", + "dependencies": { + "@emotion/is-prop-valid": "1.2.2", + "@emotion/unitless": "0.8.1", + "@types/stylis": "4.2.5", + "css-to-react-native": "3.2.0", + "csstype": "3.1.3", + "postcss": "8.4.38", + "shallowequal": "1.1.0", + "stylis": "4.3.2", + "tslib": "2.6.2" }, "engines": { - "node": ">=10" + "node": ">= 16" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/styled-components" + }, + "peerDependencies": { + "react": ">= 16.8.0", + "react-dom": ">= 16.8.0" } }, + "node_modules/stylis": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.2.tgz", + "integrity": "sha512-bhtUjWd/z6ltJiQwg0dUfxEJ+W+jdqQd8TbWLWyeIJHlnsqmGLRFFd8e5mA0AZi/zx90smXRlN66YMTcaSFifg==" + }, "node_modules/supports-color": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", @@ -6636,12 +6568,6 @@ "url": "https://opencollective.com/unts" } }, - "node_modules/synckit/node_modules/tslib": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", - "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==", - "dev": true - }, "node_modules/tabbable": { "version": "5.2.0", "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-5.2.0.tgz", @@ -6778,6 +6704,11 @@ "typescript": ">=4.2.0" } }, + "node_modules/tslib": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", + "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==" + }, "node_modules/type-check": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", diff --git a/package.json b/package.json index 2689cc8f0..d1823e887 100644 --- 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 index c3f62cd33..8c2de9e80 100644 --- 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 index 9572290fc..de8d816e4 100644 --- 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,27 +91,17 @@ 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; } @@ -133,29 +109,21 @@ exports[`viser dialogpanel 1`] = ` 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 index efaf126c1..8866b27ce 100644 --- 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/src/app/personside/dialogpanel/fortsettDialog/tidligereMeldinger/__snapshots__/TidligereMeldinger.test.tsx.snap b/src/app/personside/dialogpanel/fortsettDialog/tidligereMeldinger/__snapshots__/TidligereMeldinger.test.tsx.snap index 2ee1161e4..c34f425f6 100644 --- a/src/app/personside/dialogpanel/fortsettDialog/tidligereMeldinger/__snapshots__/TidligereMeldinger.test.tsx.snap +++ b/src/app/personside/dialogpanel/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; } diff --git a/src/app/personside/dialogpanel/sendMelding/__snapshots__/SendNyMelding.test.tsx.snap b/src/app/personside/dialogpanel/sendMelding/__snapshots__/SendNyMelding.test.tsx.snap index ccd67fefd..bf58b6ec0 100644 --- a/src/app/personside/dialogpanel/sendMelding/__snapshots__/SendNyMelding.test.tsx.snap +++ b/src/app/personside/dialogpanel/sendMelding/__snapshots__/SendNyMelding.test.tsx.snap @@ -2,28 +2,20 @@ exports[`viser send ny melding 1`] = ` .c12 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); } .c14 { - 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; } -.c14 > *:not(:last-child) { +.c14 >*:not(:last-child) { margin-right: 1rem; } @@ -36,8 +28,6 @@ exports[`viser send ny melding 1`] = ` background-color: #0067c5; border: none; z-index: 10; - -webkit-transform: none; - -ms-transform: none; transform: none; } @@ -46,8 +36,6 @@ exports[`viser send ny melding 1`] = ` } .c6:hover { - -webkit-transform: none; - -ms-transform: none; transform: none; } @@ -85,14 +73,12 @@ exports[`viser send ny melding 1`] = ` } .c5 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); } .c8 textarea, @@ -105,27 +91,17 @@ exports[`viser send ny melding 1`] = ` } .c15 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); } .c4 { - 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; } @@ -133,29 +109,21 @@ exports[`viser send ny melding 1`] = ` margin-bottom: 0; } -.c4 > * { +.c4 >* { margin-bottom: 1rem; } .c11 { - 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; } -.c11 > * { +.c11 >* { margin-top: 0.3rem; } -.c11 > *:not(:last-child) { +.c11 >*:not(:last-child) { margin-right: 1rem; } @@ -174,16 +142,11 @@ exports[`viser send ny melding 1`] = ` } .c17 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; } -.c17 > * { +.c17 >* { margin-bottom: 0.7rem; } @@ -196,7 +159,7 @@ exports[`viser send ny melding 1`] = ` } .c3 { - margin-bottom: 1rem !important; + margin-bottom: 1rem!important; }
*:not(:last-child) { +.c19 >*:not(:last-child) { margin-bottom: 0.2rem; margin-right: 0.2rem; } .c18 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; } .c18 .order-first { - -webkit-order: 0; - -ms-flex-order: 0; order: 0; } .c18 .order-second { - -webkit-order: 1; - -ms-flex-order: 1; order: 1; } .c14 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; } -.c14 > *:last-child { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; +.c14 >*:last-child { flex-grow: 1; } @@ -133,17 +87,11 @@ exports[`Viser Traadliste 1`] = ` .c12 { padding: .5rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; cursor: pointer; } .c13 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; } @@ -169,24 +117,18 @@ exports[`Viser Traadliste 1`] = ` } .c11 .hover-animation { - -webkit-transition: -webkit-transform 0.3s; - -webkit-transition: transform 0.3s; transition: transform 0.3s; } .c11: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); } .c11:hover .hover-animation { - -webkit-transform: translateX(0.5rem); - -ms-transform: translateX(0.5rem); transform: translateX(0.5rem); } .c21 { - -webkit-align-self: center; - -ms-flex-item-align: center; align-self: center; } @@ -200,9 +142,6 @@ exports[`Viser Traadliste 1`] = ` padding: 0.1rem 0.2rem; border-radius: .35rem; cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; color: #0067c5; } @@ -220,7 +159,6 @@ exports[`Viser Traadliste 1`] = ` .c3:hover { opacity: 0.8; - -webkit-text-decoration: underline; text-decoration: underline; } @@ -229,19 +167,13 @@ exports[`Viser Traadliste 1`] = ` } .c7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; margin: 1rem 0rem; } -.c8 > * { - margin-bottom: 1rem !important; +.c8 >* { + margin-bottom: 1rem!important; } .c6 { @@ -260,16 +192,8 @@ exports[`Viser Traadliste 1`] = ` .c9 { padding: 0 .5rem .5rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; flex-direction: row; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; } @@ -281,7 +205,7 @@ exports[`Viser Traadliste 1`] = ` padding: 0; } -.c10 > * { +.c10 >* { border-top: solid 0.0625rem #78706a; } @@ -299,14 +223,12 @@ exports[`Viser Traadliste 1`] = ` } .c1 .skjemaelement__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); } @media print { @@ -734,6 +656,7 @@ exports[`Viser Traadliste 1`] = ` >
  • *:not(:last-child) { +.c24 >*:not(:last-child) { margin-bottom: 0.5rem; } @@ -90,22 +79,13 @@ exports[`Viser traad med verktøylinje 1`] = ` } .c27 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; gap: 0.3rem; margin-left: auto; } .c18 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; } @@ -126,16 +106,10 @@ exports[`Viser traad med verktøylinje 1`] = ` } .c14 .inputPanelGruppe__inner { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; } -.c14 .inputPanelGruppe__inner > * { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; +.c14 .inputPanelGruppe__inner >* { flex-grow: 1; } @@ -149,13 +123,7 @@ exports[`Viser traad med verktøylinje 1`] = ` } .c17 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; } @@ -173,9 +141,6 @@ exports[`Viser traad med verktøylinje 1`] = ` padding: 0.1rem 0.2rem; border-radius: .35rem; cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; color: #0067c5; } @@ -193,7 +158,6 @@ exports[`Viser traad med verktøylinje 1`] = ` .c7:hover { opacity: 0.8; - -webkit-text-decoration: underline; text-decoration: underline; } @@ -202,19 +166,13 @@ exports[`Viser traad med verktøylinje 1`] = ` } .c11 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; margin: 1rem 0rem; } -.c12 > * { - margin-bottom: 1rem !important; +.c12 >* { + margin-bottom: 1rem!important; } .c10 { @@ -225,12 +183,7 @@ exports[`Viser traad med verktøylinje 1`] = ` .c1 { padding: .5rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; margin-bottom: 0.24rem; } @@ -241,24 +194,15 @@ exports[`Viser traad med verktøylinje 1`] = ` } .c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; } .c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; } -.c3 > *:not(:last-child) { +.c3 >*:not(:last-child) { margin-right: 1.5rem; } @@ -268,27 +212,16 @@ exports[`Viser traad med verktøylinje 1`] = ` } .c19 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; } -.c19 > *:last-child { +.c19 >*:last-child { margin-top: .5rem; } .c21 { - 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: flex-end; - -webkit-box-align: flex-end; - -ms-flex-align: flex-end; align-items: flex-end; } @@ -310,12 +243,7 @@ exports[`Viser traad med verktøylinje 1`] = ` } .c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; } @@ -333,8 +261,6 @@ exports[`Viser traad med verktøylinje 1`] = ` } .c23 .snakkeboble-panel { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; flex-basis: 100%; } } diff --git a/src/app/personside/infotabs/meldinger/traadvisning/verktoylinje/oppgave/__snapshots__/OpprettOppgaveContainer.test.tsx.snap b/src/app/personside/infotabs/meldinger/traadvisning/verktoylinje/oppgave/__snapshots__/OpprettOppgaveContainer.test.tsx.snap index 8f2329ec0..949f239ec 100644 --- a/src/app/personside/infotabs/meldinger/traadvisning/verktoylinje/oppgave/__snapshots__/OpprettOppgaveContainer.test.tsx.snap +++ b/src/app/personside/infotabs/meldinger/traadvisning/verktoylinje/oppgave/__snapshots__/OpprettOppgaveContainer.test.tsx.snap @@ -8,13 +8,7 @@ exports[`Viser oppgavecontainer med alt innhold 1`] = ` border-radius: .35rem; cursor: pointer; background-color: transparent; - 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; color: #0067c5; } @@ -58,16 +52,10 @@ exports[`Viser oppgavecontainer med alt innhold 1`] = ` } .c0 .inputPanelGruppe__inner { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; } -.c0 .inputPanelGruppe__inner > * { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; +.c0 .inputPanelGruppe__inner >* { flex-grow: 1; } @@ -81,13 +69,7 @@ exports[`Viser oppgavecontainer med alt innhold 1`] = ` } .c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; } diff --git a/src/app/personside/infotabs/oppfolging/__snapshots__/OppfolgingContainer.test.tsx.snap b/src/app/personside/infotabs/oppfolging/__snapshots__/OppfolgingContainer.test.tsx.snap index d9ab875d6..49a24f4bb 100644 --- a/src/app/personside/infotabs/oppfolging/__snapshots__/OppfolgingContainer.test.tsx.snap +++ b/src/app/personside/infotabs/oppfolging/__snapshots__/OppfolgingContainer.test.tsx.snap @@ -6,7 +6,7 @@ exports[`Viser oppfølgingcontainer med alt innhold 1`] = ` z-index: 50; } -.c4 > * { +.c4 >* { margin-bottom: 1rem; } @@ -23,12 +23,7 @@ exports[`Viser oppfølgingcontainer med alt innhold 1`] = ` } .c6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -36,7 +31,7 @@ exports[`Viser oppfølgingcontainer med alt innhold 1`] = ` color: #645f5a; } -.c6 > div { +.c6 >div { margin: 0.5625rem 0; padding-right: 0.7rem; width: 13rem; @@ -47,35 +42,26 @@ exports[`Viser oppfølgingcontainer med alt innhold 1`] = ` padding: 0.9375rem; } -.c5 > *:first-child { +.c5 >*:first-child { margin-bottom: 1rem; } .c8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } -.c8 > *:first-child { - -webkit-flex-basis: 10em; - -ms-flex-preferred-size: 10em; +.c8 >*:first-child { flex-basis: 10em; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; flex-shrink: 0; } -.c8 > * { +.c8 >* { white-space: nowrap; } -.c8 > *:not(:last-child) { +.c8 >*:not(:last-child) { margin-right: 2rem; } @@ -84,7 +70,6 @@ exports[`Viser oppfølgingcontainer med alt innhold 1`] = ` } .c7 .ekspanderbartPanel__hode { - position: -webkit-sticky; position: sticky; top: 0; border-bottom: solid 0.0625rem #b7b1a9; @@ -96,24 +81,17 @@ exports[`Viser oppfølgingcontainer med alt innhold 1`] = ` padding: .5rem; } -.c0 > *:not(:last-child) { +.c0 >*:not(:last-child) { margin-bottom: .5rem; } .c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; flex-direction: row; } -.c1 > *:last-child { +.c1 >*:last-child { margin-left: .5rem; - -webkit-flex-basis: 75%; - -ms-flex-preferred-size: 75%; flex-basis: 75%; } diff --git a/src/app/personside/infotabs/oversikt/__snapshots__/Oversikt.test.tsx.snap b/src/app/personside/infotabs/oversikt/__snapshots__/Oversikt.test.tsx.snap index d216d35bb..6e936b860 100644 --- a/src/app/personside/infotabs/oversikt/__snapshots__/Oversikt.test.tsx.snap +++ b/src/app/personside/infotabs/oversikt/__snapshots__/Oversikt.test.tsx.snap @@ -6,16 +6,10 @@ exports[`Viser oversikt med alt innhold 1`] = ` } .c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; background-color: white; border-top-left-radius: .25rem; border-top-right-radius: .25rem; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; padding: 0.625rem; cursor: pointer; @@ -23,10 +17,10 @@ exports[`Viser oversikt med alt innhold 1`] = ` } .c3: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); } -.c6 > *:not(:first-child) { +.c6 >*:not(:first-child) { border-top: solid 0.0625rem #78706a; } @@ -35,17 +29,8 @@ exports[`Viser oversikt med alt innhold 1`] = ` } .c4 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-align-items: flex-end; - -webkit-box-align: flex-end; - -ms-flex-align: flex-end; align-items: flex-end; padding: 0 1rem; } @@ -88,36 +73,33 @@ exports[`Viser oversikt med alt innhold 1`] = ` display: -ms-grid; display: grid; -ms-grid-columns: 6rem 3rem 55% 1fr auto; - grid-template-columns: 6rem 3rem minmax(35%,55%) 1fr auto; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; + grid-template-columns: 6rem 3rem minmax(35%, 55%) 1fr auto; align-items: center; border-radius: .25rem; cursor: pointer; } -.c26 > *:nth-child(1) { +.c26 >*:nth-child(1) { -ms-grid-column: 1; } -.c26 > *:nth-child(2) { +.c26 >*:nth-child(2) { -ms-grid-column: 2; } -.c26 > *:nth-child(3) { +.c26 >*:nth-child(3) { -ms-grid-column: 3; } -.c26 > *:nth-child(4) { +.c26 >*:nth-child(4) { -ms-grid-column: 4; } .c26: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); } -.c26 > * { +.c26 >* { padding: 0.7rem; } @@ -131,9 +113,6 @@ exports[`Viser oversikt med alt innhold 1`] = ` } .c27 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; } @@ -145,24 +124,15 @@ exports[`Viser oversikt med alt innhold 1`] = ` .c28 { width: 100%; - 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; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; justify-content: center; } .c32 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; } @@ -192,36 +162,27 @@ exports[`Viser oversikt med alt innhold 1`] = ` margin-bottom: 1rem; } -.c24 > *:not(:first-child) { +.c24 >*:not(:first-child) { border-top: solid 0.0625rem #78706a; } .c8 { position: relative; padding: .5rem; - 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; cursor: pointer; } .c8: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); } -.c8:hover > button:last-child { +.c8:hover >button:last-child { padding-left: 0.5rem; } -.c8 > *:first-child { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; +.c8 >*:first-child { flex-grow: 1; } @@ -233,7 +194,6 @@ exports[`Viser oversikt med alt innhold 1`] = ` border-radius: .35rem; cursor: pointer; background-color: transparent; - -webkit-transition: padding-left 0.3s; transition: padding-left 0.3s; } @@ -257,7 +217,7 @@ exports[`Viser oversikt med alt innhold 1`] = ` pointer-events: none; } -.c23 > *:not(:first-child) { +.c23 >*:not(:first-child) { border-top: solid 0.0625rem #78706a; } @@ -265,7 +225,7 @@ exports[`Viser oversikt med alt innhold 1`] = ` font-weight: 600; } -.c7 > *:not(:first-child) { +.c7 >*:not(:first-child) { border-top: solid 0.0625rem #78706a; } @@ -287,32 +247,15 @@ exports[`Viser oversikt med alt innhold 1`] = ` color: white; height: 1.1rem; width: 1.1rem; - 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; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; justify-content: center; border-radius: 50%; } .c19 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; width: 0; margin-left: 0.8rem; @@ -320,76 +263,47 @@ exports[`Viser oversikt med alt innhold 1`] = ` } .c19 .order-first { - -webkit-order: 0; - -ms-flex-order: 0; order: 0; } .c19 .order-second { - -webkit-order: 1; - -ms-flex-order: 1; order: 1; } .c19 .order-third { - -webkit-order: 3; - -ms-flex-order: 3; order: 3; } .c21 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; align-items: flex-start; margin-top: 0.2rem; } -.c21 > *:not(:last-child) { +.c21 >*:not(:last-child) { margin-bottom: 0.2rem; margin-right: 0.2rem; } .c20 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; } .c20 .order-first { - -webkit-order: 0; - -ms-flex-order: 0; order: 0; } .c20 .order-second { - -webkit-order: 1; - -ms-flex-order: 1; order: 1; } .c16 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; } -.c16 > *:last-child { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; +.c16 >*:last-child { flex-grow: 1; } @@ -399,7 +313,7 @@ exports[`Viser oversikt med alt innhold 1`] = ` white-space: nowrap; } -.c15 > *:not(:first-child) { +.c15 >*:not(:first-child) { border-top: solid 0.0625rem #78706a; } @@ -410,43 +324,25 @@ exports[`Viser oversikt med alt innhold 1`] = ` } .c13 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; } .c13 .order-first { - -webkit-order: 0; - -ms-flex-order: 0; order: 0; } .c13 .order-second { - -webkit-order: 1; - -ms-flex-order: 1; order: 1; } .c12 { - 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; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; } -.c11 > *:not(:first-child) { +.c11 >*:not(:first-child) { border-top: solid 0.0625rem #78706a; } @@ -460,30 +356,22 @@ exports[`Viser oversikt med alt innhold 1`] = ` } .c1 { - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50rem; } -.c1 > * { +.c1 >* { margin-bottom: .5rem; } -@media (min-width:46.875rem) { +@media (min-width: 46.875rem) { .c0 { - 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; } } -@media (min-width:46.875rem) { +@media (min-width: 46.875rem) { .c1:not(:last-child) { margin-right: .5rem; } @@ -618,6 +506,7 @@ exports[`Viser oversikt med alt innhold 1`] = `

    @@ -1402,6 +1299,7 @@ exports[`Viser oversikt med alt innhold 1`] = ` aria-expanded={false} aria-label="Vis mer informasjon om varsel/notifikasjon" className="c31" + focusOnRelativeParent={true} onClick={[Function]} title="Vis mer informasjon om varsel/notifikasjon" > diff --git a/src/app/personside/infotabs/saksoversikt/__snapshots__/SaksoversiktContainer.test.tsx.snap b/src/app/personside/infotabs/saksoversikt/__snapshots__/SaksoversiktContainer.test.tsx.snap index e6d4a0a99..111d95e9c 100644 --- a/src/app/personside/infotabs/saksoversikt/__snapshots__/SaksoversiktContainer.test.tsx.snap +++ b/src/app/personside/infotabs/saksoversikt/__snapshots__/SaksoversiktContainer.test.tsx.snap @@ -42,25 +42,16 @@ exports[`Viser saksoversiktcontainer med alt innhold 1`] = ` .c17 { padding: .5rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; align-items: flex-start; } .c19 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; width: 0; } -.c19 > *:not(:last-child) { +.c19 >*:not(:last-child) { margin-bottom: 0.5rem; } @@ -75,24 +66,15 @@ exports[`Viser saksoversiktcontainer med alt innhold 1`] = ` } .c20 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; } .c20 .order-first { - -webkit-order: 0; - -ms-flex-order: 0; order: 0; } .c20 .order-second { - -webkit-order: 1; - -ms-flex-order: 1; order: 1; } @@ -101,13 +83,7 @@ exports[`Viser saksoversiktcontainer med alt innhold 1`] = ` } .c21 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; } @@ -118,53 +94,28 @@ exports[`Viser saksoversiktcontainer med alt innhold 1`] = ` } .c11 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; padding: 0.9375rem; } -.c11 > *:first-child { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; +.c11 >*:first-child { flex-grow: 1; } -.c11 > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; +.c11 >div { display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; } -.c11 > div > * { +.c11 >div >* { margin-bottom: 0.5rem; } -.c11 > div:last-child { - -webkit-align-items: flex-end; - -webkit-box-align: flex-end; - -ms-flex-align: flex-end; +.c11 >div:last-child { align-items: flex-end; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; } @@ -179,37 +130,28 @@ exports[`Viser saksoversiktcontainer med alt innhold 1`] = ` margin: 0; } -.c15 ol > *:not(:first-child) { +.c15 ol>*:not(:first-child) { border-top: solid 0.0625rem #78706a; } .c13 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; } -.c13 > *:not(:last-child) { +.c13 >*:not(:last-child) { padding-right: 1rem; } -.c13 > * { +.c13 >* { margin-bottom: 0; } .c12 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; } -.c12 > *:last-child { +.c12 >*:last-child { margin-left: 1rem; } @@ -227,7 +169,7 @@ exports[`Viser saksoversiktcontainer med alt innhold 1`] = ` } .c2 a:visited { - color: currentColor !important; + color: currentColor!important; } .c2 .lenkepanel { @@ -239,17 +181,8 @@ exports[`Viser saksoversiktcontainer med alt innhold 1`] = ` } .c8 { - 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; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; } @@ -267,33 +200,19 @@ exports[`Viser saksoversiktcontainer med alt innhold 1`] = ` .c5 { padding: 0.9375rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-align-items: flex-end; - -webkit-box-align: flex-end; - -ms-flex-align: flex-end; align-items: flex-end; } -.c5 > *:not(:last-child) { +.c5 >*:not(:last-child) { margin-right: 1rem; } .c6 { width: 100%; padding: 0 0.9375rem 0.9375rem 0.9375rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; flex-direction: row; - -webkit-box-pack: space-evenly; - -webkit-justify-content: space-evenly; - -ms-flex-pack: space-evenly; justify-content: space-evenly; } @@ -318,59 +237,39 @@ exports[`Viser saksoversiktcontainer med alt innhold 1`] = ` } .c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; overflow: unset; max-height: none; } .c0 .visually-hidden { - 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); } .c0 a:visited:not(:focus) { color: purple; } -@media (min-width:70rem) { +@media (min-width: 70rem) { .c0 { - -webkit-flex-direction: row; - -ms-flex-direction: row; flex-direction: row; height: 0; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; align-items: flex-start; } - .c0 > *:first-child { + .c0 >*:first-child { min-width: 20rem; - -webkit-flex-basis: 20rem; - -ms-flex-preferred-size: 20rem; flex-basis: 20rem; } - .c0 > *:last-child { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; + .c0 >*:last-child { flex-grow: 1; } } @@ -858,6 +757,7 @@ exports[`Viser saksoversiktcontainer med alt innhold 1`] = `

    , .c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; justify-content: flex-end; } @@ -119,13 +101,7 @@ exports[`Filtrerer bort utbetalinger som ikke skal medregnes og viser totalt-utb border-radius: .35rem; cursor: pointer; background-color: transparent; - 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; color: #0067c5; } @@ -157,18 +133,16 @@ exports[`Filtrerer bort utbetalinger som ikke skal medregnes og viser totalt-utb } .c0 { - -webkit-transition: 0.5s; transition: 0.5s; padding: 0 1.25rem 1.25rem; border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; margin-top: 1.25rem; } .c1 { - -webkit-transition: 0.5s; transition: 0.5s; padding: 0 1.25rem; padding: 0; @@ -189,20 +163,12 @@ exports[`Filtrerer bort utbetalinger som ikke skal medregnes og viser totalt-utb } .c2 tr { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-flow: row wrap; - -ms-flex-flow: row wrap; flex-flow: row wrap; position: relative; } -.c2 tr > *:first-child { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; +.c2 tr >*:first-child { flex-grow: 1; display: block; } @@ -231,8 +197,6 @@ exports[`Filtrerer bort utbetalinger som ikke skal medregnes og viser totalt-utb .c2 tr .periodeForYtelse, .c2 tr .ytelseDetaljer { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; flex-basis: 100%; } @@ -243,38 +207,23 @@ exports[`Filtrerer bort utbetalinger som ikke skal medregnes og viser totalt-utb .c2 tr .ytelseDetaljer { display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; text-align: right; margin-right: 12rem; } .c2 tr .ytelseDetaljer dl { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-flow: row wrap; - -ms-flex-flow: row wrap; flex-flow: row wrap; } .c2 tr .ytelseDetaljer dl dt { - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; flex-basis: 50%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; } .c2 tr .ytelseDetaljer dl dd { padding-left: 1rem; - -webkit-flex-basis: 7rem; - -ms-flex-preferred-size: 7rem; flex-basis: 7rem; } @@ -282,7 +231,7 @@ exports[`Filtrerer bort utbetalinger som ikke skal medregnes og viser totalt-utb margin-top: 0.5rem; } -.c2 tbody tr > *:nth-last-child(n + 3) { +.c2 tbody tr >*:nth-last-child(n + 3) { padding-top: 0.5rem; border-top: solid 0.0625rem #b7b1a9; } @@ -304,7 +253,9 @@ exports[`Filtrerer bort utbetalinger som ikke skal medregnes og viser totalt-utb }
    * { +.c1 table tr >* { padding: 0.1rem; text-align: right; } -.c1 table tr > *:first-child { +.c1 table tr >*:first-child { text-align: left; } -.c1 table tr > *:not(:first-child) { +.c1 table tr >*:not(:first-child) { width: 6rem; } @@ -192,7 +162,7 @@ exports[`Viser utbetalingsdetaljer riktig med liste med ytelser og trekk 1`] = ` padding: 0.9375rem; } -.c0 > *:nth-child(3) { +.c0 >*:nth-child(3) { margin-bottom: 0.8rem; } @@ -209,7 +179,7 @@ exports[`Viser utbetalingsdetaljer riktig med liste med ytelser og trekk 1`] = ` border: solid 0.0625rem #b7b1a9; } -.c6 > li:not(:first-child) { +.c6 >li:not(:first-child) { border-top: solid 0.0625rem #b7b1a9; } @@ -332,12 +302,15 @@ exports[`Viser utbetalingsdetaljer riktig med liste med ytelser og trekk 1`] = ` aria-label="Delutbetaling Sykepenger" >
    *:first-child { - -webkit-flex: 0 0 20%; - -ms-flex: 0 0 20%; +.c15 >*:first-child { flex: 0 0 20%; } -.c15 > *:last-child { +.c15 >*:last-child { max-width: 30rem; } .c14 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; } -.c14 > *:not(:first-child) { +.c14 >*:not(:first-child) { border-top: solid 0.0625rem #78706a; } @@ -68,36 +63,33 @@ exports[`Viser varselcontainer med alt innhold 1`] = ` display: -ms-grid; display: grid; -ms-grid-columns: 6rem 3rem 55% 1fr auto; - grid-template-columns: 6rem 3rem minmax(35%,55%) 1fr auto; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; + grid-template-columns: 6rem 3rem minmax(35%, 55%) 1fr auto; align-items: center; border-radius: .25rem; cursor: pointer; } -.c4 > *:nth-child(1) { +.c4 >*:nth-child(1) { -ms-grid-column: 1; } -.c4 > *:nth-child(2) { +.c4 >*:nth-child(2) { -ms-grid-column: 2; } -.c4 > *:nth-child(3) { +.c4 >*:nth-child(3) { -ms-grid-column: 3; } -.c4 > *:nth-child(4) { +.c4 >*:nth-child(4) { -ms-grid-column: 4; } .c4: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); } -.c4 > * { +.c4 >* { padding: 0.7rem; } @@ -111,9 +103,6 @@ exports[`Viser varselcontainer med alt innhold 1`] = ` } .c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; } @@ -125,24 +114,15 @@ exports[`Viser varselcontainer med alt innhold 1`] = ` .c6 { width: 100%; - 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; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; justify-content: center; } .c10 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; } @@ -176,32 +156,32 @@ exports[`Viser varselcontainer med alt innhold 1`] = ` display: -ms-grid; display: grid; -ms-grid-columns: 6rem 4rem 55% 1fr; - grid-template-columns: 6rem 4rem minmax(35%,55%) 1fr; + grid-template-columns: 6rem 4rem minmax(35%, 55%) 1fr; padding: 0; margin-bottom: 1rem; } -.c1 > *:nth-child(1) { +.c1 >*:nth-child(1) { -ms-grid-column: 1; } -.c1 > *:nth-child(2) { +.c1 >*:nth-child(2) { -ms-grid-column: 2; } -.c1 > *:nth-child(3) { +.c1 >*:nth-child(3) { -ms-grid-column: 3; } -.c1 > *:nth-child(4) { +.c1 >*:nth-child(4) { -ms-grid-column: 4; } -.c1 > * { +.c1 >* { padding: 0.7rem; } -.c2 > * { +.c2 >* { margin-top: 0.5rem; } @@ -314,6 +294,7 @@ exports[`Viser varselcontainer med alt innhold 1`] = ` aria-expanded={false} aria-label="Vis mer informasjon om varsel/notifikasjon" className="c9" + focusOnRelativeParent={true} onClick={[Function]} title="Vis mer informasjon om varsel/notifikasjon" > @@ -477,6 +458,7 @@ exports[`Viser varselcontainer med alt innhold 1`] = ` aria-expanded={false} aria-label="Vis mer informasjon om varsel/notifikasjon" className="c9" + focusOnRelativeParent={true} onClick={[Function]} title="Vis mer informasjon om varsel/notifikasjon" > @@ -640,6 +622,7 @@ exports[`Viser varselcontainer med alt innhold 1`] = ` aria-expanded={false} aria-label="Vis mer informasjon om varsel/notifikasjon" className="c9" + focusOnRelativeParent={true} onClick={[Function]} title="Vis mer informasjon om varsel/notifikasjon" > @@ -798,6 +781,7 @@ exports[`Viser varselcontainer med alt innhold 1`] = ` aria-expanded={false} aria-label="Vis mer informasjon om varsel/notifikasjon" className="c9" + focusOnRelativeParent={true} onClick={[Function]} title="Vis mer informasjon om varsel/notifikasjon" > @@ -940,6 +924,7 @@ exports[`Viser varselcontainer med alt innhold 1`] = ` aria-expanded={false} aria-label="Vis mer informasjon om varsel/notifikasjon" className="c9" + focusOnRelativeParent={true} onClick={[Function]} title="Vis mer informasjon om varsel/notifikasjon" > diff --git a/src/app/personside/infotabs/ytelser/__snapshots__/ValgtYtelse.test.tsx.snap b/src/app/personside/infotabs/ytelser/__snapshots__/ValgtYtelse.test.tsx.snap index f2aace802..418133f95 100644 --- a/src/app/personside/infotabs/ytelser/__snapshots__/ValgtYtelse.test.tsx.snap +++ b/src/app/personside/infotabs/ytelser/__snapshots__/ValgtYtelse.test.tsx.snap @@ -2,12 +2,7 @@ exports[`Om foreldrepenger matcher snapshot 1`] = ` .c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -15,7 +10,7 @@ exports[`Om foreldrepenger matcher snapshot 1`] = ` color: #645f5a; } -.c5 > div { +.c5 >div { margin: 0.5625rem 0; padding-right: 0.7rem; width: 13rem; @@ -24,7 +19,7 @@ exports[`Om foreldrepenger matcher snapshot 1`] = ` .c13 { overflow: auto; - box-shadow: 0 0 0 0.07rem rgba(0,0,0,0.25); + box-shadow: 0 0 0 0.07rem rgba(0, 0, 0, 0.25); border-radius: .25rem; background-color: white; } @@ -36,7 +31,7 @@ exports[`Om foreldrepenger matcher snapshot 1`] = ` .c13 [role='table'] thead, .c13 [role='table'] .thead[role='rowgroup'] { - border-bottom: 0.2rem solid rgba(0,0,0,0.15); + border-bottom: 0.2rem solid rgba(0, 0, 0, 0.15); font-weight: 600; } @@ -51,7 +46,7 @@ exports[`Om foreldrepenger matcher snapshot 1`] = ` } .c13 [role='table'] [role='row']:nth-child(even) { - background-color: rgba(0,0,0,0.1); + background-color: rgba(0, 0, 0, 0.1); } .c10 { @@ -67,23 +62,23 @@ exports[`Om foreldrepenger matcher snapshot 1`] = ` .c12 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; white-space: nowrap; } -.c12 > *:not(:last-child) { +.c12 >*:not(:last-child) { margin-bottom: 1rem; } .c4 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; } -.c4 > h3 { +.c4 >h3 { margin-bottom: 1rem; } @@ -107,39 +102,21 @@ exports[`Om foreldrepenger matcher snapshot 1`] = ` .c2 { padding: .5rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } -.c2 > * { - -webkit-flex-basis: 40%; - -ms-flex-preferred-size: 40%; +.c2 >* { flex-basis: 40%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; } .c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; } -.c3 > * { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; +.c3 >* { flex-grow: 1; } @@ -147,7 +124,7 @@ exports[`Om foreldrepenger matcher snapshot 1`] = ` padding: 0rem; } -.c0 > * { +.c0 >* { margin-bottom: 0.5rem; } @@ -850,12 +827,7 @@ exports[`Om foreldrepenger matcher snapshot 1`] = ` exports[`Om pleiepenger matcher snapshot 1`] = ` .c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -863,7 +835,7 @@ exports[`Om pleiepenger matcher snapshot 1`] = ` color: #645f5a; } -.c4 > div { +.c4 >div { margin: 0.5625rem 0; padding-right: 0.7rem; width: 13rem; @@ -872,7 +844,7 @@ exports[`Om pleiepenger matcher snapshot 1`] = ` .c11 { overflow: auto; - box-shadow: 0 0 0 0.07rem rgba(0,0,0,0.25); + box-shadow: 0 0 0 0.07rem rgba(0, 0, 0, 0.25); border-radius: .25rem; background-color: white; } @@ -884,7 +856,7 @@ exports[`Om pleiepenger matcher snapshot 1`] = ` .c11 [role='table'] thead, .c11 [role='table'] .thead[role='rowgroup'] { - border-bottom: 0.2rem solid rgba(0,0,0,0.15); + border-bottom: 0.2rem solid rgba(0, 0, 0, 0.15); font-weight: 600; } @@ -899,7 +871,7 @@ exports[`Om pleiepenger matcher snapshot 1`] = ` } .c11 [role='table'] [role='row']:nth-child(even) { - background-color: rgba(0,0,0,0.1); + background-color: rgba(0, 0, 0, 0.1); } .c9 { @@ -915,11 +887,11 @@ exports[`Om pleiepenger matcher snapshot 1`] = ` .c3 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; } -.c3 > h3 { +.c3 >h3 { margin-bottom: 1rem; } @@ -930,12 +902,12 @@ exports[`Om pleiepenger matcher snapshot 1`] = ` .c10 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; margin: .5rem; } -.c10 > *:not(:last-child) { +.c10 >*:not(:last-child) { margin-bottom: 1rem; } @@ -951,22 +923,12 @@ exports[`Om pleiepenger matcher snapshot 1`] = ` .c2 { padding: .5rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } -.c2 > * { - -webkit-flex-basis: 40%; - -ms-flex-preferred-size: 40%; +.c2 >* { flex-basis: 40%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; } @@ -974,7 +936,7 @@ exports[`Om pleiepenger matcher snapshot 1`] = ` padding: 0rem; } -.c0 > * { +.c0 >* { margin-bottom: 0.5rem; } @@ -1461,12 +1423,7 @@ exports[`Om pleiepenger matcher snapshot 1`] = ` exports[`Om sykepenger matcher snapshot 1`] = ` .c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -1474,7 +1431,7 @@ exports[`Om sykepenger matcher snapshot 1`] = ` color: #645f5a; } -.c5 > div { +.c5 >div { margin: 0.5625rem 0; padding-right: 0.7rem; width: 13rem; @@ -1483,7 +1440,7 @@ exports[`Om sykepenger matcher snapshot 1`] = ` .c6 { overflow: auto; - box-shadow: 0 0 0 0.07rem rgba(0,0,0,0.25); + box-shadow: 0 0 0 0.07rem rgba(0, 0, 0, 0.25); border-radius: .25rem; background-color: white; } @@ -1495,7 +1452,7 @@ exports[`Om sykepenger matcher snapshot 1`] = ` .c6 [role='table'] thead, .c6 [role='table'] .thead[role='rowgroup'] { - border-bottom: 0.2rem solid rgba(0,0,0,0.15); + border-bottom: 0.2rem solid rgba(0, 0, 0, 0.15); font-weight: 600; } @@ -1510,29 +1467,29 @@ exports[`Om sykepenger matcher snapshot 1`] = ` } .c6 [role='table'] [role='row']:nth-child(even) { - background-color: rgba(0,0,0,0.1); + background-color: rgba(0, 0, 0, 0.1); } .c11 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; white-space: nowrap; } -.c11 > *:not(:last-child) { +.c11 >*:not(:last-child) { margin-bottom: 1rem; } .c4 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; } -.c4 > h3 { +.c4 >h3 { margin-bottom: 1rem; } @@ -1553,12 +1510,12 @@ exports[`Om sykepenger matcher snapshot 1`] = ` .c10 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; white-space: nowrap; } -.c10 > *:not(:last-child) { +.c10 >*:not(:last-child) { margin-bottom: 1rem; } @@ -1567,43 +1524,25 @@ exports[`Om sykepenger matcher snapshot 1`] = ` } .c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } -.c2 > * { - -webkit-flex-basis: 40%; - -ms-flex-preferred-size: 40%; +.c2 >* { flex-basis: 40%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; } .c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; } -.c3 > * { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; +.c3 >* { flex-grow: 1; } -.c0 > * { +.c0 >* { margin-bottom: 0.5rem; } diff --git a/src/app/personside/infotabs/ytelser/__snapshots__/Ytelser.test.tsx.snap b/src/app/personside/infotabs/ytelser/__snapshots__/Ytelser.test.tsx.snap index 3cd895305..2b2676ad3 100644 --- a/src/app/personside/infotabs/ytelser/__snapshots__/Ytelser.test.tsx.snap +++ b/src/app/personside/infotabs/ytelser/__snapshots__/Ytelser.test.tsx.snap @@ -4,59 +4,41 @@ exports[`Om Ytelser matcher snapshot 1`] = ` .c6 { position: relative; padding: .5rem; - 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; cursor: pointer; background-color: #cce1f3; } .c6: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); } -.c6:hover > button:last-child { +.c6:hover >button:last-child { padding-left: 0.5rem; } -.c6 > *:first-child { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; +.c6 >*:first-child { flex-grow: 1; } .c8 { position: relative; padding: .5rem; - 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; cursor: pointer; } .c8: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); } -.c8:hover > button:last-child { +.c8:hover >button:last-child { padding-left: 0.5rem; } -.c8 > *:first-child { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; +.c8 >*:first-child { flex-grow: 1; } @@ -68,7 +50,6 @@ exports[`Om Ytelser matcher snapshot 1`] = ` border-radius: .35rem; cursor: pointer; background-color: transparent; - -webkit-transition: padding-left 0.3s; transition: padding-left 0.3s; } @@ -96,16 +77,13 @@ exports[`Om Ytelser matcher snapshot 1`] = ` padding: 0rem; } -.c5 > *:not(:first-child) { +.c5 >*:not(:first-child) { border-top: solid 0.0625rem #78706a; } .c4 { padding: 0.9375rem; border-bottom: solid 0.0625rem #78706a; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; } @@ -124,12 +102,7 @@ exports[`Om Ytelser matcher snapshot 1`] = ` } .c14 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -137,7 +110,7 @@ exports[`Om Ytelser matcher snapshot 1`] = ` color: #645f5a; } -.c14 > div { +.c14 >div { margin: 0.5625rem 0; padding-right: 0.7rem; width: 13rem; @@ -146,7 +119,7 @@ exports[`Om Ytelser matcher snapshot 1`] = ` .c15 { overflow: auto; - box-shadow: 0 0 0 0.07rem rgba(0,0,0,0.25); + box-shadow: 0 0 0 0.07rem rgba(0, 0, 0, 0.25); border-radius: .25rem; background-color: white; } @@ -158,7 +131,7 @@ exports[`Om Ytelser matcher snapshot 1`] = ` .c15 [role='table'] thead, .c15 [role='table'] .thead[role='rowgroup'] { - border-bottom: 0.2rem solid rgba(0,0,0,0.15); + border-bottom: 0.2rem solid rgba(0, 0, 0, 0.15); font-weight: 600; } @@ -173,29 +146,29 @@ exports[`Om Ytelser matcher snapshot 1`] = ` } .c15 [role='table'] [role='row']:nth-child(even) { - background-color: rgba(0,0,0,0.1); + background-color: rgba(0, 0, 0, 0.1); } .c20 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; white-space: nowrap; } -.c20 > *:not(:last-child) { +.c20 >*:not(:last-child) { margin-bottom: 1rem; } .c13 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; } -.c13 > h3 { +.c13 >h3 { margin-bottom: 1rem; } @@ -216,12 +189,12 @@ exports[`Om Ytelser matcher snapshot 1`] = ` .c19 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; white-space: nowrap; } -.c19 > *:not(:last-child) { +.c19 >*:not(:last-child) { margin-bottom: 1rem; } @@ -230,43 +203,25 @@ exports[`Om Ytelser matcher snapshot 1`] = ` } .c11 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } -.c11 > * { - -webkit-flex-basis: 40%; - -ms-flex-preferred-size: 40%; +.c11 >* { flex-basis: 40%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; } .c12 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; } -.c12 > * { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; +.c12 >* { flex-grow: 1; } -.c9 > * { +.c9 >* { margin-bottom: 0.5rem; } @@ -275,58 +230,33 @@ exports[`Om Ytelser matcher snapshot 1`] = ` } .c0 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; } -@media (min-width:45rem) { +@media (min-width: 45rem) { .c1 { max-height: 100%; max-width: 100%; } } -@media (min-width:45rem) { +@media (min-width: 45rem) { .c1 { height: 0; - -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-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; align-items: flex-start; } - .c1 > *:first-child { + .c1 >*:first-child { min-width: 19rem; - -webkit-flex-basis: 19rem; - -ms-flex-preferred-size: 19rem; flex-basis: 19rem; - -webkit-box-flex: 0.5; - -webkit-flex-grow: 0.5; - -ms-flex-positive: 0.5; flex-grow: 0.5; } - .c1 > *:last-child { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; + .c1 >*:last-child { flex-grow: 1; } } @@ -434,6 +364,7 @@ exports[`Om Ytelser matcher snapshot 1`] = `

    div { +.c1 >div { margin: 0.5625rem 0; padding-right: 0.7rem; width: 13rem; diff --git a/src/app/personside/infotabs/ytelser/foreldrepenger/__snapshots__/ForeldrePenger.test.tsx.snap b/src/app/personside/infotabs/ytelser/foreldrepenger/__snapshots__/ForeldrePenger.test.tsx.snap index 79dd3e18f..1f0c80ef4 100644 --- a/src/app/personside/infotabs/ytelser/foreldrepenger/__snapshots__/ForeldrePenger.test.tsx.snap +++ b/src/app/personside/infotabs/ytelser/foreldrepenger/__snapshots__/ForeldrePenger.test.tsx.snap @@ -2,12 +2,7 @@ exports[`Foreldrepengeperiode matcher snapshot 1`] = ` .c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -15,7 +10,7 @@ exports[`Foreldrepengeperiode matcher snapshot 1`] = ` color: #645f5a; } -.c4 > div { +.c4 >div { margin: 0.5625rem 0; padding-right: 0.7rem; width: 13rem; @@ -24,7 +19,7 @@ exports[`Foreldrepengeperiode matcher snapshot 1`] = ` .c12 { overflow: auto; - box-shadow: 0 0 0 0.07rem rgba(0,0,0,0.25); + box-shadow: 0 0 0 0.07rem rgba(0, 0, 0, 0.25); border-radius: .25rem; background-color: white; } @@ -36,7 +31,7 @@ exports[`Foreldrepengeperiode matcher snapshot 1`] = ` .c12 [role='table'] thead, .c12 [role='table'] .thead[role='rowgroup'] { - border-bottom: 0.2rem solid rgba(0,0,0,0.15); + border-bottom: 0.2rem solid rgba(0, 0, 0, 0.15); font-weight: 600; } @@ -51,7 +46,7 @@ exports[`Foreldrepengeperiode matcher snapshot 1`] = ` } .c12 [role='table'] [role='row']:nth-child(even) { - background-color: rgba(0,0,0,0.1); + background-color: rgba(0, 0, 0, 0.1); } .c9 { @@ -67,23 +62,23 @@ exports[`Foreldrepengeperiode matcher snapshot 1`] = ` .c11 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; white-space: nowrap; } -.c11 > *:not(:last-child) { +.c11 >*:not(:last-child) { margin-bottom: 1rem; } .c3 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; } -.c3 > h3 { +.c3 >h3 { margin-bottom: 1rem; } @@ -107,39 +102,21 @@ exports[`Foreldrepengeperiode matcher snapshot 1`] = ` .c1 { padding: .5rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } -.c1 > * { - -webkit-flex-basis: 40%; - -ms-flex-preferred-size: 40%; +.c1 >* { flex-basis: 40%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; } .c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; } -.c2 > * { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; +.c2 >* { flex-grow: 1; } diff --git a/src/app/personside/infotabs/ytelser/foreldrepenger/__snapshots__/ForeldrepengePeriode.test.tsx.snap b/src/app/personside/infotabs/ytelser/foreldrepenger/__snapshots__/ForeldrepengePeriode.test.tsx.snap index fbf755470..346576c3a 100644 --- a/src/app/personside/infotabs/ytelser/foreldrepenger/__snapshots__/ForeldrepengePeriode.test.tsx.snap +++ b/src/app/personside/infotabs/ytelser/foreldrepenger/__snapshots__/ForeldrepengePeriode.test.tsx.snap @@ -2,12 +2,7 @@ exports[`Foreldrepengeperiode matcher snapshot 1`] = ` .c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -15,7 +10,7 @@ exports[`Foreldrepengeperiode matcher snapshot 1`] = ` color: #645f5a; } -.c4 > div { +.c4 >div { margin: 0.5625rem 0; padding-right: 0.7rem; width: 13rem; @@ -24,7 +19,7 @@ exports[`Foreldrepengeperiode matcher snapshot 1`] = ` .c6 { overflow: auto; - box-shadow: 0 0 0 0.07rem rgba(0,0,0,0.25); + box-shadow: 0 0 0 0.07rem rgba(0, 0, 0, 0.25); border-radius: .25rem; background-color: white; } @@ -36,7 +31,7 @@ exports[`Foreldrepengeperiode matcher snapshot 1`] = ` .c6 [role='table'] thead, .c6 [role='table'] .thead[role='rowgroup'] { - border-bottom: 0.2rem solid rgba(0,0,0,0.15); + border-bottom: 0.2rem solid rgba(0, 0, 0, 0.15); font-weight: 600; } @@ -51,7 +46,7 @@ exports[`Foreldrepengeperiode matcher snapshot 1`] = ` } .c6 [role='table'] [role='row']:nth-child(even) { - background-color: rgba(0,0,0,0.1); + background-color: rgba(0, 0, 0, 0.1); } .c1 { @@ -67,23 +62,23 @@ exports[`Foreldrepengeperiode matcher snapshot 1`] = ` .c5 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; white-space: nowrap; } -.c5 > *:not(:last-child) { +.c5 >*:not(:last-child) { margin-bottom: 1rem; } .c3 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; } -.c3 > h3 { +.c3 >h3 { margin-bottom: 1rem; } diff --git a/src/app/personside/infotabs/ytelser/pleiepenger/__snapshots__/pleiepenger.test.tsx.snap b/src/app/personside/infotabs/ytelser/pleiepenger/__snapshots__/pleiepenger.test.tsx.snap index 0b9926d6c..4d0731138 100644 --- a/src/app/personside/infotabs/ytelser/pleiepenger/__snapshots__/pleiepenger.test.tsx.snap +++ b/src/app/personside/infotabs/ytelser/pleiepenger/__snapshots__/pleiepenger.test.tsx.snap @@ -4,21 +4,16 @@ exports[`Om Oversikten i pleiepengeretten matcher snapshot 1`] = ` .c1 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; } -.c1 > h3 { +.c1 >h3 { margin-bottom: 1rem; } .c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -26,7 +21,7 @@ exports[`Om Oversikten i pleiepengeretten matcher snapshot 1`] = ` color: #645f5a; } -.c2 > div { +.c2 >div { margin: 0.5625rem 0; padding-right: 0.7rem; width: 13rem; @@ -49,22 +44,12 @@ exports[`Om Oversikten i pleiepengeretten matcher snapshot 1`] = ` .c0 { padding: .5rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } -.c0 > * { - -webkit-flex-basis: 40%; - -ms-flex-preferred-size: 40%; +.c0 >* { flex-basis: 40%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; } @@ -278,7 +263,7 @@ exports[`Om Oversikten i pleiepengeretten matcher snapshot 1`] = ` exports[`Om Pleiepengeperiode i pleiepengeretten matcher snapshot 1`] = ` .c3 { overflow: auto; - box-shadow: 0 0 0 0.07rem rgba(0,0,0,0.25); + box-shadow: 0 0 0 0.07rem rgba(0, 0, 0, 0.25); border-radius: .25rem; background-color: white; } @@ -290,7 +275,7 @@ exports[`Om Pleiepengeperiode i pleiepengeretten matcher snapshot 1`] = ` .c3 [role='table'] thead, .c3 [role='table'] .thead[role='rowgroup'] { - border-bottom: 0.2rem solid rgba(0,0,0,0.15); + border-bottom: 0.2rem solid rgba(0, 0, 0, 0.15); font-weight: 600; } @@ -305,7 +290,7 @@ exports[`Om Pleiepengeperiode i pleiepengeretten matcher snapshot 1`] = ` } .c3 [role='table'] [role='row']:nth-child(even) { - background-color: rgba(0,0,0,0.1); + background-color: rgba(0, 0, 0, 0.1); } .c1 { @@ -321,12 +306,12 @@ exports[`Om Pleiepengeperiode i pleiepengeretten matcher snapshot 1`] = ` .c2 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; margin: .5rem; } -.c2 > *:not(:last-child) { +.c2 >*:not(:last-child) { margin-bottom: 1rem; } diff --git a/src/app/personside/infotabs/ytelser/pleiepenger/arbeidsforhold/__snapshots__/ArbeidsforholdListe.test.tsx.snap b/src/app/personside/infotabs/ytelser/pleiepenger/arbeidsforhold/__snapshots__/ArbeidsforholdListe.test.tsx.snap index 425170885..d12540e51 100644 --- a/src/app/personside/infotabs/ytelser/pleiepenger/arbeidsforhold/__snapshots__/ArbeidsforholdListe.test.tsx.snap +++ b/src/app/personside/infotabs/ytelser/pleiepenger/arbeidsforhold/__snapshots__/ArbeidsforholdListe.test.tsx.snap @@ -6,12 +6,7 @@ exports[`ArbeidsforholdListe matcher snapshot 1`] = ` } .c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -19,7 +14,7 @@ exports[`ArbeidsforholdListe matcher snapshot 1`] = ` color: #645f5a; } -.c1 > div { +.c1 >div { margin: 0.5625rem 0; padding-right: 0.7rem; width: 13rem; diff --git a/src/app/personside/infotabs/ytelser/sykepenger/sykemelding/__snapshots__/Sykemelding.test.tsx.snap b/src/app/personside/infotabs/ytelser/sykepenger/sykemelding/__snapshots__/Sykemelding.test.tsx.snap index 1ac5f08e3..88361494b 100644 --- a/src/app/personside/infotabs/ytelser/sykepenger/sykemelding/__snapshots__/Sykemelding.test.tsx.snap +++ b/src/app/personside/infotabs/ytelser/sykepenger/sykemelding/__snapshots__/Sykemelding.test.tsx.snap @@ -2,12 +2,7 @@ exports[`Sykemelding matcher snapshot 1`] = ` .c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -15,7 +10,7 @@ exports[`Sykemelding matcher snapshot 1`] = ` color: #645f5a; } -.c1 > div { +.c1 >div { margin: 0.5625rem 0; padding-right: 0.7rem; width: 13rem; @@ -25,17 +20,17 @@ exports[`Sykemelding matcher snapshot 1`] = ` .c0 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; } -.c0 > h3 { +.c0 >h3 { margin-bottom: 1rem; } .c2 { overflow: auto; - box-shadow: 0 0 0 0.07rem rgba(0,0,0,0.25); + box-shadow: 0 0 0 0.07rem rgba(0, 0, 0, 0.25); border-radius: .25rem; background-color: white; } @@ -47,7 +42,7 @@ exports[`Sykemelding matcher snapshot 1`] = ` .c2 [role='table'] thead, .c2 [role='table'] .thead[role='rowgroup'] { - border-bottom: 0.2rem solid rgba(0,0,0,0.15); + border-bottom: 0.2rem solid rgba(0, 0, 0, 0.15); font-weight: 600; } @@ -62,7 +57,7 @@ exports[`Sykemelding matcher snapshot 1`] = ` } .c2 [role='table'] [role='row']:nth-child(even) { - background-color: rgba(0,0,0,0.1); + background-color: rgba(0, 0, 0, 0.1); }
    div { +.c1 >div { margin: 0.5625rem 0; padding-right: 0.7rem; width: 13rem; @@ -25,11 +20,11 @@ exports[`Sykepengertilfellet matcher snapshot 1`] = ` .c0 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; } -.c0 > h3 { +.c0 >h3 { margin-bottom: 1rem; } diff --git "a/src/app/personside/infotabs/ytelser/sykepenger/utbetalingerp\303\245vent/__snapshots__/UtbetalingerP\303\245Vent.test.tsx.snap" "b/src/app/personside/infotabs/ytelser/sykepenger/utbetalingerp\303\245vent/__snapshots__/UtbetalingerP\303\245Vent.test.tsx.snap" index 127777fae..aaf3e1d89 100644 --- "a/src/app/personside/infotabs/ytelser/sykepenger/utbetalingerp\303\245vent/__snapshots__/UtbetalingerP\303\245Vent.test.tsx.snap" +++ "b/src/app/personside/infotabs/ytelser/sykepenger/utbetalingerp\303\245vent/__snapshots__/UtbetalingerP\303\245Vent.test.tsx.snap" @@ -3,7 +3,7 @@ exports[`UtbetalingerPVent matcher snapshot 1`] = ` .c1 { overflow: auto; - box-shadow: 0 0 0 0.07rem rgba(0,0,0,0.25); + box-shadow: 0 0 0 0.07rem rgba(0, 0, 0, 0.25); border-radius: .25rem; background-color: white; } @@ -15,7 +15,7 @@ exports[`UtbetalingerPVent matcher snapshot 1`] = ` .c1 [role='table'] thead, .c1 [role='table'] .thead[role='rowgroup'] { - border-bottom: 0.2rem solid rgba(0,0,0,0.15); + border-bottom: 0.2rem solid rgba(0, 0, 0, 0.15); font-weight: 600; } @@ -30,18 +30,18 @@ exports[`UtbetalingerPVent matcher snapshot 1`] = ` } .c1 [role='table'] [role='row']:nth-child(even) { - background-color: rgba(0,0,0,0.1); + background-color: rgba(0, 0, 0, 0.1); } .c0 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; white-space: nowrap; } -.c0 > *:not(:last-child) { +.c0 >*:not(:last-child) { margin-bottom: 1rem; } diff --git a/src/app/personside/infotabs/ytelser/utbetalinger/kommendeUtbetalinger/__snapshots__/KommendeUtbetalinger.test.tsx.snap b/src/app/personside/infotabs/ytelser/utbetalinger/kommendeUtbetalinger/__snapshots__/KommendeUtbetalinger.test.tsx.snap index 9a4fabc41..e27768c91 100644 --- a/src/app/personside/infotabs/ytelser/utbetalinger/kommendeUtbetalinger/__snapshots__/KommendeUtbetalinger.test.tsx.snap +++ b/src/app/personside/infotabs/ytelser/utbetalinger/kommendeUtbetalinger/__snapshots__/KommendeUtbetalinger.test.tsx.snap @@ -3,7 +3,7 @@ exports[`Kommende enkelutbetaling matcher snapshot 1`] = ` .c1 { overflow: auto; - box-shadow: 0 0 0 0.07rem rgba(0,0,0,0.25); + box-shadow: 0 0 0 0.07rem rgba(0, 0, 0, 0.25); border-radius: .25rem; background-color: white; } @@ -15,7 +15,7 @@ exports[`Kommende enkelutbetaling matcher snapshot 1`] = ` .c1 [role='table'] thead, .c1 [role='table'] .thead[role='rowgroup'] { - border-bottom: 0.2rem solid rgba(0,0,0,0.15); + border-bottom: 0.2rem solid rgba(0, 0, 0, 0.15); font-weight: 600; } @@ -30,18 +30,18 @@ exports[`Kommende enkelutbetaling matcher snapshot 1`] = ` } .c1 [role='table'] [role='row']:nth-child(even) { - background-color: rgba(0,0,0,0.1); + background-color: rgba(0, 0, 0, 0.1); } .c0 { border-radius: 0.5rem; background-color: #f1f0f0; - box-shadow: inset 0 0 0 0.3rem white, inset 0 0 0 0.37rem rgba(0,0,0,0.15); + box-shadow: inset 0 0 0 0.3rem white,inset 0 0 0 0.37rem rgba(0, 0, 0, 0.15); padding: 1.25rem; white-space: nowrap; } -.c0 > *:not(:last-child) { +.c0 >*:not(:last-child) { margin-bottom: 1rem; } diff --git a/src/app/personside/visittkort-v2/body/__snapshots__/VisittkortBody.test.tsx.snap b/src/app/personside/visittkort-v2/body/__snapshots__/VisittkortBody.test.tsx.snap index 819d7f79d..42432a804 100644 --- a/src/app/personside/visittkort-v2/body/__snapshots__/VisittkortBody.test.tsx.snap +++ b/src/app/personside/visittkort-v2/body/__snapshots__/VisittkortBody.test.tsx.snap @@ -3,13 +3,7 @@ exports[`viser info om bruker i visittkortbody 1`] = ` .c2 { position: relative; - 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; } @@ -17,17 +11,11 @@ exports[`viser info om bruker i visittkortbody 1`] = ` position: absolute; left: -3.125rem; width: 3.125rem; - 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; } -.c5 > svg { +.c5 >svg { height: 1.5rem; width: auto; } @@ -35,9 +23,6 @@ exports[`viser info om bruker i visittkortbody 1`] = ` .c0 { background-color: white; padding: .5rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; margin-top: 0.2rem; } @@ -47,19 +32,12 @@ exports[`viser info om bruker i visittkortbody 1`] = ` box-shadow: 0 0 0 0.1875rem #254b6d; } -.c0 > * { - -webkit-flex: 1 1 50%; - -ms-flex: 1 1 50%; +.c0 >* { flex: 1 1 50%; } .c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-flow: column nowrap; - -ms-flex-flow: column nowrap; flex-flow: column nowrap; margin-left: 3.125rem; margin-right: 3.125rem; @@ -69,7 +47,7 @@ exports[`viser info om bruker i visittkortbody 1`] = ` margin-right: 1.25rem; } -.c1 > *:not(:last-child) { +.c1 >*:not(:last-child) { margin-bottom: 2.5rem; } @@ -116,21 +94,9 @@ exports[`viser info om bruker i visittkortbody 1`] = ` } .c14 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; justify-content: flex-end; - -webkit-align-items: flex-end; - -webkit-box-align: flex-end; - -ms-flex-align: flex-end; align-items: flex-end; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; } @@ -138,24 +104,15 @@ exports[`viser info om bruker i visittkortbody 1`] = ` margin: initial; padding: initial; list-style: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-flow: row wrap; - -ms-flex-flow: row wrap; flex-flow: row wrap; } .c10 dt { - -webkit-flex: 1 1 50%; - -ms-flex: 1 1 50%; flex: 1 1 50%; } .c10 dd { - -webkit-flex: 2 2 50%; - -ms-flex: 2 2 50%; flex: 2 2 50%; margin: 0; } diff --git a/src/app/personside/visittkort-v2/body/__snapshots__/VisittkortBodyFeilendeSystemer.test.tsx.snap b/src/app/personside/visittkort-v2/body/__snapshots__/VisittkortBodyFeilendeSystemer.test.tsx.snap index 0b0b10261..8873c008f 100644 --- a/src/app/personside/visittkort-v2/body/__snapshots__/VisittkortBodyFeilendeSystemer.test.tsx.snap +++ b/src/app/personside/visittkort-v2/body/__snapshots__/VisittkortBodyFeilendeSystemer.test.tsx.snap @@ -3,13 +3,7 @@ exports[`viser info om bruker i visittkortbody 1`] = ` .c2 { position: relative; - 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; } @@ -17,17 +11,11 @@ exports[`viser info om bruker i visittkortbody 1`] = ` position: absolute; left: -3.125rem; width: 3.125rem; - 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; } -.c5 > svg { +.c5 >svg { height: 1.5rem; width: auto; } @@ -35,9 +23,6 @@ exports[`viser info om bruker i visittkortbody 1`] = ` .c0 { background-color: white; padding: .5rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; margin-top: 0.2rem; } @@ -47,19 +32,12 @@ exports[`viser info om bruker i visittkortbody 1`] = ` box-shadow: 0 0 0 0.1875rem #254b6d; } -.c0 > * { - -webkit-flex: 1 1 50%; - -ms-flex: 1 1 50%; +.c0 >* { flex: 1 1 50%; } .c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-flow: column nowrap; - -ms-flex-flow: column nowrap; flex-flow: column nowrap; margin-left: 3.125rem; margin-right: 3.125rem; @@ -69,7 +47,7 @@ exports[`viser info om bruker i visittkortbody 1`] = ` margin-right: 1.25rem; } -.c1 > *:not(:last-child) { +.c1 >*:not(:last-child) { margin-bottom: 2.5rem; } @@ -112,21 +90,9 @@ exports[`viser info om bruker i visittkortbody 1`] = ` } .c10 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; justify-content: flex-end; - -webkit-align-items: flex-end; - -webkit-box-align: flex-end; - -ms-flex-align: flex-end; align-items: flex-end; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; flex-grow: 1; } diff --git a/src/app/personside/visittkort-v2/body/deltBosted/__snapshots__/DeltBosted.test.tsx.snap b/src/app/personside/visittkort-v2/body/deltBosted/__snapshots__/DeltBosted.test.tsx.snap index 6ad12af57..ad3cf57f0 100644 --- a/src/app/personside/visittkort-v2/body/deltBosted/__snapshots__/DeltBosted.test.tsx.snap +++ b/src/app/personside/visittkort-v2/body/deltBosted/__snapshots__/DeltBosted.test.tsx.snap @@ -3,13 +3,7 @@ exports[`viser deltbosted 1`] = ` .c0 { position: relative; - 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; } @@ -17,17 +11,11 @@ exports[`viser deltbosted 1`] = ` position: absolute; left: -3.125rem; width: 3.125rem; - 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 > svg { +.c1 >svg { height: 1.5rem; width: auto; } diff --git a/src/app/personside/visittkort-v2/body/familie/__snapshots__/Sivilstand.test.tsx.snap b/src/app/personside/visittkort-v2/body/familie/__snapshots__/Sivilstand.test.tsx.snap index 456ba339c..5a7664718 100644 --- a/src/app/personside/visittkort-v2/body/familie/__snapshots__/Sivilstand.test.tsx.snap +++ b/src/app/personside/visittkort-v2/body/familie/__snapshots__/Sivilstand.test.tsx.snap @@ -3,13 +3,7 @@ exports[`viser sivilstand 1`] = ` .c1 { position: relative; - 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; } @@ -17,17 +11,11 @@ exports[`viser sivilstand 1`] = ` position: absolute; left: -3.125rem; width: 3.125rem; - 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; } -.c2 > svg { +.c2 >svg { height: 1.5rem; width: auto; } diff --git a/src/app/personside/visittkort-v2/body/foreldreansvar/__snapshots__/Foreldreansvar.test.tsx.snap b/src/app/personside/visittkort-v2/body/foreldreansvar/__snapshots__/Foreldreansvar.test.tsx.snap index c10937013..10a4577d3 100644 --- a/src/app/personside/visittkort-v2/body/foreldreansvar/__snapshots__/Foreldreansvar.test.tsx.snap +++ b/src/app/personside/visittkort-v2/body/foreldreansvar/__snapshots__/Foreldreansvar.test.tsx.snap @@ -3,13 +3,7 @@ exports[`viser foreldreansvar 1`] = ` .c0 { position: relative; - 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; } @@ -17,17 +11,11 @@ exports[`viser foreldreansvar 1`] = ` position: absolute; left: -3.125rem; width: 3.125rem; - 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 > svg { +.c1 >svg { height: 1.5rem; width: auto; } diff --git a/src/app/personside/visittkort-v2/body/fullmakt/__snapshots__/Fullmakt.test.tsx.snap b/src/app/personside/visittkort-v2/body/fullmakt/__snapshots__/Fullmakt.test.tsx.snap index f793325da..581923aab 100644 --- a/src/app/personside/visittkort-v2/body/fullmakt/__snapshots__/Fullmakt.test.tsx.snap +++ b/src/app/personside/visittkort-v2/body/fullmakt/__snapshots__/Fullmakt.test.tsx.snap @@ -3,13 +3,7 @@ exports[`viser fullmakt 1`] = ` .c0 { position: relative; - 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; } @@ -17,17 +11,11 @@ exports[`viser fullmakt 1`] = ` position: absolute; left: -3.125rem; width: 3.125rem; - 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 > svg { +.c1 >svg { height: 1.5rem; width: auto; } diff --git a/src/app/personside/visittkort-v2/body/kontaktinformasjon/dodsbo/__snapshots__/Dodsbo.test.tsx.snap b/src/app/personside/visittkort-v2/body/kontaktinformasjon/dodsbo/__snapshots__/Dodsbo.test.tsx.snap index c40891683..a599c8542 100644 --- a/src/app/personside/visittkort-v2/body/kontaktinformasjon/dodsbo/__snapshots__/Dodsbo.test.tsx.snap +++ b/src/app/personside/visittkort-v2/body/kontaktinformasjon/dodsbo/__snapshots__/Dodsbo.test.tsx.snap @@ -3,13 +3,7 @@ exports[`viser dodsbo 1`] = ` .c1 { position: relative; - 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; } @@ -17,17 +11,11 @@ exports[`viser dodsbo 1`] = ` position: absolute; left: -3.125rem; width: 3.125rem; - 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; } -.c2 > svg { +.c2 >svg { height: 1.5rem; width: auto; } diff --git a/src/app/personside/visittkort-v2/body/sikkerhetstiltak/__snapshots__/Sikkerhetstiltak.test.tsx.snap b/src/app/personside/visittkort-v2/body/sikkerhetstiltak/__snapshots__/Sikkerhetstiltak.test.tsx.snap index 15c88b527..314992037 100644 --- a/src/app/personside/visittkort-v2/body/sikkerhetstiltak/__snapshots__/Sikkerhetstiltak.test.tsx.snap +++ b/src/app/personside/visittkort-v2/body/sikkerhetstiltak/__snapshots__/Sikkerhetstiltak.test.tsx.snap @@ -3,13 +3,7 @@ exports[`viser sikkerhetstiltak 1`] = ` .c0 { position: relative; - 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; } @@ -17,17 +11,11 @@ exports[`viser sikkerhetstiltak 1`] = ` position: absolute; left: -3.125rem; width: 3.125rem; - 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 > svg { +.c1 >svg { height: 1.5rem; width: auto; } diff --git a/src/app/personside/visittkort-v2/body/vergemal/__snapshots__/Vergemal.test.tsx.snap b/src/app/personside/visittkort-v2/body/vergemal/__snapshots__/Vergemal.test.tsx.snap index 331222f55..c5cb9dce1 100644 --- a/src/app/personside/visittkort-v2/body/vergemal/__snapshots__/Vergemal.test.tsx.snap +++ b/src/app/personside/visittkort-v2/body/vergemal/__snapshots__/Vergemal.test.tsx.snap @@ -3,13 +3,7 @@ exports[`viser vergemål 1`] = ` .c0 { position: relative; - 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; } @@ -17,17 +11,11 @@ exports[`viser vergemål 1`] = ` position: absolute; left: -3.125rem; width: 3.125rem; - 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 > svg { +.c1 >svg { height: 1.5rem; width: auto; } diff --git a/src/app/personside/visittkort-v2/header/__snapshots__/VisittkortHeader.test.tsx.snap b/src/app/personside/visittkort-v2/header/__snapshots__/VisittkortHeader.test.tsx.snap index d113029cc..185838172 100644 --- a/src/app/personside/visittkort-v2/header/__snapshots__/VisittkortHeader.test.tsx.snap +++ b/src/app/personside/visittkort-v2/header/__snapshots__/VisittkortHeader.test.tsx.snap @@ -3,14 +3,12 @@ exports[`Tester visittkort-header sin funksjonalitet > viser info om bruker i visittkort-header 1`] = ` .c7 { position: absolute; - 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); } .c6 { @@ -19,8 +17,6 @@ exports[`Tester visittkort-header sin funksjonalitet > viser info om bruker i vi cursor: pointer; background-color: transparent; border-radius: 0.2rem; - -webkit-transition: -webkit-transform 0.2s; - -webkit-transition: transform 0.2s; transition: transform 0.2s; } @@ -36,8 +32,6 @@ exports[`Tester visittkort-header sin funksjonalitet > viser info om bruker i vi } .c6:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); transform: scale(1.2); } @@ -51,9 +45,6 @@ exports[`Tester visittkort-header sin funksjonalitet > viser info om bruker i vi } .c9 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; } @@ -68,9 +59,6 @@ exports[`Tester visittkort-header sin funksjonalitet > viser info om bruker i vi margin: 0; padding: 0; list-style: none; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; } @@ -87,27 +75,18 @@ exports[`Tester visittkort-header sin funksjonalitet > viser info om bruker i vi margin-right: 1em; } -.c5 > *:not(:first-child)::before { +.c5 >*:not(:first-child)::before { content: '–'; margin: 0 0.5rem; } .c12 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; justify-content: flex-end; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; } -.c12 > * { +.c12 >* { margin: 6px 0 0 6px; white-space: nowrap; } @@ -143,28 +122,13 @@ exports[`Tester visittkort-header sin funksjonalitet > viser info om bruker i vi .c13 { margin: 0.5rem 0 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; justify-content: flex-end; } .c3 { - 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: start; - -webkit-box-align: start; - -ms-flex-align: start; align-items: start; margin-right: 0.5rem; } @@ -179,76 +143,40 @@ exports[`Tester visittkort-header sin funksjonalitet > viser info om bruker i vi padding: .5rem; padding-right: 0; position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; cursor: pointer; } .c1 { - -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-flex-flow: row wrap; - -ms-flex-flow: row wrap; flex-flow: row wrap; } -.c1 > * { - -webkit-flex: 1 1 15rem; - -ms-flex: 1 1 15rem; +.c1 >* { flex: 1 1 15rem; } .c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; min-width: 35%; } .c11 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-flow: column nowrap; - -ms-flex-flow: column nowrap; flex-flow: column nowrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; text-align: right; box-sizing: border-box; } .c4 { - -webkit-flex: 1 1; - -ms-flex: 1 1; flex: 1 1; text-align: left; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-flow: column nowrap; - -ms-flex-flow: column nowrap; flex-flow: column nowrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; word-break: break-word; } @@ -258,23 +186,14 @@ exports[`Tester visittkort-header sin funksjonalitet > viser info om bruker i vi box-shadow: 0 0 0 0.1875rem #254b6d; } -.c4 > *:first-child { - margin-bottom: 0.2em !important; +.c4 >*:first-child { + margin-bottom: 0.2em!important; } .c14 { padding: 0.625rem; - 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; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; justify-content: center; } @@ -554,6 +473,7 @@ exports[`Tester visittkort-header sin funksjonalitet > viser info om bruker i vi aria-expanded={false} aria-label="Åpne visittkort (Alt + N)" className="c15" + focusOnRelativeParent={true} onClick={[Function]} title="Åpne visittkort (Alt + N)" > diff --git a/src/app/personsok/__snapshots__/PersonsokKomponent.test.tsx.snap b/src/app/personsok/__snapshots__/PersonsokKomponent.test.tsx.snap index 79e4abda7..4d9bb7484 100644 --- a/src/app/personsok/__snapshots__/PersonsokKomponent.test.tsx.snap +++ b/src/app/personsok/__snapshots__/PersonsokKomponent.test.tsx.snap @@ -8,13 +8,7 @@ exports[`viser personsøk-komponent 1`] = ` border-radius: .35rem; cursor: pointer; background-color: transparent; - 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; color: #0067c5; } @@ -49,8 +43,6 @@ exports[`viser personsøk-komponent 1`] = ` .c6 .nav-datovelger__kalenderPortal { position: absolute; - width: -webkit-fit-content; - width: -moz-fit-content; width: fit-content; top: 40px; left: -150px; @@ -61,19 +53,11 @@ exports[`viser personsøk-komponent 1`] = ` } .c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; flex-direction: column; } .c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; } @@ -94,33 +78,21 @@ exports[`viser personsøk-komponent 1`] = ` } .c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; margin-bottom: 0.5rem; } -.c1 > *:first-child { +.c1 >*:first-child { margin-right: 10rem; } .c8 { padding-top: .5rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; justify-content: space-between; } .c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; }