@grandbazar/ui-baza 1.2.17 → 1.2.19

package/dist/index.cjs

@@ -1099,16 +1099,16 @@ function Breadcrumbs({
 }
 Breadcrumbs.Item = BreadcrumbItem;
 
-const button = "_button_60wps_2";
-const accent$2 = "_accent_60wps_11";
-const primary$2 = "_primary_60wps_12";
-const secondary$3 = "_secondary_60wps_30";
-const tertiary = "_tertiary_60wps_48";
-const line = "_line_60wps_49";
-const neutral$2 = "_neutral_60wps_78";
-const lg$6 = "_lg_60wps_145";
-const md$9 = "_md_60wps_153";
-const sm$4 = "_sm_60wps_161";
+const button = "_button_1waqk_2";
+const accent$2 = "_accent_1waqk_11";
+const primary$2 = "_primary_1waqk_12";
+const secondary$3 = "_secondary_1waqk_30";
+const tertiary = "_tertiary_1waqk_48";
+const line = "_line_1waqk_49";
+const neutral$2 = "_neutral_1waqk_78";
+const lg$6 = "_lg_1waqk_145";
+const md$9 = "_md_1waqk_153";
+const sm$4 = "_sm_1waqk_161";
 const styles$r = {
 	button: button,
 	accent: accent$2,
@@ -2672,13 +2672,13 @@ function SegmentControl(props) {
 }
 SegmentControl.Item = SegmentControlItem;
 
-const stepper = "_stepper_1nqr2_2";
-const sm$1 = "_sm_1nqr2_10";
-const md$1 = "_md_1nqr2_17";
-const lg = "_lg_1nqr2_24";
-const primary$1 = "_primary_1nqr2_31";
-const secondary$1 = "_secondary_1nqr2_41";
-const value = "_value_1nqr2_50";
+const stepper = "_stepper_103n3_2";
+const sm$1 = "_sm_103n3_10";
+const md$1 = "_md_103n3_17";
+const lg = "_lg_103n3_24";
+const primary$1 = "_primary_103n3_31";
+const secondary$1 = "_secondary_103n3_41";
+const value = "_value_103n3_50";
 const styles$5 = {
 	stepper: stepper,
 	sm: sm$1,

package/dist/index.js

@@ -1095,16 +1095,16 @@ function Breadcrumbs({
 }
 Breadcrumbs.Item = BreadcrumbItem;
 
-const button = "_button_60wps_2";
-const accent$2 = "_accent_60wps_11";
-const primary$2 = "_primary_60wps_12";
-const secondary$3 = "_secondary_60wps_30";
-const tertiary = "_tertiary_60wps_48";
-const line = "_line_60wps_49";
-const neutral$2 = "_neutral_60wps_78";
-const lg$6 = "_lg_60wps_145";
-const md$9 = "_md_60wps_153";
-const sm$4 = "_sm_60wps_161";
+const button = "_button_1waqk_2";
+const accent$2 = "_accent_1waqk_11";
+const primary$2 = "_primary_1waqk_12";
+const secondary$3 = "_secondary_1waqk_30";
+const tertiary = "_tertiary_1waqk_48";
+const line = "_line_1waqk_49";
+const neutral$2 = "_neutral_1waqk_78";
+const lg$6 = "_lg_1waqk_145";
+const md$9 = "_md_1waqk_153";
+const sm$4 = "_sm_1waqk_161";
 const styles$r = {
 	button: button,
 	accent: accent$2,
@@ -2668,13 +2668,13 @@ function SegmentControl(props) {
 }
 SegmentControl.Item = SegmentControlItem;
 
-const stepper = "_stepper_1nqr2_2";
-const sm$1 = "_sm_1nqr2_10";
-const md$1 = "_md_1nqr2_17";
-const lg = "_lg_1nqr2_24";
-const primary$1 = "_primary_1nqr2_31";
-const secondary$1 = "_secondary_1nqr2_41";
-const value = "_value_1nqr2_50";
+const stepper = "_stepper_103n3_2";
+const sm$1 = "_sm_103n3_10";
+const md$1 = "_md_103n3_17";
+const lg = "_lg_103n3_24";
+const primary$1 = "_primary_103n3_31";
+const secondary$1 = "_secondary_103n3_41";
+const value = "_value_103n3_50";
 const styles$5 = {
 	stepper: stepper,
 	sm: sm$1,

package/dist/style.css

@@ -258,6 +258,7 @@ textarea {
     --color-neutral-500: color-mix(in srgb, var(--color-neutral) 50%, var(--color-white) 50%);
     --color-neutral-340: color-mix(in srgb, var(--color-neutral) 34%, var(--color-white) 66%);
     --color-neutral-300: color-mix(in srgb, var(--color-neutral) 29%, var(--color-white) 71%);
+    --color-neutral-80: color-mix(in srgb, var(--color-neutral) 8%, var(--color-white) 92%);
     --color-neutral-40: color-mix(in srgb, var(--color-neutral) 4%, var(--color-white) 96%);
 
     --color-neutral-alpha-140: color-mix(in srgb, var(--color-neutral) 14%, var(--color-transparent));
@@ -534,7 +535,7 @@ textarea {
   }
 }
 @layer ui_baza_components {
-  ._button_60wps_2 {
+  ._button_1waqk_2 {
     --ring-width: 1px;
 
     display: inline-flex;
@@ -543,8 +544,8 @@ textarea {
     cursor: pointer;
     transition: all var(--transition-duration-default) ease-in-out;
 
-    &._accent_60wps_11 {
-      &._primary_60wps_12 {
+    &._accent_1waqk_11 {
+      &._primary_1waqk_12 {
         background-color: var(--color-accent);
         color: var(--color-white);
 
@@ -562,7 +563,7 @@ textarea {
         }
       }
 
-      &._secondary_60wps_30 {
+      &._secondary_1waqk_30 {
         background-color: var(--color-accent-alpha-100);
         color: var(--color-accent);
 
@@ -580,8 +581,8 @@ textarea {
         }
       }
 
-      &._tertiary_60wps_48,
-      &._line_60wps_49 {
+      &._tertiary_1waqk_48,
+      &._line_1waqk_49 {
         background-color: var(--color-transparent);
         color: var(--color-accent);
 
@@ -599,7 +600,7 @@ textarea {
         }
       }
 
-      &._line_60wps_49 {
+      &._line_1waqk_49 {
         --ring-color: var(--color-accent);
 
         box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color);
@@ -610,8 +611,8 @@ textarea {
       }
     }
 
-    &._neutral_60wps_78 {
-      &._primary_60wps_12 {
+    &._neutral_1waqk_78 {
+      &._primary_1waqk_12 {
         background-color: var(--color-neutral);
         color: var(--color-white);
 
@@ -629,7 +630,7 @@ textarea {
         }
       }
 
-      &._secondary_60wps_30 {
+      &._secondary_1waqk_30 {
         background-color: var(--color-neutral-alpha-60);
         color: var(--color-neutral);
 
@@ -647,8 +648,8 @@ textarea {
         }
       }
 
-      &._tertiary_60wps_48,
-      &._line_60wps_49 {
+      &._tertiary_1waqk_48,
+      &._line_1waqk_49 {
         background-color: var(--color-transparent);
         color: var(--color-neutral);
 
@@ -666,7 +667,7 @@ textarea {
         }
       }
 
-      &._line_60wps_49 {
+      &._line_1waqk_49 {
         --ring-color: var(--color-neutral-alpha-120);
 
         box-shadow: inset 0 0 0 var(--ring-width) var(--ring-color);
@@ -677,7 +678,7 @@ textarea {
       }
     }
 
-    &._lg_60wps_145 {
+    &._lg_1waqk_145 {
       min-height: calc(var(--line-height-lg) + var(--space-2xl) * 2);
       padding: var(--space-2xl);
       border-radius: var(--radius-xl);
@@ -685,18 +686,18 @@ textarea {
       line-height: var(--line-height-lg);
     }
 
-    &._md_60wps_153 {
+    &._md_1waqk_153 {
       min-height: calc(var(--line-height-lg) + var(--space-lg) * 2);
       padding: var(--space-lg);
-      border-radius: var(--radius-md);
+      border-radius: var(--radius-lg);
       font-size: var(--size-md);
       line-height: var(--line-height-lg);
     }
 
-    &._sm_60wps_161 {
+    &._sm_1waqk_161 {
       min-height: calc(var(--line-height-md) + var(--space-sm) * 2);
       padding: var(--space-sm);
-      border-radius: var(--radius-sm);
+      border-radius: var(--radius-md);
       font-size: var(--size-sm);
       line-height: var(--line-height-md);
     }
@@ -1660,7 +1661,7 @@ textarea {
   }
 }
 @layer ui_baza_components {
-  ._stepper_1nqr2_2 {
+  ._stepper_103n3_2 {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -1668,28 +1669,28 @@ textarea {
 
     --button-disabled-background: var(--color-transparent);
 
-    &._sm_1nqr2_10 {
+    &._sm_103n3_10 {
       max-height: calc(var(--line-height-md) + var(--space-sm) * 2);
 
       --stepper-icon-size: var(--size-lg);
-      --stepper-radius: var(--radius-sm);
+      --stepper-radius: var(--radius-md);
     }
 
-    &._md_1nqr2_17 {
+    &._md_103n3_17 {
       max-height: calc(var(--line-height-lg) + var(--space-lg) * 2);
 
       --stepper-icon-size: var(--size-xl);
-      --stepper-radius: var(--radius-md);
+      --stepper-radius: var(--radius-lg);
     }
 
-    &._lg_1nqr2_24 {
+    &._lg_103n3_24 {
       max-height: calc(var(--line-height-xl) + var(--space-xl) * 2);
 
       --stepper-icon-size: var(--size-xl);
       --stepper-radius: var(--radius-xl);
     }
 
-    &._primary_1nqr2_31 {
+    &._primary_103n3_31 {
       background-color: var(--color-accent);
       color: var(--color-white);
 
@@ -1699,8 +1700,8 @@ textarea {
       }
     }
 
-    &._secondary_1nqr2_41 {
-      background-color: var(--color-neutral-alpha-60);
+    &._secondary_103n3_41 {
+      background-color: var(--color-neutral-80);
       color: var(--color-neutral);
 
       &[data-disabled='true'] {
@@ -1708,19 +1709,19 @@ textarea {
       }
     }
 
-    &._lg_1nqr2_24 ._value_1nqr2_50 {
+    &._lg_103n3_24 ._value_103n3_50 {
       padding-inline: var(--space-2xl);
       font-size: var(--size-md);
       line-height: var(--line-height-lg);
     }
 
-    &._md_1nqr2_17 ._value_1nqr2_50 {
+    &._md_103n3_17 ._value_103n3_50 {
       padding-inline: var(--space-md);
       font-size: var(--size-md);
       line-height: var(--line-height-lg);
     }
 
-    &._sm_1nqr2_10 ._value_1nqr2_50 {
+    &._sm_103n3_10 ._value_103n3_50 {
       padding-inline: var(--space-sm);
       font-size: var(--size-sm);
       line-height: var(--line-height-md);
@@ -1731,7 +1732,7 @@ textarea {
       height: var(--stepper-icon-size);
     }
 
-    & ._value_1nqr2_50 {
+    & ._value_103n3_50 {
       font-weight: var(--font-weight-medium);
       font-variant-numeric: tabular-nums;
       text-align: center;

package/package.json

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