@boxcustodia/library 2.0.0-alpha.15 → 2.0.0-alpha.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boxcustodia/library",
-  "version": "2.0.0-alpha.15",
+  "version": "2.0.0-alpha.16",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

package/src/components/menu/menu.tsx

@@ -22,19 +22,19 @@ type MenuItemItem = {
   type: "item";
   label: React.ReactNode;
   shortcut?: string;
-} & Omit<React.ComponentProps<typeof MenuItem>, "children">;
+} & Omit<React.ComponentProps<typeof MenuItem>, "children" | "label">;
 
 type MenuItemCheckbox = {
   type: "checkbox";
   label: React.ReactNode;
   shortcut?: string;
-} & Omit<React.ComponentProps<typeof MenuCheckboxItem>, "children">;
+} & Omit<React.ComponentProps<typeof MenuCheckboxItem>, "children" | "label">;
 
 type MenuItemRadio = {
   type: "radio";
   label: React.ReactNode;
   shortcut?: string;
-} & Omit<React.ComponentProps<typeof MenuRadioItem>, "children">;
+} & Omit<React.ComponentProps<typeof MenuRadioItem>, "children" | "label">;
 
 type MenuItemRadioGroup = {
   type: "radio-group";
@@ -62,7 +62,7 @@ type MenuItemSubmenu = {
   type: "submenu";
   label: React.ReactNode;
   items: MenuItemType[];
-} & Omit<React.ComponentProps<typeof MenuSubTrigger>, "children">;
+} & Omit<React.ComponentProps<typeof MenuSubTrigger>, "children" | "label">;
 
 export type MenuItemType =
   | MenuItemItem

package/src/components/tag/tag.stories.tsx

@@ -34,6 +34,8 @@ export const Variants: Story = {
       <Tag>Default</Tag>
       <Tag variant="secondary">Secondary</Tag>
       <Tag variant="error">Error</Tag>
+      <Tag variant="success">Success</Tag>
+      <Tag variant="warning">Warning</Tag>
       <Tag variant="outline">Outline</Tag>
       <Tag variant="ghost">Ghost</Tag>
       <Tag variant="link">Link</Tag>
@@ -182,16 +184,15 @@ export const Closable: Story = {
 export const CustomColors: Story = {
   render: () => (
     <div className="flex flex-wrap items-center gap-2">
-      <Tag className="bg-green-50 text-green-700 dark:bg-green-800/40 dark:text-green-200">
-        <BadgeCheck />
-        Success
-      </Tag>
-      <Tag className="bg-amber-50 text-amber-700 dark:bg-amber-800/40 dark:text-amber-200">
-        Pending
-      </Tag>
       <Tag className="bg-blue-50 text-blue-700 dark:bg-blue-800/40 dark:text-blue-200">
         Info
       </Tag>
+      <Tag className="bg-purple-50 text-purple-700 dark:bg-purple-800/40 dark:text-purple-200">
+        Beta
+      </Tag>
+      <Tag className="bg-fuchsia-50 text-fuchsia-700 dark:bg-fuchsia-800/40 dark:text-fuchsia-200">
+        New
+      </Tag>
     </div>
   ),
 };

package/src/components/tag/tag.tsx

@@ -13,6 +13,10 @@ const tagVariants = cva(
           "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
         error:
           "bg-error/10 text-error focus-visible:ring-error/20 dark:bg-error/20 dark:focus-visible:ring-error/40 [a]:hover:bg-error/20",
+        success:
+          "bg-success/10 text-success focus-visible:ring-success/20 dark:bg-success/20 dark:focus-visible:ring-success/40 [a]:hover:bg-success/20",
+        warning:
+          "bg-warning/10 text-warning focus-visible:ring-warning/20 dark:bg-warning/20 dark:focus-visible:ring-warning/40 [a]:hover:bg-warning/20",
         outline:
           "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
         ghost: