@loword/loword-design-system 0.0.11 → 0.0.13
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/components/LDAccordion/AccordionBase.d.ts +41 -0
- package/dist/components/LDAccordion/AccordionBase.d.ts.map +1 -0
- package/dist/components/LDAccordion/AccordionBase.js +24 -0
- package/dist/components/LDAccordion/LDAccordion.d.ts +31 -0
- package/dist/components/LDAccordion/LDAccordion.d.ts.map +1 -0
- package/dist/components/LDAccordion/LDAccordion.js +21 -0
- package/dist/components/LDAvatar/LDAvatar.d.ts +1 -1
- package/dist/components/LDAvatar/LDAvatar.d.ts.map +1 -1
- package/dist/components/LDAvatar/LDAvatar.js +19 -10
- package/dist/components/LDCalendar/CalendarBase.d.ts +17 -0
- package/dist/components/LDCalendar/CalendarBase.d.ts.map +1 -0
- package/dist/components/LDCalendar/CalendarBase.js +49 -0
- package/dist/components/LDCalendar/LDCalendar.d.ts +4 -11
- package/dist/components/LDCalendar/LDCalendar.d.ts.map +1 -1
- package/dist/components/LDCalendar/LDCalendar.js +9 -40
- package/dist/components/LDCarousel/CarouselBase.d.ts +3 -3
- package/dist/components/LDCarousel/CarouselBase.d.ts.map +1 -1
- package/dist/components/LDCarousel/CarouselBase.js +9 -7
- package/dist/components/LDCarousel/LDCarousel.d.ts +7 -8
- package/dist/components/LDCarousel/LDCarousel.d.ts.map +1 -1
- package/dist/components/LDCarousel/LDCarousel.js +2 -2
- package/dist/components/LDCheckbox/CheckboxBase.js +1 -1
- package/dist/components/LDCheckbox/LDCheckbox.d.ts +2 -5
- package/dist/components/LDCheckbox/LDCheckbox.d.ts.map +1 -1
- package/dist/components/LDCheckbox/LDCheckbox.js +65 -7
- package/dist/components/LDCheckbox/LDCheckboxGroup.d.ts +3 -3
- package/dist/components/LDCheckbox/LDCheckboxGroup.d.ts.map +1 -1
- package/dist/components/LDCheckbox/LDCheckboxGroup.js +11 -2
- package/dist/components/LDCheckbox/LDFormCheckbox.d.ts +1 -3
- package/dist/components/LDCheckbox/LDFormCheckbox.d.ts.map +1 -1
- package/dist/components/LDCheckbox/LDFormCheckbox.js +3 -4
- package/dist/components/LDCheckbox/LDFormCheckboxGroup.d.ts +1 -3
- package/dist/components/LDCheckbox/LDFormCheckboxGroup.d.ts.map +1 -1
- package/dist/components/LDCheckbox/LDFormCheckboxGroup.js +3 -4
- package/dist/components/LDDataCalendar/DataCalendarBase.d.ts +17 -1
- package/dist/components/LDDataCalendar/DataCalendarBase.d.ts.map +1 -1
- package/dist/components/LDDataCalendar/DataCalendarBase.js +34 -4
- package/dist/components/LDDataCalendar/LDDataCalendar.d.ts +27 -10
- package/dist/components/LDDataCalendar/LDDataCalendar.d.ts.map +1 -1
- package/dist/components/LDDataCalendar/LDDataCalendar.js +8 -8
- package/dist/components/LDDatePicker/LDDatePicker.d.ts.map +1 -1
- package/dist/components/LDDatePicker/LDDatePicker.js +1 -1
- package/dist/components/LDDateRangePicker/LDDateRangePicker.d.ts.map +1 -1
- package/dist/components/LDDateRangePicker/LDDateRangePicker.js +1 -1
- package/dist/components/LDDrawer/LDDrawer.d.ts +2 -0
- package/dist/components/LDDrawer/LDDrawer.d.ts.map +1 -1
- package/dist/components/LDDrawer/LDDrawer.js +1 -1
- package/dist/components/LDEditor/LDEditor.d.ts.map +1 -1
- package/dist/components/LDEditor/LDEditor.js +94 -54
- package/dist/components/LDEmpty/EmptyBase.d.ts +19 -0
- package/dist/components/LDEmpty/EmptyBase.d.ts.map +1 -0
- package/dist/components/LDEmpty/EmptyBase.js +18 -0
- package/dist/components/LDEmpty/LDEmpty.d.ts +35 -0
- package/dist/components/LDEmpty/LDEmpty.d.ts.map +1 -0
- package/dist/components/LDEmpty/LDEmpty.js +30 -0
- package/dist/components/LDFileUpload/FileUploadBase.d.ts.map +1 -1
- package/dist/components/LDFileUpload/FileUploadBase.js +6 -6
- package/dist/components/LDFileUpload/LDFileUpload.d.ts +3 -0
- package/dist/components/LDFileUpload/LDFileUpload.d.ts.map +1 -1
- package/dist/components/LDFileUpload/LDFileUpload.js +2 -4
- package/dist/components/LDFileUpload/LDFileUploadList.d.ts +3 -0
- package/dist/components/LDFileUpload/LDFileUploadList.d.ts.map +1 -1
- package/dist/components/LDFileUpload/LDFileUploadList.js +1 -3
- package/dist/components/LDFileUpload/LDImageUpload.d.ts +3 -0
- package/dist/components/LDFileUpload/LDImageUpload.d.ts.map +1 -1
- package/dist/components/LDFileUpload/LDImageUpload.js +2 -4
- package/dist/components/LDFileUpload/LDImageUploadList.d.ts +3 -0
- package/dist/components/LDFileUpload/LDImageUploadList.d.ts.map +1 -1
- package/dist/components/LDFileUpload/LDImageUploadList.js +1 -3
- package/dist/components/LDInput/InputBase.d.ts +5 -3
- package/dist/components/LDInput/InputBase.d.ts.map +1 -1
- package/dist/components/LDInput/InputBase.js +4 -4
- package/dist/components/LDInput/LDFormInput.d.ts.map +1 -1
- package/dist/components/LDInput/LDFormInput.js +7 -27
- package/dist/components/LDInput/LDInput.d.ts +8 -2
- package/dist/components/LDInput/LDInput.d.ts.map +1 -1
- package/dist/components/LDInput/LDInput.js +91 -28
- package/dist/components/LDLNB/LDLNB.d.ts +42 -0
- package/dist/components/LDLNB/LDLNB.d.ts.map +1 -0
- package/dist/components/LDLNB/LDLNB.js +34 -0
- package/dist/components/LDLNB/LDLNBBase.d.ts +5 -13
- package/dist/components/LDLNB/LDLNBBase.d.ts.map +1 -1
- package/dist/components/LDLNB/LDLNBBase.js +52 -18
- package/dist/components/LDMenuBar/LDMenuBar.d.ts +33 -19
- package/dist/components/LDMenuBar/LDMenuBar.d.ts.map +1 -1
- package/dist/components/LDMenuBar/LDMenuBar.js +13 -27
- package/dist/components/LDMenuBar/MenuBarBase.d.ts +4 -5
- package/dist/components/LDMenuBar/MenuBarBase.d.ts.map +1 -1
- package/dist/components/LDMenuBar/MenuBarBase.js +12 -14
- package/dist/components/LDModal/LDModal.d.ts +2 -1
- package/dist/components/LDModal/LDModal.d.ts.map +1 -1
- package/dist/components/LDModal/LDModal.js +1 -1
- package/dist/components/LDModal/LDModalView.d.ts +11 -3
- package/dist/components/LDModal/LDModalView.d.ts.map +1 -1
- package/dist/components/LDModal/LDModalView.js +4 -4
- package/dist/components/LDNotification/LDNotification.d.ts +40 -0
- package/dist/components/LDNotification/LDNotification.d.ts.map +1 -0
- package/dist/components/LDNotification/LDNotification.js +76 -0
- package/dist/components/LDNotification/NotificationBase.d.ts +29 -0
- package/dist/components/LDNotification/NotificationBase.d.ts.map +1 -0
- package/dist/components/LDNotification/NotificationBase.js +27 -0
- package/dist/components/LDOTPInput/LDFormOTPInput.d.ts +15 -0
- package/dist/components/LDOTPInput/LDFormOTPInput.d.ts.map +1 -0
- package/dist/components/LDOTPInput/LDFormOTPInput.js +8 -0
- package/dist/components/LDOTPInput/LDOTPInput.d.ts +10 -22
- package/dist/components/LDOTPInput/LDOTPInput.d.ts.map +1 -1
- package/dist/components/LDOTPInput/LDOTPInput.js +44 -73
- package/dist/components/LDOTPInput/OTPInputBase.d.ts +46 -0
- package/dist/components/LDOTPInput/OTPInputBase.d.ts.map +1 -0
- package/dist/components/LDOTPInput/OTPInputBase.js +48 -0
- package/dist/components/LDPagination/LDPagination.d.ts +1 -1
- package/dist/components/LDPagination/LDPagination.d.ts.map +1 -1
- package/dist/components/LDPagination/LDPagination.js +1 -8
- package/dist/components/LDPopover/LDPopover.d.ts +1 -1
- package/dist/components/LDPopover/LDPopover.d.ts.map +1 -1
- package/dist/components/LDPopover/LDPopover.js +5 -4
- package/dist/components/LDProgressBar/LDProgressBar.d.ts +16 -0
- package/dist/components/LDProgressBar/LDProgressBar.d.ts.map +1 -0
- package/dist/components/LDProgressBar/LDProgressBar.js +9 -0
- package/dist/components/LDProgressBar/ProgressBarBase.d.ts +11 -0
- package/dist/components/LDProgressBar/ProgressBarBase.d.ts.map +1 -0
- package/dist/components/LDProgressBar/ProgressBarBase.js +10 -0
- package/dist/components/LDRadio/LDFormRadioGroup.d.ts +1 -3
- package/dist/components/LDRadio/LDFormRadioGroup.d.ts.map +1 -1
- package/dist/components/LDRadio/LDFormRadioGroup.js +3 -4
- package/dist/components/LDRadio/LDRadio.d.ts +1 -1
- package/dist/components/LDRadio/LDRadio.d.ts.map +1 -1
- package/dist/components/LDRadio/LDRadio.js +58 -12
- package/dist/components/LDRadio/LDRadioGroup.d.ts +5 -3
- package/dist/components/LDRadio/LDRadioGroup.d.ts.map +1 -1
- package/dist/components/LDRadio/LDRadioGroup.js +11 -2
- package/dist/components/LDSectionNav/LDSectionNav.d.ts +11 -0
- package/dist/components/LDSectionNav/LDSectionNav.d.ts.map +1 -0
- package/dist/components/LDSectionNav/LDSectionNav.js +11 -0
- package/dist/components/LDSectionNav/SectionNavBase.d.ts +20 -0
- package/dist/components/LDSectionNav/SectionNavBase.d.ts.map +1 -0
- package/dist/components/LDSectionNav/SectionNavBase.js +53 -0
- package/dist/components/LDSelect/LDMultiSelect.js +3 -3
- package/dist/components/LDSelect/LDSelect.d.ts.map +1 -1
- package/dist/components/LDSelect/LDSelect.js +2 -2
- package/dist/components/LDTable/LDCollapsibleTanstackTable.d.ts.map +1 -1
- package/dist/components/LDTable/LDCollapsibleTanstackTable.js +12 -9
- package/dist/components/LDTable/LDTable.d.ts.map +1 -1
- package/dist/components/LDTable/LDTable.js +1 -1
- package/dist/components/LDTable/LDTanstackTable.d.ts.map +1 -1
- package/dist/components/LDTable/LDTanstackTable.js +5 -6
- package/dist/components/LDTable/TableField.d.ts.map +1 -1
- package/dist/components/LDTextarea/LDTextarea.js +1 -1
- package/dist/components/LDTimePicker/LDTimePicker.js +1 -1
- package/dist/components/LDToast/LDToaster.d.ts +2 -1
- package/dist/components/LDToast/LDToaster.d.ts.map +1 -1
- package/dist/components/LDToast/LDToaster.js +2 -2
- package/dist/components/LDToggleButton/LDFormToggleButton.d.ts +1 -3
- package/dist/components/LDToggleButton/LDFormToggleButton.d.ts.map +1 -1
- package/dist/components/LDToggleButton/LDFormToggleButton.js +3 -4
- package/dist/components/LDTooltip/LDTooltip.js +1 -1
- package/dist/components/LDTooltip/TooltipBase.d.ts +6 -2
- package/dist/components/LDTooltip/TooltipBase.d.ts.map +1 -1
- package/dist/components/LDTooltip/TooltipBase.js +4 -4
- package/dist/index.css +633 -166
- package/dist/index.d.ts +21 -13
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +25 -13
- package/package.json +14 -2
- package/src/styles/carousel.css +15 -14
- package/src/styles/components/editor.css +6 -0
- package/src/styles/components/input.css +14 -0
- package/src/styles/components/shared.css +6 -6
- package/src/styles/motion.css +78 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
export { default as LDAccordion, type LDAccordionProps, } from './components/LDAccordion/LDAccordion.js';
|
|
1
2
|
export { default as LDAutoComplete, type LDAutoCompleteProps, } from './components/LDAutoComplete/LDAutoComplete.js';
|
|
2
3
|
export { default as LDAvatar } from './components/LDAvatar/LDAvatar.js';
|
|
3
4
|
export { default as LDBadge } from './components/LDBadge/LDBadge.js';
|
|
4
|
-
export { default as LDBreadCrumb, type
|
|
5
|
+
export { default as LDBreadCrumb, type LDBreadCrumbItem, type LDBreadCrumbProps, } from './components/LDBreadCrumb/LDBreadCrumb.js';
|
|
5
6
|
export { default as LDButton } from './components/LDButton/LDButton.js';
|
|
6
7
|
export { default as LDCalendar } from './components/LDCalendar/LDCalendar.js';
|
|
7
8
|
export { default as LDCallout } from './components/LDCallout/LDCallout.js';
|
|
@@ -19,16 +20,18 @@ export { default as LDDivider, type LDDividerProps, } from './components/LDDivid
|
|
|
19
20
|
export { default as LDDrawer } from './components/LDDrawer/LDDrawer.js';
|
|
20
21
|
export { default as LDEditor } from './components/LDEditor/LDEditor.js';
|
|
21
22
|
export { default as LDViewer } from './components/LDEditor/LDViewer.js';
|
|
23
|
+
export { default as LDEmpty, type EmptySize, type LDEmptyProps, } from './components/LDEmpty/LDEmpty.js';
|
|
22
24
|
export { default as LDFileUploadBase } from './components/LDFileUpload/FileUploadBase.js';
|
|
23
|
-
export { default as LDImageUpload } from './components/LDFileUpload/LDImageUpload.js';
|
|
24
|
-
export { default as LDImageUploadList } from './components/LDFileUpload/LDImageUploadList.js';
|
|
25
25
|
export { default as LDFileUpload } from './components/LDFileUpload/LDFileUpload.js';
|
|
26
26
|
export { default as LDFileUploadList } from './components/LDFileUpload/LDFileUploadList.js';
|
|
27
|
+
export { default as LDImageUpload } from './components/LDFileUpload/LDImageUpload.js';
|
|
28
|
+
export { default as LDImageUploadList } from './components/LDFileUpload/LDImageUploadList.js';
|
|
27
29
|
export { LDForm, LDNativeForm } from './components/LDForm/LDForm.js';
|
|
28
|
-
export { default as LDFormField } from './components/LDForm/LDFormField.js';
|
|
29
30
|
export { default as LDFormErrorMessage } from './components/LDForm/LDFormErrorMessage.js';
|
|
30
|
-
export { default as
|
|
31
|
+
export { default as LDFormField } from './components/LDForm/LDFormField.js';
|
|
31
32
|
export { default as LDFormInput } from './components/LDInput/LDFormInput.js';
|
|
33
|
+
export { default as LDInput, type InputSize, type LDInputProps, } from './components/LDInput/LDInput.js';
|
|
34
|
+
export { default as LDLNB, type LDLNBProps } from './components/LDLNB/LDLNB.js';
|
|
32
35
|
export { default as LDLNBBase } from './components/LDLNB/LDLNBBase.js';
|
|
33
36
|
export { default as LDLoadingDots } from './components/LDLoadingDots/LDLoadingDots.js';
|
|
34
37
|
export { default as LDMenuBar } from './components/LDMenuBar/LDMenuBar.js';
|
|
@@ -36,32 +39,37 @@ export { default as LDModal } from './components/LDModal/LDModal.js';
|
|
|
36
39
|
export { default as LDModalView } from './components/LDModal/LDModalView.js';
|
|
37
40
|
/** @deprecated `LDModal`로 이름이 바뀌었습니다. 하위호환용 별칭. */
|
|
38
41
|
export { default as openModal } from './components/LDModal/LDModal.js';
|
|
42
|
+
export { default as LDNotification, type LDNotificationProps, type NotificationSize, } from './components/LDNotification/LDNotification.js';
|
|
43
|
+
export { type NotificationType } from './components/LDNotification/NotificationBase.js';
|
|
39
44
|
export { default as LDOTPInput } from './components/LDOTPInput/LDOTPInput.js';
|
|
45
|
+
export { default as LDFormOTPInput } from './components/LDOTPInput/LDFormOTPInput.js';
|
|
40
46
|
export { default as LDPagination } from './components/LDPagination/LDPagination.js';
|
|
41
47
|
export { default as LDPopover } from './components/LDPopover/LDPopover.js';
|
|
48
|
+
export { default as LDProgressBar, type LDProgressBarProps, } from './components/LDProgressBar/LDProgressBar.js';
|
|
49
|
+
export { default as LDFormRadioGroup } from './components/LDRadio/LDFormRadioGroup.js';
|
|
42
50
|
export { default as LDRadio } from './components/LDRadio/LDRadio.js';
|
|
43
51
|
export { default as LDRadioGroup } from './components/LDRadio/LDRadioGroup.js';
|
|
44
|
-
export { default as LDFormRadioGroup } from './components/LDRadio/LDFormRadioGroup.js';
|
|
45
52
|
export { default as LDScrollArea } from './components/LDScrollArea/LDScrollArea.js';
|
|
46
|
-
export { default as
|
|
47
|
-
export { default as LDMultiSelect } from './components/LDSelect/LDMultiSelect.js';
|
|
48
|
-
export { default as LDFormSelect } from './components/LDSelect/LDFormSelect.js';
|
|
53
|
+
export { default as LDSectionNav, type LDSectionNavProps, } from './components/LDSectionNav/LDSectionNav.js';
|
|
49
54
|
export { default as LDFormMultiSelect } from './components/LDSelect/LDFormMultiSelect.js';
|
|
55
|
+
export { default as LDFormSelect } from './components/LDSelect/LDFormSelect.js';
|
|
56
|
+
export { default as LDMultiSelect } from './components/LDSelect/LDMultiSelect.js';
|
|
57
|
+
export { default as LDSelect } from './components/LDSelect/LDSelect.js';
|
|
50
58
|
export { default as LDSkeleton } from './components/LDSkeleton/LDSkeleton.js';
|
|
51
59
|
export { default as LDSlider, type LDSliderProps, } from './components/LDSlider/LDSlider.js';
|
|
52
60
|
export { default as LDSpinner } from './components/LDSpinner/LDSpinner.js';
|
|
61
|
+
export { default as LDCollapsibleTanstackTable } from './components/LDTable/LDCollapsibleTanstackTable.js';
|
|
53
62
|
export { default as LDTable } from './components/LDTable/LDTable.js';
|
|
54
63
|
export { default as LDTanstackTable } from './components/LDTable/LDTanstackTable.js';
|
|
55
|
-
export { default as LDCollapsibleTanstackTable } from './components/LDTable/LDCollapsibleTanstackTable.js';
|
|
56
64
|
export { default as TableField } from './components/LDTable/TableField.js';
|
|
57
65
|
export { default as LDTeamHistory, type LDTeamHistoryProps, } from './components/LDTeamHistory/LDTeamHistory.js';
|
|
58
|
-
export { default as LDTextarea, TextareaContent, type LDTextareaProps, type TextareaContentProps, type TextareaSize, } from './components/LDTextarea/LDTextarea.js';
|
|
59
66
|
export { default as LDFormTextarea } from './components/LDTextarea/LDFormTextarea.js';
|
|
60
|
-
export { default as
|
|
67
|
+
export { default as LDTextarea, TextareaContent, type LDTextareaProps, type TextareaContentProps, type TextareaSize, } from './components/LDTextarea/LDTextarea.js';
|
|
61
68
|
export { default as LDFormTimePicker } from './components/LDTimePicker/LDFormTimePicker.js';
|
|
69
|
+
export { default as LDTimePicker } from './components/LDTimePicker/LDTimePicker.js';
|
|
62
70
|
export { default as LDToast } from './components/LDToast/LDToast.js';
|
|
63
71
|
export { default as LDToaster } from './components/LDToast/LDToaster.js';
|
|
64
|
-
export { default as LDToggleButton, type LDToggleButtonProps, } from './components/LDToggleButton/LDToggleButton.js';
|
|
65
72
|
export { default as LDFormToggleButton } from './components/LDToggleButton/LDFormToggleButton.js';
|
|
73
|
+
export { default as LDToggleButton, type LDToggleButtonProps, } from './components/LDToggleButton/LDToggleButton.js';
|
|
66
74
|
export { default as LDTooltip } from './components/LDTooltip/LDTooltip.js';
|
|
67
75
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,KAAK,mBAAmB,GACzB,MAAM,4CAA4C,CAAC;AAGpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAGlE,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
// 패키지 공개 진입점 — `import { LDButton } from '@loword/loword-design-system'`
|
|
2
2
|
// 개별 경로 import도 계속 지원: `import LDButton from '@loword/loword-design-system/components/LDButton/LDButton'`
|
|
3
|
+
// LDAccordion
|
|
4
|
+
export { default as LDAccordion, } from './components/LDAccordion/LDAccordion.js';
|
|
3
5
|
// LDAutoComplete
|
|
4
6
|
export { default as LDAutoComplete, } from './components/LDAutoComplete/LDAutoComplete.js';
|
|
5
7
|
// LDAvatar
|
|
@@ -36,20 +38,23 @@ export { default as LDDrawer } from './components/LDDrawer/LDDrawer.js';
|
|
|
36
38
|
// LDEditor
|
|
37
39
|
export { default as LDEditor } from './components/LDEditor/LDEditor.js';
|
|
38
40
|
export { default as LDViewer } from './components/LDEditor/LDViewer.js';
|
|
41
|
+
// LDEmpty
|
|
42
|
+
export { default as LDEmpty, } from './components/LDEmpty/LDEmpty.js';
|
|
39
43
|
// LDFileUpload
|
|
40
44
|
export { default as LDFileUploadBase } from './components/LDFileUpload/FileUploadBase.js';
|
|
41
|
-
export { default as LDImageUpload } from './components/LDFileUpload/LDImageUpload.js';
|
|
42
|
-
export { default as LDImageUploadList } from './components/LDFileUpload/LDImageUploadList.js';
|
|
43
45
|
export { default as LDFileUpload } from './components/LDFileUpload/LDFileUpload.js';
|
|
44
46
|
export { default as LDFileUploadList } from './components/LDFileUpload/LDFileUploadList.js';
|
|
47
|
+
export { default as LDImageUpload } from './components/LDFileUpload/LDImageUpload.js';
|
|
48
|
+
export { default as LDImageUploadList } from './components/LDFileUpload/LDImageUploadList.js';
|
|
45
49
|
// Form
|
|
46
50
|
export { LDForm, LDNativeForm } from './components/LDForm/LDForm.js';
|
|
47
|
-
export { default as LDFormField } from './components/LDForm/LDFormField.js';
|
|
48
51
|
export { default as LDFormErrorMessage } from './components/LDForm/LDFormErrorMessage.js';
|
|
52
|
+
export { default as LDFormField } from './components/LDForm/LDFormField.js';
|
|
49
53
|
// LDInput
|
|
50
|
-
export { default as LDInput, } from './components/LDInput/LDInput.js';
|
|
51
54
|
export { default as LDFormInput } from './components/LDInput/LDFormInput.js';
|
|
52
|
-
|
|
55
|
+
export { default as LDInput, } from './components/LDInput/LDInput.js';
|
|
56
|
+
// LDLNB
|
|
57
|
+
export { default as LDLNB } from './components/LDLNB/LDLNB.js';
|
|
53
58
|
export { default as LDLNBBase } from './components/LDLNB/LDLNBBase.js';
|
|
54
59
|
// LDLoadingDots
|
|
55
60
|
export { default as LDLoadingDots } from './components/LDLoadingDots/LDLoadingDots.js';
|
|
@@ -60,23 +65,30 @@ export { default as LDModal } from './components/LDModal/LDModal.js';
|
|
|
60
65
|
export { default as LDModalView } from './components/LDModal/LDModalView.js';
|
|
61
66
|
/** @deprecated `LDModal`로 이름이 바뀌었습니다. 하위호환용 별칭. */
|
|
62
67
|
export { default as openModal } from './components/LDModal/LDModal.js';
|
|
68
|
+
// LDNotification
|
|
69
|
+
export { default as LDNotification, } from './components/LDNotification/LDNotification.js';
|
|
63
70
|
// LDOTPInput
|
|
64
71
|
export { default as LDOTPInput } from './components/LDOTPInput/LDOTPInput.js';
|
|
72
|
+
export { default as LDFormOTPInput } from './components/LDOTPInput/LDFormOTPInput.js';
|
|
65
73
|
// LDPagination
|
|
66
74
|
export { default as LDPagination } from './components/LDPagination/LDPagination.js';
|
|
67
75
|
// LDPopover
|
|
68
76
|
export { default as LDPopover } from './components/LDPopover/LDPopover.js';
|
|
77
|
+
// LDProgressBar
|
|
78
|
+
export { default as LDProgressBar, } from './components/LDProgressBar/LDProgressBar.js';
|
|
69
79
|
// LDRadio
|
|
80
|
+
export { default as LDFormRadioGroup } from './components/LDRadio/LDFormRadioGroup.js';
|
|
70
81
|
export { default as LDRadio } from './components/LDRadio/LDRadio.js';
|
|
71
82
|
export { default as LDRadioGroup } from './components/LDRadio/LDRadioGroup.js';
|
|
72
|
-
export { default as LDFormRadioGroup } from './components/LDRadio/LDFormRadioGroup.js';
|
|
73
83
|
// LDScrollArea
|
|
74
84
|
export { default as LDScrollArea } from './components/LDScrollArea/LDScrollArea.js';
|
|
85
|
+
// LDSectionNav
|
|
86
|
+
export { default as LDSectionNav, } from './components/LDSectionNav/LDSectionNav.js';
|
|
75
87
|
// LDSelect
|
|
76
|
-
export { default as LDSelect } from './components/LDSelect/LDSelect.js';
|
|
77
|
-
export { default as LDMultiSelect } from './components/LDSelect/LDMultiSelect.js';
|
|
78
|
-
export { default as LDFormSelect } from './components/LDSelect/LDFormSelect.js';
|
|
79
88
|
export { default as LDFormMultiSelect } from './components/LDSelect/LDFormMultiSelect.js';
|
|
89
|
+
export { default as LDFormSelect } from './components/LDSelect/LDFormSelect.js';
|
|
90
|
+
export { default as LDMultiSelect } from './components/LDSelect/LDMultiSelect.js';
|
|
91
|
+
export { default as LDSelect } from './components/LDSelect/LDSelect.js';
|
|
80
92
|
// LDSkeleton
|
|
81
93
|
export { default as LDSkeleton } from './components/LDSkeleton/LDSkeleton.js';
|
|
82
94
|
// LDSlider
|
|
@@ -84,23 +96,23 @@ export { default as LDSlider, } from './components/LDSlider/LDSlider.js';
|
|
|
84
96
|
// LDSpinner
|
|
85
97
|
export { default as LDSpinner } from './components/LDSpinner/LDSpinner.js';
|
|
86
98
|
// LDTable
|
|
99
|
+
export { default as LDCollapsibleTanstackTable } from './components/LDTable/LDCollapsibleTanstackTable.js';
|
|
87
100
|
export { default as LDTable } from './components/LDTable/LDTable.js';
|
|
88
101
|
export { default as LDTanstackTable } from './components/LDTable/LDTanstackTable.js';
|
|
89
|
-
export { default as LDCollapsibleTanstackTable } from './components/LDTable/LDCollapsibleTanstackTable.js';
|
|
90
102
|
export { default as TableField } from './components/LDTable/TableField.js';
|
|
91
103
|
// LDTeamHistory
|
|
92
104
|
export { default as LDTeamHistory, } from './components/LDTeamHistory/LDTeamHistory.js';
|
|
93
105
|
// LDTextarea
|
|
94
|
-
export { default as LDTextarea, TextareaContent, } from './components/LDTextarea/LDTextarea.js';
|
|
95
106
|
export { default as LDFormTextarea } from './components/LDTextarea/LDFormTextarea.js';
|
|
107
|
+
export { default as LDTextarea, TextareaContent, } from './components/LDTextarea/LDTextarea.js';
|
|
96
108
|
// LDTimePicker
|
|
97
|
-
export { default as LDTimePicker } from './components/LDTimePicker/LDTimePicker.js';
|
|
98
109
|
export { default as LDFormTimePicker } from './components/LDTimePicker/LDFormTimePicker.js';
|
|
110
|
+
export { default as LDTimePicker } from './components/LDTimePicker/LDTimePicker.js';
|
|
99
111
|
// LDToast
|
|
100
112
|
export { default as LDToast } from './components/LDToast/LDToast.js';
|
|
101
113
|
export { default as LDToaster } from './components/LDToast/LDToaster.js';
|
|
102
114
|
// LDToggleButton
|
|
103
|
-
export { default as LDToggleButton, } from './components/LDToggleButton/LDToggleButton.js';
|
|
104
115
|
export { default as LDFormToggleButton } from './components/LDToggleButton/LDFormToggleButton.js';
|
|
116
|
+
export { default as LDToggleButton, } from './components/LDToggleButton/LDToggleButton.js';
|
|
105
117
|
// LDTooltip
|
|
106
118
|
export { default as LDTooltip } from './components/LDTooltip/LDTooltip.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@loword/loword-design-system",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.13",
|
|
4
4
|
"description": "로워드 디자인 시스템 컴포넌트 패키지(Tailwind v4)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -71,12 +71,14 @@
|
|
|
71
71
|
"endOfLine": "auto"
|
|
72
72
|
},
|
|
73
73
|
"peerDependencies": {
|
|
74
|
+
"@radix-ui/react-accordion": "^1.2.16",
|
|
74
75
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
75
76
|
"@radix-ui/react-popover": "^1.1.15",
|
|
76
77
|
"@radix-ui/react-select": "^2.1.6",
|
|
77
78
|
"@radix-ui/react-tooltip": "^1.2.8",
|
|
78
79
|
"@tanstack/react-table": "^8.21.3",
|
|
79
80
|
"@tiptap/core": "^3.26.0",
|
|
81
|
+
"@tiptap/extension-bubble-menu": "^3.26.0",
|
|
80
82
|
"@tiptap/extension-code-block": "^3.26.0",
|
|
81
83
|
"@tiptap/extension-code-block-lowlight": "^3.26.0",
|
|
82
84
|
"@tiptap/extension-highlight": "^3.26.0",
|
|
@@ -104,6 +106,9 @@
|
|
|
104
106
|
"next": {
|
|
105
107
|
"optional": true
|
|
106
108
|
},
|
|
109
|
+
"@radix-ui/react-accordion": {
|
|
110
|
+
"optional": true
|
|
111
|
+
},
|
|
107
112
|
"@radix-ui/react-dialog": {
|
|
108
113
|
"optional": true
|
|
109
114
|
},
|
|
@@ -122,6 +127,9 @@
|
|
|
122
127
|
"@tiptap/core": {
|
|
123
128
|
"optional": true
|
|
124
129
|
},
|
|
130
|
+
"@tiptap/extension-bubble-menu": {
|
|
131
|
+
"optional": true
|
|
132
|
+
},
|
|
125
133
|
"@tiptap/extension-code-block": {
|
|
126
134
|
"optional": true
|
|
127
135
|
},
|
|
@@ -182,6 +190,8 @@
|
|
|
182
190
|
},
|
|
183
191
|
"devDependencies": {
|
|
184
192
|
"@eslint/js": "^9.31.0",
|
|
193
|
+
"@hookform/resolvers": "^5.4.0",
|
|
194
|
+
"@radix-ui/react-accordion": "^1.2.16",
|
|
185
195
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
186
196
|
"@radix-ui/react-popover": "^1.1.15",
|
|
187
197
|
"@radix-ui/react-select": "^2.1.6",
|
|
@@ -198,6 +208,7 @@
|
|
|
198
208
|
"@tailwindcss/vite": "^4.2.2",
|
|
199
209
|
"@tanstack/react-table": "^8.21.3",
|
|
200
210
|
"@tiptap/core": "^3.26.0",
|
|
211
|
+
"@tiptap/extension-bubble-menu": "^3.26.0",
|
|
201
212
|
"@tiptap/extension-code-block": "^3.26.0",
|
|
202
213
|
"@tiptap/extension-code-block-lowlight": "^3.26.0",
|
|
203
214
|
"@tiptap/extension-highlight": "^3.26.0",
|
|
@@ -233,7 +244,8 @@
|
|
|
233
244
|
"tsc-alias": "^1.8.16",
|
|
234
245
|
"typescript": "5.8.2",
|
|
235
246
|
"typescript-eslint": "^8.37.0",
|
|
236
|
-
"vaul": "^1.1.2"
|
|
247
|
+
"vaul": "^1.1.2",
|
|
248
|
+
"zod": "^4.4.3"
|
|
237
249
|
},
|
|
238
250
|
"dependencies": {
|
|
239
251
|
"clsx": "^2.1.1",
|
package/src/styles/carousel.css
CHANGED
|
@@ -16,14 +16,12 @@
|
|
|
16
16
|
justify-content: center;
|
|
17
17
|
padding: 0;
|
|
18
18
|
background: transparent;
|
|
19
|
-
color: var(--color-lb500);
|
|
20
19
|
z-index: 10;
|
|
21
20
|
cursor: pointer;
|
|
22
|
-
transition:
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
color: var(--color-lb700);
|
|
21
|
+
transition: all 300ms ease-out;
|
|
22
|
+
border-radius: 9999px;
|
|
23
|
+
width: 32px;
|
|
24
|
+
height: 32px;
|
|
27
25
|
}
|
|
28
26
|
|
|
29
27
|
.ld-carousel__nav:disabled {
|
|
@@ -32,25 +30,28 @@
|
|
|
32
30
|
}
|
|
33
31
|
|
|
34
32
|
.ld-carousel__nav:first-child {
|
|
35
|
-
left:
|
|
33
|
+
left: -1%;
|
|
36
34
|
}
|
|
37
35
|
|
|
38
36
|
.ld-carousel__nav:last-child {
|
|
39
|
-
right:
|
|
37
|
+
right: -1%;
|
|
40
38
|
}
|
|
41
39
|
|
|
42
40
|
.ld-carousel__nav--vertical {
|
|
43
|
-
|
|
44
|
-
bottom: auto;
|
|
45
|
-
left: 0;
|
|
46
|
-
right: 0;
|
|
41
|
+
transform: translateX(-50%);
|
|
47
42
|
}
|
|
48
43
|
|
|
49
44
|
.ld-carousel__nav--vertical:first-child {
|
|
50
|
-
top:
|
|
45
|
+
top: -1%;
|
|
46
|
+
bottom: auto;
|
|
47
|
+
left: 50%;
|
|
48
|
+
right: auto;
|
|
51
49
|
}
|
|
52
50
|
|
|
53
51
|
.ld-carousel__nav--vertical:last-child {
|
|
54
|
-
|
|
52
|
+
top: auto;
|
|
53
|
+
bottom: -1%;
|
|
54
|
+
left: 50%;
|
|
55
|
+
right: auto;
|
|
55
56
|
}
|
|
56
57
|
}
|
|
@@ -51,4 +51,18 @@
|
|
|
51
51
|
border-width: var(--control-border-xs);
|
|
52
52
|
@apply display20;
|
|
53
53
|
}
|
|
54
|
+
|
|
55
|
+
/*
|
|
56
|
+
* flex 리팩터 후 input(.ld-input-field)은 투명이고 배경 박스는 Root가 담당한다.
|
|
57
|
+
* Chrome autofill은 input에만 기본 배경(#E8F0FE)을 칠해 content 영역만 색이 뜨므로,
|
|
58
|
+
* transition-delay 해킹으로 그 배경을 억제해 input을 투명하게 유지(→ Root 배경이 비침).
|
|
59
|
+
* ⚠️ background-color transition이지만 애니메이션이 아니라 autofill 배경 억제용.
|
|
60
|
+
*/
|
|
61
|
+
.ld-input-field:autofill,
|
|
62
|
+
.ld-input-field:-webkit-autofill,
|
|
63
|
+
.ld-input-field:-webkit-autofill:hover,
|
|
64
|
+
.ld-input-field:-webkit-autofill:focus {
|
|
65
|
+
transition: background-color 600000s 0s;
|
|
66
|
+
-webkit-text-fill-color: inherit;
|
|
67
|
+
}
|
|
54
68
|
}
|
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
--control-radius-xl: var(--radius_16);
|
|
17
17
|
|
|
18
18
|
/* icon size (≈ height * 0.5) */
|
|
19
|
-
--control-icon-2xs:
|
|
20
|
-
--control-icon-xs:
|
|
21
|
-
--control-icon-sm:
|
|
22
|
-
--control-icon-md:
|
|
23
|
-
--control-icon-lg:
|
|
24
|
-
--control-icon-xl:
|
|
19
|
+
--control-icon-2xs: 6px;
|
|
20
|
+
--control-icon-xs: 8px;
|
|
21
|
+
--control-icon-sm: 12px;
|
|
22
|
+
--control-icon-md: 16px;
|
|
23
|
+
--control-icon-lg: 20px;
|
|
24
|
+
--control-icon-xl: 24px;
|
|
25
25
|
|
|
26
26
|
/* gap (text ↔ icon) */
|
|
27
27
|
--control-gap-2xs: var(--spacing_2);
|
package/src/styles/motion.css
CHANGED
|
@@ -75,6 +75,68 @@
|
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
+
/* ==================== bell ==================== */
|
|
79
|
+
/* 벨 흔들림 모션 */
|
|
80
|
+
@utility animate-bell {
|
|
81
|
+
animation: bell-ring 600ms ease-in-out;
|
|
82
|
+
transform-origin: top center;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
@keyframes bell-ring {
|
|
86
|
+
0% {
|
|
87
|
+
transform: rotate(0deg);
|
|
88
|
+
}
|
|
89
|
+
10% {
|
|
90
|
+
transform: rotate(20deg);
|
|
91
|
+
}
|
|
92
|
+
25% {
|
|
93
|
+
transform: rotate(-18deg);
|
|
94
|
+
}
|
|
95
|
+
40% {
|
|
96
|
+
transform: rotate(14deg);
|
|
97
|
+
}
|
|
98
|
+
55% {
|
|
99
|
+
transform: rotate(-10deg);
|
|
100
|
+
}
|
|
101
|
+
70% {
|
|
102
|
+
transform: rotate(6deg);
|
|
103
|
+
}
|
|
104
|
+
85% {
|
|
105
|
+
transform: rotate(-3deg);
|
|
106
|
+
}
|
|
107
|
+
100% {
|
|
108
|
+
transform: rotate(0deg);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
/* ==================== accordion ==================== */
|
|
113
|
+
/* 아코디언 높이 펼침/접힘 (Radix가 --radix-accordion-content-height 노출) */
|
|
114
|
+
@utility accordion-down {
|
|
115
|
+
animation: accordion-down 300ms ease-in-out;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
@utility accordion-up {
|
|
119
|
+
animation: accordion-up 300ms ease-in-out;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
@keyframes accordion-down {
|
|
123
|
+
from {
|
|
124
|
+
height: 0;
|
|
125
|
+
}
|
|
126
|
+
to {
|
|
127
|
+
height: var(--radix-accordion-content-height);
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
@keyframes accordion-up {
|
|
132
|
+
from {
|
|
133
|
+
height: var(--radix-accordion-content-height);
|
|
134
|
+
}
|
|
135
|
+
to {
|
|
136
|
+
height: 0;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
|
|
78
140
|
/* ==================== plan ==================== */
|
|
79
141
|
/* plan 패널 등장/퇴장 */
|
|
80
142
|
@utility plan-enter {
|
|
@@ -261,12 +323,28 @@
|
|
|
261
323
|
}
|
|
262
324
|
|
|
263
325
|
@keyframes day-picker-color-in {
|
|
326
|
+
from {
|
|
327
|
+
background-color: var(--color-lb50);
|
|
328
|
+
}
|
|
329
|
+
to {
|
|
330
|
+
background-color: var(--color-tintBlue);
|
|
331
|
+
}
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
@keyframes day-picker-range-color-in {
|
|
264
335
|
from {
|
|
265
336
|
background-color: var(--color-white);
|
|
266
337
|
color: var(--color-neutral900);
|
|
267
338
|
}
|
|
339
|
+
to {
|
|
340
|
+
background-color: var(--color-mono50);
|
|
341
|
+
}
|
|
268
342
|
}
|
|
269
343
|
|
|
270
344
|
@utility animate-day-picker-color-in {
|
|
271
345
|
animation: day-picker-color-in 300ms ease-out;
|
|
272
346
|
}
|
|
347
|
+
|
|
348
|
+
@utility animate-day-range-picker-color-in {
|
|
349
|
+
animation: day-picker-range-color-in 300ms ease-out;
|
|
350
|
+
}
|