@customafk/lunas-ui 0.0.3-e → 0.0.3-g

package/dist/Atoms/Accordion/index.js

@@ -13,10 +13,6 @@ var themes = {
   },
   colors: {
     ui: {
-      white: "#ffffff",
-      "white-primary": "#ffffff",
-      "black-primary": "#111315",
-      "bg-white": "#FAFAFA",
       primary: {
         default: "#6C70F0",
         50: "#EEF2FF",
@@ -144,39 +140,11 @@ var themes = {
         900: "#0F172A",
         950: "#020817"
       },
-      // TEXT COLOR
-      "text-primary": "#111315",
-      "text-secondary": "#30353C",
-      "text-third": "#30353CCC",
-      "text-placeholder": "#11131566",
-      "text-white-placeholder": "#FDFDFD99",
-      "text-black": {
-        primary: "#19191B",
-        secondary: "#222325",
-        third: "#292A2E",
-        fourth: "#5F606A",
-        placeholder: "#B2B3BD"
-      },
-      "text-white": {
-        primary: "#FCFCFC",
-        secondary: "#F9F9F9",
-        third: "#D9D9D9"
-      },
       // COLOR SPECIAL
       "positive-flat": "#4ADE80",
       "destruction-flat": "#EF4444",
       "neutral-flat": "#BFDBFE",
-      rating: "#FDE047",
-      input: {
-        border: {
-          active: "#71717A",
-          disabled: "#D4D4D8"
-        },
-        bg: {
-          default: "#FDFDFD",
-          error: "#FEF2F2"
-        }
-      }
+      rating: "#FDE047"
     }
   },
   backgroundImage: {

package/dist/Atoms/AlertDialog/index.js

@@ -17,7 +17,7 @@ var buttonVariants = cva(
         "destructive-secondary": "bg-ui-destructive-50 !text-ui-destructive-500 enabled:active:ring-ui-destructive-200",
         "destructive-outline": "border border-solid border-ui-destructive-400 bg-ui-destructive-50 !text-ui-destructive-500 ring-ui-destructive-200 disabled:opacity-60",
         "sort-outline": "bg-ui-primary-50 !text-ui-primary-500 enabled:focus:ring-ui-primary-200",
-        normal: "border-ui-black border border-solid bg-ui-white enabled:active:shadow-ui-xl"
+        normal: "border-ui-black border border-solid bg-ui-surface-50 enabled:active:shadow-ui-xl"
       },
       size: {
         default: "px-3 py-1.5 text-ui-note font-semibold",
@@ -43,10 +43,6 @@ var themes = {
   },
   colors: {
     ui: {
-      white: "#ffffff",
-      "white-primary": "#ffffff",
-      "black-primary": "#111315",
-      "bg-white": "#FAFAFA",
       primary: {
         default: "#6C70F0",
         50: "#EEF2FF",
@@ -174,39 +170,11 @@ var themes = {
         900: "#0F172A",
         950: "#020817"
       },
-      // TEXT COLOR
-      "text-primary": "#111315",
-      "text-secondary": "#30353C",
-      "text-third": "#30353CCC",
-      "text-placeholder": "#11131566",
-      "text-white-placeholder": "#FDFDFD99",
-      "text-black": {
-        primary: "#19191B",
-        secondary: "#222325",
-        third: "#292A2E",
-        fourth: "#5F606A",
-        placeholder: "#B2B3BD"
-      },
-      "text-white": {
-        primary: "#FCFCFC",
-        secondary: "#F9F9F9",
-        third: "#D9D9D9"
-      },
       // COLOR SPECIAL
       "positive-flat": "#4ADE80",
       "destruction-flat": "#EF4444",
       "neutral-flat": "#BFDBFE",
-      rating: "#FDE047",
-      input: {
-        border: {
-          active: "#71717A",
-          disabled: "#D4D4D8"
-        },
-        bg: {
-          default: "#FDFDFD",
-          error: "#FEF2F2"
-        }
-      }
+      rating: "#FDE047"
     }
   },
   backgroundImage: {

package/dist/Atoms/Avatar/index.js

@@ -63,10 +63,6 @@ var themes = {
   },
   colors: {
     ui: {
-      white: "#ffffff",
-      "white-primary": "#ffffff",
-      "black-primary": "#111315",
-      "bg-white": "#FAFAFA",
       primary: {
         default: "#6C70F0",
         50: "#EEF2FF",
@@ -194,39 +190,11 @@ var themes = {
         900: "#0F172A",
         950: "#020817"
       },
-      // TEXT COLOR
-      "text-primary": "#111315",
-      "text-secondary": "#30353C",
-      "text-third": "#30353CCC",
-      "text-placeholder": "#11131566",
-      "text-white-placeholder": "#FDFDFD99",
-      "text-black": {
-        primary: "#19191B",
-        secondary: "#222325",
-        third: "#292A2E",
-        fourth: "#5F606A",
-        placeholder: "#B2B3BD"
-      },
-      "text-white": {
-        primary: "#FCFCFC",
-        secondary: "#F9F9F9",
-        third: "#D9D9D9"
-      },
       // COLOR SPECIAL
       "positive-flat": "#4ADE80",
       "destruction-flat": "#EF4444",
       "neutral-flat": "#BFDBFE",
-      rating: "#FDE047",
-      input: {
-        border: {
-          active: "#71717A",
-          disabled: "#D4D4D8"
-        },
-        bg: {
-          default: "#FDFDFD",
-          error: "#FEF2F2"
-        }
-      }
+      rating: "#FDE047"
     }
   },
   backgroundImage: {

package/dist/Atoms/Badge/index.js

@@ -13,10 +13,6 @@ var themes = {
   },
   colors: {
     ui: {
-      white: "#ffffff",
-      "white-primary": "#ffffff",
-      "black-primary": "#111315",
-      "bg-white": "#FAFAFA",
       primary: {
         default: "#6C70F0",
         50: "#EEF2FF",
@@ -144,39 +140,11 @@ var themes = {
         900: "#0F172A",
         950: "#020817"
       },
-      // TEXT COLOR
-      "text-primary": "#111315",
-      "text-secondary": "#30353C",
-      "text-third": "#30353CCC",
-      "text-placeholder": "#11131566",
-      "text-white-placeholder": "#FDFDFD99",
-      "text-black": {
-        primary: "#19191B",
-        secondary: "#222325",
-        third: "#292A2E",
-        fourth: "#5F606A",
-        placeholder: "#B2B3BD"
-      },
-      "text-white": {
-        primary: "#FCFCFC",
-        secondary: "#F9F9F9",
-        third: "#D9D9D9"
-      },
       // COLOR SPECIAL
       "positive-flat": "#4ADE80",
       "destruction-flat": "#EF4444",
       "neutral-flat": "#BFDBFE",
-      rating: "#FDE047",
-      input: {
-        border: {
-          active: "#71717A",
-          disabled: "#D4D4D8"
-        },
-        bg: {
-          default: "#FDFDFD",
-          error: "#FEF2F2"
-        }
-      }
+      rating: "#FDE047"
     }
   },
   backgroundImage: {

package/dist/Atoms/Breadcrumb/index.js

@@ -36,10 +36,6 @@ var themes = {
   },
   colors: {
     ui: {
-      white: "#ffffff",
-      "white-primary": "#ffffff",
-      "black-primary": "#111315",
-      "bg-white": "#FAFAFA",
       primary: {
         default: "#6C70F0",
         50: "#EEF2FF",
@@ -167,39 +163,11 @@ var themes = {
         900: "#0F172A",
         950: "#020817"
       },
-      // TEXT COLOR
-      "text-primary": "#111315",
-      "text-secondary": "#30353C",
-      "text-third": "#30353CCC",
-      "text-placeholder": "#11131566",
-      "text-white-placeholder": "#FDFDFD99",
-      "text-black": {
-        primary: "#19191B",
-        secondary: "#222325",
-        third: "#292A2E",
-        fourth: "#5F606A",
-        placeholder: "#B2B3BD"
-      },
-      "text-white": {
-        primary: "#FCFCFC",
-        secondary: "#F9F9F9",
-        third: "#D9D9D9"
-      },
       // COLOR SPECIAL
       "positive-flat": "#4ADE80",
       "destruction-flat": "#EF4444",
       "neutral-flat": "#BFDBFE",
-      rating: "#FDE047",
-      input: {
-        border: {
-          active: "#71717A",
-          disabled: "#D4D4D8"
-        },
-        bg: {
-          default: "#FDFDFD",
-          error: "#FEF2F2"
-        }
-      }
+      rating: "#FDE047"
     }
   },
   backgroundImage: {

package/dist/Atoms/Button/index.d.ts

@@ -4,8 +4,8 @@ import * as class_variance_authority_dist_types from 'class-variance-authority/d
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "normal" | "default" | "secondary" | "outline" | "destructive" | "destructive-secondary" | "destructive-outline" | "sort-outline" | null | undefined;
-    size?: "small" | "default" | "large" | "base" | null | undefined;
+    variant?: "default" | "secondary" | "outline" | "destructive" | "destructive-secondary" | "destructive-outline" | "sort-outline" | "normal" | null | undefined;
+    size?: "base" | "small" | "default" | "large" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 
 interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/Atoms/Button/index.js

@@ -17,7 +17,7 @@ var buttonVariants = cva(
         "destructive-secondary": "bg-ui-destructive-50 !text-ui-destructive-500 enabled:active:ring-ui-destructive-200",
         "destructive-outline": "border border-solid border-ui-destructive-400 bg-ui-destructive-50 !text-ui-destructive-500 ring-ui-destructive-200 disabled:opacity-60",
         "sort-outline": "bg-ui-primary-50 !text-ui-primary-500 enabled:focus:ring-ui-primary-200",
-        normal: "border-ui-black border border-solid bg-ui-white enabled:active:shadow-ui-xl"
+        normal: "border-ui-black border border-solid bg-ui-surface-50 enabled:active:shadow-ui-xl"
       },
       size: {
         default: "px-3 py-1.5 text-ui-note font-semibold",
@@ -43,10 +43,6 @@ var themes = {
   },
   colors: {
     ui: {
-      white: "#ffffff",
-      "white-primary": "#ffffff",
-      "black-primary": "#111315",
-      "bg-white": "#FAFAFA",
       primary: {
         default: "#6C70F0",
         50: "#EEF2FF",
@@ -174,39 +170,11 @@ var themes = {
         900: "#0F172A",
         950: "#020817"
       },
-      // TEXT COLOR
-      "text-primary": "#111315",
-      "text-secondary": "#30353C",
-      "text-third": "#30353CCC",
-      "text-placeholder": "#11131566",
-      "text-white-placeholder": "#FDFDFD99",
-      "text-black": {
-        primary: "#19191B",
-        secondary: "#222325",
-        third: "#292A2E",
-        fourth: "#5F606A",
-        placeholder: "#B2B3BD"
-      },
-      "text-white": {
-        primary: "#FCFCFC",
-        secondary: "#F9F9F9",
-        third: "#D9D9D9"
-      },
       // COLOR SPECIAL
       "positive-flat": "#4ADE80",
       "destruction-flat": "#EF4444",
       "neutral-flat": "#BFDBFE",
-      rating: "#FDE047",
-      input: {
-        border: {
-          active: "#71717A",
-          disabled: "#D4D4D8"
-        },
-        bg: {
-          default: "#FDFDFD",
-          error: "#FEF2F2"
-        }
-      }
+      rating: "#FDE047"
     }
   },
   backgroundImage: {

package/dist/Atoms/Card/index.js

@@ -13,10 +13,6 @@ var themes = {
   },
   colors: {
     ui: {
-      white: "#ffffff",
-      "white-primary": "#ffffff",
-      "black-primary": "#111315",
-      "bg-white": "#FAFAFA",
       primary: {
         default: "#6C70F0",
         50: "#EEF2FF",
@@ -144,39 +140,11 @@ var themes = {
         900: "#0F172A",
         950: "#020817"
       },
-      // TEXT COLOR
-      "text-primary": "#111315",
-      "text-secondary": "#30353C",
-      "text-third": "#30353CCC",
-      "text-placeholder": "#11131566",
-      "text-white-placeholder": "#FDFDFD99",
-      "text-black": {
-        primary: "#19191B",
-        secondary: "#222325",
-        third: "#292A2E",
-        fourth: "#5F606A",
-        placeholder: "#B2B3BD"
-      },
-      "text-white": {
-        primary: "#FCFCFC",
-        secondary: "#F9F9F9",
-        third: "#D9D9D9"
-      },
       // COLOR SPECIAL
       "positive-flat": "#4ADE80",
       "destruction-flat": "#EF4444",
       "neutral-flat": "#BFDBFE",
-      rating: "#FDE047",
-      input: {
-        border: {
-          active: "#71717A",
-          disabled: "#D4D4D8"
-        },
-        bg: {
-          default: "#FDFDFD",
-          error: "#FEF2F2"
-        }
-      }
+      rating: "#FDE047"
     }
   },
   backgroundImage: {

package/dist/Atoms/Carousel/index.js

@@ -27,7 +27,7 @@ var buttonVariants = cva(
         "destructive-secondary": "bg-ui-destructive-50 !text-ui-destructive-500 enabled:active:ring-ui-destructive-200",
         "destructive-outline": "border border-solid border-ui-destructive-400 bg-ui-destructive-50 !text-ui-destructive-500 ring-ui-destructive-200 disabled:opacity-60",
         "sort-outline": "bg-ui-primary-50 !text-ui-primary-500 enabled:focus:ring-ui-primary-200",
-        normal: "border-ui-black border border-solid bg-ui-white enabled:active:shadow-ui-xl"
+        normal: "border-ui-black border border-solid bg-ui-surface-50 enabled:active:shadow-ui-xl"
       },
       size: {
         default: "px-3 py-1.5 text-ui-note font-semibold",
@@ -53,10 +53,6 @@ var themes = {
   },
   colors: {
     ui: {
-      white: "#ffffff",
-      "white-primary": "#ffffff",
-      "black-primary": "#111315",
-      "bg-white": "#FAFAFA",
       primary: {
         default: "#6C70F0",
         50: "#EEF2FF",
@@ -184,39 +180,11 @@ var themes = {
         900: "#0F172A",
         950: "#020817"
       },
-      // TEXT COLOR
-      "text-primary": "#111315",
-      "text-secondary": "#30353C",
-      "text-third": "#30353CCC",
-      "text-placeholder": "#11131566",
-      "text-white-placeholder": "#FDFDFD99",
-      "text-black": {
-        primary: "#19191B",
-        secondary: "#222325",
-        third: "#292A2E",
-        fourth: "#5F606A",
-        placeholder: "#B2B3BD"
-      },
-      "text-white": {
-        primary: "#FCFCFC",
-        secondary: "#F9F9F9",
-        third: "#D9D9D9"
-      },
       // COLOR SPECIAL
       "positive-flat": "#4ADE80",
       "destruction-flat": "#EF4444",
       "neutral-flat": "#BFDBFE",
-      rating: "#FDE047",
-      input: {
-        border: {
-          active: "#71717A",
-          disabled: "#D4D4D8"
-        },
-        bg: {
-          default: "#FDFDFD",
-          error: "#FEF2F2"
-        }
-      }
+      rating: "#FDE047"
     }
   },
   backgroundImage: {

package/dist/Atoms/Checkbox/index.js

@@ -13,10 +13,6 @@ var themes = {
   },
   colors: {
     ui: {
-      white: "#ffffff",
-      "white-primary": "#ffffff",
-      "black-primary": "#111315",
-      "bg-white": "#FAFAFA",
       primary: {
         default: "#6C70F0",
         50: "#EEF2FF",
@@ -144,39 +140,11 @@ var themes = {
         900: "#0F172A",
         950: "#020817"
       },
-      // TEXT COLOR
-      "text-primary": "#111315",
-      "text-secondary": "#30353C",
-      "text-third": "#30353CCC",
-      "text-placeholder": "#11131566",
-      "text-white-placeholder": "#FDFDFD99",
-      "text-black": {
-        primary: "#19191B",
-        secondary: "#222325",
-        third: "#292A2E",
-        fourth: "#5F606A",
-        placeholder: "#B2B3BD"
-      },
-      "text-white": {
-        primary: "#FCFCFC",
-        secondary: "#F9F9F9",
-        third: "#D9D9D9"
-      },
       // COLOR SPECIAL
       "positive-flat": "#4ADE80",
       "destruction-flat": "#EF4444",
       "neutral-flat": "#BFDBFE",
-      rating: "#FDE047",
-      input: {
-        border: {
-          active: "#71717A",
-          disabled: "#D4D4D8"
-        },
-        bg: {
-          default: "#FDFDFD",
-          error: "#FEF2F2"
-        }
-      }
+      rating: "#FDE047"
     }
   },
   backgroundImage: {

package/dist/Atoms/Command/index.d.ts

@@ -4,11 +4,11 @@ import { DialogProps } from '@radix-ui/react-dialog';
 
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -26,51 +26,51 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild"> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "key" | "asChild">, "disabled" | "onSelect" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/Atoms/Command/index.js

@@ -16,10 +16,6 @@ var themes = {
   },
   colors: {
     ui: {
-      white: "#ffffff",
-      "white-primary": "#ffffff",
-      "black-primary": "#111315",
-      "bg-white": "#FAFAFA",
       primary: {
         default: "#6C70F0",
         50: "#EEF2FF",
@@ -147,39 +143,11 @@ var themes = {
         900: "#0F172A",
         950: "#020817"
       },
-      // TEXT COLOR
-      "text-primary": "#111315",
-      "text-secondary": "#30353C",
-      "text-third": "#30353CCC",
-      "text-placeholder": "#11131566",
-      "text-white-placeholder": "#FDFDFD99",
-      "text-black": {
-        primary: "#19191B",
-        secondary: "#222325",
-        third: "#292A2E",
-        fourth: "#5F606A",
-        placeholder: "#B2B3BD"
-      },
-      "text-white": {
-        primary: "#FCFCFC",
-        secondary: "#F9F9F9",
-        third: "#D9D9D9"
-      },
       // COLOR SPECIAL
       "positive-flat": "#4ADE80",
       "destruction-flat": "#EF4444",
       "neutral-flat": "#BFDBFE",
-      rating: "#FDE047",
-      input: {
-        border: {
-          active: "#71717A",
-          disabled: "#D4D4D8"
-        },
-        bg: {
-          default: "#FDFDFD",
-          error: "#FEF2F2"
-        }
-      }
+      rating: "#FDE047"
     }
   },
   backgroundImage: {
@@ -348,7 +316,7 @@ var Command = React2.forwardRef(({ className, ...props }, reference) => /* @__PU
   {
     ref: reference,
     className: cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-ui-white text-ui-text-800",
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-ui-surface-50 text-ui-text-800",
       className
     ),
     ...props