@dnb/eufemia 9.23.0-beta.2 → 9.23.0-beta.3

package/esm/style/dnb-ui-basis.min.css

@@ -1 +0,0 @@
-:root{--font-family-default:"DNB",sans-serif;--font-family-monospace:"DNBMono","Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace;--font-weight-default:normal;--font-weight-basis:normal;--font-weight-regular:normal;--font-weight-medium:500;--font-weight-bold:600;--font-size-x-small:0.875rem;--font-size-small:1rem;--font-size-basis:1.125rem;--font-size-basis--em:1em;--font-size-medium:1.25rem;--font-size-large:1.625rem;--font-size-x-large:2.125rem;--font-size-xx-large:3rem;--line-height-xx-small--em:1em;--line-height-x-small:1.125rem;--line-height-small:1.25rem;--line-height-basis:1.5rem;--line-height-basis--em:1.333em;--line-height-medium:2rem;--line-height-large:2.5rem;--line-height-x-large:3.5rem;--color-mint-green-50:#d2f0e9;--color-mint-green-25:#e9f8f4;--color-mint-green-12:#f4fbf9;--color-sea-green-30:#b3dada;--color-accent-yellow-30:#feebc1;--color-signal-orange:#ff5400;--color-fire-red:#dc2a2a;--color-success-green:#007b5e;--color-fire-red-8:#fdeeee;--color-black:#000;--color-black-80:#333;--color-black-55:#737373;--color-black-20:#ccc;--color-black-8:#ebebeb;--color-black-3:#f8f8f8;--color-white:#fff;--color-black-border:#cdcdcd;--color-black-background:#fafafa;--color-sea-green:#007272;--color-mint-green:#a5e1d2;--color-summer-green:#28b482;--color-emerald-green:#14555a;--color-ocean-green:#00343e;--color-accent-yellow:#fdbb31;--color-indigo:#23195a;--color-violet:#6e2382;--color-sky-blue:#4bbed2;--color-lavender:#f2f2f5;--color-sand-yellow:#fbf6ec;--color-pistachio:#f2f4ec;--color-mint-green-alt:#ebfffa;--color-indigo-medium:#6e6491;--color-indigo-light:#b9afc8;--color-violet-medium:#a06eaf;--color-violet-light:#cfb9d7;--color-sky-blue-medium:#87d2e1;--color-sky-blue-light:#c3ebf0;--spacing-xx-small:0.25rem;--spacing-x-small:0.5rem;--spacing-small:1rem;--spacing-medium:1.5rem;--spacing-large:2rem;--spacing-x-large:3rem;--spacing-xx-large:3.5rem;--layout-small:40em;--layout-medium:50em;--layout-large:60em;--layout-x-large:72em;--layout-xx-large:80em;--layout-xxx-large:90em;--shadow-default:0 8px 16px rgba(51,51,51,.08);--shadow-default-x:0;--shadow-default-y:8px;--shadow-default-blur-radius:16px;--shadow-default-color:rgba(51,51,51,.08)}.dnb-typo-regular{font-weight:400}.dnb-typo-medium,.dnb-typo-regular{font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal}.dnb-typo-medium{font-weight:500;font-weight:var(--font-weight-medium)}.dnb-typo-bold{font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal;font-weight:600;font-weight:var(--font-weight-bold)}.dnb-typo-mono-regular{font-family:DNBMono,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-family:var(--font-family-monospace);font-style:normal;font-weight:400}@font-face{font-display:fallback;font-family:DNB;font-style:normal;font-weight:400;src:url(../assets/fonts/DNB-Regular.woff2) format("woff2"),url(../assets/fonts/DNB-Regular.woff) format("woff"),url(../assets/fonts/DNB-Regular.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNB;font-style:normal;font-weight:500;src:url(../assets/fonts/DNB-Medium.woff2) format("woff2"),url(../assets/fonts/DNB-Medium.woff) format("woff"),url(../assets/fonts/DNB-Medium.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNB;font-style:normal;font-weight:600;src:url(../assets/fonts/DNB-Bold.woff2) format("woff2"),url(../assets/fonts/DNB-Bold.woff) format("woff"),url(../assets/fonts/DNB-Bold.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBMono;font-style:normal;font-weight:400;src:url(../assets/fonts/DNBMono-Regular.woff2) format("woff2"),url(../assets/fonts/DNBMono-Regular.woff) format("woff"),url(../assets/fonts/DNBMono-Regular.ttf) format("truetype")}.dnb-no-focus,.dnb-tab-focus,.dnb-tab-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-tab-focus:focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-tab-focus:focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-mouse-focus,.dnb-mouse-focus:focus{outline:none}html[data-whatinput=mouse] .dnb-mouse-focus:focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=mouse] .dnb-mouse-focus:focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-focus-ring{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color)!important;box-shadow:0 0 0 .125rem var(--border-color)!important}@media screen and (-ms-high-contrast:none){.dnb-focus-ring{-webkit-box-shadow:0 0 0 .125rem #14555a!important;box-shadow:0 0 0 .125rem #14555a!important;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green)!important;box-shadow:0 0 0 .125rem var(--color-emerald-green)!important}}.dnb-scrollbar-appearance{-ms-scroll-chaining:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;overscroll-behavior:contain;scrollbar-color:#14555a transparent;scrollbar-color:var(--color-emerald-green) transparent;scrollbar-width:thin}.dnb-skip-link{opacity:.3;position:absolute;top:-100vh;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;z-index:0}.dnb-skip-link--active,.dnb-skip-link:focus{background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:#007272;color:var(--color-sea-green);font-size:1.125rem;font-size:var(--font-size-basis);left:40%;margin:0;outline:none;padding:.5rem 1rem;position:fixed;text-align:center;text-decoration:none;top:5%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:9999}.dnb-skip-link--active:after,.dnb-skip-link:focus:after{background-color:hsla(0,0%,100%,.85);-webkit-box-shadow:150vw 150vh 0 0 hsla(0,0%,100%,.85);box-shadow:150vw 150vh 0 0 hsla(0,0%,100%,.85);content:"";height:150vh;left:-200vw;position:absolute;top:-200vh;width:150vw;z-index:-2}.dnb-skip-link--active:before,.dnb-skip-link:focus:before{background-color:#fff;background-color:var(--color-white);border-radius:1.5rem;content:"";height:100%;left:0;outline:none;position:absolute;top:0;width:100%;z-index:-1}html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-skip-link--active:hover:before,.dnb-skip-link:focus:hover:before{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-skip-link--active:active:before,.dnb-skip-link:focus:active:before{background-color:#14555a;background-color:var(--color-emerald-green)}.dnb-skip-link--active:focus:not(:active):before,.dnb-skip-link:focus:focus:not(:active):before{outline:none}html[data-whatinput=keyboard] .dnb-skip-link--active:focus:not(:active):before,html[data-whatinput=keyboard] .dnb-skip-link:focus:focus:not(:active):before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-skip-link--active:focus:not(:active):before,html[data-whatinput=keyboard] .dnb-skip-link:focus:focus:not(:active):before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-skip-link--active:focus,.dnb-skip-link:focus:focus{opacity:1}.dnb-skip-link--active:focus:not(:hover):not(:active),.dnb-skip-link--active:hover,.dnb-skip-link:focus:focus:not(:hover):not(:active),.dnb-skip-link:focus:hover{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#007272;color:var(--color-sea-green)}.dnb-skip-link--active:active,.dnb-skip-link:focus:active{background-color:transparent;color:#fff;color:var(--color-white)}html[data-whatintent=touch] .dnb-skip-link{display:none}.dnb-alignment-helper,.dnb-alignment-helper:before{speak:none;display:inline-block;font-size:1rem;font-size:var(--font-size-small);height:0;width:0}.dnb-alignment-helper:before{content:"\200C"}.dnb-drop-shadow{-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default)}.dnb-sr-only,.dnb-sr-only--inline{-webkit-touch-callout:none;clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px 0 0 -1px;overflow:hidden;padding:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:1px}.dnb-sr-only--inline{display:inline-block;font-size:0;line-height:0;opacity:0;position:static;visibility:visible}.dnb-not-sr-only{font-size:medium;height:auto;line-height:normal;opacity:1;overflow:auto;position:static;white-space:normal;width:auto}.dnb-suffix{font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis);padding-left:.5rem;word-break:normal}html{font-size:100%;scroll-behavior:smooth}@supports (-webkit-touch-callout:none) and (font:-apple-system-body){html{font:-apple-system-body}}a:hover{text-decoration:none}.dnb-anchor--active{color:#a5e1d2!important;color:var(--color-mint-green)!important}.dnb-anchor--contrast:not(:hover){color:#fff!important;color:var(--color-white)!important}a.dnb-button--primary{color:#fff;color:var(--color-white)}ul{list-style:disc none outside;list-style:initial}p{background-color:transparent;background-color:initial;overflow:visible;overflow:initial;text-align:inherit}i{font-style:italic}#column_left,#root{width:100%}body#dnbLayoutDefault #wrapper,body#dnbLayoutDefaultStartPage #wrapper{max-width:60rem;width:100%}#column_content{-webkit-box-shadow:none;box-shadow:none}body{margin:0}.dnb-core-style{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-core-style *,.dnb-core-style :after,.dnb-core-style :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-core-style :after,.dnb-core-style :before{text-decoration:inherit;vertical-align:inherit}.dnb-core-style hr{height:0;overflow:visible}.dnb-core-style main{display:block}.dnb-core-style nav ol,.dnb-core-style nav ul{list-style:none}.dnb-core-style abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.dnb-core-style b,.dnb-core-style strong{font-weight:bolder}.dnb-core-style code,.dnb-core-style kbd,.dnb-core-style pre,.dnb-core-style samp{font-family:DNBMono,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-family:var(--font-family-monospace);font-size:1em;font-size:var(--font-size-basis--em)}.dnb-core-style ::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}.dnb-core-style audio,.dnb-core-style canvas,.dnb-core-style iframe,.dnb-core-style img,.dnb-core-style svg,.dnb-core-style video{vertical-align:middle}.dnb-core-style audio,.dnb-core-style video{display:inline-block}.dnb-core-style audio:not([controls]){display:none;height:0}.dnb-core-style img{border-style:none}.dnb-core-style svg:not([fill]){fill:currentColor}.dnb-core-style svg:not(:root){overflow:hidden}.dnb-core-style table{border-collapse:collapse}.dnb-core-style button,.dnb-core-style input,.dnb-core-style select,.dnb-core-style textarea{font-family:inherit;font-size:inherit;line-height:inherit}.dnb-core-style button,.dnb-core-style figure,.dnb-core-style input,.dnb-core-style select{margin:0}.dnb-core-style button{overflow:visible;text-transform:none}.dnb-core-style fieldset{padding:.35rem .75rem .625rem}.dnb-core-style input{overflow:visible;word-break:normal}.dnb-core-style legend{color:inherit;display:table;max-width:100%;white-space:normal}.dnb-core-style progress{display:inline-block;vertical-align:baseline}.dnb-core-style select{text-transform:none}.dnb-core-style textarea{overflow:auto;resize:vertical}.dnb-core-style [type=checkbox],.dnb-core-style [type=radio]{padding:0}.dnb-core-style input[type=search]{-webkit-appearance:textfield;outline-offset:-2px}.dnb-core-style ::-webkit-inner-spin-button,.dnb-core-style ::-webkit-outer-spin-button{height:auto}.dnb-core-style ::-webkit-input-placeholder{color:inherit;opacity:.54}.dnb-core-style ::-webkit-search-decoration{-webkit-appearance:none}.dnb-core-style ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}.dnb-core-style ::-moz-focus-inner{border-style:none;padding:0}.dnb-core-style details{display:block}.dnb-core-style summary{display:list-item}.dnb-core-style canvas{display:inline-block}.dnb-core-style template{display:none}.dnb-core-style [tabindex],.dnb-core-style a,.dnb-core-style area,.dnb-core-style button,.dnb-core-style input,.dnb-core-style label,.dnb-core-style select,.dnb-core-style summary,.dnb-core-style textarea{-ms-touch-action:manipulation;touch-action:manipulation}.dnb-core-style [hidden]{display:none}.dnb-core-style [aria-busy=true]{cursor:progress}.dnb-core-style [aria-controls]:not(input){cursor:pointer}.dnb-core-style [aria-disabled=true],.dnb-core-style [disabled]{cursor:not-allowed}.dnb-core-style [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{.dnb-core-style{background-color:#fff;color:#000}}

package/esm/style/dnb-ui-basis.scss

@@ -1,27 +0,0 @@
-/**
- * Import basis core parts
- *
- */
-
-// core imports
-@import './core/utilities.scss';
-@import './core/properties.scss';
-@import './core/scopes.scss';
-@import './core/fonts.scss';
-@import './core/helper-classes/helper-classes.scss';
-
-// make sure we have dynamic root font size
-@include htmlDefault();
-
-// The only style we use on body is to reset the margin
-// the rest goas inside dnb-core-style
-body {
-  margin: 0;
-}
-
-// In order to be able to have the body stiles inside a app wrapper,
-// we have this class helper to get the body styles inside the wrapper as well
-// without using the body
-.dnb-core-style {
-  @include bodyDefault();
-}

package/esm/style/dnb-ui-body.css

@@ -1,548 +0,0 @@
-/**
- * Import reset and body scope
- *
- */
-/*
- * Utilities
- */
-/*
- * CSS Properties
- *
- */
-:root {
-  --font-family-default: 'DNB', sans-serif;
-  --font-family-monospace: 'DNBMono', 'Menlo', 'Consolas', 'Roboto Mono',
-    'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono', 'Liberation Mono',
-    monospace;
-  --font-weight-default: normal;
-  --font-weight-basis: normal;
-  --font-weight-regular: normal;
-  --font-weight-medium: 500;
-  --font-weight-bold: 600;
-  --font-size-x-small: 0.875rem;
-  --font-size-small: 1rem;
-  --font-size-basis: 1.125rem;
-  --font-size-basis--em: 1em;
-  --font-size-medium: 1.25rem;
-  --font-size-large: 1.625rem;
-  --font-size-x-large: 2.125rem;
-  --font-size-xx-large: 3rem;
-  --line-height-xx-small--em: 1em;
-  --line-height-x-small: 1.125rem;
-  --line-height-small: 1.25rem;
-  --line-height-basis: 1.5rem;
-  --line-height-basis--em: 1.333em;
-  --line-height-medium: 2rem;
-  --line-height-large: 2.5rem;
-  --line-height-x-large: 3.5rem;
-  --color-mint-green-50: #d2f0e9;
-  --color-mint-green-25: #e9f8f4;
-  --color-mint-green-12: #f4fbf9;
-  --color-sea-green-30: #b3dada;
-  --color-accent-yellow-30: #feebc1;
-  --color-signal-orange: #ff5400;
-  --color-fire-red: #dc2a2a;
-  --color-success-green: #007b5e;
-  --color-fire-red-8: #fdeeee;
-  --color-black: #000;
-  --color-black-80: #333;
-  --color-black-55: #737373;
-  --color-black-20: #ccc;
-  --color-black-8: #ebebeb;
-  --color-black-3: #f8f8f8;
-  --color-white: #fff;
-  --color-black-border: #cdcdcd;
-  --color-black-background: #fafafa;
-  --color-sea-green: #007272;
-  --color-mint-green: #a5e1d2;
-  --color-summer-green: #28b482;
-  --color-emerald-green: #14555a;
-  --color-ocean-green: #00343e;
-  --color-accent-yellow: #fdbb31;
-  --color-indigo: #23195a;
-  --color-violet: #6e2382;
-  --color-sky-blue: #4bbed2;
-  --color-lavender: #f2f2f5;
-  --color-sand-yellow: #fbf6ec;
-  --color-pistachio: #f2f4ec;
-  --color-mint-green-alt: #ebfffa;
-  --color-indigo-medium: #6e6491;
-  --color-indigo-light: #b9afc8;
-  --color-violet-medium: #a06eaf;
-  --color-violet-light: #cfb9d7;
-  --color-sky-blue-medium: #87d2e1;
-  --color-sky-blue-light: #c3ebf0;
-  --spacing-xx-small: 0.25rem;
-  --spacing-x-small: 0.5rem;
-  --spacing-small: 1rem;
-  --spacing-medium: 1.5rem;
-  --spacing-large: 2rem;
-  --spacing-x-large: 3rem;
-  --spacing-xx-large: 3.5rem;
-  --layout-small: 40em;
-  --layout-medium: 50em;
-  --layout-large: 60em;
-  --layout-x-large: 72em;
-  --layout-xx-large: 80em;
-  --layout-xxx-large: 90em;
-  --shadow-default: 0 8px 16px rgba(51, 51, 51, 0.08);
-  --shadow-default-x: 0;
-  --shadow-default-y: 8px;
-  --shadow-default-blur-radius: 16px;
-  --shadow-default-color: rgba(51, 51, 51, 0.08); }
-
-/*
- * Scopes
- *
- */
-/*
- * Document Reset
- *
- */
-/**
-   * 1. Use the default cursor in all browsers (opinionated).
-   * 2. Use the default user interface font in all browsers (opinionated).
-   * 3. Correct the line height in all browsers.
-   * 4. Use a 4-space tab width in all browsers (opinionated).
-   * 5. Prevent adjustments of font size after orientation changes in
-   *    IE on Windows Phone and in iOS.
-   * 6. Breaks words to prevent overflow in all browsers (opinionated).
-   */
-html {
-  cursor: default;
-  /* 1 */
-  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  /* 2 */
-  line-height: 1.5rem;
-  line-height: var(--line-height-basis);
-  /* 3 */
-  -moz-tab-size: 4;
-  /* 4 */
-  -o-tab-size: 4;
-     tab-size: 4;
-  /* 4 */
-  -ms-text-size-adjust: 100%;
-  /* 5 */
-  -webkit-text-size-adjust: 100%;
-  /* 5 */
-  word-break: break-word;
-  /* 6 */ }
-
-/**
-   * Remove the margin in all browsers (opinionated).
-   */
-body {
-  margin: 0; }
-
-html {
-  scroll-behavior: smooth;
-  font-size: 100%; }
-  @supports (-webkit-touch-callout: none) and (font: -apple-system-body) {
-      html {
-        font: -apple-system-body;
-        /* stylelint-disable-line */ } }
-
-a:hover {
-  text-decoration: none; }
-
-.dnb-anchor--active {
-  color: #a5e1d2 !important;
-  color: var(--color-mint-green) !important; }
-
-.dnb-anchor--contrast:not(:hover) {
-  color: #fff !important;
-  color: var(--color-white) !important; }
-
-a.dnb-button--primary {
-  color: #fff;
-  color: var(--color-white); }
-
-ul {
-  list-style: disc outside none;
-  list-style: initial; }
-
-p {
-  overflow: visible;
-  overflow: initial;
-  text-align: inherit;
-  background-color: transparent;
-  background-color: initial; }
-
-i {
-  font-style: italic; }
-
-#column_left,
-#root {
-  width: 100%; }
-
-body#dnbLayoutDefault #wrapper,
-body#dnbLayoutDefaultStartPage #wrapper {
-  width: 100%;
-  max-width: 60rem; }
-
-#column_content {
-  -webkit-box-shadow: none;
-          box-shadow: none; }
-
-body {
-  /**
-  * 1. Remove repeating backgrounds in all browsers (opinionated).
-  * 2. Add border box sizing in all browsers (opinionated).
-  */
-  /**
-  * 1. Add text decoration inheritance in all browsers (opinionated).
-  * 2. Add vertical alignment inheritance in all browsers (opinionated).
-  */
-  /* Grouping content
-   */
-  /**
-   * 1. Add the correct sizing in Firefox.
-   * 2. Show the overflow in Edge and IE.
-   */
-  /**
-   * Add the correct display in IE.
-   */
-  /**
-   * Remove the list style on navigation lists in all browsers (opinionated).
-   */
-  /* Text-level semantics
-   */
-  /**
-   * Add the correct text decoration in Edge, IE, Opera, and Safari.
-   */
-  /**
-   * Add the correct font weight in Chrome, Edge, and Safari.
-   */
-  /**
-   * 1. Use the default monospace user interface font
-   *    in all browsers (opinionated).
-   * 2. Correct the odd `em` font sizing in all browsers.
-   */
-  /*
-   * Remove the text shadow on text selections in Firefox 61- (opinionated).
-   * 1. Restore the coloring undone by defining the text shadow
-   *    in all browsers (opinionated).
-   */
-  /* Embedded content
-   */
-  /*
-   * Change the alignment on media elements in all browers (opinionated).
-   */
-  /**
-   * Add the correct display in IE 9-.
-   */
-  /**
-   * Add the correct display in iOS 4-7.
-   */
-  /**
-   * Remove the border on images inside links in IE 10-.
-   */
-  /**
-   * Change the fill color to match the text color in all browsers (opinionated).
-   */
-  /**
-   * Hide the overflow in IE.
-   */
-  /* Tabular data
-   */
-  /**
-   * Collapse border spacing in all browsers (opinionated).
-   */
-  /* Forms
-   */
-  /**
-   * Inherit styling in all browsers (opinionated).
-   */
-  /**
-   * Remove the margin in Safari.
-   */
-  /**
-   * 1. Show the overflow in IE.
-   * 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
-   */
-  /**
-   * Correct the padding in Firefox.
-   */
-  /**
-   * Show the overflow in Edge and IE.
-   * 1. Safari did inherit the break-word from html root
-   */
-  /**
-   * 1. Correct the text wrapping in Edge and IE.
-   * 2. Correct the color inheritance from `fieldset` elements in IE.
-   */
-  /**
-   * 1. Add the correct display in Edge and IE.
-   * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
-   */
-  /**
-   * Remove the inheritance of text transform in Firefox.
-   */
-  /**
-   * 2. Remove the default vertical scrollbar in IE.
-   * 3. Change the resize direction on textareas in all browsers (opinionated).
-   */
-  /**
-   * Remove the padding in IE 10-.
-   */
-  /**
-   * 1. Correct the odd appearance in Chrome and Safari.
-   * 2. Correct the outline style in Safari.
-   */
-  /**
-   * Correct the cursor style of increment and decrement buttons in Safari.
-   */
-  /**
-   * Correct the text style of placeholders in Chrome, Edge, and Safari.
-   */
-  /**
-   * Remove the inner padding in Chrome and Safari on macOS.
-   */
-  /**
-   * 1. Change font properties to `inherit` in Safari.
-   */
-  /**
-   * Remove the inner border and padding of focus outlines in Firefox.
-   */
-  /* Interactive
-   */
-  /*
-   * Add the correct display in Edge and IE.
-   */
-  /*
-   * Add the correct display in all browsers.
-   */
-  /* Scripting
-   */
-  /**
-   * Add the correct display in IE 9-.
-   */
-  /**
-   * Add the correct display in IE.
-   */
-  /* User interaction
-   */
-  /*
-   * 1. Remove the tapping delay in IE 10.
-   * 2. Remove the tapping delay on clickable elements
-        in all browsers (opinionated).
-   */
-  /**
-   * Add the correct display in IE 10-.
-   */
-  /* Accessibility
-   */
-  /**
-   * Change the cursor on busy elements in all browsers (opinionated).
-   */
-  /*
-   * Change the cursor on control elements in all browsers (opinionated).
-   */
-  /*
-   * Change the cursor on disabled, not-editable, or otherwise
-   * inoperable elements in all browsers (opinionated).
-   */
-  /*
-   * Change the display on visually hidden accessible elements
-   * in all browsers (opinionated).
-   */
-  font-family: 'DNB', sans-serif;
-  font-family: var(--font-family-default);
-  font-weight: normal;
-  font-weight: var(--font-weight-basis);
-  font-size: 1rem;
-  font-size: var(--font-size-small);
-  font-style: normal;
-  line-height: 1.5rem;
-  line-height: var(--line-height-basis);
-  color: #333;
-  color: var(--color-black-80, #333);
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  /**
-  * Ensure consistency and use the same as HTML reset -> html {...}
-  * between base and code package
-  */
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-     tab-size: 4;
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
-  word-break: break-word; }
-  body *,
-  body ::before,
-  body ::after {
-    background-repeat: no-repeat;
-    /* 1 */
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    /* 2 */ }
-  body ::before,
-  body ::after {
-    text-decoration: inherit;
-    /* 1 */
-    vertical-align: inherit;
-    /* 2 */ }
-  body hr {
-    height: 0;
-    /* 1 */
-    overflow: visible;
-    /* 2 */ }
-  body main {
-    display: block; }
-  body nav ol,
-  body nav ul {
-    list-style: none; }
-  body abbr[title] {
-    text-decoration: underline;
-    -webkit-text-decoration: underline dotted;
-            text-decoration: underline dotted; }
-  body b,
-  body strong {
-    font-weight: bolder; }
-  body pre,
-  body code,
-  body kbd,
-  body samp {
-    font-family: 'DNBMono', 'Menlo', 'Consolas', 'Roboto Mono',
-    'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono', 'Liberation Mono',
-    monospace;
-    font-family: var(--font-family-monospace);
-    /* 1 */
-    font-size: 1em;
-    font-size: var(--font-size-basis--em);
-    /* 2 */ }
-  body ::-moz-selection {
-    background-color: #b3d4fc;
-    /* 1 */
-    color: #000;
-    /* 1 */
-    text-shadow: none; }
-  body audio,
-  body canvas,
-  body iframe,
-  body img,
-  body svg,
-  body video {
-    vertical-align: middle; }
-  body audio,
-  body video {
-    display: inline-block; }
-  body audio:not([controls]) {
-    display: none;
-    height: 0; }
-  body img {
-    border-style: none; }
-  body svg:not([fill]) {
-    fill: currentColor; }
-  body svg:not(:root) {
-    overflow: hidden; }
-  body table {
-    border-collapse: collapse; }
-  body button,
-  body input,
-  body select,
-  body textarea {
-    font-family: inherit;
-    font-size: inherit;
-    line-height: inherit; }
-  body figure,
-  body button,
-  body input,
-  body select {
-    margin: 0; }
-  body button {
-    overflow: visible;
-    /* 1 */
-    text-transform: none;
-    /* 2 */ }
-  body fieldset {
-    padding: 0.35rem 0.75rem 0.625rem; }
-  body input {
-    overflow: visible;
-    word-break: normal;
-    /* 1 */ }
-  body legend {
-    color: inherit;
-    /* 2 */
-    display: table;
-    /* 1 */
-    max-width: 100%;
-    /* 1 */
-    white-space: normal;
-    /* 1 */ }
-  body progress {
-    display: inline-block;
-    /* 1 */
-    vertical-align: baseline;
-    /* 2 */ }
-  body select {
-    text-transform: none; }
-  body textarea {
-    overflow: auto;
-    /* 2 */
-    resize: vertical;
-    /* 3 */ }
-  body [type='checkbox'],
-  body [type='radio'] {
-    padding: 0; }
-  body input[type='search'] {
-    -webkit-appearance: textfield;
-    /* 1 */
-    outline-offset: -2px;
-    /* 2 */ }
-  body ::-webkit-inner-spin-button,
-  body ::-webkit-outer-spin-button {
-    height: auto; }
-  body ::-webkit-input-placeholder {
-    color: inherit;
-    opacity: 0.54; }
-  body ::-webkit-search-decoration {
-    -webkit-appearance: none; }
-  body ::-webkit-file-upload-button {
-    font: inherit;
-    /* 1 */
-    background-color: transparent;
-    border: none; }
-  body ::-moz-focus-inner {
-    border-style: none;
-    padding: 0; }
-  body details {
-    display: block; }
-  body summary {
-    display: list-item; }
-  body canvas {
-    display: inline-block; }
-  body template {
-    display: none; }
-  body a,
-  body area,
-  body button,
-  body input,
-  body label,
-  body select,
-  body summary,
-  body textarea,
-  body [tabindex] {
-    -ms-touch-action: manipulation;
-    /* 1 */
-    touch-action: manipulation;
-    /* 2 */ }
-  body [hidden] {
-    display: none; }
-  body [aria-busy='true'] {
-    cursor: progress; }
-  body [aria-controls]:not(input) {
-    cursor: pointer; }
-  body [aria-disabled='true'],
-  body [disabled] {
-    cursor: not-allowed; }
-  body [aria-hidden='false'][hidden]:not(:focus) {
-    clip: rect(0, 0, 0, 0);
-    display: inherit;
-    position: absolute; }
-  @media print {
-    body {
-      background-color: white;
-      color: black; } }

package/esm/style/dnb-ui-body.min.css

@@ -1 +0,0 @@
-:root{--font-family-default:"DNB",sans-serif;--font-family-monospace:"DNBMono","Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace;--font-weight-default:normal;--font-weight-basis:normal;--font-weight-regular:normal;--font-weight-medium:500;--font-weight-bold:600;--font-size-x-small:0.875rem;--font-size-small:1rem;--font-size-basis:1.125rem;--font-size-basis--em:1em;--font-size-medium:1.25rem;--font-size-large:1.625rem;--font-size-x-large:2.125rem;--font-size-xx-large:3rem;--line-height-xx-small--em:1em;--line-height-x-small:1.125rem;--line-height-small:1.25rem;--line-height-basis:1.5rem;--line-height-basis--em:1.333em;--line-height-medium:2rem;--line-height-large:2.5rem;--line-height-x-large:3.5rem;--color-mint-green-50:#d2f0e9;--color-mint-green-25:#e9f8f4;--color-mint-green-12:#f4fbf9;--color-sea-green-30:#b3dada;--color-accent-yellow-30:#feebc1;--color-signal-orange:#ff5400;--color-fire-red:#dc2a2a;--color-success-green:#007b5e;--color-fire-red-8:#fdeeee;--color-black:#000;--color-black-80:#333;--color-black-55:#737373;--color-black-20:#ccc;--color-black-8:#ebebeb;--color-black-3:#f8f8f8;--color-white:#fff;--color-black-border:#cdcdcd;--color-black-background:#fafafa;--color-sea-green:#007272;--color-mint-green:#a5e1d2;--color-summer-green:#28b482;--color-emerald-green:#14555a;--color-ocean-green:#00343e;--color-accent-yellow:#fdbb31;--color-indigo:#23195a;--color-violet:#6e2382;--color-sky-blue:#4bbed2;--color-lavender:#f2f2f5;--color-sand-yellow:#fbf6ec;--color-pistachio:#f2f4ec;--color-mint-green-alt:#ebfffa;--color-indigo-medium:#6e6491;--color-indigo-light:#b9afc8;--color-violet-medium:#a06eaf;--color-violet-light:#cfb9d7;--color-sky-blue-medium:#87d2e1;--color-sky-blue-light:#c3ebf0;--spacing-xx-small:0.25rem;--spacing-x-small:0.5rem;--spacing-small:1rem;--spacing-medium:1.5rem;--spacing-large:2rem;--spacing-x-large:3rem;--spacing-xx-large:3.5rem;--layout-small:40em;--layout-medium:50em;--layout-large:60em;--layout-x-large:72em;--layout-xx-large:80em;--layout-xxx-large:90em;--shadow-default:0 8px 16px rgba(51,51,51,.08);--shadow-default-x:0;--shadow-default-y:8px;--shadow-default-blur-radius:16px;--shadow-default-color:rgba(51,51,51,.08)}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;cursor:default;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5rem;line-height:var(--line-height-basis);-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}body{margin:0}html{font-size:100%;scroll-behavior:smooth}@supports (-webkit-touch-callout:none) and (font:-apple-system-body){html{font:-apple-system-body}}a:hover{text-decoration:none}.dnb-anchor--active{color:#a5e1d2!important;color:var(--color-mint-green)!important}.dnb-anchor--contrast:not(:hover){color:#fff!important;color:var(--color-white)!important}a.dnb-button--primary{color:#fff;color:var(--color-white)}ul{list-style:disc none outside;list-style:initial}p{background-color:transparent;background-color:initial;overflow:visible;overflow:initial;text-align:inherit}i{font-style:italic}#column_left,#root{width:100%}body#dnbLayoutDefault #wrapper,body#dnbLayoutDefaultStartPage #wrapper{max-width:60rem;width:100%}#column_content{-webkit-box-shadow:none;box-shadow:none}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}body *,body :after,body :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}body :after,body :before{text-decoration:inherit;vertical-align:inherit}body hr{height:0;overflow:visible}body main{display:block}body nav ol,body nav ul{list-style:none}body abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}body b,body strong{font-weight:bolder}body code,body kbd,body pre,body samp{font-family:DNBMono,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-family:var(--font-family-monospace);font-size:1em;font-size:var(--font-size-basis--em)}body ::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}body audio,body canvas,body iframe,body img,body svg,body video{vertical-align:middle}body audio,body video{display:inline-block}body audio:not([controls]){display:none;height:0}body img{border-style:none}body svg:not([fill]){fill:currentColor}body svg:not(:root){overflow:hidden}body table{border-collapse:collapse}body button,body input,body select,body textarea{font-family:inherit;font-size:inherit;line-height:inherit}body button,body figure,body input,body select{margin:0}body button{overflow:visible;text-transform:none}body fieldset{padding:.35rem .75rem .625rem}body input{overflow:visible;word-break:normal}body legend{color:inherit;display:table;max-width:100%;white-space:normal}body progress{display:inline-block;vertical-align:baseline}body select{text-transform:none}body textarea{overflow:auto;resize:vertical}body [type=checkbox],body [type=radio]{padding:0}body input[type=search]{-webkit-appearance:textfield;outline-offset:-2px}body ::-webkit-inner-spin-button,body ::-webkit-outer-spin-button{height:auto}body ::-webkit-input-placeholder{color:inherit;opacity:.54}body ::-webkit-search-decoration{-webkit-appearance:none}body ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}body ::-moz-focus-inner{border-style:none;padding:0}body details{display:block}body summary{display:list-item}body canvas{display:inline-block}body template{display:none}body [tabindex],body a,body area,body button,body input,body label,body select,body summary,body textarea{-ms-touch-action:manipulation;touch-action:manipulation}body [hidden]{display:none}body [aria-busy=true]{cursor:progress}body [aria-controls]:not(input){cursor:pointer}body [aria-disabled=true],body [disabled]{cursor:not-allowed}body [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{body{background-color:#fff;color:#000}}

package/esm/style/dnb-ui-body.scss

@@ -1,18 +0,0 @@
-/**
- * Import reset and body scope
- *
- */
-
-@import './core/utilities.scss';
-@import './core/properties.scss';
-@import './core/scopes.scss';
-
-@include globalReset();
-
-// make sure we have dynamic root font size
-@include htmlDefault();
-
-// global body style
-body {
-  @include bodyDefault();
-}