@grandbazar/ui-baza 1.2.13 → 1.2.14

package/dist/index.cjs

@@ -2401,10 +2401,10 @@ function RadioButton({ className, label, ...props }) {
 
 const DEFAULT_CUSTOM_SEARCH_BUTTON_WIDTH = 64;
 
-const textFieldAreaWrapper = "_textFieldAreaWrapper_ay9ou_2";
-const textFieldAreaLabel = "_textFieldAreaLabel_ay9ou_14";
-const textFieldAreaLabelSuffix = "_textFieldAreaLabelSuffix_ay9ou_24";
-const textFieldArea = "_textFieldArea_ay9ou_2";
+const textFieldAreaWrapper = "_textFieldAreaWrapper_pia91_2";
+const textFieldAreaLabel = "_textFieldAreaLabel_pia91_14";
+const textFieldAreaLabelSuffix = "_textFieldAreaLabelSuffix_pia91_24";
+const textFieldArea = "_textFieldArea_pia91_2";
 const styles$b = {
 	textFieldAreaWrapper: textFieldAreaWrapper,
 	textFieldAreaLabel: textFieldAreaLabel,
@@ -2438,9 +2438,9 @@ function TextFieldArea({
   ] }) : textFieldArea;
 }
 
-const textFieldInputWrapper = "_textFieldInputWrapper_qpk1n_2";
-const textFieldInputLabel = "_textFieldInputLabel_qpk1n_9";
-const textFieldInput = "_textFieldInput_qpk1n_2";
+const textFieldInputWrapper = "_textFieldInputWrapper_1m8sa_2";
+const textFieldInputLabel = "_textFieldInputLabel_1m8sa_9";
+const textFieldInput = "_textFieldInput_1m8sa_2";
 const styles$a = {
 	textFieldInputWrapper: textFieldInputWrapper,
 	textFieldInputLabel: textFieldInputLabel,

package/dist/index.js

@@ -2397,10 +2397,10 @@ function RadioButton({ className, label, ...props }) {
 
 const DEFAULT_CUSTOM_SEARCH_BUTTON_WIDTH = 64;
 
-const textFieldAreaWrapper = "_textFieldAreaWrapper_ay9ou_2";
-const textFieldAreaLabel = "_textFieldAreaLabel_ay9ou_14";
-const textFieldAreaLabelSuffix = "_textFieldAreaLabelSuffix_ay9ou_24";
-const textFieldArea = "_textFieldArea_ay9ou_2";
+const textFieldAreaWrapper = "_textFieldAreaWrapper_pia91_2";
+const textFieldAreaLabel = "_textFieldAreaLabel_pia91_14";
+const textFieldAreaLabelSuffix = "_textFieldAreaLabelSuffix_pia91_24";
+const textFieldArea = "_textFieldArea_pia91_2";
 const styles$b = {
 	textFieldAreaWrapper: textFieldAreaWrapper,
 	textFieldAreaLabel: textFieldAreaLabel,
@@ -2434,9 +2434,9 @@ function TextFieldArea({
   ] }) : textFieldArea;
 }
 
-const textFieldInputWrapper = "_textFieldInputWrapper_qpk1n_2";
-const textFieldInputLabel = "_textFieldInputLabel_qpk1n_9";
-const textFieldInput = "_textFieldInput_qpk1n_2";
+const textFieldInputWrapper = "_textFieldInputWrapper_1m8sa_2";
+const textFieldInputLabel = "_textFieldInputLabel_1m8sa_9";
+const textFieldInput = "_textFieldInput_1m8sa_2";
 const styles$a = {
 	textFieldInputWrapper: textFieldInputWrapper,
 	textFieldInputLabel: textFieldInputLabel,

package/dist/style.css

@@ -1306,7 +1306,7 @@ textarea {
   }
 }
 @layer ui_baza_components {
-  ._textFieldAreaWrapper_ay9ou_2 {
+  ._textFieldAreaWrapper_pia91_2 {
     display: flex;
     position: relative;
     flex-grow: 1;
@@ -1318,7 +1318,7 @@ textarea {
     }
   }
 
-  ._textFieldAreaLabel_ay9ou_14 {
+  ._textFieldAreaLabel_pia91_14 {
     z-index: 0;
     position: absolute;
     left: 0;
@@ -1328,7 +1328,7 @@ textarea {
     transition: inherit;
   }
 
-  ._textFieldAreaLabelSuffix_ay9ou_24 {
+  ._textFieldAreaLabelSuffix_pia91_24 {
     z-index: 0;
     position: absolute;
     right: 0;
@@ -1339,11 +1339,11 @@ textarea {
     transition: inherit;
   }
 
-  ._textFieldAreaWrapper_ay9ou_2:has(._textFieldArea_ay9ou_2:disabled) ._textFieldAreaLabel_ay9ou_14 {
+  ._textFieldAreaWrapper_pia91_2:has(._textFieldArea_pia91_2:disabled) ._textFieldAreaLabel_pia91_14 {
     color: var(--color-neutral-340);
   }
 
-  ._textFieldArea_ay9ou_2 {
+  ._textFieldArea_pia91_2 {
     --text-area-min-height: 80px;
     z-index: 1;
     position: relative;
@@ -1354,6 +1354,12 @@ textarea {
     caret-color: var(--color-accent);
     transition: inherit;
 
+    /* Firefox keeps a :focus-visible outline on the textarea; the field's focus
+       ring lives on TextFieldRoot, so the native one is a doubled border. */
+    &:focus-visible {
+      outline: none;
+    }
+
     &::placeholder {
       color: var(--color-neutral-540);
     }
@@ -1368,14 +1374,14 @@ textarea {
   }
 }
 @layer ui_baza_components {
-  ._textFieldInputWrapper_qpk1n_2 {
+  ._textFieldInputWrapper_1m8sa_2 {
     display: flex;
     position: relative;
     flex-grow: 1;
     transition: inherit;
   }
 
-  ._textFieldInputLabel_qpk1n_9 {
+  ._textFieldInputLabel_1m8sa_9 {
     z-index: 0;
     position: absolute;
     left: 0;
@@ -1385,11 +1391,11 @@ textarea {
     transition: inherit;
   }
 
-  ._textFieldInputWrapper_qpk1n_2:has(._textFieldInput_qpk1n_2:disabled) ._textFieldInputLabel_qpk1n_9 {
+  ._textFieldInputWrapper_1m8sa_2:has(._textFieldInput_1m8sa_2:disabled) ._textFieldInputLabel_1m8sa_9 {
     color: var(--color-neutral-340);
   }
 
-  ._textFieldInput_qpk1n_2 {
+  ._textFieldInput_1m8sa_2 {
     z-index: 1;
     position: relative;
     flex-grow: 1;
@@ -1397,6 +1403,12 @@ textarea {
     caret-color: var(--color-accent);
     transition: inherit;
 
+    /* Firefox keeps a :focus-visible outline on the input; the field's focus
+       ring lives on TextFieldRoot, so the native one is a doubled border. */
+    &:focus-visible {
+      outline: none;
+    }
+
     &::placeholder {
       color: var(--color-neutral-540);
     }

package/package.json

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