@ztwoint/z-ui 0.2.0-beta.0 → 0.2.0-beta.1
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/avatar/avatar.d.ts +3 -3
- package/dist/components/badge/badge.d.ts +1 -1
- package/dist/components/primitives/table-card/table-card.js +16 -10
- package/dist/components/table/components/cell/avatar-cell.d.ts +2 -2
- package/dist/components/table/components/cell/avatar-cell.js +11 -5
- package/dist/components/table/table-provider.js +9 -3
- package/dist/css/config/config.css +1 -0
- package/dist/css/styles/tailwind.css +1 -1
- package/dist/index.d.ts +1 -4
- package/dist/index.js +385 -367
- package/dist/lib/theme.hook.js +29 -26
- package/dist/types/components/avatar/avatar.d.ts +3 -3
- package/dist/types/components/badge/badge.d.ts +1 -1
- package/dist/types/components/table/components/cell/avatar-cell.d.ts +2 -2
- package/dist/types/index.d.ts +1 -4
- package/dist/types/v2/assets/icon.d.ts +6 -0
- package/dist/types/v2/assets/icon.type.d.ts +7 -0
- package/dist/types/v2/assets/icons/align-center.d.ts +2 -0
- package/dist/types/v2/assets/icons/align-left.d.ts +2 -0
- package/dist/types/v2/assets/icons/align-right.d.ts +2 -0
- package/dist/types/v2/assets/icons/arrow-down.d.ts +2 -0
- package/dist/types/v2/assets/icons/arrow-left.d.ts +2 -0
- package/dist/types/v2/assets/icons/arrow-right.d.ts +2 -0
- package/dist/types/v2/assets/icons/arrow-up.d.ts +2 -0
- package/dist/types/v2/assets/icons/award.d.ts +2 -0
- package/dist/types/v2/assets/icons/bell.d.ts +2 -0
- package/dist/types/v2/assets/icons/calendar.d.ts +2 -0
- package/dist/types/v2/assets/icons/caret-down.d.ts +2 -0
- package/dist/types/v2/assets/icons/caret-left.d.ts +2 -0
- package/dist/types/v2/assets/icons/caret-right.d.ts +2 -0
- package/dist/types/v2/assets/icons/caret-up.d.ts +2 -0
- package/dist/types/v2/assets/icons/chart.d.ts +2 -0
- package/dist/types/v2/assets/icons/check.d.ts +2 -0
- package/dist/types/v2/assets/icons/checkbox-checked.d.ts +2 -0
- package/dist/types/v2/assets/icons/checkbox-unchecked.d.ts +2 -0
- package/dist/types/v2/assets/icons/chevron-down.d.ts +2 -0
- package/dist/types/v2/assets/icons/chevron-left.d.ts +2 -0
- package/dist/types/v2/assets/icons/chevron-right.d.ts +2 -0
- package/dist/types/v2/assets/icons/chevron-up.d.ts +2 -0
- package/dist/types/v2/assets/icons/circle-check-filled.d.ts +3 -0
- package/dist/types/v2/assets/icons/circle-check.d.ts +2 -0
- package/dist/types/v2/assets/icons/circle-info.d.ts +2 -0
- package/dist/types/v2/assets/icons/circle-minus.d.ts +2 -0
- package/dist/types/v2/assets/icons/circle-plus.d.ts +2 -0
- package/dist/types/v2/assets/icons/circle-question.d.ts +2 -0
- package/dist/types/v2/assets/icons/circle-warning.d.ts +2 -0
- package/dist/types/v2/assets/icons/circle-xmark.d.ts +2 -0
- package/dist/types/v2/assets/icons/clipboard.d.ts +2 -0
- package/dist/types/v2/assets/icons/clock.d.ts +2 -0
- package/dist/types/v2/assets/icons/dots.d.ts +2 -0
- package/dist/types/v2/assets/icons/download.d.ts +2 -0
- package/dist/types/v2/assets/icons/edit.d.ts +2 -0
- package/dist/types/v2/assets/icons/envelope.d.ts +2 -0
- package/dist/types/v2/assets/icons/expand.d.ts +2 -0
- package/dist/types/v2/assets/icons/export.d.ts +2 -0
- package/dist/types/v2/assets/icons/external-link.d.ts +2 -0
- package/dist/types/v2/assets/icons/eye-crossed.d.ts +2 -0
- package/dist/types/v2/assets/icons/eye.d.ts +2 -0
- package/dist/types/v2/assets/icons/file.d.ts +2 -0
- package/dist/types/v2/assets/icons/filter.d.ts +2 -0
- package/dist/types/v2/assets/icons/folder-open.d.ts +2 -0
- package/dist/types/v2/assets/icons/folder.d.ts +2 -0
- package/dist/types/v2/assets/icons/full-screen.d.ts +2 -0
- package/dist/types/v2/assets/icons/grid.d.ts +2 -0
- package/dist/types/v2/assets/icons/import.d.ts +2 -0
- package/dist/types/v2/assets/icons/index.d.ts +114 -0
- package/dist/types/v2/assets/icons/layers.d.ts +2 -0
- package/dist/types/v2/assets/icons/location.d.ts +2 -0
- package/dist/types/v2/assets/icons/lock.d.ts +2 -0
- package/dist/types/v2/assets/icons/magnifier.d.ts +2 -0
- package/dist/types/v2/assets/icons/map.d.ts +2 -0
- package/dist/types/v2/assets/icons/maximize.d.ts +2 -0
- package/dist/types/v2/assets/icons/media-next.d.ts +2 -0
- package/dist/types/v2/assets/icons/media-pause.d.ts +2 -0
- package/dist/types/v2/assets/icons/media-play.d.ts +2 -0
- package/dist/types/v2/assets/icons/media-previous.d.ts +2 -0
- package/dist/types/v2/assets/icons/media-stop.d.ts +2 -0
- package/dist/types/v2/assets/icons/menu.d.ts +2 -0
- package/dist/types/v2/assets/icons/minimize.d.ts +2 -0
- package/dist/types/v2/assets/icons/minus.d.ts +2 -0
- package/dist/types/v2/assets/icons/money.d.ts +2 -0
- package/dist/types/v2/assets/icons/more.d.ts +2 -0
- package/dist/types/v2/assets/icons/msg.d.ts +2 -0
- package/dist/types/v2/assets/icons/notification.d.ts +2 -0
- package/dist/types/v2/assets/icons/percentage.d.ts +2 -0
- package/dist/types/v2/assets/icons/pin.d.ts +2 -0
- package/dist/types/v2/assets/icons/plus.d.ts +2 -0
- package/dist/types/v2/assets/icons/radio-checked.d.ts +2 -0
- package/dist/types/v2/assets/icons/radio-unchecked.d.ts +2 -0
- package/dist/types/v2/assets/icons/reduce.d.ts +2 -0
- package/dist/types/v2/assets/icons/refresh.d.ts +2 -0
- package/dist/types/v2/assets/icons/settings.d.ts +2 -0
- package/dist/types/v2/assets/icons/share.d.ts +2 -0
- package/dist/types/v2/assets/icons/slash.d.ts +2 -0
- package/dist/types/v2/assets/icons/sort.d.ts +2 -0
- package/dist/types/v2/assets/icons/star-filled.d.ts +2 -0
- package/dist/types/v2/assets/icons/timer.d.ts +2 -0
- package/dist/types/v2/assets/icons/trash.d.ts +2 -0
- package/dist/types/v2/assets/icons/unlock.d.ts +2 -0
- package/dist/types/v2/assets/icons/upload.d.ts +2 -0
- package/dist/types/v2/assets/icons/user.d.ts +2 -0
- package/dist/types/v2/assets/icons/users.d.ts +2 -0
- package/dist/types/v2/assets/icons/xmark.d.ts +2 -0
- package/dist/types/v2/assets/index.d.ts +2 -0
- package/dist/types/v2/atoms/actions/breadcrumb-link.d.ts +9 -0
- package/dist/types/v2/atoms/actions/button.d.ts +13 -0
- package/dist/types/v2/atoms/actions/index.d.ts +3 -0
- package/dist/types/v2/atoms/actions/tab-button.d.ts +10 -0
- package/dist/types/v2/atoms/actions/tooltip.d.ts +8 -0
- package/dist/types/v2/atoms/index.d.ts +3 -0
- package/dist/types/v2/atoms/indicators/badge.d.ts +14 -0
- package/dist/types/v2/atoms/indicators/featured-icon.d.ts +12 -0
- package/dist/types/v2/atoms/indicators/index.d.ts +4 -0
- package/dist/types/v2/atoms/indicators/number-badge.d.ts +9 -0
- package/dist/types/v2/atoms/indicators/stepper.d.ts +9 -0
- package/dist/types/v2/atoms/inputs/index.d.ts +2 -0
- package/dist/types/v2/atoms/inputs/input.d.ts +17 -0
- package/dist/types/v2/atoms/inputs/label.d.ts +18 -0
- package/dist/types/v2/index.d.ts +4 -0
- package/dist/types/v2/molecules/actions/breadcrumb-group.d.ts +6 -0
- package/dist/types/v2/molecules/actions/index.d.ts +1 -0
- package/dist/types/v2/molecules/actions/tab-group.d.ts +6 -0
- package/dist/types/v2/molecules/index.d.ts +2 -0
- package/dist/types/v2/molecules/kpi-card/index.d.ts +2 -0
- package/dist/types/v2/molecules/kpi-card/kpi-card.d.ts +3 -0
- package/dist/types/v2/molecules/kpi-card/kpi-card.type.d.ts +20 -0
- package/dist/types/v2/organisms/field/field-error.d.ts +6 -0
- package/dist/types/v2/organisms/field/field-group.d.ts +2 -0
- package/dist/types/v2/organisms/field/field-set.d.ts +2 -0
- package/dist/types/v2/organisms/field/field.d.ts +12 -0
- package/dist/types/v2/organisms/index.d.ts +3 -0
- package/dist/types/v2/organisms/kpi-card-group.d.ts +7 -0
- package/dist/types/v2/organisms/sidebar/z2-sidebar-header.d.ts +0 -0
- package/dist/types/v2/organisms/sidebar/z2-sidebar.d.ts +0 -0
- package/dist/types/v2/organisms/tab-bar.d.ts +7 -0
- package/dist/types/v2/organisms/topbar.d.ts +6 -0
- package/dist/v2/assets/icon.d.ts +6 -0
- package/dist/v2/assets/icon.js +191 -0
- package/dist/v2/assets/icon.type.d.ts +7 -0
- package/dist/v2/assets/icons/align-center.d.ts +2 -0
- package/dist/v2/assets/icons/align-center.js +23 -0
- package/dist/v2/assets/icons/align-left.d.ts +2 -0
- package/dist/v2/assets/icons/align-left.js +23 -0
- package/dist/v2/assets/icons/align-right.d.ts +2 -0
- package/dist/v2/assets/icons/align-right.js +23 -0
- package/dist/v2/assets/icons/arrow-down.d.ts +2 -0
- package/dist/v2/assets/icons/arrow-down.js +29 -0
- package/dist/v2/assets/icons/arrow-left.d.ts +2 -0
- package/dist/v2/assets/icons/arrow-left.js +29 -0
- package/dist/v2/assets/icons/arrow-right.d.ts +2 -0
- package/dist/v2/assets/icons/arrow-right.js +29 -0
- package/dist/v2/assets/icons/arrow-up.d.ts +2 -0
- package/dist/v2/assets/icons/arrow-up.js +29 -0
- package/dist/v2/assets/icons/award.d.ts +2 -0
- package/dist/v2/assets/icons/award.js +23 -0
- package/dist/v2/assets/icons/bell.d.ts +2 -0
- package/dist/v2/assets/icons/bell.js +29 -0
- package/dist/v2/assets/icons/calendar.d.ts +2 -0
- package/dist/v2/assets/icons/calendar.js +29 -0
- package/dist/v2/assets/icons/caret-down.d.ts +2 -0
- package/dist/v2/assets/icons/caret-down.js +23 -0
- package/dist/v2/assets/icons/caret-left.d.ts +2 -0
- package/dist/v2/assets/icons/caret-left.js +23 -0
- package/dist/v2/assets/icons/caret-right.d.ts +2 -0
- package/dist/v2/assets/icons/caret-right.js +23 -0
- package/dist/v2/assets/icons/caret-up.d.ts +2 -0
- package/dist/v2/assets/icons/caret-up.js +23 -0
- package/dist/v2/assets/icons/chart.d.ts +2 -0
- package/dist/v2/assets/icons/chart.js +23 -0
- package/dist/v2/assets/icons/check.d.ts +2 -0
- package/dist/v2/assets/icons/check.js +29 -0
- package/dist/v2/assets/icons/checkbox-checked.d.ts +2 -0
- package/dist/v2/assets/icons/checkbox-checked.js +26 -0
- package/dist/v2/assets/icons/checkbox-unchecked.d.ts +2 -0
- package/dist/v2/assets/icons/checkbox-unchecked.js +23 -0
- package/dist/v2/assets/icons/chevron-down.d.ts +2 -0
- package/dist/v2/assets/icons/chevron-down.js +29 -0
- package/dist/v2/assets/icons/chevron-left.d.ts +2 -0
- package/dist/v2/assets/icons/chevron-left.js +29 -0
- package/dist/v2/assets/icons/chevron-right.d.ts +2 -0
- package/dist/v2/assets/icons/chevron-right.js +29 -0
- package/dist/v2/assets/icons/chevron-up.d.ts +2 -0
- package/dist/v2/assets/icons/chevron-up.js +29 -0
- package/dist/v2/assets/icons/circle-check-filled.d.ts +3 -0
- package/dist/v2/assets/icons/circle-check-filled.js +34 -0
- package/dist/v2/assets/icons/circle-check.d.ts +2 -0
- package/dist/v2/assets/icons/circle-check.js +36 -0
- package/dist/v2/assets/icons/circle-info.d.ts +2 -0
- package/dist/v2/assets/icons/circle-info.js +31 -0
- package/dist/v2/assets/icons/circle-minus.d.ts +2 -0
- package/dist/v2/assets/icons/circle-minus.js +26 -0
- package/dist/v2/assets/icons/circle-plus.d.ts +2 -0
- package/dist/v2/assets/icons/circle-plus.js +26 -0
- package/dist/v2/assets/icons/circle-question.d.ts +2 -0
- package/dist/v2/assets/icons/circle-question.js +31 -0
- package/dist/v2/assets/icons/circle-warning.d.ts +2 -0
- package/dist/v2/assets/icons/circle-warning.js +26 -0
- package/dist/v2/assets/icons/circle-xmark.d.ts +2 -0
- package/dist/v2/assets/icons/circle-xmark.js +26 -0
- package/dist/v2/assets/icons/clipboard.d.ts +2 -0
- package/dist/v2/assets/icons/clipboard.js +29 -0
- package/dist/v2/assets/icons/clock.d.ts +2 -0
- package/dist/v2/assets/icons/clock.js +26 -0
- package/dist/v2/assets/icons/dots.d.ts +2 -0
- package/dist/v2/assets/icons/dots.js +29 -0
- package/dist/v2/assets/icons/download.d.ts +2 -0
- package/dist/v2/assets/icons/download.js +23 -0
- package/dist/v2/assets/icons/edit.d.ts +2 -0
- package/dist/v2/assets/icons/edit.js +29 -0
- package/dist/v2/assets/icons/envelope.d.ts +2 -0
- package/dist/v2/assets/icons/envelope.js +29 -0
- package/dist/v2/assets/icons/expand.d.ts +2 -0
- package/dist/v2/assets/icons/expand.js +29 -0
- package/dist/v2/assets/icons/export.d.ts +2 -0
- package/dist/v2/assets/icons/export.js +23 -0
- package/dist/v2/assets/icons/external-link.d.ts +2 -0
- package/dist/v2/assets/icons/external-link.js +29 -0
- package/dist/v2/assets/icons/eye-crossed.d.ts +2 -0
- package/dist/v2/assets/icons/eye-crossed.js +42 -0
- package/dist/v2/assets/icons/eye.d.ts +2 -0
- package/dist/v2/assets/icons/eye.js +26 -0
- package/dist/v2/assets/icons/file.d.ts +2 -0
- package/dist/v2/assets/icons/file.js +29 -0
- package/dist/v2/assets/icons/filter.d.ts +2 -0
- package/dist/v2/assets/icons/filter.js +23 -0
- package/dist/v2/assets/icons/folder-open.d.ts +2 -0
- package/dist/v2/assets/icons/folder-open.js +29 -0
- package/dist/v2/assets/icons/folder.d.ts +2 -0
- package/dist/v2/assets/icons/folder.js +29 -0
- package/dist/v2/assets/icons/full-screen.d.ts +2 -0
- package/dist/v2/assets/icons/full-screen.js +29 -0
- package/dist/v2/assets/icons/grid.d.ts +2 -0
- package/dist/v2/assets/icons/grid.js +23 -0
- package/dist/v2/assets/icons/import.d.ts +2 -0
- package/dist/v2/assets/icons/import.js +23 -0
- package/dist/v2/assets/icons/index.d.ts +114 -0
- package/dist/v2/assets/icons/layers.d.ts +2 -0
- package/dist/v2/assets/icons/layers.js +31 -0
- package/dist/v2/assets/icons/location.d.ts +2 -0
- package/dist/v2/assets/icons/location.js +29 -0
- package/dist/v2/assets/icons/lock.d.ts +2 -0
- package/dist/v2/assets/icons/lock.js +26 -0
- package/dist/v2/assets/icons/magnifier.d.ts +2 -0
- package/dist/v2/assets/icons/magnifier.js +26 -0
- package/dist/v2/assets/icons/map.d.ts +2 -0
- package/dist/v2/assets/icons/map.js +29 -0
- package/dist/v2/assets/icons/maximize.d.ts +2 -0
- package/dist/v2/assets/icons/maximize.js +23 -0
- package/dist/v2/assets/icons/media-next.d.ts +2 -0
- package/dist/v2/assets/icons/media-next.js +23 -0
- package/dist/v2/assets/icons/media-pause.d.ts +2 -0
- package/dist/v2/assets/icons/media-pause.js +23 -0
- package/dist/v2/assets/icons/media-play.d.ts +2 -0
- package/dist/v2/assets/icons/media-play.js +23 -0
- package/dist/v2/assets/icons/media-previous.d.ts +2 -0
- package/dist/v2/assets/icons/media-previous.js +23 -0
- package/dist/v2/assets/icons/media-stop.d.ts +2 -0
- package/dist/v2/assets/icons/media-stop.js +23 -0
- package/dist/v2/assets/icons/menu.d.ts +2 -0
- package/dist/v2/assets/icons/menu.js +23 -0
- package/dist/v2/assets/icons/minimize.d.ts +2 -0
- package/dist/v2/assets/icons/minimize.js +23 -0
- package/dist/v2/assets/icons/minus.d.ts +2 -0
- package/dist/v2/assets/icons/minus.js +23 -0
- package/dist/v2/assets/icons/money.d.ts +2 -0
- package/dist/v2/assets/icons/money.js +26 -0
- package/dist/v2/assets/icons/more.d.ts +2 -0
- package/dist/v2/assets/icons/more.js +27 -0
- package/dist/v2/assets/icons/msg.d.ts +2 -0
- package/dist/v2/assets/icons/msg.js +29 -0
- package/dist/v2/assets/icons/notification.d.ts +2 -0
- package/dist/v2/assets/icons/notification.js +29 -0
- package/dist/v2/assets/icons/percentage.d.ts +2 -0
- package/dist/v2/assets/icons/percentage.js +63 -0
- package/dist/v2/assets/icons/pin.d.ts +2 -0
- package/dist/v2/assets/icons/pin.js +29 -0
- package/dist/v2/assets/icons/plus.d.ts +2 -0
- package/dist/v2/assets/icons/plus.js +23 -0
- package/dist/v2/assets/icons/radio-checked.d.ts +2 -0
- package/dist/v2/assets/icons/radio-checked.js +26 -0
- package/dist/v2/assets/icons/radio-unchecked.d.ts +2 -0
- package/dist/v2/assets/icons/radio-unchecked.js +23 -0
- package/dist/v2/assets/icons/reduce.d.ts +2 -0
- package/dist/v2/assets/icons/reduce.js +23 -0
- package/dist/v2/assets/icons/refresh.d.ts +2 -0
- package/dist/v2/assets/icons/refresh.js +38 -0
- package/dist/v2/assets/icons/settings.d.ts +2 -0
- package/dist/v2/assets/icons/settings.js +34 -0
- package/dist/v2/assets/icons/share.d.ts +2 -0
- package/dist/v2/assets/icons/share.js +29 -0
- package/dist/v2/assets/icons/slash.d.ts +2 -0
- package/dist/v2/assets/icons/slash.js +32 -0
- package/dist/v2/assets/icons/sort.d.ts +2 -0
- package/dist/v2/assets/icons/sort.js +32 -0
- package/dist/v2/assets/icons/star-filled.d.ts +2 -0
- package/dist/v2/assets/icons/star-filled.js +34 -0
- package/dist/v2/assets/icons/timer.d.ts +2 -0
- package/dist/v2/assets/icons/timer.js +27 -0
- package/dist/v2/assets/icons/trash.d.ts +2 -0
- package/dist/v2/assets/icons/trash.js +29 -0
- package/dist/v2/assets/icons/unlock.d.ts +2 -0
- package/dist/v2/assets/icons/unlock.js +26 -0
- package/dist/v2/assets/icons/upload.d.ts +2 -0
- package/dist/v2/assets/icons/upload.js +23 -0
- package/dist/v2/assets/icons/user.d.ts +2 -0
- package/dist/v2/assets/icons/user.js +26 -0
- package/dist/v2/assets/icons/users.d.ts +2 -0
- package/dist/v2/assets/icons/users.js +27 -0
- package/dist/v2/assets/icons/xmark.d.ts +2 -0
- package/dist/v2/assets/icons/xmark.js +29 -0
- package/dist/v2/assets/index.d.ts +2 -0
- package/dist/v2/atoms/actions/breadcrumb-link.d.ts +9 -0
- package/dist/v2/atoms/actions/breadcrumb-link.js +61 -0
- package/dist/v2/atoms/actions/button.d.ts +13 -0
- package/dist/v2/atoms/actions/button.js +58 -0
- package/dist/v2/atoms/actions/index.d.ts +3 -0
- package/dist/v2/atoms/actions/tab-button.d.ts +10 -0
- package/dist/v2/atoms/actions/tab-button.js +52 -0
- package/dist/v2/atoms/actions/tooltip.d.ts +8 -0
- package/dist/v2/atoms/actions/tooltip.js +22 -0
- package/dist/v2/atoms/index.d.ts +3 -0
- package/dist/v2/atoms/indicators/badge.d.ts +14 -0
- package/dist/v2/atoms/indicators/badge.js +99 -0
- package/dist/v2/atoms/indicators/featured-icon.d.ts +12 -0
- package/dist/v2/atoms/indicators/featured-icon.js +110 -0
- package/dist/v2/atoms/indicators/index.d.ts +4 -0
- package/dist/v2/atoms/indicators/number-badge.d.ts +9 -0
- package/dist/v2/atoms/indicators/number-badge.js +42 -0
- package/dist/v2/atoms/indicators/stepper.d.ts +9 -0
- package/dist/v2/atoms/indicators/stepper.js +86 -0
- package/dist/v2/atoms/inputs/index.d.ts +2 -0
- package/dist/v2/atoms/inputs/input.d.ts +17 -0
- package/dist/v2/atoms/inputs/input.js +94 -0
- package/dist/v2/atoms/inputs/label.d.ts +18 -0
- package/dist/v2/atoms/inputs/label.js +66 -0
- package/dist/v2/index.d.ts +4 -0
- package/dist/v2/molecules/actions/breadcrumb-group.d.ts +6 -0
- package/dist/v2/molecules/actions/breadcrumb-group.js +6 -0
- package/dist/v2/molecules/actions/index.d.ts +1 -0
- package/dist/v2/molecules/actions/tab-group.d.ts +6 -0
- package/dist/v2/molecules/actions/tab-group.js +16 -0
- package/dist/v2/molecules/index.d.ts +2 -0
- package/dist/v2/molecules/kpi-card/index.d.ts +2 -0
- package/dist/v2/molecules/kpi-card/kpi-card.d.ts +3 -0
- package/dist/v2/molecules/kpi-card/kpi-card.js +82 -0
- package/dist/v2/molecules/kpi-card/kpi-card.type.d.ts +20 -0
- package/dist/v2/organisms/field/field-error.d.ts +6 -0
- package/dist/v2/organisms/field/field-group.d.ts +2 -0
- package/dist/v2/organisms/field/field-set.d.ts +2 -0
- package/dist/v2/organisms/field/field.d.ts +12 -0
- package/dist/v2/organisms/index.d.ts +3 -0
- package/dist/v2/organisms/kpi-card-group.d.ts +7 -0
- package/dist/v2/organisms/kpi-card-group.js +19 -0
- package/dist/v2/organisms/sidebar/z2-sidebar-header.d.ts +0 -0
- package/dist/v2/organisms/sidebar/z2-sidebar.d.ts +0 -0
- package/dist/v2/organisms/tab-bar.d.ts +7 -0
- package/dist/v2/organisms/tab-bar.js +11 -0
- package/dist/v2/organisms/topbar.d.ts +6 -0
- package/dist/v2/organisms/topbar.js +20 -0
- package/package.json +1 -1
- package/dist/components/breadcrumb/z2-breadcrumb.js +0 -97
package/dist/lib/theme.hook.js
CHANGED
|
@@ -1,48 +1,51 @@
|
|
|
1
|
-
import { useState as f, useEffect as
|
|
2
|
-
const
|
|
3
|
-
const
|
|
1
|
+
import { useState as f, useEffect as a } from "react";
|
|
2
|
+
const m = "ui-library-theme", T = () => {
|
|
3
|
+
const h = () => typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", s = () => {
|
|
4
4
|
if (typeof window < "u") {
|
|
5
|
-
const e = localStorage.getItem(
|
|
5
|
+
const e = localStorage.getItem(m);
|
|
6
6
|
if (e === "dark" || e === "light")
|
|
7
7
|
return e;
|
|
8
8
|
}
|
|
9
9
|
return null;
|
|
10
10
|
}, i = () => {
|
|
11
|
-
const e =
|
|
11
|
+
const e = s();
|
|
12
12
|
if (e)
|
|
13
13
|
return e;
|
|
14
|
-
const t = window.document.
|
|
15
|
-
return t != null && t.classList.contains("dark") ? "dark" :
|
|
16
|
-
}, [
|
|
17
|
-
const t = window.document.
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
const t = window.document.documentElement;
|
|
15
|
+
return t != null && t.classList.contains("dark") ? "dark" : h();
|
|
16
|
+
}, [r, d] = f(() => typeof window < "u" ? i() : "light"), c = (e) => {
|
|
17
|
+
const t = window.document.documentElement;
|
|
18
|
+
if (!t) return;
|
|
19
|
+
t.classList.remove("dark", "light"), t.classList.add(e);
|
|
20
|
+
const n = window.document.getElementById("root");
|
|
21
|
+
n && (n.classList.remove("dark", "light"), n.classList.add(e)), localStorage.setItem(m, e);
|
|
22
|
+
}, o = (e) => {
|
|
23
|
+
d(e), c(e);
|
|
24
|
+
}, l = () => {
|
|
25
|
+
o(r === "dark" ? "light" : "dark");
|
|
23
26
|
};
|
|
24
|
-
return
|
|
27
|
+
return a(() => {
|
|
25
28
|
if (typeof window > "u") return;
|
|
26
|
-
const e = window.matchMedia("(prefers-color-scheme: dark)"), t = (
|
|
27
|
-
if (!
|
|
28
|
-
const
|
|
29
|
-
|
|
29
|
+
const e = window.matchMedia("(prefers-color-scheme: dark)"), t = (n) => {
|
|
30
|
+
if (!s()) {
|
|
31
|
+
const u = n.matches ? "dark" : "light";
|
|
32
|
+
o(u);
|
|
30
33
|
}
|
|
31
34
|
};
|
|
32
35
|
return e.addEventListener("change", t), () => {
|
|
33
36
|
e.removeEventListener("change", t);
|
|
34
37
|
};
|
|
35
|
-
}, []),
|
|
38
|
+
}, []), a(() => {
|
|
36
39
|
if (typeof window < "u") {
|
|
37
40
|
const e = i();
|
|
38
|
-
|
|
41
|
+
d(e), c(e);
|
|
39
42
|
}
|
|
40
43
|
}, []), {
|
|
41
|
-
currentTheme:
|
|
42
|
-
setTheme:
|
|
43
|
-
toggleTheme:
|
|
44
|
-
isDark:
|
|
45
|
-
isLight:
|
|
44
|
+
currentTheme: r,
|
|
45
|
+
setTheme: o,
|
|
46
|
+
toggleTheme: l,
|
|
47
|
+
isDark: r === "dark",
|
|
48
|
+
isLight: r === "light"
|
|
46
49
|
};
|
|
47
50
|
};
|
|
48
51
|
export {
|
|
@@ -75,7 +75,7 @@ declare function Element({ label, className, ref, asChild, children, ...props }:
|
|
|
75
75
|
* Props for the Avatar Label component.
|
|
76
76
|
* @interface LabelProps
|
|
77
77
|
*/
|
|
78
|
-
interface
|
|
78
|
+
interface AvatarLabelProps {
|
|
79
79
|
/** Text content to display in the avatar (typically user initials) */
|
|
80
80
|
label: string;
|
|
81
81
|
/** Additional CSS classes for custom styling */
|
|
@@ -98,7 +98,7 @@ interface LabelProps {
|
|
|
98
98
|
* <Avatar.Label label="AB" className="text-yellow-300" />
|
|
99
99
|
* ```
|
|
100
100
|
*/
|
|
101
|
-
declare function Label({ label, className, ref, ...props }:
|
|
101
|
+
declare function Label({ label, className, ref, ...props }: AvatarLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
102
102
|
/**
|
|
103
103
|
* Props for the AvatarWithLabel convenience component.
|
|
104
104
|
* @interface AvatarWithLabelProps
|
|
@@ -182,4 +182,4 @@ declare const Avatar: {
|
|
|
182
182
|
* - TypeScript support with comprehensive prop types
|
|
183
183
|
* - Optimized typography for readability at all sizes
|
|
184
184
|
*/
|
|
185
|
-
export { Avatar, AvatarWithLabel, ElementProps,
|
|
185
|
+
export { Avatar, AvatarWithLabel, ElementProps, AvatarLabelProps, RootProps, AvatarWithLabelProps };
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const badgeVariants: (props?: ({
|
|
4
4
|
variant?: "success" | "warning" | "danger" | "neutral" | "brand" | "gray" | null | undefined;
|
|
5
|
-
rounded?: "none" | "sm" | "md" | "
|
|
5
|
+
rounded?: "none" | "sm" | "md" | "lg" | "full" | null | undefined;
|
|
6
6
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
8
|
declare function Badge({ className, variant, size, rounded, leftIcon, rightIcon, label, asChild, }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { RootProps,
|
|
2
|
+
import { RootProps, AvatarLabelProps } from '../../../avatar/avatar';
|
|
3
3
|
import { CellValue } from '../../table.type';
|
|
4
4
|
export interface AvatarCellProps {
|
|
5
5
|
avatar: {
|
|
6
|
-
label:
|
|
6
|
+
label: AvatarLabelProps['label'];
|
|
7
7
|
color: RootProps['color'];
|
|
8
8
|
};
|
|
9
9
|
value: CellValue;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import './styles/tailwind.css';
|
|
2
2
|
export * from './components/alert';
|
|
3
|
-
export * from './components/button/button';
|
|
4
3
|
export * from './components/collapsible-side-nav-bar';
|
|
5
4
|
export * from './components/country-flags/country-flags';
|
|
6
5
|
export * from './components/checkbox/checkbox';
|
|
@@ -9,7 +8,6 @@ export * from './components/dialog/dialog';
|
|
|
9
8
|
export * from './components/dropdown/z2-dropdown';
|
|
10
9
|
export * from './components/dropdown-menu/z2-dropdown-menu';
|
|
11
10
|
export * from './components/file-upload-area';
|
|
12
|
-
export * from './components/input/input';
|
|
13
11
|
export * from './components/nav-header';
|
|
14
12
|
export * from './components/select/z2-select';
|
|
15
13
|
export * from './components/primitives/select-compact/select-compact';
|
|
@@ -20,12 +18,10 @@ export * from './components/tab/tab';
|
|
|
20
18
|
export * from './components/table';
|
|
21
19
|
export * from './components/tooltip/tooltip';
|
|
22
20
|
export * from './components/primitives/table-card';
|
|
23
|
-
export * from './components/badge/badge';
|
|
24
21
|
export * from './components/avatar/avatar';
|
|
25
22
|
export * from './components/text-preset/text-preset';
|
|
26
23
|
export * from './components/column-reorder';
|
|
27
24
|
export * from './components/tree-checkbox-select';
|
|
28
|
-
export * from './components/breadcrumb/z2-breadcrumb';
|
|
29
25
|
export * from './components/radio/z2-radio';
|
|
30
26
|
export * from './components/assets/icons';
|
|
31
27
|
export * from './components/segmented-control';
|
|
@@ -38,3 +34,4 @@ export * from './components/radio-card/radio-card';
|
|
|
38
34
|
export * from './components/z2map';
|
|
39
35
|
export * from './lib/theme.hook';
|
|
40
36
|
export * from './lib/utils';
|
|
37
|
+
export * from './v2';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SVGProps } from 'react';
|
|
2
|
+
export interface IconProps extends SVGProps<SVGSVGElement> {
|
|
3
|
+
secondaryfill?: string;
|
|
4
|
+
strokewidth?: number;
|
|
5
|
+
title?: string;
|
|
6
|
+
}
|
|
7
|
+
export type IconName = 'dots' | 'slash' | 'starFilled' | 'percentage' | 'circleInfo' | 'circleQuestion' | 'arrowDown' | 'arrowUp' | 'arrowLeft' | 'arrowRight' | 'chevronDown' | 'chevronUp' | 'chevronLeft' | 'chevronRight' | 'caretDown' | 'caretUp' | 'caretLeft' | 'caretRight' | 'check' | 'circleCheck' | 'circleWarning' | 'xmark' | 'circleXmark' | 'circleMinus' | 'circlePlus' | 'download' | 'upload' | 'refresh' | 'export' | 'import' | 'share' | 'externalLink' | 'expand' | 'reduce' | 'maximize' | 'minimize' | 'fullScreen' | 'file' | 'folder' | 'folderOpen' | 'clipboard' | 'envelope' | 'msg' | 'notification' | 'bell' | 'mediaPlay' | 'mediaPause' | 'mediaStop' | 'mediaNext' | 'mediaPrevious' | 'clock' | 'calendar' | 'timer' | 'user' | 'users' | 'location' | 'map' | 'pin' | 'checkboxChecked' | 'checkboxUnchecked' | 'radioChecked' | 'radioUnchecked' | 'chart' | 'money' | 'award' | 'grid' | 'layers' | 'alignLeft' | 'alignRight' | 'alignCenter' | 'magnifier' | 'filter' | 'sort' | 'settings' | 'menu' | 'more' | 'lock' | 'unlock' | 'eye' | 'eyeCrossed' | 'trash' | 'edit' | 'plus' | 'minus' | 'starFilled' | 'circleCheckFilled';
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
export * from './dots';
|
|
2
|
+
export * from './slash';
|
|
3
|
+
export * from './percentage';
|
|
4
|
+
export * from './arrow-down';
|
|
5
|
+
export * from './arrow-left';
|
|
6
|
+
export * from './arrow-up';
|
|
7
|
+
export * from './arrow-right';
|
|
8
|
+
export * from './chevron-down';
|
|
9
|
+
export * from './chevron-up';
|
|
10
|
+
export * from './chevron-left';
|
|
11
|
+
export * from './chevron-right';
|
|
12
|
+
export * from './caret-down';
|
|
13
|
+
export * from './caret-up';
|
|
14
|
+
export * from './caret-left';
|
|
15
|
+
export * from './caret-right';
|
|
16
|
+
export * from './circle-check';
|
|
17
|
+
export * from './circle-check-filled';
|
|
18
|
+
export * from './circle-warning';
|
|
19
|
+
export * from './xmark';
|
|
20
|
+
export * from './circle-xmark';
|
|
21
|
+
export * from './circle-minus';
|
|
22
|
+
export * from './circle-plus';
|
|
23
|
+
export * from './download';
|
|
24
|
+
export * from './upload';
|
|
25
|
+
export * from './refresh';
|
|
26
|
+
export * from './export';
|
|
27
|
+
export * from './import';
|
|
28
|
+
export * from './share';
|
|
29
|
+
export * from './external-link';
|
|
30
|
+
export * from './expand';
|
|
31
|
+
export * from './reduce';
|
|
32
|
+
export * from './maximize';
|
|
33
|
+
export * from './minimize';
|
|
34
|
+
export * from './full-screen';
|
|
35
|
+
export * from './file';
|
|
36
|
+
export * from './folder';
|
|
37
|
+
export * from './folder-open';
|
|
38
|
+
export * from './clipboard';
|
|
39
|
+
export * from './envelope';
|
|
40
|
+
export * from './msg';
|
|
41
|
+
export * from './notification';
|
|
42
|
+
export * from './bell';
|
|
43
|
+
export * from './media-play';
|
|
44
|
+
export * from './media-pause';
|
|
45
|
+
export * from './media-stop';
|
|
46
|
+
export * from './media-next';
|
|
47
|
+
export * from './media-previous';
|
|
48
|
+
export * from './clock';
|
|
49
|
+
export * from './calendar';
|
|
50
|
+
export * from './timer';
|
|
51
|
+
export * from './user';
|
|
52
|
+
export * from './users';
|
|
53
|
+
export * from './location';
|
|
54
|
+
export * from './map';
|
|
55
|
+
export * from './pin';
|
|
56
|
+
export * from './checkbox-checked';
|
|
57
|
+
export * from './checkbox-unchecked';
|
|
58
|
+
export * from './radio-checked';
|
|
59
|
+
export * from './radio-unchecked';
|
|
60
|
+
export * from './chart';
|
|
61
|
+
export * from './money';
|
|
62
|
+
export * from './award';
|
|
63
|
+
export * from './grid';
|
|
64
|
+
export * from './layers';
|
|
65
|
+
export * from './align-left';
|
|
66
|
+
export * from './align-right';
|
|
67
|
+
export * from './align-center';
|
|
68
|
+
export * from './magnifier';
|
|
69
|
+
export * from './filter';
|
|
70
|
+
export * from './sort';
|
|
71
|
+
export * from './settings';
|
|
72
|
+
export * from './menu';
|
|
73
|
+
export * from './more';
|
|
74
|
+
export * from './lock';
|
|
75
|
+
export * from './unlock';
|
|
76
|
+
export * from './eye';
|
|
77
|
+
export * from './eye-crossed';
|
|
78
|
+
export * from './trash';
|
|
79
|
+
export * from './edit';
|
|
80
|
+
export * from './plus';
|
|
81
|
+
export * from './minus';
|
|
82
|
+
export * from './star-filled';
|
|
83
|
+
export * from './circle-info';
|
|
84
|
+
export * from './circle-question';
|
|
85
|
+
export * from './check';
|
|
86
|
+
export * from './circle-check';
|
|
87
|
+
export * from './circle-warning';
|
|
88
|
+
export * from './xmark';
|
|
89
|
+
export * from './circle-xmark';
|
|
90
|
+
export * from './circle-minus';
|
|
91
|
+
export * from './circle-plus';
|
|
92
|
+
export * from './download';
|
|
93
|
+
export * from './upload';
|
|
94
|
+
export * from './refresh';
|
|
95
|
+
export * from './export';
|
|
96
|
+
export * from './import';
|
|
97
|
+
export * from './share';
|
|
98
|
+
export * from './award';
|
|
99
|
+
export * from './calendar';
|
|
100
|
+
export * from './bell';
|
|
101
|
+
export * from './media-play';
|
|
102
|
+
export * from './media-pause';
|
|
103
|
+
export * from './media-stop';
|
|
104
|
+
export * from './media-next';
|
|
105
|
+
export * from './media-previous';
|
|
106
|
+
export * from './clock';
|
|
107
|
+
export * from './calendar';
|
|
108
|
+
export * from './timer';
|
|
109
|
+
export * from './user';
|
|
110
|
+
export * from './users';
|
|
111
|
+
export * from './location';
|
|
112
|
+
export * from './map';
|
|
113
|
+
export * from './pin';
|
|
114
|
+
export * from './checkbox-checked';
|