prime-ui-kit 0.7.9 → 0.7.11

package/dist/components/index.css

@@ -8990,6 +8990,7 @@
   --prime-textarea-body-size: var(--prime-sys-size-control-m-text);
   --prime-textarea-line-height: var(--prime-sys-typography-body-lineHeight);
   --prime-textarea-min-height: var(--prime-sys-size-textarea-m-minHeight);
+  --prime-textarea-inner-min-height: calc( var(--prime-sys-size-textarea-m-minHeight) - 2 * var(--prime-sys-size-textarea-m-paddingX) );
   --prime-textarea-stack-gap: var(--prime-sys-size-control-m-gap);
   box-sizing: border-box;
   width: 100%;
@@ -9000,16 +9001,19 @@
 .Textarea_field2[data-size=s] {
   --prime-textarea-body-size: var(--prime-sys-size-control-s-text);
   --prime-textarea-min-height: var(--prime-sys-size-textarea-s-minHeight);
+  --prime-textarea-inner-min-height: calc( var(--prime-sys-size-textarea-s-minHeight) - 2 * var(--prime-sys-size-textarea-s-paddingX) );
   --prime-textarea-stack-gap: var(--prime-sys-size-control-s-gap);
 }
 .Textarea_field2[data-size=l] {
   --prime-textarea-body-size: var(--prime-sys-size-control-l-text);
   --prime-textarea-min-height: var(--prime-sys-size-textarea-l-minHeight);
+  --prime-textarea-inner-min-height: calc( var(--prime-sys-size-textarea-l-minHeight) - 2 * var(--prime-sys-size-textarea-l-paddingX) );
   --prime-textarea-stack-gap: var(--prime-sys-size-control-l-gap);
 }
 .Textarea_field2[data-size=xl] {
   --prime-textarea-body-size: var(--prime-sys-size-control-xl-text);
   --prime-textarea-min-height: var(--prime-sys-size-textarea-xl-minHeight);
+  --prime-textarea-inner-min-height: calc( var(--prime-sys-size-textarea-xl-minHeight) - 2 * var(--prime-sys-size-textarea-xl-paddingX) );
   --prime-textarea-stack-gap: var(--prime-sys-size-control-xl-gap);
 }
 .Textarea_control2 {
@@ -9030,22 +9034,18 @@
     background-color var(--prime-sys-motion-medium) var(--prime-sys-motion-standard);
 }
 .Textarea_control2[data-size=s] {
-  min-height: var(--prime-sys-size-textarea-s-minHeight);
   border-radius: var(--prime-sys-size-textarea-s-radius);
   padding: var(--prime-sys-size-textarea-s-paddingX);
 }
 .Textarea_control2[data-size=m] {
-  min-height: var(--prime-sys-size-textarea-m-minHeight);
   border-radius: var(--prime-sys-size-textarea-m-radius);
   padding: var(--prime-sys-size-textarea-m-paddingX);
 }
 .Textarea_control2[data-size=l] {
-  min-height: var(--prime-sys-size-textarea-l-minHeight);
   border-radius: var(--prime-sys-size-textarea-l-radius);
   padding: var(--prime-sys-size-textarea-l-paddingX);
 }
 .Textarea_control2[data-size=xl] {
-  min-height: var(--prime-sys-size-textarea-xl-minHeight);
   border-radius: var(--prime-sys-size-textarea-xl-radius);
   padding: var(--prime-sys-size-textarea-xl-paddingX);
 }
@@ -9070,15 +9070,13 @@
   box-shadow: none;
 }
 .Textarea_controlStack2 {
-  flex: 1 1 auto;
-  min-height: 0;
+  flex: 0 0 auto;
   min-width: 0;
   display: flex;
   flex-direction: column;
 }
 .Textarea_textareaRegion2 {
-  flex: 1 1 auto;
-  min-height: 0;
+  flex: 0 0 auto;
   min-width: 0;
   display: flex;
   flex-direction: column;
@@ -9093,8 +9091,7 @@
 }
 .Textarea_autoResize2 {
   display: grid;
-  flex: 1 1 auto;
-  min-height: 0;
+  flex: 0 0 auto;
   min-width: 0;
   width: 100%;
 }
@@ -9105,9 +9102,14 @@
   word-break: break-word;
   visibility: hidden;
   grid-area: 1 / 1 / 2 / 2;
-  font: inherit;
+  font-family: inherit;
+  font-size: var(--prime-textarea-body-size);
+  font-weight: inherit;
+  font-style: inherit;
+  line-height: var(--prime-textarea-line-height);
+  letter-spacing: inherit;
   min-width: 0;
-  min-height: var(--prime-textarea-min-height);
+  min-height: var(--prime-textarea-inner-min-height);
   padding: 0;
   border: 0;
 }
@@ -9142,7 +9144,7 @@
 }
 .Textarea_textarea2:not(.Textarea_textareaAutoResize2) {
   flex: 1 1 auto;
-  min-height: var(--prime-textarea-min-height);
+  min-height: var(--prime-textarea-inner-min-height);
 }
 .Textarea_textarea2:disabled {
   color: var(--prime-sys-color-content-disabled);