@dnb/eufemia 10.5.0 → 10.7.0

package/es/components/textarea/style/dnb-textarea.css

@@ -7,6 +7,7 @@
  */
 .dnb-textarea {
   --textarea-padding-width: 0.5rem;
+  --textarea-rows: 2;
   display: inline-flex;
   font-size: var(--font-size-small);
   line-height: var(--line-height-basis);
@@ -48,6 +49,33 @@
   outline: none;
   font-size: var(--font-size-basis);
   line-height: var(--line-height-basis);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: auto;
+  scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
+}
+html:not([data-visual-test]) .dnb-textarea__textarea {
+  scroll-behavior: smooth;
+}
+@supports not (scrollbar-color: auto) {
+  .dnb-textarea__textarea::-webkit-scrollbar {
+    border-radius: var(--scrollbar-thumb-width, 0.5rem);
+    background-color: var(--scrollbar-track-color, #eee);
+  }
+  .dnb-textarea__textarea::-webkit-scrollbar:vertical {
+    width: var(--scrollbar-track-width, 0.5rem);
+  }
+  .dnb-textarea__textarea::-webkit-scrollbar:horizontal {
+    height: var(--scrollbar-track-width, 0.5rem);
+  }
+  .dnb-textarea__textarea::-webkit-scrollbar-thumb {
+    background-color: var(--scrollbar-thumb-color, #888);
+    border-radius: var(--scrollbar-thumb-width, 0.5rem);
+  }
+  .dnb-textarea__textarea::-webkit-scrollbar-thumb:hover {
+    background-color: var(--scrollbar-thumb-hover-color, #666);
+  }
 }
 .dnb-textarea__placeholder {
   pointer-events: none;
@@ -58,6 +86,9 @@
   overflow: hidden;
   width: 100%;
   height: 100%;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--textarea-rows, 2);
   cursor: auto;
   border: none;
   margin: 0;
@@ -75,8 +106,15 @@
 .dnb-textarea__autoresize .dnb-textarea__textarea {
   resize: none;
 }
+.dnb-textarea--disabled .dnb-textarea__textarea, .dnb-textarea__textarea[disabled] {
+  -webkit-user-select: none;
+          user-select: none;
+}
+.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar, .dnb-textarea__textarea[disabled]::-webkit-scrollbar {
+  width: 0;
+}
 .dnb-textarea--has-content .dnb-textarea__textarea ~ .dnb-textarea__placeholder, .dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly]) ~ .dnb-textarea__placeholder {
-  opacity: 0.5;
+  display: none;
 }
 .dnb-textarea__inner > .dnb-form-status {
   order: 2;

package/es/components/textarea/style/dnb-textarea.min.css

@@ -1 +1 @@
-.dnb-textarea{--textarea-padding-width:0.5rem;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-textarea__inner{display:inline-flex;flex-direction:column;margin:var(--textarea-padding-width)}.dnb-textarea__shell{display:inline-flex;font-size:var(--font-size-basis);position:relative}.dnb-textarea__state{background-color:var(--color-white);border-radius:.25rem;bottom:-.5rem;box-shadow:0 0 0 .0625rem var(--color-sea-green);left:-.5rem;position:absolute;right:-.5rem;top:-.5rem;z-index:1}.dnb-textarea__row{display:inline-flex}.dnb-textarea__suffix{padding-left:1.5rem}.dnb-textarea__textarea{position:relative;z-index:2}.dnb-textarea__placeholder,.dnb-textarea__textarea{border:none;cursor:auto;font-size:var(--font-size-basis);line-height:var(--line-height-basis);margin:0;outline:none;padding:0 var(--textarea-padding-width)}.dnb-textarea__placeholder{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.dnb-textarea__placeholder,.dnb-textarea__textarea{text-align:left}.dnb-textarea__align--right .dnb-textarea__placeholder,.dnb-textarea__align--right .dnb-textarea__textarea{text-align:right}.dnb-textarea__autoresize .dnb-textarea__textarea{resize:none}.dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly])~.dnb-textarea__placeholder,.dnb-textarea--has-content .dnb-textarea__textarea~.dnb-textarea__placeholder{opacity:.5}.dnb-textarea__inner>.dnb-form-status{margin:1rem 0 0 calc(0px - var(--textarea-padding-width));order:2}.dnb-textarea:not(.dnb-textarea--vertical) .dnb-form-label{margin-top:.5rem}.dnb-textarea--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-textarea:not(.dnb-textarea--vertical)[class*=__status]{align-items:flex-start}.dnb-textarea:not(.dnb-textarea--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}@media screen and (max-width:40em){.dnb-textarea{flex-wrap:wrap}.dnb-textarea>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-textarea--stretch{display:flex;flex-grow:1}.dnb-textarea--stretch .dnb-textarea__inner{flex-grow:1}.dnb-textarea--stretch .dnb-textarea__inner,.dnb-textarea--stretch .dnb-textarea__shell,.dnb-textarea--stretch .dnb-textarea__textarea{width:100%}.dnb-textarea--stretch .dnb-form-label+.dnb-textarea__inner{width:auto}.dnb-form-row--horizontal .dnb-textarea--stretch,.dnb-textarea--vertical.dnb-textarea--stretch .dnb-textarea__inner{width:100%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-textarea{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-textarea>.dnb-form-label{margin-bottom:.5rem}}html[data-visual-test] .dnb-textarea__textarea{caret-color:var(--color-white)}.dnb-textarea.dnb-skeleton .dnb-textarea__inner{border-radius:.25rem;margin:0}.dnb-textarea.dnb-skeleton .dnb-textarea__inner .dnb-textarea__shell{margin:var(--textarea-padding-width)}.dnb-textarea.dnb-skeleton .dnb-textarea__state,.dnb-textarea.dnb-skeleton .dnb-textarea__textarea{visibility:hidden}
+.dnb-textarea{--textarea-padding-width:0.5rem;--textarea-rows:2;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-textarea__inner{display:inline-flex;flex-direction:column;margin:var(--textarea-padding-width)}.dnb-textarea__shell{display:inline-flex;font-size:var(--font-size-basis);position:relative}.dnb-textarea__state{background-color:var(--color-white);border-radius:.25rem;bottom:-.5rem;box-shadow:0 0 0 .0625rem var(--color-sea-green);left:-.5rem;position:absolute;right:-.5rem;top:-.5rem;z-index:1}.dnb-textarea__row{display:inline-flex}.dnb-textarea__suffix{padding-left:1.5rem}.dnb-textarea__textarea{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;border:none;cursor:auto;font-size:var(--font-size-basis);line-height:var(--line-height-basis);margin:0;outline:none;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--textarea-padding-width);position:relative;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent;z-index:2}html:not([data-visual-test]) .dnb-textarea__textarea{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.dnb-textarea__textarea::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-textarea__placeholder{-webkit-box-orient:vertical;-webkit-line-clamp:var(--textarea-rows,2);border:none;cursor:auto;display:-webkit-box;font-size:var(--font-size-basis);height:100%;left:0;line-height:var(--line-height-basis);margin:0;outline:none;overflow:hidden;padding:0 var(--textarea-padding-width);pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.dnb-textarea__placeholder,.dnb-textarea__textarea{text-align:left}.dnb-textarea__align--right .dnb-textarea__placeholder,.dnb-textarea__align--right .dnb-textarea__textarea{text-align:right}.dnb-textarea__autoresize .dnb-textarea__textarea{resize:none}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{-webkit-user-select:none;user-select:none}.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar,.dnb-textarea__textarea[disabled]::-webkit-scrollbar{width:0}.dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly])~.dnb-textarea__placeholder,.dnb-textarea--has-content .dnb-textarea__textarea~.dnb-textarea__placeholder{display:none}.dnb-textarea__inner>.dnb-form-status{margin:1rem 0 0 calc(0px - var(--textarea-padding-width));order:2}.dnb-textarea:not(.dnb-textarea--vertical) .dnb-form-label{margin-top:.5rem}.dnb-textarea--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-textarea:not(.dnb-textarea--vertical)[class*=__status]{align-items:flex-start}.dnb-textarea:not(.dnb-textarea--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}@media screen and (max-width:40em){.dnb-textarea{flex-wrap:wrap}.dnb-textarea>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-textarea--stretch{display:flex;flex-grow:1}.dnb-textarea--stretch .dnb-textarea__inner{flex-grow:1}.dnb-textarea--stretch .dnb-textarea__inner,.dnb-textarea--stretch .dnb-textarea__shell,.dnb-textarea--stretch .dnb-textarea__textarea{width:100%}.dnb-textarea--stretch .dnb-form-label+.dnb-textarea__inner{width:auto}.dnb-form-row--horizontal .dnb-textarea--stretch,.dnb-textarea--vertical.dnb-textarea--stretch .dnb-textarea__inner{width:100%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-textarea{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-textarea>.dnb-form-label{margin-bottom:.5rem}}html[data-visual-test] .dnb-textarea__textarea{caret-color:var(--color-white)}.dnb-textarea.dnb-skeleton .dnb-textarea__inner{border-radius:.25rem;margin:0}.dnb-textarea.dnb-skeleton .dnb-textarea__inner .dnb-textarea__shell{margin:var(--textarea-padding-width)}.dnb-textarea.dnb-skeleton .dnb-textarea__state,.dnb-textarea.dnb-skeleton .dnb-textarea__textarea{visibility:hidden}

package/es/components/textarea/style/dnb-textarea.scss

@@ -19,6 +19,7 @@
 
 .dnb-textarea {
   --textarea-padding-width: 0.5rem;
+  --textarea-rows: 2; // using variable so it can be dynamically changed by react component
 
   display: inline-flex;
 
@@ -67,6 +68,8 @@
     z-index: 2;
 
     @include textareaStyleCommon();
+
+    @include scrollY(auto);
   }
 
   &__placeholder {
@@ -81,6 +84,13 @@
     width: 100%; // to get overflow working properly
     height: 100%; // to get overflow working properly
 
+    // Required for line-clamp
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+
+    // Limit the text block to two lines
+    -webkit-line-clamp: var(--textarea-rows, 2);
+
     @include textareaStyleCommon();
   }
 
@@ -98,10 +108,19 @@
     resize: none;
   }
 
+  // disabled
+  &--disabled &__textarea,
+  &__textarea[disabled] {
+    user-select: none; // Safari / Touch fix
+    &::-webkit-scrollbar {
+      width: 0;
+    }
+  }
+
   // hide placeholder on focus
   &--has-content &__textarea ~ &__placeholder,
   &--focus &__textarea:not([disabled], [readonly]) ~ &__placeholder {
-    opacity: 0.5;
+    display: none;
   }
 
   &__inner > .dnb-form-status {

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

@@ -0,0 +1,61 @@
+/*
+* Textarea theme
+*
+*/
+/*
+ * Utilities
+ */
+.dnb-textarea {
+  --textarea-border-color: var(--sb-color-gray-dark-2);
+  --textarea-border-width: 0.0625rem;
+}
+.dnb-textarea__state {
+  transition: border-radius 0.25s ease-out;
+  --border-color: var(--textarea-border-color);
+  --border-width: var(--textarea-border-width);
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.dnb-textarea__textarea {
+  --textarea-color: var(--textarea-color--default);
+  --textarea-color--default: var(--color-black);
+  --textarea-color--active: var(--color-black);
+  color: var(--textarea-color);
+  background-color: transparent;
+}
+.dnb-textarea__placeholder {
+  color: var(--sb-color-gray-dark-3);
+}
+.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover ~ .dnb-textarea__state {
+  --textarea-border-color: var(--sb-color-violet);
+  --textarea-border-width: 0.125rem;
+}
+.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus {
+  --textarea-color: var(--textarea-color--active);
+}
+.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus ~ .dnb-textarea__state {
+  --textarea-border-color: var(--sb-color-violet);
+  border-radius: 1.5rem;
+  outline: none;
+}
+html[data-whatinput=keyboard] .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus ~ .dnb-textarea__state {
+  --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-textarea--disabled .dnb-textarea__textarea, .dnb-textarea__textarea[disabled] {
+  color: var(--sb-color-gray-dark-2);
+  background-color: var(--sb-color-gray-light);
+}
+.dnb-textarea--disabled .dnb-textarea__textarea ~ .dnb-textarea__state, .dnb-textarea__textarea[disabled] ~ .dnb-textarea__state {
+  --textarea-border-color: var(--sb-color-gray-dark-2);
+  background-color: var(--sb-color-gray-light);
+}
+.dnb-textarea__status--error .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled) {
+  --textarea-color--default: var(--sb-color-red);
+  --textarea-color--active: var(--color-black);
+}
+.dnb-textarea__status--error .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled) ~ .dnb-textarea__state {
+  --textarea-border-color: var(--sb-color-red);
+}

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

@@ -0,0 +1 @@
+.dnb-textarea{--textarea-border-color:var(--sb-color-gray-dark-2);--textarea-border-width:0.0625rem}.dnb-textarea__state{--border-color:var(--textarea-border-color);--border-width:var(--textarea-border-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);transition:border-radius .25s ease-out}.dnb-textarea__textarea{--textarea-color:var(--textarea-color--default);--textarea-color--default:var(--color-black);--textarea-color--active:var(--color-black);background-color:transparent;color:var(--textarea-color)}.dnb-textarea__placeholder{color:var(--sb-color-gray-dark-3)}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--textarea-border-color:var(--sb-color-violet);--textarea-border-width:0.125rem}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus{--textarea-color:var(--textarea-color--active)}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state{--textarea-border-color:var(--sb-color-violet);border-radius:1.5rem;outline:none}html[data-whatinput=keyboard] .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{background-color:var(--sb-color-gray-light);color:var(--sb-color-gray-dark-2)}.dnb-textarea--disabled .dnb-textarea__textarea~.dnb-textarea__state,.dnb-textarea__textarea[disabled]~.dnb-textarea__state{--textarea-border-color:var(--sb-color-gray-dark-2);background-color:var(--sb-color-gray-light)}.dnb-textarea__status--error .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled){--textarea-color--default:var(--sb-color-red);--textarea-color--active:var(--color-black)}.dnb-textarea__status--error .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--textarea-border-color:var(--sb-color-red)}

package/es/components/textarea/style/themes/dnb-textarea-theme-sbanken.scss

@@ -0,0 +1,72 @@
+/*
+* Textarea theme
+*
+*/
+
+@import '../../../../style/core/utilities.scss';
+
+.dnb-textarea {
+  --textarea-border-color: var(--sb-color-gray-dark-2);
+  --textarea-border-width: 0.0625rem;
+
+  &__state {
+    transition: border-radius 0.25s ease-out;
+    @include fakeBorder(
+      var(--textarea-border-color),
+      var(--textarea-border-width),
+      inset
+    );
+  }
+
+  &__textarea {
+    --textarea-color: var(--textarea-color--default);
+    --textarea-color--default: var(--color-black);
+    --textarea-color--active: var(--color-black);
+
+    color: var(--textarea-color);
+    background-color: transparent;
+  }
+
+  &__placeholder {
+    color: var(--sb-color-gray-dark-3);
+  }
+
+  // hover
+  &__textarea:not([disabled]):not(#{&}--disabled):hover ~ &__state {
+    --textarea-border-color: var(--sb-color-violet);
+    --textarea-border-width: 0.125rem;
+  }
+
+  // focus
+  &__textarea:not([disabled]):not(#{&}--disabled):focus {
+    --textarea-color: var(--textarea-color--active);
+
+    ~ .dnb-textarea__state {
+      --textarea-border-color: var(--sb-color-violet);
+      border-radius: 1.5rem;
+      @include focusRing(null, null, inset);
+    }
+  }
+
+  // disabled
+  &--disabled &__textarea,
+  &__textarea[disabled] {
+    color: var(--sb-color-gray-dark-2);
+    background-color: var(--sb-color-gray-light);
+
+    ~ .dnb-textarea__state {
+      --textarea-border-color: var(--sb-color-gray-dark-2);
+      background-color: var(--sb-color-gray-light);
+    }
+  }
+
+  // with status_state = "error"
+  &__status--error &__textarea:not([disabled]):not(#{&}--disabled) {
+    --textarea-color--default: var(--sb-color-red);
+    --textarea-color--active: var(--color-black);
+
+    ~ .dnb-textarea__state {
+      --textarea-border-color: var(--sb-color-red);
+    }
+  }
+}

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

@@ -5,63 +5,25 @@
 /*
  * Utilities
  */
-.dnb-textarea {
-  --textarea-rows: 2;
-}
 .dnb-textarea__textarea {
   color: var(--color-black);
   background-color: var(--color-white);
-  overflow-y: auto;
-  overscroll-behavior: contain;
-  -webkit-overflow-scrolling: touch;
-  -ms-overflow-style: auto;
-  scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
 }
 .dnb-textarea__textarea ::selection {
   background-color: var(--color-mint-green);
   color: var(--color-black);
   text-shadow: none;
 }
-html:not([data-visual-test]) .dnb-textarea__textarea {
-  scroll-behavior: smooth;
-}
-@supports not (scrollbar-color: auto) {
-  .dnb-textarea__textarea::-webkit-scrollbar {
-    border-radius: var(--scrollbar-thumb-width, 0.5rem);
-    background-color: var(--scrollbar-track-color, #eee);
-  }
-  .dnb-textarea__textarea::-webkit-scrollbar:vertical {
-    width: var(--scrollbar-track-width, 0.5rem);
-  }
-  .dnb-textarea__textarea::-webkit-scrollbar:horizontal {
-    height: var(--scrollbar-track-width, 0.5rem);
-  }
-  .dnb-textarea__textarea::-webkit-scrollbar-thumb {
-    background-color: var(--scrollbar-thumb-color, #888);
-    border-radius: var(--scrollbar-thumb-width, 0.5rem);
-  }
-  .dnb-textarea__textarea::-webkit-scrollbar-thumb:hover {
-    background-color: var(--scrollbar-thumb-hover-color, #666);
-  }
-}
 .dnb-textarea__placeholder {
   color: var(--color-black-55);
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: var(--textarea-rows, 2);
 }
 .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus ~ .dnb-textarea__state, .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover ~ .dnb-textarea__state {
   box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
 }
 .dnb-textarea--disabled .dnb-textarea__textarea, .dnb-textarea__textarea[disabled] {
-  -webkit-user-select: none;
-          user-select: none;
   color: var(--color-black-55);
   background-color: var(--color-black-3);
 }
-.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar, .dnb-textarea__textarea[disabled]::-webkit-scrollbar {
-  width: 0;
-}
 .dnb-textarea--disabled .dnb-textarea__state, .dnb-textarea__textarea[disabled] ~ .dnb-textarea__state {
   box-shadow: 0 0 0 0.0625rem var(--color-black-55);
   background-color: var(--color-black-3);
@@ -80,7 +42,4 @@ html:not([data-visual-test]) .dnb-textarea__textarea {
   --border-width: 0.125rem;
   box-shadow: 0 0 0 var(--border-width) var(--border-color);
   border-color: transparent;
-}
-.dnb-textarea--has-content .dnb-textarea__textarea ~ .dnb-textarea__placeholder, .dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly]) ~ .dnb-textarea__placeholder {
-  display: none;
 }

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

@@ -1 +1 @@
-.dnb-textarea{--textarea-rows:2}.dnb-textarea__textarea{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;background-color:var(--color-white);color:var(--color-black);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent}.dnb-textarea__textarea ::selection{background-color:var(--color-mint-green);color:var(--color-black);text-shadow:none}html:not([data-visual-test]) .dnb-textarea__textarea{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.dnb-textarea__textarea::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-textarea__textarea::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-textarea__placeholder{-webkit-box-orient:vertical;-webkit-line-clamp:var(--textarea-rows,2);color:var(--color-black-55);display:-webkit-box}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state,.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{box-shadow:0 0 0 .125rem var(--color-emerald-green)}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{background-color:var(--color-black-3);color:var(--color-black-55);-webkit-user-select:none;user-select:none}.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar,.dnb-textarea__textarea[disabled]::-webkit-scrollbar{width:0}.dnb-textarea--disabled .dnb-textarea__state,.dnb-textarea__textarea[disabled]~.dnb-textarea__state{background-color:var(--color-black-3);box-shadow:0 0 0 .0625rem var(--color-black-55)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover{color:var(--color-fire-red)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly])~.dnb-textarea__placeholder,.dnb-textarea--has-content .dnb-textarea__textarea~.dnb-textarea__placeholder{display:none}
+.dnb-textarea__textarea{background-color:var(--color-white);color:var(--color-black)}.dnb-textarea__textarea ::selection{background-color:var(--color-mint-green);color:var(--color-black);text-shadow:none}.dnb-textarea__placeholder{color:var(--color-black-55)}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state,.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{box-shadow:0 0 0 .125rem var(--color-emerald-green)}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{background-color:var(--color-black-3);color:var(--color-black-55)}.dnb-textarea--disabled .dnb-textarea__state,.dnb-textarea__textarea[disabled]~.dnb-textarea__state{background-color:var(--color-black-3);box-shadow:0 0 0 .0625rem var(--color-black-55)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover{color:var(--color-fire-red)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}

package/es/components/textarea/style/themes/dnb-textarea-theme-ui.scss

@@ -6,8 +6,6 @@
 @import '../../../../style/core/utilities.scss';
 
 .dnb-textarea {
-  --textarea-rows: 2;
-
   &__textarea {
     color: var(--color-black);
     background-color: var(--color-white);
@@ -17,19 +15,10 @@
       color: var(--color-black);
       text-shadow: none;
     }
-
-    @include scrollY(auto);
   }
 
   &__placeholder {
     color: var(--color-black-55);
-
-    // Required for line-clamp
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-
-    // Limit the text block to two lines
-    -webkit-line-clamp: var(--textarea-rows, 2);
   }
 
   &__textarea:not([disabled]):not(#{&}--disabled):focus ~ &__state,
@@ -46,11 +35,6 @@
   // disabled
   &--disabled &__textarea,
   &__textarea[disabled] {
-    user-select: none; // Safari / Touch fix
-    &::-webkit-scrollbar {
-      width: 0;
-    }
-
     color: var(--color-black-55);
     background-color: var(--color-black-3);
   }
@@ -78,10 +62,4 @@
     ~ &__state {
     @include fakeBorder(var(--color-fire-red), 0.125rem);
   }
-
-  // hide placeholder on focus
-  &--has-content &__textarea ~ &__placeholder,
-  &--focus &__textarea:not([disabled], [readonly]) ~ &__placeholder {
-    display: none;
-  }
 }

package/es/extensions/forms/DataContext/At.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+export type Props = ComponentProps & {
+    /** JSON Pointer for where in the source dataset to point at in sub components */
+    path?: string;
+    iterate?: boolean;
+    children?: React.ReactNode;
+};
+declare function At(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace At {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default At;

package/es/extensions/forms/DataContext/At.js

@@ -0,0 +1,48 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { useContext, useMemo } from 'react';
+import pointer from 'json-pointer';
+import Context from './Context';
+function At(props) {
+  const {
+    path = '/',
+    iterate,
+    children
+  } = props;
+  const dataContext = useContext(Context);
+  const {
+    data: contextData,
+    handlePathChange: contextHandlePathChange
+  } = dataContext;
+  const data = contextData && pointer.has(contextData, path) ? pointer.get(contextData, path) : undefined;
+  const handlePathChange = useMemo(() => contextHandlePathChange ? (changePath, value) => {
+    contextHandlePathChange(`${path}${changePath}`, value);
+  } : undefined, [contextHandlePathChange, path]);
+  if (iterate) {
+    if (!Array.isArray(data)) {
+      return null;
+    }
+    return React.createElement(React.Fragment, null, data.map((element, i) => {
+      const handlePathChange = contextHandlePathChange ? (changePath, value) => {
+        contextHandlePathChange(`${path}/${i}${changePath}`, value);
+      } : undefined;
+      return React.createElement(Context.Provider, {
+        key: `element${i}`,
+        value: _objectSpread(_objectSpread({}, dataContext), {}, {
+          data: element,
+          handlePathChange
+        })
+      }, children);
+    }));
+  }
+  return React.createElement(Context.Provider, {
+    value: _objectSpread(_objectSpread({}, dataContext), {}, {
+      data,
+      handlePathChange
+    })
+  }, children);
+}
+At._supportsEufemiaSpacingProps = true;
+export default At;
+//# sourceMappingURL=At.js.map

package/es/extensions/forms/DataContext/At.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"At.js","names":["React","useContext","useMemo","pointer","Context","At","props","path","iterate","children","dataContext","data","contextData","handlePathChange","contextHandlePathChange","has","get","undefined","changePath","value","Array","isArray","createElement","Fragment","map","element","i","Provider","key","_objectSpread","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/DataContext/At.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport pointer from 'json-pointer'\nimport type { ComponentProps } from '../component-types'\nimport Context from './Context'\n\nexport type Props = ComponentProps & {\n  /** JSON Pointer for where in the source dataset to point at in sub components */\n  path?: string\n  iterate?: boolean\n  children?: React.ReactNode\n}\n\nfunction At(props: Props) {\n  const { path = '/', iterate, children } = props\n  const dataContext = useContext(Context)\n  const { data: contextData, handlePathChange: contextHandlePathChange } =\n    dataContext\n\n  const data =\n    contextData && pointer.has(contextData, path)\n      ? pointer.get(contextData, path)\n      : undefined\n\n  const handlePathChange = useMemo(\n    () =>\n      contextHandlePathChange\n        ? (changePath, value) => {\n            contextHandlePathChange(`${path}${changePath}`, value)\n          }\n        : undefined,\n    [contextHandlePathChange, path]\n  )\n\n  if (iterate) {\n    if (!Array.isArray(data)) {\n      return null\n    }\n    return (\n      <>\n        {data.map((element, i) => {\n          const handlePathChange = contextHandlePathChange\n            ? (changePath, value) => {\n                contextHandlePathChange(`${path}/${i}${changePath}`, value)\n              }\n            : undefined\n\n          return (\n            <Context.Provider\n              key={`element${i}`}\n              value={{\n                ...dataContext,\n                data: element,\n                handlePathChange,\n              }}\n            >\n              {children}\n            </Context.Provider>\n          )\n        })}\n      </>\n    )\n  }\n\n  return (\n    <Context.Provider\n      value={{\n        ...dataContext,\n        data,\n        handlePathChange,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n\nAt._supportsEufemiaSpacingProps = true\nexport default At\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,OAAO,MAAM,cAAc;AAElC,OAAOC,OAAO,MAAM,WAAW;AAS/B,SAASC,EAAEA,CAACC,KAAY,EAAE;EACxB,MAAM;IAAEC,IAAI,GAAG,GAAG;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC/C,MAAMI,WAAW,GAAGT,UAAU,CAACG,OAAO,CAAC;EACvC,MAAM;IAAEO,IAAI,EAAEC,WAAW;IAAEC,gBAAgB,EAAEC;EAAwB,CAAC,GACpEJ,WAAW;EAEb,MAAMC,IAAI,GACRC,WAAW,IAAIT,OAAO,CAACY,GAAG,CAACH,WAAW,EAAEL,IAAI,CAAC,GACzCJ,OAAO,CAACa,GAAG,CAACJ,WAAW,EAAEL,IAAI,CAAC,GAC9BU,SAAS;EAEf,MAAMJ,gBAAgB,GAAGX,OAAO,CAC9B,MACEY,uBAAuB,GACnB,CAACI,UAAU,EAAEC,KAAK,KAAK;IACrBL,uBAAuB,CAAE,GAAEP,IAAK,GAAEW,UAAW,EAAC,EAAEC,KAAK,CAAC;EACxD,CAAC,GACDF,SAAS,EACf,CAACH,uBAAuB,EAAEP,IAAI,CAChC,CAAC;EAED,IAAIC,OAAO,EAAE;IACX,IAAI,CAACY,KAAK,CAACC,OAAO,CAACV,IAAI,CAAC,EAAE;MACxB,OAAO,IAAI;IACb;IACA,OACEX,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QACGZ,IAAI,CAACa,GAAG,CAAC,CAACC,OAAO,EAAEC,CAAC,KAAK;MACxB,MAAMb,gBAAgB,GAAGC,uBAAuB,GAC5C,CAACI,UAAU,EAAEC,KAAK,KAAK;QACrBL,uBAAuB,CAAE,GAAEP,IAAK,IAAGmB,CAAE,GAAER,UAAW,EAAC,EAAEC,KAAK,CAAC;MAC7D,CAAC,GACDF,SAAS;MAEb,OACEjB,KAAA,CAAAsB,aAAA,CAAClB,OAAO,CAACuB,QAAQ;QACfC,GAAG,EAAG,UAASF,CAAE,EAAE;QACnBP,KAAK,EAAAU,aAAA,CAAAA,aAAA,KACAnB,WAAW;UACdC,IAAI,EAAEc,OAAO;UACbZ;QAAgB;MAChB,GAEDJ,QACe,CAAC;IAEvB,CAAC,CACD,CAAC;EAEP;EAEA,OACET,KAAA,CAAAsB,aAAA,CAAClB,OAAO,CAACuB,QAAQ;IACfR,KAAK,EAAAU,aAAA,CAAAA,aAAA,KACAnB,WAAW;MACdC,IAAI;MACJE;IAAgB;EAChB,GAEDJ,QACe,CAAC;AAEvB;AAEAJ,EAAE,CAACyB,4BAA4B,GAAG,IAAI;AACtC,eAAezB,EAAE"}

package/es/extensions/forms/DataContext/Context.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface ContextState {
+    /** The dataset for the form / form steps */
+    data: any;
+    /** Should the form validate data before submitting? */
+    errors?: Record<string, Error>;
+    handlePathChange: (path: string, value: any) => void;
+    handleSubmit: () => any;
+    showAllErrors: boolean;
+    setShowAllErrors: (showAllErrors: boolean) => void;
+    mountedFieldPaths: string[];
+    handleMountField: (path: string) => void;
+    handleUnMountField: (path: string) => void;
+    setPathWithError: (path: string, hasError: boolean) => void;
+    hasErrors: () => boolean;
+}
+export declare const defaultContextState: ContextState;
+declare const Context: React.Context<ContextState>;
+export default Context;

package/es/extensions/forms/DataContext/Context.js

@@ -0,0 +1,16 @@
+import React from 'react';
+export const defaultContextState = {
+  data: undefined,
+  handlePathChange: () => null,
+  handleSubmit: () => null,
+  showAllErrors: false,
+  setShowAllErrors: () => null,
+  mountedFieldPaths: [],
+  handleMountField: () => null,
+  handleUnMountField: () => null,
+  hasErrors: () => false,
+  setPathWithError: () => null
+};
+const Context = React.createContext(defaultContextState);
+export default Context;
+//# sourceMappingURL=Context.js.map

package/es/extensions/forms/DataContext/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","names":["React","defaultContextState","data","undefined","handlePathChange","handleSubmit","showAllErrors","setShowAllErrors","mountedFieldPaths","handleMountField","handleUnMountField","hasErrors","setPathWithError","Context","createContext"],"sources":["../../../../../src/extensions/forms/DataContext/Context.ts"],"sourcesContent":["import React from 'react'\n\nexport interface ContextState {\n  /** The dataset for the form / form steps */\n  data: any\n  /** Should the form validate data before submitting? */\n  errors?: Record<string, Error>\n  handlePathChange: (path: string, value: any) => void\n  handleSubmit: () => any\n  // Error status\n  showAllErrors: boolean\n  setShowAllErrors: (showAllErrors: boolean) => void\n  // Mounted fields - Components telling the provider what fields is on screen at any time\n  mountedFieldPaths: string[]\n  handleMountField: (path: string) => void\n  handleUnMountField: (path: string) => void\n  setPathWithError: (path: string, hasError: boolean) => void\n  hasErrors: () => boolean\n}\n\nexport const defaultContextState: ContextState = {\n  data: undefined,\n  handlePathChange: () => null,\n  handleSubmit: () => null,\n  showAllErrors: false,\n  setShowAllErrors: () => null,\n  mountedFieldPaths: [],\n  handleMountField: () => null,\n  handleUnMountField: () => null,\n  hasErrors: () => false,\n  setPathWithError: () => null,\n}\n\nconst Context = React.createContext<ContextState>(defaultContextState)\n\nexport default Context\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAoBzB,OAAO,MAAMC,mBAAiC,GAAG;EAC/CC,IAAI,EAAEC,SAAS;EACfC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,aAAa,EAAE,KAAK;EACpBC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,iBAAiB,EAAE,EAAE;EACrBC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,kBAAkB,EAAEA,CAAA,KAAM,IAAI;EAC9BC,SAAS,EAAEA,CAAA,KAAM,KAAK;EACtBC,gBAAgB,EAAEA,CAAA,KAAM;AAC1B,CAAC;AAED,MAAMC,OAAO,GAAGb,KAAK,CAACc,aAAa,CAAeb,mBAAmB,CAAC;AAEtE,eAAeY,OAAO"}

package/es/extensions/forms/DataContext/Provider.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { JsonObject } from 'json-pointer';
+import { JSONSchema7 } from 'json-schema';
+export interface Props<Data extends JsonObject> {
+    data: Partial<Data>;
+    /** JSON Schema for validating the data, like during input or after attempting submit */
+    schema?: JSONSchema7;
+    /** Change handler for the whole data set */
+    onChange?: (data: Data) => void;
+    /** Change handler for each value  */
+    onPathChange?: (path: string, value: any) => void;
+    /** Submit called, data was valid (if validation available) */
+    onSubmit?: (data: Data) => void;
+    /** Submit was requested, but data was invalid */
+    onSubmitRequest?: () => void;
+    scrollTopOnSubmit?: boolean;
+    children: React.ReactNode;
+}
+export default function Provider<Data extends JsonObject>({ data: externalData, schema, onChange, onPathChange, onSubmit, onSubmitRequest, scrollTopOnSubmit, children, }: Props<Data>): import("react/jsx-runtime").JSX.Element;

package/es/extensions/forms/DataContext/Provider.js

@@ -0,0 +1,102 @@
+import React, { useEffect, useRef, useMemo, useCallback, useState } from 'react';
+import pointer from 'json-pointer';
+import ajv, { ajvErrorsToFormErrors } from '../utils/ajv';
+import Context from './Context';
+function addListPath(paths, path) {
+  return paths.includes(path) ? paths : paths.concat(path);
+}
+function removeListPath(paths, path) {
+  return paths.filter(thisPath => thisPath !== path);
+}
+export default function Provider({
+  data: externalData,
+  schema,
+  onChange,
+  onPathChange,
+  onSubmit,
+  onSubmitRequest,
+  scrollTopOnSubmit,
+  children
+}) {
+  const ajvSchemaValidator = useMemo(() => schema ? ajv.compile(schema) : undefined, [schema]);
+  const [internalData, setInternalData] = useState(externalData);
+  const mountedFieldPathsRef = useRef([]);
+  const errorsRef = useRef({});
+  const [showAllErrors, setShowAllErrors] = useState(false);
+  const pathsWithErrorRef = useRef([]);
+  const hasErrors = useCallback(() => Boolean(mountedFieldPathsRef.current.find(mountedFieldPath => errorsRef.current[mountedFieldPath] !== undefined || pathsWithErrorRef.current.includes(mountedFieldPath))), []);
+  useEffect(() => {
+    setInternalData(externalData);
+  }, [externalData]);
+  const validateBySchema = useCallback(data => {
+    if (!ajvSchemaValidator) {
+      return;
+    }
+    if (!ajvSchemaValidator(data)) {
+      const errors = ajvErrorsToFormErrors(ajvSchemaValidator.errors);
+      return errors;
+    } else {
+      return;
+    }
+  }, [ajvSchemaValidator]);
+  const validateBySchemaAndUpdateState = useCallback(data => {
+    errorsRef.current = validateBySchema(data) ?? {};
+  }, [validateBySchema]);
+  const setPathWithError = useCallback((path, hasError) => {
+    pathsWithErrorRef.current = hasError ? addListPath(pathsWithErrorRef.current, path) : removeListPath(pathsWithErrorRef.current, path);
+  }, []);
+  const handlePathChange = useCallback((path, value) => {
+    onPathChange === null || onPathChange === void 0 ? void 0 : onPathChange(path, value);
+    const newData = structuredClone(internalData);
+    if (path) {
+      pointer.set(newData, path, value);
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(newData);
+    validateBySchemaAndUpdateState(newData);
+    setInternalData(newData);
+    setShowAllErrors(false);
+  }, [internalData, onChange, onPathChange, validateBySchemaAndUpdateState]);
+  const handleMountField = useCallback(path => {
+    mountedFieldPathsRef.current = addListPath(mountedFieldPathsRef.current, path);
+  }, []);
+  const handleUnMountField = useCallback(path => {
+    mountedFieldPathsRef.current = removeListPath(mountedFieldPathsRef.current, path);
+  }, []);
+  const handleSubmit = useCallback(() => {
+    if (!hasErrors()) {
+      onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(internalData);
+      if (scrollTopOnSubmit) {
+        var _window;
+        window && ((_window = window) === null || _window === void 0 ? void 0 : _window.scrollTo({
+          top: 0,
+          behavior: 'smooth'
+        }));
+      }
+    } else {
+      setShowAllErrors(true);
+      onSubmitRequest === null || onSubmitRequest === void 0 ? void 0 : onSubmitRequest();
+    }
+    return internalData;
+  }, [internalData, scrollTopOnSubmit, hasErrors, onSubmit, onSubmitRequest]);
+  useEffect(() => {
+    if (externalData) {
+      validateBySchemaAndUpdateState(externalData);
+    }
+  }, []);
+  return React.createElement(Context.Provider, {
+    value: {
+      data: internalData,
+      handlePathChange,
+      handleSubmit,
+      errors: errorsRef.current,
+      showAllErrors,
+      setShowAllErrors,
+      mountedFieldPaths: mountedFieldPathsRef.current,
+      handleMountField,
+      handleUnMountField,
+      hasErrors,
+      setPathWithError
+    }
+  }, children);
+}
+//# sourceMappingURL=Provider.js.map