thread-ui 0.2.0 → 0.4.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 +63 -18
- package/dist/components/form-elements/dropdown/dropdown.d.ts +14 -0
- package/dist/components/form-elements/dropdown/dropdown.d.ts.map +1 -0
- package/dist/components/form-elements/dropdown/dropdown.js +83 -0
- package/dist/components/form-elements/dropdown/dropdown.js.map +1 -0
- package/dist/components/form-elements/dropdown/dropdown.types.d.ts +24 -0
- package/dist/components/form-elements/dropdown/dropdown.types.d.ts.map +1 -0
- package/dist/components/form-elements/dropdown/dropdown.types.js +2 -0
- package/dist/components/form-elements/dropdown/dropdown.types.js.map +1 -0
- package/dist/components/form-elements/dropdown/index.d.ts +3 -0
- package/dist/components/form-elements/dropdown/index.d.ts.map +1 -0
- package/dist/components/form-elements/dropdown/index.js +2 -0
- package/dist/components/form-elements/dropdown/index.js.map +1 -0
- package/dist/components/form-elements/file-upload/components/file-input.d.ts +2 -0
- package/dist/components/form-elements/file-upload/components/file-input.d.ts.map +1 -0
- package/dist/components/form-elements/file-upload/components/file-input.js +93 -0
- package/dist/components/form-elements/file-upload/components/file-input.js.map +1 -0
- package/dist/components/form-elements/file-upload/components/file-upload-content.d.ts +2 -0
- package/dist/components/form-elements/file-upload/components/file-upload-content.d.ts.map +1 -0
- package/dist/components/form-elements/file-upload/components/file-upload-content.js +28 -0
- package/dist/components/form-elements/file-upload/components/file-upload-content.js.map +1 -0
- package/dist/components/form-elements/file-upload/components/file-upload-preview.d.ts +2 -0
- package/dist/components/form-elements/file-upload/components/file-upload-preview.d.ts.map +1 -0
- package/dist/components/form-elements/file-upload/components/file-upload-preview.js +51 -0
- package/dist/components/form-elements/file-upload/components/file-upload-preview.js.map +1 -0
- package/dist/components/form-elements/file-upload/components/item-previews.d.ts +12 -0
- package/dist/components/form-elements/file-upload/components/item-previews.d.ts.map +1 -0
- package/dist/components/form-elements/file-upload/components/item-previews.js +58 -0
- package/dist/components/form-elements/file-upload/components/item-previews.js.map +1 -0
- package/dist/components/form-elements/file-upload/file-upload-context.d.ts +3 -0
- package/dist/components/form-elements/file-upload/file-upload-context.d.ts.map +1 -0
- package/dist/components/form-elements/file-upload/file-upload-context.js +4 -0
- package/dist/components/form-elements/file-upload/file-upload-context.js.map +1 -0
- package/dist/components/form-elements/file-upload/file-upload.d.ts +20 -0
- package/dist/components/form-elements/file-upload/file-upload.d.ts.map +1 -0
- package/dist/components/form-elements/file-upload/file-upload.js +148 -0
- package/dist/components/form-elements/file-upload/file-upload.js.map +1 -0
- package/dist/components/form-elements/file-upload/file-upload.types.d.ts +36 -0
- package/dist/components/form-elements/file-upload/file-upload.types.d.ts.map +1 -0
- package/dist/components/form-elements/file-upload/file-upload.types.js +2 -0
- package/dist/components/form-elements/file-upload/file-upload.types.js.map +1 -0
- package/dist/components/form-elements/file-upload/index.d.ts +3 -0
- package/dist/components/form-elements/file-upload/index.d.ts.map +1 -0
- package/dist/components/form-elements/file-upload/index.js +2 -0
- package/dist/components/form-elements/file-upload/index.js.map +1 -0
- package/dist/components/form-elements/form-label/form-label.d.ts +6 -0
- package/dist/components/form-elements/form-label/form-label.d.ts.map +1 -1
- package/dist/components/form-elements/form-label/form-label.js +8 -2
- package/dist/components/form-elements/form-label/form-label.js.map +1 -1
- package/dist/components/form-elements/form-label/form-label.types.d.ts +3 -0
- package/dist/components/form-elements/form-label/form-label.types.d.ts.map +1 -1
- package/dist/components/form-elements/index.d.ts +2 -0
- package/dist/components/form-elements/index.d.ts.map +1 -1
- package/dist/components/form-elements/index.js +2 -0
- package/dist/components/form-elements/index.js.map +1 -1
- package/dist/components/form-elements/input-props.types.d.ts +10 -3
- package/dist/components/form-elements/input-props.types.d.ts.map +1 -1
- package/dist/components/form-elements/number-input/number-input.d.ts +15 -1
- package/dist/components/form-elements/number-input/number-input.d.ts.map +1 -1
- package/dist/components/form-elements/number-input/number-input.js +82 -21
- package/dist/components/form-elements/number-input/number-input.js.map +1 -1
- package/dist/components/form-elements/number-input/number-input.types.d.ts +3 -0
- package/dist/components/form-elements/number-input/number-input.types.d.ts.map +1 -1
- package/dist/components/form-elements/styles/index.d.ts.map +1 -1
- package/dist/components/form-elements/styles/index.js +3 -1
- package/dist/components/form-elements/styles/index.js.map +1 -1
- package/dist/components/form-elements/text-input/text-input.d.ts +7 -1
- package/dist/components/form-elements/text-input/text-input.d.ts.map +1 -1
- package/dist/components/form-elements/text-input/text-input.js +8 -2
- package/dist/components/form-elements/text-input/text-input.js.map +1 -1
- package/dist/components/form-elements/text-input/text-input.types.d.ts +1 -0
- package/dist/components/form-elements/text-input/text-input.types.d.ts.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/layouts/column-layout/column-layout.d.ts +11 -2
- package/dist/components/layouts/column-layout/column-layout.d.ts.map +1 -1
- package/dist/components/layouts/column-layout/column-layout.js +11 -2
- package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
- package/dist/components/layouts/column-layout/column-layout.types.d.ts +8 -18
- package/dist/components/layouts/column-layout/column-layout.types.d.ts.map +1 -1
- package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.js +1 -1
- package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.js.map +1 -1
- package/dist/components/layouts/footer/footer.d.ts +13 -1
- package/dist/components/layouts/footer/footer.d.ts.map +1 -1
- package/dist/components/layouts/footer/footer.js +14 -2
- package/dist/components/layouts/footer/footer.js.map +1 -1
- package/dist/components/layouts/footer/footer.types.d.ts +7 -0
- package/dist/components/layouts/footer/footer.types.d.ts.map +1 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.d.ts +9 -0
- package/dist/components/layouts/masonry-layout/masonry-layout.d.ts.map +1 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.js +12 -3
- package/dist/components/layouts/masonry-layout/masonry-layout.js.map +1 -1
- package/dist/components/layouts/masonry-layout/masonry-layout.types.d.ts +3 -0
- package/dist/components/layouts/masonry-layout/masonry-layout.types.d.ts.map +1 -1
- package/dist/components/media/image-panel/image-panel.d.ts +14 -0
- package/dist/components/media/image-panel/image-panel.d.ts.map +1 -1
- package/dist/components/media/image-panel/image-panel.js +15 -1
- package/dist/components/media/image-panel/image-panel.js.map +1 -1
- package/dist/components/media/image-panel/image-panel.types.d.ts +8 -0
- package/dist/components/media/image-panel/image-panel.types.d.ts.map +1 -1
- package/dist/components/media/info-card/info-card.d.ts +11 -0
- package/dist/components/media/info-card/info-card.d.ts.map +1 -1
- package/dist/components/media/info-card/info-card.js +13 -2
- package/dist/components/media/info-card/info-card.js.map +1 -1
- package/dist/components/media/info-card/info-card.types.d.ts +10 -0
- package/dist/components/media/info-card/info-card.types.d.ts.map +1 -1
- package/dist/components/media/media-card/media-card.d.ts +13 -0
- package/dist/components/media/media-card/media-card.d.ts.map +1 -1
- package/dist/components/media/media-card/media-card.js +21 -6
- package/dist/components/media/media-card/media-card.js.map +1 -1
- package/dist/components/media/media-card/media-card.types.d.ts +13 -0
- package/dist/components/media/media-card/media-card.types.d.ts.map +1 -1
- package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.d.ts.map +1 -1
- package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js +10 -7
- package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js.map +1 -1
- package/dist/components/navigation/nav-menu/nav-menu.d.ts +13 -0
- package/dist/components/navigation/nav-menu/nav-menu.d.ts.map +1 -1
- package/dist/components/navigation/nav-menu/nav-menu.js +13 -0
- package/dist/components/navigation/nav-menu/nav-menu.js.map +1 -1
- package/dist/components/navigation/nav-menu/nav-menu.types.d.ts +2 -0
- package/dist/components/navigation/nav-menu/nav-menu.types.d.ts.map +1 -1
- package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js +1 -1
- 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.map +1 -1
- package/dist/components/navigation/side-nav/side-nav.d.ts +8 -2
- package/dist/components/navigation/side-nav/side-nav.d.ts.map +1 -1
- package/dist/components/navigation/side-nav/side-nav.js +8 -2
- package/dist/components/navigation/side-nav/side-nav.js.map +1 -1
- package/dist/components/navigation/side-nav/side-nav.types.d.ts +4 -0
- package/dist/components/navigation/side-nav/side-nav.types.d.ts.map +1 -1
- package/dist/components/typography/page-header/page-header.d.ts +6 -0
- package/dist/components/typography/page-header/page-header.d.ts.map +1 -1
- package/dist/components/typography/page-header/page-header.js +6 -0
- package/dist/components/typography/page-header/page-header.js.map +1 -1
- package/dist/components/typography/page-header/page-header.types.d.ts +3 -0
- package/dist/components/typography/page-header/page-header.types.d.ts.map +1 -1
- package/dist/components/typography/typography.d.ts +55 -0
- package/dist/components/typography/typography.d.ts.map +1 -1
- package/dist/components/typography/typography.js +48 -0
- package/dist/components/typography/typography.js.map +1 -1
- package/dist/components/ui/button/button-recipe.d.ts.map +1 -1
- package/dist/components/ui/button/button-recipe.js +1 -0
- package/dist/components/ui/button/button-recipe.js.map +1 -1
- package/dist/components/ui/button/button.d.ts +8 -0
- package/dist/components/ui/button/button.d.ts.map +1 -1
- package/dist/components/ui/button/button.js +8 -0
- package/dist/components/ui/button/button.js.map +1 -1
- package/dist/components/ui/button/button.types.d.ts +7 -0
- package/dist/components/ui/button/button.types.d.ts.map +1 -1
- package/dist/components/ui/card/card.d.ts +8 -0
- package/dist/components/ui/card/card.d.ts.map +1 -1
- package/dist/components/ui/card/card.js +8 -0
- package/dist/components/ui/card/card.js.map +1 -1
- package/dist/components/ui/card/card.types.d.ts +8 -1
- package/dist/components/ui/card/card.types.d.ts.map +1 -1
- package/dist/components/ui/divider/divider.d.ts +6 -0
- package/dist/components/ui/divider/divider.d.ts.map +1 -1
- package/dist/components/ui/divider/divider.js +6 -0
- package/dist/components/ui/divider/divider.js.map +1 -1
- package/dist/components/ui/divider/divider.types.d.ts +3 -0
- package/dist/components/ui/divider/divider.types.d.ts.map +1 -1
- package/dist/components/ui/icon/icon.d.ts +5 -7
- package/dist/components/ui/icon/icon.d.ts.map +1 -1
- package/dist/components/ui/icon/icon.js +5 -7
- package/dist/components/ui/icon/icon.js.map +1 -1
- package/dist/components/ui/icon/icon.types.d.ts +5 -0
- package/dist/components/ui/icon/icon.types.d.ts.map +1 -1
- package/dist/components/ui/icon-button/icon-button.d.ts +8 -0
- package/dist/components/ui/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/ui/icon-button/icon-button.js +9 -1
- package/dist/components/ui/icon-button/icon-button.js.map +1 -1
- package/dist/components/ui/icon-button/icon-button.types.d.ts +3 -1
- package/dist/components/ui/icon-button/icon-button.types.d.ts.map +1 -1
- package/dist/components/ui/index.d.ts +1 -0
- package/dist/components/ui/index.d.ts.map +1 -1
- package/dist/components/ui/index.js +1 -0
- package/dist/components/ui/index.js.map +1 -1
- package/dist/components/ui/modal/components/modal-content.d.ts +2 -0
- package/dist/components/ui/modal/components/modal-content.d.ts.map +1 -0
- package/dist/components/ui/modal/components/modal-content.js +98 -0
- package/dist/components/ui/modal/components/modal-content.js.map +1 -0
- package/dist/components/ui/modal/index.d.ts +3 -0
- package/dist/components/ui/modal/index.d.ts.map +1 -0
- package/dist/components/ui/modal/index.js +2 -0
- package/dist/components/ui/modal/index.js.map +1 -0
- package/dist/components/ui/modal/modal-context.d.ts +3 -0
- package/dist/components/ui/modal/modal-context.d.ts.map +1 -0
- package/dist/components/ui/modal/modal-context.js +4 -0
- package/dist/components/ui/modal/modal-context.js.map +1 -0
- package/dist/components/ui/modal/modal.d.ts +12 -0
- package/dist/components/ui/modal/modal.d.ts.map +1 -0
- package/dist/components/ui/modal/modal.js +44 -0
- package/dist/components/ui/modal/modal.js.map +1 -0
- package/dist/components/ui/modal/modal.types.d.ts +27 -0
- package/dist/components/ui/modal/modal.types.d.ts.map +1 -0
- package/dist/components/ui/modal/modal.types.js +2 -0
- package/dist/components/ui/modal/modal.types.js.map +1 -0
- package/dist/components/ui/toggle/toggle.d.ts +6 -1
- package/dist/components/ui/toggle/toggle.d.ts.map +1 -1
- package/dist/components/ui/toggle/toggle.js +6 -1
- package/dist/components/ui/toggle/toggle.js.map +1 -1
- package/dist/components/ui/toggle/toggle.types.d.ts +3 -0
- package/dist/components/ui/toggle/toggle.types.d.ts.map +1 -1
- package/dist/styled-system/styles.css +2034 -559
- package/dist/styled-system/tokens/index.mjs +9 -9
- package/dist/styles/panda.css +1 -1877
- package/dist/styles/thread.css +18 -5
- package/dist/theme/default-theme.js +6 -6
- package/dist/theme/default-theme.js.map +1 -1
- package/dist/theme/generate-override-css.d.ts +7 -0
- package/dist/theme/generate-override-css.d.ts.map +1 -0
- package/dist/theme/generate-override-css.js +66 -0
- package/dist/theme/generate-override-css.js.map +1 -0
- package/dist/theme/index.d.ts +2 -0
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +2 -0
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/theme-mode.d.ts +6 -0
- package/dist/theme/theme-mode.d.ts.map +1 -0
- package/dist/theme/theme-mode.js +17 -0
- package/dist/theme/theme-mode.js.map +1 -0
- package/dist/theme/theme-provider.d.ts +36 -0
- package/dist/theme/theme-provider.d.ts.map +1 -0
- package/dist/theme/theme-provider.js +76 -0
- package/dist/theme/theme-provider.js.map +1 -0
- package/dist/theme/thread-script.d.ts +27 -0
- package/dist/theme/thread-script.d.ts.map +1 -0
- package/dist/theme/thread-script.js +48 -0
- package/dist/theme/thread-script.js.map +1 -0
- package/dist/utils/context/create-component-context/create-component-context.d.ts +2 -0
- package/dist/utils/context/create-component-context/create-component-context.d.ts.map +1 -0
- package/dist/utils/context/create-component-context/create-component-context.js +14 -0
- package/dist/utils/context/create-component-context/create-component-context.js.map +1 -0
- package/dist/utils/context/create-component-context/index.d.ts +2 -0
- package/dist/utils/context/create-component-context/index.d.ts.map +1 -0
- package/dist/utils/context/create-component-context/index.js +2 -0
- package/dist/utils/context/create-component-context/index.js.map +1 -0
- package/dist/utils/context/index.d.ts +2 -0
- package/dist/utils/context/index.d.ts.map +1 -0
- package/dist/utils/context/index.js +2 -0
- package/dist/utils/context/index.js.map +1 -0
- package/dist/utils/{deep-merge → data-manipulation/deep-merge}/deep-merge.d.ts +1 -1
- package/dist/utils/data-manipulation/deep-merge/deep-merge.d.ts.map +1 -0
- package/dist/utils/data-manipulation/deep-merge/deep-merge.js.map +1 -0
- package/dist/utils/data-manipulation/deep-merge/index.d.ts.map +1 -0
- package/dist/utils/data-manipulation/deep-merge/index.js.map +1 -0
- package/dist/utils/data-manipulation/index.d.ts +2 -0
- package/dist/utils/data-manipulation/index.d.ts.map +1 -0
- package/dist/utils/data-manipulation/index.js +2 -0
- package/dist/utils/data-manipulation/index.js.map +1 -0
- package/dist/utils/hooks/index.d.ts +3 -0
- package/dist/utils/hooks/index.d.ts.map +1 -0
- package/dist/utils/hooks/index.js +3 -0
- package/dist/utils/hooks/index.js.map +1 -0
- package/dist/utils/hooks/use-outside-close-click/index.d.ts +2 -0
- package/dist/utils/hooks/use-outside-close-click/index.d.ts.map +1 -0
- package/dist/utils/hooks/use-outside-close-click/index.js +2 -0
- package/dist/utils/hooks/use-outside-close-click/index.js.map +1 -0
- package/dist/utils/hooks/use-outside-close-click/use-outside-close-click.d.ts +3 -0
- package/dist/utils/hooks/use-outside-close-click/use-outside-close-click.d.ts.map +1 -0
- package/dist/utils/hooks/use-outside-close-click/use-outside-close-click.js +16 -0
- package/dist/utils/hooks/use-outside-close-click/use-outside-close-click.js.map +1 -0
- package/dist/utils/hooks/use-pathname/index.d.ts.map +1 -0
- package/dist/utils/hooks/use-pathname/index.js.map +1 -0
- package/dist/utils/hooks/use-pathname/use-pathname.d.ts.map +1 -0
- package/dist/utils/hooks/use-pathname/use-pathname.js.map +1 -0
- package/dist/utils/index.d.ts +5 -8
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +5 -8
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/misc/index.d.ts +2 -0
- package/dist/utils/misc/index.d.ts.map +1 -0
- package/dist/utils/misc/index.js +2 -0
- package/dist/utils/misc/index.js.map +1 -0
- package/dist/utils/misc/is-file-image-type/index.d.ts +2 -0
- package/dist/utils/misc/is-file-image-type/index.d.ts.map +1 -0
- package/dist/utils/misc/is-file-image-type/index.js +2 -0
- package/dist/utils/misc/is-file-image-type/index.js.map +1 -0
- package/dist/utils/misc/is-file-image-type/is-file-image-type.d.ts +2 -0
- package/dist/utils/misc/is-file-image-type/is-file-image-type.d.ts.map +1 -0
- package/dist/utils/misc/is-file-image-type/is-file-image-type.js +4 -0
- package/dist/utils/misc/is-file-image-type/is-file-image-type.js.map +1 -0
- package/dist/utils/{get-colored-text-color → theme-utilities/get-colored-text-color}/get-colored-text-color.d.ts +1 -1
- package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.d.ts.map +1 -0
- package/dist/utils/{get-colored-text-color → theme-utilities/get-colored-text-color}/get-colored-text-color.js +1 -1
- package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.js.map +1 -0
- package/dist/utils/theme-utilities/get-colored-text-color/index.d.ts.map +1 -0
- package/dist/utils/theme-utilities/get-colored-text-color/index.js.map +1 -0
- package/dist/utils/{get-text-color → theme-utilities/get-text-color}/get-text-color.d.ts +1 -1
- package/dist/utils/theme-utilities/get-text-color/get-text-color.d.ts.map +1 -0
- package/dist/utils/{get-text-color → theme-utilities/get-text-color}/get-text-color.js +1 -1
- package/dist/utils/theme-utilities/get-text-color/get-text-color.js.map +1 -0
- package/dist/utils/theme-utilities/get-text-color/index.d.ts.map +1 -0
- package/dist/utils/theme-utilities/get-text-color/index.js.map +1 -0
- package/dist/utils/{get-utility-color → theme-utilities/get-utility-color}/get-utility-color-value.d.ts +1 -1
- package/dist/utils/theme-utilities/get-utility-color/get-utility-color-value.d.ts.map +1 -0
- package/dist/utils/{get-utility-color → theme-utilities/get-utility-color}/get-utility-color-value.js +1 -1
- package/dist/utils/theme-utilities/get-utility-color/get-utility-color-value.js.map +1 -0
- package/dist/utils/theme-utilities/get-utility-color/index.d.ts.map +1 -0
- package/dist/utils/theme-utilities/get-utility-color/index.js.map +1 -0
- package/dist/utils/{get-utility-font-size → theme-utilities/get-utility-font-size}/getUtilityFontSize.d.ts +1 -1
- package/dist/utils/theme-utilities/get-utility-font-size/getUtilityFontSize.d.ts.map +1 -0
- package/dist/utils/theme-utilities/get-utility-font-size/getUtilityFontSize.js.map +1 -0
- package/dist/utils/theme-utilities/get-utility-font-size/index.d.ts.map +1 -0
- package/dist/utils/theme-utilities/get-utility-font-size/index.js.map +1 -0
- package/dist/utils/theme-utilities/get-utility-icon-size/get-utility-icon-size.d.ts +4 -0
- package/dist/utils/theme-utilities/get-utility-icon-size/get-utility-icon-size.d.ts.map +1 -0
- package/dist/utils/theme-utilities/get-utility-icon-size/get-utility-icon-size.js.map +1 -0
- package/dist/utils/theme-utilities/get-utility-icon-size/index.d.ts.map +1 -0
- package/dist/utils/theme-utilities/get-utility-icon-size/index.js.map +1 -0
- package/dist/utils/theme-utilities/get-utility-size-value/get-utility-size-value.d.ts +3 -0
- package/dist/utils/theme-utilities/get-utility-size-value/get-utility-size-value.d.ts.map +1 -0
- package/dist/utils/theme-utilities/get-utility-size-value/get-utility-size-value.js.map +1 -0
- package/dist/utils/theme-utilities/get-utility-size-value/index.d.ts.map +1 -0
- package/dist/utils/theme-utilities/get-utility-size-value/index.js.map +1 -0
- package/dist/utils/theme-utilities/index.d.ts +7 -0
- package/dist/utils/theme-utilities/index.d.ts.map +1 -0
- package/dist/utils/theme-utilities/index.js +7 -0
- package/dist/utils/theme-utilities/index.js.map +1 -0
- package/package.json +5 -5
- package/dist/client/index.d.ts +0 -2
- package/dist/client/index.d.ts.map +0 -1
- package/dist/client/index.js +0 -2
- package/dist/client/index.js.map +0 -1
- package/dist/client/theme-provider/index.d.ts +0 -3
- package/dist/client/theme-provider/index.d.ts.map +0 -1
- package/dist/client/theme-provider/index.js +0 -2
- package/dist/client/theme-provider/index.js.map +0 -1
- package/dist/client/theme-provider/set-theme.d.ts +0 -8
- package/dist/client/theme-provider/set-theme.d.ts.map +0 -1
- package/dist/client/theme-provider/set-theme.js +0 -60
- package/dist/client/theme-provider/set-theme.js.map +0 -1
- package/dist/client/theme-provider/theme-provider.d.ts +0 -21
- package/dist/client/theme-provider/theme-provider.d.ts.map +0 -1
- package/dist/client/theme-provider/theme-provider.js +0 -196
- package/dist/client/theme-provider/theme-provider.js.map +0 -1
- package/dist/client/theme-provider/theme-provider.types.d.ts +0 -13
- package/dist/client/theme-provider/theme-provider.types.d.ts.map +0 -1
- package/dist/client/theme-provider/theme-provider.types.js +0 -2
- package/dist/client/theme-provider/theme-provider.types.js.map +0 -1
- package/dist/utils/deep-merge/deep-merge.d.ts.map +0 -1
- package/dist/utils/deep-merge/deep-merge.js.map +0 -1
- package/dist/utils/deep-merge/index.d.ts.map +0 -1
- package/dist/utils/deep-merge/index.js.map +0 -1
- package/dist/utils/get-colored-text-color/get-colored-text-color.d.ts.map +0 -1
- package/dist/utils/get-colored-text-color/get-colored-text-color.js.map +0 -1
- package/dist/utils/get-colored-text-color/index.d.ts.map +0 -1
- package/dist/utils/get-colored-text-color/index.js.map +0 -1
- package/dist/utils/get-text-color/get-text-color.d.ts.map +0 -1
- package/dist/utils/get-text-color/get-text-color.js.map +0 -1
- package/dist/utils/get-text-color/index.d.ts.map +0 -1
- package/dist/utils/get-text-color/index.js.map +0 -1
- package/dist/utils/get-utility-color/get-utility-color-value.d.ts.map +0 -1
- package/dist/utils/get-utility-color/get-utility-color-value.js.map +0 -1
- package/dist/utils/get-utility-color/index.d.ts.map +0 -1
- package/dist/utils/get-utility-color/index.js.map +0 -1
- package/dist/utils/get-utility-font-size/getUtilityFontSize.d.ts.map +0 -1
- package/dist/utils/get-utility-font-size/getUtilityFontSize.js.map +0 -1
- package/dist/utils/get-utility-font-size/index.d.ts.map +0 -1
- package/dist/utils/get-utility-font-size/index.js.map +0 -1
- package/dist/utils/get-utility-icon-size/get-utility-icon-size.d.ts +0 -4
- package/dist/utils/get-utility-icon-size/get-utility-icon-size.d.ts.map +0 -1
- package/dist/utils/get-utility-icon-size/get-utility-icon-size.js.map +0 -1
- package/dist/utils/get-utility-icon-size/index.d.ts.map +0 -1
- package/dist/utils/get-utility-icon-size/index.js.map +0 -1
- package/dist/utils/get-utility-size-value/get-utility-size-value.d.ts +0 -3
- package/dist/utils/get-utility-size-value/get-utility-size-value.d.ts.map +0 -1
- package/dist/utils/get-utility-size-value/get-utility-size-value.js.map +0 -1
- package/dist/utils/get-utility-size-value/index.d.ts.map +0 -1
- package/dist/utils/get-utility-size-value/index.js.map +0 -1
- package/dist/utils/use-pathname/index.d.ts.map +0 -1
- package/dist/utils/use-pathname/index.js.map +0 -1
- package/dist/utils/use-pathname/use-pathname.d.ts.map +0 -1
- package/dist/utils/use-pathname/use-pathname.js.map +0 -1
- /package/dist/utils/{deep-merge → data-manipulation/deep-merge}/deep-merge.js +0 -0
- /package/dist/utils/{deep-merge → data-manipulation/deep-merge}/index.d.ts +0 -0
- /package/dist/utils/{deep-merge → data-manipulation/deep-merge}/index.js +0 -0
- /package/dist/utils/{use-pathname → hooks/use-pathname}/index.d.ts +0 -0
- /package/dist/utils/{use-pathname → hooks/use-pathname}/index.js +0 -0
- /package/dist/utils/{use-pathname → hooks/use-pathname}/use-pathname.d.ts +0 -0
- /package/dist/utils/{use-pathname → hooks/use-pathname}/use-pathname.js +0 -0
- /package/dist/utils/{get-colored-text-color → theme-utilities/get-colored-text-color}/index.d.ts +0 -0
- /package/dist/utils/{get-colored-text-color → theme-utilities/get-colored-text-color}/index.js +0 -0
- /package/dist/utils/{get-text-color → theme-utilities/get-text-color}/index.d.ts +0 -0
- /package/dist/utils/{get-text-color → theme-utilities/get-text-color}/index.js +0 -0
- /package/dist/utils/{get-utility-color → theme-utilities/get-utility-color}/index.d.ts +0 -0
- /package/dist/utils/{get-utility-color → theme-utilities/get-utility-color}/index.js +0 -0
- /package/dist/utils/{get-utility-font-size → theme-utilities/get-utility-font-size}/getUtilityFontSize.js +0 -0
- /package/dist/utils/{get-utility-font-size → theme-utilities/get-utility-font-size}/index.d.ts +0 -0
- /package/dist/utils/{get-utility-font-size → theme-utilities/get-utility-font-size}/index.js +0 -0
- /package/dist/utils/{get-utility-icon-size → theme-utilities/get-utility-icon-size}/get-utility-icon-size.js +0 -0
- /package/dist/utils/{get-utility-icon-size → theme-utilities/get-utility-icon-size}/index.d.ts +0 -0
- /package/dist/utils/{get-utility-icon-size → theme-utilities/get-utility-icon-size}/index.js +0 -0
- /package/dist/utils/{get-utility-size-value → theme-utilities/get-utility-size-value}/get-utility-size-value.js +0 -0
- /package/dist/utils/{get-utility-size-value → theme-utilities/get-utility-size-value}/index.d.ts +0 -0
- /package/dist/utils/{get-utility-size-value → theme-utilities/get-utility-size-value}/index.js +0 -0
|
@@ -4,21 +4,35 @@ import { H1, Text } from '../../../components/typography';
|
|
|
4
4
|
import { Divider, Icon } from '../../../components/ui';
|
|
5
5
|
import { LinkWrapper, renderImage } from '../../../internal-components';
|
|
6
6
|
import { cloneElement, isValidElement } from 'react';
|
|
7
|
+
/**
|
|
8
|
+
* Media card with an image, title, description, detail pairs, and icon links.
|
|
9
|
+
* Supports flexible image positioning and placing details in either the image or text column.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* <MediaCard
|
|
13
|
+
* title="Jane Doe"
|
|
14
|
+
* description={['Software engineer based in NYC.', 'Passionate about open source.']}
|
|
15
|
+
* image={{ src: '/jane.jpg', alt: 'Jane Doe' }}
|
|
16
|
+
* links={[{ iconName: 'GithubLogo', url: 'https://github.com/jane' }]}
|
|
17
|
+
* details={[{ title: 'Role', details: 'Engineer' }]}
|
|
18
|
+
* />
|
|
19
|
+
*/
|
|
7
20
|
export const MediaCard = ({ description, details, detailsPosition = 'text', image, imagePosition = 'left', links, size = 'md', title, }) => {
|
|
8
21
|
const styles = {
|
|
9
22
|
container: cva({
|
|
10
23
|
base: {
|
|
11
24
|
alignItems: 'center',
|
|
12
|
-
borderRadius: '
|
|
13
|
-
borderWidth: '
|
|
25
|
+
borderRadius: 'md',
|
|
26
|
+
borderWidth: 'md',
|
|
27
|
+
borderColor: 'structure',
|
|
14
28
|
display: 'flex',
|
|
15
29
|
flexDirection: 'column',
|
|
16
30
|
justifyContent: 'center',
|
|
17
|
-
gap: '
|
|
31
|
+
gap: '3',
|
|
18
32
|
marginX: 'auto',
|
|
19
33
|
padding: {
|
|
20
|
-
base: '
|
|
21
|
-
lg: '
|
|
34
|
+
base: '4',
|
|
35
|
+
lg: '6',
|
|
22
36
|
},
|
|
23
37
|
width: '83%',
|
|
24
38
|
},
|
|
@@ -80,6 +94,7 @@ export const MediaCard = ({ description, details, detailsPosition = 'text', imag
|
|
|
80
94
|
alignItems: 'center',
|
|
81
95
|
justifyContent: 'center',
|
|
82
96
|
gap: '0.5rem',
|
|
97
|
+
color: 'text.standard',
|
|
83
98
|
}),
|
|
84
99
|
dividerWrapper: css({
|
|
85
100
|
display: {
|
|
@@ -118,7 +133,7 @@ export const MediaCard = ({ description, details, detailsPosition = 'text', imag
|
|
|
118
133
|
details: css({
|
|
119
134
|
display: 'flex',
|
|
120
135
|
flexDirection: 'column',
|
|
121
|
-
gap: '
|
|
136
|
+
gap: '1',
|
|
122
137
|
}),
|
|
123
138
|
};
|
|
124
139
|
const linksSection = links.map((link, index) => isValidElement(link) ? (cloneElement(link, { key: index })) : (_jsx(LinkWrapper, { link: link.url, children: _jsx(Icon, { name: link.iconName, size: 24 }) }, index)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-card.js","sourceRoot":"","sources":["../../../../src/components/media/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,WAAW,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACzB,WAAW,EACX,OAAO,EACP,eAAe,GAAG,MAAM,EACxB,KAAK,EACL,aAAa,GAAG,MAAM,EACtB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,KAAK,GACW,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG;QACd,SAAS,EAAE,GAAG,CAAC;YACd,IAAI,EAAE;gBACL,UAAU,EAAE,QAAQ;gBACpB,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"media-card.js","sourceRoot":"","sources":["../../../../src/components/media/media-card/media-card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +1,34 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { IconNames } from '../../../components/ui';
|
|
3
3
|
import { ImageProps, UtilitySizeOptions } from '../../../types';
|
|
4
|
+
/** An icon link or a custom React element rendered in the links row */
|
|
4
5
|
type MediaLink = {
|
|
6
|
+
/** Named icon to display */
|
|
5
7
|
iconName: IconNames;
|
|
8
|
+
/** URL the icon links to */
|
|
6
9
|
url: string;
|
|
7
10
|
} | ReactElement;
|
|
8
11
|
export type MediaCardProps = {
|
|
12
|
+
/** Body text paragraphs rendered in the description column */
|
|
9
13
|
description: string[];
|
|
14
|
+
/** Key/value pairs displayed as labeled details */
|
|
10
15
|
details?: {
|
|
16
|
+
/** Detail label */
|
|
11
17
|
title: string;
|
|
18
|
+
/** Detail value */
|
|
12
19
|
details: string;
|
|
13
20
|
}[];
|
|
21
|
+
/** Whether details render in the image column or the text column @default `'text'` */
|
|
14
22
|
detailsPosition?: 'text' | 'image';
|
|
23
|
+
/** Card image */
|
|
15
24
|
image: ImageProps;
|
|
25
|
+
/** Side the image appears on at large viewports @default `'left'` */
|
|
16
26
|
imagePosition?: 'left' | 'right';
|
|
27
|
+
/** Links rendered below the image as icons or custom elements */
|
|
17
28
|
links: MediaLink[];
|
|
29
|
+
/** Controls the max width of the card @default `'md'` */
|
|
18
30
|
size?: UtilitySizeOptions;
|
|
31
|
+
/** Card heading */
|
|
19
32
|
title: string;
|
|
20
33
|
};
|
|
21
34
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/media/media-card/media-card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEzD,KAAK,SAAS,GACX;IACA,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;CACX,GACD,YAAY,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG;IAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KAChB,EAAE,CAAC;IACJ,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,UAAU,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACd,CAAC"}
|
|
1
|
+
{"version":3,"file":"media-card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/media/media-card/media-card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEzD,uEAAuE;AACvE,KAAK,SAAS,GACX;IACA,4BAA4B;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,4BAA4B;IAC5B,GAAG,EAAE,MAAM,CAAC;CACX,GACD,YAAY,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG;IAC5B,8DAA8D;IAC9D,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,mDAAmD;IACnD,OAAO,CAAC,EAAE;QACT,mBAAmB;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,mBAAmB;QACnB,OAAO,EAAE,MAAM,CAAC;KAChB,EAAE,CAAC;IACJ,sFAAsF;IACtF,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACnC,iBAAiB;IACjB,KAAK,EAAE,UAAU,CAAC;IAClB,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,iEAAiE;IACjE,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,yDAAyD;IACzD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;CACd,CAAC"}
|
package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-drop-down-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAGlE,eAAO,MAAM,eAAe,GAAI,kBAAkB,oBAAoB,
|
|
1
|
+
{"version":3,"file":"nav-drop-down-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAGlE,eAAO,MAAM,eAAe,GAAI,kBAAkB,oBAAoB,4CA8HrE,CAAC"}
|
|
@@ -7,7 +7,7 @@ export const NavDropdownItem = ({ title, items }) => {
|
|
|
7
7
|
const [isHovered, setIsHovered] = useState(false);
|
|
8
8
|
const styles = {
|
|
9
9
|
parentBlock: css({
|
|
10
|
-
position:
|
|
10
|
+
position: 'relative',
|
|
11
11
|
}),
|
|
12
12
|
textBlock: css({
|
|
13
13
|
display: 'flex',
|
|
@@ -27,14 +27,14 @@ export const NavDropdownItem = ({ title, items }) => {
|
|
|
27
27
|
dropdownContent: css({
|
|
28
28
|
display: 'none',
|
|
29
29
|
borderWidth: '1px',
|
|
30
|
-
position: 'absolute',
|
|
30
|
+
position: { base: 'static', lg: 'absolute' },
|
|
31
31
|
width: 'fit-content',
|
|
32
32
|
borderRadius: 'md',
|
|
33
33
|
padding: '16px',
|
|
34
34
|
zIndex: 10,
|
|
35
|
-
top: {
|
|
36
|
-
left: '50%',
|
|
37
|
-
transform: 'translateX(-50%)',
|
|
35
|
+
top: { lg: 'calc(100% + 30px)' },
|
|
36
|
+
left: { lg: '50%' },
|
|
37
|
+
transform: { lg: 'translateX(-50%)' },
|
|
38
38
|
background: 'background',
|
|
39
39
|
borderColor: 'structure',
|
|
40
40
|
_dark: {
|
|
@@ -49,7 +49,10 @@ export const NavDropdownItem = ({ title, items }) => {
|
|
|
49
49
|
columnGap: '24px',
|
|
50
50
|
alignItems: 'center',
|
|
51
51
|
backgroundColor: 'background',
|
|
52
|
-
width: '
|
|
52
|
+
width: '100vw',
|
|
53
|
+
position: 'relative',
|
|
54
|
+
left: '50%',
|
|
55
|
+
transform: 'translateX(-50%)',
|
|
53
56
|
borderRadius: 'md',
|
|
54
57
|
zIndex: 10,
|
|
55
58
|
}),
|
|
@@ -67,6 +70,6 @@ export const NavDropdownItem = ({ title, items }) => {
|
|
|
67
70
|
transition: 'all 200ms',
|
|
68
71
|
transform: isHovered ? 'rotate(180deg)' : 'rotate(0deg)',
|
|
69
72
|
};
|
|
70
|
-
return (_jsxs("div", { className: styles.parentBlock, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: () => setIsHovered(false), children: [_jsx(BaseItem, { href: "#", children: _jsxs("div", { className: styles.textBlock, children: [_jsx("span", { children: title }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: arrow, children: _jsx("path", { d: "m6 9 6 6 6-6" }) })] }) }), isHovered && _jsx("div", { className: styles.targetArea }), _jsx("div", { className: cx(styles.collapsedDropdownContent, isHovered ? styles.collapsedDropdownContentShow : styles.dropdownContentNoShow), children: items.map((item) => (_jsx(BaseItem, { href: item.href, isDropdownItem: true, children: item.title }, item.title))) }), _jsx("div", { className: cx(styles.dropdownContent, isHovered ? styles.dropdownContentShow : styles.dropdownContentNoShow), children: items.map((item) => (_jsx(BaseItem, { href: item.href, isDropdownItem: true, children: item.title }, item.title))) })] }));
|
|
73
|
+
return (_jsxs("div", { className: styles.parentBlock, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: () => setIsHovered(false), children: [_jsx(BaseItem, { href: "#", children: _jsxs("div", { className: styles.textBlock, children: [_jsx("span", { children: title }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: arrow, children: _jsx("path", { d: "m6 9 6 6 6-6" }) })] }) }), isHovered && _jsx("div", { className: styles.targetArea }), _jsx("div", { className: cx(styles.collapsedDropdownContent, isHovered ? styles.collapsedDropdownContentShow : styles.dropdownContentNoShow), children: items.map((item) => (_jsx(BaseItem, { href: item.href, isDropdownItem: true, children: item.title }, item.title))) }), _jsx("div", { id: "target-123", className: cx(styles.dropdownContent, isHovered ? styles.dropdownContentShow : styles.dropdownContentNoShow), children: items.map((item) => (_jsx(BaseItem, { href: item.href, isDropdownItem: true, children: item.title }, item.title))) })] }));
|
|
71
74
|
};
|
|
72
75
|
//# sourceMappingURL=nav-drop-down-item.js.map
|
package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-drop-down-item.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAwB,EAAE,EAAE;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,MAAM,GAAG;QACd,WAAW,EAAE,GAAG,CAAC;YAChB,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"nav-drop-down-item.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,16 @@
|
|
|
1
1
|
import { NavMenuProps } from './nav-menu.types';
|
|
2
|
+
/**
|
|
3
|
+
* Sticky site navigation with a logo, nav links, dropdown menus, and a mobile hamburger toggle.
|
|
4
|
+
* Closes on outside click and on viewport resize.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* <NavMenu
|
|
8
|
+
* logo={{ href: '/', logo: <Logo /> }}
|
|
9
|
+
* items={[
|
|
10
|
+
* { href: '/about', title: 'About' },
|
|
11
|
+
* { title: 'Work', items: [{ href: '/work/web', title: 'Web' }] },
|
|
12
|
+
* ]}
|
|
13
|
+
* />
|
|
14
|
+
*/
|
|
2
15
|
export declare const NavMenu: ({ logo, items }: NavMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
16
|
//# sourceMappingURL=nav-menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/nav-menu/nav-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIhD,eAAO,MAAM,OAAO,GAAI,iBAAiB,YAAY,
|
|
1
|
+
{"version":3,"file":"nav-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/nav-menu/nav-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIhD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO,GAAI,iBAAiB,YAAY,4CAwNpD,CAAC"}
|
|
@@ -3,6 +3,19 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
3
3
|
import { useEffect, useState } from 'react';
|
|
4
4
|
import { NavIconItem, NavItem, NavDropdownItem } from './items';
|
|
5
5
|
import { css, cx } from '../../../styled-system/css';
|
|
6
|
+
/**
|
|
7
|
+
* Sticky site navigation with a logo, nav links, dropdown menus, and a mobile hamburger toggle.
|
|
8
|
+
* Closes on outside click and on viewport resize.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* <NavMenu
|
|
12
|
+
* logo={{ href: '/', logo: <Logo /> }}
|
|
13
|
+
* items={[
|
|
14
|
+
* { href: '/about', title: 'About' },
|
|
15
|
+
* { title: 'Work', items: [{ href: '/work/web', title: 'Web' }] },
|
|
16
|
+
* ]}
|
|
17
|
+
* />
|
|
18
|
+
*/
|
|
6
19
|
export const NavMenu = ({ logo, items }) => {
|
|
7
20
|
// Navmenu Controls
|
|
8
21
|
const [navIsOpened, setNavIsOpened] = useState(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-menu.js","sourceRoot":"","sources":["../../../../src/components/navigation/nav-menu/nav-menu.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"nav-menu.js","sourceRoot":"","sources":["../../../../src/components/navigation/nav-menu/nav-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,9 @@ import { NavDropdownItemProps } from './items/nav-drop-down-item/nav-drop-down-i
|
|
|
2
2
|
import { NavIconItemProps } from './items/nav-icon-item';
|
|
3
3
|
import { NavItemProps } from './items/nav-item';
|
|
4
4
|
export type NavMenuProps = {
|
|
5
|
+
/** Logo rendered as a linked icon on the left side of the nav */
|
|
5
6
|
logo?: NavIconItemProps;
|
|
7
|
+
/** Navigation items. Accepts standard links or dropdown menus */
|
|
6
8
|
items: (NavItemProps | NavDropdownItemProps)[];
|
|
7
9
|
};
|
|
8
10
|
//# sourceMappingURL=nav-menu.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/nav-menu/nav-menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IAC1B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,EAAE,CAAC,YAAY,GAAG,oBAAoB,CAAC,EAAE,CAAC;CAC/C,CAAC"}
|
|
1
|
+
{"version":3,"file":"nav-menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/nav-menu/nav-menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IAC1B,iEAAiE;IACjE,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,iEAAiE;IACjE,KAAK,EAAE,CAAC,YAAY,GAAG,oBAAoB,CAAC,EAAE,CAAC;CAC/C,CAAC"}
|
|
@@ -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,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAG,EAAE,EAAoB,EAAE,EAAE;IAC9F,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,QAAQ,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE5F,MAAM,MAAM,GAAG;QACd,IAAI,EAAE,GAAG,CAAC;YACT,IAAI,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,GAAG,EAAE,KAAK;gBACV,KAAK,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,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAG,EAAE,EAAoB,EAAE,EAAE;IAC9F,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,QAAQ,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE5F,MAAM,MAAM,GAAG;QACd,IAAI,EAAE,GAAG,CAAC;YACT,IAAI,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,GAAG,EAAE,KAAK;gBACV,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,KAAK;gBACf,OAAO,EAAE,KAAK;gBACd,OAAO,EAAE,MAAM;gBACf,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,YAAY;gBACzB,eAAe,EAAE,YAAY;gBAC7B,YAAY,EAAE,MAAM;gBACpB,WAAW,EAAE,OAAO;gBACpB,MAAM,EAAE;oBACP,WAAW,EAAE,cAAc;oBAC3B,KAAK,EAAE,cAAc;iBACrB;aACD;YACD,QAAQ,EAAE;gBACT,QAAQ,EAAE;oBACT,IAAI,EAAE;wBACL,KAAK,EAAE,eAAe;wBACtB,eAAe,EAAE,cAAc;wBAC/B,WAAW,EAAE,cAAc;wBAC3B,MAAM,EAAE,EAAE,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;qBACpE;oBACD,KAAK,EAAE;wBACN,KAAK,EAAE,eAAe;wBACtB,eAAe,EAAE,YAAY;qBAC7B;iBACD;aACD;SACD,CAAC;QACF,YAAY,EAAE,GAAG,CAAC;YACjB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE;YACtC,KAAK,EAAE,SAAS;SAChB,CAAC;KACF,CAAC;IAEF,OAAO,CACN,MAAC,WAAW,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,aAClF,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,GAAI,EAChD,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,YAAG,KAAK,GAAK,IACjC,CACd,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-nav-item.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/side-nav/side-nav-item/side-nav-item.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"side-nav-item.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/side-nav/side-nav-item/side-nav-item.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,MAAM,gBAAgB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}
|
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
import { SideNavProps } from './side-nav.types';
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
*
|
|
3
|
+
* Vertical side navigation for dashboards. Collapses to a narrow icon-only rail on small screens.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* <SideNav
|
|
7
|
+
* logo={<Logo />}
|
|
8
|
+
* links={[{ title: 'Dashboard', href: '/dashboard', icon: 'House' }]}
|
|
9
|
+
* basePath="/app"
|
|
10
|
+
* />
|
|
5
11
|
*/
|
|
6
12
|
export declare const SideNav: ({ logo, links, controls, basePath }: SideNavProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
13
|
//# sourceMappingURL=side-nav.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-nav.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/side-nav/side-nav.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD
|
|
1
|
+
{"version":3,"file":"side-nav.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/side-nav/side-nav.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,GAAI,qCAA0C,YAAY,4CA0B7E,CAAC"}
|
|
@@ -3,8 +3,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { css } from '../../../styled-system/css';
|
|
4
4
|
import { SideNavItem } from './side-nav-item';
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
7
|
-
*
|
|
6
|
+
* Vertical side navigation for dashboards. Collapses to a narrow icon-only rail on small screens.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* <SideNav
|
|
10
|
+
* logo={<Logo />}
|
|
11
|
+
* links={[{ title: 'Dashboard', href: '/dashboard', icon: 'House' }]}
|
|
12
|
+
* basePath="/app"
|
|
13
|
+
* />
|
|
8
14
|
*/
|
|
9
15
|
export const SideNav = ({ logo, links, controls, basePath = '' }) => {
|
|
10
16
|
const styles = {
|
|
@@ -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;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C
|
|
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;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAgB,EAAE,EAAE;IACjF,MAAM,MAAM,GAAG;QACd,MAAM,EAAE,GAAG,CAAC;YACX,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE;YACpC,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,MAAM;YACX,QAAQ,EAAE,KAAK;SACf,CAAC;QACF,UAAU,EAAE,GAAG,CAAC;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE;YAClC,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACvB,CAAC;KACF,CAAC;IACF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aAC3B,IAAI,IAAI,IAAI,EACb,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,KAAC,WAAW,OAAsB,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAxC,IAAI,CAAC,KAAK,CAAkC,CAC9D,CAAC,GACG,IACD,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { SideNavItemProps } from './side-nav-item';
|
|
3
3
|
export type SideNavProps = {
|
|
4
|
+
/** Logo or branding element rendered at the top of the nav */
|
|
4
5
|
logo?: ReactNode;
|
|
6
|
+
/** Navigation links */
|
|
5
7
|
links: SideNavItemProps[];
|
|
8
|
+
/** Optional controls rendered at the bottom of the nav */
|
|
6
9
|
controls?: ReactNode;
|
|
10
|
+
/** Base path prepended to all link hrefs @default `''` */
|
|
7
11
|
basePath?: string;
|
|
8
12
|
};
|
|
9
13
|
//# sourceMappingURL=side-nav.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-nav.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/side-nav/side-nav.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"side-nav.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/side-nav/side-nav.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG;IAC1B,8DAA8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uBAAuB;IACvB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
import { PageHeaderProps } from './page-header.types';
|
|
2
|
+
/**
|
|
3
|
+
* Page-level header with a title, optional caption, and a divider.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* <PageHeader title="Our Team" caption="Meet the people behind the product." center />
|
|
7
|
+
*/
|
|
2
8
|
export declare const PageHeader: ({ title, caption, center }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
9
|
//# sourceMappingURL=page-header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAItD,eAAO,MAAM,UAAU,GAAI,4BAA4B,eAAe,4CAqCrE,CAAC"}
|
|
1
|
+
{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAItD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,4BAA4B,eAAe,4CAqCrE,CAAC"}
|
|
@@ -2,6 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import { css, cx } from '../../../styled-system/css';
|
|
3
3
|
import { container } from '../../../styled-system/patterns';
|
|
4
4
|
import { Divider, Subtitle, Title } from '../../../components';
|
|
5
|
+
/**
|
|
6
|
+
* Page-level header with a title, optional caption, and a divider.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* <PageHeader title="Our Team" caption="Meet the people behind the product." center />
|
|
10
|
+
*/
|
|
5
11
|
export const PageHeader = ({ title, caption, center }) => {
|
|
6
12
|
const styles = {
|
|
7
13
|
container: cx(container(), css({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAO,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAmB,EAAE,EAAE;IACzE,MAAM,MAAM,GAAG;QACd,SAAS,EAAE,EAAE,CACZ,SAAS,EAAE,EACX,GAAG,CAAC;YACH,OAAO,EAAE,MAAM;SACf,CAAC,CACF;QACD,OAAO,EAAE,GAAG,CAAC;YACZ,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;YACpB,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;YACvB,OAAO,EAAE,MAAM;SACf,CAAC;QACF,MAAM,EAAE,GAAG,CAAC;YACX,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,MAAM;SACnB,CAAC;KACF,CAAC;IACF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,kBAC1B,KAAK,GACC,EACP,OAAO,IAAI,CACX,8BACC,cAAM,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC7B,MAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,aACzC,CAAC,MAAM,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,MAAM,GAAS,EAClD,OAAO,IACE,GACN,IACJ,CACH,EACD,KAAC,OAAO,IAAC,KAAK,EAAC,KAAK,GAAG,IAClB,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAO,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAExD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAmB,EAAE,EAAE;IACzE,MAAM,MAAM,GAAG;QACd,SAAS,EAAE,EAAE,CACZ,SAAS,EAAE,EACX,GAAG,CAAC;YACH,OAAO,EAAE,MAAM;SACf,CAAC,CACF;QACD,OAAO,EAAE,GAAG,CAAC;YACZ,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;YACpB,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;YACvB,OAAO,EAAE,MAAM;SACf,CAAC;QACF,MAAM,EAAE,GAAG,CAAC;YACX,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,MAAM;SACnB,CAAC;KACF,CAAC;IACF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,kBAC1B,KAAK,GACC,EACP,OAAO,IAAI,CACX,8BACC,cAAM,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC7B,MAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,aACzC,CAAC,MAAM,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,MAAM,GAAS,EAClD,OAAO,IACE,GACN,IACJ,CACH,EACD,KAAC,OAAO,IAAC,KAAK,EAAC,KAAK,GAAG,IAClB,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
export type PageHeaderProps = {
|
|
2
|
+
/** Page heading */
|
|
2
3
|
title: string;
|
|
4
|
+
/** Optional caption rendered below the title */
|
|
3
5
|
caption?: string;
|
|
6
|
+
/** Centers the caption text @default `false` */
|
|
4
7
|
center?: boolean;
|
|
5
8
|
};
|
|
6
9
|
//# sourceMappingURL=page-header.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header.types.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC"}
|
|
1
|
+
{"version":3,"file":"page-header.types.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC7B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC"}
|
|
@@ -3,25 +3,80 @@ import { ExpandedUtilitySizes } from '../../types/theme/theme.types';
|
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
4
|
export type TypographyProps = {
|
|
5
5
|
children: ReactNode;
|
|
6
|
+
/** Text alignment @default `'left'` */
|
|
6
7
|
align?: 'left' | 'center';
|
|
8
|
+
/** Text color variant @default `'standard'` */
|
|
7
9
|
color?: ColoredTextOptions;
|
|
10
|
+
/** Removes bottom margin when true @default `false` */
|
|
8
11
|
inline?: boolean;
|
|
9
12
|
};
|
|
13
|
+
/**
|
|
14
|
+
* Display-level heading. Renders as `h1` at 3rem/700 weight.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* <Title align="center">Welcome</Title>
|
|
18
|
+
*/
|
|
10
19
|
export declare const Title: ({ children, align, inline, color, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
/**
|
|
21
|
+
* Primary heading. Renders as `h1` at 2rem/600 weight.
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* <H1>Page Title</H1>
|
|
25
|
+
*/
|
|
11
26
|
export declare const H1: ({ children, align, color, inline, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
/**
|
|
28
|
+
* Secondary heading. Renders as `h2` at 1.5rem/600 weight.
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* <H2>Section Title</H2>
|
|
32
|
+
*/
|
|
12
33
|
export declare const H2: ({ children, align, color, inline, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
/**
|
|
35
|
+
* Tertiary heading. Renders as `h3` at 1.25rem/600 weight.
|
|
36
|
+
*
|
|
37
|
+
* @example
|
|
38
|
+
* <H3>Subsection Title</H3>
|
|
39
|
+
*/
|
|
13
40
|
export declare const H3: ({ children, align, color, inline, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
41
|
export type TextProps = TypographyProps & {
|
|
42
|
+
/** Applies semibold weight @default `false` */
|
|
15
43
|
bold?: boolean;
|
|
44
|
+
/** Font size @default `'md'` */
|
|
16
45
|
size?: keyof Pick<ExpandedUtilitySizes, 'xxs' | 'xs' | 'sm' | 'md'>;
|
|
17
46
|
};
|
|
47
|
+
/**
|
|
48
|
+
* Body text. Renders as `p` by default or `span` when `inline` is true.
|
|
49
|
+
*
|
|
50
|
+
* @example
|
|
51
|
+
* <Text size="sm" bold>Important note</Text>
|
|
52
|
+
*/
|
|
18
53
|
export declare const Text: ({ children, align, inline, color, bold, size, }: TextProps) => import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
/**
|
|
55
|
+
* Secondary text rendered as an inline `span`. Fluid font size between 0.875rem and 1.5rem.
|
|
56
|
+
*
|
|
57
|
+
* @example
|
|
58
|
+
* <Subtitle>Last updated March 2025</Subtitle>
|
|
59
|
+
*/
|
|
19
60
|
export declare const Subtitle: ({ children, align, color, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
61
|
export type ListProps = Omit<TextProps, 'bold' | 'children' | 'inline'> & {
|
|
62
|
+
/** Items to render in the list */
|
|
21
63
|
items: Array<string | ReactNode>;
|
|
64
|
+
/** List marker style @default `'disc'` */
|
|
22
65
|
decoration?: 'disc' | 'circle' | 'square' | 'blank' | 'none';
|
|
23
66
|
};
|
|
67
|
+
/**
|
|
68
|
+
* Unordered list with configurable marker style, size, and color.
|
|
69
|
+
*
|
|
70
|
+
* @example
|
|
71
|
+
* <List items={['Apples', 'Oranges', 'Bananas']} decoration="circle" />
|
|
72
|
+
*/
|
|
24
73
|
export declare const List: ({ align, color, size, items, decoration, }: ListProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
74
|
export type OrderedListProps = Omit<ListProps, 'decoration'>;
|
|
75
|
+
/**
|
|
76
|
+
* Ordered list with decimal numbering.
|
|
77
|
+
*
|
|
78
|
+
* @example
|
|
79
|
+
* <OrderedList items={['First', 'Second', 'Third']} />
|
|
80
|
+
*/
|
|
26
81
|
export declare const OrderedList: ({ align, color, size, items, }: OrderedListProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
82
|
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,qCAKnB,eAAe,4CAUjB,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,qCAKhB,eAAe,4CAUjB,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,qCAKhB,eAAe,4CAUjB,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,qCAKhB,eAAe,4CAUjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;CACpE,CAAC;AASF,eAAO,MAAM,IAAI,GAAI,iDAOlB,SAAS,4CAWX,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,6BAItB,eAAe,4CASjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC,GAAG;IACzE,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,4CAMlB,SAAS,4CAmBX,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;AAE7D,eAAO,MAAM,WAAW,GAAI,gCAKzB,gBAAgB,4CAmBlB,CAAC"}
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,+CAA+C;IAC/C,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,GAAI,qCAKnB,eAAe,4CAUjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,EAAE,GAAI,qCAKhB,eAAe,4CAUjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,EAAE,GAAI,qCAKhB,eAAe,4CAUjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,EAAE,GAAI,qCAKhB,eAAe,4CAUjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACzC,+CAA+C;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;CACpE,CAAC;AASF;;;;;GAKG;AACH,eAAO,MAAM,IAAI,GAAI,iDAOlB,SAAS,4CAWX,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,6BAItB,eAAe,4CASjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC,GAAG;IACzE,kCAAkC;IAClC,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACjC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;CAC7D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,IAAI,GAAI,4CAMlB,SAAS,4CAmBX,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;AAE7D;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,gCAKzB,gBAAgB,4CAmBlB,CAAC"}
|