lecom-ui 2.5.3 → 2.5.5

package/dist/components/Tag/Tag.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+import { cva } from 'class-variance-authority';
+
+const tagVariants = cva(
+  "h-6 gap-1 py-1 px-2 body-small-400 inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-4",
+  {
+    variants: {
+      color: {
+        grey: "bg-grey-200 text-grey-700 hover:bg-grey-300 active:bg-grey-400 focus:bg-grey-200 focus:ring-grey-50",
+        purple: "bg-purple-100 text-purple-600 hover:bg-purple-200 active:bg-purple-300 focus:bg-purple-100 focus:ring-purple-50",
+        yellow: "bg-yellow-100 text-yellow-600 hover:bg-yellow-200 active:bg-yellow-300 focus:bg-yellow-100 focus:ring-yellow-50",
+        red: "bg-red-100 text-red-600 hover:bg-red-200 active:bg-red-300 focus:bg-red-100 focus:ring-red-50",
+        orange: "bg-orange-100 text-orange-600 hover:bg-orange-200 active:bg-orange-300 focus:bg-orange-100 focus:ring-orange-50",
+        green: "bg-green-100 text-green-600 hover:bg-green-200 active:bg-green-300 focus:bg-green-100 focus:ring-green-50",
+        pink: "bg-pink-100 text-pink-600 hover:bg-pink-200 active:bg-pink-300 focus:bg-pink-100 focus:ring-pink-50",
+        turquoise: "bg-turquoise-100 text-turquoise-600 hover:bg-turquoise-200 active:bg-turquoise-300 focus:bg-turquoise-100 focus:ring-turquoise-50",
+        blue: "bg-blue-100 text-blue-600 hover:bg-blue-200 active:bg-blue-300 focus:bg-blue-100 focus:ring-blue-50"
+      }
+    },
+    defaultVariants: {
+      color: "grey"
+    }
+  }
+);
+const Tag = React.forwardRef(
+  ({ className, color, children, ...props }, ref) => {
+    const Comp = "div";
+    return /* @__PURE__ */ React.createElement(
+      Comp,
+      {
+        tabIndex: 0,
+        className: cn(tagVariants({ color }), className),
+        ref,
+        ...props
+      },
+      children
+    );
+  }
+);
+Tag.displayName = "Tag";
+
+export { Tag, tagVariants };

package/dist/index.d.ts

@@ -447,6 +447,14 @@ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimit
 
 declare const Skeleton: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
 
+declare const tagVariants: (props?: ({
+    color?: "blue" | "grey" | "green" | "orange" | "pink" | "purple" | "red" | "turquoise" | "yellow" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TagProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof tagVariants> {
+    children: React.ReactNode;
+}
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
+
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -480,4 +488,4 @@ declare const fonts: {
     ibm: string[];
 };
 
-export { type BgColor, Button, type ButtonProps, CadastroFacil, type CadastroFacilProps, type CalloutNotificationProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type Color, type ColorToken, type CustomStyles$1 as CustomStyles, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type FillColor, type Fonts, type HeaderProps, type InlineNotificationProps, Layout, type LayoutProps, LogoLecom, LogoLecomBrand, type LogoLecomBrandProps, type LogoLecomProps, ModoTeste, type ModoTesteProps, Notification, type NotificationProps, Popover, PopoverContent, PopoverTrigger, Rpa, type RpaProps, type SideBarProps, Skeleton, TOAST_REMOVE_DELAY, type TextColor, type ToastNotificationProps, type ToasterToast, Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TypeMessageNotification, Typography, type TypographyProps, buttonVariants, colors, fonts, getPositionClass, notificationVariants, reducer, toast, typographyVariants, useNotificationToast };
+export { type BgColor, Button, type ButtonProps, CadastroFacil, type CadastroFacilProps, type CalloutNotificationProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type Color, type ColorToken, type CustomStyles$1 as CustomStyles, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type FillColor, type Fonts, type HeaderProps, type InlineNotificationProps, Layout, type LayoutProps, LogoLecom, LogoLecomBrand, type LogoLecomBrandProps, type LogoLecomProps, ModoTeste, type ModoTesteProps, Notification, type NotificationProps, Popover, PopoverContent, PopoverTrigger, Rpa, type RpaProps, type SideBarProps, Skeleton, TOAST_REMOVE_DELAY, Tag, type TagProps, type TextColor, type ToastNotificationProps, type ToasterToast, Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TypeMessageNotification, Typography, type TypographyProps, buttonVariants, colors, fonts, getPositionClass, notificationVariants, reducer, tagVariants, toast, typographyVariants, useNotificationToast };

package/dist/index.js

@@ -12,6 +12,7 @@ export { Notification, TypeMessageNotification, getPositionClass, notificationVa
 export { TOAST_REMOVE_DELAY, reducer, toast, useNotificationToast } from './components/Notification/useNotificationToast.js';
 export { Popover, PopoverContent, PopoverTrigger } from './components/Popover/Popover.js';
 export { Skeleton } from './components/Skeleton/Skeleton.js';
+export { Tag, tagVariants } from './components/Tag/Tag.js';
 export { Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger } from './components/Tooltip/Tooltip.js';
 export { Typography, typographyVariants } from './components/Typography/Typography.js';
 export { colors } from './tokens/colors.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "2.5.3",
+  "version": "2.5.5",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",