@dnb/eufemia 10.76.1 → 10.77.0

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

@@ -0,0 +1,73 @@
+/*
+ * FormStatus theme
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-form-status__shell {
+  color: var(--color-black-80);
+  font-size: var(--font-size-small);
+}
+.eufemia-scope--10_77_0 .dnb-form-status--error .dnb-form-status__shell {
+  background-color: var(--color-fire-red-8);
+}
+.eufemia-scope--10_77_0 .dnb-form-status--error .dnb-form-status__shell > .dnb-icon {
+  color: var(--color-fire-red);
+  border: none;
+}
+.eufemia-scope--10_77_0 .dnb-form-status--warn .dnb-form-status__shell {
+  background-color: var(--color-sand-yellow);
+}
+.eufemia-scope--10_77_0 .dnb-form-status--info .dnb-form-status__shell {
+  background-color: var(--color-pistachio);
+}
+.eufemia-scope--10_77_0 .dnb-form-status--marketing .dnb-form-status__shell {
+  background-color: var(--color-lavender);
+}
+.eufemia-scope--10_77_0 .dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text {
+  color: var(--color-black-80);
+}
+.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell {
+  --border-color: var(--color-fire-red);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell {
+  --border-color: var(--color-accent-yellow);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell {
+  --border-color: var(--color-sea-green);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell {
+  --border-color: var(--color-black-55);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell, .eufemia-scope--10_77_0 .dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell {
+  animation: attention-focus 2s ease-in-out 1 200ms;
+}
+.eufemia-scope--10_77_0 .dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell > .dnb-icon, .eufemia-scope--10_77_0 .dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell > .dnb-icon {
+  animation: attention-focus 2s ease-in-out 1 200ms;
+}
+
+@keyframes attention-focus {
+  0%, 100% {
+    color: var(--color-fire-red);
+    background-color: var(--color-fire-red-8);
+    border-color: var(--color-fire-red);
+  }
+  35% {
+    color: var(--color-white);
+    background-color: var(--color-fire-red);
+    border-color: var(--color-fire-red);
+  }
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-form-status__shell{color:var(--color-black-80);font-size:var(--font-size-small)}.eufemia-scope--10_77_0 .dnb-form-status--error .dnb-form-status__shell{background-color:var(--color-fire-red-8)}.eufemia-scope--10_77_0 .dnb-form-status--error .dnb-form-status__shell>.dnb-icon{border:none;color:var(--color-fire-red)}.eufemia-scope--10_77_0 .dnb-form-status--warn .dnb-form-status__shell{background-color:var(--color-sand-yellow)}.eufemia-scope--10_77_0 .dnb-form-status--info .dnb-form-status__shell{background-color:var(--color-pistachio)}.eufemia-scope--10_77_0 .dnb-form-status--marketing .dnb-form-status__shell{background-color:var(--color-lavender)}.eufemia-scope--10_77_0 .dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text{color:var(--color-black-80)}.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--color-accent-yellow);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{--border-color:var(--color-sea-green);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell{--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,.eufemia-scope--10_77_0 .dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell>.dnb-icon,.eufemia-scope--10_77_0 .dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell,.eufemia-scope--10_77_0 .dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell>.dnb-icon{animation:attention-focus 2s ease-in-out .2s 1}@keyframes attention-focus{0%,to{background-color:var(--color-fire-red-8);border-color:var(--color-fire-red);color:var(--color-fire-red)}35%{background-color:var(--color-fire-red);border-color:var(--color-fire-red);color:var(--color-white)}}

package/es/components/global-error/style/dnb-global-error--isolated.css

@@ -0,0 +1,58 @@
+/*
+ * GlobalError component
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-global-error {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-global-error--center {
+  display: grid;
+  place-content: center;
+  height: 80vh;
+}
+.eufemia-scope--10_77_0 .dnb-global-error__inner {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  /* for large screens */
+  width: 100%;
+  max-width: var(--layout-large);
+  padding: var(--spacing-large);
+  text-align: center;
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_0 .dnb-global-error__inner {
+    padding: 0 var(--spacing-x-small);
+  }
+}
+.eufemia-scope--10_77_0 .dnb-global-error__inner__content {
+  max-width: 37rem;
+}
+.eufemia-scope--10_77_0 .dnb-global-error__links {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: center;
+  gap: 2rem;
+}
+.eufemia-scope--10_77_0 .dnb-global-error__links .dnb-anchor {
+  font-size: var(--font-size-medium);
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_0 .dnb-global-error__links {
+    flex-direction: column;
+    gap: 1rem;
+  }
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_0 .dnb-global-error h1 {
+    font-size: var(--font-size-large);
+  }
+}

package/es/components/global-error/style/dnb-global-error--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-global-error{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.eufemia-scope--10_77_0 .dnb-global-error--center{display:grid;height:80vh;place-content:center}.eufemia-scope--10_77_0 .dnb-global-error__inner{align-items:center;display:flex;flex-direction:column;max-width:var(--layout-large);padding:var(--spacing-large);position:relative;text-align:center;width:100%}@media screen and (max-width:40em){.eufemia-scope--10_77_0 .dnb-global-error__inner{padding:0 var(--spacing-x-small)}}.eufemia-scope--10_77_0 .dnb-global-error__inner__content{max-width:37rem}.eufemia-scope--10_77_0 .dnb-global-error__links{display:flex;flex-flow:row wrap;gap:2rem;justify-content:center}.eufemia-scope--10_77_0 .dnb-global-error__links .dnb-anchor{font-size:var(--font-size-medium)}@media screen and (max-width:40em){.eufemia-scope--10_77_0 .dnb-global-error__links{flex-direction:column;gap:1rem}.eufemia-scope--10_77_0 .dnb-global-error h1{font-size:var(--font-size-large)}}

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

@@ -0,0 +1,4 @@
+/*
+ * GlobalError theme
+ *
+ */

package/es/components/global-status/style/dnb-global-status--isolated.css

@@ -0,0 +1,74 @@
+/*
+ * GlobalStatus component
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-global-status.dnb-section {
+  display: block;
+}
+.eufemia-scope--10_77_0 .dnb-global-status__shell {
+  width: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-global-status__shell.dnb-height-animation--hidden {
+  overflow-y: clip;
+}
+.eufemia-scope--10_77_0 .dnb-global-status__shell .dnb-hr, .eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__shell .dnb-hr:not([class*=dnb-space__bottom]) {
+  margin: 0 0 0 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-global-status__shell .dnb-hr::after, .eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__shell .dnb-hr:not([class*=dnb-space__bottom])::after {
+  top: calc(var(--thickness) * -1);
+}
+.eufemia-scope--10_77_0 .dnb-global-status__title {
+  position: relative;
+  cursor: text;
+  min-height: 4.5rem;
+  display: flex;
+  align-items: center;
+  padding: 1rem 5rem 1rem 2.5rem;
+  font-size: var(--font-size-basis);
+}
+.eufemia-scope--10_77_0 .dnb-global-status__title .dnb-p, .eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__title .dnb-p, .eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__title .dnb-p:not([class*=dnb-space]) {
+  margin: 0;
+}
+.eufemia-scope--10_77_0 .dnb-global-status__message {
+  cursor: text;
+  z-index: 1;
+}
+.eufemia-scope--10_77_0 .dnb-global-status__message__content {
+  display: flex;
+  flex-direction: column;
+  padding: 0.5rem 0 2.5rem 2.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-global-status__message__content .dnb-p, .eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__message__content .dnb-p, .eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__message__content .dnb-p:not([class*=dnb-space]) {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+}
+.eufemia-scope--10_77_0 .dnb-global-status__icon {
+  position: absolute;
+  top: 0;
+  left: 0;
+  margin-top: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-global-status__close-button, .eufemia-scope--10_77_0 .dnb-global-status__close-button.dnb-button--tertiary {
+  position: absolute;
+  z-index: 1;
+  right: 1rem;
+  left: auto;
+}
+.eufemia-scope--10_77_0 .dnb-modal__content__inner .dnb-global-status__close-button {
+  right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-global-status__content {
+  width: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-global-status__content .dnb-ul, .eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__content .dnb-ul, .eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__content .dnb-ul:not([class*=dnb-space]) {
+  margin: 0;
+  margin-top: 0.5rem;
+  padding-left: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-global-status__content .dnb-ul .dnb-anchor:last-of-type, .eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__content .dnb-ul .dnb-anchor:last-of-type, .eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__content .dnb-ul:not([class*=dnb-space]) .dnb-anchor:last-of-type {
+  margin-left: 0.5rem;
+}

package/es/components/global-status/style/dnb-global-status--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-global-status.dnb-section{display:block}.eufemia-scope--10_77_0 .dnb-global-status__shell{width:100%}.eufemia-scope--10_77_0 .dnb-global-status__shell.dnb-height-animation--hidden{overflow-y:clip}.eufemia-scope--10_77_0 .dnb-global-status__shell .dnb-hr,.eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__shell .dnb-hr:not([class*=dnb-space__bottom]){margin:0 0 0 1rem}.eufemia-scope--10_77_0 .dnb-global-status__shell .dnb-hr:after,.eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__shell .dnb-hr:not([class*=dnb-space__bottom]):after{top:calc(var(--thickness)*-1)}.eufemia-scope--10_77_0 .dnb-global-status__title{align-items:center;cursor:text;display:flex;font-size:var(--font-size-basis);min-height:4.5rem;padding:1rem 5rem 1rem 2.5rem;position:relative}.eufemia-scope--10_77_0 .dnb-global-status__title .dnb-p,.eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__title .dnb-p,.eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__title .dnb-p:not([class*=dnb-space]){margin:0}.eufemia-scope--10_77_0 .dnb-global-status__message{cursor:text;z-index:1}.eufemia-scope--10_77_0 .dnb-global-status__message__content{display:flex;flex-direction:column;padding:.5rem 0 2.5rem 2.5rem}.eufemia-scope--10_77_0 .dnb-global-status__message__content .dnb-p,.eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__message__content .dnb-p,.eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__message__content .dnb-p:not([class*=dnb-space]){display:inline-block;margin:0;padding:0}.eufemia-scope--10_77_0 .dnb-global-status__icon{left:0;margin-top:1.5rem;position:absolute;top:0}.eufemia-scope--10_77_0 .dnb-global-status__close-button,.eufemia-scope--10_77_0 .dnb-global-status__close-button.dnb-button--tertiary{left:auto;position:absolute;right:1rem;z-index:1}.eufemia-scope--10_77_0 .dnb-modal__content__inner .dnb-global-status__close-button{right:0}.eufemia-scope--10_77_0 .dnb-global-status__content{width:100%}.eufemia-scope--10_77_0 .dnb-global-status__content .dnb-ul,.eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__content .dnb-ul,.eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__content .dnb-ul:not([class*=dnb-space]){margin:.5rem 0 0;padding-left:1rem}.eufemia-scope--10_77_0 .dnb-global-status__content .dnb-ul .dnb-anchor:last-of-type,.eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__content .dnb-ul .dnb-anchor:last-of-type,.eufemia-scope--10_77_0 .dnb-spacing .dnb-global-status__content .dnb-ul:not([class*=dnb-space]) .dnb-anchor:last-of-type{margin-left:.5rem}

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

@@ -0,0 +1,27 @@
+/*
+* GlobalStatus theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-global-status__close-button {
+  display: none;
+}
+@media screen and (max-width: 72em) {
+  .eufemia-scope--10_77_0 .dnb-global-status__title {
+    padding-right: 2.5rem;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-global-status--error .dnb-global-status__content .dnb-hr {
+  --hr-color: var(--sb-color-red);
+}
+.eufemia-scope--10_77_0 .dnb-global-status--info .dnb-global-status__content .dnb-hr {
+  --hr-color: var(--sb-color-green-dark-2);
+}
+.eufemia-scope--10_77_0 .dnb-global-status--warning .dnb-global-status__content .dnb-hr {
+  --hr-color: var(--sb-color-yellow-dark);
+}
+.eufemia-scope--10_77_0 .dnb-global-status--success .dnb-global-status__content .dnb-hr {
+  --hr-color: var(--sb-color-green-dark-3);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-global-status__close-button{display:none}@media screen and (max-width:72em){.eufemia-scope--10_77_0 .dnb-global-status__title{padding-right:2.5rem}}.eufemia-scope--10_77_0 .dnb-global-status--error .dnb-global-status__content .dnb-hr{--hr-color:var(--sb-color-red)}.eufemia-scope--10_77_0 .dnb-global-status--info .dnb-global-status__content .dnb-hr{--hr-color:var(--sb-color-green-dark-2)}.eufemia-scope--10_77_0 .dnb-global-status--warning .dnb-global-status__content .dnb-hr{--hr-color:var(--sb-color-yellow-dark)}.eufemia-scope--10_77_0 .dnb-global-status--success .dnb-global-status__content .dnb-hr{--hr-color:var(--sb-color-green-dark-3)}

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

@@ -0,0 +1,25 @@
+/*
+ * GlobalStatus theme
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-global-status__icon {
+  font-size: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-global-status__message.dnb-section--white ::selection {
+  background-color: var(--color-mint-green);
+}
+.eufemia-scope--10_77_0 .dnb-global-status__content .dnb-hr {
+  --hr-color: var(--color-fire-red);
+}
+.eufemia-scope--10_77_0 .dnb-global-status--info .dnb-global-status__content .dnb-hr {
+  --hr-color: var(--color-sea-green);
+}
+.eufemia-scope--10_77_0 .dnb-global-status--warning .dnb-global-status__content .dnb-hr {
+  --hr-color: var(--color-accent-yellow);
+}
+.eufemia-scope--10_77_0 .dnb-global-status--success .dnb-global-status__content .dnb-hr {
+  --hr-color: var(--color-ocean-green);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-global-status__icon{font-size:1rem}.eufemia-scope--10_77_0 .dnb-global-status__message.dnb-section--white ::selection{background-color:var(--color-mint-green)}.eufemia-scope--10_77_0 .dnb-global-status__content .dnb-hr{--hr-color:var(--color-fire-red)}.eufemia-scope--10_77_0 .dnb-global-status--info .dnb-global-status__content .dnb-hr{--hr-color:var(--color-sea-green)}.eufemia-scope--10_77_0 .dnb-global-status--warning .dnb-global-status__content .dnb-hr{--hr-color:var(--color-accent-yellow)}.eufemia-scope--10_77_0 .dnb-global-status--success .dnb-global-status__content .dnb-hr{--hr-color:var(--color-ocean-green)}

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

@@ -0,0 +1,85 @@
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-grid-container {
+  display: grid;
+  grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
+  grid-auto-flow: dense;
+  row-gap: var(--row-gap, 0);
+  column-gap: var(--column-gap, 0);
+  --grid-columns: var(--small-columns, 4);
+}
+.eufemia-scope--10_77_0 .dnb-grid-container--row-gap-x-small {
+  --row-gap: var(--spacing-x-small);
+}
+.eufemia-scope--10_77_0 .dnb-grid-container--row-gap-small {
+  --row-gap: var(--spacing-small);
+}
+.eufemia-scope--10_77_0 .dnb-grid-container--row-gap-medium {
+  --row-gap: var(--spacing-medium);
+}
+.eufemia-scope--10_77_0 .dnb-grid-container--row-gap-large {
+  --row-gap: var(--spacing-large);
+}
+.eufemia-scope--10_77_0 .dnb-grid-container--column-gap-x-small {
+  --column-gap: var(--spacing-x-small);
+}
+.eufemia-scope--10_77_0 .dnb-grid-container--column-gap-small {
+  --column-gap: var(--spacing-small);
+}
+.eufemia-scope--10_77_0 .dnb-grid-container--column-gap-medium {
+  --column-gap: var(--spacing-medium);
+}
+.eufemia-scope--10_77_0 .dnb-grid-container--column-gap-large {
+  --column-gap: var(--spacing-large);
+}
+@media screen and (min-width: 40.00625em) {
+  .eufemia-scope--10_77_0 .dnb-grid-container {
+    --grid-columns: var(--medium-columns, 6);
+  }
+}
+@media screen and (min-width: 60.00625em) {
+  .eufemia-scope--10_77_0 .dnb-grid-container {
+    --grid-columns: var(--large-columns, 12);
+  }
+}
+@media screen and (max-width: 60em) {
+  .eufemia-scope--10_77_0 .dnb-grid-container__disabled--small {
+    display: unset;
+  }
+}
+@media screen and (min-width: 40.00625em) and (max-width: 60em) {
+  .eufemia-scope--10_77_0 .dnb-grid-container__disabled--medium {
+    display: unset;
+  }
+}
+@media screen and (min-width: 72.00625em) {
+  .eufemia-scope--10_77_0 .dnb-grid-container {
+    --grid-columns: var(--large-columns, 12);
+  }
+  .eufemia-scope--10_77_0 .dnb-grid-container__disabled--large {
+    display: unset;
+  }
+}
+
+.eufemia-scope--10_77_0 .dnb-grid-item {
+  grid-column: var(--start-c)/var(--end-c);
+  --start-c: var(--small-c-s, 1);
+  --end-c: var(--small-c-e, calc(var(--grid-columns) + 1));
+}
+@media screen and (min-width: 40.00625em) {
+  .eufemia-scope--10_77_0 .dnb-grid-item {
+    --start-c: var(--medium-c-s, 1);
+    --end-c: var(--medium-c-e, calc(var(--grid-columns) + 1));
+  }
+}
+@media screen and (min-width: 60.00625em) {
+  .eufemia-scope--10_77_0 .dnb-grid-item {
+    --start-c: var(--large-c-s, 1);
+    --end-c: var(--large-c-e, calc(var(--grid-columns) + 1));
+  }
+}
+.eufemia-scope--10_77_0 .dnb-grid-item--full-width {
+  --start-c: 0;
+  --end-c: var(--grid-columns);
+}

package/es/components/grid/style/dnb-grid--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-grid-container{--grid-columns:var(--small-columns,4);column-gap:var(--column-gap,0);display:grid;grid-auto-flow:dense;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));row-gap:var(--row-gap,0)}.eufemia-scope--10_77_0 .dnb-grid-container--row-gap-x-small{--row-gap:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-grid-container--row-gap-small{--row-gap:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-grid-container--row-gap-medium{--row-gap:var(--spacing-medium)}.eufemia-scope--10_77_0 .dnb-grid-container--row-gap-large{--row-gap:var(--spacing-large)}.eufemia-scope--10_77_0 .dnb-grid-container--column-gap-x-small{--column-gap:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-grid-container--column-gap-small{--column-gap:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-grid-container--column-gap-medium{--column-gap:var(--spacing-medium)}.eufemia-scope--10_77_0 .dnb-grid-container--column-gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:40.00625em){.eufemia-scope--10_77_0 .dnb-grid-container{--grid-columns:var(--medium-columns,6)}}@media screen and (min-width:60.00625em){.eufemia-scope--10_77_0 .dnb-grid-container{--grid-columns:var(--large-columns,12)}}@media screen and (max-width:60em){.eufemia-scope--10_77_0 .dnb-grid-container__disabled--small{display:unset}}@media screen and (min-width:40.00625em) and (max-width:60em){.eufemia-scope--10_77_0 .dnb-grid-container__disabled--medium{display:unset}}@media screen and (min-width:72.00625em){.eufemia-scope--10_77_0 .dnb-grid-container{--grid-columns:var(--large-columns,12)}.eufemia-scope--10_77_0 .dnb-grid-container__disabled--large{display:unset}}.eufemia-scope--10_77_0 .dnb-grid-item{--start-c:var(--small-c-s,1);--end-c:var(--small-c-e,calc(var(--grid-columns) + 1));grid-column:var(--start-c)/var(--end-c)}@media screen and (min-width:40.00625em){.eufemia-scope--10_77_0 .dnb-grid-item{--start-c:var(--medium-c-s,1);--end-c:var(--medium-c-e,calc(var(--grid-columns) + 1))}}@media screen and (min-width:60.00625em){.eufemia-scope--10_77_0 .dnb-grid-item{--start-c:var(--large-c-s,1);--end-c:var(--large-c-e,calc(var(--grid-columns) + 1))}}.eufemia-scope--10_77_0 .dnb-grid-item--full-width{--start-c:0;--end-c:var(--grid-columns)}

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

@@ -0,0 +1,19 @@
+/*
+ * Heading Component
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-heading__debug {
+  color: var(--color-black-20);
+  font-weight: var(--font-weight-basis);
+}
+.eufemia-scope--10_77_0 .dnb-heading__debug .dnb-code {
+  color: var(--color-black);
+  font-size: 12px !important;
+}
+.eufemia-scope--10_77_0 .dnb-heading__context {
+  display: block;
+  padding: 1rem 0 2rem;
+}

package/es/components/heading/style/dnb-heading--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-heading__debug{color:var(--color-black-20);font-weight:var(--font-weight-basis)}.eufemia-scope--10_77_0 .dnb-heading__debug .dnb-code{color:var(--color-black);font-size:12px!important}.eufemia-scope--10_77_0 .dnb-heading__context{display:block;padding:1rem 0 2rem}

package/es/components/height-animation/style/dnb-height-animation--isolated.css

@@ -0,0 +1,31 @@
+/*
+* HeightAnimation component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-height-animation {
+  --height-animation-duration: var(--duration, 400ms);
+  --height-animation: height var(--height-animation-duration)
+    var(--easing-default) var(--delay, 0ms);
+  will-change: height;
+  transition: var(--height-animation);
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-height-animation, html[data-visual-test] .eufemia-scope--10_77_0 .dnb-height-animation * {
+  transition: none !important;
+}
+.eufemia-scope--10_77_0 .dnb-height-animation--animating {
+  overflow-y: hidden;
+}
+@supports (overflow-y: clip) {
+  .eufemia-scope--10_77_0 .dnb-height-animation--animating {
+    overflow-y: clip;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-height-animation--hidden {
+  display: none;
+}
+.eufemia-scope--10_77_0 .dnb-height-animation--show-overflow {
+  overflow: visible;
+}

package/es/components/height-animation/style/dnb-height-animation--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-height-animation{--height-animation-duration:var(--duration,400ms);--height-animation:height var(--height-animation-duration) var(--easing-default) var(--delay,0ms);transition:var(--height-animation);will-change:height}html[data-visual-test] .eufemia-scope--10_77_0 .dnb-height-animation,html[data-visual-test] .eufemia-scope--10_77_0 .dnb-height-animation *{transition:none!important}.eufemia-scope--10_77_0 .dnb-height-animation--animating{overflow-y:hidden}@supports (overflow-y:clip){.eufemia-scope--10_77_0 .dnb-height-animation--animating{overflow-y:clip}}.eufemia-scope--10_77_0 .dnb-height-animation--hidden{display:none}.eufemia-scope--10_77_0 .dnb-height-animation--show-overflow{overflow:visible}

package/es/components/help-button/style/dnb-help-button--isolated.css

@@ -0,0 +1,116 @@
+/*
+ * HelpButton component
+ *
+ */
+/*
+ * Utilities
+ */ /*
+* Button mixins
+*
+*/
+/*
+ * HelpButton component
+ *
+ */
+/*
+ * Utilities
+ */ /*
+* Button mixins
+*
+*/
+.eufemia-scope--10_77_0 .dnb-help-button.dnb-help-button__inline--open {
+  --border-color: var(--color-emerald-green);
+  --border-width: 0.125rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+
+.eufemia-scope--10_77_0 .dnb-help-button__inline svg {
+  will-change: transform;
+}
+.eufemia-scope--10_77_0 .dnb-help-button__inline svg:nth-of-type(2) {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  margin: auto;
+  opacity: 0;
+}
+.eufemia-scope--10_77_0 .dnb-help-button__inline--open svg:nth-of-type(1) {
+  opacity: 0;
+}
+.eufemia-scope--10_77_0 .dnb-help-button__inline--open svg:nth-of-type(2) {
+  animation: rotate-icon-in 400ms var(--easing-default) forwards;
+}
+.eufemia-scope--10_77_0 .dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:nth-of-type(1) {
+  opacity: 0;
+  animation: animate-question 400ms var(--easing-default) 200ms forwards;
+}
+.eufemia-scope--10_77_0 .dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:nth-of-type(2) {
+  animation: rotate-icon-out 400ms var(--easing-default) forwards;
+}
+.eufemia-scope--10_77_0 .dnb-help-button__inline:not(.dnb-help-button__inline--user-intent) svg, html[data-visual-test] .eufemia-scope--10_77_0 .dnb-help-button__inline svg {
+  animation-duration: 0ms;
+}
+@keyframes rotate-icon-in {
+  from {
+    opacity: 0;
+    transform: rotate(0deg);
+  }
+  to {
+    opacity: 1;
+    transform: rotate(90deg);
+  }
+}
+@keyframes rotate-icon-out {
+  0% {
+    opacity: 1;
+    transform: rotate(90deg);
+  }
+  30% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+    transform: rotate(0deg);
+  }
+}
+@keyframes animate-question {
+  from {
+    opacity: 0;
+    transform: rotate(10deg);
+  }
+  to {
+    opacity: 1;
+    transform: rotate(0deg);
+  }
+}
+
+.eufemia-scope--10_77_0 .dnb-help-button__content {
+  --help-button-indent-width: var(--card-outline-width);
+}
+.eufemia-scope--10_77_0 .dnb-help-button__content .dnb-section {
+  --background-color: var(--help-button-content-background);
+  --rounded-corner--value: calc(var(--card-outline-width) + 0.5rem);
+}
+.eufemia-scope--10_77_0 .dnb-help-button__content .dnb-section .dnb-p {
+  max-width: var(--text-block-max-width);
+  transition: transform 400ms var(--easing-default) 40ms;
+  transform: translate3d(0, -0.5rem, 0);
+}
+.eufemia-scope--10_77_0 :not(.dnb-card) .dnb-help-button__content .dnb-section {
+  --outset-left: calc(
+    var(--spacing-medium) + var(--help-button-indent-width)
+  );
+  --outset-right: calc(
+    var(--spacing-medium) + var(--help-button-indent-width)
+  );
+}
+.eufemia-scope--10_77_0 .dnb-help-button__content.dnb-height-animation--parallax .dnb-section .dnb-p {
+  transform: translate3d(0, 0, 0);
+}
+
+.eufemia-scope--10_77_0 .dnb-help-button .dnb-button__bounding {
+  transform: scale(1.5);
+}

package/es/components/help-button/style/dnb-help-button--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-help-button.dnb-help-button__inline--open{--border-color:var(--color-emerald-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-help-button__inline svg{will-change:transform}.eufemia-scope--10_77_0 .dnb-help-button__inline svg:nth-of-type(2){bottom:0;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0}.eufemia-scope--10_77_0 .dnb-help-button__inline--open svg:first-of-type{opacity:0}.eufemia-scope--10_77_0 .dnb-help-button__inline--open svg:nth-of-type(2){animation:rotate-icon-in .4s var(--easing-default) forwards}.eufemia-scope--10_77_0 .dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:first-of-type{animation:animate-question .4s var(--easing-default) .2s forwards;opacity:0}.eufemia-scope--10_77_0 .dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:nth-of-type(2){animation:rotate-icon-out .4s var(--easing-default) forwards}.eufemia-scope--10_77_0 .dnb-help-button__inline:not(.dnb-help-button__inline--user-intent) svg,html[data-visual-test] .eufemia-scope--10_77_0 .dnb-help-button__inline svg{animation-duration:0ms}@keyframes rotate-icon-in{0%{opacity:0;transform:rotate(0deg)}to{opacity:1;transform:rotate(90deg)}}@keyframes rotate-icon-out{0%{opacity:1;transform:rotate(90deg)}30%{opacity:1}to{opacity:0;transform:rotate(0deg)}}@keyframes animate-question{0%{opacity:0;transform:rotate(10deg)}to{opacity:1;transform:rotate(0deg)}}.eufemia-scope--10_77_0 .dnb-help-button__content{--help-button-indent-width:var(--card-outline-width)}.eufemia-scope--10_77_0 .dnb-help-button__content .dnb-section{--background-color:var(--help-button-content-background);--rounded-corner--value:calc(var(--card-outline-width) + 0.5rem)}.eufemia-scope--10_77_0 .dnb-help-button__content .dnb-section .dnb-p{max-width:var(--text-block-max-width);transform:translate3d(0,-.5rem,0);transition:transform .4s var(--easing-default) 40ms}.eufemia-scope--10_77_0 :not(.dnb-card) .dnb-help-button__content .dnb-section{--outset-left:calc(var(--spacing-medium) + var(--help-button-indent-width));--outset-right:calc(var(--spacing-medium) + var(--help-button-indent-width))}.eufemia-scope--10_77_0 .dnb-help-button__content.dnb-height-animation--parallax .dnb-section .dnb-p{transform:translateZ(0)}.eufemia-scope--10_77_0 .dnb-help-button .dnb-button__bounding{transform:scale(1.5)}

package/es/components/help-button/style/dnb-help-button-inline--isolated.css

@@ -0,0 +1,102 @@
+/*
+ * HelpButton component
+ *
+ */
+/*
+ * Utilities
+ */ /*
+* Button mixins
+*
+*/
+.eufemia-scope--10_77_0 .dnb-help-button.dnb-help-button__inline--open {
+  --border-color: var(--color-emerald-green);
+  --border-width: 0.125rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+
+.eufemia-scope--10_77_0 .dnb-help-button__inline svg {
+  will-change: transform;
+}
+.eufemia-scope--10_77_0 .dnb-help-button__inline svg:nth-of-type(2) {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  margin: auto;
+  opacity: 0;
+}
+.eufemia-scope--10_77_0 .dnb-help-button__inline--open svg:nth-of-type(1) {
+  opacity: 0;
+}
+.eufemia-scope--10_77_0 .dnb-help-button__inline--open svg:nth-of-type(2) {
+  animation: rotate-icon-in 400ms var(--easing-default) forwards;
+}
+.eufemia-scope--10_77_0 .dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:nth-of-type(1) {
+  opacity: 0;
+  animation: animate-question 400ms var(--easing-default) 200ms forwards;
+}
+.eufemia-scope--10_77_0 .dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:nth-of-type(2) {
+  animation: rotate-icon-out 400ms var(--easing-default) forwards;
+}
+.eufemia-scope--10_77_0 .dnb-help-button__inline:not(.dnb-help-button__inline--user-intent) svg, html[data-visual-test] .eufemia-scope--10_77_0 .dnb-help-button__inline svg {
+  animation-duration: 0ms;
+}
+@keyframes rotate-icon-in {
+  from {
+    opacity: 0;
+    transform: rotate(0deg);
+  }
+  to {
+    opacity: 1;
+    transform: rotate(90deg);
+  }
+}
+@keyframes rotate-icon-out {
+  0% {
+    opacity: 1;
+    transform: rotate(90deg);
+  }
+  30% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+    transform: rotate(0deg);
+  }
+}
+@keyframes animate-question {
+  from {
+    opacity: 0;
+    transform: rotate(10deg);
+  }
+  to {
+    opacity: 1;
+    transform: rotate(0deg);
+  }
+}
+
+.eufemia-scope--10_77_0 .dnb-help-button__content {
+  --help-button-indent-width: var(--card-outline-width);
+}
+.eufemia-scope--10_77_0 .dnb-help-button__content .dnb-section {
+  --background-color: var(--help-button-content-background);
+  --rounded-corner--value: calc(var(--card-outline-width) + 0.5rem);
+}
+.eufemia-scope--10_77_0 .dnb-help-button__content .dnb-section .dnb-p {
+  max-width: var(--text-block-max-width);
+  transition: transform 400ms var(--easing-default) 40ms;
+  transform: translate3d(0, -0.5rem, 0);
+}
+.eufemia-scope--10_77_0 :not(.dnb-card) .dnb-help-button__content .dnb-section {
+  --outset-left: calc(
+    var(--spacing-medium) + var(--help-button-indent-width)
+  );
+  --outset-right: calc(
+    var(--spacing-medium) + var(--help-button-indent-width)
+  );
+}
+.eufemia-scope--10_77_0 .dnb-help-button__content.dnb-height-animation--parallax .dnb-section .dnb-p {
+  transform: translate3d(0, 0, 0);
+}