@doist/reactist 28.7.2 → 28.7.4
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/CHANGELOG.md +1457 -0
- package/CODE_OF_CONDUCT.md +83 -0
- package/CONTRIBUTING.md +46 -0
- package/dist/reactist.cjs.development.js +2091 -3811
- package/dist/reactist.cjs.development.js.map +1 -1
- package/dist/reactist.cjs.production.min.js +1 -1
- package/dist/reactist.cjs.production.min.js.map +1 -1
- package/es/avatar/avatar.js +35 -30
- package/es/avatar/avatar.js.map +1 -1
- package/es/avatar/utils.js +19 -22
- package/es/avatar/utils.js.map +1 -1
- package/es/badge/badge.js +5 -16
- package/es/badge/badge.js.map +1 -1
- package/es/banner/banner.js +39 -115
- package/es/banner/banner.js.map +1 -1
- package/es/banner/banner.module.css.js +1 -1
- package/es/base-field/base-field.js +80 -162
- package/es/base-field/base-field.js.map +1 -1
- package/es/base-field/base-field.module.css.js +1 -1
- package/es/box/box.js +61 -137
- package/es/box/box.js.map +1 -1
- package/es/button/button.js +42 -95
- package/es/button/button.js.map +1 -1
- package/es/checkbox-field/checkbox-field.js +46 -73
- package/es/checkbox-field/checkbox-field.js.map +1 -1
- package/es/checkbox-field/checkbox-field.module.css.js +1 -1
- package/es/checkbox-field/checkbox-icon.js +28 -55
- package/es/checkbox-field/checkbox-icon.js.map +1 -1
- package/es/checkbox-field/use-fork-ref.js +29 -25
- package/es/checkbox-field/use-fork-ref.js.map +1 -1
- package/es/columns/columns.js +22 -46
- package/es/columns/columns.js.map +1 -1
- package/es/columns/columns.module.css.js +1 -1
- package/es/components/color-picker/color-picker.js +45 -66
- package/es/components/color-picker/color-picker.js.map +1 -1
- package/es/components/deprecated-button/deprecated-button.js +11 -34
- package/es/components/deprecated-button/deprecated-button.js.map +1 -1
- package/es/components/deprecated-dropdown/dropdown.js +136 -197
- package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
- package/es/components/deprecated-input/input.js +6 -10
- package/es/components/deprecated-input/input.js.map +1 -1
- package/es/components/deprecated-select/select.js +7 -31
- package/es/components/deprecated-select/select.js.map +1 -1
- package/es/components/key-capturer/key-capturer.js +130 -171
- package/es/components/key-capturer/key-capturer.js.map +1 -1
- package/es/components/keyboard-shortcut/keyboard-shortcut.js +48 -79
- package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/es/components/progress-bar/progress-bar.js +8 -20
- package/es/components/progress-bar/progress-bar.js.map +1 -1
- package/es/components/time/time-utils.js +52 -64
- package/es/components/time/time-utils.js.map +1 -1
- package/es/components/time/time.js +90 -114
- package/es/components/time/time.js.map +1 -1
- package/es/divider/divider.js +4 -13
- package/es/divider/divider.js.map +1 -1
- package/es/heading/heading.js +19 -28
- package/es/heading/heading.js.map +1 -1
- package/es/hidden/hidden.js +36 -45
- package/es/hidden/hidden.js.map +1 -1
- package/es/hidden-visually/hidden-visually.js +7 -13
- package/es/hidden-visually/hidden-visually.js.map +1 -1
- package/es/icons/alert-icon.js +18 -64
- package/es/icons/alert-icon.js.map +1 -1
- package/es/icons/banner-icon.js +25 -97
- package/es/icons/banner-icon.js.map +1 -1
- package/es/icons/close-icon.js +3 -9
- package/es/icons/close-icon.js.map +1 -1
- package/es/icons/password-hidden-icon.js +6 -23
- package/es/icons/password-hidden-icon.js.map +1 -1
- package/es/icons/password-visible-icon.js +5 -16
- package/es/icons/password-visible-icon.js.map +1 -1
- package/es/inline/inline.js +8 -23
- package/es/inline/inline.js.map +1 -1
- package/es/loading/loading.js +17 -28
- package/es/loading/loading.js.map +1 -1
- package/es/menu/menu.js +127 -260
- package/es/menu/menu.js.map +1 -1
- package/es/modal/modal.js +143 -272
- package/es/modal/modal.js.map +1 -1
- package/es/modal/modal.module.css.js +1 -1
- package/es/notice/notice.js +8 -21
- package/es/notice/notice.js.map +1 -1
- package/es/notice/notice.module.css.js +1 -1
- package/es/password-field/password-field.js +10 -24
- package/es/password-field/password-field.js.map +1 -1
- package/es/prose/prose.js +10 -15
- package/es/prose/prose.js.map +1 -1
- package/es/select-field/select-field.js +14 -51
- package/es/select-field/select-field.js.map +1 -1
- package/es/spinner/spinner.js +6 -20
- package/es/spinner/spinner.js.map +1 -1
- package/es/stack/stack.js +15 -27
- package/es/stack/stack.js.map +1 -1
- package/es/switch-field/switch-field.js +38 -73
- package/es/switch-field/switch-field.js.map +1 -1
- package/es/switch-field/switch-field.module.css.js +1 -1
- package/es/tabs/tabs.js +120 -207
- package/es/tabs/tabs.js.map +1 -1
- package/es/text/text.js +16 -25
- package/es/text/text.js.map +1 -1
- package/es/text-area/text-area.js +54 -111
- package/es/text-area/text-area.js.map +1 -1
- package/es/text-field/text-field.js +30 -84
- package/es/text-field/text-field.js.map +1 -1
- package/es/text-link/text-link.js +9 -20
- package/es/text-link/text-link.js.map +1 -1
- package/es/text-link/text-link.module.css.js +1 -1
- package/es/toast/static-toast.js +35 -70
- package/es/toast/static-toast.js.map +1 -1
- package/es/toast/toast-animation.js +121 -159
- package/es/toast/toast-animation.js.map +1 -1
- package/es/toast/use-toasts.js +134 -197
- package/es/toast/use-toasts.js.map +1 -1
- package/es/tooltip/tooltip.js +31 -69
- package/es/tooltip/tooltip.js.map +1 -1
- package/es/utils/common-helpers.js +9 -13
- package/es/utils/common-helpers.js.map +1 -1
- package/es/utils/polymorphism.js +7 -8
- package/es/utils/polymorphism.js.map +1 -1
- package/es/utils/responsive-props.js +57 -66
- package/es/utils/responsive-props.js.map +1 -1
- package/lib/avatar/avatar.d.ts +21 -21
- package/lib/avatar/avatar.js +69 -1
- package/lib/avatar/avatar.js.map +1 -1
- package/lib/avatar/avatar.module.css.js +7 -1
- package/lib/avatar/avatar.module.css.js.map +1 -1
- package/lib/avatar/index.d.ts +1 -1
- package/lib/avatar/utils.d.ts +3 -3
- package/lib/avatar/utils.js +30 -1
- package/lib/avatar/utils.js.map +1 -1
- package/lib/badge/badge.d.ts +15 -15
- package/lib/badge/badge.js +36 -1
- package/lib/badge/badge.js.map +1 -1
- package/lib/badge/badge.module.css.js +7 -1
- package/lib/badge/badge.module.css.js.map +1 -1
- package/lib/badge/index.d.ts +1 -1
- package/lib/banner/banner.d.ts +87 -87
- package/lib/banner/banner.js +79 -1
- package/lib/banner/banner.js.map +1 -1
- package/lib/banner/banner.module.css.js +7 -1
- package/lib/banner/banner.module.css.js.map +1 -1
- package/lib/banner/index.d.ts +2 -2
- package/lib/banner/story-promo-image.d.ts +4 -4
- package/lib/base-field/base-field.d.ts +139 -139
- package/lib/base-field/base-field.js +127 -1
- package/lib/base-field/base-field.js.map +1 -1
- package/lib/base-field/base-field.module.css.js +7 -1
- package/lib/base-field/base-field.module.css.js.map +1 -1
- package/lib/base-field/index.d.ts +1 -1
- package/lib/box/box.d.ts +73 -73
- package/lib/box/box.js +103 -1
- package/lib/box/box.js.map +1 -1
- package/lib/box/box.module.css.js +7 -1
- package/lib/box/box.module.css.js.map +1 -1
- package/lib/box/gap.module.css.js +7 -1
- package/lib/box/gap.module.css.js.map +1 -1
- package/lib/box/index.d.ts +1 -1
- package/lib/box/margin.module.css.js +7 -1
- package/lib/box/margin.module.css.js.map +1 -1
- package/lib/box/padding.module.css.js +7 -1
- package/lib/box/padding.module.css.js.map +1 -1
- package/lib/box/width.module.css.js +7 -1
- package/lib/box/width.module.css.js.map +1 -1
- package/lib/button/button.d.ts +127 -127
- package/lib/button/button.js +86 -1
- package/lib/button/button.js.map +1 -1
- package/lib/button/button.module.css.js +7 -1
- package/lib/button/button.module.css.js.map +1 -1
- package/lib/button/index.d.ts +1 -1
- package/lib/checkbox-field/checkbox-field.d.ts +40 -40
- package/lib/checkbox-field/checkbox-field.js +82 -1
- package/lib/checkbox-field/checkbox-field.js.map +1 -1
- package/lib/checkbox-field/checkbox-field.module.css.js +7 -1
- package/lib/checkbox-field/checkbox-field.module.css.js.map +1 -1
- package/lib/checkbox-field/checkbox-icon.d.ts +8 -8
- package/lib/checkbox-field/checkbox-icon.js +59 -1
- package/lib/checkbox-field/checkbox-icon.js.map +1 -1
- package/lib/checkbox-field/index.d.ts +1 -1
- package/lib/checkbox-field/use-fork-ref.d.ts +11 -11
- package/lib/checkbox-field/use-fork-ref.js +42 -1
- package/lib/checkbox-field/use-fork-ref.js.map +1 -1
- package/lib/columns/columns.d.ts +20 -20
- package/lib/columns/columns.js +57 -1
- package/lib/columns/columns.js.map +1 -1
- package/lib/columns/columns.module.css.js +7 -1
- package/lib/columns/columns.module.css.js.map +1 -1
- package/lib/columns/index.d.ts +1 -1
- package/lib/components/color-picker/color-picker.d.ts +29 -29
- package/lib/components/color-picker/color-picker.js +86 -1
- package/lib/components/color-picker/color-picker.js.map +1 -1
- package/lib/components/color-picker/index.d.ts +3 -3
- package/lib/components/color-picker/index.js +11 -1
- package/lib/components/color-picker/index.js.map +1 -1
- package/lib/components/deprecated-button/deprecated-button.d.ts +54 -54
- package/lib/components/deprecated-button/deprecated-button.js +49 -1
- package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
- package/lib/components/deprecated-button/index.d.ts +4 -4
- package/lib/components/deprecated-button/index.js +9 -1
- package/lib/components/deprecated-button/index.js.map +1 -1
- package/lib/components/deprecated-dropdown/dropdown.d.ts +55 -55
- package/lib/components/deprecated-dropdown/dropdown.js +182 -1
- package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
- package/lib/components/deprecated-dropdown/index.d.ts +2 -2
- package/lib/components/deprecated-dropdown/index.js +9 -1
- package/lib/components/deprecated-dropdown/index.js.map +1 -1
- package/lib/components/deprecated-input/index.d.ts +2 -2
- package/lib/components/deprecated-input/index.js +9 -1
- package/lib/components/deprecated-input/index.js.map +1 -1
- package/lib/components/deprecated-input/input.d.ts +10 -10
- package/lib/components/deprecated-input/input.js +41 -1
- package/lib/components/deprecated-input/input.js.map +1 -1
- package/lib/components/deprecated-select/index.d.ts +2 -2
- package/lib/components/deprecated-select/index.js +9 -1
- package/lib/components/deprecated-select/index.js.map +1 -1
- package/lib/components/deprecated-select/select.d.ts +33 -33
- package/lib/components/deprecated-select/select.js +43 -1
- package/lib/components/deprecated-select/select.js.map +1 -1
- package/lib/components/icons/CloseIcon.svg.d.ts +3 -3
- package/lib/components/icons/ThinQuestionMarkIcon.svg.d.ts +3 -3
- package/lib/components/icons/ThreeDotsIcon.svg.d.ts +12 -12
- package/lib/components/key-capturer/index.d.ts +3 -3
- package/lib/components/key-capturer/index.js +11 -1
- package/lib/components/key-capturer/index.js.map +1 -1
- package/lib/components/key-capturer/key-capturer.d.ts +40 -40
- package/lib/components/key-capturer/key-capturer.js +171 -1
- package/lib/components/key-capturer/key-capturer.js.map +1 -1
- package/lib/components/keyboard-shortcut/index.d.ts +2 -2
- package/lib/components/keyboard-shortcut/index.js +9 -1
- package/lib/components/keyboard-shortcut/index.js.map +1 -1
- package/lib/components/keyboard-shortcut/keyboard-shortcut.d.ts +44 -44
- package/lib/components/keyboard-shortcut/keyboard-shortcut.js +97 -1
- package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/lib/components/progress-bar/index.d.ts +2 -2
- package/lib/components/progress-bar/index.js +9 -1
- package/lib/components/progress-bar/index.js.map +1 -1
- package/lib/components/progress-bar/progress-bar.d.ts +14 -14
- package/lib/components/progress-bar/progress-bar.js +44 -1
- package/lib/components/progress-bar/progress-bar.js.map +1 -1
- package/lib/components/progress-bar/progress-bar.module.css.js +7 -1
- package/lib/components/progress-bar/progress-bar.module.css.js.map +1 -1
- package/lib/components/time/index.d.ts +2 -2
- package/lib/components/time/index.js +9 -1
- package/lib/components/time/index.js.map +1 -1
- package/lib/components/time/time-utils.d.ts +19 -19
- package/lib/components/time/time-utils.js +69 -1
- package/lib/components/time/time-utils.js.map +1 -1
- package/lib/components/time/time.d.ts +39 -39
- package/lib/components/time/time.js +124 -1
- package/lib/components/time/time.js.map +1 -1
- package/lib/divider/divider.d.ts +8 -8
- package/lib/divider/divider.js +36 -1
- package/lib/divider/divider.js.map +1 -1
- package/lib/divider/divider.module.css.js +7 -1
- package/lib/divider/divider.module.css.js.map +1 -1
- package/lib/divider/index.d.ts +1 -1
- package/lib/heading/heading.d.ts +112 -112
- package/lib/heading/heading.js +51 -1
- package/lib/heading/heading.js.map +1 -1
- package/lib/heading/heading.module.css.js +7 -1
- package/lib/heading/heading.module.css.js.map +1 -1
- package/lib/heading/index.d.ts +1 -1
- package/lib/hidden/hidden.d.ts +49 -49
- package/lib/hidden/hidden.js +70 -1
- package/lib/hidden/hidden.js.map +1 -1
- package/lib/hidden/hidden.module.css.js +7 -1
- package/lib/hidden/hidden.module.css.js.map +1 -1
- package/lib/hidden/index.d.ts +1 -1
- package/lib/hidden-visually/hidden-visually.d.ts +11 -11
- package/lib/hidden-visually/hidden-visually.js +40 -1
- package/lib/hidden-visually/hidden-visually.js.map +1 -1
- package/lib/hidden-visually/hidden-visually.module.css.js +7 -1
- package/lib/hidden-visually/hidden-visually.module.css.js.map +1 -1
- package/lib/hidden-visually/index.d.ts +1 -1
- package/lib/hooks/use-previous/index.d.ts +1 -1
- package/lib/hooks/use-previous/use-previous.d.ts +15 -15
- package/lib/icons/alert-icon.d.ts +6 -6
- package/lib/icons/alert-icon.js +56 -1
- package/lib/icons/alert-icon.js.map +1 -1
- package/lib/icons/banner-icon.d.ts +6 -6
- package/lib/icons/banner-icon.js +68 -1
- package/lib/icons/banner-icon.js.map +1 -1
- package/lib/icons/banner-icon.module.css.js +7 -1
- package/lib/icons/banner-icon.module.css.js.map +1 -1
- package/lib/icons/close-icon.d.ts +3 -3
- package/lib/icons/close-icon.js +33 -1
- package/lib/icons/close-icon.js.map +1 -1
- package/lib/icons/password-hidden-icon.d.ts +3 -3
- package/lib/icons/password-hidden-icon.js +36 -1
- package/lib/icons/password-hidden-icon.js.map +1 -1
- package/lib/icons/password-visible-icon.d.ts +3 -3
- package/lib/icons/password-visible-icon.js +35 -1
- package/lib/icons/password-visible-icon.js.map +1 -1
- package/lib/index.d.ts +38 -38
- package/lib/index.js +106 -1
- package/lib/index.js.map +1 -1
- package/lib/inline/index.d.ts +1 -1
- package/lib/inline/inline.d.ts +12 -12
- package/lib/inline/inline.js +40 -1
- package/lib/inline/inline.js.map +1 -1
- package/lib/loading/index.d.ts +1 -1
- package/lib/loading/loading.d.ts +26 -26
- package/lib/loading/loading.js +49 -1
- package/lib/loading/loading.js.map +1 -1
- package/lib/menu/index.d.ts +2 -2
- package/lib/menu/menu.d.ts +128 -128
- package/lib/menu/menu.js +179 -1
- package/lib/menu/menu.js.map +1 -1
- package/lib/modal/index.d.ts +1 -1
- package/lib/modal/modal-stories-components.d.ts +47 -47
- package/lib/modal/modal.d.ts +185 -185
- package/lib/modal/modal.js +209 -1
- package/lib/modal/modal.js.map +1 -1
- package/lib/modal/modal.module.css.js +7 -1
- package/lib/modal/modal.module.css.js.map +1 -1
- package/lib/notice/index.d.ts +1 -1
- package/lib/notice/notice.d.ts +10 -10
- package/lib/notice/notice.js +42 -1
- package/lib/notice/notice.js.map +1 -1
- package/lib/notice/notice.module.css.js +7 -1
- package/lib/notice/notice.module.css.js.map +1 -1
- package/lib/password-field/index.d.ts +1 -1
- package/lib/password-field/password-field.d.ts +10 -10
- package/lib/password-field/password-field.js +43 -1
- package/lib/password-field/password-field.js.map +1 -1
- package/lib/prose/index.d.ts +2 -2
- package/lib/prose/prose-example.d.ts +1 -1
- package/lib/prose/prose.d.ts +44 -44
- package/lib/prose/prose.js +42 -1
- package/lib/prose/prose.js.map +1 -1
- package/lib/prose/prose.module.css.js +7 -1
- package/lib/prose/prose.module.css.js.map +1 -1
- package/lib/select-field/index.d.ts +1 -1
- package/lib/select-field/select-field.d.ts +7 -7
- package/lib/select-field/select-field.js +48 -1
- package/lib/select-field/select-field.js.map +1 -1
- package/lib/select-field/select-field.module.css.js +7 -1
- package/lib/select-field/select-field.module.css.js.map +1 -1
- package/lib/spinner/index.d.ts +1 -1
- package/lib/spinner/spinner.d.ts +5 -5
- package/lib/spinner/spinner.js +36 -1
- package/lib/spinner/spinner.js.map +1 -1
- package/lib/spinner/spinner.module.css.js +7 -1
- package/lib/spinner/spinner.module.css.js.map +1 -1
- package/lib/stack/index.d.ts +1 -1
- package/lib/stack/stack.d.ts +15 -15
- package/lib/stack/stack.js +52 -1
- package/lib/stack/stack.js.map +1 -1
- package/lib/switch-field/index.d.ts +1 -1
- package/lib/switch-field/switch-field.d.ts +19 -19
- package/lib/switch-field/switch-field.js +74 -1
- package/lib/switch-field/switch-field.js.map +1 -1
- package/lib/switch-field/switch-field.module.css.js +7 -1
- package/lib/switch-field/switch-field.module.css.js.map +1 -1
- package/lib/tabs/index.d.ts +1 -1
- package/lib/tabs/tabs.d.ts +125 -125
- package/lib/tabs/tabs.js +177 -1
- package/lib/tabs/tabs.js.map +1 -1
- package/lib/tabs/tabs.module.css.js +7 -1
- package/lib/tabs/tabs.module.css.js.map +1 -1
- package/lib/text/index.d.ts +1 -1
- package/lib/text/text.d.ts +47 -47
- package/lib/text/text.js +49 -1
- package/lib/text/text.js.map +1 -1
- package/lib/text/text.module.css.js +7 -1
- package/lib/text/text.module.css.js.map +1 -1
- package/lib/text-area/index.d.ts +1 -1
- package/lib/text-area/text-area.d.ts +39 -39
- package/lib/text-area/text-area.js +92 -1
- package/lib/text-area/text-area.js.map +1 -1
- package/lib/text-area/text-area.module.css.js +7 -1
- package/lib/text-area/text-area.module.css.js.map +1 -1
- package/lib/text-field/index.d.ts +1 -1
- package/lib/text-field/text-field.d.ts +18 -18
- package/lib/text-field/text-field.js +63 -1
- package/lib/text-field/text-field.js.map +1 -1
- package/lib/text-field/text-field.module.css.js +7 -1
- package/lib/text-field/text-field.module.css.js.map +1 -1
- package/lib/text-link/index.d.ts +1 -1
- package/lib/text-link/text-link.d.ts +9 -9
- package/lib/text-link/text-link.js +41 -1
- package/lib/text-link/text-link.js.map +1 -1
- package/lib/text-link/text-link.module.css.js +7 -1
- package/lib/text-link/text-link.module.css.js.map +1 -1
- package/lib/toast/index.d.ts +4 -4
- package/lib/toast/static-toast.d.ts +63 -63
- package/lib/toast/static-toast.js +59 -1
- package/lib/toast/static-toast.js.map +1 -1
- package/lib/toast/toast-animation.d.ts +50 -50
- package/lib/toast/toast-animation.js +141 -1
- package/lib/toast/toast-animation.js.map +1 -1
- package/lib/toast/toast.module.css.js +7 -1
- package/lib/toast/toast.module.css.js.map +1 -1
- package/lib/toast/use-toasts.d.ts +132 -132
- package/lib/toast/use-toasts.js +166 -1
- package/lib/toast/use-toasts.js.map +1 -1
- package/lib/tooltip/index.d.ts +2 -2
- package/lib/tooltip/tooltip.d.ts +72 -72
- package/lib/tooltip/tooltip.js +67 -1
- package/lib/tooltip/tooltip.js.map +1 -1
- package/lib/tooltip/tooltip.module.css.js +7 -1
- package/lib/tooltip/tooltip.module.css.js.map +1 -1
- package/lib/utils/common-helpers.d.ts +2 -2
- package/lib/utils/common-helpers.js +44 -1
- package/lib/utils/common-helpers.js.map +1 -1
- package/lib/utils/common-types.d.ts +42 -42
- package/lib/utils/polymorphism.d.ts +135 -135
- package/lib/utils/polymorphism.js +39 -1
- package/lib/utils/polymorphism.js.map +1 -1
- package/lib/utils/responsive-props.d.ts +44 -44
- package/lib/utils/responsive-props.js +70 -1
- package/lib/utils/responsive-props.js.map +1 -1
- package/lib/utils/storybook-helper.d.ts +55 -0
- package/lib/utils/test-helpers.d.ts +22 -22
- package/package.json +32 -26
- package/styles/avatar.css +2 -2
- package/styles/avatar.module.css.css +1 -1
- package/styles/badge.css +2 -2
- package/styles/badge.module.css.css +1 -1
- package/styles/banner.css +6 -6
- package/styles/banner.module.css.css +1 -1
- package/styles/base-field.css +4 -4
- package/styles/base-field.module.css.css +1 -1
- package/styles/box.css +1 -1
- package/styles/box.module.css.css +1 -1
- package/styles/button.css +4 -4
- package/styles/button.module.css.css +1 -1
- package/styles/checkbox-field.css +3 -3
- package/styles/checkbox-field.module.css.css +1 -1
- package/styles/columns.css +1 -1
- package/styles/divider.css +1 -1
- package/styles/heading.css +2 -2
- package/styles/heading.module.css.css +1 -1
- package/styles/hidden-visually.css +2 -2
- package/styles/hidden-visually.module.css.css +1 -1
- package/styles/hidden.css +1 -1
- package/styles/index.css +4 -4
- package/styles/loading.css +2 -2
- package/styles/menu.css +1 -1
- package/styles/modal.css +5 -5
- package/styles/modal.module.css.css +1 -1
- package/styles/notice.css +1 -1
- package/styles/password-field.css +7 -7
- package/styles/progress-bar.module.css.css +1 -1
- package/styles/prose.css +2 -2
- package/styles/prose.module.css.css +1 -1
- package/styles/reactist.css +30 -30
- package/styles/select-field.css +5 -5
- package/styles/select-field.module.css.css +1 -1
- package/styles/spinner.css +1 -1
- package/styles/static-toast.css +6 -6
- package/styles/switch-field.css +6 -6
- package/styles/switch-field.module.css.css +1 -1
- package/styles/tabs.css +2 -2
- package/styles/tabs.module.css.css +1 -1
- package/styles/text-area.css +5 -5
- package/styles/text-area.module.css.css +1 -1
- package/styles/text-field.css +5 -5
- package/styles/text-field.module.css.css +1 -1
- package/styles/text-link.css +2 -2
- package/styles/text-link.module.css.css +1 -1
- package/styles/text.css +2 -2
- package/styles/text.module.css.css +1 -1
- package/styles/toast.module.css.css +1 -1
- package/styles/tooltip.css +2 -2
- package/styles/tooltip.module.css.css +1 -1
- package/styles/use-toasts.css +6 -6
- package/es/_virtual/_rollupPluginBabelHelpers.js +0 -91
- package/es/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
- package/lib/_virtual/_rollupPluginBabelHelpers.js +0 -2
- package/lib/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Box } from '../box/box.js';
|
|
4
4
|
import { useId } from '../utils/common-helpers.js';
|
|
@@ -8,177 +8,95 @@ import { Stack } from '../stack/stack.js';
|
|
|
8
8
|
import { Spinner } from '../spinner/spinner.js';
|
|
9
9
|
import { Columns, Column } from '../columns/columns.js';
|
|
10
10
|
|
|
11
|
+
// Define the remaining characters before the character count turns red
|
|
11
12
|
// See: https://twist.com/a/1585/ch/765851/t/6664583/c/93631846 for latest spec
|
|
12
|
-
|
|
13
|
-
const MAX_LENGTH_THRESHOLD = 0;
|
|
14
|
-
|
|
13
|
+
var MAX_LENGTH_THRESHOLD = 0;
|
|
15
14
|
function fieldToneToTextTone(tone) {
|
|
16
|
-
|
|
15
|
+
return tone === 'error' ? 'danger' : tone === 'success' ? 'positive' : 'secondary';
|
|
17
16
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
return /*#__PURE__*/React.createElement(Text, {
|
|
25
|
-
as: "p",
|
|
26
|
-
tone: fieldToneToTextTone(tone),
|
|
27
|
-
size: "copy",
|
|
28
|
-
id: id
|
|
29
|
-
}, tone === 'loading' ? /*#__PURE__*/React.createElement(Box, {
|
|
30
|
-
as: "span",
|
|
31
|
-
marginRight: "xsmall",
|
|
32
|
-
display: "inlineFlex",
|
|
33
|
-
className: modules_540a88ff.loadingIcon
|
|
34
|
-
}, /*#__PURE__*/React.createElement(Spinner, {
|
|
35
|
-
size: 16
|
|
36
|
-
})) : null, children);
|
|
17
|
+
function FieldMessage(_a) {
|
|
18
|
+
var id = _a.id, children = _a.children, tone = _a.tone;
|
|
19
|
+
return (React.createElement(Text, { as: "p", tone: fieldToneToTextTone(tone), size: "copy", id: id },
|
|
20
|
+
tone === 'loading' ? (React.createElement(Box, { as: "span", marginRight: "xsmall", display: "inlineFlex", className: modules_540a88ff.loadingIcon },
|
|
21
|
+
React.createElement(Spinner, { size: 16 }))) : null,
|
|
22
|
+
children));
|
|
37
23
|
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
tone
|
|
42
|
-
}) {
|
|
43
|
-
return /*#__PURE__*/React.createElement(Text, {
|
|
44
|
-
tone: fieldToneToTextTone(tone),
|
|
45
|
-
size: "copy"
|
|
46
|
-
}, children);
|
|
24
|
+
function FieldCharacterCount(_a) {
|
|
25
|
+
var children = _a.children, tone = _a.tone;
|
|
26
|
+
return (React.createElement(Text, { tone: fieldToneToTextTone(tone), size: "copy" }, children));
|
|
47
27
|
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
28
|
+
function validateInputLength(_a) {
|
|
29
|
+
var value = _a.value, maxLength = _a.maxLength;
|
|
30
|
+
if (!maxLength) {
|
|
31
|
+
return {
|
|
32
|
+
count: null,
|
|
33
|
+
tone: 'neutral'
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
var currentLength = String(value || '').length;
|
|
37
|
+
var isNearMaxLength = maxLength - currentLength <= MAX_LENGTH_THRESHOLD;
|
|
54
38
|
return {
|
|
55
|
-
|
|
56
|
-
|
|
39
|
+
count: "".concat(currentLength, "/").concat(maxLength),
|
|
40
|
+
tone: isNearMaxLength ? 'error' : 'neutral'
|
|
57
41
|
};
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
const currentLength = String(value || '').length;
|
|
61
|
-
const isNearMaxLength = maxLength - currentLength <= MAX_LENGTH_THRESHOLD;
|
|
62
|
-
return {
|
|
63
|
-
count: `${currentLength}/${maxLength}`,
|
|
64
|
-
tone: isNearMaxLength ? 'error' : 'neutral'
|
|
65
|
-
};
|
|
66
42
|
}
|
|
67
|
-
/**
|
|
68
|
-
* BaseField is a base component that provides a consistent structure for form fields.
|
|
43
|
+
/**
|
|
44
|
+
* BaseField is a base component that provides a consistent structure for form fields.
|
|
69
45
|
*/
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
maxLength,
|
|
83
|
-
hidden,
|
|
84
|
-
'aria-describedby': originalAriaDescribedBy,
|
|
85
|
-
id: originalId,
|
|
86
|
-
characterCountPosition = 'below',
|
|
87
|
-
endSlot,
|
|
88
|
-
endSlotPosition = 'bottom'
|
|
89
|
-
}) {
|
|
90
|
-
const id = useId(originalId);
|
|
91
|
-
const messageId = useId();
|
|
92
|
-
const inputLength = validateInputLength({
|
|
93
|
-
value,
|
|
94
|
-
maxLength
|
|
95
|
-
});
|
|
96
|
-
const [characterCount, setCharacterCount] = React.useState(inputLength.count);
|
|
97
|
-
const [characterCountTone, setCharacterCountTone] = React.useState(inputLength.tone);
|
|
98
|
-
const ariaDescribedBy = originalAriaDescribedBy ?? (message ? messageId : null);
|
|
99
|
-
const renderCharacterCountBelow = characterCountPosition === 'below' && characterCount !== null;
|
|
100
|
-
const renderCharacterCountInline = characterCountPosition === 'inline' && characterCount !== null;
|
|
101
|
-
|
|
102
|
-
function renderCharacterCount() {
|
|
103
|
-
return /*#__PURE__*/React.createElement(FieldCharacterCount, {
|
|
104
|
-
tone: characterCountTone
|
|
105
|
-
}, characterCount);
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
const childrenProps = _objectSpread2(_objectSpread2({
|
|
109
|
-
id,
|
|
110
|
-
value
|
|
111
|
-
}, ariaDescribedBy ? {
|
|
112
|
-
'aria-describedby': ariaDescribedBy
|
|
113
|
-
} : {}), {}, {
|
|
114
|
-
'aria-invalid': tone === 'error' ? true : undefined,
|
|
115
|
-
|
|
116
|
-
onChange(event) {
|
|
117
|
-
if (!maxLength) {
|
|
118
|
-
return;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
const inputLength = validateInputLength({
|
|
122
|
-
value: event.currentTarget.value,
|
|
123
|
-
maxLength
|
|
124
|
-
});
|
|
125
|
-
setCharacterCount(inputLength.count);
|
|
126
|
-
setCharacterCountTone(inputLength.tone);
|
|
127
|
-
},
|
|
128
|
-
|
|
129
|
-
// If the character count is inline, we pass it as a prop to the children element so it can be rendered inline
|
|
130
|
-
characterCountElement: renderCharacterCountInline ? renderCharacterCount() : null
|
|
131
|
-
});
|
|
132
|
-
|
|
133
|
-
React.useEffect(function updateCharacterCountOnPropChange() {
|
|
134
|
-
if (!maxLength) {
|
|
135
|
-
return;
|
|
46
|
+
function BaseField(_a) {
|
|
47
|
+
var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, label = _a.label, value = _a.value, auxiliaryLabel = _a.auxiliaryLabel, message = _a.message, _c = _a.tone, tone = _c === void 0 ? 'neutral' : _c, className = _a.className, children = _a.children, maxWidth = _a.maxWidth, maxLength = _a.maxLength, hidden = _a.hidden, originalAriaDescribedBy = _a["aria-describedby"], originalId = _a.id, _d = _a.characterCountPosition, characterCountPosition = _d === void 0 ? 'below' : _d, endSlot = _a.endSlot, _e = _a.endSlotPosition, endSlotPosition = _e === void 0 ? 'bottom' : _e;
|
|
48
|
+
var id = useId(originalId);
|
|
49
|
+
var messageId = useId();
|
|
50
|
+
var inputLength = validateInputLength({ value: value, maxLength: maxLength });
|
|
51
|
+
var _f = React.useState(inputLength.count), characterCount = _f[0], setCharacterCount = _f[1];
|
|
52
|
+
var _g = React.useState(inputLength.tone), characterCountTone = _g[0], setCharacterCountTone = _g[1];
|
|
53
|
+
var ariaDescribedBy = originalAriaDescribedBy !== null && originalAriaDescribedBy !== void 0 ? originalAriaDescribedBy : (message ? messageId : null);
|
|
54
|
+
var renderCharacterCountBelow = characterCountPosition === 'below' && characterCount !== null;
|
|
55
|
+
var renderCharacterCountInline = characterCountPosition === 'inline' && characterCount !== null;
|
|
56
|
+
function renderCharacterCount() {
|
|
57
|
+
return React.createElement(FieldCharacterCount, { tone: characterCountTone }, characterCount);
|
|
136
58
|
}
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
tone: tone
|
|
179
|
-
}, message)) : null, characterCountPosition === 'below' ? /*#__PURE__*/React.createElement(Column, {
|
|
180
|
-
width: "content"
|
|
181
|
-
}, renderCharacterCount()) : null) : null);
|
|
59
|
+
var childrenProps = __assign(__assign({ id: id, value: value }, (ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {})), { 'aria-invalid': tone === 'error' ? true : undefined, onChange: function (event) {
|
|
60
|
+
if (!maxLength) {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
var inputLength = validateInputLength({
|
|
64
|
+
value: event.currentTarget.value,
|
|
65
|
+
maxLength: maxLength
|
|
66
|
+
});
|
|
67
|
+
setCharacterCount(inputLength.count);
|
|
68
|
+
setCharacterCountTone(inputLength.tone);
|
|
69
|
+
},
|
|
70
|
+
// If the character count is inline, we pass it as a prop to the children element so it can be rendered inline
|
|
71
|
+
characterCountElement: renderCharacterCountInline ? renderCharacterCount() : null });
|
|
72
|
+
React.useEffect(function updateCharacterCountOnPropChange() {
|
|
73
|
+
if (!maxLength) {
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
76
|
+
var inputLength = validateInputLength({
|
|
77
|
+
value: value,
|
|
78
|
+
maxLength: maxLength
|
|
79
|
+
});
|
|
80
|
+
setCharacterCount(inputLength.count);
|
|
81
|
+
setCharacterCountTone(inputLength.tone);
|
|
82
|
+
}, [maxLength, value]);
|
|
83
|
+
return (React.createElement(Stack, { space: "xsmall", hidden: hidden },
|
|
84
|
+
React.createElement(Box, { display: "flex", flexDirection: "row", className: [
|
|
85
|
+
className,
|
|
86
|
+
modules_540a88ff.container,
|
|
87
|
+
tone === 'error' ? modules_540a88ff.error : null,
|
|
88
|
+
variant === 'bordered' ? modules_540a88ff.bordered : null,
|
|
89
|
+
], maxWidth: maxWidth, alignItems: "center" },
|
|
90
|
+
React.createElement(Box, { flexGrow: 1 },
|
|
91
|
+
label || auxiliaryLabel ? (React.createElement(Box, { as: "span", display: "flex", justifyContent: "spaceBetween", alignItems: "flexEnd" },
|
|
92
|
+
React.createElement(Text, { size: variant === 'bordered' ? 'caption' : 'body', as: "label", htmlFor: id }, label ? (React.createElement("span", { className: modules_540a88ff.primaryLabel }, label)) : null),
|
|
93
|
+
auxiliaryLabel ? (React.createElement(Box, { className: modules_540a88ff.auxiliaryLabel, paddingLeft: "small" }, auxiliaryLabel)) : null)) : null,
|
|
94
|
+
children(childrenProps)),
|
|
95
|
+
endSlot && endSlotPosition === 'fullHeight' ? endSlot : null),
|
|
96
|
+
message || renderCharacterCountBelow ? (React.createElement(Columns, { align: "right", space: "small", maxWidth: maxWidth },
|
|
97
|
+
message ? (React.createElement(Column, { width: "auto" },
|
|
98
|
+
React.createElement(FieldMessage, { id: messageId, tone: tone }, message))) : null,
|
|
99
|
+
characterCountPosition === 'below' ? (React.createElement(Column, { width: "content" }, renderCharacterCount())) : null)) : null));
|
|
182
100
|
}
|
|
183
101
|
|
|
184
102
|
export { BaseField, FieldMessage };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-field.js","sources":["../../src/base-field/base-field.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box, BoxProps } from '../box'\nimport { useId } from '../utils/common-helpers'\nimport { Text } from '../text'\nimport styles from './base-field.module.css'\nimport { Stack } from '../stack'\n\nimport type { WithEnhancedClassName } from '../utils/common-types'\nimport { Spinner } from '../spinner'\nimport { Column, Columns } from '../columns'\n\n// Define the remaining characters before the character count turns red\n// See: https://twist.com/a/1585/ch/765851/t/6664583/c/93631846 for latest spec\nconst MAX_LENGTH_THRESHOLD = 0\n\ntype FieldTone = 'neutral' | 'success' | 'error' | 'loading'\n\ntype FieldMessageProps = {\n id: string\n children: React.ReactNode\n tone: FieldTone\n}\n\nfunction fieldToneToTextTone(tone: FieldTone) {\n return tone === 'error' ? 'danger' : tone === 'success' ? 'positive' : 'secondary'\n}\n\nfunction FieldMessage({ id, children, tone }: FieldMessageProps) {\n return (\n <Text as=\"p\" tone={fieldToneToTextTone(tone)} size=\"copy\" id={id}>\n {tone === 'loading' ? (\n <Box\n as=\"span\"\n marginRight=\"xsmall\"\n display=\"inlineFlex\"\n className={styles.loadingIcon}\n >\n <Spinner size={16} />\n </Box>\n ) : null}\n {children}\n </Text>\n )\n}\n\ntype FieldCharacterCountProps = {\n children: React.ReactNode\n tone: FieldTone\n}\n\nfunction FieldCharacterCount({ children, tone }: FieldCharacterCountProps) {\n return (\n <Text tone={fieldToneToTextTone(tone)} size=\"copy\">\n {children}\n </Text>\n )\n}\n\ntype ValidateInputLengthProps = {\n value?: React.InputHTMLAttributes<unknown>['value']\n maxLength?: number\n}\n\ntype ValidateInputLengthResult = {\n count: string | null\n tone: FieldTone\n}\n\nfunction validateInputLength({\n value,\n maxLength,\n}: ValidateInputLengthProps): ValidateInputLengthResult {\n if (!maxLength) {\n return {\n count: null,\n tone: 'neutral',\n }\n }\n\n const currentLength = String(value || '').length\n const isNearMaxLength = maxLength - currentLength <= MAX_LENGTH_THRESHOLD\n\n return {\n count: `${currentLength}/${maxLength}`,\n tone: isNearMaxLength ? 'error' : 'neutral',\n }\n}\n\n//\n// BaseField\n//\n\ntype ChildrenRenderProps = {\n id: string\n value?: React.InputHTMLAttributes<unknown>['value']\n 'aria-describedby'?: string\n 'aria-invalid'?: true\n onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>\n characterCountElement?: React.ReactNode | null\n}\n\ntype HtmlInputProps<T extends HTMLElement> = React.DetailedHTMLProps<\n React.InputHTMLAttributes<T>,\n T\n>\n\ntype BaseFieldVariant = 'default' | 'bordered'\ntype BaseFieldVariantProps = {\n /**\n * Provides alternative visual layouts or modes that the field can be rendered in.\n *\n * Namely, there are two variants supported:\n *\n * - the default one\n * - a \"bordered\" variant, where the border of the field surrounds also the labels, instead\n * of just surrounding the actual field element\n *\n * In both cases, the message and description texts for the field lie outside the bordered\n * area.\n */\n variant?: BaseFieldVariant\n}\n\nexport type BaseFieldProps = WithEnhancedClassName &\n Pick<HtmlInputProps<HTMLInputElement>, 'id' | 'hidden' | 'maxLength' | 'aria-describedby'> & {\n /**\n * The main label for this field element.\n *\n * This prop is not optional. Consumers of field components must be explicit about not\n * wanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\n * should make sure that fields are properly labelled semantically by other means (e.g using\n * `aria-labelledby`, or rendering a `<label />` element referencing the field by id).\n *\n * Avoid providing interactive elements in the label. Prefer `auxiliaryLabel` for that.\n *\n * @see BaseFieldProps['auxiliaryLabel']\n */\n label: React.ReactNode\n\n /**\n * The initial value for this field element.\n *\n * This prop is used to calculate the character count for the initial value, and is then\n * passed to the underlying child element.\n */\n value?: React.InputHTMLAttributes<unknown>['value']\n\n /**\n * An optional extra element to be placed to the right of the main label.\n *\n * This extra element is not included in the accessible name of the field element. Its only\n * purpose is either visual, or functional (if you include interactive elements in it).\n *\n * @see BaseFieldProps['label']\n *\n * @deprecated The usage of this element is discouraged given that it was removed from the\n * latest form field spec revision.\n */\n auxiliaryLabel?: React.ReactNode\n\n /**\n * A message associated with the field. It is rendered below the field, and with an\n * appearance that conveys the tone of the field (e.g. coloured red for errors, green for\n * success, etc).\n *\n * The message element is associated to the field via the `aria-describedby` attribute.\n *\n * In the future, when `aria-errormessage` gets better user agent support, we should use it\n * to associate the filed with a message when tone is `\"error\"`.\n *\n * @see BaseFieldProps['tone']\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-invalid\n */\n message?: React.ReactNode\n\n /**\n * The tone with which the message, if any, is presented.\n *\n * If the tone is `\"error\"`, the field border turns red, and the message, if any, is also\n * red.\n *\n * When the tone is `\"loading\"`, it is recommended that you also disable the field. However,\n * this is not enforced by the component. It is only a recommendation.\n *\n * @see BaseFieldProps['message']\n * @see BaseFieldProps['hint']\n */\n tone?: FieldTone\n\n /**\n * The maximum width that the input field can expand to.\n */\n maxWidth?: BoxProps['maxWidth']\n\n /**\n * The maximum number of characters that the input field can accept.\n * When this limit is reached, the input field will not accept any more characters.\n * The counter element will turn red when the number of characters is within 10 of the maximum limit.\n */\n maxLength?: number\n\n /**\n * Used internally by components composed using `BaseField`. It is not exposed as part of\n * the public props of such components.\n */\n children: (props: ChildrenRenderProps) => React.ReactNode\n\n /**\n * The position of the character count element.\n * It can be shown below the field or inline with the field.\n *\n * @default 'below'\n */\n characterCountPosition?: 'below' | 'inline' | 'hidden'\n } & (\n | {\n supportsStartAndEndSlots?: false\n endSlot?: never\n endSlotPosition?: never\n }\n | {\n supportsStartAndEndSlots: true\n endSlot?: React.ReactElement | string | number\n /**\n * This is solely for `bordered` variants of TextField. When set to `bottom` (the default),\n * the endSlot will be placed inline with the input field. When set to `fullHeight`, the endSlot\n * will be placed to the side of both the input field and the label.\n */\n endSlotPosition?: 'bottom' | 'fullHeight'\n }\n )\n\ntype FieldComponentProps<T extends HTMLElement> = Omit<\n BaseFieldProps,\n 'children' | 'className' | 'fieldRef' | 'variant'\n> &\n Omit<HtmlInputProps<T>, 'className' | 'style'>\n\n/**\n * BaseField is a base component that provides a consistent structure for form fields.\n */\nfunction BaseField({\n variant = 'default',\n label,\n value,\n auxiliaryLabel,\n message,\n tone = 'neutral',\n className,\n children,\n maxWidth,\n maxLength,\n hidden,\n 'aria-describedby': originalAriaDescribedBy,\n id: originalId,\n characterCountPosition = 'below',\n endSlot,\n endSlotPosition = 'bottom',\n}: BaseFieldProps & BaseFieldVariantProps & WithEnhancedClassName) {\n const id = useId(originalId)\n const messageId = useId()\n\n const inputLength = validateInputLength({ value, maxLength })\n\n const [characterCount, setCharacterCount] = React.useState<string | null>(inputLength.count)\n const [characterCountTone, setCharacterCountTone] = React.useState<FieldTone>(inputLength.tone)\n\n const ariaDescribedBy = originalAriaDescribedBy ?? (message ? messageId : null)\n\n const renderCharacterCountBelow = characterCountPosition === 'below' && characterCount !== null\n const renderCharacterCountInline =\n characterCountPosition === 'inline' && characterCount !== null\n\n function renderCharacterCount() {\n return <FieldCharacterCount tone={characterCountTone}>{characterCount}</FieldCharacterCount>\n }\n\n const childrenProps: ChildrenRenderProps = {\n id,\n value,\n ...(ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {}),\n 'aria-invalid': tone === 'error' ? true : undefined,\n onChange(event) {\n if (!maxLength) {\n return\n }\n\n const inputLength = validateInputLength({\n value: event.currentTarget.value,\n maxLength,\n })\n\n setCharacterCount(inputLength.count)\n setCharacterCountTone(inputLength.tone)\n },\n // If the character count is inline, we pass it as a prop to the children element so it can be rendered inline\n characterCountElement: renderCharacterCountInline ? renderCharacterCount() : null,\n }\n\n React.useEffect(\n function updateCharacterCountOnPropChange() {\n if (!maxLength) {\n return\n }\n\n const inputLength = validateInputLength({\n value,\n maxLength,\n })\n\n setCharacterCount(inputLength.count)\n setCharacterCountTone(inputLength.tone)\n },\n [maxLength, value],\n )\n\n return (\n <Stack space=\"xsmall\" hidden={hidden}>\n <Box\n display=\"flex\"\n flexDirection=\"row\"\n className={[\n className,\n styles.container,\n tone === 'error' ? styles.error : null,\n variant === 'bordered' ? styles.bordered : null,\n ]}\n maxWidth={maxWidth}\n alignItems=\"center\"\n >\n <Box flexGrow={1}>\n {label || auxiliaryLabel ? (\n <Box\n as=\"span\"\n display=\"flex\"\n justifyContent=\"spaceBetween\"\n alignItems=\"flexEnd\"\n >\n <Text\n size={variant === 'bordered' ? 'caption' : 'body'}\n as=\"label\"\n htmlFor={id}\n >\n {label ? (\n <span className={styles.primaryLabel}>{label}</span>\n ) : null}\n </Text>\n {auxiliaryLabel ? (\n <Box className={styles.auxiliaryLabel} paddingLeft=\"small\">\n {auxiliaryLabel}\n </Box>\n ) : null}\n </Box>\n ) : null}\n {children(childrenProps)}\n </Box>\n {endSlot && endSlotPosition === 'fullHeight' ? endSlot : null}\n </Box>\n\n {message || renderCharacterCountBelow ? (\n <Columns align=\"right\" space=\"small\" maxWidth={maxWidth}>\n {message ? (\n <Column width=\"auto\">\n <FieldMessage id={messageId} tone={tone}>\n {message}\n </FieldMessage>\n </Column>\n ) : null}\n\n {/* If the character count is below the field, we render it, if it's inline,\n we pass it as a prop to the children element so it can be rendered inline */}\n {characterCountPosition === 'below' ? (\n <Column width=\"content\">{renderCharacterCount()}</Column>\n ) : null}\n </Columns>\n ) : null}\n </Stack>\n )\n}\n\nexport { BaseField, FieldMessage }\nexport type { BaseFieldVariant, BaseFieldVariantProps, FieldComponentProps }\n"],"names":["MAX_LENGTH_THRESHOLD","fieldToneToTextTone","tone","FieldMessage","id","children","React","Text","as","size","createElement","Box","marginRight","display","className","styles","loadingIcon","Spinner","FieldCharacterCount","validateInputLength","value","maxLength","count","currentLength","String","length","isNearMaxLength","BaseField","variant","label","auxiliaryLabel","message","maxWidth","hidden","originalAriaDescribedBy","originalId","characterCountPosition","endSlot","endSlotPosition","useId","messageId","inputLength","characterCount","setCharacterCount","useState","characterCountTone","setCharacterCountTone","ariaDescribedBy","renderCharacterCountBelow","renderCharacterCountInline","renderCharacterCount","childrenProps","_objectSpread","undefined","onChange","event","currentTarget","characterCountElement","useEffect","updateCharacterCountOnPropChange","Stack","space","flexDirection","container","error","bordered","alignItems","flexGrow","justifyContent","htmlFor","primaryLabel","paddingLeft","Columns","align","Column","width"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"base-field.js","sources":["../../src/base-field/base-field.tsx"],"sourcesContent":[null],"names":["styles"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var modules_540a88ff = {"
|
|
1
|
+
var modules_540a88ff = {"auxiliaryLabel":"bfa9e249","bordered":"e8d81883","error":"_656b054e","primaryLabel":"_0eded49a","loadingIcon":"fbf1bee1","container":"d6795f2d"};
|
|
2
2
|
|
|
3
3
|
export { modules_540a88ff as default };
|
|
4
4
|
//# sourceMappingURL=base-field.module.css.js.map
|
package/es/box/box.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { polymorphicComponent } from '../utils/polymorphism.js';
|
|
@@ -9,143 +9,67 @@ import modules_131405ac from './margin.module.css.js';
|
|
|
9
9
|
import modules_89b7671c from './width.module.css.js';
|
|
10
10
|
import modules_8b5c09cb from './gap.module.css.js';
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
textAlign,
|
|
34
|
-
padding,
|
|
35
|
-
paddingY,
|
|
36
|
-
paddingX,
|
|
37
|
-
paddingTop,
|
|
38
|
-
paddingRight,
|
|
39
|
-
paddingBottom,
|
|
40
|
-
paddingLeft,
|
|
41
|
-
margin,
|
|
42
|
-
marginY,
|
|
43
|
-
marginX,
|
|
44
|
-
marginTop,
|
|
45
|
-
marginRight,
|
|
46
|
-
marginBottom,
|
|
47
|
-
marginLeft,
|
|
48
|
-
overlayScroll,
|
|
49
|
-
className
|
|
50
|
-
}) {
|
|
51
|
-
const resolvedPaddingTop = paddingTop ?? paddingY ?? padding;
|
|
52
|
-
const resolvedPaddingRight = paddingRight ?? paddingX ?? padding;
|
|
53
|
-
const resolvedPaddingBottom = paddingBottom ?? paddingY ?? padding;
|
|
54
|
-
const resolvedPaddingLeft = paddingLeft ?? paddingX ?? padding;
|
|
55
|
-
const resolvedMarginTop = marginTop ?? marginY ?? margin;
|
|
56
|
-
const resolvedMarginRight = marginRight ?? marginX ?? margin;
|
|
57
|
-
const resolvedMarginBottom = marginBottom ?? marginY ?? margin;
|
|
58
|
-
const resolvedMarginLeft = marginLeft ?? marginX ?? margin;
|
|
59
|
-
const omitFlex = !display || typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex';
|
|
60
|
-
return classNames(className, modules_54d944f2.box, display ? getClassNames(modules_54d944f2, 'display', display) : null, position !== 'static' ? getClassNames(modules_54d944f2, 'position', position) : null, minWidth != null ? getClassNames(modules_89b7671c, 'minWidth', String(minWidth)) : null, getClassNames(modules_89b7671c, 'maxWidth', maxWidth), getClassNames(modules_54d944f2, 'textAlign', textAlign), // padding
|
|
61
|
-
getClassNames(modules_b537a8ee, 'paddingTop', resolvedPaddingTop), getClassNames(modules_b537a8ee, 'paddingRight', resolvedPaddingRight), getClassNames(modules_b537a8ee, 'paddingBottom', resolvedPaddingBottom), getClassNames(modules_b537a8ee, 'paddingLeft', resolvedPaddingLeft), // margin
|
|
62
|
-
getClassNames(modules_131405ac, 'marginTop', resolvedMarginTop), getClassNames(modules_131405ac, 'marginRight', resolvedMarginRight), getClassNames(modules_131405ac, 'marginBottom', resolvedMarginBottom), getClassNames(modules_131405ac, 'marginLeft', resolvedMarginLeft), // flex props
|
|
63
|
-
omitFlex ? null : getClassNames(modules_54d944f2, 'flexDirection', flexDirection), omitFlex ? null : getClassNames(modules_54d944f2, 'flexWrap', flexWrap), omitFlex ? null : getClassNames(modules_54d944f2, 'alignItems', alignItems), omitFlex ? null : getClassNames(modules_54d944f2, 'justifyContent', justifyContent), alignSelf != null ? getClassNames(modules_54d944f2, 'alignSelf', alignSelf) : null, flexShrink != null ? getClassNames(modules_54d944f2, 'flexShrink', String(flexShrink)) : null, flexGrow != null ? getClassNames(modules_54d944f2, 'flexGrow', String(flexGrow)) : null, gap ? getClassNames(modules_8b5c09cb, 'gap', gap) : null, // other props
|
|
64
|
-
getClassNames(modules_54d944f2, 'overflow', overflow), width != null ? getClassNames(modules_89b7671c, 'width', String(width)) : null, getClassNames(modules_54d944f2, 'height', height), getClassNames(modules_54d944f2, 'bg', background), borderRadius !== 'none' ? getClassNames(modules_54d944f2, 'borderRadius', borderRadius) : null, border !== 'none' ? getClassNames(modules_54d944f2, 'border', border) : null, overlayScroll ? modules_54d944f2.overlayScroll : null);
|
|
12
|
+
function getBoxClassNames(_a) {
|
|
13
|
+
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
14
|
+
var _k = _a.position, position = _k === void 0 ? 'static' : _k, display = _a.display, _l = _a.flexDirection, flexDirection = _l === void 0 ? 'row' : _l, flexWrap = _a.flexWrap, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, gap = _a.gap, alignItems = _a.alignItems, justifyContent = _a.justifyContent, alignSelf = _a.alignSelf, overflow = _a.overflow, width = _a.width, height = _a.height, background = _a.background, border = _a.border, borderRadius = _a.borderRadius, minWidth = _a.minWidth, maxWidth = _a.maxWidth, textAlign = _a.textAlign, padding = _a.padding, paddingY = _a.paddingY, paddingX = _a.paddingX, paddingTop = _a.paddingTop, paddingRight = _a.paddingRight, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, margin = _a.margin, marginY = _a.marginY, marginX = _a.marginX, marginTop = _a.marginTop, marginRight = _a.marginRight, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, overlayScroll = _a.overlayScroll, className = _a.className;
|
|
15
|
+
var resolvedPaddingTop = (_b = paddingTop !== null && paddingTop !== void 0 ? paddingTop : paddingY) !== null && _b !== void 0 ? _b : padding;
|
|
16
|
+
var resolvedPaddingRight = (_c = paddingRight !== null && paddingRight !== void 0 ? paddingRight : paddingX) !== null && _c !== void 0 ? _c : padding;
|
|
17
|
+
var resolvedPaddingBottom = (_d = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : paddingY) !== null && _d !== void 0 ? _d : padding;
|
|
18
|
+
var resolvedPaddingLeft = (_e = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : paddingX) !== null && _e !== void 0 ? _e : padding;
|
|
19
|
+
var resolvedMarginTop = (_f = marginTop !== null && marginTop !== void 0 ? marginTop : marginY) !== null && _f !== void 0 ? _f : margin;
|
|
20
|
+
var resolvedMarginRight = (_g = marginRight !== null && marginRight !== void 0 ? marginRight : marginX) !== null && _g !== void 0 ? _g : margin;
|
|
21
|
+
var resolvedMarginBottom = (_h = marginBottom !== null && marginBottom !== void 0 ? marginBottom : marginY) !== null && _h !== void 0 ? _h : margin;
|
|
22
|
+
var resolvedMarginLeft = (_j = marginLeft !== null && marginLeft !== void 0 ? marginLeft : marginX) !== null && _j !== void 0 ? _j : margin;
|
|
23
|
+
var omitFlex = !display || (typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex');
|
|
24
|
+
return classNames(className, modules_54d944f2.box, display ? getClassNames(modules_54d944f2, 'display', display) : null, position !== 'static' ? getClassNames(modules_54d944f2, 'position', position) : null, minWidth != null ? getClassNames(modules_89b7671c, 'minWidth', String(minWidth)) : null, getClassNames(modules_89b7671c, 'maxWidth', maxWidth), getClassNames(modules_54d944f2, 'textAlign', textAlign),
|
|
25
|
+
// padding
|
|
26
|
+
getClassNames(modules_b537a8ee, 'paddingTop', resolvedPaddingTop), getClassNames(modules_b537a8ee, 'paddingRight', resolvedPaddingRight), getClassNames(modules_b537a8ee, 'paddingBottom', resolvedPaddingBottom), getClassNames(modules_b537a8ee, 'paddingLeft', resolvedPaddingLeft),
|
|
27
|
+
// margin
|
|
28
|
+
getClassNames(modules_131405ac, 'marginTop', resolvedMarginTop), getClassNames(modules_131405ac, 'marginRight', resolvedMarginRight), getClassNames(modules_131405ac, 'marginBottom', resolvedMarginBottom), getClassNames(modules_131405ac, 'marginLeft', resolvedMarginLeft),
|
|
29
|
+
// flex props
|
|
30
|
+
omitFlex ? null : getClassNames(modules_54d944f2, 'flexDirection', flexDirection), omitFlex ? null : getClassNames(modules_54d944f2, 'flexWrap', flexWrap), omitFlex ? null : getClassNames(modules_54d944f2, 'alignItems', alignItems), omitFlex ? null : getClassNames(modules_54d944f2, 'justifyContent', justifyContent), alignSelf != null ? getClassNames(modules_54d944f2, 'alignSelf', alignSelf) : null, flexShrink != null ? getClassNames(modules_54d944f2, 'flexShrink', String(flexShrink)) : null, flexGrow != null ? getClassNames(modules_54d944f2, 'flexGrow', String(flexGrow)) : null, gap ? getClassNames(modules_8b5c09cb, 'gap', gap) : null,
|
|
31
|
+
// other props
|
|
32
|
+
getClassNames(modules_54d944f2, 'overflow', overflow), width != null ? getClassNames(modules_89b7671c, 'width', String(width)) : null, getClassNames(modules_54d944f2, 'height', height), getClassNames(modules_54d944f2, 'bg', background), borderRadius !== 'none' ? getClassNames(modules_54d944f2, 'borderRadius', borderRadius) : null, border !== 'none' ? getClassNames(modules_54d944f2, 'border', border) : null, overlayScroll ? modules_54d944f2.overlayScroll : null);
|
|
65
33
|
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
children
|
|
106
|
-
} = _ref,
|
|
107
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
108
|
-
|
|
109
|
-
return /*#__PURE__*/React.createElement(component, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
110
|
-
className: getBoxClassNames({
|
|
111
|
-
position,
|
|
112
|
-
display,
|
|
113
|
-
flexDirection,
|
|
114
|
-
flexWrap,
|
|
115
|
-
flexGrow,
|
|
116
|
-
flexShrink,
|
|
117
|
-
gap,
|
|
118
|
-
alignItems,
|
|
119
|
-
justifyContent,
|
|
120
|
-
alignSelf,
|
|
121
|
-
overflow,
|
|
122
|
-
width,
|
|
123
|
-
height,
|
|
124
|
-
background,
|
|
125
|
-
border,
|
|
126
|
-
borderRadius,
|
|
127
|
-
minWidth,
|
|
128
|
-
maxWidth,
|
|
129
|
-
textAlign,
|
|
130
|
-
padding,
|
|
131
|
-
paddingY,
|
|
132
|
-
paddingX,
|
|
133
|
-
paddingTop,
|
|
134
|
-
paddingRight,
|
|
135
|
-
paddingBottom,
|
|
136
|
-
paddingLeft,
|
|
137
|
-
margin,
|
|
138
|
-
marginY,
|
|
139
|
-
marginX,
|
|
140
|
-
marginTop,
|
|
141
|
-
marginRight,
|
|
142
|
-
marginBottom,
|
|
143
|
-
marginLeft,
|
|
144
|
-
overlayScroll,
|
|
145
|
-
className
|
|
146
|
-
}),
|
|
147
|
-
ref
|
|
148
|
-
}), children);
|
|
34
|
+
var Box = polymorphicComponent(function Box(_a, ref) {
|
|
35
|
+
var _b = _a.as, component = _b === void 0 ? 'div' : _b, _c = _a.position, position = _c === void 0 ? 'static' : _c, display = _a.display, _d = _a.flexDirection, flexDirection = _d === void 0 ? 'row' : _d, flexWrap = _a.flexWrap, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, gap = _a.gap, alignItems = _a.alignItems, justifyContent = _a.justifyContent, alignSelf = _a.alignSelf, overflow = _a.overflow, width = _a.width, height = _a.height, background = _a.background, border = _a.border, borderRadius = _a.borderRadius, minWidth = _a.minWidth, maxWidth = _a.maxWidth, textAlign = _a.textAlign, padding = _a.padding, paddingY = _a.paddingY, paddingX = _a.paddingX, paddingTop = _a.paddingTop, paddingRight = _a.paddingRight, paddingBottom = _a.paddingBottom, paddingLeft = _a.paddingLeft, margin = _a.margin, marginY = _a.marginY, marginX = _a.marginX, marginTop = _a.marginTop, marginRight = _a.marginRight, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, overlayScroll = _a.overlayScroll, className = _a.className, children = _a.children, props = __rest(_a, ["as", "position", "display", "flexDirection", "flexWrap", "flexGrow", "flexShrink", "gap", "alignItems", "justifyContent", "alignSelf", "overflow", "width", "height", "background", "border", "borderRadius", "minWidth", "maxWidth", "textAlign", "padding", "paddingY", "paddingX", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginY", "marginX", "marginTop", "marginRight", "marginBottom", "marginLeft", "overlayScroll", "className", "children"]);
|
|
36
|
+
return React.createElement(component, __assign(__assign({}, props), { className: getBoxClassNames({
|
|
37
|
+
position: position,
|
|
38
|
+
display: display,
|
|
39
|
+
flexDirection: flexDirection,
|
|
40
|
+
flexWrap: flexWrap,
|
|
41
|
+
flexGrow: flexGrow,
|
|
42
|
+
flexShrink: flexShrink,
|
|
43
|
+
gap: gap,
|
|
44
|
+
alignItems: alignItems,
|
|
45
|
+
justifyContent: justifyContent,
|
|
46
|
+
alignSelf: alignSelf,
|
|
47
|
+
overflow: overflow,
|
|
48
|
+
width: width,
|
|
49
|
+
height: height,
|
|
50
|
+
background: background,
|
|
51
|
+
border: border,
|
|
52
|
+
borderRadius: borderRadius,
|
|
53
|
+
minWidth: minWidth,
|
|
54
|
+
maxWidth: maxWidth,
|
|
55
|
+
textAlign: textAlign,
|
|
56
|
+
padding: padding,
|
|
57
|
+
paddingY: paddingY,
|
|
58
|
+
paddingX: paddingX,
|
|
59
|
+
paddingTop: paddingTop,
|
|
60
|
+
paddingRight: paddingRight,
|
|
61
|
+
paddingBottom: paddingBottom,
|
|
62
|
+
paddingLeft: paddingLeft,
|
|
63
|
+
margin: margin,
|
|
64
|
+
marginY: marginY,
|
|
65
|
+
marginX: marginX,
|
|
66
|
+
marginTop: marginTop,
|
|
67
|
+
marginRight: marginRight,
|
|
68
|
+
marginBottom: marginBottom,
|
|
69
|
+
marginLeft: marginLeft,
|
|
70
|
+
overlayScroll: overlayScroll,
|
|
71
|
+
className: className
|
|
72
|
+
}), ref: ref }), children);
|
|
149
73
|
});
|
|
150
74
|
|
|
151
75
|
export { Box, getBoxClassNames };
|
package/es/box/box.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport type { ResponsiveProp } from '../utils/responsive-props'\nimport type {\n DividerWeight,\n Space,\n SpaceWithNegatives,\n WithEnhancedClassName,\n} from '../utils/common-types'\n\nimport styles from './box.module.css'\nimport paddingStyles from './padding.module.css'\nimport marginStyles from './margin.module.css'\nimport widthStyles from './width.module.css'\nimport gapStyles from './gap.module.css'\n\ninterface BoxPaddingProps {\n padding?: ResponsiveProp<Space>\n paddingX?: ResponsiveProp<Space>\n paddingY?: ResponsiveProp<Space>\n paddingTop?: ResponsiveProp<Space>\n paddingRight?: ResponsiveProp<Space>\n paddingBottom?: ResponsiveProp<Space>\n paddingLeft?: ResponsiveProp<Space>\n}\n\ninterface BoxMarginProps {\n margin?: ResponsiveProp<SpaceWithNegatives>\n marginX?: ResponsiveProp<SpaceWithNegatives>\n marginY?: ResponsiveProp<SpaceWithNegatives>\n marginTop?: ResponsiveProp<SpaceWithNegatives>\n marginRight?: ResponsiveProp<SpaceWithNegatives>\n marginBottom?: ResponsiveProp<SpaceWithNegatives>\n marginLeft?: ResponsiveProp<SpaceWithNegatives>\n}\n\ntype BoxDisplay = 'block' | 'flex' | 'inline' | 'inlineBlock' | 'inlineFlex' | 'none'\ntype BoxFlexDirection = 'column' | 'row'\ntype BoxFlexWrap = 'nowrap' | 'wrap'\ntype BoxAlignItems = 'center' | 'flexEnd' | 'flexStart' | 'baseline'\ntype BoxJustifyContent =\n | 'center'\n | 'flexEnd'\n | 'flexStart'\n | 'spaceAround'\n | 'spaceBetween'\n | 'spaceEvenly'\ntype BoxAlignSelf = 'flexStart' | 'flexEnd' | 'center' | 'baseline' | 'stretch'\ntype BoxOverflow = 'hidden' | 'auto' | 'visible' | 'scroll'\n\ntype BoxMaxMinWidth = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'\ntype BoxMinWidth = 0 | BoxMaxMinWidth\ntype BoxMaxWidth = BoxMaxMinWidth | 'full'\ntype BoxWidth = 0 | BoxMaxMinWidth | 'full' | 'auto' | 'maxContent' | 'minContent' | 'fitContent'\ntype BoxBackground = 'default' | 'aside' | 'highlight' | 'selected' | 'toast'\ntype BoxBorderRadius = 'standard' | 'none' | 'full'\n\ninterface BorderProps {\n borderRadius?: BoxBorderRadius\n border?: DividerWeight\n}\n\ninterface ReusableBoxProps extends BorderProps, BoxPaddingProps {\n minWidth?: BoxMinWidth\n maxWidth?: BoxMaxWidth\n width?: BoxWidth\n background?: BoxBackground\n flexGrow?: 0 | 1\n flexShrink?: 0\n}\n\ntype BoxPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky'\ntype BoxTextAlign = 'start' | 'center' | 'end' | 'justify'\n\ninterface BoxProps extends WithEnhancedClassName, ReusableBoxProps, BoxMarginProps {\n position?: ResponsiveProp<BoxPosition>\n display?: ResponsiveProp<BoxDisplay>\n flexDirection?: ResponsiveProp<BoxFlexDirection>\n flexWrap?: BoxFlexWrap\n gap?: ResponsiveProp<Space | 'none'>\n alignItems?: ResponsiveProp<BoxAlignItems>\n alignSelf?: ResponsiveProp<BoxAlignSelf>\n justifyContent?: ResponsiveProp<BoxJustifyContent>\n overflow?: BoxOverflow\n height?: 'full'\n textAlign?: ResponsiveProp<BoxTextAlign>\n /**\n * The `overlayScroll` prop enables a modern scrollbar experience where the scrollbar is hidden\n * by default and appears on hover. This provides a cleaner interface while maintaining full scrollability.\n *\n * Scrollbar appearance may be affected by macOS system settings,\n * such as \"Show scroll bars: Automatically/When scrolling/Always\".\n * This can override or change the effect of these styles on Mac devices.\n */\n overlayScroll?: boolean\n}\n\nfunction getBoxClassNames({\n position = 'static',\n display,\n flexDirection = 'row',\n flexWrap,\n flexGrow,\n flexShrink,\n gap,\n alignItems,\n justifyContent,\n alignSelf,\n overflow,\n width,\n height,\n background,\n border,\n borderRadius,\n minWidth,\n maxWidth,\n textAlign,\n padding,\n paddingY,\n paddingX,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n margin,\n marginY,\n marginX,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n overlayScroll,\n className,\n}: BoxProps) {\n const resolvedPaddingTop = paddingTop ?? paddingY ?? padding\n const resolvedPaddingRight = paddingRight ?? paddingX ?? padding\n const resolvedPaddingBottom = paddingBottom ?? paddingY ?? padding\n const resolvedPaddingLeft = paddingLeft ?? paddingX ?? padding\n\n const resolvedMarginTop = marginTop ?? marginY ?? margin\n const resolvedMarginRight = marginRight ?? marginX ?? margin\n const resolvedMarginBottom = marginBottom ?? marginY ?? margin\n const resolvedMarginLeft = marginLeft ?? marginX ?? margin\n\n const omitFlex =\n !display || (typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex')\n\n return classNames(\n className,\n styles.box,\n display ? getClassNames(styles, 'display', display) : null,\n position !== 'static' ? getClassNames(styles, 'position', position) : null,\n minWidth != null ? getClassNames(widthStyles, 'minWidth', String(minWidth)) : null,\n getClassNames(widthStyles, 'maxWidth', maxWidth),\n getClassNames(styles, 'textAlign', textAlign),\n // padding\n getClassNames(paddingStyles, 'paddingTop', resolvedPaddingTop),\n getClassNames(paddingStyles, 'paddingRight', resolvedPaddingRight),\n getClassNames(paddingStyles, 'paddingBottom', resolvedPaddingBottom),\n getClassNames(paddingStyles, 'paddingLeft', resolvedPaddingLeft),\n // margin\n getClassNames(marginStyles, 'marginTop', resolvedMarginTop),\n getClassNames(marginStyles, 'marginRight', resolvedMarginRight),\n getClassNames(marginStyles, 'marginBottom', resolvedMarginBottom),\n getClassNames(marginStyles, 'marginLeft', resolvedMarginLeft),\n // flex props\n omitFlex ? null : getClassNames(styles, 'flexDirection', flexDirection),\n omitFlex ? null : getClassNames(styles, 'flexWrap', flexWrap),\n omitFlex ? null : getClassNames(styles, 'alignItems', alignItems),\n omitFlex ? null : getClassNames(styles, 'justifyContent', justifyContent),\n alignSelf != null ? getClassNames(styles, 'alignSelf', alignSelf) : null,\n flexShrink != null ? getClassNames(styles, 'flexShrink', String(flexShrink)) : null,\n flexGrow != null ? getClassNames(styles, 'flexGrow', String(flexGrow)) : null,\n gap ? getClassNames(gapStyles, 'gap', gap) : null,\n // other props\n getClassNames(styles, 'overflow', overflow),\n width != null ? getClassNames(widthStyles, 'width', String(width)) : null,\n getClassNames(styles, 'height', height),\n getClassNames(styles, 'bg', background),\n borderRadius !== 'none' ? getClassNames(styles, 'borderRadius', borderRadius) : null,\n border !== 'none' ? getClassNames(styles, 'border', border) : null,\n overlayScroll ? styles.overlayScroll : null,\n )\n}\n\nconst Box = polymorphicComponent<'div', BoxProps, 'keepClassName'>(function Box(\n {\n as: component = 'div',\n position = 'static',\n display,\n flexDirection = 'row',\n flexWrap,\n flexGrow,\n flexShrink,\n gap,\n alignItems,\n justifyContent,\n alignSelf,\n overflow,\n width,\n height,\n background,\n border,\n borderRadius,\n minWidth,\n maxWidth,\n textAlign,\n padding,\n paddingY,\n paddingX,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n margin,\n marginY,\n marginX,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n overlayScroll,\n className,\n children,\n ...props\n },\n ref,\n) {\n return React.createElement(\n component,\n {\n ...props,\n className: getBoxClassNames({\n position,\n display,\n flexDirection,\n flexWrap,\n flexGrow,\n flexShrink,\n gap,\n alignItems,\n justifyContent,\n alignSelf,\n overflow,\n width,\n height,\n background,\n border,\n borderRadius,\n minWidth,\n maxWidth,\n textAlign,\n padding,\n paddingY,\n paddingX,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n margin,\n marginY,\n marginX,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n overlayScroll,\n className,\n }),\n ref,\n },\n children,\n )\n})\n\nexport type {\n BoxProps,\n BoxPaddingProps,\n BoxMarginProps,\n ReusableBoxProps,\n BoxMinWidth,\n BoxMaxWidth,\n BoxDisplay,\n BoxPosition,\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxOverflow,\n BoxTextAlign,\n BoxBackground,\n BoxBorderRadius,\n}\n\nexport { Box, getBoxClassNames }\n"],"names":["getBoxClassNames","position","display","flexDirection","flexWrap","flexGrow","flexShrink","gap","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","overlayScroll","className","resolvedPaddingTop","resolvedPaddingRight","resolvedPaddingBottom","resolvedPaddingLeft","resolvedMarginTop","resolvedMarginRight","resolvedMarginBottom","resolvedMarginLeft","omitFlex","classNames","styles","box","getClassNames","widthStyles","String","paddingStyles","marginStyles","gapStyles","Box","polymorphicComponent","ref","as","component","children","props","React","createElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":[null],"names":["styles","widthStyles","paddingStyles","marginStyles","gapStyles"],"mappings":"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"}
|