From e4807c7f28cb9612c498a26fbc24400f2b9aa913 Mon Sep 17 00:00:00 2001
From: baegofda <molly.daleo3o@gmail.com>
Date: Thu, 28 Nov 2024 15:57:44 +0900
Subject: [PATCH] npm publish (0.0.270)

---
 package.json                             | 2 +-
 src/core/components/Chip/index.tsx       | 6 ++++++
 src/core/components/Label/index.tsx      | 6 ++++++
 src/core/components/Label/types/index.ts | 2 +-
 4 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 9cf1110..d91d043 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bbodek-ui",
-  "version": "0.0.269",
+  "version": "0.0.270",
   "type": "module",
   "author": "Bbodek",
   "license": "MIT",
diff --git a/src/core/components/Chip/index.tsx b/src/core/components/Chip/index.tsx
index 175b8c9..0411411 100644
--- a/src/core/components/Chip/index.tsx
+++ b/src/core/components/Chip/index.tsx
@@ -20,6 +20,8 @@ const Chip = forwardRef(
       onClick,
       color,
       theme,
+      backgroundColor,
+      borderColor,
       rounded = ROUNDED['ROUNDED_FULL'],
       className,
       ...props
@@ -47,6 +49,8 @@ const Chip = forwardRef(
             rounded={rounded}
             color={color}
             theme={theme}
+            backgroundColor={backgroundColor}
+            borderColor={borderColor}
             colorTheme={colorTheme}
             className={clsx(
               'brightness-100 transition-all',
@@ -66,6 +70,8 @@ const Chip = forwardRef(
         rounded={rounded}
         color={color}
         theme={theme}
+        backgroundColor={backgroundColor}
+        borderColor={borderColor}
         colorTheme={colorTheme}
         className={clsx(
           onDelete && 'flex gap-2',
diff --git a/src/core/components/Label/index.tsx b/src/core/components/Label/index.tsx
index 6883e6c..b04ef62 100644
--- a/src/core/components/Label/index.tsx
+++ b/src/core/components/Label/index.tsx
@@ -16,6 +16,8 @@ const Label = forwardRef(
       size = SIZE['MEDIUM'],
       color,
       theme,
+      backgroundColor,
+      borderColor,
       rounded,
       ...props
     }: LabelProps<T>,
@@ -31,6 +33,10 @@ const Label = forwardRef(
           'flex items-center justify-center gap-1',
           colorTheme && COLOR_THEME_STYLES[colorTheme],
           size && LABEL_SIZE[size],
+          color && `text-${color}`,
+          backgroundColor && `bg-${backgroundColor}`,
+          borderColor && `border border-${borderColor}`,
+          theme && `text-${theme}`,
           rounded ? BUTTON_ROUNDED[rounded] : LABEL_ROUNDED[size],
           className,
         )}
diff --git a/src/core/components/Label/types/index.ts b/src/core/components/Label/types/index.ts
index 2846828..a104f3d 100644
--- a/src/core/components/Label/types/index.ts
+++ b/src/core/components/Label/types/index.ts
@@ -9,7 +9,7 @@ export type SizeType = (typeof SIZE)[keyof typeof SIZE];
 
 export interface LabelProps<T extends ElementType = 'div'>
   extends Pick<HTMLAttributes<T>, 'className' | 'onClick' | 'title'>,
-    Pick<ButtonProps, 'theme' | 'color'> {
+    Pick<ButtonProps, 'theme' | 'color' | 'backgroundColor' | 'borderColor'> {
   label: ReactNode;
   element?: T;
   colorTheme?: ColorThemeType;