@grandbazar/ui-baza 1.6.0 → 1.7.0

package/dist/index.cjs

@@ -1318,7 +1318,7 @@ const secondary$3 = "_secondary_11nu9_31";
 const tertiary = "_tertiary_11nu9_49";
 const line = "_line_11nu9_50";
 const neutral$2 = "_neutral_11nu9_79";
-const white$1 = "_white_11nu9_146";
+const white$2 = "_white_11nu9_146";
 const lg$6 = "_lg_11nu9_213";
 const md$9 = "_md_11nu9_222";
 const sm$4 = "_sm_11nu9_240";
@@ -1334,7 +1334,7 @@ const styles$z = {
 	tertiary: tertiary,
 	line: line,
 	neutral: neutral$2,
-	white: white$1,
+	white: white$2,
 	lg: lg$6,
 	md: md$9,
 	"md-sm": "_md-sm_11nu9_231",
@@ -1438,13 +1438,15 @@ function Checkbox({ className, label, indeterminate, ...props }) {
   );
 }
 
-const chip = "_chip_nge5j_2";
-const glass = "_glass_nge5j_36";
-const pill = "_pill_nge5j_59";
-const icon$2 = "_icon_nge5j_63";
+const chip = "_chip_1i1br_2";
+const glass = "_glass_1i1br_36";
+const white$1 = "_white_1i1br_59";
+const pill = "_pill_1i1br_67";
+const icon$2 = "_icon_1i1br_71";
 const styles$w = {
 	chip: chip,
 	glass: glass,
+	white: white$1,
 	pill: pill,
 	icon: icon$2
 };

package/dist/index.d.ts

@@ -126,14 +126,15 @@ export declare function Checkbox({ className, label, indeterminate, ...props }:
  * @param disabled - Whether the chip is disabled
  * @param icon - Leading icon; inherits the text color, accent while the chip is not selected
  * @param shape - Corner shape (default, pill)
- * @param mode - Visual mode (default, glass); glass is a translucent white chip for colored backgrounds
+ * @param mode - Visual mode (default, glass, white); glass is a translucent white chip for colored backgrounds,
+ *   white is a solid white chip for light-grey surfaces
  * @param asChild - When true, merges props onto the child element instead of rendering a div
  * @param className - Additional CSS classes
  * @param children - Content to display inside the chip
  */
 export declare function Chip({ isSelected, children, className, disabled, icon, shape, mode, asChild, ...props }: TChipProps): JSX.Element;
 
-declare const CHIP_MODES: readonly ["default", "glass"];
+declare const CHIP_MODES: readonly ["default", "glass", "white"];
 
 declare const CHIP_SHAPES: readonly ["default", "pill"];
 

package/dist/index.js

@@ -1314,7 +1314,7 @@ const secondary$3 = "_secondary_11nu9_31";
 const tertiary = "_tertiary_11nu9_49";
 const line = "_line_11nu9_50";
 const neutral$2 = "_neutral_11nu9_79";
-const white$1 = "_white_11nu9_146";
+const white$2 = "_white_11nu9_146";
 const lg$6 = "_lg_11nu9_213";
 const md$9 = "_md_11nu9_222";
 const sm$4 = "_sm_11nu9_240";
@@ -1330,7 +1330,7 @@ const styles$z = {
 	tertiary: tertiary,
 	line: line,
 	neutral: neutral$2,
-	white: white$1,
+	white: white$2,
 	lg: lg$6,
 	md: md$9,
 	"md-sm": "_md-sm_11nu9_231",
@@ -1434,13 +1434,15 @@ function Checkbox({ className, label, indeterminate, ...props }) {
   );
 }
 
-const chip = "_chip_nge5j_2";
-const glass = "_glass_nge5j_36";
-const pill = "_pill_nge5j_59";
-const icon$2 = "_icon_nge5j_63";
+const chip = "_chip_1i1br_2";
+const glass = "_glass_1i1br_36";
+const white$1 = "_white_1i1br_59";
+const pill = "_pill_1i1br_67";
+const icon$2 = "_icon_1i1br_71";
 const styles$w = {
 	chip: chip,
 	glass: glass,
+	white: white$1,
 	pill: pill,
 	icon: icon$2
 };

package/dist/style.css

@@ -960,7 +960,7 @@ textarea {
   }
 }
 @layer ui_baza_components {
-  ._chip_nge5j_2 {
+  ._chip_1i1br_2 {
     --chip-icon-size: 16px;
 
     display: flex;
@@ -994,7 +994,7 @@ textarea {
       pointer-events: none;
     }
 
-    &._glass_nge5j_36 {
+    &._glass_1i1br_36 {
       background-color: var(--color-white-alpha-200);
       color: var(--color-white);
 
@@ -1017,11 +1017,19 @@ textarea {
       }
     }
 
-    &._pill_nge5j_59 {
+    &._white_1i1br_59:not([data-selected='true'], [data-disabled='true']) {
+      background-color: var(--color-white);
+
+      &:hover {
+        background-color: var(--color-neutral-40);
+      }
+    }
+
+    &._pill_1i1br_67 {
       border-radius: var(--radius-full);
     }
 
-    ._icon_nge5j_63 {
+    ._icon_1i1br_71 {
       display: flex;
       flex-shrink: 0;
       width: var(--chip-icon-size);
@@ -1035,9 +1043,9 @@ textarea {
       }
     }
 
-    &[data-selected='true'] ._icon_nge5j_63,
-    &[data-disabled='true'] ._icon_nge5j_63,
-    &._glass_nge5j_36 ._icon_nge5j_63 {
+    &[data-selected='true'] ._icon_1i1br_71,
+    &[data-disabled='true'] ._icon_1i1br_71,
+    &._glass_1i1br_36 ._icon_1i1br_71 {
       color: inherit;
     }
   }

package/package.json

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