@dnb/eufemia 10.10.0 → 10.12.0

package/cjs/components/dropdown/style/dnb-dropdown.scss

@@ -13,8 +13,14 @@
   --dropdown-height--large: 3rem;
   --dropdown-padding-horizontal: 1rem;
   --dropdown-focus-border-width: 0.125rem;
+  --dropdown-error-border-width: 0.125rem;
   --dropdown-text-padding: 0.5rem;
+  --dropdown-button-padding: 0 1rem;
   --dropdown-border-radius: 0.25rem;
+  --dropdown-foreground-color-primary: var(--color-black-55);
+  --dropdown-foreground-color-error: var(--color-fire-red);
+  --dropdown-background-color-disabled: var(--color-black-3);
+  --dropdown-background-color-error-active: var(--color-fire-red-8);
 
   display: inline-flex;
   align-items: center;
@@ -86,7 +92,7 @@
     width: 100%;
 
     &.dnb-button {
-      padding: 0 1rem;
+      padding: var(--dropdown-button-padding);
       border-radius: var(--dropdown-border-radius);
     }
   }
@@ -120,6 +126,37 @@
     }
   }
 
+  &__status--error:not(#{&}--opened) &__trigger {
+    @include fakeBorder(var(--dropdown-foreground-color-error));
+
+    @include hover() {
+      color: var(--dropdown-foreground-color-error);
+
+      @include fakeBorder(
+        var(--dropdown-foreground-color-error),
+        var(--dropdown-error-border-width)
+      );
+
+      & .dnb-dropdown__icon .dnb-icon {
+        color: var(--dropdown-foreground-color-error);
+      }
+    }
+
+    @include active() {
+      color: var(--dropdown-foreground-color-error);
+      background-color: var(--dropdown-background-color-error-active);
+    }
+  }
+  &__status--error:not(#{&}--opened) &__trigger,
+  &__status--error:not(#{&}--opened) &__icon {
+    color: var(--dropdown-foreground-color-error);
+  }
+
+  // adjust the form-status to the inner border for 2px
+  > .dnb-form-status {
+    transform: translateY(-0.4375rem);
+  }
+
   &--icon-position-left &__text {
     order: 2;
     padding-right: 0;

package/cjs/components/dropdown/style/themes/dnb-dropdown-theme-sbanken.css

@@ -0,0 +1,95 @@
+/*
+* Dropdown theme
+*
+*/
+/*
+ * Utilities
+ */
+/*
+* Button mixins
+*
+*/
+.dnb-dropdown {
+  --dropdown-border-radius: 0.5rem;
+  --dropdown-height: 2.5rem;
+  --dropdown-error-border-width: 0.125rem;
+  --dropdown-button-padding: 0 0.75rem 0 0.5rem;
+  --dropdown-foreground-color-primary: var(--sb-color-gray-dark-2);
+  --dropdown-foreground-color-error: var(--sb-color-red);
+  --dropdown-background-color-disabled: var(--sb-color-gray-light);
+  --dropdown-background-color-error-active: var(--sb-color-white);
+}
+.dnb-dropdown__icon {
+  color: var(--sb-color-text);
+}
+.dnb-dropdown__trigger:not(.dnb-button--tertiary) {
+  --border-color: var(--dropdown-foreground-color-primary);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  color: var(--sb-color-gray-dark-3);
+  line-height: var(--dropdown-height);
+}
+html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):hover:not([disabled]) {
+  --border-color: var(--sb-color-violet);
+  --border-width: 2px;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  color: var(--sb-color-gray-dark-3);
+  background-color: var(--sb-color-white);
+}
+html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):hover:not([disabled]) .dnb-dropdown__icon {
+  color: var(--sb-color-violet);
+}
+.dnb-dropdown__trigger:not(.dnb-button--tertiary):focus[disabled], html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus[disabled] {
+  cursor: not-allowed;
+}
+.dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]), html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]) {
+  outline: none;
+}
+html[data-whatinput=keyboard] .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]), html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]) {
+  color: var(--sb-color-blue-dark);
+  background-color: var(--sb-color-blue-light-3);
+}
+html[data-whatinput=keyboard] .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]), html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]) {
+  --border-color: var(--focus-ring-color);
+  --border-width: var(--focus-ring-width);
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]) .dnb-dropdown__icon, html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]) .dnb-dropdown__icon {
+  color: var(--sb-color-blue-dark);
+}
+.dnb-dropdown__trigger.dnb-button--active {
+  --border-color: var(--dropdown-foreground-color-primary);
+  --border-width: 0.125rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  border-radius: var(--dropdown-border-radius) var(--dropdown-border-radius) 0 0;
+}
+.dnb-dropdown__trigger[disabled] {
+  color: var(--sb-color-gray-dark-2);
+  background-color: var(--sb-color-gray-light);
+  --border-color: var(--dropdown-foreground-color-primary);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.dnb-dropdown__trigger[disabled] .dnb-dropdown__icon {
+  color: inherit;
+}
+html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) {
+  --border-color: var(--dropdown-foreground-color-error);
+  --border-width: var(--dropdown-error-border-width);
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.dnb-dropdown--top .dnb-dropdown__trigger.dnb-button--active {
+  border-radius: 0 0 var(--dropdown-border-radius) var(--dropdown-border-radius);
+}

package/cjs/components/dropdown/style/themes/dnb-dropdown-theme-sbanken.min.css

@@ -0,0 +1 @@
+.dnb-dropdown{--dropdown-border-radius:0.5rem;--dropdown-height:2.5rem;--dropdown-error-border-width:0.125rem;--dropdown-button-padding:0 0.75rem 0 0.5rem;--dropdown-foreground-color-primary:var(--sb-color-gray-dark-2);--dropdown-foreground-color-error:var(--sb-color-red);--dropdown-background-color-disabled:var(--sb-color-gray-light);--dropdown-background-color-error-active:var(--sb-color-white)}.dnb-dropdown__icon{color:var(--sb-color-text)}.dnb-dropdown__trigger:not(.dnb-button--tertiary){--border-color:var(--dropdown-foreground-color-primary);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-gray-dark-3);line-height:var(--dropdown-height)}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):hover:not([disabled]){--border-color:var(--sb-color-violet);--border-width:2px;background-color:var(--sb-color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-gray-dark-3)}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):hover:not([disabled]) .dnb-dropdown__icon{color:var(--sb-color-violet)}.dnb-dropdown__trigger:not(.dnb-button--tertiary):focus[disabled],html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus[disabled]{cursor:not-allowed}.dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]),html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]),html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--sb-color-blue-light-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-blue-dark)}.dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]) .dnb-dropdown__icon,html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]) .dnb-dropdown__icon{color:var(--sb-color-blue-dark)}.dnb-dropdown__trigger.dnb-button--active{--border-color:var(--dropdown-foreground-color-primary);--border-width:0.125rem;border-color:transparent;border-radius:var(--dropdown-border-radius) var(--dropdown-border-radius) 0 0;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-dropdown__trigger[disabled]{--border-color:var(--dropdown-foreground-color-primary);--border-width:0.0625rem;background-color:var(--sb-color-gray-light);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-gray-dark-2)}.dnb-dropdown__trigger[disabled] .dnb-dropdown__icon{color:inherit}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){--border-color:var(--dropdown-foreground-color-error);--border-width:var(--dropdown-error-border-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-dropdown--top .dnb-dropdown__trigger.dnb-button--active{border-radius:0 0 var(--dropdown-border-radius) var(--dropdown-border-radius)}

package/cjs/components/dropdown/style/themes/dnb-dropdown-theme-sbanken.scss

@@ -0,0 +1,87 @@
+/*
+* Dropdown theme
+*
+*/
+
+@import '../../../../style/core/utilities.scss';
+@import '../../../button/style/themes/button-mixins.scss';
+
+.dnb-dropdown {
+  --dropdown-border-radius: 0.5rem;
+  --dropdown-height: 2.5rem;
+  --dropdown-error-border-width: 0.125rem;
+  --dropdown-button-padding: 0 0.75rem 0 0.5rem;
+  --dropdown-foreground-color-primary: var(--sb-color-gray-dark-2);
+  --dropdown-foreground-color-error: var(--sb-color-red);
+  --dropdown-background-color-disabled: var(--sb-color-gray-light);
+  --dropdown-background-color-error-active: var(--sb-color-white);
+
+  &__icon {
+    color: var(--sb-color-text);
+  }
+
+  // button
+  &__trigger:not(.dnb-button--tertiary) {
+    @include fakeBorder(var(--dropdown-foreground-color-primary));
+    color: var(--sb-color-gray-dark-3);
+    line-height: var(--dropdown-height);
+
+    @include hover() {
+      @include fakeBorder(var(--sb-color-violet), 2px, inset);
+      color: var(--sb-color-gray-dark-3);
+      background-color: var(--sb-color-white);
+
+      .dnb-dropdown__icon {
+        color: var(--sb-color-violet);
+      }
+    }
+
+    @include buttonFocus(
+      var(--sb-color-blue-dark),
+      var(--sb-color-blue-light-3)
+    ) {
+      .dnb-dropdown__icon {
+        color: var(--sb-color-blue-dark);
+      }
+    }
+  }
+
+  &__trigger.dnb-button--active {
+    @include fakeBorder(
+      var(--dropdown-foreground-color-primary),
+      0.125rem,
+      inset
+    );
+    border-radius: var(--dropdown-border-radius)
+      var(--dropdown-border-radius) 0 0;
+  }
+
+  &__trigger[disabled] {
+    color: var(--sb-color-gray-dark-2);
+    background-color: var(--sb-color-gray-light);
+    @include fakeBorder(var(--dropdown-foreground-color-primary));
+
+    .dnb-dropdown__icon {
+      color: inherit;
+    }
+  }
+
+  // error status
+  &__status--error:not(#{&}--opened) &__trigger {
+    @include hover() {
+      @include fakeBorder(
+        var(--dropdown-foreground-color-error),
+        var(--dropdown-error-border-width),
+        inset
+      );
+    }
+  }
+
+  // When it opens upwards
+  &--top {
+    .dnb-dropdown__trigger.dnb-button--active {
+      border-radius: 0 0 var(--dropdown-border-radius)
+        var(--dropdown-border-radius);
+    }
+  }
+}

package/cjs/components/dropdown/style/themes/dnb-dropdown-theme-ui.css

@@ -5,6 +5,14 @@
 /*
  * Utilities
  */
+.dnb-dropdown {
+  --dropdown-error-border-width: 0.125rem;
+  --dropdown-button-padding: 0 1rem;
+  --dropdown-foreground-color-primary: var(--color-black-55);
+  --dropdown-foreground-color-error: var(--color-fire-red);
+  --dropdown-background-color-disabled: var(--color-black-3);
+  --dropdown-background-color-error-active: var(--color-fire-red-8);
+}
 html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled] {
   cursor: not-allowed;
 }
@@ -12,44 +20,12 @@ html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]) {
   color: var(--color-emerald-green);
 }
 .dnb-dropdown__trigger[disabled] {
-  color: var(--color-black-55);
-  background-color: var(--color-black-3);
+  color: var(--dropdown-foreground-color-primary);
+  background-color: var(--dropdown-background-color-disabled);
 }
 .dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary) {
-  --border-color: var(--color-black-55);
-  --border-width: 0.0625rem;
-  box-shadow: 0 0 0 var(--border-width) var(--border-color);
-  border-color: transparent;
-}
-.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger {
-  --border-color: var(--color-fire-red);
+  --border-color: var(--dropdown-foreground-color-primary);
   --border-width: 0.0625rem;
   box-shadow: 0 0 0 var(--border-width) var(--border-color);
   border-color: transparent;
-}
-html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled] {
-  cursor: not-allowed;
-}
-html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) {
-  color: var(--color-fire-red);
-  --border-color: var(--color-fire-red);
-  --border-width: 0.125rem;
-  box-shadow: 0 0 0 var(--border-width) var(--border-color);
-  border-color: transparent;
-}
-html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) .dnb-dropdown__icon .dnb-icon {
-  color: var(--color-fire-red);
-}
-.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled], html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled] {
-  cursor: not-allowed;
-}
-.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]) {
-  color: var(--color-fire-red);
-  background-color: var(--color-fire-red-8);
-}
-.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger, .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon {
-  color: var(--color-fire-red);
-}
-.dnb-dropdown > .dnb-form-status {
-  transform: translateY(-0.4375rem);
 }

package/cjs/components/dropdown/style/themes/dnb-dropdown-theme-ui.min.css

@@ -1 +1 @@
-html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]){color:var(--color-emerald-green)}.dnb-dropdown__trigger[disabled]{background-color:var(--color-black-3);color:var(--color-black-55)}.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-fire-red)}html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) .dnb-dropdown__icon .dnb-icon{color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled],html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled]{cursor:not-allowed}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]){background-color:var(--color-fire-red-8);color:var(--color-fire-red)}.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon,.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger{color:var(--color-fire-red)}.dnb-dropdown>.dnb-form-status{transform:translateY(-.4375rem)}
+.dnb-dropdown{--dropdown-error-border-width:0.125rem;--dropdown-button-padding:0 1rem;--dropdown-foreground-color-primary:var(--color-black-55);--dropdown-foreground-color-error:var(--color-fire-red);--dropdown-background-color-disabled:var(--color-black-3);--dropdown-background-color-error-active:var(--color-fire-red-8)}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]){color:var(--color-emerald-green)}.dnb-dropdown__trigger[disabled]{background-color:var(--dropdown-background-color-disabled);color:var(--dropdown-foreground-color-primary)}.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){--border-color:var(--dropdown-foreground-color-primary);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}

package/cjs/components/dropdown/style/themes/dnb-dropdown-theme-ui.scss

@@ -6,6 +6,13 @@
 @import '../../../../style/core/utilities.scss';
 
 .dnb-dropdown {
+  --dropdown-error-border-width: 0.125rem;
+  --dropdown-button-padding: 0 1rem;
+  --dropdown-foreground-color-primary: var(--color-black-55);
+  --dropdown-foreground-color-error: var(--color-fire-red);
+  --dropdown-background-color-disabled: var(--color-black-3);
+  --dropdown-background-color-error-active: var(--color-fire-red-8);
+
   // button
   &__trigger {
     @include hover() {
@@ -14,11 +21,11 @@
   }
 
   &__trigger[disabled] {
-    color: var(--color-black-55);
-    background-color: var(--color-black-3);
+    color: var(--dropdown-foreground-color-primary);
+    background-color: var(--dropdown-background-color-disabled);
 
     &:not(.dnb-button--tertiary) {
-      @include fakeBorder(var(--color-black-55));
+      @include fakeBorder(var(--dropdown-foreground-color-primary));
     }
   }
 
@@ -28,33 +35,4 @@
   //     font-weight: var(--font-weight-medium);
   //   }
   // }
-
-  // error status
-  &__status--error:not(#{&}--opened) &__trigger {
-    @include fakeBorder(var(--color-fire-red));
-
-    @include hover() {
-      color: var(--color-fire-red);
-
-      @include fakeBorder(var(--color-fire-red), 0.125rem);
-
-      & .dnb-dropdown__icon .dnb-icon {
-        color: var(--color-fire-red);
-      }
-    }
-
-    @include active() {
-      color: var(--color-fire-red);
-      background-color: var(--color-fire-red-8);
-    }
-  }
-  &__status--error:not(#{&}--opened) &__trigger,
-  &__status--error:not(#{&}--opened) &__icon {
-    color: var(--color-fire-red);
-  }
-
-  // adjust the form-status to the inner border for 2px
-  > .dnb-form-status {
-    transform: translateY(-0.4375rem);
-  }
 }

package/cjs/components/flex/Flex.d.ts

@@ -1 +1,2 @@
-export * as default from './';
+import * as _default from './';
+export { _default as default };

package/cjs/components/flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","names":[],"sources":["../../../../src/components/flex/Flex.tsx"],"sourcesContent":["export * as default from './'\n"],"mappings":""}
+{"version":3,"file":"Flex.js","names":["_default","_interopRequireWildcard","require","exports","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set"],"sources":["../../../../src/components/flex/Flex.tsx"],"sourcesContent":["// For TypeScript compatibility we import and export it this way\nimport * as _default from './'\nexport { _default as default }\n"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA8BC,OAAA,CAAAC,OAAA,GAAAJ,QAAA;AAAA,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAN,OAAA,EAAAM,GAAA,UAAAE,KAAA,GAAAP,wBAAA,CAAAC,WAAA,OAAAM,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAH,GAAA,YAAAE,KAAA,CAAAE,GAAA,CAAAJ,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAV,GAAA,QAAAU,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAb,GAAA,EAAAU,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAT,GAAA,EAAAU,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAV,GAAA,CAAAU,GAAA,SAAAL,MAAA,CAAAX,OAAA,GAAAM,GAAA,MAAAE,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAf,GAAA,EAAAK,MAAA,YAAAA,MAAA"}

package/cjs/components/flex/utils.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { SpaceType, SpacingProps } from '../../shared/types';
 import { End, Start } from './types';
 export declare const pickSpacingProps: <Props extends SpacingProps>(props: Props) => SpacingProps;
-export declare const omitSpacingProps: <Props extends SpacingProps>(props: Props) => Omit<Props, "space" | keyof import("../space/types").SpacingElementProps>;
+export declare const omitSpacingProps: <Props extends SpacingProps>(props: Props) => Omit<Props, "space" | "innerSpace" | keyof import("../space/types").SpacingElementProps>;
 export declare const getSpaceValue: (type: Start | End, element: React.ReactChild | React.ReactFragment | React.ReactPortal) => SpaceType | undefined;
 export declare function isHeadingElement(element: React.ReactNode & {
     _isHeadingElement?: boolean;

package/cjs/components/flex/utils.js

@@ -8,13 +8,11 @@ exports.isHeadingElement = isHeadingElement;
 exports.renderWithSpacing = exports.pickSpacingProps = exports.omitSpacingProps = exports.isSpacePropsComponent = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Space = _interopRequireDefault(require("../space/Space"));
+var _SpacingUtils = require("../space/SpacingUtils");
 var EufemiaElements = _interopRequireWildcard(require("../../elements"));
-const _excluded = ["space", "top", "bottom", "left", "right"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const pickSpacingProps = props => {
   return {
     space: props === null || props === void 0 ? void 0 : props.space,
@@ -25,17 +23,7 @@ const pickSpacingProps = props => {
   };
 };
 exports.pickSpacingProps = pickSpacingProps;
-const omitSpacingProps = props => {
-  const {
-      space,
-      top,
-      bottom,
-      left,
-      right
-    } = props,
-    restProps = _objectWithoutProperties(props, _excluded);
-  return restProps;
-};
+const omitSpacingProps = _SpacingUtils.removeSpaceProps;
 exports.omitSpacingProps = omitSpacingProps;
 const getSpaceValue = (type, element) => {
   var _element$props, _element$props2;

package/cjs/components/flex/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["_react","_interopRequireDefault","require","_Space","EufemiaElements","_interopRequireWildcard","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","propertyIsEnumerable","sourceKeys","keys","pickSpacingProps","props","space","top","bottom","left","right","exports","omitSpacingProps","restProps","getSpaceValue","type","element","_element$props","_element$props2","React","isValidElement","undefined","isHeadingElement","_element$type","isEufemiaElement","values","some","eufemiaElement","isSpacePropsComponent","_element$type2","renderWithSpacing","takesSpaceProps","cloneElement","createElement"],"sources":["../../../../src/components/flex/utils.tsx"],"sourcesContent":["import React from 'react'\nimport { SpaceType, SpacingProps } from '../../shared/types'\nimport Space from '../space/Space'\nimport * as EufemiaElements from '../../elements'\nimport { End, Start } from './types'\n\nexport const pickSpacingProps = <Props extends SpacingProps>(\n  props: Props\n): SpacingProps => {\n  return {\n    space: props?.space,\n    top: props?.top,\n    bottom: props?.bottom,\n    left: props?.left,\n    right: props?.right,\n  }\n}\n\nexport const omitSpacingProps = <Props extends SpacingProps>(\n  props: Props\n): Omit<Props, keyof SpacingProps> => {\n  const { space, top, bottom, left, right, ...restProps } = props\n  return restProps\n}\n\nexport const getSpaceValue = (\n  type: Start | End,\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n\n  return (\n    element.props?.[type] ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space[type]\n      : undefined)\n  )\n}\n\nexport function isHeadingElement(\n  element: React.ReactNode & { _isHeadingElement?: boolean }\n): boolean {\n  return (\n    React.isValidElement(element) &&\n    element?.type?.['_isHeadingElement'] === true\n  )\n}\n\nexport const isEufemiaElement = (element): boolean => {\n  return Object.values(EufemiaElements).some(\n    (eufemiaElement) => element?.type === eufemiaElement\n  )\n}\n\n/**\n * Is the requested element a component that can receive Eufemia space props (space, top, bottom, left and right)?\n */\nexport const isSpacePropsComponent = (\n  element: React.ReactNode\n): boolean => {\n  return (\n    (React.isValidElement(element) &&\n      element?.type?.['_supportsSpacingProps'] === true) ||\n    isEufemiaElement(element)\n  )\n}\n\nexport const renderWithSpacing = (\n  element: React.ReactNode,\n  props: SpacingProps & { key?: string; className?: string }\n) => {\n  const takesSpaceProps = isSpacePropsComponent(element)\n\n  return takesSpaceProps ? (\n    React.cloneElement(element as React.ReactElement<unknown>, props)\n  ) : (\n    <Space {...props}>{element}</Space>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["_react","_interopRequireDefault","require","_Space","_SpacingUtils","EufemiaElements","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","pickSpacingProps","props","space","top","bottom","left","right","exports","omitSpacingProps","removeSpaceProps","getSpaceValue","type","element","_element$props","_element$props2","React","isValidElement","undefined","isHeadingElement","_element$type","isEufemiaElement","values","some","eufemiaElement","isSpacePropsComponent","_element$type2","renderWithSpacing","takesSpaceProps","cloneElement","createElement"],"sources":["../../../../src/components/flex/utils.tsx"],"sourcesContent":["import React from 'react'\nimport { SpaceType, SpacingProps } from '../../shared/types'\nimport Space from '../space/Space'\nimport { removeSpaceProps } from '../space/SpacingUtils'\nimport * as EufemiaElements from '../../elements'\nimport { End, Start } from './types'\n\nexport const pickSpacingProps = <Props extends SpacingProps>(\n  props: Props\n): SpacingProps => {\n  return {\n    space: props?.space,\n    top: props?.top,\n    bottom: props?.bottom,\n    left: props?.left,\n    right: props?.right,\n  }\n}\n\nexport const omitSpacingProps = removeSpaceProps\n\nexport const getSpaceValue = (\n  type: Start | End,\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n\n  return (\n    element.props?.[type] ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space[type]\n      : undefined)\n  )\n}\n\nexport function isHeadingElement(\n  element: React.ReactNode & { _isHeadingElement?: boolean }\n): boolean {\n  return (\n    React.isValidElement(element) &&\n    element?.type?.['_isHeadingElement'] === true\n  )\n}\n\nexport const isEufemiaElement = (element): boolean => {\n  return Object.values(EufemiaElements).some(\n    (eufemiaElement) => element?.type === eufemiaElement\n  )\n}\n\n/**\n * Is the requested element a component that can receive Eufemia space props (space, top, bottom, left and right)?\n */\nexport const isSpacePropsComponent = (\n  element: React.ReactNode\n): boolean => {\n  return (\n    (React.isValidElement(element) &&\n      element?.type?.['_supportsSpacingProps'] === true) ||\n    isEufemiaElement(element)\n  )\n}\n\nexport const renderWithSpacing = (\n  element: React.ReactNode,\n  props: SpacingProps & { key?: string; className?: string }\n) => {\n  const takesSpaceProps = isSpacePropsComponent(element)\n\n  return takesSpaceProps ? (\n    React.cloneElement(element as React.ReactElement<unknown>, props)\n  ) : (\n    <Space {...props}>{element}</Space>\n  )\n}\n"],"mappings":"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"}

package/cjs/components/form-label/FormLabel.d.ts

@@ -1,59 +1,32 @@
-import * as React from 'react';
-import type { SkeletonShow } from '../Skeleton';
-import type { SpacingProps } from '../space/types';
-export type FormLabelSize = 'medium' | 'large';
-export type FormLabelText =
-  | string
-  | ((...args: any[]) => any)
-  | React.ReactNode;
-export type FormLabelLabelDirection = 'vertical' | 'horizontal';
-export type FormLabelChildren =
-  | string
-  | ((...args: any[]) => any)
-  | React.ReactNode;
-export interface FormLabelProps
-  extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
-    SpacingProps {
-  /**
-   * <em>(required)</em> the `id` of the input.
-   */
-  for_id?: string;
-  /**
-   * Defines the HTML element used. Defaults to `label`.
-   */
-  element?: string;
-  /**
-   * The `title` attribute of the label.
-   */
-  title?: string;
-  /**
-   * The `text` of the label.
-   */
-  text?: FormLabelText;
-  /**
-   * Define one of the following <a href="/uilib/elements/heading/">heading size</a>: `medium` or `large`.
-   */
-  size?: FormLabelSize;
-  id?: string;
-  class?: string;
-  disabled?: boolean;
-  /**
-   * If set to `true`, an overlaying skeleton with animation will be shown.
-   */
-  skeleton?: SkeletonShow;
-  label_direction?: FormLabelLabelDirection;
-  /**
-   * If set to `true`, will do the same as `label_direction` when set to "vertical".
-   */
-  vertical?: boolean;
-  sr_only?: boolean;
-  className?: string;
-  children?: FormLabelChildren;
-}
-export default class FormLabel extends React.Component<
-  FormLabelProps,
-  any
-> {
-  static defaultProps: object;
-  render(): JSX.Element;
+/**
+ * Web FormLabel Component
+ *
+ */
+import React from 'react';
+import { DynamicElement, SpacingProps } from '../../shared/types';
+export type FormLabelProps = {
+    forId?: string;
+    element?: DynamicElement<HTMLLabelElement>;
+    text?: React.ReactNode;
+    size?: 'basis' | 'medium' | 'large';
+    id?: string;
+    skeleton?: boolean;
+    label?: React.ReactNode;
+    vertical?: boolean;
+    srOnly?: boolean;
+    innerRef?: React.RefObject<HTMLElement>;
+    /** Is not a part of HTMLLabelElement and not documented as of now */
+    disabled?: boolean;
+    /** @deprecated use forId instead */
+    for_id?: string;
+    /** @deprecated use srOnly instead */
+    sr_only?: boolean;
+    /** @deprecated use labelDirection instead (was not documented before) */
+    label_direction?: 'vertical' | 'horizontal';
+};
+export type FormLabelAllProps = FormLabelProps & React.HTMLAttributes<HTMLLabelElement> & SpacingProps;
+declare function FormLabel(localProps: FormLabelAllProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FormLabel {
+    var _supportsSpacingProps: boolean;
 }
+export default FormLabel;