@grandbazar/ui-baza 1.2.6 → 1.2.8

package/dist/index.cjs

@@ -2322,10 +2322,10 @@ function RadioButton({ className, label, ...props }) {
 
 const DEFAULT_CUSTOM_SEARCH_BUTTON_WIDTH = 64;
 
-const textFieldAreaWrapper = "_textFieldAreaWrapper_90dha_2";
-const textFieldAreaLabel = "_textFieldAreaLabel_90dha_15";
-const textFieldAreaLabelSuffix = "_textFieldAreaLabelSuffix_90dha_24";
-const textFieldArea = "_textFieldArea_90dha_2";
+const textFieldAreaWrapper = "_textFieldAreaWrapper_ay9ou_2";
+const textFieldAreaLabel = "_textFieldAreaLabel_ay9ou_14";
+const textFieldAreaLabelSuffix = "_textFieldAreaLabelSuffix_ay9ou_24";
+const textFieldArea = "_textFieldArea_ay9ou_2";
 const styles$b = {
 	textFieldAreaWrapper: textFieldAreaWrapper,
 	textFieldAreaLabel: textFieldAreaLabel,
@@ -2359,9 +2359,9 @@ function TextFieldArea({
   ] }) : textFieldArea;
 }
 
-const textFieldInputWrapper = "_textFieldInputWrapper_4dexk_2";
-const textFieldInputLabel = "_textFieldInputLabel_4dexk_10";
-const textFieldInput = "_textFieldInput_4dexk_2";
+const textFieldInputWrapper = "_textFieldInputWrapper_qpk1n_2";
+const textFieldInputLabel = "_textFieldInputLabel_qpk1n_9";
+const textFieldInput = "_textFieldInput_qpk1n_2";
 const styles$a = {
 	textFieldInputWrapper: textFieldInputWrapper,
 	textFieldInputLabel: textFieldInputLabel,

package/dist/index.js

@@ -2318,10 +2318,10 @@ function RadioButton({ className, label, ...props }) {
 
 const DEFAULT_CUSTOM_SEARCH_BUTTON_WIDTH = 64;
 
-const textFieldAreaWrapper = "_textFieldAreaWrapper_90dha_2";
-const textFieldAreaLabel = "_textFieldAreaLabel_90dha_15";
-const textFieldAreaLabelSuffix = "_textFieldAreaLabelSuffix_90dha_24";
-const textFieldArea = "_textFieldArea_90dha_2";
+const textFieldAreaWrapper = "_textFieldAreaWrapper_ay9ou_2";
+const textFieldAreaLabel = "_textFieldAreaLabel_ay9ou_14";
+const textFieldAreaLabelSuffix = "_textFieldAreaLabelSuffix_ay9ou_24";
+const textFieldArea = "_textFieldArea_ay9ou_2";
 const styles$b = {
 	textFieldAreaWrapper: textFieldAreaWrapper,
 	textFieldAreaLabel: textFieldAreaLabel,
@@ -2355,9 +2355,9 @@ function TextFieldArea({
   ] }) : textFieldArea;
 }
 
-const textFieldInputWrapper = "_textFieldInputWrapper_4dexk_2";
-const textFieldInputLabel = "_textFieldInputLabel_4dexk_10";
-const textFieldInput = "_textFieldInput_4dexk_2";
+const textFieldInputWrapper = "_textFieldInputWrapper_qpk1n_2";
+const textFieldInputLabel = "_textFieldInputLabel_qpk1n_9";
+const textFieldInput = "_textFieldInput_qpk1n_2";
 const styles$a = {
 	textFieldInputWrapper: textFieldInputWrapper,
 	textFieldInputLabel: textFieldInputLabel,

package/dist/style.css

@@ -1306,11 +1306,10 @@ textarea {
   }
 }
 @layer ui_baza_components {
-  ._textFieldAreaWrapper_90dha_2 {
+  ._textFieldAreaWrapper_ay9ou_2 {
     display: flex;
     position: relative;
     flex-grow: 1;
-    height: 100%;
     transition: inherit;
 
     &:has([data-element='label']) {
@@ -1319,31 +1318,35 @@ textarea {
     }
   }
 
-  ._textFieldAreaLabel_90dha_15 {
-    z-index: -1;
+  ._textFieldAreaLabel_ay9ou_14 {
+    z-index: 0;
     position: absolute;
     left: 0;
     transform-origin: left;
     color: var(--color-neutral-540);
+    pointer-events: none;
     transition: inherit;
   }
 
-  ._textFieldAreaLabelSuffix_90dha_24 {
-    z-index: -1;
+  ._textFieldAreaLabelSuffix_ay9ou_24 {
+    z-index: 0;
     position: absolute;
     right: 0;
     transform-origin: right;
     color: var(--color-neutral-540);
     font-variant-numeric: tabular-nums;
+    pointer-events: none;
     transition: inherit;
   }
 
-  ._textFieldAreaWrapper_90dha_2:has(._textFieldArea_90dha_2:disabled) ._textFieldAreaLabel_90dha_15 {
+  ._textFieldAreaWrapper_ay9ou_2:has(._textFieldArea_ay9ou_2:disabled) ._textFieldAreaLabel_ay9ou_14 {
     color: var(--color-neutral-340);
   }
 
-  ._textFieldArea_90dha_2 {
+  ._textFieldArea_ay9ou_2 {
     --text-area-min-height: 80px;
+    z-index: 1;
+    position: relative;
 
     flex-grow: 1;
     min-height: var(--text-area-min-height);
@@ -1365,28 +1368,30 @@ textarea {
   }
 }
 @layer ui_baza_components {
-  ._textFieldInputWrapper_4dexk_2 {
+  ._textFieldInputWrapper_qpk1n_2 {
     display: flex;
     position: relative;
     flex-grow: 1;
-    height: 100%;
     transition: inherit;
   }
 
-  ._textFieldInputLabel_4dexk_10 {
-    z-index: -1;
+  ._textFieldInputLabel_qpk1n_9 {
+    z-index: 0;
     position: absolute;
     left: 0;
     transform-origin: left;
     color: var(--color-neutral-540);
+    pointer-events: none;
     transition: inherit;
   }
 
-  ._textFieldInputWrapper_4dexk_2:has(._textFieldInput_4dexk_2:disabled) ._textFieldInputLabel_4dexk_10 {
+  ._textFieldInputWrapper_qpk1n_2:has(._textFieldInput_qpk1n_2:disabled) ._textFieldInputLabel_qpk1n_9 {
     color: var(--color-neutral-340);
   }
 
-  ._textFieldInput_4dexk_2 {
+  ._textFieldInput_qpk1n_2 {
+    z-index: 1;
+    position: relative;
     flex-grow: 1;
     color: var(--color-neutral);
     caret-color: var(--color-accent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grandbazar/ui-baza",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "description": "A lightweight and modular UI kit for building modern, accessible web interfaces. Designed for flexibility, scalability, and developer happiness.",
   "repository": {
     "type": "git",