thread-ui 0.3.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 +6 -0
- 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 +14 -0
- package/dist/components/form-elements/number-input/number-input.d.ts.map +1 -1
- package/dist/components/form-elements/number-input/number-input.js +15 -0
- 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 +1 -0
- package/dist/components/form-elements/styles/index.js.map +1 -1
- package/dist/components/form-elements/text-input/text-input.d.ts +6 -0
- package/dist/components/form-elements/text-input/text-input.d.ts.map +1 -1
- package/dist/components/form-elements/text-input/text-input.js +6 -0
- 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/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/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 +9 -0
- 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 +14 -0
- 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 +11 -0
- 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 +15 -0
- 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 +295 -215
- package/dist/styles/panda.css +1 -2054
- package/dist/styles/thread.css +3 -3
- package/dist/theme/default-theme.js +3 -3
- package/dist/theme/default-theme.js.map +1 -1
- package/dist/theme/index.d.ts +1 -1
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +1 -1
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/theme-provider.d.ts +21 -1
- package/dist/theme/theme-provider.d.ts.map +1 -1
- package/dist/theme/theme-provider.js +23 -4
- package/dist/theme/theme-provider.js.map +1 -1
- package/dist/theme/thread-script.d.ts +16 -14
- package/dist/theme/thread-script.d.ts.map +1 -1
- package/dist/theme/thread-script.js +16 -14
- package/dist/theme/thread-script.js.map +1 -1
- 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 +2 -4
- 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
|
@@ -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"}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { getColoredTextColor } from '../../utils';
|
|
3
|
+
/**
|
|
4
|
+
* Display-level heading. Renders as `h1` at 3rem/700 weight.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* <Title align="center">Welcome</Title>
|
|
8
|
+
*/
|
|
3
9
|
export const Title = ({ children, align = 'left', inline = false, color = 'standard', }) => {
|
|
4
10
|
const styles = {
|
|
5
11
|
fontSize: '3rem',
|
|
@@ -11,6 +17,12 @@ export const Title = ({ children, align = 'left', inline = false, color = 'stand
|
|
|
11
17
|
};
|
|
12
18
|
return _jsx("h1", { style: styles, children: children });
|
|
13
19
|
};
|
|
20
|
+
/**
|
|
21
|
+
* Primary heading. Renders as `h1` at 2rem/600 weight.
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* <H1>Page Title</H1>
|
|
25
|
+
*/
|
|
14
26
|
export const H1 = ({ children, align = 'left', color = 'standard', inline = false, }) => {
|
|
15
27
|
const styles = {
|
|
16
28
|
fontSize: '2rem',
|
|
@@ -22,6 +34,12 @@ export const H1 = ({ children, align = 'left', color = 'standard', inline = fals
|
|
|
22
34
|
};
|
|
23
35
|
return _jsx("h1", { style: styles, children: children });
|
|
24
36
|
};
|
|
37
|
+
/**
|
|
38
|
+
* Secondary heading. Renders as `h2` at 1.5rem/600 weight.
|
|
39
|
+
*
|
|
40
|
+
* @example
|
|
41
|
+
* <H2>Section Title</H2>
|
|
42
|
+
*/
|
|
25
43
|
export const H2 = ({ children, align = 'left', color = 'standard', inline = false, }) => {
|
|
26
44
|
const styles = {
|
|
27
45
|
fontSize: '1.5rem',
|
|
@@ -33,6 +51,12 @@ export const H2 = ({ children, align = 'left', color = 'standard', inline = fals
|
|
|
33
51
|
};
|
|
34
52
|
return _jsx("h2", { style: styles, children: children });
|
|
35
53
|
};
|
|
54
|
+
/**
|
|
55
|
+
* Tertiary heading. Renders as `h3` at 1.25rem/600 weight.
|
|
56
|
+
*
|
|
57
|
+
* @example
|
|
58
|
+
* <H3>Subsection Title</H3>
|
|
59
|
+
*/
|
|
36
60
|
export const H3 = ({ children, align = 'left', color = 'standard', inline = false, }) => {
|
|
37
61
|
const styles = {
|
|
38
62
|
fontSize: '1.25rem',
|
|
@@ -50,6 +74,12 @@ const TEXT_SIZES = {
|
|
|
50
74
|
sm: '0.875rem',
|
|
51
75
|
md: '1rem',
|
|
52
76
|
};
|
|
77
|
+
/**
|
|
78
|
+
* Body text. Renders as `p` by default or `span` when `inline` is true.
|
|
79
|
+
*
|
|
80
|
+
* @example
|
|
81
|
+
* <Text size="sm" bold>Important note</Text>
|
|
82
|
+
*/
|
|
53
83
|
export const Text = ({ children, align = 'left', inline = false, color = 'standard', bold = false, size = 'md', }) => {
|
|
54
84
|
const Component = inline ? 'span' : 'p';
|
|
55
85
|
const styles = {
|
|
@@ -61,6 +91,12 @@ export const Text = ({ children, align = 'left', inline = false, color = 'standa
|
|
|
61
91
|
};
|
|
62
92
|
return _jsx(Component, { style: styles, children: children });
|
|
63
93
|
};
|
|
94
|
+
/**
|
|
95
|
+
* Secondary text rendered as an inline `span`. Fluid font size between 0.875rem and 1.5rem.
|
|
96
|
+
*
|
|
97
|
+
* @example
|
|
98
|
+
* <Subtitle>Last updated March 2025</Subtitle>
|
|
99
|
+
*/
|
|
64
100
|
export const Subtitle = ({ children, align = 'left', color = 'text-secondary', }) => {
|
|
65
101
|
const styles = {
|
|
66
102
|
display: 'block',
|
|
@@ -71,6 +107,12 @@ export const Subtitle = ({ children, align = 'left', color = 'text-secondary', }
|
|
|
71
107
|
};
|
|
72
108
|
return _jsx("span", { style: styles, children: children });
|
|
73
109
|
};
|
|
110
|
+
/**
|
|
111
|
+
* Unordered list with configurable marker style, size, and color.
|
|
112
|
+
*
|
|
113
|
+
* @example
|
|
114
|
+
* <List items={['Apples', 'Oranges', 'Bananas']} decoration="circle" />
|
|
115
|
+
*/
|
|
74
116
|
export const List = ({ align = 'left', color = 'standard', size = 'md', items, decoration = 'disc', }) => {
|
|
75
117
|
const styles = {
|
|
76
118
|
fontSize: TEXT_SIZES[size],
|
|
@@ -82,6 +124,12 @@ export const List = ({ align = 'left', color = 'standard', size = 'md', items, d
|
|
|
82
124
|
};
|
|
83
125
|
return (_jsx("ul", { style: { padding: 0 }, children: items.map((item, index) => (_jsx("li", { style: styles, children: item }, index))) }));
|
|
84
126
|
};
|
|
127
|
+
/**
|
|
128
|
+
* Ordered list with decimal numbering.
|
|
129
|
+
*
|
|
130
|
+
* @example
|
|
131
|
+
* <OrderedList items={['First', 'Second', 'Third']} />
|
|
132
|
+
*/
|
|
85
133
|
export const OrderedList = ({ align = 'left', color = 'standard', size = 'md', items, }) => {
|
|
86
134
|
const styles = {
|
|
87
135
|
fontSize: TEXT_SIZES[size],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-recipe.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button-recipe.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"button-recipe.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button-recipe.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,mFA8OvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-recipe.js","sourceRoot":"","sources":["../../../../src/components/ui/button/button-recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,MAAM,YAAY,GAAG,YAAY,CAAC;IACxC,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE;QACL,YAAY,EAAE,IAAI;QAClB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,IAAI;QACjB,UAAU,EAAE,4BAA4B;QACxC,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,MAAM;
|
|
1
|
+
{"version":3,"file":"button-recipe.js","sourceRoot":"","sources":["../../../../src/components/ui/button/button-recipe.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,11 @@
|
|
|
1
1
|
import { ButtonProps } from './button.types';
|
|
2
|
+
/**
|
|
3
|
+
* Button with color, size, and full-width variants.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* <Button color="primary" size="md" onClick={handleSubmit}>
|
|
7
|
+
* Save Changes
|
|
8
|
+
* </Button>
|
|
9
|
+
*/
|
|
2
10
|
export declare const Button: ({ children, fullWidth, color, size, onClick, type, margin, disabled, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
11
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,MAAM,GAAI,wEASpB,WAAW,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,GAAI,wEASpB,WAAW,4CAkBb,CAAC"}
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { button } from '../../../styled-system/recipes';
|
|
3
|
+
/**
|
|
4
|
+
* Button with color, size, and full-width variants.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* <Button color="primary" size="md" onClick={handleSubmit}>
|
|
8
|
+
* Save Changes
|
|
9
|
+
* </Button>
|
|
10
|
+
*/
|
|
3
11
|
export const Button = ({ children, fullWidth = false, color = 'primary', size = 'md', onClick, type = 'button', margin, disabled = false, }) => {
|
|
4
12
|
const buttonClasses = button({
|
|
5
13
|
color,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGjD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,MAAM,EACN,QAAQ,GAAG,KAAK,GACH,EAAE,EAAE;IACjB,MAAM,aAAa,GAAG,MAAM,CAAC;QAC5B,KAAK;QACL,IAAI;QACJ,SAAS;QACT,QAAQ;KACR,CAAC,CAAC;IAEH,OAAO,CACN,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGjD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,MAAM,EACN,QAAQ,GAAG,KAAK,GACH,EAAE,EAAE;IACjB,MAAM,aAAa,GAAG,MAAM,CAAC;QAC5B,KAAK;QACL,IAAI;QACJ,SAAS;QACT,QAAQ;KACR,CAAC,CAAC;IAEH,OAAO,CACN,iBACC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACvC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,YAErC,QAAQ,GACD,CACT,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,12 +1,19 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { UtilityColorOptions, UtilitySizeOptions } from '../../../types';
|
|
3
3
|
export type ButtonProps = {
|
|
4
|
+
/** Stretches the button to fill its container @default `false` */
|
|
4
5
|
fullWidth?: boolean;
|
|
6
|
+
/** Color variant @default `'primary'` */
|
|
5
7
|
color?: Exclude<UtilityColorOptions, 'text'>;
|
|
8
|
+
/** HTML button type @default `'button'` */
|
|
6
9
|
type?: 'button' | 'submit' | 'reset';
|
|
10
|
+
/** Click handler. Not called when `disabled` is true */
|
|
7
11
|
onClick?: () => void;
|
|
12
|
+
/** Inline margin override */
|
|
8
13
|
margin?: string;
|
|
14
|
+
/** Size variant @default `'md'` */
|
|
9
15
|
size?: UtilitySizeOptions;
|
|
16
|
+
/** Disables the button and suppresses click events @default `false` */
|
|
10
17
|
disabled?: boolean;
|
|
11
18
|
children: ReactNode;
|
|
12
19
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG;IACzB,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAC7C,2CAA2C;IAC3C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC"}
|
|
@@ -1,3 +1,11 @@
|
|
|
1
1
|
import { CardProps } from './card.types';
|
|
2
|
+
/**
|
|
3
|
+
* General-purpose content card container with optional title, divider, shadow, and surface color variants.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* <Card title={{ text: 'Details', divider: true }} size="md" shadow>
|
|
7
|
+
* <div>Card content here</div>
|
|
8
|
+
* </Card>
|
|
9
|
+
*/
|
|
2
10
|
export declare const Card: ({ surfaceColor, children, size, shadow, title, }: CardProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
11
|
//# sourceMappingURL=card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,eAAO,MAAM,IAAI,GAAI,kDAMlB,SAAS,4CAwFX,CAAC"}
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,GAAI,kDAMlB,SAAS,4CAwFX,CAAC"}
|
|
@@ -2,6 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { cva } from '../../../styled-system/css';
|
|
3
3
|
import { H3 } from '../../../components/typography';
|
|
4
4
|
import { Divider } from '../divider';
|
|
5
|
+
/**
|
|
6
|
+
* General-purpose content card container with optional title, divider, shadow, and surface color variants.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* <Card title={{ text: 'Details', divider: true }} size="md" shadow>
|
|
10
|
+
* <div>Card content here</div>
|
|
11
|
+
* </Card>
|
|
12
|
+
*/
|
|
5
13
|
export const Card = ({ surfaceColor = 'background', children, size = 'md', shadow = true, title, }) => {
|
|
6
14
|
const styles = {
|
|
7
15
|
cardContainer: cva({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACpB,YAAY,GAAG,YAAY,EAC3B,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,IAAI,EACb,KAAK,GACM,EAAE,EAAE;IACf,MAAM,MAAM,GAAG;QACd,aAAa,EAAE,GAAG,CAAC;YAClB,IAAI,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,WAAW;gBACxB,OAAO,EAAE;oBACR,IAAI,EAAE,GAAG;iBACT;gBACD,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE;oBACN,IAAI,EAAE,MAAM;oBACZ,EAAE,EAAE,KAAK;iBACT;aACD;YACD,QAAQ,EAAE;gBACT,IAAI,EAAE;oBACL,EAAE,EAAE;wBACH,YAAY,EAAE,IAAI;wBAClB,QAAQ,EAAE,OAAO;qBACjB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,IAAI;qBAClB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,IAAI;qBAClB;iBACD;gBACD,YAAY,EAAE;oBACb,UAAU,EAAE;wBACX,eAAe,EAAE,YAAY;qBAC7B;oBACD,OAAO,EAAE;wBACR,eAAe,EAAE,SAAS;qBAC1B;oBACD,QAAQ,EAAE;wBACT,eAAe,EAAE,UAAU;qBAC3B;iBACD;gBACD,MAAM,EAAE;oBACP,IAAI,EAAE;wBACL,SAAS,EAAE,+BAA+B;qBAC1C;oBACD,KAAK,EAAE;wBACN,SAAS,EAAE,MAAM;qBACjB;iBACD;aACD;YACD,eAAe,EAAE;gBAChB,IAAI,EAAE,IAAI;gBACV,YAAY,EAAE,YAAY;gBAC1B,MAAM,EAAE,IAAI;aACZ;SACD,CAAC;QACF,KAAK,EAAE,GAAG,CAAC;YACV,QAAQ,EAAE;gBACT,IAAI,EAAE;oBACL,EAAE,EAAE;wBACH,YAAY,EAAE,GAAG;qBACjB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,GAAG;qBACjB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,GAAG;qBACjB;iBACD;aACD;YACD,eAAe,EAAE;gBAChB,IAAI,EAAE,IAAI;aACV;SACD,CAAC;KACF,CAAC;IAEF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,aAClE,KAAK,IAAI,CACT,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,aACrC,KAAC,EAAE,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,kBAC5B,KAAK,CAAC,IAAI,GACP,EACJ,KAAK,EAAE,OAAO,IAAI,KAAC,OAAO,KAAG,IACzB,CACN,EACD,wBAAM,QAAQ,GAAO,IAChB,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACpB,YAAY,GAAG,YAAY,EAC3B,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,IAAI,EACb,KAAK,GACM,EAAE,EAAE;IACf,MAAM,MAAM,GAAG;QACd,aAAa,EAAE,GAAG,CAAC;YAClB,IAAI,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,WAAW;gBACxB,OAAO,EAAE;oBACR,IAAI,EAAE,GAAG;iBACT;gBACD,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE;oBACN,IAAI,EAAE,MAAM;oBACZ,EAAE,EAAE,KAAK;iBACT;aACD;YACD,QAAQ,EAAE;gBACT,IAAI,EAAE;oBACL,EAAE,EAAE;wBACH,YAAY,EAAE,IAAI;wBAClB,QAAQ,EAAE,OAAO;qBACjB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,IAAI;qBAClB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,IAAI;qBAClB;iBACD;gBACD,YAAY,EAAE;oBACb,UAAU,EAAE;wBACX,eAAe,EAAE,YAAY;qBAC7B;oBACD,OAAO,EAAE;wBACR,eAAe,EAAE,SAAS;qBAC1B;oBACD,QAAQ,EAAE;wBACT,eAAe,EAAE,UAAU;qBAC3B;iBACD;gBACD,MAAM,EAAE;oBACP,IAAI,EAAE;wBACL,SAAS,EAAE,+BAA+B;qBAC1C;oBACD,KAAK,EAAE;wBACN,SAAS,EAAE,MAAM;qBACjB;iBACD;aACD;YACD,eAAe,EAAE;gBAChB,IAAI,EAAE,IAAI;gBACV,YAAY,EAAE,YAAY;gBAC1B,MAAM,EAAE,IAAI;aACZ;SACD,CAAC;QACF,KAAK,EAAE,GAAG,CAAC;YACV,QAAQ,EAAE;gBACT,IAAI,EAAE;oBACL,EAAE,EAAE;wBACH,YAAY,EAAE,GAAG;qBACjB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,GAAG;qBACjB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,GAAG;qBACjB;iBACD;aACD;YACD,eAAe,EAAE;gBAChB,IAAI,EAAE,IAAI;aACV;SACD,CAAC;KACF,CAAC;IAEF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,aAClE,KAAK,IAAI,CACT,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,aACrC,KAAC,EAAE,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,kBAC5B,KAAK,CAAC,IAAI,GACP,EACJ,KAAK,EAAE,OAAO,IAAI,KAAC,OAAO,KAAG,IACzB,CACN,EACD,wBAAM,QAAQ,GAAO,IAChB,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,13 +1,20 @@
|
|
|
1
|
-
import { SurfaceColorOptions, UtilitySizeOptions } from '../../../types';
|
|
2
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { SurfaceColorOptions, UtilitySizeOptions } from '../../../types';
|
|
3
3
|
export type CardProps = {
|
|
4
4
|
children: ReactNode;
|
|
5
|
+
/** Size variant controlling border radius and max width @default `'md'` */
|
|
5
6
|
size?: UtilitySizeOptions;
|
|
7
|
+
/** Renders a subtle drop shadow @default `true` */
|
|
6
8
|
shadow?: boolean;
|
|
9
|
+
/** Background color token @default `'background'` */
|
|
7
10
|
surfaceColor?: SurfaceColorOptions;
|
|
11
|
+
/** Optional title rendered above the card content */
|
|
8
12
|
title?: {
|
|
13
|
+
/** Title text */
|
|
9
14
|
text: string;
|
|
15
|
+
/** Renders a divider below the title */
|
|
10
16
|
divider?: boolean;
|
|
17
|
+
/** Title alignment @default `'left'` */
|
|
11
18
|
align?: 'left' | 'center';
|
|
12
19
|
};
|
|
13
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElE,MAAM,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qDAAqD;IACrD,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,qDAAqD;IACrD,KAAK,CAAC,EAAE;QACP,iBAAiB;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,wCAAwC;QACxC,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,wCAAwC;QACxC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;KAC1B,CAAC;CACF,CAAC"}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
import { DividerProps } from './divider.types';
|
|
2
|
+
/**
|
|
3
|
+
* Horizontal rule with configurable width, vertical margin, and weight.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* <Divider width="50%" marginY="12px" weight="light" />
|
|
7
|
+
*/
|
|
2
8
|
export declare const Divider: ({ width, marginY, weight }: DividerProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
9
|
//# sourceMappingURL=divider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAiB/C,eAAO,MAAM,OAAO,GAAI,4BAA4B,YAAY,
|
|
1
|
+
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAiB/C;;;;;GAKG;AACH,eAAO,MAAM,OAAO,GAAI,4BAA4B,YAAY,4CA2B/D,CAAC"}
|
|
@@ -12,6 +12,12 @@ const dividerWeight = cva({
|
|
|
12
12
|
weight: 'standard',
|
|
13
13
|
},
|
|
14
14
|
});
|
|
15
|
+
/**
|
|
16
|
+
* Horizontal rule with configurable width, vertical margin, and weight.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* <Divider width="50%" marginY="12px" weight="light" />
|
|
20
|
+
*/
|
|
15
21
|
export const Divider = ({ width, marginY, weight }) => {
|
|
16
22
|
const styles = {
|
|
17
23
|
base: css({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/ui/divider/divider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAGnD,MAAM,aAAa,GAAG,GAAG,CAAC;IACzB,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;YAC1B,QAAQ,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YAC3B,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;SACxB;KACD;IACD,eAAe,EAAE;QAChB,MAAM,EAAE,UAAU;KAClB;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAgB,EAAE,EAAE;IACnE,MAAM,MAAM,GAAG;QACd,IAAI,EAAE,GAAG,CAAC;YACT,OAAO,EAAE,MAAM;YACf,eAAe,EAAE,WAAW;SAC5B,CAAC;QACF,OAAO,EAAE,GAAG,CAAC;YACZ,OAAO,EAAE,MAAM;SACf,CAAC;QACF,KAAK,EAAE,GAAG,CAAC;YACV,KAAK,EAAE,KAAK;SACZ,CAAC;KACF,CAAC;IAEF,MAAM,YAAY,GAAkB;QACnC,GAAG,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,CAAC;QACvB,GAAG,CAAC,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;KAC7D,CAAC;IAEF,MAAM,SAAS,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/ui/divider/divider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAGnD,MAAM,aAAa,GAAG,GAAG,CAAC;IACzB,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;YAC1B,QAAQ,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YAC3B,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;SACxB;KACD;IACD,eAAe,EAAE;QAChB,MAAM,EAAE,UAAU;KAClB;CACD,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAgB,EAAE,EAAE;IACnE,MAAM,MAAM,GAAG;QACd,IAAI,EAAE,GAAG,CAAC;YACT,OAAO,EAAE,MAAM;YACf,eAAe,EAAE,WAAW;SAC5B,CAAC;QACF,OAAO,EAAE,GAAG,CAAC;YACZ,OAAO,EAAE,MAAM;SACf,CAAC;QACF,KAAK,EAAE,GAAG,CAAC;YACV,KAAK,EAAE,KAAK;SACZ,CAAC;KACF,CAAC;IAEF,MAAM,YAAY,GAAkB;QACnC,GAAG,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,CAAC;QACvB,GAAG,CAAC,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;KAC7D,CAAC;IAEF,MAAM,SAAS,GAAG,EAAE,CACnB,MAAM,CAAC,IAAI,EACX,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,EACzB,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAC1B,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CACtB,CAAC;IAEF,OAAO,cAAK,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC3D,CAAC,CAAC"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
export type DividerProps = {
|
|
2
|
+
/** Width override. Defaults to `75%` */
|
|
2
3
|
width?: string;
|
|
4
|
+
/** Vertical margin override. Defaults to `16px` */
|
|
3
5
|
marginY?: string;
|
|
6
|
+
/** Line thickness @default `'standard'` */
|
|
4
7
|
weight?: 'light' | 'standard' | 'heavy';
|
|
5
8
|
};
|
|
6
9
|
//# sourceMappingURL=divider.types.d.ts.map
|