@dnb/eufemia 10.76.1 → 10.77.0

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0{--card-outline-color:var(--border-color,var(--color-lavender));--card-outline-width:0.25rem;--card-background-color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-card .dnb-card{--card-outline-color:var(--color-black-8);--outline-width:0.0625rem;--rounded-corner:0.375rem}

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

@@ -0,0 +1,360 @@
+/*
+* Checkbox component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 {
+  --checkbox-width--medium: 1.5rem;
+  --checkbox-height--medium: 1.5rem;
+}
+
+.eufemia-scope--10_77_0 .dnb-checkbox {
+  --checkbox-border-radius: 0.25rem;
+  --checkbox-gfx-border-radius__indeterminate: 0.125rem;
+  --checkbox-width--large: 2rem;
+  --checkbox-height--large: 2rem;
+  --checkbox-gfx-height__indeterminate: 0.625rem;
+  --checkbox-gfx-width__indeterminate: 0.625rem;
+  --checkbox-gfx-height__indeterminate--large: 0.875rem;
+  --checkbox-gfx-width__indeterminate--large: 0.875rem;
+  --checkbox-border-width: 0.09375rem;
+  --checkbox-color-gfx-on: black;
+  --checkbox-color-gfx-off: white;
+  --checkbox-color-background-on: white;
+  --checkbox-color-background-off: white;
+  --checkbox-color-border-on: black;
+  --checkbox-color-border-off: black;
+  --checkbox-border-width--disabled: 0.125rem;
+  --checkbox-color-gfx--disabled: grey;
+  --checkbox-color-background-on--disabled: lightgrey;
+  --checkbox-color-background-off--disabled: lightgrey;
+  --checkbox-color-border-on--disabled: grey;
+  --checkbox-color-border-off--disabled: grey;
+  --checkbox-color-gfx__indeterminate--disabled: grey;
+  --checkbox-color-background--active: lightgrey;
+  --checkbox-color-border--active: transparent;
+  --checkbox-border-width--hover: 0.125rem;
+  --checkbox-color-gfx--hover: grey;
+  --checkbox-color-background--hover: white;
+  --checkbox-color-border-on--hover: grey;
+  --checkbox-color-border-off--hover: grey;
+  --checkbox-color-gfx--focus: grey;
+  --checkbox-color-background--focus: lightgrey;
+  --checkbox-border-width--error: 0.125rem;
+  --checkbox-color-gfx--error: lavenderblush;
+  --checkbox-color-gfx--error-contrast: red;
+  --checkbox-color-background-on--error: red;
+  --checkbox-color-background--error-contrast: lavenderblush;
+  --checkbox-color-border--error: red;
+  --checkbox-color-gfx-indeterminate--error: red;
+  --checkbox-color-gfx--error--hover: red;
+  --checkbox-color-background--error--hover: lavenderblush;
+  --checkbox-color-border--error--hover: red;
+  --checkbox-color-background-indeterminate: grey;
+  --checkbox-color-gfx-indeterminate: darkgray;
+  --checkbox-color-background-indeterminate--active: grey;
+  --checkbox-color-border-indeterminate--active: white;
+  --checkbox-color-gfx-indeterminate--active: white;
+  --checkbox-bounding--medium: 1.75, 1.75;
+  display: inline-flex;
+  flex-direction: column;
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-basis);
+  /*
+   * Color scheme
+   */
+  /** Normal state **/
+  /** Disabled state **/
+  /** Active state **/
+  /** Hover state **/
+  /** Focus state **/
+  /** Error state **/
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__inner {
+  display: inline-flex;
+  flex-direction: column;
+  align-self: center;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__shell {
+  -webkit-user-select: none;
+          user-select: none;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--checkbox-width--medium);
+  height: var(--checkbox-height--medium);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox--large .dnb-checkbox__shell {
+  width: var(--checkbox-width--large);
+  height: var(--checkbox-height--large);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__button {
+  display: inline-block;
+  border: var(--checkbox-border-width) solid transparent;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__focus {
+  display: none;
+  outline: none;
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-checkbox__focus {
+  --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;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__focus, .eufemia-scope--10_77_0 .dnb-checkbox__button {
+  position: relative;
+  z-index: 4;
+  width: calc(var(--checkbox-width--medium) - 0.25rem);
+  height: calc(var(--checkbox-height--medium) - 0.25rem);
+  border-radius: var(--checkbox-border-radius);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox--large .dnb-checkbox__focus, .eufemia-scope--10_77_0 .dnb-checkbox--large .dnb-checkbox__button {
+  width: var(--checkbox-width--large);
+  height: var(--checkbox-height--large);
+  border-radius: var(--checkbox-border-radius);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__gfx {
+  position: absolute;
+  z-index: 5;
+  top: auto;
+  left: auto;
+  width: calc(var(--checkbox-width--medium) - 0.5rem);
+  height: calc(var(--checkbox-height--medium) - 0.5rem);
+  shape-rendering: geometricprecision;
+  transition: opacity 200ms ease-out, transform 200ms ease-out;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox--large {
+  line-height: var(--checkbox-height--large);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox--large .dnb-checkbox__gfx {
+  width: calc(var(--checkbox-width--large) - 0.5rem);
+  height: calc(var(--checkbox-height--large) - 0.5rem);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input {
+  opacity: 0;
+  position: absolute;
+  top: auto;
+  left: auto;
+  z-index: 6;
+  width: var(--checkbox-width--medium);
+  height: var(--checkbox-height--medium);
+  margin: 0;
+  padding: 0;
+  border: 0;
+  transform: scale(var(--checkbox-bounding--medium));
+}
+.eufemia-scope--10_77_0 .dnb-checkbox--large .dnb-checkbox__input {
+  width: var(--checkbox-width--large);
+  height: var(--checkbox-height--large);
+  transform: scale(1);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]) {
+  cursor: pointer;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox .dnb-form-label {
+  margin-bottom: 0;
+  margin-right: 0;
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__order {
+  display: inline-flex;
+  align-items: baseline;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__suffix {
+  order: 4;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-checkbox__inner {
+  order: 2;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-label {
+  order: 1;
+  padding-right: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-status {
+  order: 3;
+  margin-top: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-checkbox__inner {
+  order: 1;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-form-label {
+  order: 2;
+  padding-left: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox--label-position-right .dnb-checkbox__order + .dnb-form-status {
+  order: 3;
+  vertical-align: top;
+  margin-top: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:checked ~ .dnb-checkbox__gfx, .eufemia-scope--10_77_0 .dnb-checkbox__input[data-checked=true] ~ .dnb-checkbox__gfx {
+  opacity: 1;
+  transform: scale(1);
+  color: var(--checkbox-color-gfx-on);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:checked ~ .dnb-checkbox__button, .eufemia-scope--10_77_0 .dnb-checkbox__input[data-checked=true] ~ .dnb-checkbox__button {
+  background-color: var(--checkbox-color-background-on);
+  border-color: var(--checkbox-color-border-on);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:not(:checked):not([data-checked=true]) ~ .dnb-checkbox__gfx {
+  opacity: 0;
+  transform: scale(0.8);
+  color: var(--checkbox-color-gfx-off);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:not(:checked):not([data-checked=true]) ~ .dnb-checkbox__button {
+  background-color: var(--checkbox-color-background-off);
+  border-color: var(--checkbox-color-border-off);
+  transition: background-color 100ms ease-out;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input ~ .dnb-checkbox__indeterminate {
+  position: absolute;
+  z-index: 5;
+  width: var(--checkbox-gfx-width__indeterminate);
+  height: var(--checkbox-gfx-height__indeterminate);
+  transform: scale(0.85);
+  opacity: 0;
+  background-color: var(--checkbox-color-gfx-indeterminate);
+  border-radius: var(--checkbox-gfx-border-radius__indeterminate);
+  transition: opacity 200ms ease-out, transform 200ms ease-out;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:indeterminate ~ .dnb-checkbox__indeterminate {
+  transform: scale(1);
+  opacity: 1;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:indeterminate:checked ~ .dnb-checkbox__button {
+  background-color: transparent;
+  border-color: var(--checkbox-color-border-off);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:indeterminate:hover ~ .dnb-checkbox__gfx, .eufemia-scope--10_77_0 .dnb-checkbox__input:indeterminate:checked ~ .dnb-checkbox__gfx, .eufemia-scope--10_77_0 .dnb-checkbox__input:indeterminate:checked:hover ~ .dnb-checkbox__gfx {
+  color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox--large .dnb-checkbox__input:indeterminate ~ .dnb-checkbox__indeterminate {
+  width: var(--checkbox-gfx-width__indeterminate--large);
+  height: var(--checkbox-gfx-height__indeterminate--large);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__button {
+  border-width: var(--checkbox-border-width--disabled);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__button, .eufemia-scope--10_77_0 .dnb-checkbox__input[disabled][data-checked=true] ~ .dnb-checkbox__button {
+  background-color: var(--checkbox-color-background-on--disabled);
+  border-color: var(--checkbox-color-border-on--disabled);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__gfx, .eufemia-scope--10_77_0 .dnb-checkbox__input[disabled][data-checked=true] ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--disabled);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input[disabled]:not(:checked):not([data-checked=true]) ~ .dnb-checkbox__button {
+  border-color: var(--checkbox-color-border-off--disabled);
+  background-color: var(--checkbox-color-background-off--disabled);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input[disabled]:indeterminate ~ .dnb-checkbox__indeterminate {
+  background-color: var(--checkbox-color-gfx__indeterminate--disabled);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input[disabled]:indeterminate ~ .dnb-checkbox__gfx {
+  color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__button {
+  background-color: var(--checkbox-color-background--active);
+  border-color: var(--checkbox-color-border--active);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):checked:active ~ .dnb-checkbox__gfx, .eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled])[data-checked=true]:active ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx-on);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):indeterminate:active ~ .dnb-checkbox__button {
+  background-color: var(--checkbox-color-background-indeterminate--active);
+  border-color: var(--checkbox-color-border-indeterminate--active);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):indeterminate:active ~ .dnb-checkbox__indeterminate {
+  background-color: var(--checkbox-color-gfx-indeterminate--active);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):not(:active):hover ~ .dnb-checkbox__button {
+  border-color: var(--checkbox-color-border-off--hover);
+  background-color: var(--checkbox-color-background--hover);
+  border-width: var(--checkbox-border-width--hover);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:hover ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--hover);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):checked:hover ~ .dnb-checkbox__button, .eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled])[data-checked=true]:hover ~ .dnb-checkbox__button {
+  border: var(--checkbox-border-width--hover) solid var(--checkbox-color-border-on--hover);
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__button {
+  border: none;
+  background-color: var(--checkbox-color-background--focus);
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--focus);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__button .dnb-checkbox__focus, .eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__button .dnb-checkbox__focus {
+  display: block;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__indeterminate {
+  background-color: var(--checkbox-color-gfx--focus);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button {
+  border: none;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button .dnb-checkbox__focus {
+  display: block;
+  --border-color: var(--checkbox-color-border--error);
+  --border-width: var(--checkbox-border-width--error);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__button {
+  background-color: var(--checkbox-color-background--error--hover);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__button[data-checked=true] {
+  border-color: var(--checkbox-color-border--error--hover);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--error--hover);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover) ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--error);
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__button, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus:hover ~ .dnb-checkbox__button {
+  border: none;
+  background-color: var(--checkbox-color-background--error-contrast);
+  --border-color: var(--checkbox-color-border--error);
+  --border-width: calc(var(--checkbox-border-width--hover));
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus:hover ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--error-contrast);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked ~ .dnb-checkbox__button, .eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true] ~ .dnb-checkbox__button {
+  background-color: var(--checkbox-color-background-on--error);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not([disabled]):not(:active):not(:hover) ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--error-contrast);
+  background-color: var(--checkbox-color-gfx--error-contrast);
+  border-radius: var(--checkbox-border-radius);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not(:active):not(:hover) ~ .dnb-checkbox__indeterminate {
+  background-color: var(--checkbox-color-gfx-indeterminate--error);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not(:indeterminate) ~ .dnb-checkbox__indeterminate {
+  background-color: var(--checkbox-color-gfx-indeterminate--error);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:hover:not(:active) ~ .dnb-checkbox__indeterminate {
+  background-color: var(--checkbox-color-gfx--error--hover);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):hover ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--error--hover);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button {
+  border-color: var(--skeleton-color);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button::before {
+  border-radius: 0;
+}
+.eufemia-scope--10_77_0 .dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__gfx {
+  color: var(--skeleton-color);
+}
+.eufemia-scope--10_77_0 .dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__indeterminate {
+  background-color: var(--skeleton-color);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0{--checkbox-width--medium:1.5rem;--checkbox-height--medium:1.5rem}.eufemia-scope--10_77_0 .dnb-checkbox{--checkbox-border-radius:0.25rem;--checkbox-gfx-border-radius__indeterminate:0.125rem;--checkbox-width--large:2rem;--checkbox-height--large:2rem;--checkbox-gfx-height__indeterminate:0.625rem;--checkbox-gfx-width__indeterminate:0.625rem;--checkbox-gfx-height__indeterminate--large:0.875rem;--checkbox-gfx-width__indeterminate--large:0.875rem;--checkbox-border-width:0.09375rem;--checkbox-color-gfx-on:#000;--checkbox-color-gfx-off:#fff;--checkbox-color-background-on:#fff;--checkbox-color-background-off:#fff;--checkbox-color-border-on:#000;--checkbox-color-border-off:#000;--checkbox-border-width--disabled:0.125rem;--checkbox-color-gfx--disabled:grey;--checkbox-color-background-on--disabled:#d3d3d3;--checkbox-color-background-off--disabled:#d3d3d3;--checkbox-color-border-on--disabled:grey;--checkbox-color-border-off--disabled:grey;--checkbox-color-gfx__indeterminate--disabled:grey;--checkbox-color-background--active:#d3d3d3;--checkbox-color-border--active:transparent;--checkbox-border-width--hover:0.125rem;--checkbox-color-gfx--hover:grey;--checkbox-color-background--hover:#fff;--checkbox-color-border-on--hover:grey;--checkbox-color-border-off--hover:grey;--checkbox-color-gfx--focus:grey;--checkbox-color-background--focus:#d3d3d3;--checkbox-border-width--error:0.125rem;--checkbox-color-gfx--error:#fff0f5;--checkbox-color-gfx--error-contrast:red;--checkbox-color-background-on--error:red;--checkbox-color-background--error-contrast:#fff0f5;--checkbox-color-border--error:red;--checkbox-color-gfx-indeterminate--error:red;--checkbox-color-gfx--error--hover:red;--checkbox-color-background--error--hover:#fff0f5;--checkbox-color-border--error--hover:red;--checkbox-color-background-indeterminate:grey;--checkbox-color-gfx-indeterminate:#a9a9a9;--checkbox-color-background-indeterminate--active:grey;--checkbox-color-border-indeterminate--active:#fff;--checkbox-color-gfx-indeterminate--active:#fff;--checkbox-bounding--medium:1.75,1.75;display:inline-flex;flex-direction:column;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.eufemia-scope--10_77_0 .dnb-checkbox__inner{align-self:center;display:inline-flex;flex-direction:column}.eufemia-scope--10_77_0 .dnb-checkbox__shell{align-items:center;display:flex;height:var(--checkbox-height--medium);justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:var(--checkbox-width--medium)}.eufemia-scope--10_77_0 .dnb-checkbox--large .dnb-checkbox__shell{height:var(--checkbox-height--large);width:var(--checkbox-width--large)}.eufemia-scope--10_77_0 .dnb-checkbox__button{border:var(--checkbox-border-width) solid transparent;display:inline-block}.eufemia-scope--10_77_0 .dnb-checkbox__focus{display:none;outline:none}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-checkbox__focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-checkbox__button,.eufemia-scope--10_77_0 .dnb-checkbox__focus{border-radius:var(--checkbox-border-radius);height:calc(var(--checkbox-height--medium) - .25rem);position:relative;width:calc(var(--checkbox-width--medium) - .25rem);z-index:4}.eufemia-scope--10_77_0 .dnb-checkbox--large .dnb-checkbox__button,.eufemia-scope--10_77_0 .dnb-checkbox--large .dnb-checkbox__focus{border-radius:var(--checkbox-border-radius);height:var(--checkbox-height--large);width:var(--checkbox-width--large)}.eufemia-scope--10_77_0 .dnb-checkbox__gfx{shape-rendering:geometricprecision;height:calc(var(--checkbox-height--medium) - .5rem);left:auto;position:absolute;top:auto;transition:opacity .2s ease-out,transform .2s ease-out;width:calc(var(--checkbox-width--medium) - .5rem);z-index:5}.eufemia-scope--10_77_0 .dnb-checkbox--large{line-height:var(--checkbox-height--large)}.eufemia-scope--10_77_0 .dnb-checkbox--large .dnb-checkbox__gfx{height:calc(var(--checkbox-height--large) - .5rem);width:calc(var(--checkbox-width--large) - .5rem)}.eufemia-scope--10_77_0 .dnb-checkbox__input{border:0;height:var(--checkbox-height--medium);left:auto;margin:0;opacity:0;padding:0;position:absolute;top:auto;transform:scale(var(--checkbox-bounding--medium));width:var(--checkbox-width--medium);z-index:6}.eufemia-scope--10_77_0 .dnb-checkbox--large .dnb-checkbox__input{height:var(--checkbox-height--large);transform:scale(1);width:var(--checkbox-width--large)}.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]){cursor:pointer}.eufemia-scope--10_77_0 .dnb-checkbox .dnb-form-label{margin-bottom:0;margin-left:0;margin-right:0}.eufemia-scope--10_77_0 .dnb-checkbox__order{align-items:baseline;display:inline-flex}.eufemia-scope--10_77_0 .dnb-checkbox__suffix{order:4}.eufemia-scope--10_77_0 .dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-checkbox__inner{order:2}.eufemia-scope--10_77_0 .dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-label{order:1;padding-right:.5rem}.eufemia-scope--10_77_0 .dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-status{margin-top:.5rem;order:3}.eufemia-scope--10_77_0 .dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-checkbox__inner{order:1}.eufemia-scope--10_77_0 .dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-form-label{order:2;padding-left:.5rem}.eufemia-scope--10_77_0 .dnb-checkbox--label-position-right .dnb-checkbox__order+.dnb-form-status{margin-top:.5rem;order:3;vertical-align:top}.eufemia-scope--10_77_0 .dnb-checkbox__input:checked~.dnb-checkbox__gfx,.eufemia-scope--10_77_0 .dnb-checkbox__input[data-checked=true]~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx-on);opacity:1;transform:scale(1)}.eufemia-scope--10_77_0 .dnb-checkbox__input:checked~.dnb-checkbox__button,.eufemia-scope--10_77_0 .dnb-checkbox__input[data-checked=true]~.dnb-checkbox__button{background-color:var(--checkbox-color-background-on);border-color:var(--checkbox-color-border-on)}.eufemia-scope--10_77_0 .dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx-off);opacity:0;transform:scale(.8)}.eufemia-scope--10_77_0 .dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__button{background-color:var(--checkbox-color-background-off);border-color:var(--checkbox-color-border-off);transition:background-color .1s ease-out}.eufemia-scope--10_77_0 .dnb-checkbox__input~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx-indeterminate);border-radius:var(--checkbox-gfx-border-radius__indeterminate);height:var(--checkbox-gfx-height__indeterminate);opacity:0;position:absolute;transform:scale(.85);transition:opacity .2s ease-out,transform .2s ease-out;width:var(--checkbox-gfx-width__indeterminate);z-index:5}.eufemia-scope--10_77_0 .dnb-checkbox__input:indeterminate~.dnb-checkbox__indeterminate{opacity:1;transform:scale(1)}.eufemia-scope--10_77_0 .dnb-checkbox__input:indeterminate:checked~.dnb-checkbox__button{background-color:transparent;border-color:var(--checkbox-color-border-off)}.eufemia-scope--10_77_0 .dnb-checkbox__input:indeterminate:checked:hover~.dnb-checkbox__gfx,.eufemia-scope--10_77_0 .dnb-checkbox__input:indeterminate:checked~.dnb-checkbox__gfx,.eufemia-scope--10_77_0 .dnb-checkbox__input:indeterminate:hover~.dnb-checkbox__gfx{color:transparent}.eufemia-scope--10_77_0 .dnb-checkbox--large .dnb-checkbox__input:indeterminate~.dnb-checkbox__indeterminate{height:var(--checkbox-gfx-height__indeterminate--large);width:var(--checkbox-gfx-width__indeterminate--large)}.eufemia-scope--10_77_0 .dnb-checkbox__input[disabled]:checked~.dnb-checkbox__button{border-width:var(--checkbox-border-width--disabled)}.eufemia-scope--10_77_0 .dnb-checkbox__input[disabled]:checked~.dnb-checkbox__button,.eufemia-scope--10_77_0 .dnb-checkbox__input[disabled][data-checked=true]~.dnb-checkbox__button{background-color:var(--checkbox-color-background-on--disabled);border-color:var(--checkbox-color-border-on--disabled)}.eufemia-scope--10_77_0 .dnb-checkbox__input[disabled]:checked~.dnb-checkbox__gfx,.eufemia-scope--10_77_0 .dnb-checkbox__input[disabled][data-checked=true]~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--disabled)}.eufemia-scope--10_77_0 .dnb-checkbox__input[disabled]:not(:checked):not([data-checked=true])~.dnb-checkbox__button{background-color:var(--checkbox-color-background-off--disabled);border-color:var(--checkbox-color-border-off--disabled)}.eufemia-scope--10_77_0 .dnb-checkbox__input[disabled]:indeterminate~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx__indeterminate--disabled)}.eufemia-scope--10_77_0 .dnb-checkbox__input[disabled]:indeterminate~.dnb-checkbox__gfx{color:transparent}.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):active~.dnb-checkbox__button{background-color:var(--checkbox-color-background--active);border-color:var(--checkbox-color-border--active)}.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):checked:active~.dnb-checkbox__gfx,.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled])[data-checked=true]:active~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx-on)}.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):indeterminate:active~.dnb-checkbox__button{background-color:var(--checkbox-color-background-indeterminate--active);border-color:var(--checkbox-color-border-indeterminate--active)}.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):indeterminate:active~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx-indeterminate--active)}.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):not(:active):hover~.dnb-checkbox__button{background-color:var(--checkbox-color-background--hover);border-color:var(--checkbox-color-border-off--hover);border-width:var(--checkbox-border-width--hover)}.eufemia-scope--10_77_0 .dnb-checkbox__input:hover~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--hover)}.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):checked:hover~.dnb-checkbox__button,.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled])[data-checked=true]:hover~.dnb-checkbox__button{border:var(--checkbox-border-width--hover) solid var(--checkbox-color-border-on--hover)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):focus-visible~.dnb-checkbox__button{background-color:var(--checkbox-color-background--focus);border:none}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):focus-visible~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--focus)}.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):active~.dnb-checkbox__button .dnb-checkbox__focus,.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):focus-visible~.dnb-checkbox__button .dnb-checkbox__focus{display:block}.eufemia-scope--10_77_0 .dnb-checkbox__input:not([disabled]):focus-visible~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx--focus)}.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button{border:none}.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button .dnb-checkbox__focus{--border-color:var(--checkbox-color-border--error);--border-width:var(--checkbox-border-width--error);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);display:block}.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button{background-color:var(--checkbox-color-background--error--hover)}.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button[data-checked=true]{border-color:var(--checkbox-color-border--error--hover)}.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--error--hover)}.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--error)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus:hover~.dnb-checkbox__button,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__button{--border-color:var(--checkbox-color-border--error);--border-width:calc(var(--checkbox-border-width--hover));background-color:var(--checkbox-color-background--error-contrast);border:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus:hover~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--error-contrast)}.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked~.dnb-checkbox__button,.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true]~.dnb-checkbox__button{background-color:var(--checkbox-color-background-on--error)}.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__gfx{background-color:var(--checkbox-color-gfx--error-contrast);border-radius:var(--checkbox-border-radius);color:var(--checkbox-color-gfx--error-contrast)}.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not(:active):not(:hover)~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx-indeterminate--error)}.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not(:indeterminate)~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx-indeterminate--error)}.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:hover:not(:active)~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx--error--hover)}.eufemia-scope--10_77_0 .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):hover~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--error--hover)}.eufemia-scope--10_77_0 .dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__button{border-color:var(--skeleton-color)}.eufemia-scope--10_77_0 .dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__button:before{border-radius:0}.eufemia-scope--10_77_0 .dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__gfx{color:var(--skeleton-color)}.eufemia-scope--10_77_0 .dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__indeterminate{background-color:var(--skeleton-color)}

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

@@ -0,0 +1,54 @@
+/*
+* Checkbox theme for Sbanken
+*
+*/
+.eufemia-scope--10_77_0 .dnb-checkbox {
+  --checkbox-border-width: 0.0625rem;
+  --checkbox-color-gfx-on: var(--sb-color-violet-light);
+  --checkbox-color-gfx-off: var(--sb-color-white);
+  --checkbox-color-background-on: var(--sb-color-white);
+  --checkbox-color-background-off: var(--sb-color-white);
+  --checkbox-color-border-on: var(--sb-color-violet);
+  --checkbox-color-border-off: var(--sb-color-violet);
+  --checkbox-border-width--disabled: 0.0625rem;
+  --checkbox-color-gfx--disabled: var(--sb-color-gray-dark);
+  --checkbox-color-background-off--disabled: var(--sb-color-gray-light);
+  --checkbox-color-background-on--disabled: var(--sb-color-gray-light);
+  --checkbox-color-border-on--disabled: var(--sb-color-gray-dark);
+  --checkbox-color-border-off--disabled: var(--sb-color-gray-dark);
+  --checkbox-color-gfx__indeterminate--disabled: var(--sb-color-gray-dark);
+  --checkbox-color-background--active: var(--sb-color-white);
+  --checkbox-color-border--active: var(--sb-color-gray);
+  --checkbox-border-width--hover: 0.125rem;
+  --checkbox-color-gfx--hover: var(--sb-color-violet-light);
+  --checkbox-color-background--hover: var(--sb-color-violet-light-3);
+  --checkbox-color-border-on--hover: var(--sb-color-violet);
+  --checkbox-color-border-off--hover: var(--sb-color-violet);
+  --checkbox-color-gfx--focus: var(--focus-ring-color);
+  --checkbox-color-background--focus: var(--sb-color-blue-light-3);
+  --checkbox-border-width--error: 0.0625rem;
+  --checkbox-color-gfx--error: var(--sb-color-magenta);
+  --checkbox-color-gfx--error-contrast: var(--sb-color-magenta);
+  --checkbox-color-background-on--error: var(--sb-color-white);
+  --checkbox-color-background--error-contrast: var(
+    --sb-color-magenta-light-2
+  );
+  --checkbox-color-border--error: var(--sb-color-magenta);
+  --checkbox-color-gfx--error--hover: var(--sb-color-magenta);
+  --checkbox-color-background--error--hover: var(
+    --sb-color-magenta-light-3
+  );
+  --checkbox-color-border--error--hover: transparent;
+  --checkbox-color-background-indeterminate: var(--sb-color-white);
+  --checkbox-color-gfx-indeterminate: var(--sb-color-violet);
+  --checkbox-color-background-indeterminate--active: var(--color-white);
+  --checkbox-color-border-indeterminate--active: var(--sb-color-gray);
+  --checkbox-color-gfx-indeterminate--active: var(--sb-color-violet);
+  --checkbox-color-gfx-indeterminate--error: var(--sb-color-magenta);
+  --checkbox-gfx-width__indeterminate: 0.875rem;
+  --checkbox-gfx-height__indeterminate: 0.125rem;
+  --checkbox-gfx-height__indeterminate--large: 0.25rem;
+  --checkbox-gfx-width__indeterminate--large: 1.5rem;
+  --checkbox-border-radius: 0;
+  --checkbox-gfx-border-radius__indeterminate: 0rem;
+}

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

@@ -0,0 +1,5 @@
+.eufemia-scope--10_77_0 .dnb-checkbox{--checkbox-border-width:0.0625rem;--checkbox-color-gfx-on:var(--sb-color-violet-light);--checkbox-color-gfx-off:var(--sb-color-white);--checkbox-color-background-on:var(--sb-color-white);--checkbox-color-background-off:var(--sb-color-white);--checkbox-color-border-on:var(--sb-color-violet);--checkbox-color-border-off:var(--sb-color-violet);--checkbox-border-width--disabled:0.0625rem;--checkbox-color-gfx--disabled:var(--sb-color-gray-dark);--checkbox-color-background-off--disabled:var(--sb-color-gray-light);--checkbox-color-background-on--disabled:var(--sb-color-gray-light);--checkbox-color-border-on--disabled:var(--sb-color-gray-dark);--checkbox-color-border-off--disabled:var(--sb-color-gray-dark);--checkbox-color-gfx__indeterminate--disabled:var(--sb-color-gray-dark);--checkbox-color-background--active:var(--sb-color-white);--checkbox-color-border--active:var(--sb-color-gray);--checkbox-border-width--hover:0.125rem;--checkbox-color-gfx--hover:var(--sb-color-violet-light);--checkbox-color-background--hover:var(--sb-color-violet-light-3);--checkbox-color-border-on--hover:var(--sb-color-violet);--checkbox-color-border-off--hover:var(--sb-color-violet);--checkbox-color-gfx--focus:var(--focus-ring-color);--checkbox-color-background--focus:var(--sb-color-blue-light-3);--checkbox-border-width--error:0.0625rem;--checkbox-color-gfx--error:var(--sb-color-magenta);--checkbox-color-gfx--error-contrast:var(--sb-color-magenta);--checkbox-color-background-on--error:var(--sb-color-white);--checkbox-color-background--error-contrast:var(
+    --sb-color-magenta-light-2
+  );--checkbox-color-border--error:var(--sb-color-magenta);--checkbox-color-gfx--error--hover:var(--sb-color-magenta);--checkbox-color-background--error--hover:var(
+    --sb-color-magenta-light-3
+  );--checkbox-color-border--error--hover:transparent;--checkbox-color-background-indeterminate:var(--sb-color-white);--checkbox-color-gfx-indeterminate:var(--sb-color-violet);--checkbox-color-background-indeterminate--active:var(--color-white);--checkbox-color-border-indeterminate--active:var(--sb-color-gray);--checkbox-color-gfx-indeterminate--active:var(--sb-color-violet);--checkbox-color-gfx-indeterminate--error:var(--sb-color-magenta);--checkbox-gfx-width__indeterminate:0.875rem;--checkbox-gfx-height__indeterminate:0.125rem;--checkbox-gfx-height__indeterminate--large:0.25rem;--checkbox-gfx-width__indeterminate--large:1.5rem;--checkbox-border-radius:0;--checkbox-gfx-border-radius__indeterminate:0rem}

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

@@ -0,0 +1,48 @@
+/*
+* Checkbox theme
+*
+*/
+.eufemia-scope--10_77_0 .dnb-checkbox {
+  --checkbox-color-gfx-on: var(--color-white);
+  --checkbox-color-gfx-off: var(--color-white);
+  --checkbox-color-background-on: var(--color-sea-green);
+  --checkbox-color-background-off: var(--color-white);
+  --checkbox-color-border-on: transparent;
+  --checkbox-color-border-off: var(--color-sea-green);
+  --checkbox-color-gfx--disabled: var(--checkbox-color-gfx-on);
+  --checkbox-color-background-on--disabled: var(--color-sea-green-30);
+  --checkbox-color-background-off--disabled: var(--color-white);
+  --checkbox-color-border-on--disabled: transparent;
+  --checkbox-color-border-off--disabled: var(--color-mint-green-50);
+  --checkbox-color-gfx__indeterminate--disabled: var(
+    --color-mint-green-50
+  );
+  --checkbox-color-background--active: var(--color-mint-green-50);
+  --checkbox-color-border--active: transparent;
+  --checkbox-color-gfx--hover: var(--color-sea-green);
+  --checkbox-color-background--hover: var(--color-mint-green-50);
+  --checkbox-color-border-on--hover: transparent;
+  --checkbox-color-border-off--hover: var(--color-sea-green);
+  --checkbox-color-gfx--focus: var(--color-emerald-green);
+  --checkbox-color-background--focus: var(--color-mint-green-50);
+  --checkbox-color-gfx--error: var(--color-fire-red-8);
+  --checkbox-color-gfx--error-contrast: var(--color-fire-red);
+  --checkbox-color-background-on--error: var(--color-fire-red);
+  --checkbox-color-background--error-contrast: var(--color-fire-red-8);
+  --checkbox-color-border--error: var(--color-fire-red);
+  --checkbox-color-gfx--error--hover: var(--color-fire-red);
+  --checkbox-color-background--error--hover: var(--color-fire-red-8);
+  --checkbox-color-border--error--hover: var(--color-fire-red);
+  --checkbox-color-background-indeterminate: var(--color-white);
+  --checkbox-color-gfx-indeterminate: var(--color-sea-green);
+  --checkbox-color-background-indeterminate--active: var(--color-white);
+  --checkbox-color-border-indeterminate--active: var(
+    --color-mint-green-50
+  );
+  --checkbox-color-gfx-indeterminate--active: var(--color-mint-green-50);
+  --checkbox-color-gfx-indeterminate--error: var(--color-fire-red);
+  --checkbox-gfx-height__indeterminate: 0.625rem;
+  --checkbox-gfx-width__indeterminate: 0.625rem;
+  --checkbox-gfx-height__indeterminate--large: 0.875rem;
+  --checkbox-gfx-width__indeterminate--large: 0.875rem;
+}

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

@@ -0,0 +1,5 @@
+.eufemia-scope--10_77_0 .dnb-checkbox{--checkbox-color-gfx-on:var(--color-white);--checkbox-color-gfx-off:var(--color-white);--checkbox-color-background-on:var(--color-sea-green);--checkbox-color-background-off:var(--color-white);--checkbox-color-border-on:transparent;--checkbox-color-border-off:var(--color-sea-green);--checkbox-color-gfx--disabled:var(--checkbox-color-gfx-on);--checkbox-color-background-on--disabled:var(--color-sea-green-30);--checkbox-color-background-off--disabled:var(--color-white);--checkbox-color-border-on--disabled:transparent;--checkbox-color-border-off--disabled:var(--color-mint-green-50);--checkbox-color-gfx__indeterminate--disabled:var(
+    --color-mint-green-50
+  );--checkbox-color-background--active:var(--color-mint-green-50);--checkbox-color-border--active:transparent;--checkbox-color-gfx--hover:var(--color-sea-green);--checkbox-color-background--hover:var(--color-mint-green-50);--checkbox-color-border-on--hover:transparent;--checkbox-color-border-off--hover:var(--color-sea-green);--checkbox-color-gfx--focus:var(--color-emerald-green);--checkbox-color-background--focus:var(--color-mint-green-50);--checkbox-color-gfx--error:var(--color-fire-red-8);--checkbox-color-gfx--error-contrast:var(--color-fire-red);--checkbox-color-background-on--error:var(--color-fire-red);--checkbox-color-background--error-contrast:var(--color-fire-red-8);--checkbox-color-border--error:var(--color-fire-red);--checkbox-color-gfx--error--hover:var(--color-fire-red);--checkbox-color-background--error--hover:var(--color-fire-red-8);--checkbox-color-border--error--hover:var(--color-fire-red);--checkbox-color-background-indeterminate:var(--color-white);--checkbox-color-gfx-indeterminate:var(--color-sea-green);--checkbox-color-background-indeterminate--active:var(--color-white);--checkbox-color-border-indeterminate--active:var(
+    --color-mint-green-50
+  );--checkbox-color-gfx-indeterminate--active:var(--color-mint-green-50);--checkbox-color-gfx-indeterminate--error:var(--color-fire-red);--checkbox-gfx-height__indeterminate:0.625rem;--checkbox-gfx-width__indeterminate:0.625rem;--checkbox-gfx-height__indeterminate--large:0.875rem;--checkbox-gfx-width__indeterminate--large:0.875rem}

package/es/components/copy-on-click/style/dnb-copy-on-click--isolated.css

@@ -0,0 +1,7 @@
+/*
+* CopyOnClick component
+*
+*/
+.eufemia-scope--10_77_0 .dnb-copy-on-click--cursor, .eufemia-scope--10_77_0 .dnb-copy-on-click--cursor * {
+  cursor: copy;
+}

package/es/components/copy-on-click/style/dnb-copy-on-click--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-copy-on-click--cursor,.eufemia-scope--10_77_0 .dnb-copy-on-click--cursor *{cursor:copy}

package/es/components/country-flag/style/dnb-country-flag--isolated.css

@@ -0,0 +1,42 @@
+/*
+* CountryFlag component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-icon:has(.dnb-country-flag) {
+  display: inline-flex;
+  justify-content: center;
+}
+
+.eufemia-scope--10_77_0 .dnb-country-flag {
+  display: inline-flex;
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-country-flag__size--auto {
+  --size: 1em;
+}
+.eufemia-scope--10_77_0 .dnb-country-flag__size--small {
+  --size: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-country-flag__size--medium {
+  --size: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-country-flag__size--large {
+  --size: 2rem;
+}
+.eufemia-scope--10_77_0 .dnb-country-flag__size--x-large {
+  --size: 2.5rem;
+}
+.eufemia-scope--10_77_0 p .dnb-country-flag, .eufemia-scope--10_77_0 h1 .dnb-country-flag, .eufemia-scope--10_77_0 h2 .dnb-country-flag, .eufemia-scope--10_77_0 h3 .dnb-country-flag, .eufemia-scope--10_77_0 h4 .dnb-country-flag {
+  vertical-align: sub;
+}
+.eufemia-scope--10_77_0 .dnb-country-flag__flag {
+  border-radius: 50%;
+  width: var(--size);
+  height: var(--size);
+}
+.eufemia-scope--10_77_0 .dnb-country-flag__shape--square .dnb-country-flag__flag {
+  border-radius: unset;
+}

package/es/components/country-flag/style/dnb-country-flag--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-icon:has(.dnb-country-flag){display:inline-flex;justify-content:center}.eufemia-scope--10_77_0 .dnb-country-flag{align-items:center;display:inline-flex}.eufemia-scope--10_77_0 .dnb-country-flag__size--auto{--size:1em}.eufemia-scope--10_77_0 .dnb-country-flag__size--small{--size:1rem}.eufemia-scope--10_77_0 .dnb-country-flag__size--medium{--size:1.5rem}.eufemia-scope--10_77_0 .dnb-country-flag__size--large{--size:2rem}.eufemia-scope--10_77_0 .dnb-country-flag__size--x-large{--size:2.5rem}.eufemia-scope--10_77_0 h1 .dnb-country-flag,.eufemia-scope--10_77_0 h2 .dnb-country-flag,.eufemia-scope--10_77_0 h3 .dnb-country-flag,.eufemia-scope--10_77_0 h4 .dnb-country-flag,.eufemia-scope--10_77_0 p .dnb-country-flag{vertical-align:sub}.eufemia-scope--10_77_0 .dnb-country-flag__flag{border-radius:50%;height:var(--size);width:var(--size)}.eufemia-scope--10_77_0 .dnb-country-flag__shape--square .dnb-country-flag__flag{border-radius:unset}