@grandbazar/ui-baza 1.2.13 → 1.2.15

package/dist/style.css

@@ -534,7 +534,7 @@ textarea {
   }
 }
 @layer ui_baza_components {
-  ._button_cmbkj_2 {
+  ._button_17gao_2 {
     --ring-width: 1px;
 
     display: inline-flex;
@@ -543,8 +543,8 @@ textarea {
     cursor: pointer;
     transition: all var(--transition-duration-default) ease-in-out;
 
-    &._accent_cmbkj_11 {
-      &._primary_cmbkj_12 {
+    &._accent_17gao_11 {
+      &._primary_17gao_12 {
         background-color: var(--color-accent);
         color: var(--color-white);
 
@@ -557,12 +557,12 @@ textarea {
         }
 
         &:disabled {
-          background-color: var(--color-neutral-alpha-60);
+          background-color: var(--button-disabled-background, var(--color-neutral-alpha-60));
           color: var(--color-neutral-340);
         }
       }
 
-      &._secondary_cmbkj_30 {
+      &._secondary_17gao_30 {
         background-color: var(--color-accent-alpha-100);
         color: var(--color-accent);
 
@@ -575,13 +575,13 @@ textarea {
         }
 
         &:disabled {
-          background-color: var(--color-neutral-alpha-60);
+          background-color: var(--button-disabled-background, var(--color-neutral-alpha-60));
           color: var(--color-neutral-340);
         }
       }
 
-      &._tertiary_cmbkj_48,
-      &._line_cmbkj_49 {
+      &._tertiary_17gao_48,
+      &._line_17gao_49 {
         background-color: var(--color-transparent);
         color: var(--color-accent);
 
@@ -594,12 +594,12 @@ textarea {
         }
 
         &:disabled {
-          background-color: var(--color-transparent);
+          background-color: var(--button-disabled-background, var(--color-transparent));
           color: var(--color-neutral-340);
         }
       }
 
-      &._line_cmbkj_49 {
+      &._line_17gao_49 {
         --ring-color: var(--color-accent);
 
         box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color);
@@ -610,8 +610,8 @@ textarea {
       }
     }
 
-    &._neutral_cmbkj_78 {
-      &._primary_cmbkj_12 {
+    &._neutral_17gao_78 {
+      &._primary_17gao_12 {
         background-color: var(--color-neutral);
         color: var(--color-white);
 
@@ -624,12 +624,12 @@ textarea {
         }
 
         &:disabled {
-          background-color: var(--color-neutral-alpha-60);
+          background-color: var(--button-disabled-background, var(--color-neutral-alpha-60));
           color: var(--color-neutral-340);
         }
       }
 
-      &._secondary_cmbkj_30 {
+      &._secondary_17gao_30 {
         background-color: var(--color-neutral-alpha-60);
         color: var(--color-neutral);
 
@@ -642,13 +642,13 @@ textarea {
         }
 
         &:disabled {
-          background-color: var(--color-neutral-alpha-60);
+          background-color: var(--button-disabled-background, var(--color-neutral-alpha-60));
           color: var(--color-neutral-340);
         }
       }
 
-      &._tertiary_cmbkj_48,
-      &._line_cmbkj_49 {
+      &._tertiary_17gao_48,
+      &._line_17gao_49 {
         background-color: var(--color-transparent);
         color: var(--color-neutral);
 
@@ -661,12 +661,12 @@ textarea {
         }
 
         &:disabled {
-          background-color: var(--color-transparent);
+          background-color: var(--button-disabled-background, var(--color-transparent));
           color: var(--color-neutral-340);
         }
       }
 
-      &._line_cmbkj_49 {
+      &._line_17gao_49 {
         --ring-color: var(--color-neutral-alpha-120);
 
         box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color);
@@ -677,7 +677,7 @@ textarea {
       }
     }
 
-    &._lg_cmbkj_145 {
+    &._lg_17gao_145 {
       min-height: calc(var(--line-height-lg) + var(--space-2xl) * 2);
       padding: var(--space-2xl);
       border-radius: var(--radius-2xl);
@@ -685,7 +685,7 @@ textarea {
       line-height: var(--line-height-lg);
     }
 
-    &._md_cmbkj_153 {
+    &._md_17gao_153 {
       min-height: calc(var(--line-height-lg) + var(--space-lg) * 2);
       padding: var(--space-lg);
       border-radius: var(--radius-xl);
@@ -693,7 +693,7 @@ textarea {
       line-height: var(--line-height-lg);
     }
 
-    &._sm_cmbkj_161 {
+    &._sm_17gao_161 {
       min-height: calc(var(--line-height-md) + var(--space-sm) * 2);
       padding: var(--space-sm);
       border-radius: var(--radius-lg);
@@ -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);
     }
@@ -1647,6 +1659,71 @@ textarea {
     }
   }
 }
+@layer ui_baza_components {
+  ._stepper_1bwaa_2 {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-radius: var(--stepper-radius);
+
+    --button-disabled-background: var(--color-transparent);
+
+    &._sm_1bwaa_10 {
+      max-height: calc(var(--line-height-md) + var(--space-sm) * 2);
+
+      --stepper-icon-size: var(--size-lg);
+      --stepper-radius: var(--radius-lg);
+    }
+
+    &._md_1bwaa_17 {
+      max-height: calc(var(--line-height-lg) + var(--space-lg) * 2);
+
+      --stepper-icon-size: var(--size-xl);
+      --stepper-radius: var(--radius-xl);
+    }
+
+    &._primary_1bwaa_24 {
+      background-color: var(--color-accent);
+      color: var(--color-white);
+
+      &[data-disabled] {
+        background-color: var(--color-neutral-alpha-60);
+        color: var(--color-neutral-340);
+      }
+    }
+
+    &._secondary_1bwaa_34 {
+      background-color: var(--color-neutral-alpha-60);
+      color: var(--color-neutral);
+
+      &[data-disabled] {
+        color: var(--color-neutral-340);
+      }
+    }
+
+    &._md_1bwaa_17 ._value_1bwaa_43 {
+      padding-inline: var(--space-md);
+      font-size: var(--size-md);
+      line-height: var(--line-height-lg);
+    }
+
+    &._sm_1bwaa_10 ._value_1bwaa_43 {
+      padding-inline: var(--space-sm);
+      font-size: var(--size-sm);
+      line-height: var(--line-height-md);
+    }
+
+    & svg {
+      width: var(--stepper-icon-size);
+      height: var(--stepper-icon-size);
+    }
+
+    & ._value_1bwaa_43 {
+      font-weight: var(--font-weight-medium);
+      text-align: center;
+    }
+  }
+}
 @layer ui_baza_components {
   ._switchWrapper_1yukb_2 {
     --switch-height: 24px;

package/package.json

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