@sellmate/design-system 1.1.0 → 1.3.0

package/dist/esm/sd-date-picker.config-B6cqMQaM.js

@@ -1,171 +0,0 @@
-const datepicker = {
-	sm: {
-		height: "28",
-		paddingX: "12",
-		gap: "8",
-		icon: "16",
-		typography: {
-			fontWeight: "400",
-			fontSize: "12",
-			lineHeight: "20"},
-		radius: "4"
-	},
-	md: {
-		height: "36",
-		paddingX: "16",
-		gap: "12",
-		icon: "20",
-		typography: {
-			fontWeight: "400",
-			fontSize: "14",
-			lineHeight: "24"
-		},
-		radius: "6"
-	},
-	border: {
-		"default": "#AAAAAA",
-		focus: "#0075FF"},
-	bg: {
-		"default": "#FFFFFF"},
-	icon: {
-		"default": "#888888",
-		disabled: "#BBBBBB"
-	},
-	text: {
-		"default": "#222222",
-		hint: "#555555",
-		disabled: "#888888"
-	},
-	calendar: {
-		bg: "#FFFFFF",
-		paddingXY: "24",
-		gap: "12",
-		radius: "8",
-		header: {
-			gap: "8",
-			divider: "#E1E1E1",
-			typography: {
-				fontWeight: "500",
-				fontSize: "14",
-				lineHeight: "24"
-			}
-		},
-		week: {
-			typography: {
-				fontWeight: "400",
-				fontSize: "12",
-				lineHeight: "20"},
-			color: "#888888"
-		},
-		grid: {
-			rowGap: "4"
-		},
-		day: {
-			width: "40",
-			circle: {
-				size: "32",
-				radius: "9999"
-			},
-			"default": {
-				text: "#222222"
-			},
-			hover: {
-				text: "#222222",
-				border: "#0075FF"
-			},
-			select: {
-				bg: "#0075FF",
-				text: "#FFFFFF"
-			},
-			disabled: {
-				text: "#BBBBBB"
-			},
-			typography: {
-				"default": {
-					fontWeight: "400",
-					fontSize: "14",
-					lineHeight: "24"
-				},
-				bold: {
-					fontWeight: "700"}
-			}},
-		range: {
-			bg: "#D9EAFF",
-			height: "32",
-			panelGap: "24",
-			divider: "#E1E1E1"}}
-};
-var datepickerTokens = {
-	datepicker: datepicker
-};
-
-const sm = datepickerTokens.datepicker.sm;
-const md = datepickerTokens.datepicker.md;
-const DATEPICKER_SIZE_MAP = {
-    sm: {
-        height: sm.height,
-        paddingX: sm.paddingX,
-        gap: sm.gap,
-        iconSize: sm.icon,
-        radius: sm.radius,
-        fontSize: sm.typography.fontSize,
-        lineHeight: sm.typography.lineHeight,
-        fontWeight: sm.typography.fontWeight,
-    },
-    md: {
-        height: md.height,
-        paddingX: md.paddingX,
-        gap: md.gap,
-        iconSize: md.icon,
-        radius: md.radius,
-        fontSize: md.typography.fontSize,
-        lineHeight: md.typography.lineHeight,
-        fontWeight: md.typography.fontWeight,
-    },
-};
-const DATEPICKER_COLORS = {
-    border: datepickerTokens.datepicker.border,
-    bg: datepickerTokens.datepicker.bg,
-    icon: datepickerTokens.datepicker.icon,
-    text: datepickerTokens.datepicker.text,
-};
-const CALENDAR_LAYOUT = {
-    bg: datepickerTokens.datepicker.calendar.bg,
-    paddingXY: datepickerTokens.datepicker.calendar.paddingXY,
-    gap: datepickerTokens.datepicker.calendar.gap,
-    radius: datepickerTokens.datepicker.calendar.radius,
-    header: {
-        gap: datepickerTokens.datepicker.calendar.header.gap,
-        divider: datepickerTokens.datepicker.calendar.header.divider,
-        fontSize: datepickerTokens.datepicker.calendar.header.typography.fontSize,
-        lineHeight: datepickerTokens.datepicker.calendar.header.typography.lineHeight,
-        fontWeight: datepickerTokens.datepicker.calendar.header.typography.fontWeight,
-    },
-    week: {
-        fontSize: datepickerTokens.datepicker.calendar.week.typography.fontSize,
-        lineHeight: datepickerTokens.datepicker.calendar.week.typography.lineHeight,
-        fontWeight: datepickerTokens.datepicker.calendar.week.typography.fontWeight,
-        color: datepickerTokens.datepicker.calendar.week.color,
-    },
-    grid: {
-        rowGap: datepickerTokens.datepicker.calendar.grid.rowGap,
-    },
-    day: {
-        size: datepickerTokens.datepicker.calendar.day.width,
-        circleSize: datepickerTokens.datepicker.calendar.day.circle.size,
-        circleRadius: datepickerTokens.datepicker.calendar.day.circle.radius,
-        defaultText: datepickerTokens.datepicker.calendar.day.default.text,
-        hoverText: datepickerTokens.datepicker.calendar.day.hover.text,
-        hoverBorder: datepickerTokens.datepicker.calendar.day.hover.border,
-        selectBg: datepickerTokens.datepicker.calendar.day.select.bg,
-        selectText: datepickerTokens.datepicker.calendar.day.select.text,
-        disabledText: datepickerTokens.datepicker.calendar.day.disabled.text,
-        fontSize: datepickerTokens.datepicker.calendar.day.typography.default.fontSize,
-        lineHeight: datepickerTokens.datepicker.calendar.day.typography.default.lineHeight,
-        fontWeight: datepickerTokens.datepicker.calendar.day.typography.default.fontWeight,
-        boldFontWeight: datepickerTokens.datepicker.calendar.day.typography.bold.fontWeight,
-    },
-};
-const WEEK_LABELS = ['일', '월', '화', '수', '목', '금', '토'];
-
-export { CALENDAR_LAYOUT as C, DATEPICKER_COLORS as D, WEEK_LABELS as W, DATEPICKER_SIZE_MAP as a, datepickerTokens as d };

package/dist/esm/useDatePicker-DTrMR0rx.js

@@ -1,45 +0,0 @@
-const daysInMonth = (date) => {
-    const year = Number(date.split('-')[0]);
-    const month = Number(date.split('-')[1]);
-    const daysInMonth = new Date(year, month, 0).getDate(); // month에 0을 전달하면 전달의 마지막 날짜를 반환
-    return Array.from({ length: daysInMonth }, (_, i) => i + 1);
-};
-
-const getToday = () => {
-    const today = new Date();
-    const year = today.getFullYear();
-    const month = String(today.getMonth() + 1).padStart(2, '0');
-    const day = String(today.getDate()).padStart(2, '0');
-    return `${year}-${month}-${day}`;
-};
-const today = getToday();
-
-const useDatePicker = () => {
-    const formatDate = (year, month, day) => {
-        return `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
-    };
-    const createCalendar = (year, month) => {
-        const days = daysInMonth(`${year}-${String(month).padStart(2, '0')}-01`);
-        const firstDayIndex = new Date(year, month - 1, 1).getDay();
-        const prevMonthDays = Array.from({ length: firstDayIndex });
-        const remainingDays = (7 - ((days.length + firstDayIndex) % 7)) % 7;
-        const afterMonthDays = Array.from({ length: remainingDays });
-        return { days, prevMonthDays, afterMonthDays };
-    };
-    const calculateYearMonth = (year, month, type) => {
-        let newYear = year;
-        let newMonth = type === 'prev' ? month - 1 : month + 1;
-        if (newMonth < 1) {
-            newYear = year - 1;
-            newMonth = 12;
-        }
-        else if (newMonth > 12) {
-            newYear = year + 1;
-            newMonth = 1;
-        }
-        return { newYear, newMonth };
-    };
-    return { formatDate, createCalendar, calculateYearMonth };
-};
-
-export { today as t, useDatePicker as u };

package/dist/types/components/sd-date-picker/sd-date-picker-calendar/sd-date-picker-calendar.d.ts

@@ -1,26 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class SdDatePickerCalendar {
-    value: string | null;
-    selectable?: [string, string];
-    private currentYear;
-    private currentMonth;
-    select: EventEmitter<string>;
-    viewChange: EventEmitter<{
-        year: number;
-        month: number;
-    }>;
-    private dateUtil;
-    componentWillLoad(): void;
-    handleValueChange(): void;
-    private syncViewFromValue;
-    private formatDate;
-    private get cells();
-    private emitViewChange;
-    private goPrevYear;
-    private goNextYear;
-    private goPrevMonth;
-    private goNextMonth;
-    private isDisabled;
-    private handleDayClick;
-    render(): any;
-}