@grandbazar/ui-baza 1.2.18 → 1.2.20

package/dist/index.cjs

@@ -976,6 +976,30 @@ function IconSwitch(props) {
   ] });
 }
 
+function IconTrash(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M14.7404 9L14.3942 18M9.60577 18L9.25962 9M4.77235 5.79057C5.91878 5.61744 7.07849 5.48485 8.25 5.39432C9.48744 5.2987 10.738 5.25 12 5.25C13.262 5.25 14.5126 5.2987 15.75 5.39432C16.9215 5.48485 18.0812 5.61744 19.2276 5.79057C19.5696 5.84221 19.9104 5.89747 20.25 5.95629M19.2276 5.79057L18.1598 19.6726C18.0696 20.8448 17.0921 21.75 15.9164 21.75H8.08357C6.90786 21.75 5.93037 20.8448 5.8402 19.6726L4.77235 5.79057M3.75 5.95629C4.08957 5.89747 4.43037 5.84221 4.77235 5.79057M15.75 5.39432V4.47819C15.75 3.29882 14.8393 2.31423 13.6606 2.27652C13.1092 2.25889 12.5556 2.25 12 2.25C11.4444 2.25 10.8908 2.25889 10.3394 2.27652C9.16065 2.31423 8.25 3.29882 8.25 4.47819V5.39432",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+IconTrash.Filled = function IconTrashFilled(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M16.5001 4.47819V4.70498C17.4548 4.79237 18.4017 4.90731 19.3398 5.04898C19.6871 5.10143 20.0332 5.15755 20.3781 5.2173C20.7863 5.28799 21.0598 5.67617 20.9891 6.0843C20.9184 6.49244 20.5302 6.76598 20.1221 6.69529C20.0525 6.68323 19.9829 6.67132 19.9131 6.65957L18.9077 19.7301C18.7875 21.2931 17.4842 22.5 15.9166 22.5H8.08369C6.51608 22.5 5.21276 21.2931 5.09253 19.7301L4.0871 6.65957C4.0174 6.67132 3.94774 6.68323 3.87813 6.69529C3.47 6.76598 3.08183 6.49244 3.01113 6.0843C2.94043 5.67617 3.21398 5.28799 3.62211 5.2173C3.96701 5.15755 4.31315 5.10143 4.66048 5.04898C5.59858 4.90731 6.5454 4.79237 7.50012 4.70498V4.47819C7.50012 2.91371 8.71265 1.57818 10.3156 1.52691C10.8749 1.50901 11.4365 1.5 12.0001 1.5C12.5638 1.5 13.1253 1.50901 13.6847 1.52691C15.2876 1.57818 16.5001 2.91371 16.5001 4.47819ZM10.3635 3.02614C10.9069 3.00876 11.4525 3 12.0001 3C12.5478 3 13.0934 3.00876 13.6367 3.02614C14.3913 3.05028 15.0001 3.68393 15.0001 4.47819V4.59082C14.0078 4.53056 13.0075 4.5 12.0001 4.5C10.9928 4.5 9.99249 4.53056 9.00012 4.59082V4.47819C9.00012 3.68393 9.6089 3.05028 10.3635 3.02614ZM10.0087 8.97118C9.9928 8.55727 9.64436 8.23463 9.23045 8.25055C8.81654 8.26647 8.49391 8.61492 8.50983 9.02882L8.85599 18.0288C8.8719 18.4427 9.22035 18.7654 9.63426 18.7494C10.0482 18.7335 10.3708 18.3851 10.3549 17.9712L10.0087 8.97118ZM15.4895 9.02882C15.5054 8.61492 15.1828 8.26647 14.7689 8.25055C14.355 8.23463 14.0065 8.55727 13.9906 8.97118L13.6444 17.9712C13.6285 18.3851 13.9512 18.7335 14.3651 18.7494C14.779 18.7654 15.1274 18.4427 15.1433 18.0288L15.4895 9.02882Z",
+      fill: "currentColor"
+    }
+  ) });
+};
+
 function IconXMark(props) {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
@@ -2672,13 +2696,13 @@ function SegmentControl(props) {
 }
 SegmentControl.Item = SegmentControlItem;
 
-const stepper = "_stepper_b223t_2";
-const sm$1 = "_sm_b223t_10";
-const md$1 = "_md_b223t_17";
-const lg = "_lg_b223t_24";
-const primary$1 = "_primary_b223t_31";
-const secondary$1 = "_secondary_b223t_41";
-const value = "_value_b223t_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,
@@ -3056,6 +3080,7 @@ exports.IconStar = IconStar;
 exports.IconSticker = IconSticker;
 exports.IconStop = IconStop;
 exports.IconSwitch = IconSwitch;
+exports.IconTrash = IconTrash;
 exports.IconXMark = IconXMark;
 exports.IconXMarkCircle = IconXMarkCircle;
 exports.LOCALE_FIRST_DAY_OF_WEEK = LOCALE_FIRST_DAY_OF_WEEK;

package/dist/index.d.ts

@@ -371,6 +371,12 @@ export declare function IconStop(props: TSvgIconProps): JSX.Element;
 
 export declare function IconSwitch(props: TSvgIconProps): JSX.Element;
 
+export declare function IconTrash(props: TSvgIconProps): JSX.Element;
+
+export declare namespace IconTrash {
+    var Filled: (props: TSvgIconProps) => JSX.Element;
+}
+
 export declare function IconXMark(props: TSvgIconProps): JSX.Element;
 
 export declare namespace IconXMark {

package/dist/index.js

@@ -972,6 +972,30 @@ function IconSwitch(props) {
   ] });
 }
 
+function IconTrash(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M14.7404 9L14.3942 18M9.60577 18L9.25962 9M4.77235 5.79057C5.91878 5.61744 7.07849 5.48485 8.25 5.39432C9.48744 5.2987 10.738 5.25 12 5.25C13.262 5.25 14.5126 5.2987 15.75 5.39432C16.9215 5.48485 18.0812 5.61744 19.2276 5.79057C19.5696 5.84221 19.9104 5.89747 20.25 5.95629M19.2276 5.79057L18.1598 19.6726C18.0696 20.8448 17.0921 21.75 15.9164 21.75H8.08357C6.90786 21.75 5.93037 20.8448 5.8402 19.6726L4.77235 5.79057M3.75 5.95629C4.08957 5.89747 4.43037 5.84221 4.77235 5.79057M15.75 5.39432V4.47819C15.75 3.29882 14.8393 2.31423 13.6606 2.27652C13.1092 2.25889 12.5556 2.25 12 2.25C11.4444 2.25 10.8908 2.25889 10.3394 2.27652C9.16065 2.31423 8.25 3.29882 8.25 4.47819V5.39432",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+IconTrash.Filled = function IconTrashFilled(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M16.5001 4.47819V4.70498C17.4548 4.79237 18.4017 4.90731 19.3398 5.04898C19.6871 5.10143 20.0332 5.15755 20.3781 5.2173C20.7863 5.28799 21.0598 5.67617 20.9891 6.0843C20.9184 6.49244 20.5302 6.76598 20.1221 6.69529C20.0525 6.68323 19.9829 6.67132 19.9131 6.65957L18.9077 19.7301C18.7875 21.2931 17.4842 22.5 15.9166 22.5H8.08369C6.51608 22.5 5.21276 21.2931 5.09253 19.7301L4.0871 6.65957C4.0174 6.67132 3.94774 6.68323 3.87813 6.69529C3.47 6.76598 3.08183 6.49244 3.01113 6.0843C2.94043 5.67617 3.21398 5.28799 3.62211 5.2173C3.96701 5.15755 4.31315 5.10143 4.66048 5.04898C5.59858 4.90731 6.5454 4.79237 7.50012 4.70498V4.47819C7.50012 2.91371 8.71265 1.57818 10.3156 1.52691C10.8749 1.50901 11.4365 1.5 12.0001 1.5C12.5638 1.5 13.1253 1.50901 13.6847 1.52691C15.2876 1.57818 16.5001 2.91371 16.5001 4.47819ZM10.3635 3.02614C10.9069 3.00876 11.4525 3 12.0001 3C12.5478 3 13.0934 3.00876 13.6367 3.02614C14.3913 3.05028 15.0001 3.68393 15.0001 4.47819V4.59082C14.0078 4.53056 13.0075 4.5 12.0001 4.5C10.9928 4.5 9.99249 4.53056 9.00012 4.59082V4.47819C9.00012 3.68393 9.6089 3.05028 10.3635 3.02614ZM10.0087 8.97118C9.9928 8.55727 9.64436 8.23463 9.23045 8.25055C8.81654 8.26647 8.49391 8.61492 8.50983 9.02882L8.85599 18.0288C8.8719 18.4427 9.22035 18.7654 9.63426 18.7494C10.0482 18.7335 10.3708 18.3851 10.3549 17.9712L10.0087 8.97118ZM15.4895 9.02882C15.5054 8.61492 15.1828 8.26647 14.7689 8.25055C14.355 8.23463 14.0065 8.55727 13.9906 8.97118L13.6444 17.9712C13.6285 18.3851 13.9512 18.7335 14.3651 18.7494C14.779 18.7654 15.1274 18.4427 15.1433 18.0288L15.4895 9.02882Z",
+      fill: "currentColor"
+    }
+  ) });
+};
+
 function IconXMark(props) {
   return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
     "path",
@@ -2668,13 +2692,13 @@ function SegmentControl(props) {
 }
 SegmentControl.Item = SegmentControlItem;
 
-const stepper = "_stepper_b223t_2";
-const sm$1 = "_sm_b223t_10";
-const md$1 = "_md_b223t_17";
-const lg = "_lg_b223t_24";
-const primary$1 = "_primary_b223t_31";
-const secondary$1 = "_secondary_b223t_41";
-const value = "_value_b223t_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,
@@ -2994,4 +3018,4 @@ function Tooltip(props) {
 }
 Tooltip.Content = TooltipContent;
 
-export { Badge, BadgeTabs, Breadcrumbs, Button, Checkbox, Chip, Counter, DatePicker, DropdownMenu, I18N_MONTH_LABELS, I18N_WEEKDAY_LABELS, IconArrow, IconArrowCircle, IconArrowCircleUp, IconArrowDiagonal, IconArrowUTurn, IconBell, IconBox, IconCalendar, IconCharacteristic, IconCheck, IconCheckCircle, IconChevron, IconChevronDouble, IconClock, IconCollapse, IconCopy, IconDots, IconDownload, IconEye, IconFace, IconFile, IconFilters, IconGear, IconHanger, IconHome, IconInfo, IconLogOut, IconLogo, IconMail, IconMinus, IconOneCircle, IconPerson, IconPhone, IconPlus, IconPrize, IconProject, IconQRCode, IconRequest, IconResizeCorner, IconScan, IconSearch, IconShopping, IconSort, IconStar, IconSticker, IconStop, IconSwitch, IconXMark, IconXMarkCircle, LOCALE_FIRST_DAY_OF_WEEK, Pagination, ProgressBar, RadioButton, Search, SegmentControl, Stepper, Switch, Tabs, Tag, TextField, Tooltip, useDatePickerControls, useDatePickerMultiSelect, useDatePickerSelect };
+export { Badge, BadgeTabs, Breadcrumbs, Button, Checkbox, Chip, Counter, DatePicker, DropdownMenu, I18N_MONTH_LABELS, I18N_WEEKDAY_LABELS, IconArrow, IconArrowCircle, IconArrowCircleUp, IconArrowDiagonal, IconArrowUTurn, IconBell, IconBox, IconCalendar, IconCharacteristic, IconCheck, IconCheckCircle, IconChevron, IconChevronDouble, IconClock, IconCollapse, IconCopy, IconDots, IconDownload, IconEye, IconFace, IconFile, IconFilters, IconGear, IconHanger, IconHome, IconInfo, IconLogOut, IconLogo, IconMail, IconMinus, IconOneCircle, IconPerson, IconPhone, IconPlus, IconPrize, IconProject, IconQRCode, IconRequest, IconResizeCorner, IconScan, IconSearch, IconShopping, IconSort, IconStar, IconSticker, IconStop, IconSwitch, IconTrash, IconXMark, IconXMarkCircle, LOCALE_FIRST_DAY_OF_WEEK, Pagination, ProgressBar, RadioButton, Search, SegmentControl, Stepper, Switch, Tabs, Tag, TextField, Tooltip, useDatePickerControls, useDatePickerMultiSelect, useDatePickerSelect };

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));
@@ -1660,7 +1661,7 @@ textarea {
   }
 }
 @layer ui_baza_components {
-  ._stepper_b223t_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_b223t_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-md);
     }
 
-    &._md_b223t_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-lg);
     }
 
-    &._lg_b223t_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_b223t_31 {
+    &._primary_103n3_31 {
       background-color: var(--color-accent);
       color: var(--color-white);
 
@@ -1699,8 +1700,8 @@ textarea {
       }
     }
 
-    &._secondary_b223t_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_b223t_24 ._value_b223t_50 {
+    &._lg_103n3_24 ._value_103n3_50 {
       padding-inline: var(--space-2xl);
       font-size: var(--size-md);
       line-height: var(--line-height-lg);
     }
 
-    &._md_b223t_17 ._value_b223t_50 {
+    &._md_103n3_17 ._value_103n3_50 {
       padding-inline: var(--space-md);
       font-size: var(--size-md);
       line-height: var(--line-height-lg);
     }
 
-    &._sm_b223t_10 ._value_b223t_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_b223t_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.18",
+  "version": "1.2.20",
   "description": "A lightweight and modular UI kit for building modern, accessible web interfaces. Designed for flexibility, scalability, and developer happiness.",
   "repository": {
     "type": "git",