sud-ui 1.5.3 → 1.9.0

package/README.md

@@ -4,7 +4,7 @@
   </a>
 </p>
 
-# Soon UI Design Library [![npm version](https://img.shields.io/badge/npm-1.1.6-blue)](https://www.npmjs.com/package/sud-ui)
+# Soon UI Design Library [![npm version](https://img.shields.io/badge/npm-1.9.0-blue)](https://www.npmjs.com/package/sud-ui)
 
 **Soon UI Design (SUD)** is a React UI library that helps you quickly build responsive and polished interfaces using reusable components and customizable design tokens.
 
@@ -54,7 +54,7 @@ export default function App() {
       borderWeight={2}
       borderColor="red"
       style={{
-        width: "100%",
+        width: "100%"
       }}
     >
       <div className="flex gap-10">
@@ -120,18 +120,18 @@ const customTheme = {
       7: "#007abf",
       8: "#005f99",
       9: "#004473",
-      10: "#00294d",
-    },
+      10: "#00294d"
+    }
   },
   components: {
     button: {
       primary: {
         bg: "ocean-6",
         txt: "white-10",
-        border: "ocean-7",
-      },
-    },
-  },
+        border: "ocean-7"
+      }
+    }
+  }
 };
 
 export default function App() {

package/dist/components/commonType.d.ts

@@ -1,74 +1,74 @@
-export type defaultColorType = badgeColorType | tagColorType | "ghost" | "text";
-
-export type badgeColorType =
-  | "default"
-  | "primary"
-  | "success"
-  | "warning"
-  | "danger"
-  | "info";
-
-export type tagColorType =
-  | "default"
-  | "red"
-  | "rose"
-  | "coral"
-  | "orange"
-  | "volcano"
-  | "apricot"
-  | "yellow"
-  | "gold"
-  | "amber"
-  | "green"
-  | "lime"
-  | "mint"
-  | "blue"
-  | "sky"
-  | "cerulean"
-  | "indigo"
-  | "cobalt"
-  | "navy"
-  | "purple"
-  | "plum"
-  | "orchid"
-  | "forest"
-  | "sage"
-  | "warm-gray"
-  | "cool-gray"
-  | "neutral";
-
-export type shapeType = "square" | "circle" | "rounded" | "capsule";
-
-export type defaultSizeType = "xs" | "sm" | "md" | "lg" | "xl";
-
-export type borderType =
-  | "solid"
-  | "dashed"
-  | "dotted"
-  | "double"
-  | "groove"
-  | "ridge"
-  | "inset"
-  | "outset"
-  | "none";
-
-export type shadowType = "none" | "sm" | "md" | "lg" | "xl";
-
-export type fontSizeType =
-  | "xs"
-  | "sm"
-  | "base"
-  | "lg"
-  | "xl"
-  | "2xl"
-  | "3xl"
-  | "4xl";
-
-export type fontWeightType =
-  | "light"
-  | "normal"
-  | "medium"
-  | "semibold"
-  | "bold";
-
-export type spacingType = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+export type defaultColorType = badgeColorType | tagColorType | "ghost" | "text";
+
+export type badgeColorType =
+  | "default"
+  | "primary"
+  | "success"
+  | "warning"
+  | "danger"
+  | "info";
+
+export type tagColorType =
+  | "default"
+  | "red"
+  | "rose"
+  | "coral"
+  | "orange"
+  | "volcano"
+  | "apricot"
+  | "yellow"
+  | "gold"
+  | "amber"
+  | "green"
+  | "lime"
+  | "mint"
+  | "blue"
+  | "sky"
+  | "cerulean"
+  | "indigo"
+  | "cobalt"
+  | "navy"
+  | "purple"
+  | "plum"
+  | "orchid"
+  | "forest"
+  | "sage"
+  | "warm-gray"
+  | "cool-gray"
+  | "neutral";
+
+export type shapeType = "square" | "circle" | "rounded" | "capsule";
+
+export type defaultSizeType = "xs" | "sm" | "md" | "lg" | "xl";
+
+export type borderType =
+  | "solid"
+  | "dashed"
+  | "dotted"
+  | "double"
+  | "groove"
+  | "ridge"
+  | "inset"
+  | "outset"
+  | "none";
+
+export type shadowType = "none" | "sm" | "md" | "lg" | "xl";
+
+export type fontSizeType =
+  | "xs"
+  | "sm"
+  | "base"
+  | "lg"
+  | "xl"
+  | "2xl"
+  | "3xl"
+  | "4xl";
+
+export type fontWeightType =
+  | "light"
+  | "normal"
+  | "medium"
+  | "semibold"
+  | "bold";
+
+export type spacingType = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";

package/dist/components/dataDisplay/Calendar.d.ts

@@ -34,11 +34,11 @@ export interface CalendarProps extends HTMLAttributes<HTMLDivElement> {
   width?: number | string;
   height?: number | string;
   range?: boolean;
-  startDate?: Date;
-  endDate?: Date;
-  size?: CalendarSize;
-  holidays?: string[];
-  holidaysStyle?: CSSProperties;
-}
+  startDate?: Date;
+  endDate?: Date;
+  size?: CalendarSize;
+  holidays?: string[];
+  holidaysStyle?: CSSProperties;
+}
 
 export declare const Calendar: FC<CalendarProps>;

package/dist/components/dataEntry/Select.d.ts

@@ -9,11 +9,11 @@ import type {
 
 export type SelectSize = "sm" | "md" | "lg";
 
-export interface SelectOption {
-  value: string | number;
-  label: ReactNode;
-  content?: ReactNode;
-}
+export interface SelectOption {
+  value: string | number;
+  label: ReactNode;
+  content?: ReactNode;
+}
 
 export interface SelectProps extends HTMLAttributes<HTMLDivElement> {
   background?: string;

package/dist/components/navigation/Dropdown.d.ts

@@ -8,11 +8,11 @@ import type {
   shadowType
 } from "../commonType";
 
-export interface DropdownProps
-  extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
-  children: ReactNode;
-  title?: ReactNode;
-  trigger?: PopupTrigger;
+export interface DropdownProps
+  extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
+  children: ReactNode;
+  title?: ReactNode;
+  trigger?: PopupTrigger;
   open?: boolean;
   defaultOpen?: boolean;
   onOpenChange?: (open: boolean) => void;
@@ -29,12 +29,12 @@ export interface DropdownProps
   shape?: shapeType;
   shadow?: shadowType;
   expandType?: "accordion" | "popover";
-  popupPlacement?: PopupPlacement;
-  placement?: [PopupPlacement, PopupPlacement];
-  colorType?: defaultColorType;
-  style?: CSSProperties;
-  wrapperStyle?: CSSProperties;
-}
+  popupPlacement?: PopupPlacement;
+  placement?: [PopupPlacement, PopupPlacement];
+  colorType?: defaultColorType;
+  style?: CSSProperties;
+  wrapperStyle?: CSSProperties;
+}
 
 declare const Dropdown: FC<DropdownProps>;
 export default Dropdown;

package/dist/components/navigation/base/PopupBase.d.ts

@@ -28,19 +28,19 @@ export type PopupPlacement =
   | "right-top"
   | "right-bottom";
 
-export type PopupVariant =
-  | "popup"
-  | "popover"
-  | "tooltip"
-  | "dropdown"
-  | "Menu"
-  | "popconfirm";
-
-export interface PopupBaseProps
-  extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
-  children: ReactNode;
-  content: ReactNode | (() => ReactNode);
-  title?: ReactNode;
+export type PopupVariant =
+  | "popup"
+  | "popover"
+  | "tooltip"
+  | "dropdown"
+  | "Menu"
+  | "popconfirm";
+
+export interface PopupBaseProps
+  extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
+  children: ReactNode;
+  content: ReactNode | (() => ReactNode);
+  title?: ReactNode;
   arrow?: boolean;
   trigger?: PopupTrigger;
   placement?: PopupPlacement;
@@ -57,13 +57,13 @@ export interface PopupBaseProps
   borderType?: borderType;
   borderWeight?: number;
   shape?: shapeType;
-  shadow?: shadowType;
-  colorType?: defaultColorType;
-  style?: CSSProperties;
-  wrapperStyle?: CSSProperties;
-  followTrigger?: boolean;
-  contentRef?: RefObject<HTMLElement>;
-  parentRef?: RefObject<HTMLElement>;
+  shadow?: shadowType;
+  colorType?: defaultColorType;
+  style?: CSSProperties;
+  wrapperStyle?: CSSProperties;
+  followTrigger?: boolean;
+  contentRef?: RefObject<HTMLElement>;
+  parentRef?: RefObject<HTMLElement>;
   variant?: PopupVariant;
   footer?: boolean | ReactNode;
   onCancel?: () => void;