@nexus-cross/design-system 1.0.6 → 1.0.7
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/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-QRNHFOLG.js → chunk-OE5BAEBE.js} +1 -1
- 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/{breadcrumb.d.mts → components/Breadcrumb.d.ts} +3 -3
- 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.mts → 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 +7 -7
- package/dist/index.mjs +1 -1
- 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/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 +38 -0
- package/dist/schemas/breadcrumb.d.ts.map +1 -0
- 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/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.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/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.ts +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.css
CHANGED
|
@@ -1538,8 +1538,8 @@
|
|
|
1538
1538
|
.nexus-progress__bar {
|
|
1539
1539
|
height: 100%;
|
|
1540
1540
|
border-radius: inherit;
|
|
1541
|
-
transition:
|
|
1542
|
-
|
|
1541
|
+
transition: width var(--duration-transition-normal, 200ms)
|
|
1542
|
+
var(--ease-transition-normal, cubic-bezier(0, 0, 0.2, 1));
|
|
1543
1543
|
}
|
|
1544
1544
|
.nexus-progress--primary .nexus-progress__bar {
|
|
1545
1545
|
background: var(--color-accent-primary);
|
|
@@ -1562,8 +1562,8 @@
|
|
|
1562
1562
|
top: 0;
|
|
1563
1563
|
bottom: 0;
|
|
1564
1564
|
width: 35% !important;
|
|
1565
|
-
animation: nexus-progress-indeterminate 1.1s
|
|
1566
|
-
infinite;
|
|
1565
|
+
animation: nexus-progress-indeterminate 1.1s
|
|
1566
|
+
var(--ease-transition-normal, cubic-bezier(0, 0, 0.2, 1)) infinite;
|
|
1567
1567
|
}
|
|
1568
1568
|
@keyframes nexus-progress-indeterminate {
|
|
1569
1569
|
0% {
|
|
@@ -1628,7 +1628,8 @@
|
|
|
1628
1628
|
cursor: pointer;
|
|
1629
1629
|
font: inherit;
|
|
1630
1630
|
color: var(--color-icon-secondary);
|
|
1631
|
-
transition: color var(--duration-transition-fast, 150ms)
|
|
1631
|
+
transition: color var(--duration-transition-fast, 150ms)
|
|
1632
|
+
var(--ease-transition-fast, ease);
|
|
1632
1633
|
}
|
|
1633
1634
|
.nexus-alert__close:hover {
|
|
1634
1635
|
color: var(--color-icon-primary);
|
|
@@ -1638,29 +1639,61 @@
|
|
|
1638
1639
|
height: 1rem;
|
|
1639
1640
|
}
|
|
1640
1641
|
.nexus-alert--info {
|
|
1641
|
-
background: color-mix(
|
|
1642
|
-
|
|
1642
|
+
background: color-mix(
|
|
1643
|
+
in srgb,
|
|
1644
|
+
var(--color-status-info-dim) 45%,
|
|
1645
|
+
var(--color-surface-default)
|
|
1646
|
+
);
|
|
1647
|
+
border-color: color-mix(
|
|
1648
|
+
in srgb,
|
|
1649
|
+
var(--color-status-info) 28%,
|
|
1650
|
+
var(--color-border-default)
|
|
1651
|
+
);
|
|
1643
1652
|
}
|
|
1644
1653
|
.nexus-alert--info .nexus-alert__icon {
|
|
1645
1654
|
color: var(--color-status-info-intense);
|
|
1646
1655
|
}
|
|
1647
1656
|
.nexus-alert--success {
|
|
1648
|
-
background: color-mix(
|
|
1649
|
-
|
|
1657
|
+
background: color-mix(
|
|
1658
|
+
in srgb,
|
|
1659
|
+
var(--color-status-success-dim) 45%,
|
|
1660
|
+
var(--color-surface-default)
|
|
1661
|
+
);
|
|
1662
|
+
border-color: color-mix(
|
|
1663
|
+
in srgb,
|
|
1664
|
+
var(--color-status-success) 28%,
|
|
1665
|
+
var(--color-border-default)
|
|
1666
|
+
);
|
|
1650
1667
|
}
|
|
1651
1668
|
.nexus-alert--success .nexus-alert__icon {
|
|
1652
1669
|
color: var(--color-status-success-intense);
|
|
1653
1670
|
}
|
|
1654
1671
|
.nexus-alert--warning {
|
|
1655
|
-
background: color-mix(
|
|
1656
|
-
|
|
1672
|
+
background: color-mix(
|
|
1673
|
+
in srgb,
|
|
1674
|
+
var(--color-status-warning-dim) 45%,
|
|
1675
|
+
var(--color-surface-default)
|
|
1676
|
+
);
|
|
1677
|
+
border-color: color-mix(
|
|
1678
|
+
in srgb,
|
|
1679
|
+
var(--color-status-warning) 28%,
|
|
1680
|
+
var(--color-border-default)
|
|
1681
|
+
);
|
|
1657
1682
|
}
|
|
1658
1683
|
.nexus-alert--warning .nexus-alert__icon {
|
|
1659
1684
|
color: var(--color-status-warning-intense);
|
|
1660
1685
|
}
|
|
1661
1686
|
.nexus-alert--danger {
|
|
1662
|
-
background: color-mix(
|
|
1663
|
-
|
|
1687
|
+
background: color-mix(
|
|
1688
|
+
in srgb,
|
|
1689
|
+
var(--color-status-danger-dim) 45%,
|
|
1690
|
+
var(--color-surface-default)
|
|
1691
|
+
);
|
|
1692
|
+
border-color: color-mix(
|
|
1693
|
+
in srgb,
|
|
1694
|
+
var(--color-status-danger) 28%,
|
|
1695
|
+
var(--color-border-default)
|
|
1696
|
+
);
|
|
1664
1697
|
}
|
|
1665
1698
|
.nexus-alert--danger .nexus-alert__icon {
|
|
1666
1699
|
color: var(--color-status-danger-intense);
|
|
@@ -2146,7 +2179,8 @@
|
|
|
2146
2179
|
}
|
|
2147
2180
|
}
|
|
2148
2181
|
.nexus-dropdown-separator {
|
|
2149
|
-
margin: var(--spacing-padding-xs, 0.5rem)
|
|
2182
|
+
margin: var(--spacing-padding-xs, 0.5rem)
|
|
2183
|
+
calc(-1 * var(--spacing-padding-xs, 0.5rem));
|
|
2150
2184
|
height: 1px;
|
|
2151
2185
|
background: var(--color-border-default);
|
|
2152
2186
|
}
|
|
@@ -2238,13 +2272,16 @@
|
|
|
2238
2272
|
font-weight: var(--font-weight-text-medium-sm, 500);
|
|
2239
2273
|
color: var(--color-text-secondary);
|
|
2240
2274
|
cursor: pointer;
|
|
2241
|
-
transition: color var(--duration-transition-normal, 200ms)
|
|
2275
|
+
transition: color var(--duration-transition-normal, 200ms)
|
|
2276
|
+
var(--ease-transition-fast);
|
|
2242
2277
|
outline: none;
|
|
2243
2278
|
position: relative;
|
|
2244
2279
|
z-index: 1;
|
|
2245
2280
|
}
|
|
2246
2281
|
.nexus-toggle-group__item:focus-visible {
|
|
2247
|
-
box-shadow:
|
|
2282
|
+
box-shadow:
|
|
2283
|
+
0 0 0 2px var(--color-surface-default),
|
|
2284
|
+
0 0 0 4px var(--color-accent-primary-focus);
|
|
2248
2285
|
}
|
|
2249
2286
|
.nexus-toggle-group__item[data-disabled] {
|
|
2250
2287
|
pointer-events: none;
|
|
@@ -2260,7 +2297,8 @@
|
|
|
2260
2297
|
background: var(--color-accent-primary-dim);
|
|
2261
2298
|
color: var(--color-accent-primary-intense);
|
|
2262
2299
|
}
|
|
2263
|
-
.nexus-toggle-group--outline
|
|
2300
|
+
.nexus-toggle-group--outline
|
|
2301
|
+
.nexus-toggle-group__item:not([data-state='on']):hover {
|
|
2264
2302
|
background: var(--color-surface-hover);
|
|
2265
2303
|
color: var(--color-text-primary);
|
|
2266
2304
|
}
|
|
@@ -2890,7 +2928,6 @@
|
|
|
2890
2928
|
}
|
|
2891
2929
|
.nexus-td__inner {
|
|
2892
2930
|
border-radius: var(--radius-corner-md, 0.375rem);
|
|
2893
|
-
padding: 2px 0.25rem;
|
|
2894
2931
|
transition-property: background-color;
|
|
2895
2932
|
transition-duration: 150ms;
|
|
2896
2933
|
}
|
|
@@ -3570,7 +3607,8 @@
|
|
|
3570
3607
|
flex: 1;
|
|
3571
3608
|
height: 2px;
|
|
3572
3609
|
background: var(--color-border-default);
|
|
3573
|
-
transition: background var(--duration-transition-normal, 200ms)
|
|
3610
|
+
transition: background var(--duration-transition-normal, 200ms)
|
|
3611
|
+
var(--ease-transition-normal);
|
|
3574
3612
|
}
|
|
3575
3613
|
.nexus-stepper--horizontal .nexus-stepper__connector--hidden {
|
|
3576
3614
|
visibility: hidden;
|
|
@@ -3606,7 +3644,8 @@
|
|
|
3606
3644
|
flex: 1;
|
|
3607
3645
|
min-height: var(--spacing-padding-sm, 0.75rem);
|
|
3608
3646
|
background: var(--color-border-default);
|
|
3609
|
-
transition: background var(--duration-transition-normal, 200ms)
|
|
3647
|
+
transition: background var(--duration-transition-normal, 200ms)
|
|
3648
|
+
var(--ease-transition-normal);
|
|
3610
3649
|
}
|
|
3611
3650
|
.nexus-stepper--vertical .nexus-stepper__connector--completed {
|
|
3612
3651
|
background: var(--color-accent-primary);
|
|
@@ -3629,7 +3668,8 @@
|
|
|
3629
3668
|
font-size: var(--text-text-sm, 0.875rem);
|
|
3630
3669
|
font-weight: var(--font-weight-text-medium-sm, 500);
|
|
3631
3670
|
color: var(--color-text-secondary);
|
|
3632
|
-
transition: all var(--duration-transition-normal, 200ms)
|
|
3671
|
+
transition: all var(--duration-transition-normal, 200ms)
|
|
3672
|
+
var(--ease-transition-normal);
|
|
3633
3673
|
}
|
|
3634
3674
|
.nexus-stepper--sm .nexus-stepper__indicator {
|
|
3635
3675
|
width: 1.75rem;
|
|
@@ -3655,13 +3695,15 @@
|
|
|
3655
3695
|
border-color: var(--color-accent-primary);
|
|
3656
3696
|
color: var(--color-accent-primary);
|
|
3657
3697
|
background: var(--color-surface-default);
|
|
3658
|
-
box-shadow: 0 0 0 3px
|
|
3698
|
+
box-shadow: 0 0 0 3px
|
|
3699
|
+
color-mix(in srgb, var(--color-accent-primary) 20%, transparent);
|
|
3659
3700
|
}
|
|
3660
3701
|
.nexus-stepper__step--error .nexus-stepper__indicator {
|
|
3661
3702
|
border-color: var(--color-status-danger);
|
|
3662
3703
|
color: var(--color-status-danger);
|
|
3663
3704
|
background: var(--color-surface-default);
|
|
3664
|
-
box-shadow: 0 0 0 3px
|
|
3705
|
+
box-shadow: 0 0 0 3px
|
|
3706
|
+
color-mix(in srgb, var(--color-status-danger) 20%, transparent);
|
|
3665
3707
|
}
|
|
3666
3708
|
.nexus-stepper__step--pending .nexus-stepper__indicator {
|
|
3667
3709
|
border-color: var(--color-border-default);
|
|
@@ -3711,7 +3753,8 @@
|
|
|
3711
3753
|
align-items: center;
|
|
3712
3754
|
gap: var(--spacing-gap-xs, 0.25rem);
|
|
3713
3755
|
padding: var(--spacing-padding-xs, 0.5rem);
|
|
3714
|
-
border: var(--border-width-stroke-default, 1px) solid
|
|
3756
|
+
border: var(--border-width-stroke-default, 1px) solid
|
|
3757
|
+
var(--color-border-default);
|
|
3715
3758
|
border-radius: var(--radius-corner-md, 0.5rem);
|
|
3716
3759
|
background: var(--color-surface-default);
|
|
3717
3760
|
cursor: text;
|
|
@@ -3812,7 +3855,12 @@
|
|
|
3812
3855
|
.nexus-image__skeleton {
|
|
3813
3856
|
position: absolute;
|
|
3814
3857
|
inset: 0;
|
|
3815
|
-
background: linear-gradient(
|
|
3858
|
+
background: linear-gradient(
|
|
3859
|
+
90deg,
|
|
3860
|
+
var(--color-surface-subtle) 25%,
|
|
3861
|
+
var(--color-surface-default) 50%,
|
|
3862
|
+
var(--color-surface-subtle) 75%
|
|
3863
|
+
);
|
|
3816
3864
|
background-size: 200% 100%;
|
|
3817
3865
|
animation: nexus-shimmer 1.5s infinite;
|
|
3818
3866
|
}
|
|
@@ -3840,8 +3888,12 @@
|
|
|
3840
3888
|
}
|
|
3841
3889
|
|
|
3842
3890
|
@keyframes nexus-shimmer {
|
|
3843
|
-
0% {
|
|
3844
|
-
|
|
3891
|
+
0% {
|
|
3892
|
+
background-position: -200% 0;
|
|
3893
|
+
}
|
|
3894
|
+
100% {
|
|
3895
|
+
background-position: 200% 0;
|
|
3896
|
+
}
|
|
3845
3897
|
}
|
|
3846
3898
|
|
|
3847
3899
|
/* ═══════════════════════════════════════════
|
|
@@ -3857,7 +3909,8 @@
|
|
|
3857
3909
|
align-items: center;
|
|
3858
3910
|
gap: var(--spacing-gap-sm, 0.5rem);
|
|
3859
3911
|
padding: var(--spacing-padding-xs, 0.5rem) var(--spacing-padding-sm, 0.75rem);
|
|
3860
|
-
border: var(--border-width-stroke-default, 1px) solid
|
|
3912
|
+
border: var(--border-width-stroke-default, 1px) solid
|
|
3913
|
+
var(--color-border-default);
|
|
3861
3914
|
border-radius: var(--radius-corner-md, 0.5rem);
|
|
3862
3915
|
background: var(--color-surface-default);
|
|
3863
3916
|
font: inherit;
|
|
@@ -3889,7 +3942,8 @@
|
|
|
3889
3942
|
left: 0;
|
|
3890
3943
|
z-index: var(--z-index-layer-popover, 30);
|
|
3891
3944
|
background: var(--color-surface-default);
|
|
3892
|
-
border: var(--border-width-stroke-default, 1px) solid
|
|
3945
|
+
border: var(--border-width-stroke-default, 1px) solid
|
|
3946
|
+
var(--color-border-default);
|
|
3893
3947
|
border-radius: var(--radius-corner-lg, 0.75rem);
|
|
3894
3948
|
box-shadow: var(--shadow-lg, 0 2px 8px -1px rgb(0 0 0 / 0.12));
|
|
3895
3949
|
padding: var(--spacing-padding-sm, 0.75rem);
|
|
@@ -3966,7 +4020,9 @@
|
|
|
3966
4020
|
font: inherit;
|
|
3967
4021
|
font-size: var(--text-text-sm, 0.875rem);
|
|
3968
4022
|
color: var(--color-text-primary);
|
|
3969
|
-
transition:
|
|
4023
|
+
transition:
|
|
4024
|
+
background 150ms,
|
|
4025
|
+
color 150ms;
|
|
3970
4026
|
}
|
|
3971
4027
|
.nexus-calendar__day:hover {
|
|
3972
4028
|
background: var(--color-surface-default-hover);
|
|
@@ -3980,7 +4036,8 @@
|
|
|
3980
4036
|
}
|
|
3981
4037
|
.nexus-calendar__day--today {
|
|
3982
4038
|
font-weight: var(--font-weight-text-semibold-sm, 600);
|
|
3983
|
-
border: var(--border-width-stroke-default, 1px) solid
|
|
4039
|
+
border: var(--border-width-stroke-default, 1px) solid
|
|
4040
|
+
var(--color-accent-primary);
|
|
3984
4041
|
}
|
|
3985
4042
|
.nexus-calendar__day--outside {
|
|
3986
4043
|
color: var(--color-text-muted);
|
|
@@ -3994,6 +4051,12 @@
|
|
|
3994
4051
|
}
|
|
3995
4052
|
|
|
3996
4053
|
@keyframes nexus-fade-in {
|
|
3997
|
-
from {
|
|
3998
|
-
|
|
4054
|
+
from {
|
|
4055
|
+
opacity: 0;
|
|
4056
|
+
transform: translateY(-4px);
|
|
4057
|
+
}
|
|
4058
|
+
to {
|
|
4059
|
+
opacity: 1;
|
|
4060
|
+
transform: translateY(0);
|
|
4061
|
+
}
|
|
3999
4062
|
}
|
package/dist/styles.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkOE5BAEBE_js = require('./chunks/chunk-OE5BAEBE.js');
|
|
4
4
|
require('./chunks/chunk-JNMCYWGY.js');
|
|
5
5
|
|
|
6
6
|
// src/styles/inject.ts
|
|
@@ -8,7 +8,7 @@ var STYLE_ID = "__nexus-ds__";
|
|
|
8
8
|
var __nexus_styles_injected__ = typeof document !== "undefined" && !document.getElementById(STYLE_ID) ? (() => {
|
|
9
9
|
const style = document.createElement("style");
|
|
10
10
|
style.id = STYLE_ID;
|
|
11
|
-
style.textContent =
|
|
11
|
+
style.textContent = chunkOE5BAEBE_js.built_default;
|
|
12
12
|
document.head.appendChild(style);
|
|
13
13
|
return true;
|
|
14
14
|
})() : false;
|
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"}
|