@nexus-cross/design-system 1.0.6 → 1.0.8
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/breadcrumb.js +6 -2
- package/dist/breadcrumb.mjs +1 -1
- package/dist/chunks/{chunk-PXBZEAZQ.mjs → chunk-22O6YUYH.mjs} +1 -1
- package/dist/chunks/{chunk-SUIT4XKB.js → chunk-3RK3UT2O.js} +42 -11
- package/dist/chunks/{chunk-GN6X27QI.mjs → chunk-AAITRHED.mjs} +42 -11
- package/dist/chunks/chunk-DDY7ENHX.mjs +53 -0
- package/dist/chunks/{chunk-QRNHFOLG.js → chunk-OE5BAEBE.js} +1 -1
- package/dist/chunks/chunk-WATCVNBT.js +76 -0
- package/dist/component-tokens/button.d.ts +3 -0
- package/dist/component-tokens/button.d.ts.map +1 -0
- package/dist/component-tokens/index.d.ts +3 -0
- package/dist/component-tokens/index.d.ts.map +1 -0
- package/dist/component-tokens/types.d.ts +19 -0
- package/dist/component-tokens/types.d.ts.map +1 -0
- package/dist/{accordion.d.mts → components/Accordion.d.ts} +2 -3
- package/dist/components/Accordion.d.ts.map +1 -0
- package/dist/{alert.d.mts → components/Alert.d.ts} +5 -6
- package/dist/components/Alert.d.ts.map +1 -0
- package/dist/{avatar.d.mts → components/Avatar.d.ts} +5 -6
- package/dist/components/Avatar.d.ts.map +1 -0
- package/dist/{badge.d.mts → components/Badge.d.ts} +5 -6
- package/dist/components/Badge.d.ts.map +1 -0
- package/dist/components/Breadcrumb.d.ts +23 -0
- package/dist/components/Breadcrumb.d.ts.map +1 -0
- package/dist/{button.d.mts → components/Button.d.ts} +5 -6
- package/dist/components/Button.d.ts.map +1 -0
- package/dist/{carousel.d.mts → components/Carousel.d.ts} +5 -6
- package/dist/components/Carousel.d.ts.map +1 -0
- package/dist/{checkbox.d.mts → components/CheckBox.d.ts} +6 -7
- package/dist/components/CheckBox.d.ts.map +1 -0
- package/dist/{chip.d.mts → components/Chip.d.ts} +6 -7
- package/dist/components/Chip.d.ts.map +1 -0
- package/dist/{client-only.d.mts → components/ClientOnly.d.ts} +4 -5
- package/dist/components/ClientOnly.d.ts.map +1 -0
- package/dist/{countdown.d.mts → components/Countdown.d.ts} +3 -3
- package/dist/components/Countdown.d.ts.map +1 -0
- package/dist/{counter.d.mts → components/Counter.d.ts} +3 -3
- package/dist/components/Counter.d.ts.map +1 -0
- package/dist/{data-list.d.mts → components/DataList.d.ts} +4 -5
- package/dist/components/DataList.d.ts.map +1 -0
- package/dist/{date-picker.d.mts → components/DatePicker.d.ts} +3 -3
- package/dist/components/DatePicker.d.ts.map +1 -0
- package/dist/{divider.d.mts → components/Divider.d.ts} +5 -6
- package/dist/components/Divider.d.ts.map +1 -0
- package/dist/{drawer.d.mts → components/Drawer.d.ts} +13 -15
- package/dist/components/Drawer.d.ts.map +1 -0
- package/dist/{dropdown-menu.d.mts → components/DropdownMenu.d.ts} +4 -4
- package/dist/components/DropdownMenu.d.ts.map +1 -0
- package/dist/{ellipsis.d.mts → components/Ellipsis.d.ts} +4 -5
- package/dist/components/Ellipsis.d.ts.map +1 -0
- package/dist/{empty-state.d.mts → components/EmptyState.d.ts} +5 -6
- package/dist/components/EmptyState.d.ts.map +1 -0
- package/dist/{error-boundary.d.mts → components/ErrorBoundary.d.ts} +4 -5
- package/dist/components/ErrorBoundary.d.ts.map +1 -0
- package/dist/{infinite-scroll.d.mts → components/InfiniteScroll.d.ts} +5 -6
- package/dist/components/InfiniteScroll.d.ts.map +1 -0
- package/dist/{marquee.d.mts → components/Marquee.d.ts} +3 -3
- package/dist/components/Marquee.d.ts.map +1 -0
- package/dist/{number-input.d.mts → components/NumberInput.d.ts} +5 -6
- package/dist/components/NumberInput.d.ts.map +1 -0
- package/dist/{nx-image.d.mts → components/NxImage.d.ts} +3 -3
- package/dist/components/NxImage.d.ts.map +1 -0
- package/dist/{pagination.d.mts → components/Pagination.d.ts} +6 -7
- package/dist/components/Pagination.d.ts.map +1 -0
- package/dist/components/Popover.d.ts +23 -0
- package/dist/components/Popover.d.ts.map +1 -0
- package/dist/{price-input.d.ts → components/PriceInput.d.ts} +5 -6
- package/dist/components/PriceInput.d.ts.map +1 -0
- package/dist/{progress.d.mts → components/Progress.d.ts} +5 -6
- package/dist/components/Progress.d.ts.map +1 -0
- package/dist/{radio-group.d.mts → components/RadioGroup.d.ts} +6 -7
- package/dist/components/RadioGroup.d.ts.map +1 -0
- package/dist/{select.d.mts → components/Select.d.ts} +7 -10
- package/dist/components/Select.d.ts.map +1 -0
- package/dist/{skeleton.d.mts → components/Skeleton.d.ts} +3 -3
- package/dist/components/Skeleton.d.ts.map +1 -0
- package/dist/{slider.d.mts → components/Slider.d.ts} +5 -6
- package/dist/components/Slider.d.ts.map +1 -0
- package/dist/{spinner.d.mts → components/Spinner.d.ts} +3 -3
- package/dist/components/Spinner.d.ts.map +1 -0
- package/dist/{stepper.d.mts → components/Stepper.d.ts} +5 -6
- package/dist/components/Stepper.d.ts.map +1 -0
- package/dist/{switch.d.mts → components/Switch.d.ts} +5 -6
- package/dist/components/Switch.d.ts.map +1 -0
- package/dist/{tab.d.mts → components/Tab.d.ts} +7 -9
- package/dist/components/Tab.d.ts.map +1 -0
- package/dist/{tag-input.d.mts → components/TagInput.d.ts} +5 -6
- package/dist/components/TagInput.d.ts.map +1 -0
- package/dist/{text-area.d.mts → components/TextArea.d.ts} +5 -6
- package/dist/components/TextArea.d.ts.map +1 -0
- package/dist/{text-input.d.mts → components/TextInput.d.ts} +5 -6
- package/dist/components/TextInput.d.ts.map +1 -0
- package/dist/{theme-provider.d.mts → components/ThemeProvider.d.ts} +3 -3
- package/dist/components/ThemeProvider.d.ts.map +1 -0
- package/dist/{toggle-group.d.mts → components/ToggleGroup.d.ts} +5 -6
- package/dist/components/ToggleGroup.d.ts.map +1 -0
- package/dist/{tooltip.d.mts → components/Tooltip.d.ts} +6 -10
- package/dist/components/Tooltip.d.ts.map +1 -0
- package/dist/{virtual-scroll.d.mts → components/VirtualScroll.d.ts} +4 -4
- package/dist/components/VirtualScroll.d.ts.map +1 -0
- package/dist/hooks/useCheckDevice.d.ts +4 -4
- package/dist/hooks/useCheckDevice.d.ts.map +1 -0
- package/dist/hooks/useClickOutside.d.ts +2 -2
- package/dist/hooks/useClickOutside.d.ts.map +1 -0
- package/dist/hooks/useDraggableBottomSheet.d.ts +3 -3
- package/dist/hooks/useDraggableBottomSheet.d.ts.map +1 -0
- package/dist/hooks/useDraggableWindow.d.ts +5 -7
- package/dist/hooks/useDraggableWindow.d.ts.map +1 -0
- package/dist/hooks/useInView.d.ts +3 -3
- package/dist/hooks/useInView.d.ts.map +1 -0
- package/dist/hooks/useModal.d.ts +48 -2
- package/dist/hooks/useModal.d.ts.map +1 -0
- package/dist/index.d.ts +100 -91
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +13 -9
- package/dist/index.mjs +2 -2
- package/dist/modal/Modal.d.ts +52 -0
- package/dist/modal/Modal.d.ts.map +1 -0
- package/dist/modal/components/ModalComponent.d.ts +22 -0
- package/dist/modal/components/ModalComponent.d.ts.map +1 -0
- package/dist/modal/components/ModalContainer.d.ts +9 -0
- package/dist/modal/components/ModalContainer.d.ts.map +1 -0
- package/dist/modal/components/ModalPortal.d.ts +8 -0
- package/dist/modal/components/ModalPortal.d.ts.map +1 -0
- package/dist/modal/components/ModalPortalTarget.d.ts +7 -0
- package/dist/modal/components/ModalPortalTarget.d.ts.map +1 -0
- package/dist/modal/components/ModalTemplate.d.ts +20 -0
- package/dist/modal/components/ModalTemplate.d.ts.map +1 -0
- package/dist/modal/components/ModalTemplate.variants.d.ts +29 -0
- package/dist/modal/components/ModalTemplate.variants.d.ts.map +1 -0
- package/dist/modal/constants.d.ts +3 -0
- package/dist/modal/constants.d.ts.map +1 -0
- package/dist/modal/index.d.ts +11 -82
- package/dist/modal/index.d.ts.map +1 -0
- package/dist/modal/types.d.ts +90 -0
- package/dist/modal/types.d.ts.map +1 -0
- package/dist/schemas/_all.json +6 -26
- package/dist/schemas/accordion.d.ts +67 -0
- package/dist/schemas/accordion.d.ts.map +1 -0
- package/dist/schemas/alert.d.ts +30 -0
- package/dist/schemas/alert.d.ts.map +1 -0
- package/dist/schemas/avatar.d.ts +30 -0
- package/dist/schemas/avatar.d.ts.map +1 -0
- package/dist/schemas/badge.d.ts +33 -0
- package/dist/schemas/badge.d.ts.map +1 -0
- package/dist/schemas/breadcrumb.d.ts +28 -0
- package/dist/schemas/breadcrumb.d.ts.map +1 -0
- package/dist/schemas/breadcrumb.json +6 -26
- package/dist/schemas/button.d.ts +42 -0
- package/dist/schemas/button.d.ts.map +1 -0
- package/dist/schemas/carousel.d.ts +48 -0
- package/dist/schemas/carousel.d.ts.map +1 -0
- package/dist/schemas/checkbox.d.ts +48 -0
- package/dist/schemas/checkbox.d.ts.map +1 -0
- package/dist/schemas/chip.d.ts +30 -0
- package/dist/schemas/chip.d.ts.map +1 -0
- package/dist/schemas/client-only.d.ts +12 -0
- package/dist/schemas/client-only.d.ts.map +1 -0
- package/dist/schemas/countdown.d.ts +52 -0
- package/dist/schemas/countdown.d.ts.map +1 -0
- package/dist/schemas/counter.d.ts +36 -0
- package/dist/schemas/counter.d.ts.map +1 -0
- package/dist/schemas/data-list.d.ts +33 -0
- package/dist/schemas/data-list.d.ts.map +1 -0
- package/dist/schemas/date-picker.d.ts +36 -0
- package/dist/schemas/date-picker.d.ts.map +1 -0
- package/dist/schemas/divider.d.ts +21 -0
- package/dist/schemas/divider.d.ts.map +1 -0
- package/dist/schemas/drawer.d.ts +95 -0
- package/dist/schemas/drawer.d.ts.map +1 -0
- package/dist/schemas/dropdown-menu.d.ts +64 -0
- package/dist/schemas/dropdown-menu.d.ts.map +1 -0
- package/dist/schemas/ellipsis.d.ts +30 -0
- package/dist/schemas/ellipsis.d.ts.map +1 -0
- package/dist/schemas/empty-state.d.ts +27 -0
- package/dist/schemas/empty-state.d.ts.map +1 -0
- package/dist/schemas/error-boundary.d.ts +15 -0
- package/dist/schemas/error-boundary.d.ts.map +1 -0
- package/dist/schemas/index.d.ts +47 -0
- package/dist/schemas/index.d.ts.map +1 -0
- package/dist/schemas/infinite-scroll.d.ts +39 -0
- package/dist/schemas/infinite-scroll.d.ts.map +1 -0
- package/dist/schemas/marquee.d.ts +27 -0
- package/dist/schemas/marquee.d.ts.map +1 -0
- package/dist/schemas/modal.d.ts +176 -0
- package/dist/schemas/modal.d.ts.map +1 -0
- package/dist/schemas/number-input.d.ts +72 -0
- package/dist/schemas/number-input.d.ts.map +1 -0
- package/dist/schemas/nx-image.d.ts +33 -0
- package/dist/schemas/nx-image.d.ts.map +1 -0
- package/dist/schemas/pagination.d.ts +27 -0
- package/dist/schemas/pagination.d.ts.map +1 -0
- package/dist/schemas/popover.d.ts +39 -0
- package/dist/schemas/popover.d.ts.map +1 -0
- package/dist/schemas/price-input.d.ts +63 -0
- package/dist/schemas/price-input.d.ts.map +1 -0
- package/dist/schemas/progress.d.ts +30 -0
- package/dist/schemas/progress.d.ts.map +1 -0
- package/dist/schemas/radio-group.d.ts +61 -0
- package/dist/schemas/radio-group.d.ts.map +1 -0
- package/dist/schemas/select.d.ts +52 -0
- package/dist/schemas/select.d.ts.map +1 -0
- package/dist/schemas/skeleton.d.ts +27 -0
- package/dist/schemas/skeleton.d.ts.map +1 -0
- package/dist/schemas/slider.d.ts +45 -0
- package/dist/schemas/slider.d.ts.map +1 -0
- package/dist/schemas/spinner.d.ts +21 -0
- package/dist/schemas/spinner.d.ts.map +1 -0
- package/dist/schemas/stepper.d.ts +39 -0
- package/dist/schemas/stepper.d.ts.map +1 -0
- package/dist/schemas/switch.d.ts +33 -0
- package/dist/schemas/switch.d.ts.map +1 -0
- package/dist/schemas/tab.d.ts +61 -0
- package/dist/schemas/tab.d.ts.map +1 -0
- package/dist/schemas/table.d.ts +113 -0
- package/dist/schemas/table.d.ts.map +1 -0
- package/dist/schemas/tag-input.d.ts +39 -0
- package/dist/schemas/tag-input.d.ts.map +1 -0
- package/dist/schemas/text-area.d.ts +69 -0
- package/dist/schemas/text-area.d.ts.map +1 -0
- package/dist/schemas/text-input.d.ts +78 -0
- package/dist/schemas/text-input.d.ts.map +1 -0
- package/dist/schemas/theme-provider.d.ts +36 -0
- package/dist/schemas/theme-provider.d.ts.map +1 -0
- package/dist/schemas/toast.d.ts +91 -0
- package/dist/schemas/toast.d.ts.map +1 -0
- package/dist/schemas/toggle-group.d.ts +58 -0
- package/dist/schemas/toggle-group.d.ts.map +1 -0
- package/dist/schemas/tooltip.d.ts +33 -0
- package/dist/schemas/tooltip.d.ts.map +1 -0
- package/dist/schemas/virtual-scroll.d.ts +67 -0
- package/dist/schemas/virtual-scroll.d.ts.map +1 -0
- package/dist/schemas.js +11 -10
- package/dist/schemas.mjs +11 -10
- package/dist/styles/.generated/built.d.ts +3 -0
- package/dist/styles/.generated/built.d.ts.map +1 -0
- package/dist/styles/inject-layer.d.ts +2 -0
- package/dist/styles/inject-layer.d.ts.map +1 -0
- package/dist/styles/inject.d.ts +2 -0
- package/dist/styles/inject.d.ts.map +1 -0
- package/dist/styles/layer.js +2 -2
- package/dist/styles/layer.mjs +1 -1
- package/dist/styles.css +96 -33
- package/dist/styles.js +2 -2
- package/dist/styles.layered.css +96 -33
- package/dist/styles.mjs +1 -1
- package/dist/table/Table.d.ts +20 -0
- package/dist/table/Table.d.ts.map +1 -0
- package/dist/table/TableHighlightContext.d.ts +11 -0
- package/dist/table/TableHighlightContext.d.ts.map +1 -0
- package/dist/table/TableRow.d.ts +17 -0
- package/dist/table/TableRow.d.ts.map +1 -0
- package/dist/table/TdColumn.d.ts +14 -0
- package/dist/table/TdColumn.d.ts.map +1 -0
- package/dist/table/index.d.ts +23 -0
- package/dist/table/index.d.ts.map +1 -0
- package/dist/table/types.d.ts +27 -0
- package/dist/table/types.d.ts.map +1 -0
- package/dist/table.js +7 -7
- package/dist/table.mjs +1 -1
- package/dist/toast/Toast.d.ts +8 -0
- package/dist/toast/Toast.d.ts.map +1 -0
- package/dist/toast/index.d.ts +6 -0
- package/dist/toast/index.d.ts.map +1 -0
- package/dist/{toast.d.mts → toast/useToast.d.ts} +4 -14
- package/dist/toast/useToast.d.ts.map +1 -0
- package/dist/utils/cn.d.ts +3 -5
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/scroll.d.ts +3 -4
- package/dist/utils/scroll.d.ts.map +1 -0
- package/package.json +49 -49
- package/dist/accordion.d.ts +0 -28
- package/dist/alert.d.ts +0 -17
- package/dist/avatar.d.ts +0 -17
- package/dist/badge.d.ts +0 -18
- package/dist/breadcrumb.d.mts +0 -15
- package/dist/breadcrumb.d.ts +0 -15
- package/dist/button.d.ts +0 -17
- package/dist/carousel.d.ts +0 -36
- package/dist/checkbox.d.ts +0 -21
- package/dist/chip.d.ts +0 -16
- package/dist/chunks/chunk-3ZWN66YH.js +0 -53
- package/dist/chunks/chunk-EJY7IVSK.mjs +0 -31
- package/dist/client-only.d.ts +0 -13
- package/dist/countdown.d.ts +0 -27
- package/dist/counter.d.ts +0 -15
- package/dist/data-list.d.ts +0 -33
- package/dist/date-picker.d.ts +0 -17
- package/dist/divider.d.ts +0 -14
- package/dist/drawer.d.ts +0 -42
- package/dist/dropdown-menu.d.ts +0 -30
- package/dist/ellipsis.d.ts +0 -16
- package/dist/empty-state.d.ts +0 -16
- package/dist/error-boundary.d.ts +0 -20
- package/dist/hooks/useCheckDevice.d.mts +0 -47
- package/dist/hooks/useClickOutside.d.mts +0 -12
- package/dist/hooks/useDraggableBottomSheet.d.mts +0 -24
- package/dist/hooks/useDraggableWindow.d.mts +0 -21
- package/dist/hooks/useInView.d.mts +0 -14
- package/dist/hooks/useModal.d.mts +0 -2
- package/dist/index.d.mts +0 -91
- package/dist/infinite-scroll.d.ts +0 -26
- package/dist/marquee.d.ts +0 -12
- package/dist/modal/index.d.mts +0 -87
- package/dist/number-input.d.ts +0 -37
- package/dist/nx-image.d.ts +0 -13
- package/dist/pagination.d.ts +0 -22
- package/dist/popover.d.mts +0 -25
- package/dist/popover.d.ts +0 -25
- package/dist/price-input.d.mts +0 -36
- package/dist/progress.d.ts +0 -18
- package/dist/radio-group.d.ts +0 -29
- package/dist/schemas.d.mts +0 -2173
- package/dist/schemas.d.ts +0 -2173
- package/dist/select.d.ts +0 -31
- package/dist/skeleton.d.ts +0 -15
- package/dist/slider.d.ts +0 -20
- package/dist/spinner.d.ts +0 -9
- package/dist/stepper.d.ts +0 -20
- package/dist/styles/layer.d.mts +0 -3
- package/dist/styles/layer.d.ts +0 -3
- package/dist/styles.d.mts +0 -3
- package/dist/styles.d.ts +0 -3
- package/dist/switch.d.ts +0 -15
- package/dist/tab.d.ts +0 -36
- package/dist/table.d.mts +0 -95
- package/dist/table.d.ts +0 -95
- package/dist/tag-input.d.ts +0 -21
- package/dist/text-area.d.ts +0 -19
- package/dist/text-input.d.ts +0 -21
- package/dist/theme-provider.d.ts +0 -25
- package/dist/toast.d.ts +0 -42
- package/dist/toggle-group.d.ts +0 -36
- package/dist/tooltip.d.ts +0 -24
- package/dist/useModal-BsGIcP8t.d.mts +0 -128
- package/dist/useModal-BsGIcP8t.d.ts +0 -128
- package/dist/utils/cn.d.mts +0 -5
- package/dist/utils/scroll.d.mts +0 -4
- package/dist/virtual-scroll.d.ts +0 -34
package/dist/styles.layered.css
CHANGED
|
@@ -1539,8 +1539,8 @@
|
|
|
1539
1539
|
.nexus-progress__bar {
|
|
1540
1540
|
height: 100%;
|
|
1541
1541
|
border-radius: inherit;
|
|
1542
|
-
transition:
|
|
1543
|
-
|
|
1542
|
+
transition: width var(--duration-transition-normal, 200ms)
|
|
1543
|
+
var(--ease-transition-normal, cubic-bezier(0, 0, 0.2, 1));
|
|
1544
1544
|
}
|
|
1545
1545
|
.nexus-progress--primary .nexus-progress__bar {
|
|
1546
1546
|
background: var(--color-accent-primary);
|
|
@@ -1563,8 +1563,8 @@
|
|
|
1563
1563
|
top: 0;
|
|
1564
1564
|
bottom: 0;
|
|
1565
1565
|
width: 35% !important;
|
|
1566
|
-
animation: nexus-progress-indeterminate 1.1s
|
|
1567
|
-
infinite;
|
|
1566
|
+
animation: nexus-progress-indeterminate 1.1s
|
|
1567
|
+
var(--ease-transition-normal, cubic-bezier(0, 0, 0.2, 1)) infinite;
|
|
1568
1568
|
}
|
|
1569
1569
|
@keyframes nexus-progress-indeterminate {
|
|
1570
1570
|
0% {
|
|
@@ -1629,7 +1629,8 @@
|
|
|
1629
1629
|
cursor: pointer;
|
|
1630
1630
|
font: inherit;
|
|
1631
1631
|
color: var(--color-icon-secondary);
|
|
1632
|
-
transition: color var(--duration-transition-fast, 150ms)
|
|
1632
|
+
transition: color var(--duration-transition-fast, 150ms)
|
|
1633
|
+
var(--ease-transition-fast, ease);
|
|
1633
1634
|
}
|
|
1634
1635
|
.nexus-alert__close:hover {
|
|
1635
1636
|
color: var(--color-icon-primary);
|
|
@@ -1639,29 +1640,61 @@
|
|
|
1639
1640
|
height: 1rem;
|
|
1640
1641
|
}
|
|
1641
1642
|
.nexus-alert--info {
|
|
1642
|
-
background: color-mix(
|
|
1643
|
-
|
|
1643
|
+
background: color-mix(
|
|
1644
|
+
in srgb,
|
|
1645
|
+
var(--color-status-info-dim) 45%,
|
|
1646
|
+
var(--color-surface-default)
|
|
1647
|
+
);
|
|
1648
|
+
border-color: color-mix(
|
|
1649
|
+
in srgb,
|
|
1650
|
+
var(--color-status-info) 28%,
|
|
1651
|
+
var(--color-border-default)
|
|
1652
|
+
);
|
|
1644
1653
|
}
|
|
1645
1654
|
.nexus-alert--info .nexus-alert__icon {
|
|
1646
1655
|
color: var(--color-status-info-intense);
|
|
1647
1656
|
}
|
|
1648
1657
|
.nexus-alert--success {
|
|
1649
|
-
background: color-mix(
|
|
1650
|
-
|
|
1658
|
+
background: color-mix(
|
|
1659
|
+
in srgb,
|
|
1660
|
+
var(--color-status-success-dim) 45%,
|
|
1661
|
+
var(--color-surface-default)
|
|
1662
|
+
);
|
|
1663
|
+
border-color: color-mix(
|
|
1664
|
+
in srgb,
|
|
1665
|
+
var(--color-status-success) 28%,
|
|
1666
|
+
var(--color-border-default)
|
|
1667
|
+
);
|
|
1651
1668
|
}
|
|
1652
1669
|
.nexus-alert--success .nexus-alert__icon {
|
|
1653
1670
|
color: var(--color-status-success-intense);
|
|
1654
1671
|
}
|
|
1655
1672
|
.nexus-alert--warning {
|
|
1656
|
-
background: color-mix(
|
|
1657
|
-
|
|
1673
|
+
background: color-mix(
|
|
1674
|
+
in srgb,
|
|
1675
|
+
var(--color-status-warning-dim) 45%,
|
|
1676
|
+
var(--color-surface-default)
|
|
1677
|
+
);
|
|
1678
|
+
border-color: color-mix(
|
|
1679
|
+
in srgb,
|
|
1680
|
+
var(--color-status-warning) 28%,
|
|
1681
|
+
var(--color-border-default)
|
|
1682
|
+
);
|
|
1658
1683
|
}
|
|
1659
1684
|
.nexus-alert--warning .nexus-alert__icon {
|
|
1660
1685
|
color: var(--color-status-warning-intense);
|
|
1661
1686
|
}
|
|
1662
1687
|
.nexus-alert--danger {
|
|
1663
|
-
background: color-mix(
|
|
1664
|
-
|
|
1688
|
+
background: color-mix(
|
|
1689
|
+
in srgb,
|
|
1690
|
+
var(--color-status-danger-dim) 45%,
|
|
1691
|
+
var(--color-surface-default)
|
|
1692
|
+
);
|
|
1693
|
+
border-color: color-mix(
|
|
1694
|
+
in srgb,
|
|
1695
|
+
var(--color-status-danger) 28%,
|
|
1696
|
+
var(--color-border-default)
|
|
1697
|
+
);
|
|
1665
1698
|
}
|
|
1666
1699
|
.nexus-alert--danger .nexus-alert__icon {
|
|
1667
1700
|
color: var(--color-status-danger-intense);
|
|
@@ -2147,7 +2180,8 @@
|
|
|
2147
2180
|
}
|
|
2148
2181
|
}
|
|
2149
2182
|
.nexus-dropdown-separator {
|
|
2150
|
-
margin: var(--spacing-padding-xs, 0.5rem)
|
|
2183
|
+
margin: var(--spacing-padding-xs, 0.5rem)
|
|
2184
|
+
calc(-1 * var(--spacing-padding-xs, 0.5rem));
|
|
2151
2185
|
height: 1px;
|
|
2152
2186
|
background: var(--color-border-default);
|
|
2153
2187
|
}
|
|
@@ -2239,13 +2273,16 @@
|
|
|
2239
2273
|
font-weight: var(--font-weight-text-medium-sm, 500);
|
|
2240
2274
|
color: var(--color-text-secondary);
|
|
2241
2275
|
cursor: pointer;
|
|
2242
|
-
transition: color var(--duration-transition-normal, 200ms)
|
|
2276
|
+
transition: color var(--duration-transition-normal, 200ms)
|
|
2277
|
+
var(--ease-transition-fast);
|
|
2243
2278
|
outline: none;
|
|
2244
2279
|
position: relative;
|
|
2245
2280
|
z-index: 1;
|
|
2246
2281
|
}
|
|
2247
2282
|
.nexus-toggle-group__item:focus-visible {
|
|
2248
|
-
box-shadow:
|
|
2283
|
+
box-shadow:
|
|
2284
|
+
0 0 0 2px var(--color-surface-default),
|
|
2285
|
+
0 0 0 4px var(--color-accent-primary-focus);
|
|
2249
2286
|
}
|
|
2250
2287
|
.nexus-toggle-group__item[data-disabled] {
|
|
2251
2288
|
pointer-events: none;
|
|
@@ -2261,7 +2298,8 @@
|
|
|
2261
2298
|
background: var(--color-accent-primary-dim);
|
|
2262
2299
|
color: var(--color-accent-primary-intense);
|
|
2263
2300
|
}
|
|
2264
|
-
.nexus-toggle-group--outline
|
|
2301
|
+
.nexus-toggle-group--outline
|
|
2302
|
+
.nexus-toggle-group__item:not([data-state='on']):hover {
|
|
2265
2303
|
background: var(--color-surface-hover);
|
|
2266
2304
|
color: var(--color-text-primary);
|
|
2267
2305
|
}
|
|
@@ -2891,7 +2929,6 @@
|
|
|
2891
2929
|
}
|
|
2892
2930
|
.nexus-td__inner {
|
|
2893
2931
|
border-radius: var(--radius-corner-md, 0.375rem);
|
|
2894
|
-
padding: 2px 0.25rem;
|
|
2895
2932
|
transition-property: background-color;
|
|
2896
2933
|
transition-duration: 150ms;
|
|
2897
2934
|
}
|
|
@@ -3571,7 +3608,8 @@
|
|
|
3571
3608
|
flex: 1;
|
|
3572
3609
|
height: 2px;
|
|
3573
3610
|
background: var(--color-border-default);
|
|
3574
|
-
transition: background var(--duration-transition-normal, 200ms)
|
|
3611
|
+
transition: background var(--duration-transition-normal, 200ms)
|
|
3612
|
+
var(--ease-transition-normal);
|
|
3575
3613
|
}
|
|
3576
3614
|
.nexus-stepper--horizontal .nexus-stepper__connector--hidden {
|
|
3577
3615
|
visibility: hidden;
|
|
@@ -3607,7 +3645,8 @@
|
|
|
3607
3645
|
flex: 1;
|
|
3608
3646
|
min-height: var(--spacing-padding-sm, 0.75rem);
|
|
3609
3647
|
background: var(--color-border-default);
|
|
3610
|
-
transition: background var(--duration-transition-normal, 200ms)
|
|
3648
|
+
transition: background var(--duration-transition-normal, 200ms)
|
|
3649
|
+
var(--ease-transition-normal);
|
|
3611
3650
|
}
|
|
3612
3651
|
.nexus-stepper--vertical .nexus-stepper__connector--completed {
|
|
3613
3652
|
background: var(--color-accent-primary);
|
|
@@ -3630,7 +3669,8 @@
|
|
|
3630
3669
|
font-size: var(--text-text-sm, 0.875rem);
|
|
3631
3670
|
font-weight: var(--font-weight-text-medium-sm, 500);
|
|
3632
3671
|
color: var(--color-text-secondary);
|
|
3633
|
-
transition: all var(--duration-transition-normal, 200ms)
|
|
3672
|
+
transition: all var(--duration-transition-normal, 200ms)
|
|
3673
|
+
var(--ease-transition-normal);
|
|
3634
3674
|
}
|
|
3635
3675
|
.nexus-stepper--sm .nexus-stepper__indicator {
|
|
3636
3676
|
width: 1.75rem;
|
|
@@ -3656,13 +3696,15 @@
|
|
|
3656
3696
|
border-color: var(--color-accent-primary);
|
|
3657
3697
|
color: var(--color-accent-primary);
|
|
3658
3698
|
background: var(--color-surface-default);
|
|
3659
|
-
box-shadow: 0 0 0 3px
|
|
3699
|
+
box-shadow: 0 0 0 3px
|
|
3700
|
+
color-mix(in srgb, var(--color-accent-primary) 20%, transparent);
|
|
3660
3701
|
}
|
|
3661
3702
|
.nexus-stepper__step--error .nexus-stepper__indicator {
|
|
3662
3703
|
border-color: var(--color-status-danger);
|
|
3663
3704
|
color: var(--color-status-danger);
|
|
3664
3705
|
background: var(--color-surface-default);
|
|
3665
|
-
box-shadow: 0 0 0 3px
|
|
3706
|
+
box-shadow: 0 0 0 3px
|
|
3707
|
+
color-mix(in srgb, var(--color-status-danger) 20%, transparent);
|
|
3666
3708
|
}
|
|
3667
3709
|
.nexus-stepper__step--pending .nexus-stepper__indicator {
|
|
3668
3710
|
border-color: var(--color-border-default);
|
|
@@ -3712,7 +3754,8 @@
|
|
|
3712
3754
|
align-items: center;
|
|
3713
3755
|
gap: var(--spacing-gap-xs, 0.25rem);
|
|
3714
3756
|
padding: var(--spacing-padding-xs, 0.5rem);
|
|
3715
|
-
border: var(--border-width-stroke-default, 1px) solid
|
|
3757
|
+
border: var(--border-width-stroke-default, 1px) solid
|
|
3758
|
+
var(--color-border-default);
|
|
3716
3759
|
border-radius: var(--radius-corner-md, 0.5rem);
|
|
3717
3760
|
background: var(--color-surface-default);
|
|
3718
3761
|
cursor: text;
|
|
@@ -3813,7 +3856,12 @@
|
|
|
3813
3856
|
.nexus-image__skeleton {
|
|
3814
3857
|
position: absolute;
|
|
3815
3858
|
inset: 0;
|
|
3816
|
-
background: linear-gradient(
|
|
3859
|
+
background: linear-gradient(
|
|
3860
|
+
90deg,
|
|
3861
|
+
var(--color-surface-subtle) 25%,
|
|
3862
|
+
var(--color-surface-default) 50%,
|
|
3863
|
+
var(--color-surface-subtle) 75%
|
|
3864
|
+
);
|
|
3817
3865
|
background-size: 200% 100%;
|
|
3818
3866
|
animation: nexus-shimmer 1.5s infinite;
|
|
3819
3867
|
}
|
|
@@ -3841,8 +3889,12 @@
|
|
|
3841
3889
|
}
|
|
3842
3890
|
|
|
3843
3891
|
@keyframes nexus-shimmer {
|
|
3844
|
-
0% {
|
|
3845
|
-
|
|
3892
|
+
0% {
|
|
3893
|
+
background-position: -200% 0;
|
|
3894
|
+
}
|
|
3895
|
+
100% {
|
|
3896
|
+
background-position: 200% 0;
|
|
3897
|
+
}
|
|
3846
3898
|
}
|
|
3847
3899
|
|
|
3848
3900
|
/* ═══════════════════════════════════════════
|
|
@@ -3858,7 +3910,8 @@
|
|
|
3858
3910
|
align-items: center;
|
|
3859
3911
|
gap: var(--spacing-gap-sm, 0.5rem);
|
|
3860
3912
|
padding: var(--spacing-padding-xs, 0.5rem) var(--spacing-padding-sm, 0.75rem);
|
|
3861
|
-
border: var(--border-width-stroke-default, 1px) solid
|
|
3913
|
+
border: var(--border-width-stroke-default, 1px) solid
|
|
3914
|
+
var(--color-border-default);
|
|
3862
3915
|
border-radius: var(--radius-corner-md, 0.5rem);
|
|
3863
3916
|
background: var(--color-surface-default);
|
|
3864
3917
|
font: inherit;
|
|
@@ -3890,7 +3943,8 @@
|
|
|
3890
3943
|
left: 0;
|
|
3891
3944
|
z-index: var(--z-index-layer-popover, 30);
|
|
3892
3945
|
background: var(--color-surface-default);
|
|
3893
|
-
border: var(--border-width-stroke-default, 1px) solid
|
|
3946
|
+
border: var(--border-width-stroke-default, 1px) solid
|
|
3947
|
+
var(--color-border-default);
|
|
3894
3948
|
border-radius: var(--radius-corner-lg, 0.75rem);
|
|
3895
3949
|
box-shadow: var(--shadow-lg, 0 2px 8px -1px rgb(0 0 0 / 0.12));
|
|
3896
3950
|
padding: var(--spacing-padding-sm, 0.75rem);
|
|
@@ -3967,7 +4021,9 @@
|
|
|
3967
4021
|
font: inherit;
|
|
3968
4022
|
font-size: var(--text-text-sm, 0.875rem);
|
|
3969
4023
|
color: var(--color-text-primary);
|
|
3970
|
-
transition:
|
|
4024
|
+
transition:
|
|
4025
|
+
background 150ms,
|
|
4026
|
+
color 150ms;
|
|
3971
4027
|
}
|
|
3972
4028
|
.nexus-calendar__day:hover {
|
|
3973
4029
|
background: var(--color-surface-default-hover);
|
|
@@ -3981,7 +4037,8 @@
|
|
|
3981
4037
|
}
|
|
3982
4038
|
.nexus-calendar__day--today {
|
|
3983
4039
|
font-weight: var(--font-weight-text-semibold-sm, 600);
|
|
3984
|
-
border: var(--border-width-stroke-default, 1px) solid
|
|
4040
|
+
border: var(--border-width-stroke-default, 1px) solid
|
|
4041
|
+
var(--color-accent-primary);
|
|
3985
4042
|
}
|
|
3986
4043
|
.nexus-calendar__day--outside {
|
|
3987
4044
|
color: var(--color-text-muted);
|
|
@@ -3995,8 +4052,14 @@
|
|
|
3995
4052
|
}
|
|
3996
4053
|
|
|
3997
4054
|
@keyframes nexus-fade-in {
|
|
3998
|
-
from {
|
|
3999
|
-
|
|
4055
|
+
from {
|
|
4056
|
+
opacity: 0;
|
|
4057
|
+
transform: translateY(-4px);
|
|
4058
|
+
}
|
|
4059
|
+
to {
|
|
4060
|
+
opacity: 1;
|
|
4061
|
+
transform: translateY(0);
|
|
4062
|
+
}
|
|
4000
4063
|
}
|
|
4001
4064
|
|
|
4002
4065
|
}
|
package/dist/styles.mjs
CHANGED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import { TableData, ChildrenFuncParamsType } from './types';
|
|
3
|
+
interface TableProps<T extends TableData[]> {
|
|
4
|
+
className?: string;
|
|
5
|
+
theadClassName?: string;
|
|
6
|
+
notification?: ReactNode;
|
|
7
|
+
list: T | null | undefined;
|
|
8
|
+
noDataMsg?: ReactElement | string;
|
|
9
|
+
hideThead?: boolean;
|
|
10
|
+
sortUpElement?: ReactElement | string;
|
|
11
|
+
sortDownElement?: ReactElement | string;
|
|
12
|
+
loadingType?: 'loading' | 'skeleton';
|
|
13
|
+
loadingElement?: ReactElement;
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
skeletonCount?: number;
|
|
16
|
+
children: (obj: ChildrenFuncParamsType<T>) => ReactNode;
|
|
17
|
+
}
|
|
18
|
+
export declare function Table<T extends TableData[]>({ className, theadClassName, list, children, loadingElement, noDataMsg, hideThead, sortUpElement, sortDownElement, loadingType, loading, skeletonCount, notification, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export type { TableProps };
|
|
20
|
+
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,YAAY,EACZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,SAAS,EAAE,sBAAsB,EAAsB,MAAM,SAAS,CAAC;AAmChF,UAAU,UAAU,CAAC,CAAC,SAAS,SAAS,EAAE;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,IAAI,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACtC,eAAe,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACxC,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACrC,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;CACzD;AA0DD,wBAAgB,KAAK,CAAC,CAAC,SAAS,SAAS,EAAE,EAAE,EAC3C,SAAc,EACd,cAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,SAAS,EACT,SAAS,EACT,aAAmD,EACnD,eAAsD,EACtD,WAAwB,EACxB,OAAO,EACP,aAAkB,EAClB,YAAY,GACb,EAAE,UAAU,CAAC,CAAC,CAAC,2CAoOf;AAED,YAAY,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
type TableHighlightContextType = {
|
|
3
|
+
highlightValue: string | null;
|
|
4
|
+
setHighlightValue: (value: string | null) => void;
|
|
5
|
+
};
|
|
6
|
+
export declare const useTableHighlight: () => TableHighlightContextType;
|
|
7
|
+
export declare const TableHighlightProvider: ({ children }: {
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=TableHighlightContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableHighlightContext.d.ts","sourceRoot":"","sources":["../../src/table/TableHighlightContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvE,KAAK,yBAAyB,GAAG;IAC/B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD,CAAC;AAOF,eAAO,MAAM,iBAAiB,iCAA0C,CAAC;AAEzE,eAAO,MAAM,sBAAsB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAO3E,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { ReactNode, MouseEvent } from 'react';
|
|
3
|
+
declare const tableRowVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "accent" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
type TableRowProps = VariantProps<typeof tableRowVariants> & {
|
|
7
|
+
className?: string;
|
|
8
|
+
children: ReactNode | string;
|
|
9
|
+
onClick?: (e: MouseEvent<HTMLTableRowElement>) => void;
|
|
10
|
+
};
|
|
11
|
+
export declare const TableRow: {
|
|
12
|
+
({ className, children, onClick, variant }: TableRowProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
displayName: string;
|
|
14
|
+
};
|
|
15
|
+
export type { TableRowProps };
|
|
16
|
+
export { tableRowVariants };
|
|
17
|
+
//# sourceMappingURL=TableRow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../src/table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAc,EAAE,SAAS,EAAE,UAAU,EAAW,MAAM,OAAO,CAAC;AAG9D,QAAA,MAAM,gBAAgB;;8EAQpB,CAAC;AAEH,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,GAAG;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,QAAQ;gDAAgE,aAAa;;CAyBjG,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import { TableThRowDataType } from './types';
|
|
3
|
+
type TdColumnProps = TableThRowDataType & {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
textOverflow?: 'auto' | 'truncate' | 'wrap' | 'break-all';
|
|
6
|
+
highlightKey?: string | null;
|
|
7
|
+
style?: CSSProperties;
|
|
8
|
+
};
|
|
9
|
+
export declare const TdColumn: {
|
|
10
|
+
({ className, children, fieldId, size, colSpan, rowSpan, align, textOverflow, highlightKey, style, }: TdColumnProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
export type { TdColumnProps };
|
|
14
|
+
//# sourceMappingURL=TdColumn.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TdColumn.d.ts","sourceRoot":"","sources":["../../src/table/TdColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,KAAK,aAAa,GAAG,kBAAkB,GAAG;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IAC1D,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAeF,eAAO,MAAM,QAAQ;0GAWlB,aAAa;;CA0Cf,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Table as TableBase } from './Table';
|
|
2
|
+
declare const Table: typeof TableBase & {
|
|
3
|
+
Row: {
|
|
4
|
+
({ className, children, onClick, variant }: import("./TableRow").TableRowProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
Column: {
|
|
8
|
+
({ className, children, fieldId, size, colSpan, rowSpan, align, textOverflow, highlightKey, style, }: import("./TdColumn").TdColumnProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
HighlightProvider: ({ children }: {
|
|
12
|
+
children: import("react").ReactNode;
|
|
13
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
};
|
|
15
|
+
export { Table };
|
|
16
|
+
export type { TableProps } from './Table';
|
|
17
|
+
export { TableRow, tableRowVariants } from './TableRow';
|
|
18
|
+
export type { TableRowProps } from './TableRow';
|
|
19
|
+
export { TdColumn } from './TdColumn';
|
|
20
|
+
export type { TdColumnProps } from './TdColumn';
|
|
21
|
+
export { TableHighlightProvider, useTableHighlight } from './TableHighlightContext';
|
|
22
|
+
export * from './types';
|
|
23
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAK7C,QAAA,MAAM,KAAK;;;;;;;;;;;;CAIT,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACxD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACpF,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { CSSProperties, ReactElement } from 'react';
|
|
2
|
+
export type TableThRowDataType = {
|
|
3
|
+
className?: string;
|
|
4
|
+
style?: CSSProperties;
|
|
5
|
+
label?: ReactElement | string;
|
|
6
|
+
fieldId: string | null;
|
|
7
|
+
rowSpan?: number;
|
|
8
|
+
colSpan?: number;
|
|
9
|
+
thColSpan?: number;
|
|
10
|
+
thRowSpan?: number;
|
|
11
|
+
size?: number | string;
|
|
12
|
+
align?: 'center' | 'left' | 'right';
|
|
13
|
+
enableSorting?: boolean;
|
|
14
|
+
order?: 'desc' | 'asc' | '';
|
|
15
|
+
sortValue?: string | number;
|
|
16
|
+
handleClickSort?: (params: {
|
|
17
|
+
index: number;
|
|
18
|
+
fieldId: string;
|
|
19
|
+
order: 'desc' | 'asc' | '';
|
|
20
|
+
}) => Promise<void> | void;
|
|
21
|
+
};
|
|
22
|
+
export type TableData = Record<string, unknown>;
|
|
23
|
+
export type ChildrenFuncParamsType<T> = {
|
|
24
|
+
index: number;
|
|
25
|
+
item: T extends (infer R)[] ? R : never;
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC9B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE;QACzB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,GAAG,KAAK,GAAG,EAAE,CAAC;KAC5B,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEhD,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC;CACzC,CAAC"}
|
package/dist/table.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunk3RK3UT2O_js = require('./chunks/chunk-3RK3UT2O.js');
|
|
4
4
|
require('./chunks/chunk-BLGQHR3M.js');
|
|
5
5
|
require('./chunks/chunk-CZC76ZD5.js');
|
|
6
6
|
require('./chunks/chunk-JNMCYWGY.js');
|
|
@@ -9,25 +9,25 @@ require('./chunks/chunk-JNMCYWGY.js');
|
|
|
9
9
|
|
|
10
10
|
Object.defineProperty(exports, "Table", {
|
|
11
11
|
enumerable: true,
|
|
12
|
-
get: function () { return
|
|
12
|
+
get: function () { return chunk3RK3UT2O_js.Table; }
|
|
13
13
|
});
|
|
14
14
|
Object.defineProperty(exports, "TableHighlightProvider", {
|
|
15
15
|
enumerable: true,
|
|
16
|
-
get: function () { return
|
|
16
|
+
get: function () { return chunk3RK3UT2O_js.TableHighlightProvider; }
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "TableRow", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function () { return
|
|
20
|
+
get: function () { return chunk3RK3UT2O_js.TableRow; }
|
|
21
21
|
});
|
|
22
22
|
Object.defineProperty(exports, "TdColumn", {
|
|
23
23
|
enumerable: true,
|
|
24
|
-
get: function () { return
|
|
24
|
+
get: function () { return chunk3RK3UT2O_js.TdColumn; }
|
|
25
25
|
});
|
|
26
26
|
Object.defineProperty(exports, "tableRowVariants", {
|
|
27
27
|
enumerable: true,
|
|
28
|
-
get: function () { return
|
|
28
|
+
get: function () { return chunk3RK3UT2O_js.tableRowVariants; }
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "useTableHighlight", {
|
|
31
31
|
enumerable: true,
|
|
32
|
-
get: function () { return
|
|
32
|
+
get: function () { return chunk3RK3UT2O_js.useTableHighlight; }
|
|
33
33
|
});
|
package/dist/table.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Table, TableHighlightProvider, TableRow, TdColumn, tableRowVariants, useTableHighlight } from './chunks/chunk-
|
|
1
|
+
export { Table, TableHighlightProvider, TableRow, TdColumn, tableRowVariants, useTableHighlight } from './chunks/chunk-AAITRHED.mjs';
|
|
2
2
|
import './chunks/chunk-P2T72N62.mjs';
|
|
3
3
|
import './chunks/chunk-MCKOWMLS.mjs';
|
|
4
4
|
import './chunks/chunk-CVYXRSXT.mjs';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type ToasterProps as SonnerToasterProps } from 'sonner';
|
|
2
|
+
export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
3
|
+
export interface ToasterProps extends Partial<SonnerToasterProps> {
|
|
4
|
+
position?: ToastPosition;
|
|
5
|
+
unstyled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare function Toaster({ position, unstyled, toastOptions, ...props }: ToasterProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,YAAY,IAAI,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAG3F,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,YAAa,SAAQ,OAAO,CAAC,kBAAkB,CAAC;IAC/D,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAuB,EACvB,QAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,YAAY,2CAwBd"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { toast } from 'sonner';
|
|
2
|
+
export type { ExternalToast as ToastOptions } from 'sonner';
|
|
3
|
+
export { Toaster } from './Toast';
|
|
4
|
+
export type { ToasterProps, ToastPosition } from './Toast';
|
|
5
|
+
export { useToast } from './useToast';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,YAAY,EAAE,aAAa,IAAI,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -1,14 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { ExternalToast as ToastOptions, toast } from 'sonner';
|
|
3
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
|
|
5
|
-
type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
6
|
-
interface ToasterProps extends Partial<ToasterProps$1> {
|
|
7
|
-
position?: ToastPosition;
|
|
8
|
-
unstyled?: boolean;
|
|
9
|
-
}
|
|
10
|
-
declare function Toaster({ position, unstyled, toastOptions, ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
|
|
11
|
-
|
|
1
|
+
import { type ExternalToast } from 'sonner';
|
|
12
2
|
type ToastOptions = ExternalToast;
|
|
13
3
|
/**
|
|
14
4
|
* Sonner toast 래퍼 훅.
|
|
@@ -18,7 +8,7 @@ type ToastOptions = ExternalToast;
|
|
|
18
8
|
*
|
|
19
9
|
* headless 모드: `toast.custom(<MyComponent />)` 사용
|
|
20
10
|
*/
|
|
21
|
-
declare function useToast(): {
|
|
11
|
+
export declare function useToast(): {
|
|
22
12
|
toast: (message: string, options?: ToastOptions) => string | number;
|
|
23
13
|
successToast: (message: string, options?: ToastOptions) => string | number;
|
|
24
14
|
errorToast: (message: string, options?: ToastOptions) => string | number;
|
|
@@ -38,5 +28,5 @@ declare function useToast(): {
|
|
|
38
28
|
customToast: (jsx: (id: string | number) => React.ReactElement, options?: ToastOptions) => string | number;
|
|
39
29
|
dismissToast: (id?: string | number) => string | number;
|
|
40
30
|
};
|
|
41
|
-
|
|
42
|
-
|
|
31
|
+
export {};
|
|
32
|
+
//# sourceMappingURL=useToast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../src/toast/useToast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEnD,KAAK,YAAY,GAAG,aAAa,CAAC;AAElC;;;;;;;GAOG;AACH,wBAAgB,QAAQ;qBACM,MAAM,YAAY,YAAY;4BAE3B,MAAM,YAAY,YAAY;0BAGhC,MAAM,YAAY,YAAY;4BAG5B,MAAM,YAAY,YAAY;yBAGjC,MAAM,YAAY,YAAY;mBAGpC,CAAC,WACZ,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,QAClC;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;QACxC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC;KAC9C,YACS,YAAY;;;;;;;uBAGE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,KAAK,CAAC,YAAY,YAAY,YAAY;wBAGlE,MAAM,GAAG,MAAM;EAY3C"}
|
package/dist/utils/cn.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAE7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
|
package/dist/utils/scroll.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
declare const scrollFreeze: () => void;
|
|
2
|
-
declare const scrollRelease: () => void;
|
|
3
|
-
|
|
4
|
-
export { scrollFreeze, scrollRelease };
|
|
1
|
+
export declare const scrollFreeze: () => void;
|
|
2
|
+
export declare const scrollRelease: () => void;
|
|
3
|
+
//# sourceMappingURL=scroll.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../src/utils/scroll.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,YAqBxB,CAAC;AAEF,eAAO,MAAM,aAAa,YAmBzB,CAAC"}
|