@dnb/eufemia 9.23.0-beta.2 → 9.23.0

package/esm/components/section/style/dnb-section.css

@@ -1,132 +0,0 @@
-/*
-* DNB Section
-*
-*/
-/**
- * This file is only used to make components independent
- * so that they can get imported individually, without the core styles
- *
- */
-/*
- * Utilities
- */
-/*
- * Scopes
- *
- */
-/*
- * Document Reset
- *
- */
-.dnb-section {
-  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;
-  /**
-  * 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).
-  */
-  margin: 0;
-  padding: 0; }
-  .dnb-section *,
-  .dnb-section ::before,
-  .dnb-section ::after {
-    background-repeat: no-repeat;
-    /* 1 */
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    /* 2 */ }
-  .dnb-section ::before,
-  .dnb-section ::after {
-    text-decoration: inherit;
-    /* 1 */
-    vertical-align: inherit;
-    /* 2 */ }
-
-/*
- * Section component
- *
- */
-.dnb-section {
-  position: relative;
-  display: flow-root; }
-  .dnb-section::after {
-    content: '';
-    position: absolute;
-    z-index: -15;
-    left: -100vw;
-    top: 0;
-    width: 100vw;
-    height: 100%;
-    color: #f4fbf9;
-    color: var(--color-mint-green-12);
-    background-color: currentColor;
-    -webkit-box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor;
-            box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor; }
-  .dnb-section .dnb-section::after {
-    z-index: -14; }
-  .dnb-section .dnb-section .dnb-section::after {
-    z-index: -13; }
-  .dnb-section .dnb-section .dnb-section .dnb-section::after {
-    z-index: -12; }
-  .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
-    z-index: -11; }
-  .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
-    z-index: -10; }
-  .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
-    z-index: -9; }
-  .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
-    z-index: -8; }
-  .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
-    z-index: -7; }
-  .dnb-section--spacing-small {
-    padding-top: 1rem;
-    padding-top: var(--spacing-small);
-    padding-bottom: 1rem;
-    padding-bottom: var(--spacing-small); }
-  .dnb-section--spacing-medium {
-    padding-top: 1.5rem;
-    padding-top: var(--spacing-medium);
-    padding-bottom: 1.5rem;
-    padding-bottom: var(--spacing-medium); }
-  .dnb-section--spacing, .dnb-section--spacing-default, .dnb-section--spacing-large {
-    padding-top: 2rem;
-    padding-top: var(--spacing-large);
-    padding-bottom: 2rem;
-    padding-bottom: var(--spacing-large); }
-  .dnb-section--spacing-x-large {
-    padding-top: 3rem;
-    padding-top: var(--spacing-x-large);
-    padding-bottom: 3.5rem;
-    padding-bottom: var(--spacing-xx-large); }
-  .dnb-section--spacing-xx-large {
-    padding-top: 3.5rem;
-    padding-top: var(--spacing-xx-large);
-    padding-bottom: 4.5rem;
-    padding-bottom: calc(3.5rem + 1rem);
-    padding-bottom: calc(var(--spacing-xx-large) + var(--spacing-small)); }

package/esm/components/section/style/dnb-section.min.css

@@ -1 +0,0 @@
-.dnb-section{-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);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-section *,.dnb-section :after,.dnb-section :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-section :after,.dnb-section :before{text-decoration:inherit;vertical-align:inherit}.dnb-section{display:flow-root;position:relative}.dnb-section:after{background-color:currentColor;-webkit-box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor;box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor;color:#f4fbf9;color:var(--color-mint-green-12);content:"";height:100%;left:-100vw;position:absolute;top:0;width:100vw;z-index:-15}.dnb-section .dnb-section:after{z-index:-14}.dnb-section .dnb-section .dnb-section:after{z-index:-13}.dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-12}.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-11}.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-10}.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-9}.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-8}.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section:after{z-index:-7}.dnb-section--spacing-small{padding-bottom:1rem;padding-bottom:var(--spacing-small);padding-top:1rem;padding-top:var(--spacing-small)}.dnb-section--spacing-medium{padding-bottom:1.5rem;padding-bottom:var(--spacing-medium);padding-top:1.5rem;padding-top:var(--spacing-medium)}.dnb-section--spacing,.dnb-section--spacing-default,.dnb-section--spacing-large{padding-bottom:2rem;padding-bottom:var(--spacing-large);padding-top:2rem;padding-top:var(--spacing-large)}.dnb-section--spacing-x-large{padding-bottom:3.5rem;padding-bottom:var(--spacing-xx-large);padding-top:3rem;padding-top:var(--spacing-x-large)}.dnb-section--spacing-xx-large{padding-bottom:4.5rem;padding-bottom:calc(var(--spacing-xx-large) + var(--spacing-small));padding-top:3.5rem;padding-top:var(--spacing-xx-large)}

package/esm/components/section/style/dnb-section.scss

@@ -1,12 +0,0 @@
-/*
-* DNB Section
-*
-*/
-
-@import '../../../style/components/imports.scss';
-
-.dnb-section {
-  @include componentReset();
-}
-
-@import './_section.scss';

package/esm/components/section/style/index.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/components/section/style/index.js

@@ -1 +0,0 @@
-import "./dnb-section.min.css";

package/esm/components/section/style/themes/dnb-section-theme-ui.css

@@ -1,206 +0,0 @@
-/*
- * Section theme
- *
- */
-/*
- * Anchor mixins
- *
- */
-/*
- * Utilities
- */
-.dnb-section--divider {
-  color: #333;
-  color: var(--color-black-80); }
-  .dnb-section--divider::after {
-    color: #fff;
-    color: var(--color-white);
-    -webkit-box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor, 0 0.0625rem 0 0 #d2f0e9, 99vw 0.0625rem 0 0 #d2f0e9, 0 -0.0625rem 0 0 #d2f0e9, 99vw -0.0625rem 0 0 #d2f0e9, 198vw 0.0625rem 0 0 #d2f0e9, 198vw -0.0625rem 0 0 #d2f0e9;
-            box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor, 0 0.0625rem 0 0 #d2f0e9, 99vw 0.0625rem 0 0 #d2f0e9, 0 -0.0625rem 0 0 #d2f0e9, 99vw -0.0625rem 0 0 #d2f0e9, 198vw 0.0625rem 0 0 #d2f0e9, 198vw -0.0625rem 0 0 #d2f0e9;
-    -webkit-box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor, 0 0.0625rem 0 0 var(--color-mint-green-50), 99vw 0.0625rem 0 0 var(--color-mint-green-50), 0 -0.0625rem 0 0 var(--color-mint-green-50), 99vw -0.0625rem 0 0 var(--color-mint-green-50), 198vw 0.0625rem 0 0 var(--color-mint-green-50), 198vw -0.0625rem 0 0 var(--color-mint-green-50);
-            box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor, 0 0.0625rem 0 0 var(--color-mint-green-50), 99vw 0.0625rem 0 0 var(--color-mint-green-50), 0 -0.0625rem 0 0 var(--color-mint-green-50), 99vw -0.0625rem 0 0 var(--color-mint-green-50), 198vw 0.0625rem 0 0 var(--color-mint-green-50), 198vw -0.0625rem 0 0 var(--color-mint-green-50); }
-
-.dnb-section--transparent::after {
-  color: transparent; }
-
-.dnb-section--mint-green-12 {
-  color: #333;
-  color: var(--color-black-80); }
-  .dnb-section--mint-green-12::after {
-    color: #f4fbf9;
-    color: var(--color-mint-green-12); }
-
-.dnb-section--white {
-  color: #333;
-  color: var(--color-black-80); }
-  .dnb-section--white::after {
-    color: #fff;
-    color: var(--color-white); }
-
-.dnb-section--mint-green {
-  color: #333;
-  color: var(--color-black-80); }
-  .dnb-section--mint-green::after {
-    color: #a5e1d2;
-    color: var(--color-mint-green); }
-
-.dnb-section--lavender {
-  color: #333;
-  color: var(--color-black-80); }
-  .dnb-section--lavender::after {
-    color: #f2f2f5;
-    color: var(--color-lavender); }
-
-.dnb-section--sand-yellow {
-  color: #333;
-  color: var(--color-black-80); }
-  .dnb-section--sand-yellow::after {
-    color: #fbf6ec;
-    color: var(--color-sand-yellow); }
-
-.dnb-section--pistachio {
-  color: #333;
-  color: var(--color-black-80); }
-  .dnb-section--pistachio::after {
-    color: #f2f4ec;
-    color: var(--color-pistachio); }
-
-.dnb-section--black-3 {
-  color: #333;
-  color: var(--color-black-80); }
-  .dnb-section--black-3::after {
-    color: #f8f8f8;
-    color: var(--color-black-3); }
-
-.dnb-section--emerald-green {
-  color: #a5e1d2;
-  color: var(--color-mint-green); }
-  .dnb-section--emerald-green::after {
-    color: #14555a;
-    color: var(--color-emerald-green); }
-
-.dnb-section--sea-green {
-  color: #fff;
-  color: var(--color-white); }
-  .dnb-section--sea-green::after {
-    color: #007272;
-    color: var(--color-sea-green); }
-
-.dnb-section--fire-red {
-  color: #fff;
-  color: var(--color-white); }
-  .dnb-section--fire-red::after {
-    color: #dc2a2a;
-    color: var(--color-fire-red); }
-
-.dnb-section--fire-red-8 {
-  color: #333;
-  color: var(--color-black-80); }
-  .dnb-section--fire-red-8::after {
-    color: #fdeeee;
-    color: var(--color-fire-red-8); }
-
-.dnb-section--fire-red .dnb-anchor,
-.dnb-section--emerald-green .dnb-anchor,
-.dnb-section--sea-green .dnb-anchor {
-  color: #fff;
-  color: var(--color-white);
-  -webkit-box-shadow: 0 0.09375rem 0 0 #fff;
-          box-shadow: 0 0.09375rem 0 0 #fff;
-  -webkit-box-shadow: 0 0.09375rem 0 0 var(--color-white);
-          box-shadow: 0 0.09375rem 0 0 var(--color-white); }
-  .dnb-section--fire-red .dnb-anchor:hover, .dnb-section--fire-red .dnb-anchor:active,
-  .dnb-section--emerald-green .dnb-anchor:hover,
-  .dnb-section--emerald-green .dnb-anchor:active,
-  .dnb-section--sea-green .dnb-anchor:hover,
-  .dnb-section--sea-green .dnb-anchor:active {
-    color: #14555a;
-    color: var(--color-emerald-green);
-    background-color: #fff;
-    background-color: var(--color-white);
-    -webkit-box-shadow: none;
-            box-shadow: none; }
-  .dnb-section--fire-red .dnb-anchor:active,
-  .dnb-section--emerald-green .dnb-anchor:active,
-  .dnb-section--sea-green .dnb-anchor:active {
-    color: #14555a;
-    color: var(--color-emerald-green);
-    background-color: #fff;
-    background-color: var(--color-white); }
-  .dnb-section--fire-red .dnb-anchor:not(:disabled):focus,
-  .dnb-section--emerald-green .dnb-anchor:not(:disabled):focus,
-  .dnb-section--sea-green .dnb-anchor:not(:disabled):focus {
-    color: #fff;
-    color: var(--color-white);
-    background-color: transparent;
-    outline: none; }
-    html[data-whatinput='keyboard'] .dnb-section--fire-red .dnb-anchor:not(:disabled):focus, html[data-whatinput='keyboard']
-    .dnb-section--emerald-green .dnb-anchor:not(:disabled):focus, html[data-whatinput='keyboard']
-    .dnb-section--sea-green .dnb-anchor:not(:disabled):focus {
-      --border-color: var(--color-white);
-      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-              box-shadow: 0 0 0 0.125rem var(--border-color);
-      border-color: transparent; }
-      @media screen and (-ms-high-contrast: none) {
-        html[data-whatinput='keyboard'] .dnb-section--fire-red .dnb-anchor:not(:disabled):focus, html[data-whatinput='keyboard']
-        .dnb-section--emerald-green .dnb-anchor:not(:disabled):focus, html[data-whatinput='keyboard']
-        .dnb-section--sea-green .dnb-anchor:not(:disabled):focus {
-          -webkit-box-shadow: 0 0 0 0.125rem #fff;
-                  box-shadow: 0 0 0 0.125rem #fff;
-          -webkit-box-shadow: 0 0 0 0.125rem var(--color-white);
-                  box-shadow: 0 0 0 0.125rem var(--color-white); } }
-
-.dnb-section--fire-red .dnb-button--tertiary,
-.dnb-section--emerald-green .dnb-button--tertiary,
-.dnb-section--sea-green .dnb-button--tertiary {
-  color: #fff;
-  color: var(--color-white); }
-  .dnb-section--fire-red .dnb-button--tertiary:hover,
-  .dnb-section--emerald-green .dnb-button--tertiary:hover,
-  .dnb-section--sea-green .dnb-button--tertiary:hover {
-    color: #fff;
-    color: var(--color-white); }
-  .dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text::after,
-  .dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text::after,
-  .dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text::after {
-    color: #fff !important;
-    color: var(--color-white) !important; }
-  .dnb-section--fire-red .dnb-button--tertiary:focus,
-  .dnb-section--emerald-green .dnb-button--tertiary:focus,
-  .dnb-section--sea-green .dnb-button--tertiary:focus {
-    color: #fff;
-    color: var(--color-white); }
-    .dnb-section--fire-red .dnb-button--tertiary:focus::before,
-    .dnb-section--emerald-green .dnb-button--tertiary:focus::before,
-    .dnb-section--sea-green .dnb-button--tertiary:focus::before {
-      outline: none; }
-      html[data-whatinput='keyboard'] .dnb-section--fire-red .dnb-button--tertiary:focus::before, html[data-whatinput='keyboard']
-      .dnb-section--emerald-green .dnb-button--tertiary:focus::before, html[data-whatinput='keyboard']
-      .dnb-section--sea-green .dnb-button--tertiary:focus::before {
-        --border-color: var(--color-white);
-        -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                box-shadow: 0 0 0 0.125rem var(--border-color);
-        border-color: transparent; }
-        @media screen and (-ms-high-contrast: none) {
-          html[data-whatinput='keyboard'] .dnb-section--fire-red .dnb-button--tertiary:focus::before, html[data-whatinput='keyboard']
-          .dnb-section--emerald-green .dnb-button--tertiary:focus::before, html[data-whatinput='keyboard']
-          .dnb-section--sea-green .dnb-button--tertiary:focus::before {
-            -webkit-box-shadow: 0 0 0 0.125rem #fff;
-                    box-shadow: 0 0 0 0.125rem #fff;
-            -webkit-box-shadow: 0 0 0 0.125rem var(--color-white);
-                    box-shadow: 0 0 0 0.125rem var(--color-white); } }
-
-.dnb-section--signal-orange {
-  color: #00343e;
-  color: var(--color-ocean-green); }
-  .dnb-section--signal-orange::after {
-    color: #ff5400;
-    color: var(--color-signal-orange); }
-
-.dnb-section--signal-orange ::-moz-selection, .dnb-section--fire-red ::-moz-selection, .dnb-section--mint-green ::-moz-selection {
-  background-color: #fff;
-  background-color: var(--color-white); }
-
-.dnb-section--signal-orange ::selection, .dnb-section--fire-red ::selection, .dnb-section--mint-green ::selection {
-  background-color: #fff;
-  background-color: var(--color-white); }

package/esm/components/section/style/themes/dnb-section-theme-ui.min.css

@@ -1 +0,0 @@
-.dnb-section--divider{color:#333;color:var(--color-black-80)}.dnb-section--divider:after{-webkit-box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 #d2f0e9,99vw .0625rem 0 0 #d2f0e9,0 -.0625rem 0 0 #d2f0e9,99vw -.0625rem 0 0 #d2f0e9,198vw .0625rem 0 0 #d2f0e9,198vw -.0625rem 0 0 #d2f0e9;box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 #d2f0e9,99vw .0625rem 0 0 #d2f0e9,0 -.0625rem 0 0 #d2f0e9,99vw -.0625rem 0 0 #d2f0e9,198vw .0625rem 0 0 #d2f0e9,198vw -.0625rem 0 0 #d2f0e9;-webkit-box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 var(--color-mint-green-50),99vw .0625rem 0 0 var(--color-mint-green-50),0 -.0625rem 0 0 var(--color-mint-green-50),99vw -.0625rem 0 0 var(--color-mint-green-50),198vw .0625rem 0 0 var(--color-mint-green-50),198vw -.0625rem 0 0 var(--color-mint-green-50);box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 var(--color-mint-green-50),99vw .0625rem 0 0 var(--color-mint-green-50),0 -.0625rem 0 0 var(--color-mint-green-50),99vw -.0625rem 0 0 var(--color-mint-green-50),198vw .0625rem 0 0 var(--color-mint-green-50),198vw -.0625rem 0 0 var(--color-mint-green-50);color:#fff;color:var(--color-white)}.dnb-section--transparent:after{color:transparent}.dnb-section--mint-green-12{color:#333;color:var(--color-black-80)}.dnb-section--mint-green-12:after{color:#f4fbf9;color:var(--color-mint-green-12)}.dnb-section--white{color:#333;color:var(--color-black-80)}.dnb-section--white:after{color:#fff;color:var(--color-white)}.dnb-section--mint-green{color:#333;color:var(--color-black-80)}.dnb-section--mint-green:after{color:#a5e1d2;color:var(--color-mint-green)}.dnb-section--lavender{color:#333;color:var(--color-black-80)}.dnb-section--lavender:after{color:#f2f2f5;color:var(--color-lavender)}.dnb-section--sand-yellow{color:#333;color:var(--color-black-80)}.dnb-section--sand-yellow:after{color:#fbf6ec;color:var(--color-sand-yellow)}.dnb-section--pistachio{color:#333;color:var(--color-black-80)}.dnb-section--pistachio:after{color:#f2f4ec;color:var(--color-pistachio)}.dnb-section--black-3{color:#333;color:var(--color-black-80)}.dnb-section--black-3:after{color:#f8f8f8;color:var(--color-black-3)}.dnb-section--emerald-green{color:#a5e1d2;color:var(--color-mint-green)}.dnb-section--emerald-green:after{color:#14555a;color:var(--color-emerald-green)}.dnb-section--sea-green{color:#fff;color:var(--color-white)}.dnb-section--sea-green:after{color:#007272;color:var(--color-sea-green)}.dnb-section--fire-red{color:#fff;color:var(--color-white)}.dnb-section--fire-red:after{color:#dc2a2a;color:var(--color-fire-red)}.dnb-section--fire-red-8{color:#333;color:var(--color-black-80)}.dnb-section--fire-red-8:after{color:#fdeeee;color:var(--color-fire-red-8)}.dnb-section--emerald-green .dnb-anchor,.dnb-section--fire-red .dnb-anchor,.dnb-section--sea-green .dnb-anchor{-webkit-box-shadow:0 .09375rem 0 0 #fff;box-shadow:0 .09375rem 0 0 #fff;-webkit-box-shadow:0 .09375rem 0 0 var(--color-white);box-shadow:0 .09375rem 0 0 var(--color-white);color:#fff;color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:active,.dnb-section--emerald-green .dnb-anchor:hover,.dnb-section--fire-red .dnb-anchor:active,.dnb-section--fire-red .dnb-anchor:hover,.dnb-section--sea-green .dnb-anchor:active,.dnb-section--sea-green .dnb-anchor:hover{background-color:#fff;background-color:var(--color-white);-webkit-box-shadow:none;box-shadow:none;color:#14555a;color:var(--color-emerald-green)}.dnb-section--emerald-green .dnb-anchor:active,.dnb-section--fire-red .dnb-anchor:active,.dnb-section--sea-green .dnb-anchor:active{background-color:#fff;background-color:var(--color-white);color:#14555a;color:var(--color-emerald-green)}.dnb-section--emerald-green .dnb-anchor:not(:disabled):focus,.dnb-section--fire-red .dnb-anchor:not(:disabled):focus,.dnb-section--sea-green .dnb-anchor:not(:disabled):focus{background-color:transparent;color:#fff;color:var(--color-white);outline:none}html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-anchor:not(:disabled):focus{--border-color:var(--color-white);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-section--emerald-green .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-anchor:not(:disabled):focus{-webkit-box-shadow:0 0 0 .125rem #fff;box-shadow:0 0 0 .125rem #fff;-webkit-box-shadow:0 0 0 .125rem var(--color-white);box-shadow:0 0 0 .125rem var(--color-white)}}.dnb-section--emerald-green .dnb-button--tertiary,.dnb-section--emerald-green .dnb-button--tertiary:hover,.dnb-section--fire-red .dnb-button--tertiary,.dnb-section--fire-red .dnb-button--tertiary:hover,.dnb-section--sea-green .dnb-button--tertiary,.dnb-section--sea-green .dnb-button--tertiary:hover{color:#fff;color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text:after{color:#fff!important;color:var(--color-white)!important}.dnb-section--emerald-green .dnb-button--tertiary:focus,.dnb-section--fire-red .dnb-button--tertiary:focus,.dnb-section--sea-green .dnb-button--tertiary:focus{color:#fff;color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:focus:before,.dnb-section--fire-red .dnb-button--tertiary:focus:before,.dnb-section--sea-green .dnb-button--tertiary:focus:before{outline:none}html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus:before{--border-color:var(--color-white);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-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus:before{-webkit-box-shadow:0 0 0 .125rem #fff;box-shadow:0 0 0 .125rem #fff;-webkit-box-shadow:0 0 0 .125rem var(--color-white);box-shadow:0 0 0 .125rem var(--color-white)}}.dnb-section--signal-orange{color:#00343e;color:var(--color-ocean-green)}.dnb-section--signal-orange:after{color:#ff5400;color:var(--color-signal-orange)}.dnb-section--fire-red ::-moz-selection,.dnb-section--mint-green ::-moz-selection,.dnb-section--signal-orange ::-moz-selection{background-color:#fff;background-color:var(--color-white)}.dnb-section--fire-red ::selection,.dnb-section--mint-green ::selection,.dnb-section--signal-orange ::selection{background-color:#fff;background-color:var(--color-white)}

package/esm/components/section/style/themes/dnb-section-theme-ui.scss

@@ -1,142 +0,0 @@
-/*
- * Section theme
- *
- */
-
-@import '../../../../style/elements/_anchor-mixins.scss';
-
-@mixin SectionTheme() {
-  &--divider {
-    color: var(--color-black-80);
-    &::after {
-      color: var(--color-white);
-      box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor,
-        297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor,
-        0 0.0625rem 0 0 var(--color-mint-green-50),
-        99vw 0.0625rem 0 0 var(--color-mint-green-50),
-        0 -0.0625rem 0 0 var(--color-mint-green-50),
-        99vw -0.0625rem 0 0 var(--color-mint-green-50),
-        198vw 0.0625rem 0 0 var(--color-mint-green-50),
-        198vw -0.0625rem 0 0 var(--color-mint-green-50);
-    }
-  }
-  &--transparent {
-    &::after {
-      color: transparent;
-    }
-  }
-  &--mint-green-12 {
-    color: var(--color-black-80);
-    &::after {
-      color: var(--color-mint-green-12);
-    }
-  }
-  &--white {
-    color: var(--color-black-80);
-    &::after {
-      color: var(--color-white);
-    }
-  }
-  &--mint-green {
-    color: var(--color-black-80);
-    &::after {
-      color: var(--color-mint-green);
-    }
-  }
-  &--lavender {
-    color: var(--color-black-80);
-    &::after {
-      color: var(--color-lavender);
-    }
-  }
-  &--sand-yellow {
-    color: var(--color-black-80);
-    &::after {
-      color: var(--color-sand-yellow);
-    }
-  }
-  &--pistachio {
-    color: var(--color-black-80);
-    &::after {
-      color: var(--color-pistachio);
-    }
-  }
-  &--black-3 {
-    color: var(--color-black-80);
-    &::after {
-      color: var(--color-black-3);
-    }
-  }
-  &--emerald-green {
-    color: var(--color-mint-green);
-    &::after {
-      color: var(--color-emerald-green);
-    }
-  }
-  &--sea-green {
-    color: var(--color-white);
-    &::after {
-      color: var(--color-sea-green);
-    }
-  }
-  &--fire-red {
-    color: var(--color-white);
-    &::after {
-      color: var(--color-fire-red);
-    }
-  }
-  &--fire-red-8 {
-    color: var(--color-black-80);
-    &::after {
-      color: var(--color-fire-red-8);
-    }
-  }
-
-  // Contrast styles
-  &--fire-red .dnb-anchor,
-  &--emerald-green .dnb-anchor,
-  &--sea-green .dnb-anchor {
-    @include useAnchorContrastStyle();
-  }
-
-  &--fire-red .dnb-button--tertiary,
-  &--emerald-green .dnb-button--tertiary,
-  &--sea-green .dnb-button--tertiary {
-    color: var(--color-white);
-    &:hover {
-      color: var(--color-white);
-    }
-    &:hover .dnb-button__text::after {
-      color: var(--color-white) !important;
-    }
-
-    &:focus {
-      color: var(--color-white);
-
-      &::before {
-        @include fakeFocus(null, var(--color-white));
-      }
-    }
-  }
-
-  // Deprecated
-  &--signal-orange {
-    color: var(--color-ocean-green);
-    &::after {
-      color: var(--color-signal-orange);
-    }
-  }
-
-  // contrast color
-  &--signal-orange,
-  &--fire-red,
-  &--mint-green {
-    ::selection {
-      background-color: var(--color-white);
-    }
-  }
-}
-
-.dnb-section {
-  @include SectionTheme();
-}

package/esm/components/section/style/themes/ui.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/components/section/style/themes/ui.js

@@ -1 +0,0 @@
-import "./dnb-section-theme-ui.min.css";

package/esm/components/section/style.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/components/section/style.js

@@ -1 +0,0 @@
-import "./style/dnb-section.min.css";

package/esm/components/section/web-component.d.ts

@@ -1,3 +0,0 @@
-export default Section;
-export * from "./Section";
-import Section from "./Section";

package/esm/components/section/web-component.js

@@ -1,5 +0,0 @@
-import { registerElement } from '../../shared/custom-element';
-import Section from './Section';
-export default Section;
-export * from './Section';
-registerElement(Section === null || Section === void 0 ? void 0 : Section.tagName, Section, Section.defaultProps);

package/esm/components/skeleton/Skeleton.d.ts

@@ -1,103 +0,0 @@
-import * as React from 'react';
-export type SkeletonShow = string | boolean;
-export type SkeletonNoAnimation = string | boolean;
-export type SkeletonStyleType = 'lines' | string;
-export type SkeletonFigure =
-  | string
-  | ((...args: any[]) => any)
-  | React.ReactNode;
-export type SkeletonSpace =
-  | string
-  | number
-  | boolean
-  | {
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
-       */
-      top?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
-       */
-      right?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
-       */
-      bottom?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
-       */
-      left?: string | number | boolean;
-    };
-export type SkeletonTop = string | number | boolean;
-export type SkeletonRight = string | number | boolean;
-export type SkeletonBottom = string | number | boolean;
-export type SkeletonLeft = string | number | boolean;
-export type SkeletonChildren =
-  | string
-  | ((...args: any[]) => any)
-  | React.ReactNode;
-/**
- * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
- */
-
-export interface SkeletonProps extends React.HTMLProps<HTMLElement> {
-  /**
-   * Use `true` to enable/show the skeleton for the component used inside. Defaults to `false`.
-   */
-  show?: SkeletonShow;
-
-  /**
-   * Use `true` to disable the animation.
-   */
-  no_animation?: SkeletonNoAnimation;
-
-  /**
-   * Defines the style type to use (`shine`). Defaults to `lines`.
-   */
-  style_type?: SkeletonStyleType;
-
-  /**
-   * Define a figure to use, like `article`. The wrapped content will be hidden while the skeleton figure is shown.
-   */
-  figure?: SkeletonFigure;
-
-  /**
-   * Set any HTML element type you have to use. A couple of aria attributes will be set on this element while active. Defaults to `div`
-   */
-  element?: React.ReactNode;
-
-  /**
-   * Has to be an object with either: `top`, `right`, `bottom` or `left`. Use spacing values like: `small`, `1rem`, `1` or , `16px`.
-   */
-  space?: SkeletonSpace;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
-   */
-  top?: SkeletonTop;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
-   */
-  right?: SkeletonRight;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
-   */
-  bottom?: SkeletonBottom;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
-   */
-  left?: SkeletonLeft;
-  class?: string;
-  className?: string;
-  children?: SkeletonChildren;
-}
-export default class Skeleton extends React.Component<SkeletonProps, any> {
-  static defaultProps: object;
-  render(): JSX.Element;
-}