@dnb/eufemia 10.5.0 → 10.6.0

package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css

@@ -14,6 +14,244 @@
 /*
  * Utilities
  */
+.dnb-forms-field-number__input--width-medium {
+  width: 176px;
+}
+.dnb-forms-field-number__input--width-large {
+  width: 336px;
+}
+.dnb-forms-field-number .dnb-input__inner,
+.dnb-forms-field-number .dnb-input__row,
+.dnb-forms-field-number .dnb-input__shell {
+  width: 100%;
+}
+
+.dnb-forms-field-phone-number {
+  display: flex;
+  flex-flow: row;
+  grid-column-gap: var(--spacing-small);
+  -moz-column-gap: var(--spacing-small);
+       column-gap: var(--spacing-small);
+}
+.dnb-forms-field-phone-number--width-large {
+  width: 336px;
+}
+.dnb-forms-field-phone-number--width-medium {
+  width: 176px;
+}
+.dnb-forms-field-phone-number__country-code {
+  --autocomplete-width: 145px;
+  flex: 0 144px;
+}
+.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell {
+  width: 144px;
+}
+.dnb-forms-field-phone-number__number {
+  flex: 1;
+}
+
+.dnb-forms-field-postal-code-and-city__fields {
+  display: flex;
+  flex-flow: row;
+  grid-column-gap: var(--spacing-small);
+  -moz-column-gap: var(--spacing-small);
+       column-gap: var(--spacing-small);
+}
+.dnb-forms-field-postal-code-and-city--width-medium {
+  width: 176px;
+}
+.dnb-forms-field-postal-code-and-city--width-large {
+  width: 336px;
+}
+.dnb-forms-field-postal-code-and-city__postal-code {
+  flex: 0 5rem;
+}
+.dnb-forms-field-postal-code-and-city__city {
+  flex: 1;
+}
+
+.dnb-forms-field-selection--width-large .dnb-dropdown__shell {
+  width: 336px;
+}
+.dnb-forms-field-selection--width-medium .dnb-dropdown__shell {
+  width: 176px;
+}
+
+.dnb-forms-field-string__input--width-large {
+  width: 336px;
+}
+.dnb-forms-field-string__input--width-medium {
+  width: 176px;
+}
+.dnb-forms-field-string .dnb-input__inner,
+.dnb-forms-field-string .dnb-input__row,
+.dnb-forms-field-string .dnb-input__shell {
+  width: 100%;
+}
+
+.dnb-forms-button-row {
+  display: flex;
+  flex-flow: row;
+  grid-column-gap: var(--spacing-small);
+  -moz-column-gap: var(--spacing-small);
+       column-gap: var(--spacing-small);
+}
+
+.dnb-forms-card {
+  background-color: var(--color-white);
+  border: 4px solid #F2F2F5;
+  border-radius: 0.5rem;
+  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-large) var(--spacing-medium);
+}
+.dnb-forms-card__heading {
+  font-size: var(--font-size-basis);
+  font-weight: var(--font-weight-medium);
+}
+.dnb-forms-card + .dnb-forms-card__heading {
+  margin-top: var(--spacing-small);
+}
+
+.dnb-forms-flex-container {
+  display: flex;
+}
+.dnb-forms-flex-container--direction-row {
+  flex-direction: row;
+}
+.dnb-forms-flex-container--direction-column {
+  flex-direction: column;
+}
+.dnb-forms-flex-container--justify-flex-start {
+  justify-content: flex-start;
+}
+.dnb-forms-flex-container--justify-flex-end {
+  justify-content: flex-end;
+}
+.dnb-forms-flex-container--justify-center {
+  justify-content: center;
+}
+.dnb-forms-flex-container--justify-space-between {
+  justify-content: space-between;
+}
+.dnb-forms-flex-container--justify-space-around {
+  justify-content: space-around;
+}
+.dnb-forms-flex-container--justify-space-evenly {
+  justify-content: space-evenly;
+}
+.dnb-forms-flex-container--align-flex-start {
+  align-items: flex-start;
+}
+.dnb-forms-flex-container--align-flex-end {
+  align-items: flex-end;
+}
+.dnb-forms-flex-container--align-center {
+  align-items: center;
+}
+.dnb-forms-flex-container--align-stretch {
+  align-items: stretch;
+}
+.dnb-forms-flex-container--align-baseline {
+  align-items: baseline;
+}
+.dnb-forms-flex-container--wrap {
+  flex-wrap: wrap;
+}
+.dnb-forms-flex-container__hr {
+  border: none;
+  border-top: 1px solid var(--color-black-8);
+  height: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+}
+.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-small {
+  grid-column-gap: var(--spacing-small);
+  -moz-column-gap: var(--spacing-small);
+       column-gap: var(--spacing-small);
+}
+.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-medium {
+  grid-column-gap: var(--spacing-medium);
+  -moz-column-gap: var(--spacing-medium);
+       column-gap: var(--spacing-medium);
+}
+
+.dnb-forms-flex-item--grow {
+  flex-grow: 1;
+}
+.dnb-forms-flex-item--shrink {
+  flex-shrink: 1;
+}
+
+.dnb-forms-section + .dnb-forms-section {
+  margin-top: var(--spacing-large);
+}
+
+/*
+ * Utilities
+ */
+.dnb-forms-steps-layout {
+  display: flex;
+  flex-flow: row wrap;
+  grid-column-gap: 3rem;
+  -moz-column-gap: 3rem;
+       column-gap: 3rem;
+}
+@media (max-width: 60em) {
+  .dnb-forms-steps-layout {
+    flex-direction: column;
+    justify-content: stretch;
+    align-items: stretch;
+  }
+}
+.dnb-forms-steps-layout__sidebar {
+  flex: 0;
+  min-width: 320px;
+}
+.dnb-forms-steps-layout__contents {
+  flex: 1;
+  min-width: 400px;
+}
+
+.dnb-forms-test-element {
+  border: 1px dashed #808080;
+  border-radius: 6px;
+  color: #909090;
+  padding: 4px 8px;
+}
+
+.dnb-forms-field-block__label-block {
+  display: flex;
+  flex-flow: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.dnb-forms-field-block__label-description {
+  margin-left: 0.3em;
+  color: var(--color-black-55);
+  font-size: var(--font-size-small);
+}
+.dnb-forms-field-block__label-secondary {
+  color: var(--color-black-55);
+  font-size: var(--font-size-small);
+}
+
+.dnb-forms-value-block {
+  display: block;
+  font-size: var(--font-size-basis);
+}
+.dnb-forms-value-block--inline {
+  display: inline-block;
+  font-size: inherit;
+  margin-left: var(--spacing-xx-small);
+  margin-right: var(--spacing-xx-small);
+}
+.dnb-forms-value-block__label {
+  font-weight: var(--font-weight-medium);
+}
+.dnb-forms-value-block__placeholder {
+  color: rgba(0, 0, 0, 0.5);
+}
+
 /*
  * PaymentCard component
  *

package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css

@@ -1 +1 @@
-.dnb-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:linear-gradient(187.2deg,#008484 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-private:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-business-no-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-business-with-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);margin:0}.dnb-payment-card__card{border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent rgba(0,0,0,.2);border-radius:3.48mm;border-style:solid;border-width:1px;box-shadow:var(--shadow-default);color:var(--color-white);height:53.98mm;padding:4mm;position:relative;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:85.6mm}.dnb-payment-card__card--design-default{background:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:var(--dnb-payment-bg-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga{background:var(--dnb-payment-bg-saga);color:var(--color-white)}.dnb-payment-card__card--design-private{background:var(--dnb-payment-bg-private);color:var(--color-white)}.dnb-payment-card__card--design-black{background:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card:after{background:radial-gradient(52.39% 52.39% at 50%,at 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);background:radial-gradient(52.39% 52.39% at 50% 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{font-weight:var(--font-weight-medium);text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.5rem!important;font-weight:var(--font-weight-medium)}.dnb-payment-card__card__credit-type{bottom:0;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:38px;left:70px;position:absolute;top:0}.dnb-payment-card__card__bank-axept{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay{align-items:center;background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__center{align-items:center;background:var(--color-black-80);border-radius:4px;color:var(--color-sand-yellow);display:flex;flex-direction:column;height:77px;justify-content:center;width:77px}.dnb-payment-card__blocking svg{shape-rendering:geometricprecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:3.48mm 3.48mm 0 0;box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:var(--color-black-80);padding:1.5mm 6mm}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;right:4px;top:8px}.dnb-payment-card--compact .dnb-payment-card__blocking__center{align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}
+.dnb-forms-field-number__input--width-medium{width:176px}.dnb-forms-field-number__input--width-large{width:336px}.dnb-forms-field-number .dnb-input__inner,.dnb-forms-field-number .dnb-input__row,.dnb-forms-field-number .dnb-input__shell{width:100%}.dnb-forms-field-phone-number{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-phone-number--width-large{width:336px}.dnb-forms-field-phone-number--width-medium{width:176px}.dnb-forms-field-phone-number__country-code{--autocomplete-width:145px;flex:0 144px}.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:144px}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-postal-code-and-city__fields{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-postal-code-and-city--width-medium{width:176px}.dnb-forms-field-postal-code-and-city--width-large{width:336px}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection--width-large .dnb-dropdown__shell{width:336px}.dnb-forms-field-selection--width-medium .dnb-dropdown__shell{width:176px}.dnb-forms-field-string__input--width-large{width:336px}.dnb-forms-field-string__input--width-medium{width:176px}.dnb-forms-field-string .dnb-input__inner,.dnb-forms-field-string .dnb-input__row,.dnb-forms-field-string .dnb-input__shell{width:100%}.dnb-forms-button-row{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-card{background-color:var(--color-white);border:4px solid #f2f2f5;border-radius:.5rem;padding:var(--spacing-medium) var(--spacing-medium) var(--spacing-large) var(--spacing-medium)}.dnb-forms-card__heading{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium)}.dnb-forms-card+.dnb-forms-card__heading{margin-top:var(--spacing-small)}.dnb-forms-flex-container{display:flex}.dnb-forms-flex-container--direction-row{flex-direction:row}.dnb-forms-flex-container--direction-column{flex-direction:column}.dnb-forms-flex-container--justify-flex-start{justify-content:flex-start}.dnb-forms-flex-container--justify-flex-end{justify-content:flex-end}.dnb-forms-flex-container--justify-center{justify-content:center}.dnb-forms-flex-container--justify-space-between{justify-content:space-between}.dnb-forms-flex-container--justify-space-around{justify-content:space-around}.dnb-forms-flex-container--justify-space-evenly{justify-content:space-evenly}.dnb-forms-flex-container--align-flex-start{align-items:flex-start}.dnb-forms-flex-container--align-flex-end{align-items:flex-end}.dnb-forms-flex-container--align-center{align-items:center}.dnb-forms-flex-container--align-stretch{align-items:stretch}.dnb-forms-flex-container--align-baseline{align-items:baseline}.dnb-forms-flex-container--wrap{flex-wrap:wrap}.dnb-forms-flex-container__hr{border:none;border-top:1px solid var(--color-black-8);height:0;margin:0;padding:0;width:100%}.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-small{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small)}.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-medium{grid-column-gap:var(--spacing-medium);-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium)}.dnb-forms-flex-item--grow{flex-grow:1}.dnb-forms-flex-item--shrink{flex-shrink:1}.dnb-forms-section+.dnb-forms-section{margin-top:var(--spacing-large)}.dnb-forms-steps-layout{grid-column-gap:3rem;-moz-column-gap:3rem;column-gap:3rem;display:flex;flex-flow:row wrap}@media (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}}.dnb-forms-steps-layout__sidebar{flex:0;min-width:320px}.dnb-forms-steps-layout__contents{flex:1;min-width:400px}.dnb-forms-test-element{border:1px dashed grey;border-radius:6px;color:#909090;padding:4px 8px}.dnb-forms-field-block__label-block{align-items:center;display:flex;flex-flow:row;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__label-description,.dnb-forms-field-block__label-secondary{color:var(--color-black-55);font-size:var(--font-size-small)}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline{display:inline-block;font-size:inherit;margin-left:var(--spacing-xx-small);margin-right:var(--spacing-xx-small)}.dnb-forms-value-block__label{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:rgba(0,0,0,.5)}.dnb-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:linear-gradient(187.2deg,#008484 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-private:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-business-no-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-business-with-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);margin:0}.dnb-payment-card__card{border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent rgba(0,0,0,.2);border-radius:3.48mm;border-style:solid;border-width:1px;box-shadow:var(--shadow-default);color:var(--color-white);height:53.98mm;padding:4mm;position:relative;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:85.6mm}.dnb-payment-card__card--design-default{background:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:var(--dnb-payment-bg-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga{background:var(--dnb-payment-bg-saga);color:var(--color-white)}.dnb-payment-card__card--design-private{background:var(--dnb-payment-bg-private);color:var(--color-white)}.dnb-payment-card__card--design-black{background:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card:after{background:radial-gradient(52.39% 52.39% at 50%,at 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);background:radial-gradient(52.39% 52.39% at 50% 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{font-weight:var(--font-weight-medium);text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.5rem!important;font-weight:var(--font-weight-medium)}.dnb-payment-card__card__credit-type{bottom:0;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:38px;left:70px;position:absolute;top:0}.dnb-payment-card__card__bank-axept{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay{align-items:center;background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__center{align-items:center;background:var(--color-black-80);border-radius:4px;color:var(--color-sand-yellow);display:flex;flex-direction:column;height:77px;justify-content:center;width:77px}.dnb-payment-card__blocking svg{shape-rendering:geometricprecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:3.48mm 3.48mm 0 0;box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:var(--color-black-80);padding:1.5mm 6mm}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;right:4px;top:8px}.dnb-payment-card--compact .dnb-payment-card__blocking__center{align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}

package/cjs/style/themes/theme-sbanken/properties.js

@@ -88,10 +88,10 @@ var _default = {
   '--sb-layout-large': '72em',
   '--sb-layout-x-large': '80em',
   '--sb-layout-xx-large': '90em',
-  '--sb-shadow-small': '0 2px 4px rbga(38, 35, 66, 0.12)',
-  '--sb-shadow-medium': '0 5px 20px rbga(38, 35, 66, 0.1)',
-  '--sb-shadow-large': '0 5px 20px rbga(38, 35, 66, 0.2)',
-  '--sb-shadow-hover': '0 20px 40px rbga(38, 35, 66, 0.2)',
+  '--sb-shadow-small': '0 2px 4px rgba(38 35 66 / 12%)',
+  '--sb-shadow-medium': '0 5px 20px rgba(38 35 66 / 10%)',
+  '--sb-shadow-large': '0 5px 20px rgba(38 35 66 / 20%)',
+  '--sb-shadow-hover': '0 20px 40px rgba(38 35 66 / 20%)',
   '--sb-easing-default': 'cubic-bezier(0.42, 0, 0, 1)'
 };
 exports.default = _default;

package/cjs/style/themes/theme-sbanken/properties.js.map

@@ -1 +1 @@
-{"version":3,"file":"properties.js","names":["exports","default","_default"],"sources":["../../../../../src/style/themes/theme-sbanken/properties.js"],"sourcesContent":["/** This file is auto generated by makePropertiesFile.js */\n\nexport default {\n  '--sb-font-family-default': '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif',\n  '--sb-font-family-headings': '\"MaisonNeueHeadings\", \"Roboto\", \"Helvetica\",',\n  '--sb-font-weight-default': 'normal',\n  '--sb-font-weight-basis': 'normal',\n  '--sb-font-weight-regular': 'normal',\n  '--sb-font-weight-medium': '500',\n  '--sb-font-weight-bold': '700',\n  '--sb-font-size-x-small': '0.75rem',\n  '--sb-font-size-small': '0.875rem',\n  '--sb-font-size-basis': '1rem',\n  '--sb-font-size-basis--em': '1em',\n  '--sb-font-size-lead': '1.25rem',\n  '--sb-font-size-medium': '1.625rem',\n  '--sb-font-size-large': '2.125rem',\n  '--sb-font-size-x-large': '2.625rem',\n  '--sb-font-size-xx-large': '3.125rem',\n  '--sb-line-height-x-small': '1.125rem',\n  '--sb-line-height-small': '1.25rem',\n  '--sb-line-height-basis': '1.5rem',\n  '--sb-line-height-basis--em': '1.5em',\n  '--sb-line-height-lead': '1.75rem',\n  '--sb-line-height-medium': '2rem',\n  '--sb-line-height-large': '2.5rem',\n  '--sb-line-height-x-large': '3rem',\n  '--sb-line-height-xx-large': '3.5rem',\n  '--sb-color-black': '#000',\n  '--sb-color-text': '#18172a',\n  '--sb-color-gray-dark-3': '#3a3970',\n  '--sb-color-gray-dark-3-neutral': '#3e3e4a',\n  '--sb-color-gray-dark-2': '#62628e',\n  '--sb-color-gray-dark-2-neutral': '#656472',\n  '--sb-color-gray-dark': '#9292b0',\n  '--sb-color-gray-dark-neutral': '#9494a3',\n  '--sb-color-gray': '#bbbbce',\n  '--sb-color-gray-neutral': '#bdbdc6',\n  '--sb-color-gray-light': '#d9d9e4',\n  '--sb-color-gray-light-2': '#ebebf2',\n  '--sb-color-gray-light-3': '#f9f9fd',\n  '--sb-color-purple': '#262342',\n  '--sb-color-purple-alternative': '#222163',\n  '--sb-color-green': '#92eecd',\n  '--sb-color-white': '#fff',\n  '--sb-color-red': '#d8134b',\n  '--sb-color-magenta': '#ff3c64',\n  '--sb-color-orange': '#fe5038',\n  '--sb-color-yellow-dark': '#f7bf16',\n  '--sb-color-yellow': '#ffef57',\n  '--sb-color-green-dark-3': '#00785b',\n  '--sb-color-green-dark-2': '#009669',\n  '--sb-color-violet': '#4e08bc',\n  '--sb-color-violet-light': '#7129e2',\n  '--sb-color-blue-dark-2': '#044ccc',\n  '--sb-color-blue-dark': '#005cff',\n  '--sb-color-blue': '#008eff',\n  '--sb-color-orange-light': '#ff817b',\n  '--sb-color-orange-light-2': '#ffd7d5',\n  '--sb-color-orange-light-3': '#fff0ef',\n  '--sb-color-magenta-light': '#ffb6d2',\n  '--sb-color-magenta-light-2': '#ffdbe9',\n  '--sb-color-magenta-light-3': '#fff5f9',\n  '--sb-color-yellow-light': '#fff489',\n  '--sb-color-yellow-light-2': '#fff9c4',\n  '--sb-color-yellow-light-3': '#fffce5',\n  '--sb-color-green-dark': '#64d7b4',\n  '--sb-color-green-light': '#c8f6e5',\n  '--sb-color-green-light-2': '#e5fff4',\n  '--sb-color-violet-light-2': '#d2bbff',\n  '--sb-color-violet-light-3': '#ebe1ff',\n  '--sb-color-violet-light-4': '#f7f3ff',\n  '--sb-color-blue-light': '#61b9ff',\n  '--sb-color-blue-light-2': '#bfe3ff',\n  '--sb-color-blue-light-3': '#ebf6ff',\n  '--sb-spacing-x-small': '0.5rem',\n  '--sb-spacing-small': '1rem',\n  '--sb-spacing-medium': '1.5rem',\n  '--sb-spacing-large': '2rem',\n  '--sb-spacing-x-large': '3rem',\n  '--sb-spacing-xx-large': '3.5rem',\n  '--sb-layout-small': '40em',\n  '--sb-layout-medium': '60em',\n  '--sb-layout-large': '72em',\n  '--sb-layout-x-large': '80em',\n  '--sb-layout-xx-large': '90em',\n  '--sb-shadow-small': '0 2px 4px rbga(38, 35, 66, 0.12)',\n  '--sb-shadow-medium': '0 5px 20px rbga(38, 35, 66, 0.1)',\n  '--sb-shadow-large': '0 5px 20px rbga(38, 35, 66, 0.2)',\n  '--sb-shadow-hover': '0 20px 40px rbga(38, 35, 66, 0.2)',\n  '--sb-easing-default': 'cubic-bezier(0.42, 0, 0, 1)'\n}; // prettier-ignore\n"],"mappings":"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"}
+{"version":3,"file":"properties.js","names":["exports","default","_default"],"sources":["../../../../../src/style/themes/theme-sbanken/properties.js"],"sourcesContent":["/** This file is auto generated by makePropertiesFile.js */\n\nexport default {\n  '--sb-font-family-default': '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif',\n  '--sb-font-family-headings': '\"MaisonNeueHeadings\", \"Roboto\", \"Helvetica\",',\n  '--sb-font-weight-default': 'normal',\n  '--sb-font-weight-basis': 'normal',\n  '--sb-font-weight-regular': 'normal',\n  '--sb-font-weight-medium': '500',\n  '--sb-font-weight-bold': '700',\n  '--sb-font-size-x-small': '0.75rem',\n  '--sb-font-size-small': '0.875rem',\n  '--sb-font-size-basis': '1rem',\n  '--sb-font-size-basis--em': '1em',\n  '--sb-font-size-lead': '1.25rem',\n  '--sb-font-size-medium': '1.625rem',\n  '--sb-font-size-large': '2.125rem',\n  '--sb-font-size-x-large': '2.625rem',\n  '--sb-font-size-xx-large': '3.125rem',\n  '--sb-line-height-x-small': '1.125rem',\n  '--sb-line-height-small': '1.25rem',\n  '--sb-line-height-basis': '1.5rem',\n  '--sb-line-height-basis--em': '1.5em',\n  '--sb-line-height-lead': '1.75rem',\n  '--sb-line-height-medium': '2rem',\n  '--sb-line-height-large': '2.5rem',\n  '--sb-line-height-x-large': '3rem',\n  '--sb-line-height-xx-large': '3.5rem',\n  '--sb-color-black': '#000',\n  '--sb-color-text': '#18172a',\n  '--sb-color-gray-dark-3': '#3a3970',\n  '--sb-color-gray-dark-3-neutral': '#3e3e4a',\n  '--sb-color-gray-dark-2': '#62628e',\n  '--sb-color-gray-dark-2-neutral': '#656472',\n  '--sb-color-gray-dark': '#9292b0',\n  '--sb-color-gray-dark-neutral': '#9494a3',\n  '--sb-color-gray': '#bbbbce',\n  '--sb-color-gray-neutral': '#bdbdc6',\n  '--sb-color-gray-light': '#d9d9e4',\n  '--sb-color-gray-light-2': '#ebebf2',\n  '--sb-color-gray-light-3': '#f9f9fd',\n  '--sb-color-purple': '#262342',\n  '--sb-color-purple-alternative': '#222163',\n  '--sb-color-green': '#92eecd',\n  '--sb-color-white': '#fff',\n  '--sb-color-red': '#d8134b',\n  '--sb-color-magenta': '#ff3c64',\n  '--sb-color-orange': '#fe5038',\n  '--sb-color-yellow-dark': '#f7bf16',\n  '--sb-color-yellow': '#ffef57',\n  '--sb-color-green-dark-3': '#00785b',\n  '--sb-color-green-dark-2': '#009669',\n  '--sb-color-violet': '#4e08bc',\n  '--sb-color-violet-light': '#7129e2',\n  '--sb-color-blue-dark-2': '#044ccc',\n  '--sb-color-blue-dark': '#005cff',\n  '--sb-color-blue': '#008eff',\n  '--sb-color-orange-light': '#ff817b',\n  '--sb-color-orange-light-2': '#ffd7d5',\n  '--sb-color-orange-light-3': '#fff0ef',\n  '--sb-color-magenta-light': '#ffb6d2',\n  '--sb-color-magenta-light-2': '#ffdbe9',\n  '--sb-color-magenta-light-3': '#fff5f9',\n  '--sb-color-yellow-light': '#fff489',\n  '--sb-color-yellow-light-2': '#fff9c4',\n  '--sb-color-yellow-light-3': '#fffce5',\n  '--sb-color-green-dark': '#64d7b4',\n  '--sb-color-green-light': '#c8f6e5',\n  '--sb-color-green-light-2': '#e5fff4',\n  '--sb-color-violet-light-2': '#d2bbff',\n  '--sb-color-violet-light-3': '#ebe1ff',\n  '--sb-color-violet-light-4': '#f7f3ff',\n  '--sb-color-blue-light': '#61b9ff',\n  '--sb-color-blue-light-2': '#bfe3ff',\n  '--sb-color-blue-light-3': '#ebf6ff',\n  '--sb-spacing-x-small': '0.5rem',\n  '--sb-spacing-small': '1rem',\n  '--sb-spacing-medium': '1.5rem',\n  '--sb-spacing-large': '2rem',\n  '--sb-spacing-x-large': '3rem',\n  '--sb-spacing-xx-large': '3.5rem',\n  '--sb-layout-small': '40em',\n  '--sb-layout-medium': '60em',\n  '--sb-layout-large': '72em',\n  '--sb-layout-x-large': '80em',\n  '--sb-layout-xx-large': '90em',\n  '--sb-shadow-small': '0 2px 4px rgba(38 35 66 / 12%)',\n  '--sb-shadow-medium': '0 5px 20px rgba(38 35 66 / 10%)',\n  '--sb-shadow-large': '0 5px 20px rgba(38 35 66 / 20%)',\n  '--sb-shadow-hover': '0 20px 40px rgba(38 35 66 / 20%)',\n  '--sb-easing-default': 'cubic-bezier(0.42, 0, 0, 1)'\n}; // prettier-ignore\n"],"mappings":";;;;;;eAEe;EACb,0BAA0B,EAAE,4CAA4C;EACxE,2BAA2B,EAAE,8CAA8C;EAC3E,0BAA0B,EAAE,QAAQ;EACpC,wBAAwB,EAAE,QAAQ;EAClC,0BAA0B,EAAE,QAAQ;EACpC,yBAAyB,EAAE,KAAK;EAChC,uBAAuB,EAAE,KAAK;EAC9B,wBAAwB,EAAE,SAAS;EACnC,sBAAsB,EAAE,UAAU;EAClC,sBAAsB,EAAE,MAAM;EAC9B,0BAA0B,EAAE,KAAK;EACjC,qBAAqB,EAAE,SAAS;EAChC,uBAAuB,EAAE,UAAU;EACnC,sBAAsB,EAAE,UAAU;EAClC,wBAAwB,EAAE,UAAU;EACpC,yBAAyB,EAAE,UAAU;EACrC,0BAA0B,EAAE,UAAU;EACtC,wBAAwB,EAAE,SAAS;EACnC,wBAAwB,EAAE,QAAQ;EAClC,4BAA4B,EAAE,OAAO;EACrC,uBAAuB,EAAE,SAAS;EAClC,yBAAyB,EAAE,MAAM;EACjC,wBAAwB,EAAE,QAAQ;EAClC,0BAA0B,EAAE,MAAM;EAClC,2BAA2B,EAAE,QAAQ;EACrC,kBAAkB,EAAE,MAAM;EAC1B,iBAAiB,EAAE,SAAS;EAC5B,wBAAwB,EAAE,SAAS;EACnC,gCAAgC,EAAE,SAAS;EAC3C,wBAAwB,EAAE,SAAS;EACnC,gCAAgC,EAAE,SAAS;EAC3C,sBAAsB,EAAE,SAAS;EACjC,8BAA8B,EAAE,SAAS;EACzC,iBAAiB,EAAE,SAAS;EAC5B,yBAAyB,EAAE,SAAS;EACpC,uBAAuB,EAAE,SAAS;EAClC,yBAAyB,EAAE,SAAS;EACpC,yBAAyB,EAAE,SAAS;EACpC,mBAAmB,EAAE,SAAS;EAC9B,+BAA+B,EAAE,SAAS;EAC1C,kBAAkB,EAAE,SAAS;EAC7B,kBAAkB,EAAE,MAAM;EAC1B,gBAAgB,EAAE,SAAS;EAC3B,oBAAoB,EAAE,SAAS;EAC/B,mBAAmB,EAAE,SAAS;EAC9B,wBAAwB,EAAE,SAAS;EACnC,mBAAmB,EAAE,SAAS;EAC9B,yBAAyB,EAAE,SAAS;EACpC,yBAAyB,EAAE,SAAS;EACpC,mBAAmB,EAAE,SAAS;EAC9B,yBAAyB,EAAE,SAAS;EACpC,wBAAwB,EAAE,SAAS;EACnC,sBAAsB,EAAE,SAAS;EACjC,iBAAiB,EAAE,SAAS;EAC5B,yBAAyB,EAAE,SAAS;EACpC,2BAA2B,EAAE,SAAS;EACtC,2BAA2B,EAAE,SAAS;EACtC,0BAA0B,EAAE,SAAS;EACrC,4BAA4B,EAAE,SAAS;EACvC,4BAA4B,EAAE,SAAS;EACvC,yBAAyB,EAAE,SAAS;EACpC,2BAA2B,EAAE,SAAS;EACtC,2BAA2B,EAAE,SAAS;EACtC,uBAAuB,EAAE,SAAS;EAClC,wBAAwB,EAAE,SAAS;EACnC,0BAA0B,EAAE,SAAS;EACrC,2BAA2B,EAAE,SAAS;EACtC,2BAA2B,EAAE,SAAS;EACtC,2BAA2B,EAAE,SAAS;EACtC,uBAAuB,EAAE,SAAS;EAClC,yBAAyB,EAAE,SAAS;EACpC,yBAAyB,EAAE,SAAS;EACpC,sBAAsB,EAAE,QAAQ;EAChC,oBAAoB,EAAE,MAAM;EAC5B,qBAAqB,EAAE,QAAQ;EAC/B,oBAAoB,EAAE,MAAM;EAC5B,sBAAsB,EAAE,MAAM;EAC9B,uBAAuB,EAAE,QAAQ;EACjC,mBAAmB,EAAE,MAAM;EAC3B,oBAAoB,EAAE,MAAM;EAC5B,mBAAmB,EAAE,MAAM;EAC3B,qBAAqB,EAAE,MAAM;EAC7B,sBAAsB,EAAE,MAAM;EAC9B,mBAAmB,EAAE,gCAAgC;EACrD,oBAAoB,EAAE,iCAAiC;EACvD,mBAAmB,EAAE,iCAAiC;EACtD,mBAAmB,EAAE,kCAAkC;EACvD,qBAAqB,EAAE;AACzB,CAAC;AAAAA,OAAA,CAAAC,OAAA,GAAAC,QAAA"}

package/cjs/style/themes/theme-sbanken/properties.scss

@@ -110,10 +110,10 @@
   --sb-layout-xx-large: 90em; // 1440 (not documented yet)
 
   // Shadow
-  --sb-shadow-small: 0 2px 4px rbga(38, 35, 66, 0.12);
-  --sb-shadow-medium: 0 5px 20px rbga(38, 35, 66, 0.1);
-  --sb-shadow-large: 0 5px 20px rbga(38, 35, 66, 0.2);
-  --sb-shadow-hover: 0 20px 40px rbga(38, 35, 66, 0.2);
+  --sb-shadow-small: 0 2px 4px rgba(38 35 66 / 12%);
+  --sb-shadow-medium: 0 5px 20px rgba(38 35 66 / 10%);
+  --sb-shadow-large: 0 5px 20px rgba(38 35 66 / 20%);
+  --sb-shadow-hover: 0 20px 40px rgba(38 35 66 / 20%);
 
   // Easing
   --sb-easing-default: cubic-bezier(0.42, 0, 0, 1);

package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.css

@@ -227,10 +227,10 @@
   --sb-layout-large: 72em;
   --sb-layout-x-large: 80em;
   --sb-layout-xx-large: 90em;
-  --sb-shadow-small: 0 2px 4px rbga(38, 35, 66, 0.12);
-  --sb-shadow-medium: 0 5px 20px rbga(38, 35, 66, 0.1);
-  --sb-shadow-large: 0 5px 20px rbga(38, 35, 66, 0.2);
-  --sb-shadow-hover: 0 20px 40px rbga(38, 35, 66, 0.2);
+  --sb-shadow-small: 0 2px 4px rgba(38 35 66 / 12%);
+  --sb-shadow-medium: 0 5px 20px rgba(38 35 66 / 10%);
+  --sb-shadow-large: 0 5px 20px rgba(38 35 66 / 20%);
+  --sb-shadow-hover: 0 20px 40px rgba(38 35 66 / 20%);
   --sb-easing-default: cubic-bezier(0.42, 0, 0, 1);
   --font-family-default: var(--sb-font-family-default);
   --font-weight-medium: var(--sb-font-weight-bold);