@dnb/eufemia 10.76.1 → 10.77.0

package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken--isolated.css

@@ -0,0 +1,113 @@
+/*
+* Accordion theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-accordion {
+  --accordion-border-width: 0;
+  --accordion-border-radius: 0;
+  --accordion-header-margin-vertical: 1rem;
+  --accordion-header-margin-vertical--description: 0.5rem;
+  --accordion-header-wrapper-margin--icon-right: calc(
+    1.5rem - var(--sb-accordion-frame-width)
+  );
+  --sb-accordion-header-border-radius--expanded: 0.125rem 0.125rem 0 0;
+  --sb-accordion-header-border-radius--hover: 0.125rem;
+  --sb-accordion-header-border-radius--hover-expanded: 0.125rem 0.125rem 0
+    0;
+  --accordion-header-icon-gutter: 0.5rem;
+  --accordion-header-icon-margin: calc(
+    1.5rem - var(--sb-accordion-frame-width)
+  );
+  --sb-accordion-frame-color: transparent;
+  --sb-accordion-frame-width: 0.1875rem;
+  --sb-accordion-frame-width--active: 0rem;
+  --sb-accordion-content-padding-left: calc(
+    3.5rem - var(--sb-accordion-frame-width)
+  );
+  --sb-accordion-content-border-radius: 0 0 0.125rem 0.125rem;
+  --accordion-content-margin: 0;
+  --accordion-content-padding: 0 1rem 1rem
+    var(--sb-accordion-content-padding-left);
+  color: var(--sb-color-text);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header, .eufemia-scope--10_77_0 .dnb-accordion__content {
+  background-color: var(--sb-accordion-background, transparent);
+  border-left: var(--sb-accordion-frame-width) solid var(--sb-accordion-frame-color);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:focus-visible[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:focus-visible:not([disabled]) {
+  outline: none;
+  --border-color: var(--focus-ring-color);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  z-index: 1;
+  border-radius: 0.125rem;
+  background-color: var(--sb-color-blue-light-3);
+  color: var(--border-color);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:focus-visible:not([disabled]) .dnb-accordion__header__icon {
+  color: var(--border-color);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:hover:not([disabled]) {
+  background-color: var(--sb-color-violet-light-2);
+  border-radius: var(--sb-accordion-header-border-radius--hover);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header:active[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:active[disabled] {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header:active:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:active:not([disabled]) {
+  background-color: var(--sb-color-white);
+  --border-color: ;
+  --border-width: 0.0625rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  --border-color: var(--sb-color-violet);
+  border-left-width: var(--sb-accordion-frame-width--active);
+  padding-left: calc(var(--sb-accordion-frame-width) - var(--sb-accordion-frame-width--active));
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header__icon, .eufemia-scope--10_77_0 .dnb-accordion__header__container {
+  color: var(--sb-color-violet);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right {
+  --accordion-header-icon-margin: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right + .dnb-accordion__content {
+  --sb-accordion-content-padding-left: calc(
+    1.5rem - var(--sb-accordion-frame-width)
+  );
+  --accordion-content-padding: 0 1rem 1rem
+    var(--sb-accordion-content-padding-left);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header[disabled] * {
+  color: var(--sb-color-gray-dark-2);
+}
+.eufemia-scope--10_77_0 .dnb-accordion--expanded {
+  --sb-accordion-background: var(--sb-color-violet-light-4);
+  --sb-accordion-frame-color: var(--sb-color-violet);
+  --sb-accordion-frame-width--active: 0.125rem;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion--expanded > .dnb-accordion__header:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion--expanded > .dnb-accordion__header:hover:not([disabled]) {
+  border-radius: var(--sb-accordion-header-border-radius--hover-expanded);
+}
+.eufemia-scope--10_77_0 .dnb-accordion--expanded > .dnb-accordion__header--expanded {
+  border-radius: var(--sb-accordion-header-border-radius--expanded);
+}
+.eufemia-scope--10_77_0 .dnb-accordion--expanded > .dnb-accordion__content {
+  border-radius: var(--sb-accordion-content-border-radius);
+}
+.eufemia-scope--10_77_0 .dnb-accordion--expanded > .dnb-accordion__header[disabled],
+.eufemia-scope--10_77_0 .dnb-accordion--expanded > .dnb-accordion__header[disabled] + .dnb-accordion__content {
+  --sb-accordion-background: var(--sb-color-gray-light-2);
+  --sb-accordion-frame-color: var(--sb-color-gray-dark-2);
+}

package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-accordion{--accordion-border-width:0;--accordion-border-radius:0;--accordion-header-margin-vertical:1rem;--accordion-header-margin-vertical--description:0.5rem;--accordion-header-wrapper-margin--icon-right:calc(1.5rem - var(--sb-accordion-frame-width));--sb-accordion-header-border-radius--expanded:0.125rem 0.125rem 0 0;--sb-accordion-header-border-radius--hover:0.125rem;--sb-accordion-header-border-radius--hover-expanded:0.125rem 0.125rem 0 0;--accordion-header-icon-gutter:0.5rem;--accordion-header-icon-margin:calc(1.5rem - var(--sb-accordion-frame-width));--sb-accordion-frame-color:transparent;--sb-accordion-frame-width:0.1875rem;--sb-accordion-frame-width--active:0rem;--sb-accordion-content-padding-left:calc(3.5rem - var(--sb-accordion-frame-width));--sb-accordion-content-border-radius:0 0 0.125rem 0.125rem;--accordion-content-margin:0;--accordion-content-padding:0 1rem 1rem var(--sb-accordion-content-padding-left);color:var(--sb-color-text)}.eufemia-scope--10_77_0 .dnb-accordion__content,.eufemia-scope--10_77_0 .dnb-accordion__header{background-color:var(--sb-accordion-background,transparent);border-left:var(--sb-accordion-frame-width) solid var(--sb-accordion-frame-color)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:focus-visible:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--sb-color-blue-light-3);border-color:transparent;border-radius:.125rem;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--border-color);outline:none;z-index:1}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:focus-visible:not([disabled]) .dnb-accordion__header__icon{color:var(--border-color)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:hover:not([disabled]){background-color:var(--sb-color-violet-light-2);border-radius:var(--sb-accordion-header-border-radius--hover)}.eufemia-scope--10_77_0 .dnb-accordion__header:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:active[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-accordion__header:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:active:not([disabled]){--border-color: ;--border-width:0.0625rem;--border-color:var(--sb-color-violet);background-color:var(--sb-color-white);border-left-width:var(--sb-accordion-frame-width--active);box-shadow:inset 0 0 0 var(--border-width) var(--border-color);padding-left:calc(var(--sb-accordion-frame-width) - var(--sb-accordion-frame-width--active))}.eufemia-scope--10_77_0 .dnb-accordion__header__container,.eufemia-scope--10_77_0 .dnb-accordion__header__icon{color:var(--sb-color-violet)}.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right{--accordion-header-icon-margin:1.5rem}.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right+.dnb-accordion__content{--sb-accordion-content-padding-left:calc(1.5rem - var(--sb-accordion-frame-width));--accordion-content-padding:0 1rem 1rem var(--sb-accordion-content-padding-left)}.eufemia-scope--10_77_0 .dnb-accordion__header[disabled] *{color:var(--sb-color-gray-dark-2)}.eufemia-scope--10_77_0 .dnb-accordion--expanded{--sb-accordion-background:var(--sb-color-violet-light-4);--sb-accordion-frame-color:var(--sb-color-violet);--sb-accordion-frame-width--active:0.125rem}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion--expanded>.dnb-accordion__header:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion--expanded>.dnb-accordion__header:hover:not([disabled]){border-radius:var(--sb-accordion-header-border-radius--hover-expanded)}.eufemia-scope--10_77_0 .dnb-accordion--expanded>.dnb-accordion__header--expanded{border-radius:var(--sb-accordion-header-border-radius--expanded)}.eufemia-scope--10_77_0 .dnb-accordion--expanded>.dnb-accordion__content{border-radius:var(--sb-accordion-content-border-radius)}.eufemia-scope--10_77_0 .dnb-accordion--expanded>.dnb-accordion__header[disabled],.eufemia-scope--10_77_0 .dnb-accordion--expanded>.dnb-accordion__header[disabled]+.dnb-accordion__content{--sb-accordion-background:var(--sb-color-gray-light-2);--sb-accordion-frame-color:var(--sb-color-gray-dark-2)}

package/es/components/accordion/style/themes/dnb-accordion-theme-ui--isolated.css

@@ -0,0 +1,158 @@
+/*
+ * Accordion theme
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-accordion__header {
+  color: var(--ui-accordion-color--override, var(--ui-accordion-color));
+  background-color: var(--ui-accordion-background--override, var(--ui-accordion-background));
+  box-shadow: var(--ui-accordion-box-shadow);
+  border: none;
+  /* 
+   * VARIANTS
+   * Each variant is mutually exclusive
+   */
+  /* 
+   * STATES
+   * States that can exist across all variants.
+   */
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header__description {
+  color: var(--ui-accordion-description-color--override, var(--ui-accordion-description-color));
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--outlined, .eufemia-scope--10_77_0 .dnb-accordion__header--filled {
+  --ui-accordion-border-inset: inset;
+  --ui-accordion-box-shadow: var(--ui-accordion-border-inset) 0 0 0
+    var(--accordion-border-width)
+    var(
+      --ui-accordion-border-color--override,
+      var(--ui-accordion-border-color)
+    );
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--outlined[disabled], .eufemia-scope--10_77_0 .dnb-accordion__header--filled[disabled] {
+  --ui-accordion-color: var(--color-sea-green-30);
+  --ui-accordion-background-: var(--color-white);
+  --ui-accordion-border-color: var(--color-sea-green-30);
+  --ui-accordion-description-color: var(--ui-accordion-color);
+  --ui-accordion-expanded-color: var(--color-white);
+  --ui-accordion-expanded-background: var(--color-sea-green-30);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--outlined {
+  --ui-accordion-color: var(--color-emerald-green);
+  --ui-accordion-background: var(--color-white);
+  --ui-accordion-border-color: var(--color-black-8);
+  --ui-accordion-description-color: var(--color-black-55);
+  --ui-accordion-expanded-color: var(--color-white);
+  --ui-accordion-expanded-background: var(--color-sea-green);
+  --ui-accordion-expanded-border-color: var(
+    --ui-accordion-expanded-background
+  );
+  --ui-accordion-expanded-description-color: var(
+    --ui-accordion-expanded-color
+  );
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:focus-visible[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:focus-visible:not([disabled]) {
+  --accordion-border-width: 0.125rem;
+  --ui-accordion-border-color: var(--color-emerald-green);
+  --ui-accordion-expanded-border-color: var(--color-emerald-green);
+  --ui-accordion-expanded-color: var(--color-emerald-green);
+  --ui-accordion-expanded-background: var(--color-mint-green);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:hover:not([disabled]) {
+  --accordion-border-width: 0.125rem;
+  --ui-accordion-color: var(--color-emerald-green);
+  --ui-accordion-background: var(--color-white);
+  --ui-accordion-border-color: var(--color-emerald-green);
+  --ui-accordion-description-color: var(--color-black-55);
+  --ui-accordion-border-inset: ;
+  --ui-accordion-expanded-color: var(--ui-accordion-color);
+  --ui-accordion-expanded-background: var(--ui-accordion-background);
+  --ui-accordion-expanded-border-color: var(
+    --ui-accordion-border-color
+  );
+  --ui-accordion-expanded-description-color: var(
+    --ui-accordion-description-color
+  );
+  --ui-accordion-after-click-color: var(--color-white);
+  --ui-accordion-after-click-background: var(--color-sea-green);
+  --ui-accordion-after-click-border-color: var(--color-sea-green);
+  --ui-accordion-after-click-description-color: var(--color-white);
+  z-index: 1;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active[disabled] {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active:not([disabled]) {
+  --accordion-border-width: 0.0625rem;
+  --ui-accordion-background: var(--color-pistachio);
+  --ui-accordion-border-inset: inset;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--filled {
+  --accordion-border-width: 0.125rem;
+  --accordion-title-font-weight--expanded: var(--font-weight-basis);
+  --ui-accordion-color: var(--color-emerald-green);
+  --ui-accordion-background: var(--color-pistachio);
+  --ui-accordion-border-color: var(--color-pistachio);
+  --ui-accordion-description-color: var(--color-black-55);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:hover:not([disabled]) {
+  --ui-accordion-background: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--filled:active[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:active[disabled] {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--filled:active:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:active:not([disabled]) {
+  --ui-accordion-color: var(--color-white);
+  --ui-accordion-background: var(--color-sea-green);
+  --ui-accordion-border-color: var(--color-sea-green);
+  --ui-accordion-description-color: ar(--color-white);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:focus-visible[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:focus-visible:not([disabled]) {
+  --ui-accordion-border-color: var(--color-sea-green);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--expanded {
+  --ui-accordion-color--override: var(
+    --ui-accordion-expanded-color--override,
+    var(--ui-accordion-expanded-color)
+  );
+  --ui-accordion-background--override: var(
+    --ui-accordion-expanded-background--override,
+    var(--ui-accordion-expanded-background)
+  );
+  --ui-accordion-border-color--override: var(
+    --ui-accordion-expanded-border-color--override,
+    var(--ui-accordion-expanded-border-color)
+  );
+  --ui-accordion-description-color--override: var(
+    --ui-accordion-expanded-description-color--override,
+    var(--ui-accordion-expanded-description-color)
+  );
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--after-click {
+  --ui-accordion-expanded-color--override: var(
+    --ui-accordion-after-click-color
+  );
+  --ui-accordion-expanded-background--override: var(
+    --ui-accordion-after-click-background
+  );
+  --ui-accordion-expanded-border-color--override: var(
+    --ui-accordion-after-click-border-color
+  );
+  --ui-accordion-expanded-description-color--override: var(
+    --ui-accordion-after-click-description-color
+  );
+}

package/es/components/accordion/style/themes/dnb-accordion-theme-ui--isolated.min.css

@@ -0,0 +1,27 @@
+.eufemia-scope--10_77_0 .dnb-accordion__header{background-color:var(--ui-accordion-background--override,var(--ui-accordion-background));border:none;box-shadow:var(--ui-accordion-box-shadow);color:var(--ui-accordion-color--override,var(--ui-accordion-color))}.eufemia-scope--10_77_0 .dnb-accordion__header__description{color:var(--ui-accordion-description-color--override,var(--ui-accordion-description-color))}.eufemia-scope--10_77_0 .dnb-accordion__header--filled,.eufemia-scope--10_77_0 .dnb-accordion__header--outlined{--ui-accordion-border-inset:inset;--ui-accordion-box-shadow:var(--ui-accordion-border-inset) 0 0 0 var(--accordion-border-width) var(
+      --ui-accordion-border-color--override,var(--ui-accordion-border-color)
+    )}.eufemia-scope--10_77_0 .dnb-accordion__header--filled[disabled],.eufemia-scope--10_77_0 .dnb-accordion__header--outlined[disabled]{--ui-accordion-color:var(--color-sea-green-30);--ui-accordion-background-:var(--color-white);--ui-accordion-border-color:var(--color-sea-green-30);--ui-accordion-description-color:var(--ui-accordion-color);--ui-accordion-expanded-color:var(--color-white);--ui-accordion-expanded-background:var(--color-sea-green-30)}.eufemia-scope--10_77_0 .dnb-accordion__header--outlined{--ui-accordion-color:var(--color-emerald-green);--ui-accordion-background:var(--color-white);--ui-accordion-border-color:var(--color-black-8);--ui-accordion-description-color:var(--color-black-55);--ui-accordion-expanded-color:var(--color-white);--ui-accordion-expanded-background:var(--color-sea-green);--ui-accordion-expanded-border-color:var(
+    --ui-accordion-expanded-background
+  );--ui-accordion-expanded-description-color:var(
+    --ui-accordion-expanded-color
+  )}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:focus-visible:not([disabled]){--accordion-border-width:0.125rem;--ui-accordion-border-color:var(--color-emerald-green);--ui-accordion-expanded-border-color:var(--color-emerald-green);--ui-accordion-expanded-color:var(--color-emerald-green);--ui-accordion-expanded-background:var(--color-mint-green)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:hover:not([disabled]){--accordion-border-width:0.125rem;--ui-accordion-color:var(--color-emerald-green);--ui-accordion-background:var(--color-white);--ui-accordion-border-color:var(--color-emerald-green);--ui-accordion-description-color:var(--color-black-55);--ui-accordion-border-inset: ;--ui-accordion-expanded-color:var(--ui-accordion-color);--ui-accordion-expanded-background:var(--ui-accordion-background);--ui-accordion-expanded-border-color:var(
+    --ui-accordion-border-color
+  );--ui-accordion-expanded-description-color:var(
+    --ui-accordion-description-color
+  );--ui-accordion-after-click-color:var(--color-white);--ui-accordion-after-click-background:var(--color-sea-green);--ui-accordion-after-click-border-color:var(--color-sea-green);--ui-accordion-after-click-description-color:var(--color-white);z-index:1}.eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active:not([disabled]){--accordion-border-width:0.0625rem;--ui-accordion-background:var(--color-pistachio);--ui-accordion-border-inset:inset}.eufemia-scope--10_77_0 .dnb-accordion__header--filled{--accordion-border-width:0.125rem;--accordion-title-font-weight--expanded:var(--font-weight-basis);--ui-accordion-color:var(--color-emerald-green);--ui-accordion-background:var(--color-pistachio);--ui-accordion-border-color:var(--color-pistachio);--ui-accordion-description-color:var(--color-black-55)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:hover:not([disabled]){--ui-accordion-background:var(--color-white)}.eufemia-scope--10_77_0 .dnb-accordion__header--filled:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:active[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-accordion__header--filled:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:active:not([disabled]){--ui-accordion-color:var(--color-white);--ui-accordion-background:var(--color-sea-green);--ui-accordion-border-color:var(--color-sea-green);--ui-accordion-description-color:ar(--color-white)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:focus-visible:not([disabled]){--ui-accordion-border-color:var(--color-sea-green)}.eufemia-scope--10_77_0 .dnb-accordion__header--expanded{--ui-accordion-color--override:var(
+    --ui-accordion-expanded-color--override,var(--ui-accordion-expanded-color)
+  );--ui-accordion-background--override:var(
+    --ui-accordion-expanded-background--override,var(--ui-accordion-expanded-background)
+  );--ui-accordion-border-color--override:var(
+    --ui-accordion-expanded-border-color--override,var(--ui-accordion-expanded-border-color)
+  );--ui-accordion-description-color--override:var(
+    --ui-accordion-expanded-description-color--override,var(--ui-accordion-expanded-description-color)
+  )}.eufemia-scope--10_77_0 .dnb-accordion__header--after-click{--ui-accordion-expanded-color--override:var(
+    --ui-accordion-after-click-color
+  );--ui-accordion-expanded-background--override:var(
+    --ui-accordion-after-click-background
+  );--ui-accordion-expanded-border-color--override:var(
+    --ui-accordion-after-click-border-color
+  );--ui-accordion-expanded-description-color--override:var(
+    --ui-accordion-after-click-description-color
+  )}

package/es/components/anchor/style/dnb-anchor--isolated.css

@@ -0,0 +1,337 @@
+@charset "UTF-8";
+/*
+ * Anchor
+ *
+ */
+/*
+ * Anchor mixins
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 button.dnb-anchor {
+  cursor: pointer;
+  line-height: calc(var(--line-height-basis) + 0.125rem);
+  border: none;
+  background: none;
+  -webkit-appearance: none;
+          appearance: none;
+}
+
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor {
+  --anchor-underline-thickness: 0.0938rem;
+  --anchor-icon-gutter: 0.25em;
+  --anchor-icon-separator: "⁠";
+  --anchor-icon-position: translateY(-0.175em);
+  display: inline;
+  padding: 0.05575em 0;
+  font-size: var(--font-size-basis);
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+  text-decoration-color: currentcolor;
+  text-decoration-thickness: var(--anchor-underline-thickness);
+  text-underline-offset: 0.25em;
+  border-radius: 0;
+  transition: box-shadow 200ms ease-in-out, border-radius 200ms ease-in-out, background 200ms ease-in-out;
+}
+.eufemia-scope--10_77_0 sup :where(:not(.dnb-anchor--no-style)).dnb-anchor, .eufemia-scope--10_77_0 sub :where(:not(.dnb-anchor--no-style)).dnb-anchor {
+  padding: 0 0.025em;
+}
+.eufemia-scope--10_77_0 .dnb-p :where(:not(.dnb-anchor--no-style)).dnb-anchor, .eufemia-scope--10_77_0 .dnb-lead :where(:not(.dnb-anchor--no-style)).dnb-anchor, .eufemia-scope--10_77_0 .dnb-h--xx-large :where(:not(.dnb-anchor--no-style)).dnb-anchor, .eufemia-scope--10_77_0 .dnb-h--x-large :where(:not(.dnb-anchor--no-style)).dnb-anchor, .eufemia-scope--10_77_0 .dnb-h--large :where(:not(.dnb-anchor--no-style)).dnb-anchor, .eufemia-scope--10_77_0 .dnb-h--medium :where(:not(.dnb-anchor--no-style)).dnb-anchor, .eufemia-scope--10_77_0 .dnb-h--basis :where(:not(.dnb-anchor--no-style)).dnb-anchor, .eufemia-scope--10_77_0 .dnb-h--small :where(:not(.dnb-anchor--no-style)).dnb-anchor, .eufemia-scope--10_77_0 .dnb-h--x-small :where(:not(.dnb-anchor--no-style)).dnb-anchor {
+  font-size: inherit;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible {
+  background-color: transparent;
+  transition: none;
+  outline: none;
+  --border-color: var(--focus-ring-color);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  border-radius: 0.25em;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible, .eufemia-scope--10_77_0 .dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible.dnb-anchor {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)) {
+  border-radius: 0.25em;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .eufemia-scope--10_77_0 .dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+  /* stylelint-disable-next-line scss/operator-no-unspaced */
+}
+@supports not (selector(*:where(*))) {
+  .eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+    border-radius: 0.25em;
+  }
+  .eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover), .eufemia-scope--10_77_0 .dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover).dnb-anchor {
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:active {
+  border-radius: 0.25em;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:active, .eufemia-scope--10_77_0 .dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:active.dnb-anchor {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.eufemia-scope--10_77_0 [data-visual-test-wrapper] :where(:not(.dnb-anchor--no-style)).dnb-anchor {
+  transition: none;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon {
+  display: inline;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon svg {
+  vertical-align: baseline;
+  transform: scale(2) var(--anchor-icon-position);
+  font-size: 0.5em;
+  width: 2em;
+  height: 1em;
+  pointer-events: none;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor--no-icon .dnb-icon {
+  display: none;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon:first-child::after {
+  content: var(--anchor-icon-separator);
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon:first-child svg {
+  margin-right: calc(var(--anchor-icon-gutter) * 2);
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon:last-child::before {
+  content: var(--anchor-icon-separator);
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon:last-child svg {
+  margin-left: calc(var(--anchor-icon-gutter) * 2);
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon--default {
+  font-size: 0.8888888889em;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast {
+  color: var(--color-white);
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:where(:not(.dnb-anchor--no-hover)) {
+  color: var(--anchor-color--contrast);
+  box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
+  /* stylelint-disable-next-line scss/operator-no-unspaced */
+}
+@supports not (selector(*:where(*))) {
+  .eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
+    color: var(--anchor-color--contrast);
+    box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
+  }
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:active {
+  color: var(--color-white);
+  background-color: transparent;
+  box-shadow: inset 100vw 100vw 0 0 transparent, calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 transparent, var(--anchor-background-gutter-right, 0.125rem) 0 0 0 transparent;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:focus-visible {
+  color: var(--color-white);
+  background-color: transparent;
+  outline: none;
+  --border-color: var(--color-white);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+
+.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style) {
+  /* stylelint-disable-next-line scss/operator-no-unspaced */
+}
+@supports not (selector(*:where(*))) {
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor {
+    --anchor-underline-thickness: 0.0938rem;
+    --anchor-icon-gutter: 0.25em;
+    --anchor-icon-separator: "⁠";
+    --anchor-icon-position: translateY(-0.175em);
+    display: inline;
+    padding: 0.05575em 0;
+    font-size: var(--font-size-basis);
+    -webkit-text-decoration: underline;
+    text-decoration: underline;
+    text-decoration-color: currentcolor;
+    text-decoration-thickness: var(--anchor-underline-thickness);
+    text-underline-offset: 0.25em;
+    border-radius: 0;
+    transition: box-shadow 200ms ease-in-out, border-radius 200ms ease-in-out, background 200ms ease-in-out;
+  }
+  .eufemia-scope--10_77_0 sup :not(.dnb-anchor--no-style).dnb-anchor, .eufemia-scope--10_77_0 sub :not(.dnb-anchor--no-style).dnb-anchor {
+    padding: 0 0.025em;
+  }
+  .eufemia-scope--10_77_0 .dnb-p :not(.dnb-anchor--no-style).dnb-anchor, .eufemia-scope--10_77_0 .dnb-lead :not(.dnb-anchor--no-style).dnb-anchor, .eufemia-scope--10_77_0 .dnb-h--xx-large :not(.dnb-anchor--no-style).dnb-anchor, .eufemia-scope--10_77_0 .dnb-h--x-large :not(.dnb-anchor--no-style).dnb-anchor, .eufemia-scope--10_77_0 .dnb-h--large :not(.dnb-anchor--no-style).dnb-anchor, .eufemia-scope--10_77_0 .dnb-h--medium :not(.dnb-anchor--no-style).dnb-anchor, .eufemia-scope--10_77_0 .dnb-h--basis :not(.dnb-anchor--no-style).dnb-anchor, .eufemia-scope--10_77_0 .dnb-h--small :not(.dnb-anchor--no-style).dnb-anchor, .eufemia-scope--10_77_0 .dnb-h--x-small :not(.dnb-anchor--no-style).dnb-anchor {
+    font-size: inherit;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:focus-visible {
+    background-color: transparent;
+    transition: none;
+    outline: none;
+    --border-color: var(--focus-ring-color);
+    --border-width: var(--focus-ring-width);
+    box-shadow: 0 0 0 var(--border-width) var(--border-color);
+    border-color: transparent;
+    border-radius: 0.25em;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:focus-visible, .eufemia-scope--10_77_0 .dnb-section :not(.dnb-anchor--no-style).dnb-anchor:focus-visible.dnb-anchor {
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)) {
+    border-radius: 0.25em;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .eufemia-scope--10_77_0 .dnb-section :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor {
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+    /* stylelint-disable-next-line scss/operator-no-unspaced */
+  }
+  @supports not (selector(*:where(*))) {
+    .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+      border-radius: 0.25em;
+    }
+    .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover), .eufemia-scope--10_77_0 .dnb-section :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover).dnb-anchor {
+      -webkit-text-decoration: none;
+      text-decoration: none;
+    }
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:active {
+    border-radius: 0.25em;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:active, .eufemia-scope--10_77_0 .dnb-section :not(.dnb-anchor--no-style).dnb-anchor:active.dnb-anchor {
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+  .eufemia-scope--10_77_0 [data-visual-test-wrapper] :not(.dnb-anchor--no-style).dnb-anchor {
+    transition: none;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor .dnb-icon {
+    display: inline;
+    vertical-align: middle;
+    white-space: nowrap;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor .dnb-icon svg {
+    vertical-align: baseline;
+    transform: scale(2) var(--anchor-icon-position);
+    font-size: 0.5em;
+    width: 2em;
+    height: 1em;
+    pointer-events: none;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor--no-icon .dnb-icon {
+    display: none;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon:first-child::after {
+    content: var(--anchor-icon-separator);
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon:first-child svg {
+    margin-right: calc(var(--anchor-icon-gutter) * 2);
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon:last-child::before {
+    content: var(--anchor-icon-separator);
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon:last-child svg {
+    margin-left: calc(var(--anchor-icon-gutter) * 2);
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor .dnb-icon--default {
+    font-size: 0.8888888889em;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast {
+    color: var(--color-white);
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:where(:not(.dnb-anchor--no-hover)) {
+    color: var(--anchor-color--contrast);
+    box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
+    /* stylelint-disable-next-line scss/operator-no-unspaced */
+  }
+  @supports not (selector(*:where(*))) {
+    .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
+      color: var(--anchor-color--contrast);
+      box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
+    }
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:active {
+    color: var(--color-white);
+    background-color: transparent;
+    box-shadow: inset 100vw 100vw 0 0 transparent, calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 transparent, var(--anchor-background-gutter-right, 0.125rem) 0 0 0 transparent;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:focus-visible {
+    color: var(--color-white);
+    background-color: transparent;
+    outline: none;
+    --border-color: var(--color-white);
+    --border-width: var(--focus-ring-width);
+    box-shadow: 0 0 0 var(--border-width) var(--border-color);
+    border-color: transparent;
+  }
+}
+
+.eufemia-scope--10_77_0 .dnb-anchor--hover {
+  border-radius: 0.25em;
+}
+.eufemia-scope--10_77_0 .dnb-anchor--hover, .eufemia-scope--10_77_0 .dnb-section .dnb-anchor--hover.dnb-anchor {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.eufemia-scope--10_77_0 .dnb-anchor--active {
+  border-radius: 0.25em;
+}
+.eufemia-scope--10_77_0 .dnb-anchor--active, .eufemia-scope--10_77_0 .dnb-section .dnb-anchor--active.dnb-anchor {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.eufemia-scope--10_77_0 .dnb-anchor--focus {
+  background-color: transparent;
+  transition: none;
+  outline: none;
+  --border-color: var(--focus-ring-color);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  border-radius: 0.25em;
+}
+.eufemia-scope--10_77_0 .dnb-anchor--focus, .eufemia-scope--10_77_0 .dnb-section .dnb-anchor--focus.dnb-anchor {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.eufemia-scope--10_77_0 .dnb-anchor--no-underline, .eufemia-scope--10_77_0 .dnb-section .dnb-anchor--no-underline.dnb-anchor {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.eufemia-scope--10_77_0 .dnb-anchor--no-radius, .eufemia-scope--10_77_0 .dnb-anchor--no-radius:hover, .eufemia-scope--10_77_0 .dnb-anchor--no-radius:active, .eufemia-scope--10_77_0 .dnb-anchor--no-radius:focus-visible {
+  border-radius: 0;
+}
+
+.eufemia-scope--10_77_0 .dnb-anchor--no-animation {
+  transition: none;
+}
+
+.eufemia-scope--10_77_0 a.dnb-button {
+  transition: none;
+}
+
+.eufemia-scope--10_77_0 .dnb-skeleton > .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-anchor.dnb-skeleton {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.eufemia-scope--10_77_0 .dnb-skeleton > .dnb-anchor .dnb-icon,
+.eufemia-scope--10_77_0 .dnb-anchor.dnb-skeleton .dnb-icon {
+  filter: grayscale(100%) opacity(0.3);
+}