@hivcd-printshop/design-system 1.6.0 → 1.7.0
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/dist/index.d.mts +7 -1
- package/dist/index.d.ts +7 -1
- package/dist/index.js +42 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +41 -0
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -646,4 +646,10 @@ interface SlotButtonProps {
|
|
|
646
646
|
}
|
|
647
647
|
declare const SlotButton: ({ onClick, isEditing, reserved, blocked, color, className, }: SlotButtonProps) => react.JSX.Element;
|
|
648
648
|
|
|
649
|
-
|
|
649
|
+
interface SlotAddButtonProps {
|
|
650
|
+
onClick?: () => void;
|
|
651
|
+
className?: string;
|
|
652
|
+
}
|
|
653
|
+
declare const SlotAddButton: ({ onClick, className }: SlotAddButtonProps) => react.JSX.Element;
|
|
654
|
+
|
|
655
|
+
export { Accordion, type AccordionProps, BackButton, type BackButtonProps, Badge, type BadgeProps, type BadgeVariant, BasicFormField, type BasicFormFieldProps, CTA, type CTAProps, CategorySegment, type CategorySegmentProps, CategorySegmentedControl, type CategorySegmentedControlProps, Column, ColumnContentContainer, type ColumnContentContainerProps, ColumnDescription, ColumnDescriptionList, type ColumnDescriptionListProps, type ColumnDescriptionProps, ColumnLabel, type ColumnLabelProps, type ColumnProps, ColumnSubTitle, type ColumnSubTitleProps, ColumnText, type ColumnTextProps, ColumnTextStyle, type DayColumn, Dropdown, type DropdownProps, EmptyState, type EmptyStateProps, FormCheckBox, type FormCheckBoxProps, FormColor, type FormColorProps, FormFile, type FormFileProps, FormNumber, type FormNumberProps, FormPassword, type FormPasswordProps, FormSelectBox, type FormSelectBoxProps, FormTel, type FormTelProps, FormText, FormTextArea, type FormTextAreaProps, type FormTextProps, HeaderBar, type HeaderBarProps, IconCheck, IconChevronDownXS, IconClose, IconCompass, IconExclamation, IconInfo, IconRadioSelected, IconRadioUnselected, type LinkComponent, List, type ListProps, type LowerPartItem, Modal, type ModalProps, ModalText, type ModalTextProps, ModalTextStyle, MultiColumn, type NavIcon, NoticeBadge, type NoticeBadgeProps, type NoticeBadgeVariable, NoticeBar, type NoticeBarBadgeVariable, type NoticeBarProps, type NoticeBarVariable, type RadioToggle, SearchBar, type SearchBarProps, SelectBoxOption, type SelectBoxOptionProps, SideRadioAccordion, type PrintColor$1 as SideRadioAccordionPrintColor, type SideRadioAccordionProps, SlotAddButton, type SlotAddButtonProps, SlotButton, type SlotButtonProps, TNB, type TNBProps, TabSwitch, type TabSwitchItem, type TabSwitchProps, Tag, type TagProps, TextButton, type TextButtonProps, type TimeSlot, type TimeSlotState, Timetable, type PrintColor as TimetablePrintColor, type TimetableProps, TitleInput, type TitleInputProps, Toast, type ToastProps, type UpperPartItem, type Week, WeekNavigation, type WeekNavigationProps, getInputStyles };
|
package/dist/index.d.ts
CHANGED
|
@@ -646,4 +646,10 @@ interface SlotButtonProps {
|
|
|
646
646
|
}
|
|
647
647
|
declare const SlotButton: ({ onClick, isEditing, reserved, blocked, color, className, }: SlotButtonProps) => react.JSX.Element;
|
|
648
648
|
|
|
649
|
-
|
|
649
|
+
interface SlotAddButtonProps {
|
|
650
|
+
onClick?: () => void;
|
|
651
|
+
className?: string;
|
|
652
|
+
}
|
|
653
|
+
declare const SlotAddButton: ({ onClick, className }: SlotAddButtonProps) => react.JSX.Element;
|
|
654
|
+
|
|
655
|
+
export { Accordion, type AccordionProps, BackButton, type BackButtonProps, Badge, type BadgeProps, type BadgeVariant, BasicFormField, type BasicFormFieldProps, CTA, type CTAProps, CategorySegment, type CategorySegmentProps, CategorySegmentedControl, type CategorySegmentedControlProps, Column, ColumnContentContainer, type ColumnContentContainerProps, ColumnDescription, ColumnDescriptionList, type ColumnDescriptionListProps, type ColumnDescriptionProps, ColumnLabel, type ColumnLabelProps, type ColumnProps, ColumnSubTitle, type ColumnSubTitleProps, ColumnText, type ColumnTextProps, ColumnTextStyle, type DayColumn, Dropdown, type DropdownProps, EmptyState, type EmptyStateProps, FormCheckBox, type FormCheckBoxProps, FormColor, type FormColorProps, FormFile, type FormFileProps, FormNumber, type FormNumberProps, FormPassword, type FormPasswordProps, FormSelectBox, type FormSelectBoxProps, FormTel, type FormTelProps, FormText, FormTextArea, type FormTextAreaProps, type FormTextProps, HeaderBar, type HeaderBarProps, IconCheck, IconChevronDownXS, IconClose, IconCompass, IconExclamation, IconInfo, IconRadioSelected, IconRadioUnselected, type LinkComponent, List, type ListProps, type LowerPartItem, Modal, type ModalProps, ModalText, type ModalTextProps, ModalTextStyle, MultiColumn, type NavIcon, NoticeBadge, type NoticeBadgeProps, type NoticeBadgeVariable, NoticeBar, type NoticeBarBadgeVariable, type NoticeBarProps, type NoticeBarVariable, type RadioToggle, SearchBar, type SearchBarProps, SelectBoxOption, type SelectBoxOptionProps, SideRadioAccordion, type PrintColor$1 as SideRadioAccordionPrintColor, type SideRadioAccordionProps, SlotAddButton, type SlotAddButtonProps, SlotButton, type SlotButtonProps, TNB, type TNBProps, TabSwitch, type TabSwitchItem, type TabSwitchProps, Tag, type TagProps, TextButton, type TextButtonProps, type TimeSlot, type TimeSlotState, Timetable, type PrintColor as TimetablePrintColor, type TimetableProps, TitleInput, type TitleInputProps, Toast, type ToastProps, type UpperPartItem, type Week, WeekNavigation, type WeekNavigationProps, getInputStyles };
|
package/dist/index.js
CHANGED
|
@@ -66,6 +66,7 @@ __export(index_exports, {
|
|
|
66
66
|
SearchBar: () => SearchBar,
|
|
67
67
|
SelectBoxOption: () => SelectBoxOption,
|
|
68
68
|
SideRadioAccordion: () => SideRadioAccordion,
|
|
69
|
+
SlotAddButton: () => SlotAddButton,
|
|
69
70
|
SlotButton: () => SlotButton,
|
|
70
71
|
TNB: () => TNB,
|
|
71
72
|
TabSwitch: () => TabSwitch,
|
|
@@ -355,6 +356,23 @@ var IconClose = ({ className, stroke }) => {
|
|
|
355
356
|
}
|
|
356
357
|
);
|
|
357
358
|
};
|
|
359
|
+
var IconPlus = ({ className, stroke }) => {
|
|
360
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
361
|
+
"svg",
|
|
362
|
+
{
|
|
363
|
+
className,
|
|
364
|
+
width: "20",
|
|
365
|
+
height: "20",
|
|
366
|
+
viewBox: "0 0 20 20",
|
|
367
|
+
fill: "none",
|
|
368
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
369
|
+
children: [
|
|
370
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M16.6673 10.0013H3.33398", stroke: stroke || "currentColor" }),
|
|
371
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9.99902 3.33203V16.6654", stroke: stroke || "currentColor" })
|
|
372
|
+
]
|
|
373
|
+
}
|
|
374
|
+
);
|
|
375
|
+
};
|
|
358
376
|
var IconMinus = ({ className, stroke }) => {
|
|
359
377
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
360
378
|
"svg",
|
|
@@ -2387,6 +2405,29 @@ var SlotButton = ({
|
|
|
2387
2405
|
}
|
|
2388
2406
|
);
|
|
2389
2407
|
};
|
|
2408
|
+
|
|
2409
|
+
// src/components/SlotButton/SlotAddButton.tsx
|
|
2410
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
2411
|
+
var SlotAddButton = ({ onClick, className }) => {
|
|
2412
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
2413
|
+
"button",
|
|
2414
|
+
{
|
|
2415
|
+
onClick,
|
|
2416
|
+
className: cn(
|
|
2417
|
+
"group",
|
|
2418
|
+
// 1. 부모에 group 클래스 추가!
|
|
2419
|
+
"h-7 w-7 rounded-full flex items-center justify-center",
|
|
2420
|
+
"bg-white box-border border border-gray03",
|
|
2421
|
+
"hover:bg-gray08 hover:border-transparent",
|
|
2422
|
+
// border-none 대신 border-transparent가 레이아웃 덜 흔들려!
|
|
2423
|
+
"active:bg-gray09 active:border-transparent",
|
|
2424
|
+
"transition-colors cursor-pointer",
|
|
2425
|
+
className
|
|
2426
|
+
),
|
|
2427
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(IconPlus, { className: "text-gray04 group-hover:text-white w-5 h-5" })
|
|
2428
|
+
}
|
|
2429
|
+
);
|
|
2430
|
+
};
|
|
2390
2431
|
// Annotate the CommonJS export names for ESM import in node:
|
|
2391
2432
|
0 && (module.exports = {
|
|
2392
2433
|
Accordion,
|
|
@@ -2434,6 +2475,7 @@ var SlotButton = ({
|
|
|
2434
2475
|
SearchBar,
|
|
2435
2476
|
SelectBoxOption,
|
|
2436
2477
|
SideRadioAccordion,
|
|
2478
|
+
SlotAddButton,
|
|
2437
2479
|
SlotButton,
|
|
2438
2480
|
TNB,
|
|
2439
2481
|
TabSwitch,
|