enerdot-front-system 0.1.0-beta.2 → 0.1.0-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/{index-Bp7Gu_Dn.cjs → index-BeZVnuhe.cjs} +10 -10
- package/dist/{index-aVal9heD.js → index-Cv_IZZpo.js} +130 -107
- package/dist/index.cjs.js +41 -42
- package/dist/index.es.js +1960 -1940
- package/dist/lib/components/Chip/index.d.ts +1 -1
- package/dist/lib/components/Chip/theme.d.ts +1 -1
- package/dist/lib/components/DateSelector/DatePicker/Buttons/InputButton.d.ts +1 -1
- package/dist/lib/components/DateSelector/DatePicker/index.d.ts +21 -4
- package/dist/lib/components/DateSelector/DateRangePicker/index.d.ts +21 -5
- package/dist/lib/data/dateFormat.d.ts +13 -13
- package/dist/lib/theme/color.style.d.ts +18 -0
- package/dist/lib/utils/calendar.d.ts +5 -5
- package/dist/server.cjs.js +1 -1
- package/dist/server.es.js +1 -1
- package/dist/style.css +1 -0
- package/package.json +7 -5
- package/src/lib/styles/_variables.scss +19 -1
- package/src/theme.scss +20 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { ChipColorTheme } from './theme';
|
|
3
2
|
import { Theme } from '../../types/theme';
|
|
3
|
+
import { ChipColorTheme } from './theme';
|
|
4
4
|
export interface ChipProps extends Theme, React.HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
colorTheme?: keyof ChipColorTheme;
|
|
6
6
|
level?: "small" | "regular" | "large" | "x-large";
|
|
@@ -2,7 +2,7 @@ type ColorObject = {
|
|
|
2
2
|
bgColor: string;
|
|
3
3
|
textColor: string;
|
|
4
4
|
};
|
|
5
|
-
type ChipBaseColor = "yellow" | "orange" | "red" | "green" | "primary" | "gray" | "cyan";
|
|
5
|
+
type ChipBaseColor = "yellow" | "orange" | "red" | "green" | "primary" | "gray" | "cyan" | "violet";
|
|
6
6
|
export type ChipColorTheme = {
|
|
7
7
|
[key in ChipBaseColor]: ColorObject;
|
|
8
8
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Theme } from '
|
|
1
|
+
import { Theme } from '../../../../../../../../../../../src/lib/types/theme';
|
|
2
2
|
interface InputButtonProps extends Theme {
|
|
3
3
|
level: "small" | "medium" | "large";
|
|
4
4
|
dateType: "day" | "week" | "month" | "quarter" | "year";
|
|
@@ -1,14 +1,31 @@
|
|
|
1
1
|
import { default as moment } from 'moment';
|
|
2
|
-
import { Theme } from '
|
|
2
|
+
import { Theme } from '../../../../../../../../../../src/lib/types/theme';
|
|
3
3
|
export interface DatePickerProps extends Theme {
|
|
4
|
+
/** * @deprecated 'date' 속성은 더 이상 사용되지 않습니다.
|
|
5
|
+
* v0.1.0부터 date => value로 변경됩니다.
|
|
6
|
+
*/
|
|
4
7
|
date?: moment.Moment;
|
|
8
|
+
/** * @deprecated 'minDate' 속성은 더 이상 사용되지 않습니다.
|
|
9
|
+
* minDate => minValue 변경됩니다.
|
|
10
|
+
*/
|
|
11
|
+
minDate?: moment.Moment;
|
|
12
|
+
/** * @deprecated 'maxDate' 속성은 더 이상 사용되지 않습니다.
|
|
13
|
+
* maxDate => maxValue 변경됩니다.
|
|
14
|
+
*/
|
|
15
|
+
maxDate?: moment.Moment;
|
|
16
|
+
value?: string;
|
|
17
|
+
minValue?: string;
|
|
18
|
+
maxValue?: string;
|
|
5
19
|
onChange: (e: {
|
|
20
|
+
/** * @deprecated 'date' 속성은 더 이상 사용되지 않습니다.
|
|
21
|
+
* date => value로 변경됩니다.
|
|
22
|
+
*/
|
|
6
23
|
date: moment.Moment;
|
|
24
|
+
value: string;
|
|
7
25
|
name?: string;
|
|
8
26
|
}) => void;
|
|
27
|
+
gap?: number;
|
|
9
28
|
dateType?: "day" | "week" | "month" | "quarter" | "year";
|
|
10
|
-
minDate?: moment.Moment;
|
|
11
|
-
maxDate?: moment.Moment;
|
|
12
29
|
disabled?: boolean;
|
|
13
30
|
name?: string;
|
|
14
31
|
width?: "auto" | `${number}px` | "100%";
|
|
@@ -19,5 +36,5 @@ export interface DatePickerProps extends Theme {
|
|
|
19
36
|
isError?: boolean;
|
|
20
37
|
isIcon?: boolean;
|
|
21
38
|
}
|
|
22
|
-
export declare const DatePicker: ({ date, dateType, maxDate, minDate, onChange, disabled, name, format, level, buttonType, width, isCancelable, isError, isIcon, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
export declare const DatePicker: ({ date, value, dateType, maxDate, minDate, minValue, maxValue, onChange, disabled, name, format, level, buttonType, width, isCancelable, isError, isIcon, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
40
|
export default DatePicker;
|
|
@@ -1,13 +1,29 @@
|
|
|
1
1
|
import { default as moment } from 'moment';
|
|
2
2
|
export interface DateRangePickerProps {
|
|
3
|
-
dates
|
|
3
|
+
/** * @deprecated 'dates' 속성은 더 이상 사용되지 않습니다.
|
|
4
|
+
* v0.1.0부터 dates => value로 변경됩니다.
|
|
5
|
+
*/
|
|
6
|
+
dates?: [moment.Moment | undefined, moment.Moment | undefined];
|
|
7
|
+
/** * @deprecated 'minDate' 속성은 더 이상 사용되지 않습니다.
|
|
8
|
+
* minDate => minValue 변경됩니다.
|
|
9
|
+
*/
|
|
10
|
+
minDate?: moment.Moment;
|
|
11
|
+
/** * @deprecated 'maxDate' 속성은 더 이상 사용되지 않습니다.
|
|
12
|
+
* maxDate => maxValue 변경됩니다.
|
|
13
|
+
*/
|
|
14
|
+
maxDate?: moment.Moment;
|
|
4
15
|
onChange: (e: {
|
|
5
|
-
dates
|
|
16
|
+
/** * @deprecated 'dates' 속성은 더 이상 사용되지 않습니다.
|
|
17
|
+
* dates => value로 변경됩니다.
|
|
18
|
+
*/
|
|
19
|
+
dates?: [moment.Moment, moment.Moment];
|
|
20
|
+
value?: [string, string];
|
|
6
21
|
name?: string;
|
|
7
22
|
}) => void;
|
|
23
|
+
value?: [string, string];
|
|
24
|
+
minValue?: string;
|
|
25
|
+
maxValue?: string;
|
|
8
26
|
dateType?: "day" | "month" | "year";
|
|
9
|
-
minDate?: moment.Moment;
|
|
10
|
-
maxDate?: moment.Moment;
|
|
11
27
|
disabled?: boolean;
|
|
12
28
|
name?: string;
|
|
13
29
|
width?: "auto" | `${number}px` | "100%";
|
|
@@ -19,5 +35,5 @@ export interface DateRangePickerProps {
|
|
|
19
35
|
isError?: boolean;
|
|
20
36
|
isIcon?: boolean;
|
|
21
37
|
}
|
|
22
|
-
export declare const DateRangePicker: ({ dates, dateType, maxDate, minDate, onChange, disabled, name, format, level, width, maxRange, isCancelable, isError, isIcon, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
export declare const DateRangePicker: ({ dates, value, maxValue, minValue, dateType, maxDate, minDate, onChange, disabled, name, format, level, width, maxRange, isCancelable, isError, isIcon, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
39
|
export default DateRangePicker;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
export declare const hyphenFormat: {
|
|
2
|
-
second:
|
|
3
|
-
minute:
|
|
4
|
-
hour:
|
|
5
|
-
day:
|
|
6
|
-
month:
|
|
7
|
-
year:
|
|
2
|
+
readonly second: "YYYY-MM-DD HH:mm:ss";
|
|
3
|
+
readonly minute: "YYYY-MM-DD HH:mm";
|
|
4
|
+
readonly hour: "YYYY-MM-DD HH";
|
|
5
|
+
readonly day: "YYYY-MM-DD";
|
|
6
|
+
readonly month: "YYYY-MM";
|
|
7
|
+
readonly year: "YYYY";
|
|
8
8
|
};
|
|
9
9
|
export declare const dotFormat: {
|
|
10
|
-
second:
|
|
11
|
-
minute:
|
|
12
|
-
hour:
|
|
13
|
-
day:
|
|
14
|
-
month:
|
|
15
|
-
year:
|
|
10
|
+
readonly second: "YYYY.MM.DD HH:mm:ss";
|
|
11
|
+
readonly minute: "YYYY.MM.DD HH:mm";
|
|
12
|
+
readonly hour: "YYYY.MM.DD HH";
|
|
13
|
+
readonly day: "YYYY.MM.DD";
|
|
14
|
+
readonly month: "YYYY.MM";
|
|
15
|
+
readonly year: "YYYY";
|
|
16
16
|
};
|
|
17
|
-
export declare const WEEKS:
|
|
17
|
+
export declare const WEEKS: readonly ["일", "월", "화", "수", "목", "금", "토"];
|
|
@@ -47,6 +47,18 @@ export interface ThemeColors {
|
|
|
47
47
|
yellow300: string;
|
|
48
48
|
yellow400: string;
|
|
49
49
|
yellow500: string;
|
|
50
|
+
violet50: string;
|
|
51
|
+
violet100: string;
|
|
52
|
+
violet200: string;
|
|
53
|
+
violet300: string;
|
|
54
|
+
violet400: string;
|
|
55
|
+
violet500: string;
|
|
56
|
+
cyan50: string;
|
|
57
|
+
cyan100: string;
|
|
58
|
+
cyan200: string;
|
|
59
|
+
cyan300: string;
|
|
60
|
+
cyan400: string;
|
|
61
|
+
cyan500: string;
|
|
50
62
|
dark_gray50: string;
|
|
51
63
|
dark_gray100: string;
|
|
52
64
|
dark_gray200: string;
|
|
@@ -99,4 +111,10 @@ export interface ThemeColors {
|
|
|
99
111
|
dark_orange300: string;
|
|
100
112
|
dark_orange400: string;
|
|
101
113
|
dark_orange500: string;
|
|
114
|
+
dark_violet50: string;
|
|
115
|
+
dark_violet100: string;
|
|
116
|
+
dark_violet200: string;
|
|
117
|
+
dark_violet300: string;
|
|
118
|
+
dark_violet400: string;
|
|
119
|
+
dark_violet500: string;
|
|
102
120
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { default as moment } from 'moment';
|
|
2
2
|
export declare const dateParentsFormats: {
|
|
3
|
-
day:
|
|
4
|
-
week:
|
|
5
|
-
month:
|
|
6
|
-
quarter:
|
|
7
|
-
year:
|
|
3
|
+
day: "YYYY-MM";
|
|
4
|
+
week: "YYYY-MM";
|
|
5
|
+
month: "YYYY";
|
|
6
|
+
quarter: "YYYY";
|
|
7
|
+
year: "YYYY";
|
|
8
8
|
};
|
|
9
9
|
/**선택 월의 주단위 날짜들을 가져오는 유틸 */
|
|
10
10
|
export declare const generateDatesByWeek: (currentDate: moment.Moment) => moment.Moment[][];
|
package/dist/server.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BeZVnuhe.cjs");exports.Chip=e.Chip;exports.Divider=e.Divider;exports.themeColors=e.themeColors;
|
package/dist/server.es.js
CHANGED
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";._chip_row1a_1{display:flex;align-items:center;justify-content:center;outline:none;border-radius:8px;white-space:nowrap;width:fit-content}._small_row1a_11{font-size:12px;font-weight:500;gap:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}._regular_row1a_22{font-size:14px;font-weight:500;gap:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}._large_row1a_33{font-size:16px;font-weight:500;gap:4px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px}._x-large_row1a_44{font-size:16px;font-weight:500;gap:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px}._full_row1a_55{border-radius:10000px;-webkit-border-radius:10000px;-moz-border-radius:10000px;-ms-border-radius:10000px;-o-border-radius:10000px}._dot_row1a_63{width:8px;height:8px;border-radius:50%}._divider_6kbwo_1{display:flex}._row_6kbwo_5{flex-direction:row}._column_6kbwo_9{flex-direction:column}._ripple_x7r6g_1{position:absolute;border-radius:50%;transform:scale(0);pointer-events:none;animation:_ripple_x7r6g_1 .4s linear;-webkit-animation:_ripple_x7r6g_1 .4s linear}._rippleContainer_x7r6g_10{overflow:hidden;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}@keyframes _ripple_x7r6g_1{to{transform:scale(4);opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4)}}._primary-primary_x7r6g_28,._primary-green_x7r6g_32,._primary-red_x7r6g_36,._primary-orange_x7r6g_40,._primary-yellow_x7r6g_44,._primary-gray_x7r6g_48{background-color:#ffffff4d}._secondary-primary_x7r6g_52{background-color:#3369ff4d}._secondary-green_x7r6g_56{background-color:#1cb8544d}._secondary-red_x7r6g_60{background-color:#fa45494d}._secondary-orange_x7r6g_64{background-color:#ff8e404d}._secondary-yellow_x7r6g_68{background-color:#f7b2004d}._secondary-gray_x7r6g_72,._tertiary-primary_x7r6g_76,._tertiary-green_x7r6g_80,._tertiary-red_x7r6g_84,._tertiary-orange_x7r6g_88,._tertiary-yellow_x7r6g_92,._tertiary-gray_x7r6g_96{background-color:#4a515d4d}._text-primary_x7r6g_100{background-color:#3369ff4d}._text-green_x7r6g_104{background-color:#1cb8544d}._text-red_x7r6g_108{background-color:#fa45494d}._text-orange_x7r6g_112{background-color:#ff8e404d}._text-yellow_x7r6g_116{background-color:#f7b2004d}._text-gray_x7r6g_120{background-color:#4a515d4d}._quaternary-primary_x7r6g_124{background-color:#3369ff4d}._quaternary-green_x7r6g_128{background-color:#1cb8544d}._quaternary-red_x7r6g_132{background-color:#fa45494d}._quaternary-orange_x7r6g_136{background-color:#ff8e404d}._quaternary-yellow_x7r6g_140{background-color:#f7b2004d}._quaternary-gray_x7r6g_144,._onlyIcon-primary_x7r6g_148,._onlyIcon-green_x7r6g_152,._onlyIcon-red_x7r6g_156,._onlyIcon-orange_x7r6g_160,._onlyIcon-yellow_x7r6g_164,._onlyIcon-gray_x7r6g_168{background-color:#4a515d4d}._button_125oe_1{position:relative;display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:background-color,border-color,font-weight;cursor:pointer;color:#fff}._primary_125oe_12{background-color:var(--color-primary-normal)}._primary_125oe_12:hover:not([disabled]){background-color:color-mix(in srgb,var(--color-interaction-hover),var(--color-palette-blue))}._primary_125oe_12:disabled{background-color:color-mix(in srgb,var(--color-palette-blue) 28%,transparent)}:root[data-theme=dark] ._primary_125oe_12:disabled{color:var(--color-label-disabled)}._green_125oe_25{background-color:var(--color-palette-green)}._green_125oe_25:hover:not([disabled]){background-color:color-mix(in srgb,var(--color-interaction-hover),var(--color-palette-green))}._green_125oe_25:disabled{background-color:color-mix(in srgb,var(--color-palette-green) 28%,transparent);color:var(--color-label-disabled)}._red_125oe_36{background-color:var(--color-palette-red)}._red_125oe_36:hover:not([disabled]){background-color:color-mix(in srgb,var(--color-interaction-hover),var(--color-palette-red))}._red_125oe_36:disabled{background-color:color-mix(in srgb,var(--color-palette-red) 28%,transparent);color:var(--color-label-disabled)}._orange_125oe_47{background-color:var(--color-palette-orange)}._orange_125oe_47:hover:not([disabled]){background-color:color-mix(in srgb,var(--color-interaction-hover),var(--color-palette-orange))}._orange_125oe_47:disabled{background-color:color-mix(in srgb,var(--color-palette-orange) 28%,transparent);color:var(--color-label-disabled)}._yellow_125oe_58{background-color:var(--color-palette-yellow)}._yellow_125oe_58:hover:not([disabled]){background-color:color-mix(in srgb,var(--color-interaction-hover),var(--color-palette-yellow))}._yellow_125oe_58:disabled{background-color:color-mix(in srgb,var(--color-palette-yellow) 28%,transparent);color:var(--color-label-disabled)}._gray_125oe_69{background-color:var(--color-palette-background-gray)}._gray_125oe_69:hover:not([disabled]){background-color:color-mix(in srgb,var(--color-interaction-hover),var(--color-palette-background-gray))}._gray_125oe_69:disabled{background-color:color-mix(in srgb,var(--color-palette-background-gray) 28%,transparent);color:var(--color-label-disabled)}._small_125oe_80{font-weight:400}._medium_125oe_84{font-weight:500}._large_125oe_88{font-weight:700}._button_njygd_1{position:relative;display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:border-color,color,background-color;cursor:pointer}._primary_njygd_11{background-color:#f1f5fe;color:#3369ff}._primary_njygd_11:hover:not([disabled]){color:#2b59d9}._primary_njygd_11:disabled{color:#a7bfff;background-color:#f1f5fe}._green_njygd_23{background-color:#effdee;color:#1cb854}._green_njygd_23:hover:not([disabled]){color:#149e53}._green_njygd_23:disabled{color:#8ae3a1;background-color:#effdee}._red_njygd_35{background-color:#fff1ef;color:#fa4549}._red_njygd_35:hover:not([disabled]){color:#cf222e}._red_njygd_35:disabled{color:#ffacad;background-color:#fff1ef}._orange_njygd_47{background-color:#fff1e5;color:#ff8e40}._orange_njygd_47:hover:not([disabled]){color:#e16f24}._orange_njygd_47:disabled{color:#ffd0aa;background-color:#fff1e5}._yellow_njygd_59{background-color:#fef9e6;color:#f7b200}._yellow_njygd_59:hover:not([disabled]){color:#cb9d26}._yellow_njygd_59:disabled{color:#fadd78;background-color:#fef9e6}._gray_njygd_71{background-color:#f7f8f9;color:#4a515d}._gray_njygd_71:hover:not([disabled]){background-color:#ebedf2;color:#4a515d}._gray_njygd_71:disabled{color:#dadee5;background-color:#f7f8f9}._small_njygd_84{font-weight:400}._medium_njygd_88{font-weight:500}._large_njygd_92{font-weight:700}._button_svxe2_1{position:relative;display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:border-color,color,background-color;cursor:pointer;background-color:#fff}._button_svxe2_1:hover:not([disabled]){background-color:#fff}._button_svxe2_1:disabled{background-color:#fff}._primary_svxe2_18{color:#3369ff;border:1px solid #3369FF}._primary_svxe2_18:hover:not([disabled]){color:#2b59d9;border:1px solid #2B59D9}._primary_svxe2_18:disabled{color:#cedbff;border:1px solid #CEDBFF}._green_svxe2_31{color:#1cb854;border:1px solid #1CB854}._green_svxe2_31:hover:not([disabled]){color:#149e53;border:1px solid #149E53}._green_svxe2_31:disabled{color:#effdee;border:1px solid #EFFDEE}._red_svxe2_44{color:#fa4549;border:1px solid #FA4549}._red_svxe2_44:hover:not([disabled]){color:#cf222e;border:1px solid #CF222E}._red_svxe2_44:disabled{color:#fff1ef;border:1px solid #FFF1EF}._orange_svxe2_57{color:#ff8e40;border:1px solid #FF8E40}._orange_svxe2_57:hover:not([disabled]){color:#e16f24;border:1px solid #E16F24}._orange_svxe2_57:disabled{color:#fff1e5;border:1px solid #FFF1E5}._yellow_svxe2_70{color:#f7b200;border:1px solid #F7B200}._yellow_svxe2_70:hover:not([disabled]){color:#cb9d26;border:1px solid #CB9D26}._yellow_svxe2_70:disabled{color:#fef9e6;border:1px solid #FEF9E6}._gray_svxe2_83{color:#4a515d;border:1px solid #C6CBD3}._gray_svxe2_83:hover:not([disabled]){color:#222;border:1px solid #A3A8B4}._gray_svxe2_83:disabled{color:#dadee5;border:1px solid #DADEE5}._primarySelected_svxe2_96{color:#fff;background-color:#3369ff}._greenSelected_svxe2_101{color:#fff;background-color:#1cb854}._redSelected_svxe2_106{color:#fff;background-color:#fa4549}._orangeSelected_svxe2_111{color:#fff;background-color:#ff8e40}._yellowSelected_svxe2_116{color:#fff;background-color:#f7b200}._graySelected_svxe2_121{color:#fff;background-color:#8a8f9d}._small_svxe2_126{font-weight:400}._medium_svxe2_130{font-weight:500}._large_svxe2_134{font-weight:700}._button_12ijk_1{position:relative;display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:border-color,color;cursor:pointer;background-color:#fff;color:#4a515d}._button_12ijk_1:hover:not([disabled]){color:#222}._button_12ijk_1:disabled{border:1px solid #DADEE5}._primary_12ijk_19{border:1px solid #3369FF}._primary_12ijk_19:hover:not([disabled]){border:1px solid #2B59D9}._primary_12ijk_19:disabled{color:#cedbff}._green_12ijk_29{border:1px solid #1CB854}._green_12ijk_29:hover:not([disabled]){border:1px solid #149E53}._green_12ijk_29:disabled{color:#effdee}._red_12ijk_39{border:1px solid #FA4549}._red_12ijk_39:hover:not([disabled]){border:1px solid #CF222E}._red_12ijk_39:disabled{color:#fff1ef}._orange_12ijk_49{border:1px solid #FF8E40}._orange_12ijk_49:hover:not([disabled]){border:1px solid #E16F24}._orange_12ijk_49:disabled{color:#fff1e5}._yellow_12ijk_59{border:1px solid #F7B200}._yellow_12ijk_59:hover:not([disabled]){border:1px solid #CB9D26}._yellow_12ijk_59:disabled{color:#fef9e6}._gray_12ijk_69{border:1px solid #C6CBD3}._gray_12ijk_69:hover:not([disabled]){border:1px solid #A3A8B4}._gray_12ijk_69:disabled{color:#dadee5}._small_12ijk_79{font-weight:400}._medium_12ijk_83{font-weight:500}._large_12ijk_87{font-weight:700}._button_14zye_1{position:relative;display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:border-color,color;cursor:pointer;background-color:#fff;border:none}._primary_14zye_13{color:#3369ff}._primary_14zye_13:hover:not([disabled]){color:#2b59d9}._primary_14zye_13:disabled{color:#cedbff}._green_14zye_23{color:#1cb854}._green_14zye_23:hover:not([disabled]){color:#149e53}._green_14zye_23:disabled{color:#effdee}._red_14zye_33{color:#fa4549}._red_14zye_33:hover:not([disabled]){color:#cf222e}._red_14zye_33:disabled{color:#fff1ef}._orange_14zye_43{color:#ff8e40}._orange_14zye_43:hover:not([disabled]){color:#e16f24}._orange_14zye_43:disabled{color:#fff1e5}._yellow_14zye_53{color:#f7b200}._yellow_14zye_53:hover:not([disabled]){color:#cb9d26}._yellow_14zye_53:disabled{color:#fef9e6}._gray_14zye_63{color:#4a515d}._gray_14zye_63:hover:not([disabled]){color:#222}._gray_14zye_63:disabled{color:#dadee5}._primarySelected_14zye_73{color:#2b59d9}._greenSelected_14zye_77{color:#149e53}._redSelected_14zye_81{color:#cf222e}._orangeSelected_14zye_85{color:#e16f24}._yellowSelected_14zye_89{color:#cb9d26}._graySelected_14zye_93{color:#222}._small_14zye_97{font-weight:400}._medium_14zye_101{font-weight:500}._large_14zye_105{font-weight:700}._container_4ms1u_2{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;cursor:pointer}._container_4ms1u_2 input[type=checkbox]{display:none;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}._container_4ms1u_2 input[type=checkbox]+label{display:flex;cursor:pointer;position:relative;width:18px;height:18px;border:1.5px solid var(--color-border-teritary);border-radius:4px;background-color:var(--color-background-container-normal);margin-left:.3px;margin-right:.3px}._container_4ms1u_2 input[type=checkbox]:checked+label{border:1.5px solid var(--color-primary-normal);background-color:var(--color-primary-normal)}._container_4ms1u_2 input[type=checkbox]:disabled+label{background-color:#f7f8f9}._containerDisabled_4ms1u_41{cursor:not-allowed}._containerDisabled_4ms1u_41 input[type=checkbox]+label{cursor:not-allowed}._label_4ms1u_48{white-space:nowrap;display:flex;align-items:center;cursor:pointer;font-size:18px;font-weight:500;line-height:135%;font-style:normal;color:var(--color-label-emphasis)}._labelDisabled_4ms1u_60{cursor:not-allowed;color:#babfc9}._box_4ms1u_65{display:flex;align-items:center;justify-content:center;cursor:pointer}._boxDisabled_4ms1u_72{cursor:not-allowed}._radioCircle_1bxz0_2{display:flex;align-items:center;justify-content:center;width:21px;height:21px;padding:3px;border:2px solid #3369FF;border-radius:100%;background-color:#fff;box-sizing:border-box}._radioCircleDark_1bxz0_15{background-color:#334050}._notChecked_1bxz0_19{border:1px solid #C6CBD3;width:21px;height:21px}._notCheckedDisabled_1bxz0_25{border:1px solid #DADEE5;background-color:#f7f8f9;width:21px;height:21px}._notCheckedDisabledDark_1bxz0_32{background-color:#dadee5}._container_1bxz0_36{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;width:auto;gap:8px;cursor:pointer}._containerDisabled_1bxz0_49{cursor:not-allowed}._input_1bxz0_53{display:none}._radioInCircle_1bxz0_57{background-color:#3369ff;border-radius:100%;width:100%;height:100%;animation-duration:.2s;animation-name:_twinkle_1bxz0_1;animation-direction:alternate}@keyframes _twinkle_1bxz0_1{to{transform:scale(1)}0%{transform:scale(0)}}._radioInCircleDark_1bxz0_75{background-color:#c7d0de}._label_1bxz0_79{white-space:nowrap;font-size:18px;font-weight:500;line-height:135%;transition:color .15s}._button_1xoti_1{display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:border-color,color;cursor:pointer;gap:12px;background-color:#fff;border:1px solid #C6CBD3}._button_1xoti_1:hover:not([disabled]){border-color:#a3a8b4}._button_1xoti_1:disabled{border-color:#dadee5}._primary_1xoti_19{color:#3369ff}._primary_1xoti_19:hover:not([disabled]){color:#2b59d9;border-color:#a3a8b4}._primary_1xoti_19:disabled{color:#cedbff}._green_1xoti_30{color:#1cb854}._green_1xoti_30:hover:not([disabled]){color:#149e53;border-color:#a3a8b4}._green_1xoti_30:disabled{color:#effdee}._red_1xoti_41{color:#fa4549}._red_1xoti_41:hover:not([disabled]){color:#cf222e;border-color:#a3a8b4}._red_1xoti_41:disabled{color:#fff1ef}._orange_1xoti_52{color:#ff8e40}._orange_1xoti_52:hover:not([disabled]){color:#e16f24;border-color:#a3a8b4}._orange_1xoti_52:disabled{color:#fff1e5}._yellow_1xoti_63{color:#f7b200}._yellow_1xoti_63:hover:not([disabled]){color:#cb9d26;border-color:#a3a8b4}._yellow_1xoti_63:disabled{color:#fef9e6}._gray_1xoti_74{color:#4a515d}._gray_1xoti_74:hover:not([disabled]){color:#222;border-color:#a3a8b4}._gray_1xoti_74:disabled{color:#dadee5}._selected_1xoti_85{background-color:#3369ff;color:#fff;border:1px solid #3369FF}._selected_1xoti_85:hover:not([disabled]){color:#fff}._open_1xoti_94{border:1px solid #3369FF}._open_1xoti_94:hover:not([disabled]){border-color:#3369ff}._error_1xoti_101{border:1px solid #FA4549}._small_1xoti_105{font-weight:400}._medium_1xoti_109{font-weight:500}._large_1xoti_113{font-weight:700}._container_z29cv_1{position:relative;height:fit-content}._tooltip_z29cv_6{display:flex;flex-direction:column;z-index:2;position:fixed;background-color:#fff;box-shadow:0 0 24px #6d717d33;border-radius:12px;max-height:510px;overflow-y:auto;animation:_fold_z29cv_1 .3s cubic-bezier(.23,1,.32,1);will-change:transform,opacity}._tooltip_z29cv_6[style*="top:"]{transform-origin:top center}._tooltip_z29cv_6[style*="bottom:"]{transform-origin:bottom center}._tooltip_z29cv_6::-webkit-scrollbar{display:none}._itemButton_z29cv_30{display:flex;flex:1;padding:12px;color:#4a515d;font-size:18px;font-weight:500;line-height:135%;cursor:pointer}._itemButton_z29cv_30:hover:not([disabled]){background-color:#f1f5fe}._itemButtonSelected_z29cv_44{color:#3369ff}@keyframes _fold_z29cv_1{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}._button_o1yq8_1{position:relative;display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:border-color,color;cursor:pointer;border:none}._button_o1yq8_1:disabled{opacity:.3}._button_1l8z3_1{position:relative;display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:background-color,border-color;cursor:pointer}._button_1l8z3_1:disabled{opacity:.3}._primary_1l8z3_14{background-color:var(--color-palette-blue)}._primary_1l8z3_14:hover:not([disabled]){background-color:color-mix(in srgb,var(--color-interaction-hover),var(--color-palette-blue))}._primary_1l8z3_14:disabled{background-color:color-mix(in srgb,var(--color-palette-blue) 28%,transparent)}:root[data-theme=dark] ._primary_1l8z3_14:disabled{color:var(--color-label-disabled)}._green_1l8z3_27{background-color:var(--color-palette-green)}._green_1l8z3_27:hover:not([disabled]){background-color:color-mix(in srgb,var(--color-interaction-hover),var(--color-palette-green))}._green_1l8z3_27:disabled{background-color:color-mix(in srgb,var(--color-palette-green) 28%,transparent);color:var(--color-label-disabled)}._red_1l8z3_38{background-color:var(--color-palette-red)}._red_1l8z3_38:hover:not([disabled]){background-color:color-mix(in srgb,var(--color-interaction-hover),var(--color-palette-red))}._red_1l8z3_38:disabled{background-color:color-mix(in srgb,var(--color-palette-red) 28%,transparent);color:var(--color-label-disabled)}._orange_1l8z3_49{background-color:var(--color-palette-orange)}._orange_1l8z3_49:hover:not([disabled]){background-color:color-mix(in srgb,var(--color-interaction-hover),var(--color-palette-orange))}._orange_1l8z3_49:disabled{background-color:color-mix(in srgb,var(--color-palette-orange) 28%,transparent);color:var(--color-label-disabled)}._yellow_1l8z3_60{background-color:var(--color-palette-yellow)}._yellow_1l8z3_60:hover:not([disabled]){background-color:color-mix(in srgb,var(--color-interaction-hover),var(--color-palette-yellow))}._yellow_1l8z3_60:disabled{background-color:color-mix(in srgb,var(--color-palette-yellow) 28%,transparent);color:var(--color-label-disabled)}._gray_1l8z3_71{background-color:var(--color-palette-background-gray)}._gray_1l8z3_71:hover:not([disabled]){background-color:color-mix(in srgb,var(--color-interaction-hover),var(--color-palette-background-gray))}._gray_1l8z3_71:disabled{background-color:color-mix(in srgb,var(--color-palette-background-gray) 28%,transparent);color:var(--color-label-disabled)}._button_nxd0n_1{position:relative;display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:background-color,border-color;cursor:pointer}._button_nxd0n_1:disabled{opacity:.28}._primary_nxd0n_14{background-color:var(--color-accent-subtle)}:root[data-theme=light] ._primary_nxd0n_14{background-color:#f1f5fe}._primary_nxd0n_14:hover:not([disabled]){opacity:.72}._green_nxd0n_24{background-color:#effdee}._green_nxd0n_24:hover:not([disabled]){background-color:#effdee}._red_nxd0n_31{background-color:#fff1ef}._red_nxd0n_31:hover:not([disabled]){background-color:#fff1ef}._orange_nxd0n_38{background-color:#fff1e5}._orange_nxd0n_38:hover:not([disabled]){background-color:#fff1e5}._yellow_nxd0n_45{background-color:#fef9e6}._yellow_nxd0n_45:hover:not([disabled]){background-color:#fef9e6}._gray_nxd0n_52{background-color:#f7f8f9}._gray_nxd0n_52:hover:not([disabled]){background-color:#ebedf2}._button_1f69i_1{position:relative;display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:border-color,color;cursor:pointer;background-color:#fff}._button_1f69i_1:disabled{opacity:.3}._primary_1f69i_15{border:1px solid #3369FF}._primary_1f69i_15:hover:not([disabled]){border:1px solid #2B59D9}._green_1f69i_22{border:1px solid #1CB854}._green_1f69i_22:hover:not([disabled]){color:#effdee;border:1px solid #149E53}._red_1f69i_30{border:1px solid #FA4549}._red_1f69i_30:hover:not([disabled]){border:1px solid #CF222E}._orange_1f69i_37{border:1px solid #FF8E40}._orange_1f69i_37:hover:not([disabled]){border:1px solid #E16F24}._yellow_1f69i_44{border:1px solid #F7B200}._yellow_1f69i_44:hover:not([disabled]){border:1px solid #CB9D26}._gray_1f69i_51{border:1px solid #C6CBD3}._gray_1f69i_51:hover:not([disabled]){border:1px solid #A3A8B4}._inputButton_1j998_1{display:flex;flex:1;width:100%;cursor:pointer}._inputButton_1j998_1:disabled{cursor:not-allowed;opacity:.5}._inputWrapper_1j998_12{position:relative;width:100%}._iconWrapper_1j998_17{position:absolute;right:12px;top:50%;transform:translateY(-50%);gap:8px;display:flex;align-items:center}._calendarIconWrapper_1j998_27 svg path{stroke:var(--color-label-tertiary)}._cancelButton_1j998_31{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}._cancelButton_1j998_31 svg circle{fill:var(--color-label-tertiary)}._container_1j998_43{display:flex;flex:1;gap:16px;width:100%}._button_1j998_50{display:flex;flex:1;gap:4px;width:100%;align-items:center;justify-content:center;background-color:var(--color-background-container-normal);color:var(--color-label-emphasis);padding:0 24px;border-radius:8px;cursor:pointer;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;font-size:16px;font-weight:500}._button_1j998_50:disabled{cursor:not-allowed;opacity:.5}:root[data-theme=light] ._button_1j998_50{--color-background-container-normal: #FBFBFB}._input_ksobl_1{text-overflow:ellipsis;width:auto;font-size:16px;font-weight:500;padding:0 12px;width:100%;outline:none;color:var(--color-label-emphasis);border-radius:6px;transition:border .2s linear;background-color:var(--color-background-container-normal);caret-color:var(--color-line-normal-default);border:1px solid var(--color-line-normal-default)}._input_ksobl_1:focus{border:1px solid var(--color-field-line-focus)}._input_ksobl_1::placeholder{color:var(--color-label-tertiary)}._input_ksobl_1:disabled{background-color:var(--color-background-container-disabled);border-color:var(--color-background-container-disabled);color:var(--color-label-disabled)}._errorInput_ksobl_28{border:1px solid #FA4549}._successInput_ksobl_32{border:1px solid var(--color-border-success)}._container_ksobl_36{display:flex;flex-direction:column;width:auto;gap:4px;font-size:16px;color:#4a515d;flex:1}._innerContainer_ksobl_46{position:absolute;display:flex;align-items:center;right:0;padding-left:8px;padding-right:12px;gap:8px}._inputContainer_ksobl_56{display:flex;flex:1;gap:.8rem}._inputWrapper_ksobl_62{display:flex;position:relative;flex:1}._errorMessage_ksobl_68{color:#fa4549;font-size:12px;padding:0 8px}._successMessage_ksobl_74{color:var(--color-border-success);font-size:12px;padding:0 8px}._guideMessage_ksobl_80{color:#8a8f9d;font-size:12px;padding:0 8px}._requiredStar_ksobl_86{color:#fa4549}._label_ksobl_90{display:flex;gap:4px;color:var(--color-label-emphasis)}._small_ksobl_96{height:32px}._medium_ksobl_100{height:40px}._large_ksobl_104{height:48px;border-radius:8px}._iconButton_ksobl_109{display:flex;justify-content:center;align-items:center;cursor:pointer}._iconButton_ksobl_109 svg circle{fill:var(--color-label-tertiary)}._rightContent_ksobl_119{display:flex;align-items:center;gap:.8rem;color:var(--color-label-secondary)}._maxCount_ksobl_126{min-width:58px;text-align:end}._row_1fowx_1{display:flex;flex-direction:row;align-items:center;justify-content:space-between}._navText_1fowx_8{min-width:120;text-align:center;font-size:16px;font-weight:700;color:var(--color-label-primary)}._clickableNav_1fowx_16{cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}._clickableNav_1fowx_16:hover{background-color:var(--color-interaction-hover);color:var(--color-label-high)}._header_1fowx_27{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom-color:#dadee5;border-bottom-width:1px;border-bottom-style:solid;height:44px}._headerText_1fowx_38{text-align:center;color:#6d717d;width:14.2857142857%;font-size:14px;font-weight:500}._button_1fowx_46{display:flex;position:relative;text-align:center;width:14.2857142857%;height:46px;align-items:center;justify-content:center;cursor:pointer}._button_1fowx_46:disabled{opacity:.3;cursor:not-allowed}._button_1fowx_46:hover{background-color:var(--color-interaction-hover)}._circle_1fowx_64{display:flex;position:absolute;justify-content:center;align-items:center;width:46px;height:46px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;font-weight:500}._box_1fowx_79{display:flex;position:absolute;justify-content:center;align-items:center;color:#3369ff;width:100%;height:46px;border-radius:8px}._buttonText_1fowx_90{color:var(--color-label-emphasis);font-size:14px;font-weight:500}._sundayText_1fowx_96{color:#fa4549;font-size:14px;font-weight:500}._rangeBackground_1fowx_102{display:flex;align-items:center;justify-content:center;position:absolute;height:100%;background-color:color-mix(in srgb,var(--color-primary-normal),transparent 72%);font-weight:500}._container_27weu_1{display:flex;position:relative;height:fit-content}._tooltip_27weu_7{display:flex;flex-direction:column;z-index:2;position:fixed;background-color:var(--color-background-surface-elevated);box-shadow:0 0 24px #6d717d33;border-radius:12px;max-height:510px;overflow-y:auto;padding:20px;animation:_fold_27weu_1 .3s cubic-bezier(.23,1,.32,1);will-change:transform,opacity}._tooltip_27weu_7[style*="top:"]{transform-origin:top center}._tooltip_27weu_7[style*="bottom:"]{transform-origin:bottom center}._tooltip_27weu_7::-webkit-scrollbar{display:none}@keyframes _fold_27weu_1{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}@keyframes _fadeIn_v1jnk_1{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}._toast_v1jnk_11{position:absolute;display:flex;justify-content:center;align-items:center;bottom:20px;left:50%;transform:translate(-50%);background-color:#4a515d;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;box-shadow:0 2px 8px #0003;max-width:calc(100% - 32px);width:auto;min-width:120px;text-align:center;white-space:nowrap;z-index:3;cursor:pointer;animation:_fadeIn_v1jnk_1 .3s ease forwards;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}._container_b6tey_1{display:flex;position:relative;height:fit-content}._tooltip_b6tey_7{display:flex;flex-direction:column;z-index:2;position:fixed;background-color:var(--color-background-surface-elevated);box-shadow:0 0 24px #6d717d33;border-radius:12px;max-height:510px;overflow-y:auto;padding:20px;animation:_fold_b6tey_1 .3s cubic-bezier(.23,1,.32,1);will-change:transform,opacity}._tooltip_b6tey_7[style*="top:"]{transform-origin:top center}._tooltip_b6tey_7[style*="bottom:"]{transform-origin:bottom center}._tooltip_b6tey_7::-webkit-scrollbar{display:none}@keyframes _fold_b6tey_1{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}._inputButton_b6tey_42{display:flex;flex:1;width:100%;cursor:pointer}._inputButton_b6tey_42:disabled{cursor:not-allowed;opacity:.5}._inputWrapper_b6tey_53{position:relative;width:100%}._cancelButton_b6tey_58{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}._cancelButton_b6tey_58 svg circle{fill:var(--color-label-tertiary)}._calendarIconWrapper_b6tey_70 svg path{stroke:var(--color-label-tertiary)}._iconWrapper_b6tey_74{position:absolute;right:12px;top:50%;transform:translateY(-50%);gap:8px;display:flex;align-items:center}:root[data-theme=dark],:root[data-theme=dark] ._button_16vho_2{border:none}._button_16vho_2{display:flex;align-items:center;justify-content:center;transition:.1s linear;transition-property:border-color,color;cursor:pointer;gap:8px;padding:0 12px;background-color:var(--color-background-container-normal);border:1px solid #C6CBD3;font-weight:400;color:var(--color-label-emphasis)}._button_16vho_2:hover:not([disabled]){border-color:#a3a8b4;color:var(--color-label-emphasis)}._buttonDisabled_16vho_25{border-color:#dadee5;background-color:#f7f8f9;pointer-events:none;cursor:not-allowed}._open_16vho_32{border:1px solid #3369FF}._open_16vho_32:hover:not([disabled]){border-color:#3369ff}._error_16vho_39{border:1px solid #FA4549}._container_t1l4c_1{display:flex;position:relative;height:fit-content}._tooltip_t1l4c_7{display:flex;flex-direction:column;z-index:2;position:absolute;background-color:var(--color-background-surface-elevated);box-shadow:0 4px 16px #6d717d66;border-radius:12px;border:1px solid var(--color-line-normal-muted);max-height:510px;overflow-y:auto;animation:_fold_t1l4c_1 .3s cubic-bezier(.23,1,.32,1);will-change:transform,opacity}._tooltip_t1l4c_7[style*="top:"]{transform-origin:top center}._tooltip_t1l4c_7[style*="bottom:"]{transform-origin:bottom center}._tooltip_t1l4c_7::-webkit-scrollbar{display:none}._input_t1l4c_32{display:flex;flex:1;background-color:transparent;border:none;padding:0;width:fit-content;height:100%;min-width:30px;font-weight:400;outline:none;color:var(--color-label-emphasis);caret-color:var(--color-primary-normal);font-size:16px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}._input_t1l4c_32::placeholder{color:var(--color-label-tertiary);font-weight:500}._inputLarge_t1l4c_58{font-size:18px}._inputActivePlaceholder_t1l4c_62::placeholder{color:var(--color-label-emphasis);font-size:16px;font-weight:500}@keyframes _fold_t1l4c_1{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}._itemButton_79lcu_1{display:flex;flex:1;padding:8px 12px;color:var(--color-label-emphasis);background-color:var(--color-background-surface-elevated);font-size:16px;font-weight:500;line-height:135%;cursor:pointer;gap:8px;align-items:center;text-align:start}._itemButton_79lcu_1:hover:not([disabled]){box-shadow:inset 0 0 0 9999px var(--color-interaction-hover)}._itemButtonInnerContainer_79lcu_19{display:flex;flex-direction:column;gap:4px}._itemButtonLabelRow_79lcu_25{display:flex;flex-direction:row;align-items:center;gap:8px}._itemButtonLarge_79lcu_32{font-size:18px;padding:12px}._itemSubLabelText_79lcu_37{color:var(--color-label-secondary);font-size:14px;font-weight:400;line-height:140%}._itemButtonSublabelLarge_79lcu_44{font-size:16px}._itemButtonSelected_79lcu_48{color:var(--color-primary-normal)}._leftWrapper_glkyo_1{display:flex;align-items:center;justify-content:center;margin-right:4px}._rightWrapper_glkyo_8{display:flex;align-items:center;justify-content:center;margin-left:4px}._disabled_glkyo_15{opacity:.3}._container_lpjo9_1{display:flex;position:relative}._input_lpjo9_6{width:auto;font-weight:500;flex:1;outline:none;color:#222;background-color:#fff;border-radius:8px;caret-color:#3369ff;transition:.2s linear;transition-property:background-color,border-color;width:100%;border:1px solid #C6CBD3}._input_lpjo9_6:focus{border-color:#3369ff}._input_lpjo9_6::placeholder{color:#c6cbd3}._input_lpjo9_6:disabled{background-color:#f7f8f9}._inputDark_lpjo9_30{background-color:#1c2736;color:#fff}._input_lpjo9_6::-webkit-search-cancel-button{display:none}._iconWrapper_lpjo9_39{position:absolute;display:flex;align-items:center;justify-content:center;left:0;padding:0 4px 0 12px;top:50%;transform:translateY(-50%)}._iconButton_lpjo9_50{position:absolute;right:0;padding:0 12px 0 4px;top:50%;transform:translateY(-50%);cursor:pointer}._cancelWrapper_lpjo9_59{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:4px}._container_1p9ou_1{display:flex;justify-content:center;align-items:center}._button_1p9ou_7{display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:1.6rem;cursor:pointer;font-weight:400;color:var(--color-label-secondary)}._buttonDark_1p9ou_19{color:#babfc9}._button_1p9ou_7:disabled{cursor:not-allowed}._circle_1p9ou_27{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:100%;background-color:color-mix(in srgb,var(--color-primary-normal) 12%,transparent);color:var(--color-primary-normal);font-size:1.6rem;font-weight:700}._container_1z0nw_1{display:flex;position:relative;background-color:#f1f5fe;border-radius:100px;overflow:hidden;width:100%;padding:4px;gap:20px}._itemButton_1z0nw_12{flex:1;text-align:center;align-items:center;color:#4a515d;position:relative;transition:color .3s ease,background-color .3s ease,border-radius .3s ease;white-space:nowrap;border-radius:100px;background:transparent;border:none;cursor:pointer;font-weight:500}._itemButton_1z0nw_12:hover:not(._disabled_1z0nw_27){color:#4a515d;background-color:#e4ebff}._itemButton_1z0nw_12._active_1z0nw_31{color:#3369ff}._itemButton_1z0nw_12._active_1z0nw_31:hover{background-color:#fbfbfb;color:#3369ff}._itemButton_1z0nw_12._disabled_1z0nw_27{color:#babfc9;cursor:not-allowed}._activeIndicator_1z0nw_43{position:absolute;background-color:#fff;border-radius:100px;top:50%;transform:translateY(-50%);height:calc(100% - 8px);transition:left .3s cubic-bezier(.34,1.56,.64,1),width .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 4px #0000001a;display:flex;align-items:center}._large_1z0nw_56{height:56px}._large_1z0nw_56 ._segmentItem_1z0nw_59{font-size:16px}._medium_1z0nw_63{height:48px}._medium_1z0nw_63 ._segmentItem_1z0nw_59{font-size:16px}._small_1z0nw_70{height:40px}._small_1z0nw_70 ._segmentItem_1z0nw_59{font-size:14px}._container_r2jl7_1{width:100%}._wrapper_r2jl7_5{display:flex;overflow-x:scroll;overflow-y:hidden;overflow:visible;padding:0 16px;position:relative}:root[data-theme=light] ._wrapper_r2jl7_5{--color-background-container-normal: #EBEDF2}._tabScroller_r2jl7_17{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:relative;margin-bottom:-1px}._tabScroller_r2jl7_17::-webkit-scrollbar{display:none}._itemButton_r2jl7_30{padding:0 24px;cursor:pointer;position:relative;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;color:#8a8f9d;background:none;border:none;flex-shrink:0;box-sizing:content-box}._itemButton_r2jl7_30:hover span{color:#6d717d}._itemButton_r2jl7_30 span{color:#8a8f9d;font-size:16px;transition:color .3s ease;white-space:nowrap}._itemButton_r2jl7_30._active_r2jl7_55 span{color:var(--color-primary-normal)}._itemButton_r2jl7_30._disabled_r2jl7_58{opacity:.5;cursor:not-allowed}._itemButton_r2jl7_30._disabled_r2jl7_58:hover span{color:#8a8f9d}._itemButton_r2jl7_30 ._newBadge_r2jl7_65{display:flex;align-items:center;justify-content:center;background-color:#fa4549;color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:4px}._activeIndicator_r2jl7_78{position:absolute;bottom:0;height:4px;background-color:var(--color-background-container-strong);transition:left .3s cubic-bezier(.34,1.56,.64,1),width .3s cubic-bezier(.34,1.56,.64,1)}._large_r2jl7_86{height:56px;font-size:18px}._medium_r2jl7_91{height:48px;font-size:16px}._small_r2jl7_96{height:40px;font-size:16px}._textarea_wtal1_1{font-size:16px;font-weight:400;width:100%;outline:none;color:var(--color-label-emphasis);border-radius:8px;resize:none;transition:border .2s linear;background-color:var(--color-background-container-normal);border:1px solid var(--color-line-normal-default);padding:16px}._textarea_wtal1_1:focus{border:1px solid var(--color-primary-normal)}:root[data-theme=dark] ._textarea_wtal1_1:focus{--color-primary-normal: rgba(199, 208, 222, .88)}._textarea_wtal1_1::placeholder{color:#c6cbd3}._textarea_wtal1_1:disabled{color:var(--color-label-disabled);background-color:var(--color-background-container-disabled)}._textareaError_wtal1_28{border:1px solid #FA4549}._textareaShutdown_wtal1_32:disabled{background-color:#f7f8f9;color:#dadee5}._container_wtal1_37{display:flex;flex-direction:column;width:auto;gap:8px;font-size:16px}._wrapper_wtal1_45{display:flex;position:relative}._errorLabel_wtal1_50{color:var(--color-label-required)}._textCounter_wtal1_54{position:absolute;bottom:12px;right:12px;font-size:14px;color:var(--color-label-secondary)}._requiredStar_wtal1_62{color:var(--color-label-required)}._label_wtal1_66{display:flex;gap:4px;color:var(--color-label-emphasis)}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "enerdot-front-system",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.1.0-beta.
|
|
4
|
+
"version": "0.1.0-beta.4",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"enerdot-front-system",
|
|
@@ -26,12 +26,13 @@
|
|
|
26
26
|
"scripts": {
|
|
27
27
|
"dev": "vite",
|
|
28
28
|
"build": "tsc -b && vite build",
|
|
29
|
+
"build:lib": "tsc -b && vite build --config vite.config.lib.ts",
|
|
29
30
|
"lint": "eslint .",
|
|
30
31
|
"preview": "vite preview",
|
|
31
32
|
"generate:variables": "yarn node --loader ts-node/esm generate-scss.ts",
|
|
32
|
-
"prepare": "yarn generate:variables && rm -rf dist && tsc && vite build",
|
|
33
|
-
"add:package": "yarn add ./enerdot-front-system-v0.1.0.tgz",
|
|
34
|
-
"reset:package": "yarn remove enerdot-front-system && yarn cache clean && rm -rf ./enerdot-front-system-v0.1.0.tgz"
|
|
33
|
+
"prepare": "yarn generate:variables && rm -rf dist && tsc && vite build --config vite.config.lib.ts",
|
|
34
|
+
"add:package": "yarn add ./enerdot-front-system-v0.1.0-beta.4.tgz",
|
|
35
|
+
"reset:package": "yarn remove enerdot-front-system && yarn cache clean && rm -rf ./enerdot-front-system-v0.1.0-beta.4.tgz"
|
|
35
36
|
},
|
|
36
37
|
"exports": {
|
|
37
38
|
".": {
|
|
@@ -43,7 +44,8 @@
|
|
|
43
44
|
"types": "./dist/lib/server.d.ts",
|
|
44
45
|
"require": "./dist/server.cjs.js",
|
|
45
46
|
"import": "./dist/server.es.js"
|
|
46
|
-
}
|
|
47
|
+
},
|
|
48
|
+
"./style.css": "./dist/style.css"
|
|
47
49
|
},
|
|
48
50
|
"peerDependencies": {
|
|
49
51
|
"moment": "^2.30.1",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// THIS FILE IS AUTO-GENERATED BY generate-scss.ts
|
|
2
|
-
// Generated at: 2026-01-
|
|
2
|
+
// Generated at: 2026-01-27 16:20:38
|
|
3
3
|
// 수정하지 말것( 수정은 lib>theme>color.style.ts>themeColors에서
|
|
4
4
|
|
|
5
5
|
$white: #FFFFFF;
|
|
@@ -49,6 +49,18 @@ $yellow200: #F7CC33;
|
|
|
49
49
|
$yellow300: #F7B200;
|
|
50
50
|
$yellow400: #CB9D26;
|
|
51
51
|
$yellow500: #956B00;
|
|
52
|
+
$violet50: #F5F0FA;
|
|
53
|
+
$violet100: #E9D5FF;
|
|
54
|
+
$violet200: #C084FC;
|
|
55
|
+
$violet300: #8624E1;
|
|
56
|
+
$violet400: #6B1DB8;
|
|
57
|
+
$violet500: #4C1D95;
|
|
58
|
+
$cyan50: #ECFEFF;
|
|
59
|
+
$cyan100: #CFFAFE;
|
|
60
|
+
$cyan200: #A5F3FC;
|
|
61
|
+
$cyan300: #67E8F9;
|
|
62
|
+
$cyan400: #22D3EE;
|
|
63
|
+
$cyan500: #06B6D4;
|
|
52
64
|
$dark_gray50: #F7F8FA;
|
|
53
65
|
$dark_gray100: #E4E8EF;
|
|
54
66
|
$dark_gray200: #C7D0DE;
|
|
@@ -101,6 +113,12 @@ $dark_orange200: #FFBC4D;
|
|
|
101
113
|
$dark_orange300: #FDA00E;
|
|
102
114
|
$dark_orange400: #A66817;
|
|
103
115
|
$dark_orange500: #522603;
|
|
116
|
+
$dark_violet50: #F3E8FF;
|
|
117
|
+
$dark_violet100: #DDC4FF;
|
|
118
|
+
$dark_violet200: #B794F6;
|
|
119
|
+
$dark_violet300: #9333EA;
|
|
120
|
+
$dark_violet400: #7C3AED;
|
|
121
|
+
$dark_violet500: #6D28D9;
|
|
104
122
|
|
|
105
123
|
// Non-color variables
|
|
106
124
|
$background: #f1f4ff;
|
package/src/theme.scss
CHANGED
|
@@ -1,9 +1,19 @@
|
|
|
1
1
|
@use "./lib/styles/variables" as vars;
|
|
2
|
+
:root {
|
|
3
|
+
--opacity-subtle: 78%;
|
|
4
|
+
|
|
5
|
+
--color-accent-subtle: color-mix(
|
|
6
|
+
in srgb,
|
|
7
|
+
var(--color-primary-normal),
|
|
8
|
+
transparent var(--opacity-subtle)
|
|
9
|
+
);
|
|
10
|
+
}
|
|
2
11
|
|
|
3
12
|
:root[data-theme="dark"] {
|
|
4
13
|
//primary
|
|
5
|
-
--color-primary-normal: #{vars.$
|
|
14
|
+
--color-primary-normal: #{vars.$dark_blue600};
|
|
6
15
|
--color-primary-muted: #{vars.$dark_blue700};
|
|
16
|
+
--color-primary-strong: #{vars.$dark_blue500};
|
|
7
17
|
|
|
8
18
|
//label
|
|
9
19
|
--color-label-emphasis: #{vars.$dark_gray50};
|
|
@@ -36,7 +46,7 @@
|
|
|
36
46
|
--color-border-teritary: #{vars.$dark_gray500};
|
|
37
47
|
|
|
38
48
|
//interaction
|
|
39
|
-
--color-interaction-hover: #{rgba(vars.$
|
|
49
|
+
--color-interaction-hover: #{rgba(vars.$dark_gray50, 0.08)};
|
|
40
50
|
--color-field-line-focus: #{rgba(vars.$dark_gray200, 0.88)};
|
|
41
51
|
|
|
42
52
|
//palette
|
|
@@ -47,16 +57,19 @@
|
|
|
47
57
|
--color-palette-orange: #{vars.$dark_orange200};
|
|
48
58
|
--color-palette-yellow: #{vars.$dark_yellow100};
|
|
49
59
|
--color-palette-gray: #{rgba(vars.$dark_gray200, 0.88)};
|
|
60
|
+
--color-palette-violet: #{vars.$dark_violet300};
|
|
50
61
|
--color-palette-background-gray: #{rgba(vars.$dark_gray500, 0.28)};
|
|
51
62
|
|
|
52
63
|
//legacy - 피그마 업뎃 없이 임의로 추가한 항목
|
|
53
64
|
--color-border-success: #{vars.$dark_green300};
|
|
54
65
|
--color-label-required: #{vars.$dark_red300};
|
|
66
|
+
--color-background-button-quaternary-primary: ;
|
|
55
67
|
}
|
|
56
68
|
|
|
57
69
|
:root[data-theme="light"] {
|
|
58
70
|
//primary
|
|
59
71
|
--color-primary-normal: #{vars.$blue600};
|
|
72
|
+
--color-primary-strong: #{vars.$blue500};
|
|
60
73
|
|
|
61
74
|
//label
|
|
62
75
|
--color-label-emphasis: #{vars.$gray900};
|
|
@@ -65,7 +78,7 @@
|
|
|
65
78
|
|
|
66
79
|
--color-label-primary: black;
|
|
67
80
|
--color-label-secondary: #{vars.$gray700};
|
|
68
|
-
--color-label-tertiary: #{vars.$
|
|
81
|
+
--color-label-tertiary: #{vars.$gray500};
|
|
69
82
|
|
|
70
83
|
// background/surface
|
|
71
84
|
--color-background-surface-elevated: #{vars.$white};
|
|
@@ -90,13 +103,14 @@
|
|
|
90
103
|
|
|
91
104
|
//palette
|
|
92
105
|
--color-palette-blue: #{vars.$blue600};
|
|
93
|
-
--color-palette-cyan: #{vars.$
|
|
106
|
+
--color-palette-cyan: #{vars.$cyan300};
|
|
94
107
|
--color-palette-red: #{vars.$red300};
|
|
95
108
|
--color-palette-green: #{vars.$green300};
|
|
96
109
|
--color-palette-orange: #{vars.$orange300};
|
|
97
110
|
--color-palette-yellow: #{vars.$yellow300};
|
|
98
|
-
--color-palette-gray: #{vars.$
|
|
99
|
-
--color-palette-
|
|
111
|
+
--color-palette-gray: #{vars.$gray300};
|
|
112
|
+
--color-palette-violet: #{vars.$violet300};
|
|
113
|
+
--color-palette-background-gray: #{vars.$gray700};
|
|
100
114
|
|
|
101
115
|
//legacy
|
|
102
116
|
--color-border-success: #{vars.$green300};
|