enerdot-front-system 0.0.29-beta.13 → 0.0.29-beta.15

package/dist/lib/components/CheckBox/index.d.ts

@@ -1,9 +1,10 @@
-interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+import { Theme } from '../../types/theme';
+export interface CheckboxProps extends Theme, React.InputHTMLAttributes<HTMLInputElement> {
     children?: React.ReactNode;
     onClickBox?: (info: {
         checked?: boolean;
         name?: string;
     }, event?: React.MouseEvent<HTMLElement>) => void;
 }
-export declare const Checkbox: ({ id, checked, name, required, children, disabled, onClickBox, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: ({ id, checked, name, required, lightTheme, children, disabled, onClickBox, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

package/dist/lib/components/Chip/index.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { ChipColorTheme } from './theme';
-export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+import { Theme } from '../../types/theme';
+export interface ChipProps extends Theme, React.HTMLAttributes<HTMLDivElement> {
     colorTheme?: keyof ChipColorTheme;
     level?: "small" | "regular" | "large";
     borderRadius?: "round" | "full";
@@ -8,5 +9,5 @@ export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
     isWhiteBg?: boolean;
     gap?: number;
 }
-export declare const Chip: ({ children, level, borderRadius, colorTheme, isWhiteBg, gap, isDot, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Chip: ({ children, lightTheme, level, borderRadius, colorTheme, isWhiteBg, gap, isDot, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
 export default Chip;

package/dist/lib/components/Chip/theme.d.ts

@@ -2,13 +2,10 @@ type ColorObject = {
     bgColor: string;
     textColor: string;
 };
+type ChipBaseColor = "yellow" | "orange" | "red" | "green" | "primary" | "gray";
 export type ChipColorTheme = {
-    yellow: ColorObject;
-    orange: ColorObject;
-    red: ColorObject;
-    green: ColorObject;
-    primary: ColorObject;
-    gray: ColorObject;
+    [key in ChipBaseColor]: ColorObject;
 };
+export declare const darkColorThemes: ChipColorTheme;
 export declare const colorThemes: ChipColorTheme;
 export {};

package/dist/lib/components/DateSelector/DatePicker/Buttons/ArrowButton.d.ts

@@ -1,6 +1,6 @@
 import { default as moment } from 'moment';
 interface ArrowButtonProps {
-    level: "small" | "large";
+    level: "small" | "medium" | "large";
     dateType: "day" | "week" | "month" | "quarter" | "year";
     format: "hyphenFormat" | "dotFormat";
     onClick: () => void;

package/dist/lib/components/DateSelector/DatePicker/Buttons/InputButton.d.ts

@@ -1,10 +1,12 @@
 interface InputButtonProps {
-    level: "small" | "large";
+    level: "small" | "medium" | "large";
     dateType: "day" | "week" | "month" | "quarter" | "year";
     format: "hyphenFormat" | "dotFormat";
     onClick: () => void;
     disabled?: boolean;
     date: moment.Moment;
+    onCancel?: () => void;
+    isError?: boolean;
 }
-declare const InputButton: ({ level, dateType, onClick, format, disabled, date, }: InputButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputButton: ({ level, dateType, onClick, format, disabled, date, onCancel, isError, }: InputButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default InputButton;

package/dist/lib/components/DateSelector/DatePicker/Buttons /353/263/265/354/202/254/353/263/270/ArrowButton.d.ts"

@@ -0,0 +1,18 @@
+import { default as moment } from 'moment';
+interface ArrowButtonProps {
+    level: "small" | "medium" | "large";
+    dateType: "day" | "week" | "month" | "quarter" | "year";
+    format: "hyphenFormat" | "dotFormat";
+    onClick: () => void;
+    disabled?: boolean;
+    date: moment.Moment;
+    minDate?: moment.Moment;
+    maxDate?: moment.Moment;
+    onChange: (e: {
+        date: moment.Moment;
+        name?: string;
+    }) => void;
+    name?: string;
+}
+declare const ArrowButton: ({ level, dateType, onClick, format, disabled, date, maxDate, minDate, onChange, name, }: ArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default ArrowButton;

package/dist/lib/components/DateSelector/DatePicker/Buttons /353/263/265/354/202/254/353/263/270/InputButton.d.ts"

@@ -0,0 +1,12 @@
+interface InputButtonProps {
+    level: "small" | "medium" | "large";
+    dateType: "day" | "week" | "month" | "quarter" | "year";
+    format: "hyphenFormat" | "dotFormat";
+    onClick: () => void;
+    disabled?: boolean;
+    date: moment.Moment;
+    onCancel?: () => void;
+    isError?: boolean;
+}
+declare const InputButton: ({ level, dateType, onClick, format, disabled, date, onCancel, isError, }: InputButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default InputButton;

package/dist/lib/components/DateSelector/DatePicker/index.d.ts

@@ -11,9 +11,11 @@ export interface DatePickerProps {
     disabled?: boolean;
     name?: string;
     width?: "auto" | `${number}px` | "100%";
-    level?: "small" | "large";
+    level?: "small" | "medium" | "large";
     format?: "hyphenFormat" | "dotFormat";
     buttonType?: "arrow" | "input";
+    isCancelable?: boolean;
+    isError?: boolean;
 }
-export declare const DatePicker: ({ date, dateType, maxDate, minDate, onChange, disabled, name, format, level, buttonType, width, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePicker: ({ date, dateType, maxDate, minDate, onChange, disabled, name, format, level, buttonType, width, isCancelable, isError, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

package/dist/lib/components/DateSelector/DateRangePicker/InputButton.d.ts

@@ -0,0 +1,12 @@
+interface InputButtonProps {
+    level: "small" | "medium" | "large";
+    dateType: "day" | "month" | "year";
+    format: "hyphenFormat" | "dotFormat";
+    onClick: () => void;
+    disabled?: boolean;
+    dates: [moment.Moment, moment.Moment];
+    onCancel?: () => void;
+    isError?: boolean;
+}
+declare const InputButton: ({ level, dateType, onClick, format, disabled, dates, onCancel, isError, }: InputButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default InputButton;

package/dist/lib/components/DateSelector/DateRangePicker/index.d.ts

@@ -11,10 +11,12 @@ export interface DateRangePickerProps {
     disabled?: boolean;
     name?: string;
     width?: "auto" | `${number}px` | "100%";
-    level?: "small" | "large";
+    level?: "small" | "medium" | "large";
     format?: "hyphenFormat" | "dotFormat";
     buttonType?: "arrow" | "input";
     maxRange?: number;
+    isCancelable?: boolean;
+    isError?: boolean;
 }
-export declare const DateRangePicker: ({ dates, dateType, maxDate, minDate, onChange, disabled, name, format, level, width, maxRange, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateRangePicker: ({ dates, dateType, maxDate, minDate, onChange, disabled, name, format, level, width, maxRange, isCancelable, isError, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DateRangePicker;

package/dist/lib/components/Dropdown/Button/index.d.ts

@@ -1,4 +1,5 @@
-interface ButtonProps {
+import { Theme } from '../../../types/theme';
+interface ButtonProps extends Theme {
     children?: React.ReactNode;
     onClick?: () => void;
     level?: "small" | "medium" | "large";

package/dist/lib/components/Dropdown/OptionList/CheckboxOption.d.ts

@@ -1,6 +1,7 @@
 import { Option } from '../../../types/option';
 import { DropdownOption } from '..';
-interface CheckboxOptionProps {
+import { Theme } from '../../../types/theme';
+interface CheckboxOptionProps extends Theme {
     option: DropdownOption;
     values: Option[];
     onChange: (value: Option[]) => void;
@@ -8,5 +9,5 @@ interface CheckboxOptionProps {
     isSelected: boolean;
     children: React.ReactNode;
 }
-declare const CheckboxOption: ({ option, values, onChange, level, isSelected, children, }: CheckboxOptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const CheckboxOption: ({ option, values, onChange, level, isSelected, children, lightTheme, }: CheckboxOptionProps) => import("react/jsx-runtime").JSX.Element;
 export default CheckboxOption;

package/dist/lib/components/Dropdown/OptionList/OptionSubLabelWrapper.d.ts

@@ -0,0 +1,11 @@
+import { SelectOptionProps } from './SeletOption';
+/**
+ * 기존 [Radio,Select,Checkbox] Option 컴포넌트에 하단에 Sublabel추가 하기 위한 래퍼 컴포넌트.
+ */
+declare const OptionSubLabelWrapper: ({ option, isLarge, isSelected, children, }: {
+    option: SelectOptionProps["option"];
+    isSelected?: SelectOptionProps["isSelected"];
+    isLarge?: boolean;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default OptionSubLabelWrapper;

package/dist/lib/components/Dropdown/OptionList/RadioOption.d.ts

@@ -1,11 +1,12 @@
 import { Option } from '../../../types/option';
 import { DropdownOption } from '..';
-interface RadioOptionProps {
+import { Theme } from '../../../types/theme';
+interface RadioOptionProps extends Theme {
     option: DropdownOption;
     onChange: (value: Option[]) => void;
     level: "small" | "medium" | "large";
     isSelected: boolean;
     children: React.ReactNode;
 }
-declare const RadioOption: ({ option, onChange, level, isSelected, children, }: RadioOptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const RadioOption: ({ lightTheme, option, onChange, level, isSelected, children, }: RadioOptionProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioOption;

package/dist/lib/components/Dropdown/OptionList/SeletOption.d.ts

@@ -1,6 +1,7 @@
 import { Option } from '../../../types/option';
 import { DropdownOption } from '..';
-interface SelectOptionProps {
+import { Theme } from '../../../types/theme';
+export interface SelectOptionProps extends Theme {
     option: DropdownOption;
     onChange: (value: Option[]) => void;
     level: "small" | "medium" | "large";
@@ -8,5 +9,5 @@ interface SelectOptionProps {
     onHideTooltip: () => void;
     children: React.ReactNode;
 }
-declare const SelectOption: ({ option, onChange, level, isSelected, onHideTooltip, children, }: SelectOptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectOption: ({ lightTheme, option, onChange, level, isSelected, onHideTooltip, children, }: SelectOptionProps) => import("react/jsx-runtime").JSX.Element;
 export default SelectOption;

package/dist/lib/components/Dropdown/OptionList/index.d.ts

@@ -1,6 +1,7 @@
 import { Option } from '../../../types/option';
 import { DropdownOption } from '..';
-interface OptionListProps {
+import { Theme } from '../../../types/theme';
+interface OptionListProps extends Theme {
     options: DropdownOption[];
     values: Option[];
     onChange: (value: Option[]) => void;
@@ -12,5 +13,5 @@ interface OptionListProps {
     onHideTooltip: () => void;
     containerRef: React.MutableRefObject<HTMLDivElement>;
 }
-declare const OptionList: ({ options, values, onChange, type, input, level, isAllChecked, allCheckText, onHideTooltip, containerRef, }: OptionListProps) => import("react/jsx-runtime").JSX.Element;
+declare const OptionList: ({ options, values, onChange, type, input, level, isAllChecked, allCheckText, onHideTooltip, containerRef, lightTheme, }: OptionListProps) => import("react/jsx-runtime").JSX.Element;
 export default OptionList;

package/dist/lib/components/Dropdown/index.d.ts

@@ -1,9 +1,10 @@
 import { Option, Options } from '../../types/option';
 import { ButtonProps } from '../Button';
+import { Theme } from '../../types/theme';
 export interface DropdownOption extends Option {
     element?: React.ReactNode;
 }
-export interface DropdownProps {
+export interface DropdownProps extends Theme {
     initialPlaceholder: string;
     level?: ButtonProps["level"];
     type?: "checkbox" | "radio" | "select";
@@ -16,5 +17,5 @@ export interface DropdownProps {
     width?: "auto" | `${number}px` | "100%";
     disabled?: boolean;
 }
-export declare const Dropdown: ({ initialPlaceholder, level, type, options, values, onChange, isAllChecked, allCheckText, unit, width, disabled, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: ({ initialPlaceholder, level, type, lightTheme, options, values, onChange, isAllChecked, allCheckText, unit, width, disabled, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default Dropdown;

package/dist/lib/components/Inputs/Input/index.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+import { Theme } from '../../../types/theme';
+export interface InputProps extends Theme, React.InputHTMLAttributes<HTMLInputElement> {
     level?: "large" | "medium" | "small";
     width?: string;
     unit?: string | ReactNode;
@@ -13,5 +14,5 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
     isError?: boolean;
     isSuccess?: boolean;
 }
-export declare const Input: ({ unit, type, onChange, min, max, width, label, level, value, disabled, errorMessage, successMessage, guideMessage, required, onCancel, textAlign, isShowCount, isError, isSuccess, ...props }: InputProps) => JSX.Element;
+export declare const Input: ({ unit, type, onChange, min, max, width, label, level, lightTheme, value, disabled, errorMessage, successMessage, guideMessage, required, onCancel, textAlign, isShowCount, isError, isSuccess, ...props }: InputProps) => JSX.Element;
 export default Input;

package/dist/lib/components/Inputs/SearchInput/index.d.ts

@@ -1,8 +1,9 @@
-export interface SearchInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+import { Theme } from '../../../types/theme';
+export interface SearchInputProps extends Theme, React.InputHTMLAttributes<HTMLInputElement> {
     width?: string;
     level?: "small" | "medium" | "large";
     onCancel?: (name?: string) => void;
     textAlign?: "left" | "right";
 }
-export declare const SearchInput: ({ width, level, value, disabled, onCancel, textAlign, ...props }: SearchInputProps) => JSX.Element;
+export declare const SearchInput: ({ width, level, value, disabled, onCancel, lightTheme, textAlign, ...props }: SearchInputProps) => JSX.Element;
 export default SearchInput;

package/dist/lib/components/Pagination/index.d.ts

@@ -1,4 +1,5 @@
-interface PaginationProps {
+import { Theme } from '../../types/theme';
+interface PaginationProps extends Theme {
     totalPageCount: number;
     currentPage: number;
     displayRangeCount?: number;

package/dist/lib/components/Radio/RadioButton/index.d.ts

@@ -1,4 +1,5 @@
-interface RadioButtonProps {
+import { Theme } from '../../../types/theme';
+interface RadioButtonProps extends Theme {
     checked: boolean;
     label?: string;
     name?: string;

package/dist/lib/components/Radio/RadioButtons.d.ts

@@ -1,9 +1,10 @@
+import { Theme } from '../../types/theme';
 import { Option, Options } from '../../types/option';
-export interface RadioButtonsProps {
+export interface RadioButtonsProps extends Theme {
     options: Options;
     value: Option;
     onClick: (value: Option) => void;
     disabled?: boolean;
 }
-export declare const RadioButtons: ({ options, value, onClick, disabled, }: RadioButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioButtons: ({ options, value, onClick, disabled, lightTheme, }: RadioButtonsProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioButtons;

package/dist/lib/server.d.ts

@@ -0,0 +1,3 @@
+export * from './components/Chip';
+export * from './components/Divider';
+export * from './theme/color.style';

package/dist/lib/theme/color.style.d.ts

@@ -46,4 +46,18 @@ export interface ThemeColors {
     yellow300: string;
     yellow400: string;
     yellow500: string;
+    darkbg400: string;
+    darkbg500: string;
+    darkbg600: string;
+    darkbg700: string;
+    darkbg800: string;
+    darkbg900: string;
+    darkgray200: string;
+    darkgray300: string;
+    darkgray400: string;
+    darkgray500: string;
+    darkgray900: string;
+    darkblue500: string;
+    darkblue900: string;
+    darkyellow600: string;
 }

package/dist/lib/types/option.d.ts

@@ -1,5 +1,6 @@
-export type Option = {
-    label: string;
-    value: string;
+export type Option<T = string> = {
+    label: T;
+    subLabel?: string;
+    value: T;
 };
-export type Options = Option[];
+export type Options<T = string> = Option<T>[];

package/dist/lib/types/theme.d.ts

@@ -0,0 +1,4 @@
+export interface Theme {
+    lightTheme?: LightThemeType;
+}
+export type LightThemeType = "light" | "dark";

package/dist/server.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D5_M1Zj1.cjs");exports.Chip=e.Chip;exports.Divider=e.Divider;exports.themeColors=e.themeColors;

package/dist/server.es.js

@@ -0,0 +1,6 @@
+import { C as r, D as s, t as a } from "./index-BhjJHeRp.js";
+export {
+  r as Chip,
+  s as Divider,
+  a as themeColors
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "enerdot-front-system",
   "private": false,
-  "version": "0.0.29-beta.13",
+  "version": "0.0.29-beta.15",
   "type": "module",
   "keywords": [
     "enerdot-front-system",
@@ -27,14 +27,19 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "prepare": "rm -rf dist && tsc && vite build",
-    "add:package": "yarn add ./enerdot-front-system-v0.0.29-beta.13.tgz",
-    "reset:package": "yarn remove enerdot-front-system && yarn cache clean && rm -rf ./enerdot-front-system-v0.0.29-beta.13.tgz"
+    "add:package": "yarn add ./enerdot-front-system-v0.0.29-beta.15.tgz",
+    "reset:package": "yarn remove enerdot-front-system && yarn cache clean && rm -rf ./enerdot-front-system-v0.0.29-beta.15.tgz"
   },
   "exports": {
     ".": {
       "types": "./dist/lib/index.d.ts",
       "require": "./dist/index.cjs.js",
       "import": "./dist/index.es.js"
+    },
+    "./server": {
+      "types": "./dist/lib/server.d.ts",
+      "require": "./dist/server.cjs.js",
+      "import": "./dist/server.es.js"
     }
   },
   "peerDependencies": {

package/dist/lib/components/DateSelector/DateRangePicker/Button.d.ts

@@ -1,10 +0,0 @@
-interface ButtonProps {
-    level: "small" | "large";
-    dateType: "day" | "month" | "year";
-    format: "hyphenFormat" | "dotFormat";
-    onClick: () => void;
-    disabled?: boolean;
-    dates: [moment.Moment, moment.Moment];
-}
-declare const Button: ({ level, dateType, onClick, format, disabled, dates, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default Button;