thread-ui 0.16.4 → 0.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/components/content-display/carousel/carousel-context.d.ts +15 -15
- package/dist/components/content-display/carousel/carousel.types.d.ts +1 -1
- package/dist/components/content-display/carousel/components/carousel-header.js +1 -1
- package/dist/components/content-display/carousel/components/carousel-header.js.map +1 -1
- package/dist/components/content-display/gallery/components/gallery-content.js +1 -1
- package/dist/components/content-display/gallery/components/gallery-content.js.map +1 -1
- package/dist/components/content-display/gallery/gallery-context.d.ts +15 -15
- package/dist/components/content-display/gallery/gallery.types.d.ts +1 -1
- package/dist/components/content-display/lightbox/components/lightbox-title.js +2 -2
- package/dist/components/content-display/lightbox/components/lightbox-title.js.map +1 -1
- package/dist/components/content-display/lightbox/lightbox-context.d.ts +6 -6
- package/dist/components/content-display/lightbox/lightbox.js +1 -1
- package/dist/components/content-display/lightbox/lightbox.js.map +1 -1
- package/dist/components/content-display/tab-view/components/tab-item-content.js +1 -1
- package/dist/components/content-display/tab-view/components/tab-item-content.js.map +1 -1
- package/dist/components/data-display/filter-controls/variants/filter-controls.js +13 -2
- package/dist/components/data-display/filter-controls/variants/filter-controls.js.map +1 -1
- package/dist/components/data-display/filter-controls/variants/inline-filter-controls.js +1 -1
- package/dist/components/data-display/filter-controls/variants/inline-filter-controls.js.map +1 -1
- package/dist/components/data-display/sort-controls/sort-controls.js +1 -1
- package/dist/components/data-display/sort-controls/sort-controls.js.map +1 -1
- package/dist/components/data-input/dropdowns/dropdown/dropdown.d.ts +19 -0
- package/dist/components/data-input/dropdowns/dropdown/dropdown.js +22 -0
- package/dist/components/data-input/dropdowns/dropdown/dropdown.js.map +1 -0
- package/dist/components/data-input/dropdowns/dropdown/dropdown.types.d.ts +4 -0
- package/dist/components/data-input/dropdowns/dropdown/dropdown.types.js.map +1 -0
- package/dist/components/data-input/dropdowns/dropdown/index.js.map +1 -0
- package/dist/components/data-input/dropdowns/dropdown-base/dropdown-base.d.ts +42 -0
- package/dist/components/data-input/dropdowns/dropdown-base/dropdown-base.js +233 -0
- package/dist/components/data-input/dropdowns/dropdown-base/dropdown-base.js.map +1 -0
- package/dist/components/data-input/dropdowns/dropdown-base/dropdown-base.types.d.ts +36 -0
- package/dist/components/data-input/dropdowns/dropdown-base/dropdown-base.types.js.map +1 -0
- package/dist/components/data-input/dropdowns/dropdown-base/index.js.map +1 -0
- package/dist/components/data-input/dropdowns/index.js.map +1 -0
- package/dist/components/data-input/dropdowns/multi-dropdown/index.js.map +1 -0
- package/dist/components/data-input/dropdowns/multi-dropdown/multi-dropdown.d.ts +19 -0
- package/dist/components/data-input/dropdowns/multi-dropdown/multi-dropdown.js +21 -0
- package/dist/components/data-input/dropdowns/multi-dropdown/multi-dropdown.js.map +1 -0
- package/dist/components/data-input/dropdowns/multi-dropdown/multi-dropdown.types.d.ts +4 -0
- package/dist/components/data-input/dropdowns/multi-dropdown/multi-dropdown.types.js.map +1 -0
- package/dist/components/data-input/file-upload/components/dropzone.d.ts +8 -0
- package/dist/components/data-input/file-upload/components/dropzone.js +117 -0
- package/dist/components/data-input/file-upload/components/dropzone.js.map +1 -0
- package/dist/components/data-input/file-upload/components/file-item.d.ts +14 -0
- package/dist/components/data-input/file-upload/components/file-item.js +69 -0
- package/dist/components/data-input/file-upload/components/file-item.js.map +1 -0
- package/dist/components/data-input/file-upload/components/file-upload-content.d.ts +10 -0
- package/dist/components/data-input/file-upload/components/file-upload-content.js +55 -0
- package/dist/components/data-input/file-upload/components/file-upload-content.js.map +1 -0
- package/dist/components/data-input/file-upload/components/item-previews.d.ts +28 -0
- package/dist/components/data-input/file-upload/components/item-previews.js +95 -0
- package/dist/components/data-input/file-upload/components/item-previews.js.map +1 -0
- package/dist/components/data-input/file-upload/file-upload-context.js.map +1 -0
- package/dist/components/data-input/file-upload/file-upload.d.ts +23 -0
- package/dist/components/data-input/file-upload/file-upload.js +58 -0
- package/dist/components/data-input/file-upload/file-upload.js.map +1 -0
- package/dist/components/data-input/file-upload/file-upload.types.d.ts +54 -0
- package/dist/components/data-input/file-upload/file-upload.types.js.map +1 -0
- package/dist/components/data-input/file-upload/file-upload.utils.d.ts +21 -0
- package/dist/components/data-input/file-upload/file-upload.utils.js +86 -0
- package/dist/components/data-input/file-upload/file-upload.utils.js.map +1 -0
- package/dist/components/data-input/file-upload/index.d.ts +3 -0
- package/dist/components/data-input/file-upload/index.js.map +1 -0
- package/dist/components/data-input/file-upload/use-file-upload.d.ts +58 -0
- package/dist/components/data-input/file-upload/use-file-upload.js +154 -0
- package/dist/components/data-input/file-upload/use-file-upload.js.map +1 -0
- package/dist/components/data-input/file-upload/use-object-url.d.ts +9 -0
- package/dist/components/data-input/file-upload/use-object-url.js +24 -0
- package/dist/components/data-input/file-upload/use-object-url.js.map +1 -0
- package/dist/components/{form-elements → data-input}/index.d.ts +2 -1
- package/dist/components/{form-elements → data-input}/index.js +2 -1
- package/dist/components/data-input/index.js.map +1 -0
- package/dist/components/data-input/number-input/index.js.map +1 -0
- package/dist/components/{form-elements → data-input}/number-input/number-input.d.ts +5 -1
- package/dist/components/{form-elements → data-input}/number-input/number-input.js +48 -49
- package/dist/components/data-input/number-input/number-input.js.map +1 -0
- package/dist/components/{form-elements → data-input}/number-input/number-input.types.d.ts +1 -1
- package/dist/components/data-input/number-input/number-input.types.js.map +1 -0
- package/dist/components/data-input/reorderable/index.d.ts +4 -0
- package/dist/components/data-input/reorderable/index.js +4 -0
- package/dist/components/data-input/reorderable/index.js.map +1 -0
- package/dist/components/data-input/reorderable/reorderable-groups/group-title.d.ts +8 -0
- package/dist/components/data-input/reorderable/reorderable-groups/group-title.js +20 -0
- package/dist/components/data-input/reorderable/reorderable-groups/group-title.js.map +1 -0
- package/dist/components/data-input/reorderable/reorderable-groups/group-utils.d.ts +13 -0
- package/dist/components/data-input/reorderable/reorderable-groups/group-utils.js +26 -0
- package/dist/components/data-input/reorderable/reorderable-groups/group-utils.js.map +1 -0
- package/dist/components/data-input/reorderable/reorderable-groups/index.d.ts +2 -0
- package/dist/components/data-input/reorderable/reorderable-groups/index.js +2 -0
- package/dist/components/data-input/reorderable/reorderable-groups/index.js.map +1 -0
- package/dist/components/data-input/reorderable/reorderable-groups/reorderable-groups.d.ts +18 -0
- package/dist/components/data-input/reorderable/reorderable-groups/reorderable-groups.js +135 -0
- package/dist/components/data-input/reorderable/reorderable-groups/reorderable-groups.js.map +1 -0
- package/dist/components/data-input/reorderable/reorderable-groups/reorderable-groups.types.d.ts +66 -0
- package/dist/components/data-input/reorderable/reorderable-groups/reorderable-groups.types.js +2 -0
- package/dist/components/data-input/reorderable/reorderable-groups/reorderable-groups.types.js.map +1 -0
- package/dist/components/data-input/reorderable/reorderable-groups/sortable-group.d.ts +30 -0
- package/dist/components/data-input/reorderable/reorderable-groups/sortable-group.js +65 -0
- package/dist/components/data-input/reorderable/reorderable-groups/sortable-group.js.map +1 -0
- package/dist/components/data-input/reorderable/reorderable-groups/use-group-drag.d.ts +30 -0
- package/dist/components/data-input/reorderable/reorderable-groups/use-group-drag.js +186 -0
- package/dist/components/data-input/reorderable/reorderable-groups/use-group-drag.js.map +1 -0
- package/dist/components/data-input/reorderable/reorderable-list/index.d.ts +2 -0
- package/dist/components/data-input/reorderable/reorderable-list/index.js +2 -0
- package/dist/components/data-input/reorderable/reorderable-list/index.js.map +1 -0
- package/dist/components/data-input/reorderable/reorderable-list/reorderable-list.d.ts +19 -0
- package/dist/components/data-input/reorderable/reorderable-list/reorderable-list.js +95 -0
- package/dist/components/data-input/reorderable/reorderable-list/reorderable-list.js.map +1 -0
- package/dist/components/data-input/reorderable/reorderable-list/reorderable-list.types.d.ts +28 -0
- package/dist/components/data-input/reorderable/reorderable-list/reorderable-list.types.js +2 -0
- package/dist/components/data-input/reorderable/reorderable-list/reorderable-list.types.js.map +1 -0
- package/dist/components/data-input/reorderable/reorderable-list/sortable-item/index.d.ts +2 -0
- package/dist/components/data-input/reorderable/reorderable-list/sortable-item/index.js +2 -0
- package/dist/components/data-input/reorderable/reorderable-list/sortable-item/index.js.map +1 -0
- package/dist/components/data-input/reorderable/reorderable-list/sortable-item/sortable-item.d.ts +8 -0
- package/dist/components/data-input/reorderable/reorderable-list/sortable-item/sortable-item.js +66 -0
- package/dist/components/data-input/reorderable/reorderable-list/sortable-item/sortable-item.js.map +1 -0
- package/dist/components/data-input/reorderable/reorderable-list/sortable-item/sortable-item.types.d.ts +31 -0
- package/dist/components/data-input/reorderable/reorderable-list/sortable-item/sortable-item.types.js +2 -0
- package/dist/components/data-input/reorderable/reorderable-list/sortable-item/sortable-item.types.js.map +1 -0
- package/dist/components/data-input/reorderable/shared/components/drag-handle.d.ts +24 -0
- package/dist/components/data-input/reorderable/shared/components/drag-handle.js +50 -0
- package/dist/components/data-input/reorderable/shared/components/drag-handle.js.map +1 -0
- package/dist/components/data-input/reorderable/shared/components/sortable-item.d.ts +9 -0
- package/dist/components/data-input/reorderable/shared/components/sortable-item.js +42 -0
- package/dist/components/data-input/reorderable/shared/components/sortable-item.js.map +1 -0
- package/dist/components/data-input/reorderable/shared/functions/announcements.d.ts +4 -0
- package/dist/components/data-input/reorderable/shared/functions/announcements.js +20 -0
- package/dist/components/data-input/reorderable/shared/functions/announcements.js.map +1 -0
- package/dist/components/data-input/reorderable/shared/functions/apply-order.d.ts +2 -0
- package/dist/components/data-input/reorderable/shared/functions/apply-order.js +8 -0
- package/dist/components/data-input/reorderable/shared/functions/apply-order.js.map +1 -0
- package/dist/components/data-input/reorderable/shared/functions/form-value.d.ts +30 -0
- package/dist/components/data-input/reorderable/shared/functions/form-value.js +49 -0
- package/dist/components/data-input/reorderable/shared/functions/form-value.js.map +1 -0
- package/dist/components/data-input/reorderable/shared/functions/layout.d.ts +18 -0
- package/dist/components/data-input/reorderable/shared/functions/layout.js +27 -0
- package/dist/components/data-input/reorderable/shared/functions/layout.js.map +1 -0
- package/dist/components/data-input/reorderable/shared/index.d.ts +9 -0
- package/dist/components/data-input/reorderable/shared/index.js +7 -0
- package/dist/components/data-input/reorderable/shared/index.js.map +1 -0
- package/dist/components/data-input/reorderable/shared/types/reorderable.types.d.ts +45 -0
- package/dist/components/data-input/reorderable/shared/types/reorderable.types.js +2 -0
- package/dist/components/data-input/reorderable/shared/types/reorderable.types.js.map +1 -0
- package/dist/components/data-input/reorderable/shared/types/sortable-item.types.d.ts +14 -0
- package/dist/components/data-input/reorderable/shared/types/sortable-item.types.js +2 -0
- package/dist/components/data-input/reorderable/shared/types/sortable-item.types.js.map +1 -0
- package/dist/components/data-input/shared/form-label/form-label.d.ts +15 -0
- package/dist/components/data-input/shared/form-label/form-label.js +53 -0
- package/dist/components/data-input/shared/form-label/form-label.js.map +1 -0
- package/dist/components/data-input/shared/form-label/form-label.types.d.ts +10 -0
- package/dist/components/data-input/shared/form-label/form-label.types.js.map +1 -0
- package/dist/components/data-input/shared/form-label/index.js.map +1 -0
- package/dist/components/data-input/shared/input-props.types.d.ts +43 -0
- package/dist/components/data-input/shared/input-props.types.js.map +1 -0
- package/dist/components/data-input/shared/input-wrapper.d.ts +31 -0
- package/dist/components/data-input/shared/input-wrapper.js +50 -0
- package/dist/components/data-input/shared/input-wrapper.js.map +1 -0
- package/dist/components/{form-elements/styles/index.d.ts → data-input/shared/styles.d.ts} +26 -3
- package/dist/components/data-input/shared/styles.js +107 -0
- package/dist/components/data-input/shared/styles.js.map +1 -0
- package/dist/components/data-input/shared/use-field-error.d.ts +58 -0
- package/dist/components/data-input/shared/use-field-error.js +82 -0
- package/dist/components/data-input/shared/use-field-error.js.map +1 -0
- package/dist/components/data-input/shared/use-input-id.d.ts +8 -0
- package/dist/components/data-input/shared/use-input-id.js +14 -0
- package/dist/components/data-input/shared/use-input-id.js.map +1 -0
- package/dist/components/data-input/text-input/index.js.map +1 -0
- package/dist/components/data-input/text-input/text-input.d.ts +16 -0
- package/dist/components/data-input/text-input/text-input.js +37 -0
- package/dist/components/data-input/text-input/text-input.js.map +1 -0
- package/dist/components/{form-elements → data-input}/text-input/text-input.types.d.ts +1 -1
- package/dist/components/data-input/text-input/text-input.types.js.map +1 -0
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/layouts/column-layout/column-layout.js +1 -1
- package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
- package/dist/components/layouts/column-layout/column-layout.types.d.ts +1 -1
- package/dist/components/layouts/footer/footer.js +1 -1
- package/dist/components/layouts/footer/footer.js.map +1 -1
- package/dist/components/layouts/index.d.ts +2 -0
- package/dist/components/layouts/index.js +2 -0
- package/dist/components/layouts/index.js.map +1 -1
- package/dist/components/layouts/layout-wrapper.js +1 -1
- package/dist/components/layouts/layout-wrapper.js.map +1 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.js +1 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.js.map +1 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.types.d.ts +1 -1
- package/dist/components/layouts/split-navigator/index.d.ts +2 -0
- package/dist/components/layouts/split-navigator/index.js +2 -0
- package/dist/components/layouts/split-navigator/index.js.map +1 -0
- package/dist/components/layouts/split-navigator/split-navigator.d.ts +19 -0
- package/dist/components/layouts/split-navigator/split-navigator.js +91 -0
- package/dist/components/layouts/split-navigator/split-navigator.js.map +1 -0
- package/dist/components/layouts/split-navigator/split-navigator.types.d.ts +55 -0
- package/dist/components/layouts/split-navigator/split-navigator.types.js +2 -0
- package/dist/components/layouts/split-navigator/split-navigator.types.js.map +1 -0
- package/dist/components/layouts/split-view/components/split-view-back-button.d.ts +3 -0
- package/dist/components/layouts/split-view/components/split-view-back-button.js +18 -0
- package/dist/components/layouts/split-view/components/split-view-back-button.js.map +1 -0
- package/dist/components/layouts/split-view/components/split-view-column.d.ts +5 -0
- package/dist/components/layouts/split-view/components/split-view-column.js +204 -0
- package/dist/components/layouts/split-view/components/split-view-column.js.map +1 -0
- package/dist/components/layouts/split-view/components/split-view-header.d.ts +6 -0
- package/dist/components/layouts/split-view/components/split-view-header.js +44 -0
- package/dist/components/layouts/split-view/components/split-view-header.js.map +1 -0
- package/dist/components/layouts/split-view/components/split-view-item.d.ts +11 -0
- package/dist/components/layouts/split-view/components/split-view-item.js +19 -0
- package/dist/components/layouts/split-view/components/split-view-item.js.map +1 -0
- package/dist/components/layouts/split-view/components/split-view-panes.d.ts +7 -0
- package/dist/components/layouts/split-view/components/split-view-panes.js +10 -0
- package/dist/components/layouts/split-view/components/split-view-panes.js.map +1 -0
- package/dist/components/layouts/split-view/components/split-view-sidebar-toggle.d.ts +3 -0
- package/dist/components/layouts/split-view/components/split-view-sidebar-toggle.js +14 -0
- package/dist/components/layouts/split-view/components/split-view-sidebar-toggle.js.map +1 -0
- package/dist/components/layouts/split-view/index.d.ts +10 -0
- package/dist/components/layouts/split-view/index.js +15 -0
- package/dist/components/layouts/split-view/index.js.map +1 -0
- package/dist/components/layouts/split-view/split-view-context.d.ts +4 -0
- package/dist/components/layouts/split-view/split-view-context.js +6 -0
- package/dist/components/layouts/split-view/split-view-context.js.map +1 -0
- package/dist/components/layouts/split-view/split-view.d.ts +20 -0
- package/dist/components/layouts/split-view/split-view.js +153 -0
- package/dist/components/layouts/split-view/split-view.js.map +1 -0
- package/dist/components/layouts/split-view/split-view.types.d.ts +90 -0
- package/dist/components/layouts/split-view/split-view.types.js +2 -0
- package/dist/components/layouts/split-view/split-view.types.js.map +1 -0
- package/dist/components/media-display/image-panel/image-panel.js +1 -1
- package/dist/components/media-display/image-panel/image-panel.js.map +1 -1
- package/dist/components/media-display/info-card/info-card.js +2 -2
- package/dist/components/media-display/info-card/info-card.js.map +1 -1
- package/dist/components/media-display/info-card/info-card.types.d.ts +1 -1
- package/dist/components/media-display/media-card/media-card.js +2 -2
- package/dist/components/media-display/media-card/media-card.js.map +1 -1
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item.js +1 -1
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item.js.map +1 -1
- package/dist/components/navigation/nav-menu/components/nav-item.js +1 -1
- package/dist/components/navigation/nav-menu/components/nav-item.js.map +1 -1
- package/dist/components/navigation/nav-menu/components/nav-link.js +1 -1
- package/dist/components/navigation/nav-menu/components/nav-link.js.map +1 -1
- package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.d.ts +1 -1
- package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js +5 -48
- package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js.map +1 -1
- package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.types.d.ts +3 -0
- package/dist/components/navigation/side-nav/side-nav.d.ts +4 -2
- package/dist/components/navigation/side-nav/side-nav.js +27 -11
- package/dist/components/navigation/side-nav/side-nav.js.map +1 -1
- package/dist/components/navigation/side-nav/side-nav.types.d.ts +6 -1
- package/dist/components/typography/body/body.types.d.ts +8 -5
- package/dist/components/typography/body/text.d.ts +5 -3
- package/dist/components/typography/body/text.js +20 -6
- package/dist/components/typography/body/text.js.map +1 -1
- package/dist/components/typography/code/code.d.ts +8 -0
- package/dist/components/typography/code/code.js +12 -1
- package/dist/components/typography/code/code.js.map +1 -1
- package/dist/components/typography/code/code.types.d.ts +2 -2
- package/dist/components/typography/heading/heading.js +7 -2
- package/dist/components/typography/heading/heading.js.map +1 -1
- package/dist/components/typography/heading/heading.types.d.ts +3 -1
- package/dist/components/typography/heading/render-heading.d.ts +1 -1
- package/dist/components/typography/heading/render-heading.js +6 -4
- package/dist/components/typography/heading/render-heading.js.map +1 -1
- package/dist/components/typography/page-header/page-header.js +1 -1
- package/dist/components/typography/page-header/page-header.js.map +1 -1
- package/dist/components/typography/shared-utils/get-presentation-styles.js +8 -0
- package/dist/components/typography/shared-utils/get-presentation-styles.js.map +1 -1
- package/dist/components/typography/shared-utils/resolve-margin-bottom.d.ts +22 -0
- package/dist/components/typography/shared-utils/resolve-margin-bottom.js +25 -0
- package/dist/components/typography/shared-utils/resolve-margin-bottom.js.map +1 -0
- package/dist/components/typography/typography.types.d.ts +8 -3
- package/dist/components/ui/button/button-recipe.js +8 -0
- package/dist/components/ui/button/button-recipe.js.map +1 -1
- package/dist/components/ui/button/button.d.ts +7 -1
- package/dist/components/ui/button/button.js +8 -2
- package/dist/components/ui/button/button.js.map +1 -1
- package/dist/components/ui/button/button.types.d.ts +6 -6
- package/dist/components/ui/card/card.js +2 -2
- package/dist/components/ui/card/card.js.map +1 -1
- package/dist/components/ui/icon/icon.types.d.ts +1 -1
- package/dist/components/ui/icon-button/icon-button.js +2 -2
- package/dist/components/ui/icon-button/icon-button.js.map +1 -1
- package/dist/components/ui/icon-button/icon-button.types.d.ts +4 -3
- package/dist/components/ui/modal/components/modal-content.js +1 -1
- package/dist/components/ui/modal/components/modal-content.js.map +1 -1
- package/dist/components/ui/modal/modal.js +1 -1
- package/dist/components/ui/modal/modal.js.map +1 -1
- package/dist/components/ui/modal/modal.types.d.ts +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/use-media-query/index.d.ts +1 -0
- package/dist/hooks/use-media-query/index.js +2 -0
- package/dist/hooks/use-media-query/index.js.map +1 -0
- package/dist/hooks/use-media-query/use-media-query.d.ts +8 -0
- package/dist/hooks/use-media-query/use-media-query.js +22 -0
- package/dist/hooks/use-media-query/use-media-query.js.map +1 -0
- package/dist/hooks/use-pathname/use-pathname.d.ts +2 -1
- package/dist/hooks/use-pathname/use-pathname.js +28 -4
- package/dist/hooks/use-pathname/use-pathname.js.map +1 -1
- package/dist/internal/components/conditional-wrapper/conditional-wrapper.js.map +1 -0
- package/dist/internal/components/conditional-wrapper/conditional-wrapper.types.js.map +1 -0
- package/dist/internal/components/conditional-wrapper/index.js.map +1 -0
- package/dist/{internal-components → internal/components}/content-header/content-header.js +3 -3
- package/dist/internal/components/content-header/content-header.js.map +1 -0
- package/dist/{internal-components → internal/components}/content-header/content-header.types.d.ts +3 -3
- package/dist/internal/components/content-header/content-header.types.js.map +1 -0
- package/dist/internal/components/content-header/index.js.map +1 -0
- package/dist/{internal-components → internal/components}/dynamic-icon/dynamic-icon.js +1 -1
- package/dist/internal/components/dynamic-icon/dynamic-icon.js.map +1 -0
- package/dist/internal/components/dynamic-icon/dynamic-icon.types.d.ts +6 -0
- package/dist/internal/components/dynamic-icon/dynamic-icon.types.js.map +1 -0
- package/dist/internal/components/dynamic-icon/index.js.map +1 -0
- package/dist/internal/components/image/index.js.map +1 -0
- package/dist/{internal-components → internal/components}/image/is-html-image-props.d.ts +1 -1
- package/dist/internal/components/image/is-html-image-props.js.map +1 -0
- package/dist/{internal-components → internal/components}/image/render-image.d.ts +1 -1
- package/dist/{internal-components → internal/components}/image/render-image.js +1 -1
- package/dist/internal/components/image/render-image.js.map +1 -0
- package/dist/{internal-components → internal/components}/index.d.ts +1 -0
- package/dist/{internal-components → internal/components}/index.js +1 -0
- package/dist/internal/components/index.js.map +1 -0
- package/dist/internal/components/link/index.js.map +1 -0
- package/dist/{internal-components → internal/components}/link/link.js +1 -1
- package/dist/internal/components/link/link.js.map +1 -0
- package/dist/internal/components/link/link.types.js.map +1 -0
- package/dist/internal/components/modal-primitive/index.js.map +1 -0
- package/dist/{internal-components → internal/components}/modal-primitive/modal-primitive.js +1 -1
- package/dist/internal/components/modal-primitive/modal-primitive.js.map +1 -0
- package/dist/internal/components/modal-primitive/modal-primitive.types.js.map +1 -0
- package/dist/internal/components/nav-list-item/index.d.ts +2 -0
- package/dist/internal/components/nav-list-item/index.js +2 -0
- package/dist/internal/components/nav-list-item/index.js.map +1 -0
- package/dist/internal/components/nav-list-item/nav-list-item.d.ts +9 -0
- package/dist/internal/components/nav-list-item/nav-list-item.js +105 -0
- package/dist/internal/components/nav-list-item/nav-list-item.js.map +1 -0
- package/dist/internal/components/nav-list-item/nav-list-item.types.d.ts +24 -0
- package/dist/internal/components/nav-list-item/nav-list-item.types.js +2 -0
- package/dist/internal/components/nav-list-item/nav-list-item.types.js.map +1 -0
- package/dist/internal/components/optional-icon-button/index.js.map +1 -0
- package/dist/{internal-components → internal/components}/optional-icon-button/optional-icon-button.js +1 -1
- package/dist/internal/components/optional-icon-button/optional-icon-button.js.map +1 -0
- package/dist/{internal-components → internal/components}/optional-icon-button/optional-icon-button.types.d.ts +1 -1
- package/dist/internal/components/optional-icon-button/optional-icon-button.types.js.map +1 -0
- package/dist/internal/components/surface/index.js.map +1 -0
- package/dist/{internal-components → internal/components}/surface/surface.js +2 -2
- package/dist/internal/components/surface/surface.js.map +1 -0
- package/dist/{internal-components → internal/components}/surface/surface.types.d.ts +2 -2
- package/dist/internal/components/surface/surface.types.js.map +1 -0
- package/dist/internal/hooks/index.d.ts +2 -0
- package/dist/internal/hooks/index.js +3 -0
- package/dist/internal/hooks/index.js.map +1 -0
- package/dist/internal/hooks/use-controllable-state.d.ts +22 -0
- package/dist/internal/hooks/use-controllable-state.js +34 -0
- package/dist/internal/hooks/use-controllable-state.js.map +1 -0
- package/dist/internal/hooks/use-latest-ref.d.ts +7 -0
- package/dist/internal/hooks/use-latest-ref.js +16 -0
- package/dist/internal/hooks/use-latest-ref.js.map +1 -0
- package/dist/internal/index.d.ts +2 -0
- package/dist/internal/index.js +5 -0
- package/dist/internal/index.js.map +1 -0
- package/dist/styled-system/recipes/button.js +7 -0
- package/dist/styles/panda.css +1 -1
- package/package.json +4 -1
- package/dist/components/form-elements/dropdowns/dropdown/dropdown.d.ts +0 -13
- package/dist/components/form-elements/dropdowns/dropdown/dropdown.js +0 -41
- package/dist/components/form-elements/dropdowns/dropdown/dropdown.js.map +0 -1
- package/dist/components/form-elements/dropdowns/dropdown/dropdown.types.d.ts +0 -21
- package/dist/components/form-elements/dropdowns/dropdown/dropdown.types.js.map +0 -1
- package/dist/components/form-elements/dropdowns/dropdown/index.js.map +0 -1
- package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.d.ts +0 -8
- package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.js +0 -44
- package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.js.map +0 -1
- package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.types.d.ts +0 -26
- package/dist/components/form-elements/dropdowns/dropdown-base/dropdown-base.types.js.map +0 -1
- package/dist/components/form-elements/dropdowns/dropdown-base/index.js.map +0 -1
- package/dist/components/form-elements/dropdowns/index.js.map +0 -1
- package/dist/components/form-elements/dropdowns/multi-dropdown/index.js.map +0 -1
- package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.d.ts +0 -15
- package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.js +0 -55
- package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.js.map +0 -1
- package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.types.d.ts +0 -25
- package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.types.js.map +0 -1
- package/dist/components/form-elements/file-upload/components/file-input.d.ts +0 -1
- package/dist/components/form-elements/file-upload/components/file-input.js +0 -95
- package/dist/components/form-elements/file-upload/components/file-input.js.map +0 -1
- package/dist/components/form-elements/file-upload/components/file-upload-content.d.ts +0 -1
- package/dist/components/form-elements/file-upload/components/file-upload-content.js +0 -29
- package/dist/components/form-elements/file-upload/components/file-upload-content.js.map +0 -1
- package/dist/components/form-elements/file-upload/components/file-upload-preview.d.ts +0 -1
- package/dist/components/form-elements/file-upload/components/file-upload-preview.js +0 -51
- package/dist/components/form-elements/file-upload/components/file-upload-preview.js.map +0 -1
- package/dist/components/form-elements/file-upload/components/item-previews.d.ts +0 -11
- package/dist/components/form-elements/file-upload/components/item-previews.js +0 -58
- package/dist/components/form-elements/file-upload/components/item-previews.js.map +0 -1
- package/dist/components/form-elements/file-upload/file-upload-context.js.map +0 -1
- package/dist/components/form-elements/file-upload/file-upload.d.ts +0 -19
- package/dist/components/form-elements/file-upload/file-upload.js +0 -149
- package/dist/components/form-elements/file-upload/file-upload.js.map +0 -1
- package/dist/components/form-elements/file-upload/file-upload.types.d.ts +0 -36
- package/dist/components/form-elements/file-upload/file-upload.types.js.map +0 -1
- package/dist/components/form-elements/file-upload/index.d.ts +0 -3
- package/dist/components/form-elements/file-upload/index.js.map +0 -1
- package/dist/components/form-elements/form-label/form-label.d.ts +0 -8
- package/dist/components/form-elements/form-label/form-label.js +0 -32
- package/dist/components/form-elements/form-label/form-label.js.map +0 -1
- package/dist/components/form-elements/form-label/form-label.types.d.ts +0 -11
- package/dist/components/form-elements/form-label/form-label.types.js.map +0 -1
- package/dist/components/form-elements/form-label/index.js.map +0 -1
- package/dist/components/form-elements/index.js.map +0 -1
- package/dist/components/form-elements/input-props.types.d.ts +0 -21
- package/dist/components/form-elements/input-props.types.js.map +0 -1
- package/dist/components/form-elements/input-wrapper.d.ts +0 -4
- package/dist/components/form-elements/input-wrapper.js +0 -13
- package/dist/components/form-elements/input-wrapper.js.map +0 -1
- package/dist/components/form-elements/number-input/index.js.map +0 -1
- package/dist/components/form-elements/number-input/number-input.js.map +0 -1
- package/dist/components/form-elements/number-input/number-input.types.js.map +0 -1
- package/dist/components/form-elements/styles/index.js +0 -74
- package/dist/components/form-elements/styles/index.js.map +0 -1
- package/dist/components/form-elements/text-input/index.js.map +0 -1
- package/dist/components/form-elements/text-input/text-input.d.ts +0 -8
- package/dist/components/form-elements/text-input/text-input.js +0 -19
- package/dist/components/form-elements/text-input/text-input.js.map +0 -1
- package/dist/components/form-elements/text-input/text-input.types.js.map +0 -1
- package/dist/components/typography/typography.d.ts +0 -116
- package/dist/components/typography/typography.js +0 -249
- package/dist/components/typography/typography.js.map +0 -1
- package/dist/internal-components/conditional-wrapper/conditional-wrapper.js.map +0 -1
- package/dist/internal-components/conditional-wrapper/conditional-wrapper.types.js.map +0 -1
- package/dist/internal-components/conditional-wrapper/index.js.map +0 -1
- package/dist/internal-components/content-header/content-header.js.map +0 -1
- package/dist/internal-components/content-header/content-header.types.js.map +0 -1
- package/dist/internal-components/content-header/index.js.map +0 -1
- package/dist/internal-components/dynamic-icon/dynamic-icon.js.map +0 -1
- package/dist/internal-components/dynamic-icon/dynamic-icon.types.d.ts +0 -6
- package/dist/internal-components/dynamic-icon/dynamic-icon.types.js.map +0 -1
- package/dist/internal-components/dynamic-icon/index.js.map +0 -1
- package/dist/internal-components/image/index.js.map +0 -1
- package/dist/internal-components/image/is-html-image-props.js.map +0 -1
- package/dist/internal-components/image/render-image.js.map +0 -1
- package/dist/internal-components/index.js.map +0 -1
- package/dist/internal-components/link/index.js.map +0 -1
- package/dist/internal-components/link/link.js.map +0 -1
- package/dist/internal-components/link/link.types.js.map +0 -1
- package/dist/internal-components/modal-primitive/index.js.map +0 -1
- package/dist/internal-components/modal-primitive/modal-primitive.js.map +0 -1
- package/dist/internal-components/modal-primitive/modal-primitive.types.js.map +0 -1
- package/dist/internal-components/optional-icon-button/index.js.map +0 -1
- package/dist/internal-components/optional-icon-button/optional-icon-button.js.map +0 -1
- package/dist/internal-components/optional-icon-button/optional-icon-button.types.js.map +0 -1
- package/dist/internal-components/surface/index.js.map +0 -1
- package/dist/internal-components/surface/surface.js.map +0 -1
- package/dist/internal-components/surface/surface.types.js.map +0 -1
- /package/dist/components/{form-elements → data-input}/dropdowns/dropdown/dropdown.types.js +0 -0
- /package/dist/components/{form-elements → data-input}/dropdowns/dropdown/index.d.ts +0 -0
- /package/dist/components/{form-elements → data-input}/dropdowns/dropdown/index.js +0 -0
- /package/dist/components/{form-elements → data-input}/dropdowns/dropdown-base/dropdown-base.types.js +0 -0
- /package/dist/components/{form-elements → data-input}/dropdowns/dropdown-base/index.d.ts +0 -0
- /package/dist/components/{form-elements → data-input}/dropdowns/dropdown-base/index.js +0 -0
- /package/dist/components/{form-elements → data-input}/dropdowns/index.d.ts +0 -0
- /package/dist/components/{form-elements → data-input}/dropdowns/index.js +0 -0
- /package/dist/components/{form-elements → data-input}/dropdowns/multi-dropdown/index.d.ts +0 -0
- /package/dist/components/{form-elements → data-input}/dropdowns/multi-dropdown/index.js +0 -0
- /package/dist/components/{form-elements → data-input}/dropdowns/multi-dropdown/multi-dropdown.types.js +0 -0
- /package/dist/components/{form-elements → data-input}/file-upload/file-upload-context.d.ts +0 -0
- /package/dist/components/{form-elements → data-input}/file-upload/file-upload-context.js +0 -0
- /package/dist/components/{form-elements → data-input}/file-upload/file-upload.types.js +0 -0
- /package/dist/components/{form-elements → data-input}/file-upload/index.js +0 -0
- /package/dist/components/{form-elements → data-input}/number-input/index.d.ts +0 -0
- /package/dist/components/{form-elements → data-input}/number-input/index.js +0 -0
- /package/dist/components/{form-elements → data-input}/number-input/number-input.types.js +0 -0
- /package/dist/components/{form-elements → data-input/shared}/form-label/form-label.types.js +0 -0
- /package/dist/components/{form-elements → data-input/shared}/form-label/index.d.ts +0 -0
- /package/dist/components/{form-elements → data-input/shared}/form-label/index.js +0 -0
- /package/dist/components/{form-elements → data-input/shared}/input-props.types.js +0 -0
- /package/dist/components/{form-elements → data-input}/text-input/index.d.ts +0 -0
- /package/dist/components/{form-elements → data-input}/text-input/index.js +0 -0
- /package/dist/components/{form-elements → data-input}/text-input/text-input.types.js +0 -0
- /package/dist/{internal-components → internal/components}/conditional-wrapper/conditional-wrapper.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/conditional-wrapper/conditional-wrapper.js +0 -0
- /package/dist/{internal-components → internal/components}/conditional-wrapper/conditional-wrapper.types.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/conditional-wrapper/conditional-wrapper.types.js +0 -0
- /package/dist/{internal-components → internal/components}/conditional-wrapper/index.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/conditional-wrapper/index.js +0 -0
- /package/dist/{internal-components → internal/components}/content-header/content-header.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/content-header/content-header.types.js +0 -0
- /package/dist/{internal-components → internal/components}/content-header/index.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/content-header/index.js +0 -0
- /package/dist/{internal-components → internal/components}/dynamic-icon/dynamic-icon.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/dynamic-icon/dynamic-icon.types.js +0 -0
- /package/dist/{internal-components → internal/components}/dynamic-icon/index.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/dynamic-icon/index.js +0 -0
- /package/dist/{internal-components → internal/components}/image/index.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/image/index.js +0 -0
- /package/dist/{internal-components → internal/components}/image/is-html-image-props.js +0 -0
- /package/dist/{internal-components → internal/components}/link/index.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/link/index.js +0 -0
- /package/dist/{internal-components → internal/components}/link/link.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/link/link.types.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/link/link.types.js +0 -0
- /package/dist/{internal-components → internal/components}/modal-primitive/index.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/modal-primitive/index.js +0 -0
- /package/dist/{internal-components → internal/components}/modal-primitive/modal-primitive.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/modal-primitive/modal-primitive.types.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/modal-primitive/modal-primitive.types.js +0 -0
- /package/dist/{internal-components → internal/components}/optional-icon-button/index.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/optional-icon-button/index.js +0 -0
- /package/dist/{internal-components → internal/components}/optional-icon-button/optional-icon-button.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/optional-icon-button/optional-icon-button.types.js +0 -0
- /package/dist/{internal-components → internal/components}/surface/index.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/surface/index.js +0 -0
- /package/dist/{internal-components → internal/components}/surface/surface.d.ts +0 -0
- /package/dist/{internal-components → internal/components}/surface/surface.types.js +0 -0
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { NavListItemActiveColor, NavListItemProps } from '../../../internal';
|
|
3
|
+
/** A column of the split view, in navigation order. */
|
|
4
|
+
export type SplitViewColumn = 'sidebar' | 'list' | 'detail';
|
|
5
|
+
/**
|
|
6
|
+
* Current layout, driven by viewport width:
|
|
7
|
+
* - `wide` (≥ `lg`): columns side by side, sidebar docked
|
|
8
|
+
* - `medium` (`md`–`lg`): list and detail side by side, sidebar as an overlay
|
|
9
|
+
* - `compact` (< `md`): one column at a time, stacked
|
|
10
|
+
*/
|
|
11
|
+
export type SplitViewMode = 'wide' | 'medium' | 'compact';
|
|
12
|
+
/**
|
|
13
|
+
* Visual treatment in wide and medium modes. Compact mode is always full-bleed.
|
|
14
|
+
* - `floating`: elevated sidebar card floating beside a full-bleed list and detail surface
|
|
15
|
+
* - `layered`: elevated sidebar card, list directly on the canvas, detail as its own surface card
|
|
16
|
+
*/
|
|
17
|
+
export type SplitViewVariant = 'floating' | 'layered';
|
|
18
|
+
/** Color of the active item marker. `neutral` uses the theme's `active` highlight */
|
|
19
|
+
export type SplitViewActiveColor = NavListItemActiveColor;
|
|
20
|
+
export type SplitViewProps = {
|
|
21
|
+
/** `SplitView.Sidebar`, optional `SplitView.List`, and `SplitView.Detail` as direct children */
|
|
22
|
+
children: ReactNode;
|
|
23
|
+
/** Frontmost column in compact mode. Makes the column controlled */
|
|
24
|
+
column?: SplitViewColumn;
|
|
25
|
+
/** Initial column for uncontrolled use @default `'list'`, or `'sidebar'` without a list */
|
|
26
|
+
defaultColumn?: SplitViewColumn;
|
|
27
|
+
/** Called with the next column whenever it changes */
|
|
28
|
+
onColumnChange?: (column: SplitViewColumn) => void;
|
|
29
|
+
/** Whether the sidebar is shown (docked in wide mode, overlaid in medium). Makes it controlled */
|
|
30
|
+
sidebarOpen?: boolean;
|
|
31
|
+
/** Initial sidebar visibility for uncontrolled use @default `true` */
|
|
32
|
+
defaultSidebarOpen?: boolean;
|
|
33
|
+
/** Called with the next sidebar visibility whenever it changes */
|
|
34
|
+
onSidebarOpenChange?: (open: boolean) => void;
|
|
35
|
+
/** Sidebar width in wide and medium modes @default `'240px'` */
|
|
36
|
+
sidebarWidth?: string;
|
|
37
|
+
/** List width in wide and medium modes @default `'320px'` */
|
|
38
|
+
listWidth?: string;
|
|
39
|
+
/** Visual treatment in wide and medium modes @default `'floating'` */
|
|
40
|
+
variant?: SplitViewVariant;
|
|
41
|
+
/** Active marker color for `SplitView.Item`s in the sidebar @default `'primary'` */
|
|
42
|
+
sidebarActiveColor?: SplitViewActiveColor;
|
|
43
|
+
/** Active marker color for `SplitView.Item`s in the list and detail @default `'neutral'` */
|
|
44
|
+
listActiveColor?: SplitViewActiveColor;
|
|
45
|
+
};
|
|
46
|
+
export type SplitViewColumnProps = {
|
|
47
|
+
/** Column contents */
|
|
48
|
+
children: ReactNode;
|
|
49
|
+
/** Title shown in the column's sticky header. A string title also labels the column and the next column's back button */
|
|
50
|
+
title?: ReactNode;
|
|
51
|
+
/** Content at the trailing end of the column header */
|
|
52
|
+
actions?: ReactNode;
|
|
53
|
+
/** Content pinned to the bottom of the column, e.g. account controls in the sidebar */
|
|
54
|
+
footer?: ReactNode;
|
|
55
|
+
/** Accessible label for the column @default `title` when it is a string */
|
|
56
|
+
ariaLabel?: string;
|
|
57
|
+
};
|
|
58
|
+
export type SplitViewItemProps = Pick<NavListItemProps, 'children' | 'active' | 'icon' | 'href' | 'onClick'>;
|
|
59
|
+
export type SplitViewBackButtonProps = {
|
|
60
|
+
/** Button label @default the previous column's string `title`, otherwise `'Back'` */
|
|
61
|
+
children?: ReactNode;
|
|
62
|
+
};
|
|
63
|
+
export type SplitViewSidebarToggleProps = {
|
|
64
|
+
/** Accessible label for the button @default `'Toggle sidebar'` */
|
|
65
|
+
ariaLabel?: string;
|
|
66
|
+
};
|
|
67
|
+
export type SplitViewState = {
|
|
68
|
+
/** Visual treatment in wide and medium modes */
|
|
69
|
+
variant: SplitViewVariant;
|
|
70
|
+
/** Active marker colors by column */
|
|
71
|
+
activeColors: Record<SplitViewColumn, SplitViewActiveColor>;
|
|
72
|
+
/** String titles of each column, used for back button labels */
|
|
73
|
+
titles: Partial<Record<SplitViewColumn, string>>;
|
|
74
|
+
/** Current layout mode. `'wide'` until mounted */
|
|
75
|
+
mode: SplitViewMode;
|
|
76
|
+
/** Frontmost column in compact mode */
|
|
77
|
+
column: SplitViewColumn;
|
|
78
|
+
/** Columns present, in navigation order */
|
|
79
|
+
columns: SplitViewColumn[];
|
|
80
|
+
/** Whether `back` has a column to return to */
|
|
81
|
+
canGoBack: boolean;
|
|
82
|
+
/** Whether the sidebar is shown (docked in wide mode, overlaid in medium) */
|
|
83
|
+
sidebarOpen: boolean;
|
|
84
|
+
/** Bring `column` to the front: pushes it in compact mode, opens or closes the sidebar otherwise */
|
|
85
|
+
show: (column: SplitViewColumn) => void;
|
|
86
|
+
/** Return to the previous column */
|
|
87
|
+
back: () => void;
|
|
88
|
+
setSidebarOpen: (open: boolean) => void;
|
|
89
|
+
toggleSidebar: () => void;
|
|
90
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"split-view.types.js","sourceRoot":"","sources":["../../../../src/components/layouts/split-view/split-view.types.ts"],"names":[],"mappings":""}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { renderImage } from '../../../internal
|
|
2
|
+
import { renderImage } from '../../../internal';
|
|
3
3
|
import { Subtitle, Text, Title } from '../../../components';
|
|
4
4
|
import { css, cva, cx } from '../../../styled-system/css';
|
|
5
5
|
const renderPanelImage = (image, smImage) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image-panel.js","sourceRoot":"","sources":["../../../../src/components/media-display/image-panel/image-panel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"image-panel.js","sourceRoot":"","sources":["../../../../src/components/media-display/image-panel/image-panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { css } from '../../../styled-system/css';
|
|
3
3
|
import { cva } from '../../../styled-system/css';
|
|
4
4
|
import { Text } from '../../../components/typography';
|
|
5
|
-
import { DynamicIcon, Link, renderImage } from '../../../internal
|
|
5
|
+
import { DynamicIcon, Link, renderImage } from '../../../internal';
|
|
6
6
|
import { SurfaceLayerMap } from '../../../theme';
|
|
7
7
|
const styles = {
|
|
8
8
|
card: cva({
|
|
@@ -100,6 +100,6 @@ export const InfoCard = ({ title, url, icon, image, layer = 'surface' }) => {
|
|
|
100
100
|
bg: config.bg,
|
|
101
101
|
shadow: config.shadow,
|
|
102
102
|
structure: config.structure,
|
|
103
|
-
}), children: [_jsx("div", { className: `${styles.imageWrapper} info-card-image-wrapper`, children: renderImage(image, undefined, styles.image) }), _jsxs("div", { className: styles.information, children: [_jsx(DynamicIcon, { icon: icon, size: 24 }), _jsx(Text, { size: "sm", truncate: true,
|
|
103
|
+
}), children: [_jsx("div", { className: `${styles.imageWrapper} info-card-image-wrapper`, children: renderImage(image, undefined, styles.image) }), _jsxs("div", { className: styles.information, children: [_jsx(DynamicIcon, { icon: icon, size: 24 }), _jsx(Text, { size: "sm", truncate: true, marginBottom: false, children: title })] })] }));
|
|
104
104
|
};
|
|
105
105
|
//# sourceMappingURL=info-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../../src/components/media-display/info-card/info-card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../../src/components/media-display/info-card/info-card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { DynamicIconProps } from '../../../internal
|
|
1
|
+
import { DynamicIconProps } from '../../../internal';
|
|
2
2
|
import { ImageProps, SurfaceLayerOptions } from '../../../types';
|
|
3
3
|
export type InfoCardProps = {
|
|
4
4
|
/** Card title displayed in the information bar */
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { css, cva } from '../../../styled-system/css';
|
|
3
3
|
import { H1, Text } from '../../../components/typography';
|
|
4
4
|
import { Divider, Icon } from '../../../components/ui';
|
|
5
|
-
import { Link, renderImage } from '../../../internal
|
|
5
|
+
import { Link, renderImage } from '../../../internal';
|
|
6
6
|
import { SurfaceLayerMap } from '../../../theme';
|
|
7
7
|
import { cloneElement, isValidElement } from 'react';
|
|
8
8
|
const styles = {
|
|
@@ -199,6 +199,6 @@ export const MediaCard = ({ description, details, detailsPosition = 'text', imag
|
|
|
199
199
|
bg: layerConfig.bg,
|
|
200
200
|
shadow: layerConfig.shadow,
|
|
201
201
|
structure: layerConfig.structure,
|
|
202
|
-
}), children: [_jsx("div", { className: styles.title, children: _jsx(H1, { align: "center",
|
|
202
|
+
}), children: [_jsx("div", { className: styles.title, children: _jsx(H1, { align: "center", marginBottom: false, children: title }) }), _jsx(Divider, { marginY: "8px" }), _jsxs("div", { className: styles.contents({ imagePosition }), children: [_jsxs("div", { className: styles.imageBlock, children: [renderImage(image, undefined, styles.image), _jsx("div", { className: styles.links, children: linksSection }), detailsPosition === 'image' && mediaDetails] }), _jsx("div", { className: styles.dividerWrapper, children: _jsx(Divider, {}) }), _jsxs("div", { className: styles.description, children: [detailsPosition === 'text' && mediaDetails, _jsx("div", { className: styles.descriptionWrapper, children: description.map((item, index) => (_jsx(Text, { indent: true, align: "left", size: "sm", children: item }, index))) })] })] })] }));
|
|
203
203
|
};
|
|
204
204
|
//# sourceMappingURL=media-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-card.js","sourceRoot":"","sources":["../../../../src/components/media-display/media-card/media-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"media-card.js","sourceRoot":"","sources":["../../../../src/components/media-display/media-card/media-card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -85,7 +85,7 @@ export const NavDropdownItem = ({ title, items, icon }) => {
|
|
|
85
85
|
setIsOpen(false);
|
|
86
86
|
}
|
|
87
87
|
};
|
|
88
|
-
return (_jsxs("div", { "aria-expanded": isOpen, "aria-haspopup": "true", "aria-controls": dropdownId, className: styles.parentBlock, onMouseEnter: () => setIsOpen(true), onMouseLeave: () => setIsOpen(false), onFocusCapture: () => setIsOpen(true), onBlurCapture: handleBlurCapture, onClick: () => setIsOpen(false), children: [_jsxs(NavLink, { href: "#", children: [icon && _jsx(Icon, { size: 16, color: "text", name: icon }), _jsx(Text, { size: "sm", weight: "medium",
|
|
88
|
+
return (_jsxs("div", { "aria-expanded": isOpen, "aria-haspopup": "true", "aria-controls": dropdownId, className: styles.parentBlock, onMouseEnter: () => setIsOpen(true), onMouseLeave: () => setIsOpen(false), onFocusCapture: () => setIsOpen(true), onBlurCapture: handleBlurCapture, onClick: () => setIsOpen(false), children: [_jsxs(NavLink, { href: "#", children: [icon && _jsx(Icon, { size: 16, color: "text", name: icon }), _jsx(Text, { size: "sm", weight: "medium", marginBottom: false, children: title }), _jsx("span", { className: styles.caretWrapper({ open: isOpen }), children: _jsx(Icon, { name: "CaretDownIcon", size: 12, color: "text" }) })] }), isOpen && _jsx("div", { className: styles.targetArea }), _jsx("div", { id: dropdownId, className: styles.dropdownContent({ open: isOpen }), style: {
|
|
89
89
|
'--thread-nav-menu-cols-sm': mobileCols,
|
|
90
90
|
'--thread-nav-menu-cols-lg': desktopCols,
|
|
91
91
|
}, children: items.map((item) => (_jsx(NavItem, { ...item, isDropdownItem: true }, item.title))) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-drop-down-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/nav-menu/components/nav-drop-down-item.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"nav-drop-down-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/nav-menu/components/nav-drop-down-item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,6 @@ import { NavLink } from './nav-link';
|
|
|
3
3
|
import { Text } from '../../../../components/typography';
|
|
4
4
|
import { Icon } from '../../../../components/ui';
|
|
5
5
|
export const NavItem = ({ href, title, icon, isDropdownItem = false }) => {
|
|
6
|
-
return (_jsxs(NavLink, { href: href, isDropdownItem: isDropdownItem, children: [icon && _jsx(Icon, { color: "text", name: icon, size: isDropdownItem ? 12 : 16 }), _jsx(Text, { size: "sm",
|
|
6
|
+
return (_jsxs(NavLink, { href: href, isDropdownItem: isDropdownItem, children: [icon && _jsx(Icon, { color: "text", name: icon, size: isDropdownItem ? 12 : 16 }), _jsx(Text, { size: "sm", marginBottom: false, weight: "medium", children: title })] }));
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=nav-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/nav-menu/components/nav-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAMvC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,GAAG,KAAK,EAAgB,EAAE,EAAE;IACtF,OAAO,CACN,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,aACjD,IAAI,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAI,EAC1E,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,
|
|
1
|
+
{"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/nav-menu/components/nav-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAMvC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,GAAG,KAAK,EAAgB,EAAE,EAAE;IACtF,OAAO,CACN,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,aACjD,IAAI,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAI,EAC1E,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,YAAY,EAAE,KAAK,EAAE,MAAM,EAAC,QAAQ,YAClD,KAAK,GACA,IACE,CACV,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-link.js","sourceRoot":"","sources":["../../../../../src/components/navigation/nav-menu/components/nav-link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"nav-link.js","sourceRoot":"","sources":["../../../../../src/components/navigation/nav-menu/components/nav-link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAU/C,MAAM,MAAM,GAAG;IACd,EAAE,EAAE,GAAG,CAAC;QACP,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,MAAM;KACrB,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,IAAI,EAAE;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE;YAC5C,OAAO,EAAE,aAAa;YACtB,aAAa,EAAE,KAAK;YACpB,GAAG,EAAE,KAAK;YACV,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE;YAClC,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,YAAY,EAAE,IAAI;YAClB,cAAc,EAAE,MAAM;YACtB,UAAU,EAAE,uBAAuB;YACnC,MAAM,EAAE,MAAM;YACd,MAAM,EAAE;gBACP,eAAe,EAAE,OAAO;aACxB;YACD,OAAO,EAAE;gBACR,eAAe,EAAE,QAAQ;aACzB;SACD;QACD,QAAQ,EAAE;YACT,WAAW,EAAE;gBACZ,IAAI,EAAE;oBACL,QAAQ,EAAE,GAAG;oBACb,QAAQ,EAAE,GAAG;iBACb;gBACD,KAAK,EAAE;oBACN,QAAQ,EAAE,GAAG;oBACb,QAAQ,EAAE,GAAG;iBACb;aACD;YACD,cAAc,EAAE;gBACf,IAAI,EAAE;oBACL,cAAc,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE;oBAC/C,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE;oBAC1C,UAAU,EAAE,QAAQ;iBACpB;gBACD,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE;aACrD;SACD;QACD,eAAe,EAAE;YAChB,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,KAAK;SACrB;KACD,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,cAAc,EAAgB,EAAE,EAAE;IAChG,OAAO,CACN,aAAI,SAAS,EAAE,MAAM,CAAC,EAAE,YACvB,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,YACvE,QAAQ,GACH,GACH,CACL,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { SideNavItemProps } from './side-nav-item.types';
|
|
2
|
-
export declare const SideNavItem: ({ title, path, icon, onClick, basePath }: SideNavItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const SideNavItem: ({ title, path, icon, onClick, basePath, activeColor, collapse, }: SideNavItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,54 +1,11 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsx as _jsx
|
|
3
|
-
import {
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { NavItem } from '../../../../internal';
|
|
4
4
|
import { usePathname } from '../../../../hooks';
|
|
5
|
-
|
|
6
|
-
import { css, cva } from '../../../../styled-system/css';
|
|
7
|
-
const styles = {
|
|
8
|
-
link: cva({
|
|
9
|
-
base: {
|
|
10
|
-
display: 'flex',
|
|
11
|
-
gap: '8px',
|
|
12
|
-
width: '100%',
|
|
13
|
-
alignItems: 'center',
|
|
14
|
-
paddingX: '16px',
|
|
15
|
-
paddingY: '8px',
|
|
16
|
-
marginY: '4px',
|
|
17
|
-
marginX: 'auto',
|
|
18
|
-
borderWidth: 'md',
|
|
19
|
-
borderColor: 'surface',
|
|
20
|
-
backgroundColor: 'surface',
|
|
21
|
-
borderRadius: '20px',
|
|
22
|
-
borderStyle: 'solid',
|
|
23
|
-
_hover: {
|
|
24
|
-
borderColor: 'primary.main',
|
|
25
|
-
color: 'primary.main',
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
variants: {
|
|
29
|
-
isActive: {
|
|
30
|
-
true: {
|
|
31
|
-
color: 'text.inverted',
|
|
32
|
-
backgroundColor: 'primary.main',
|
|
33
|
-
borderColor: 'primary.main',
|
|
34
|
-
_hover: { backgroundColor: 'primary.light', color: 'text.inverted' },
|
|
35
|
-
},
|
|
36
|
-
false: {
|
|
37
|
-
color: 'text.standard',
|
|
38
|
-
backgroundColor: 'surface',
|
|
39
|
-
},
|
|
40
|
-
},
|
|
41
|
-
},
|
|
42
|
-
}),
|
|
43
|
-
linkContents: css({
|
|
44
|
-
display: { base: 'none', lg: 'block' },
|
|
45
|
-
color: 'inherit',
|
|
46
|
-
}),
|
|
47
|
-
};
|
|
48
|
-
export const SideNavItem = ({ title, path, icon, onClick, basePath = '' }) => {
|
|
5
|
+
export const SideNavItem = ({ title, path, icon, onClick, basePath = '', activeColor, collapse, }) => {
|
|
49
6
|
const currentPath = usePathname();
|
|
50
7
|
const fullPath = path === '/' && basePath ? basePath : `${basePath}${path}`;
|
|
51
|
-
const
|
|
52
|
-
return (
|
|
8
|
+
const active = path === '/' ? currentPath === fullPath : currentPath.startsWith(fullPath);
|
|
9
|
+
return (_jsx(NavItem, { href: fullPath, icon: icon, onClick: onClick, active: active, activeColor: activeColor, collapse: collapse, children: title }));
|
|
53
10
|
};
|
|
54
11
|
//# sourceMappingURL=side-nav-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-nav-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/side-nav/side-nav-item/side-nav-item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"side-nav-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/side-nav/side-nav-item/side-nav-item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,QAAQ,GAAG,EAAE,EACb,WAAW,EACX,QAAQ,GACU,EAAE,EAAE;IACtB,MAAM,WAAW,GAAG,WAAW,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,IAAI,EAAE,CAAC;IAC5E,MAAM,MAAM,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE1F,OAAO,CACN,KAAC,OAAO,IACP,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,YAEjB,KAAK,GACG,CACV,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { IconNames } from '../../../../components';
|
|
2
|
+
import { NavListItemActiveColor, NavListItemCollapse } from '../../../../internal';
|
|
2
3
|
export type SideNavItemProps = {
|
|
3
4
|
title: string;
|
|
4
5
|
path: string;
|
|
5
6
|
icon: IconNames;
|
|
6
7
|
onClick?: () => void;
|
|
7
8
|
basePath?: string;
|
|
9
|
+
activeColor?: NavListItemActiveColor;
|
|
10
|
+
collapse?: NavListItemCollapse;
|
|
8
11
|
};
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { SideNavProps } from './side-nav.types';
|
|
2
2
|
/**
|
|
3
|
-
* Vertical side navigation for dashboards. Collapses to a narrow icon-only rail on small screens
|
|
3
|
+
* Vertical side navigation for dashboards. Collapses to a narrow icon-only rail on small screens,
|
|
4
|
+
* or always / never with `collapsed`.
|
|
4
5
|
*
|
|
5
6
|
* @example
|
|
6
7
|
* <SideNav
|
|
7
8
|
* logo={<Logo />}
|
|
8
9
|
* links={[{ title: 'Dashboard', href: '/dashboard', icon: 'House' }]}
|
|
9
10
|
* basePath="/app"
|
|
11
|
+
* activeColor="primary"
|
|
10
12
|
* />
|
|
11
13
|
*/
|
|
12
|
-
export declare const SideNav: ({ logo, links, controls, basePath }: SideNavProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const SideNav: ({ logo, links, controls, basePath, activeColor, collapsed, }: SideNavProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,33 +1,49 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { css } from '../../../styled-system/css';
|
|
3
|
+
import { css, cva } from '../../../styled-system/css';
|
|
4
4
|
import { SideNavItem } from './side-nav-item';
|
|
5
5
|
const styles = {
|
|
6
|
-
navBar:
|
|
7
|
-
|
|
6
|
+
navBar: cva({
|
|
7
|
+
base: {
|
|
8
|
+
display: 'flex',
|
|
9
|
+
flexDirection: 'column',
|
|
10
|
+
gap: '16px',
|
|
11
|
+
paddingY: '8px',
|
|
12
|
+
},
|
|
13
|
+
variants: {
|
|
14
|
+
collapse: {
|
|
15
|
+
never: { width: '175px' },
|
|
16
|
+
responsive: { width: { base: '64px', lg: '175px' } },
|
|
17
|
+
always: { width: '64px' },
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
}),
|
|
21
|
+
linksBlock: css({
|
|
8
22
|
display: 'flex',
|
|
9
23
|
flexDirection: 'column',
|
|
10
|
-
gap: '16px',
|
|
11
|
-
paddingY: '8px',
|
|
12
24
|
}),
|
|
13
|
-
|
|
25
|
+
controlsBlock: css({
|
|
14
26
|
display: 'flex',
|
|
15
|
-
width: { base: '100%', lg: '95%' },
|
|
16
|
-
marginX: 'auto',
|
|
17
27
|
flexDirection: 'column',
|
|
28
|
+
alignItems: 'center',
|
|
29
|
+
gap: '8px',
|
|
30
|
+
marginTop: 'auto',
|
|
18
31
|
}),
|
|
19
32
|
};
|
|
20
33
|
/**
|
|
21
|
-
* Vertical side navigation for dashboards. Collapses to a narrow icon-only rail on small screens
|
|
34
|
+
* Vertical side navigation for dashboards. Collapses to a narrow icon-only rail on small screens,
|
|
35
|
+
* or always / never with `collapsed`.
|
|
22
36
|
*
|
|
23
37
|
* @example
|
|
24
38
|
* <SideNav
|
|
25
39
|
* logo={<Logo />}
|
|
26
40
|
* links={[{ title: 'Dashboard', href: '/dashboard', icon: 'House' }]}
|
|
27
41
|
* basePath="/app"
|
|
42
|
+
* activeColor="primary"
|
|
28
43
|
* />
|
|
29
44
|
*/
|
|
30
|
-
export const SideNav = ({ logo, links, controls, basePath = '' }) => {
|
|
31
|
-
|
|
45
|
+
export const SideNav = ({ logo, links, controls, basePath = '', activeColor, collapsed, }) => {
|
|
46
|
+
const collapse = collapsed === undefined ? 'responsive' : collapsed ? 'always' : 'never';
|
|
47
|
+
return (_jsxs("nav", { className: styles.navBar({ collapse }), children: [logo && logo, _jsx("div", { className: styles.linksBlock, children: links.map((link) => (_jsx(SideNavItem, { ...link, basePath: basePath, activeColor: activeColor, collapse: collapse }, link.title))) }), controls && _jsx("div", { className: styles.controlsBlock, children: controls })] }));
|
|
32
48
|
};
|
|
33
49
|
//# sourceMappingURL=side-nav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-nav.js","sourceRoot":"","sources":["../../../../src/components/navigation/side-nav/side-nav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"side-nav.js","sourceRoot":"","sources":["../../../../src/components/navigation/side-nav/side-nav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,MAAM,MAAM,GAAG;IACd,MAAM,EAAE,GAAG,CAAC;QACX,IAAI,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,MAAM;YACX,QAAQ,EAAE,KAAK;SACf;QACD,QAAQ,EAAE;YACT,QAAQ,EAAE;gBACT,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;gBACzB,UAAU,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;gBACpD,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;aACzB;SACD;KACD,CAAC;IACF,UAAU,EAAE,GAAG,CAAC;QACf,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACvB,CAAC;IACF,aAAa,EAAE,GAAG,CAAC;QAClB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK;QACV,SAAS,EAAE,MAAM;KACjB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,WAAW,EACX,SAAS,GACK,EAAE,EAAE;IAClB,MAAM,QAAQ,GAAG,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAEzF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC,aACzC,IAAI,IAAI,IAAI,EACb,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,KAAC,WAAW,OAEP,IAAI,EACR,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IAJb,IAAI,CAAC,KAAK,CAKd,CACF,CAAC,GACG,EACL,QAAQ,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,aAAa,YAAG,QAAQ,GAAO,IAC9D,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { NavListItemActiveColor } from '../../../internal';
|
|
2
3
|
import { SideNavItemProps } from './side-nav-item';
|
|
3
4
|
export type SideNavProps = {
|
|
4
5
|
/** Logo or branding element rendered at the top of the nav */
|
|
5
6
|
logo?: ReactNode;
|
|
6
7
|
/** Navigation links */
|
|
7
|
-
links: SideNavItemProps[];
|
|
8
|
+
links: Omit<SideNavItemProps, 'activeColor' | 'collapse'>[];
|
|
8
9
|
/** Optional controls rendered at the bottom of the nav */
|
|
9
10
|
controls?: ReactNode;
|
|
10
11
|
/** Base path prepended to all link hrefs @default `''` */
|
|
11
12
|
basePath?: string;
|
|
13
|
+
/** Active link fill. `neutral` uses the theme's `active` highlight @default `'primary'` */
|
|
14
|
+
activeColor?: NavListItemActiveColor;
|
|
15
|
+
/** Icon-only rail when `true`, labeled when `false`, or by viewport (below `lg`) when unset */
|
|
16
|
+
collapsed?: boolean;
|
|
12
17
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { BodyFontSizeOptions, FontFamilyOptions, FontWeightOptions, LetterSpacingOptions, LineHeightOptions, Prettify
|
|
2
|
-
import { TypographyProps } from '../typography.types';
|
|
1
|
+
import { BodyFontSizeOptions, FontFamilyOptions, FontWeightOptions, LetterSpacingOptions, LineHeightOptions, Prettify } from '../../../types';
|
|
2
|
+
import { MarginBottomOption, TypographyProps } from '../typography.types';
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
4
|
/** Shared Body Text Props */
|
|
5
5
|
export type TypographyBodyTypes = Prettify<TypographyProps & {
|
|
@@ -11,17 +11,20 @@ export type TypographyBodyTypes = Prettify<TypographyProps & {
|
|
|
11
11
|
lineHeight?: LineHeightOptions;
|
|
12
12
|
/** Letter spacing override @default role default (`'normal'`) */
|
|
13
13
|
letterSpacing?: LetterSpacingOptions;
|
|
14
|
-
/** Bottom margin
|
|
15
|
-
marginBottom?:
|
|
14
|
+
/** Bottom margin — `true` derives a spacing token from `size`, or pass a spacing token. No effect when `as` is `'span'` @default `false` */
|
|
15
|
+
marginBottom?: MarginBottomOption;
|
|
16
16
|
}>;
|
|
17
17
|
/** Text Component Props */
|
|
18
18
|
export type TextProps = Prettify<TypographyBodyTypes & {
|
|
19
|
+
/** Element to render. `'span'` flows inline, and ignores `align`, `indent`, and `marginBottom` outside a flex or grid parent @default `'p'` */
|
|
20
|
+
as?: 'p' | 'span';
|
|
21
|
+
/** Indents the first line. No effect when `as` is `'span'` outside a flex or grid parent */
|
|
19
22
|
indent?: boolean;
|
|
20
23
|
fontFamily?: Exclude<FontFamilyOptions, 'heading'>;
|
|
21
24
|
underline?: boolean;
|
|
22
25
|
}>;
|
|
23
26
|
/** List Component Props */
|
|
24
|
-
export type ListProps = Prettify<Omit<TypographyBodyTypes, 'children' | '
|
|
27
|
+
export type ListProps = Prettify<Omit<TypographyBodyTypes, 'children' | 'truncate' | 'marginBottom'> & {
|
|
25
28
|
/** Items to render in the list */
|
|
26
29
|
items: Array<string | ReactNode>;
|
|
27
30
|
/** List marker style @default `'disc'` */
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { TextProps } from './body.types';
|
|
2
2
|
/**
|
|
3
|
-
* Body text. Renders as `p` by default or `span` when `
|
|
3
|
+
* Body text. Renders as `p` by default or `span` when `as` is `'span'`.
|
|
4
4
|
*
|
|
5
5
|
* Allows for individual attribute overrides for customization
|
|
6
6
|
*
|
|
7
7
|
* @example
|
|
8
8
|
* <Text>Default Text</Text>
|
|
9
9
|
* @example
|
|
10
|
-
* <Text size="sm" weight="semibold">Important note</Text>
|
|
10
|
+
* <Text size="sm" weight="semibold" marginBottom>Important note</Text>
|
|
11
|
+
* @example
|
|
12
|
+
* <Text as="span" truncate>Inline truncated text</Text>
|
|
11
13
|
*/
|
|
12
|
-
export declare const Text: ({ children, align,
|
|
14
|
+
export declare const Text: ({ children, align, as: Component, color, size, weight, lineHeight, letterSpacing, marginBottom, truncate, indent, fontFamily, underline, }: TextProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,18 +3,21 @@ import { getResolvedTypographyValues, getTextColorStyles } from '../../../utils'
|
|
|
3
3
|
import { cx } from '../../../styled-system/css';
|
|
4
4
|
import { getTypographyStyles } from '../shared-utils/get-typography-styles';
|
|
5
5
|
import { getPresentationStyles } from '../shared-utils/get-presentation-styles';
|
|
6
|
+
import { BODY_MARGIN_BOTTOM_MAP, resolveMarginBottom } from '../shared-utils/resolve-margin-bottom';
|
|
6
7
|
/**
|
|
7
|
-
* Body text. Renders as `p` by default or `span` when `
|
|
8
|
+
* Body text. Renders as `p` by default or `span` when `as` is `'span'`.
|
|
8
9
|
*
|
|
9
10
|
* Allows for individual attribute overrides for customization
|
|
10
11
|
*
|
|
11
12
|
* @example
|
|
12
13
|
* <Text>Default Text</Text>
|
|
13
14
|
* @example
|
|
14
|
-
* <Text size="sm" weight="semibold">Important note</Text>
|
|
15
|
+
* <Text size="sm" weight="semibold" marginBottom>Important note</Text>
|
|
16
|
+
* @example
|
|
17
|
+
* <Text as="span" truncate>Inline truncated text</Text>
|
|
15
18
|
*/
|
|
16
|
-
export const Text = ({ children, align = 'left',
|
|
17
|
-
const
|
|
19
|
+
export const Text = ({ children, align = 'left', as: Component = 'p', color = 'standard', size = 'md', weight, lineHeight, letterSpacing, marginBottom, truncate = false, indent, fontFamily, underline, }) => {
|
|
20
|
+
const isSpan = Component === 'span';
|
|
18
21
|
const resolved = getResolvedTypographyValues({
|
|
19
22
|
role: 'body',
|
|
20
23
|
fontSize: `body.${size}`,
|
|
@@ -22,9 +25,20 @@ export const Text = ({ children, align = 'left', inline = false, color = 'standa
|
|
|
22
25
|
fontFamily,
|
|
23
26
|
lineHeight,
|
|
24
27
|
letterSpacing,
|
|
25
|
-
marginBottom:
|
|
28
|
+
marginBottom: isSpan
|
|
29
|
+
? 'none'
|
|
30
|
+
: resolveMarginBottom(marginBottom, {
|
|
31
|
+
defaultOn: false,
|
|
32
|
+
onValue: BODY_MARGIN_BOTTOM_MAP[size],
|
|
33
|
+
}),
|
|
26
34
|
});
|
|
27
|
-
const className = cx(getTypographyStyles(resolved), getPresentationStyles({
|
|
35
|
+
const className = cx(getTypographyStyles(resolved), getPresentationStyles({
|
|
36
|
+
indent,
|
|
37
|
+
align,
|
|
38
|
+
truncate: truncate || undefined,
|
|
39
|
+
underline,
|
|
40
|
+
display: isSpan && truncate ? 'inline-block' : undefined,
|
|
41
|
+
}), getTextColorStyles(color));
|
|
28
42
|
return _jsx(Component, { className: className, children: children });
|
|
29
43
|
};
|
|
30
44
|
//# sourceMappingURL=text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/typography/body/text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;
|
|
1
|
+
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/typography/body/text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAGpG;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACpB,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,KAAK,GAAG,UAAU,EAClB,IAAI,GAAG,IAAI,EACX,MAAM,EACN,UAAU,EACV,aAAa,EACb,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,UAAU,EACV,SAAS,GACE,EAAE,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM,CAAC;IAEpC,MAAM,QAAQ,GAAG,2BAA2B,CAAC;QAC5C,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,QAAQ,IAAI,EAAW;QACjC,UAAU,EAAE,MAAM;QAClB,UAAU;QACV,UAAU;QACV,aAAa;QACb,YAAY,EAAE,MAAM;YACnB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,mBAAmB,CAAC,YAAY,EAAE;gBAClC,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,sBAAsB,CAAC,IAAI,CAAC;aACrC,CAAC;KACJ,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,EAAE,CACnB,mBAAmB,CAAC,QAAQ,CAAC,EAC7B,qBAAqB,CAAC;QACrB,MAAM;QACN,KAAK;QACL,QAAQ,EAAE,QAAQ,IAAI,SAAS;QAC/B,SAAS;QACT,OAAO,EAAE,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;KACxD,CAAC,EACF,kBAAkB,CAAC,KAAK,CAAC,CACzB,CAAC;IAEF,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAa,CAAC;AAChE,CAAC,CAAC"}
|