@doist/reactist 28.7.0 → 28.7.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/reactist.cjs.development.js +2093 -3829
- 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 -139
- 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 -75
- 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 -30
- 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 -75
- 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 -211
- 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 -201
- 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 +16 -23
- package/styles/avatar.css +3 -3
- package/styles/avatar.module.css.css +1 -1
- package/styles/badge.css +3 -3
- package/styles/badge.module.css.css +1 -1
- package/styles/banner.css +7 -7
- package/styles/banner.module.css.css +1 -1
- package/styles/base-field.css +5 -5
- package/styles/base-field.module.css.css +1 -1
- package/styles/box.css +2 -2
- package/styles/box.module.css.css +1 -1
- package/styles/button.css +5 -5
- package/styles/button.module.css.css +1 -1
- package/styles/checkbox-field.css +4 -4
- package/styles/checkbox-field.module.css.css +1 -1
- package/styles/columns.css +2 -2
- package/styles/divider.css +2 -2
- package/styles/heading.css +3 -3
- package/styles/heading.module.css.css +1 -1
- package/styles/hidden-visually.css +3 -3
- package/styles/hidden-visually.module.css.css +1 -1
- package/styles/hidden.css +2 -2
- package/styles/index.css +5 -5
- package/styles/loading.css +3 -3
- package/styles/menu.css +1 -1
- package/styles/modal.css +6 -6
- package/styles/modal.module.css.css +1 -1
- package/styles/notice.css +2 -2
- package/styles/password-field.css +8 -8
- package/styles/progress-bar.module.css.css +1 -1
- package/styles/prose.css +3 -3
- package/styles/prose.module.css.css +1 -1
- package/styles/reactist.css +31 -31
- package/styles/select-field.css +6 -6
- package/styles/select-field.module.css.css +1 -1
- package/styles/spinner.css +1 -1
- package/styles/static-toast.css +7 -7
- package/styles/switch-field.css +7 -7
- package/styles/switch-field.module.css.css +1 -1
- package/styles/tabs.css +3 -3
- package/styles/tabs.module.css.css +1 -1
- package/styles/text-area.css +6 -6
- package/styles/text-area.module.css.css +1 -1
- package/styles/text-field.css +6 -6
- package/styles/text-field.module.css.css +1 -1
- package/styles/text-link.css +3 -3
- package/styles/text-link.module.css.css +1 -1
- package/styles/text.css +3 -3
- package/styles/text.module.css.css +1 -1
- package/styles/toast.module.css.css +1 -1
- package/styles/tooltip.css +3 -3
- package/styles/tooltip.module.css.css +1 -1
- package/styles/use-toasts.css +7 -7
- package/styles/width.module.css.css +1 -1
- 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 { __rest, __assign } from 'tslib';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { useMergeRefs } from 'use-callback-ref';
|
|
@@ -6,117 +6,60 @@ import { BaseField } from '../base-field/base-field.js';
|
|
|
6
6
|
import { Box } from '../box/box.js';
|
|
7
7
|
import modules_2728c236 from './text-area.module.css.js';
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
tone,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
const containerRef = React.useRef(null);
|
|
32
|
-
const internalRef = React.useRef(null);
|
|
33
|
-
const combinedRef = useMergeRefs([ref, internalRef]);
|
|
34
|
-
useAutoExpand({
|
|
35
|
-
value,
|
|
36
|
-
autoExpand,
|
|
37
|
-
containerRef,
|
|
38
|
-
internalRef
|
|
39
|
-
});
|
|
40
|
-
const textAreaClassName = classNames([autoExpand ? modules_2728c236.disableResize : null, disableResize ? modules_2728c236.disableResize : null]);
|
|
41
|
-
return /*#__PURE__*/React.createElement(BaseField, {
|
|
42
|
-
variant: variant,
|
|
43
|
-
id: id,
|
|
44
|
-
label: label,
|
|
45
|
-
value: value,
|
|
46
|
-
auxiliaryLabel: auxiliaryLabel,
|
|
47
|
-
message: message,
|
|
48
|
-
tone: tone,
|
|
49
|
-
hidden: hidden,
|
|
50
|
-
"aria-describedby": ariaDescribedBy,
|
|
51
|
-
className: [modules_2728c236.textAreaContainer, tone === 'error' ? modules_2728c236.error : null, variant === 'bordered' ? modules_2728c236.bordered : null],
|
|
52
|
-
maxWidth: maxWidth,
|
|
53
|
-
maxLength: maxLength
|
|
54
|
-
}, _ref2 => {
|
|
55
|
-
let {
|
|
56
|
-
onChange
|
|
57
|
-
} = _ref2,
|
|
58
|
-
extraProps = _objectWithoutProperties(_ref2, _excluded2);
|
|
59
|
-
|
|
60
|
-
return /*#__PURE__*/React.createElement(Box, {
|
|
61
|
-
width: "full",
|
|
62
|
-
display: "flex",
|
|
63
|
-
className: modules_2728c236.innerContainer,
|
|
64
|
-
ref: containerRef
|
|
65
|
-
}, /*#__PURE__*/React.createElement("textarea", _objectSpread2(_objectSpread2(_objectSpread2({}, props), extraProps), {}, {
|
|
66
|
-
ref: combinedRef,
|
|
67
|
-
rows: rows,
|
|
68
|
-
className: textAreaClassName,
|
|
69
|
-
maxLength: maxLength,
|
|
70
|
-
onChange: event => {
|
|
71
|
-
originalOnChange == null ? void 0 : originalOnChange(event);
|
|
72
|
-
onChange == null ? void 0 : onChange(event);
|
|
73
|
-
}
|
|
74
|
-
})));
|
|
75
|
-
});
|
|
9
|
+
var TextArea = React.forwardRef(function TextArea(_a, ref) {
|
|
10
|
+
var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, id = _a.id, label = _a.label, value = _a.value, auxiliaryLabel = _a.auxiliaryLabel, message = _a.message, tone = _a.tone, maxWidth = _a.maxWidth, maxLength = _a.maxLength, hidden = _a.hidden, ariaDescribedBy = _a["aria-describedby"], rows = _a.rows, _c = _a.autoExpand, autoExpand = _c === void 0 ? false : _c, _d = _a.disableResize, disableResize = _d === void 0 ? false : _d, originalOnChange = _a.onChange, props = __rest(_a, ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "maxWidth", "maxLength", "hidden", 'aria-describedby', "rows", "autoExpand", "disableResize", "onChange"]);
|
|
11
|
+
var containerRef = React.useRef(null);
|
|
12
|
+
var internalRef = React.useRef(null);
|
|
13
|
+
var combinedRef = useMergeRefs([ref, internalRef]);
|
|
14
|
+
useAutoExpand({ value: value, autoExpand: autoExpand, containerRef: containerRef, internalRef: internalRef });
|
|
15
|
+
var textAreaClassName = classNames([
|
|
16
|
+
autoExpand ? modules_2728c236.disableResize : null,
|
|
17
|
+
disableResize ? modules_2728c236.disableResize : null,
|
|
18
|
+
]);
|
|
19
|
+
return (React.createElement(BaseField, { variant: variant, id: id, label: label, value: value, auxiliaryLabel: auxiliaryLabel, message: message, tone: tone, hidden: hidden, "aria-describedby": ariaDescribedBy, className: [
|
|
20
|
+
modules_2728c236.textAreaContainer,
|
|
21
|
+
tone === 'error' ? modules_2728c236.error : null,
|
|
22
|
+
variant === 'bordered' ? modules_2728c236.bordered : null,
|
|
23
|
+
], maxWidth: maxWidth, maxLength: maxLength }, function (_a) {
|
|
24
|
+
var onChange = _a.onChange, extraProps = __rest(_a, ["onChange"]);
|
|
25
|
+
return (React.createElement(Box, { width: "full", display: "flex", className: modules_2728c236.innerContainer, ref: containerRef },
|
|
26
|
+
React.createElement("textarea", __assign({}, props, extraProps, { ref: combinedRef, rows: rows, className: textAreaClassName, maxLength: maxLength, onChange: function (event) {
|
|
27
|
+
originalOnChange === null || originalOnChange === void 0 ? void 0 : originalOnChange(event);
|
|
28
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
29
|
+
} }))));
|
|
30
|
+
}));
|
|
76
31
|
});
|
|
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
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
}, [autoExpand, containerRef, internalRef, isControlled]);
|
|
109
|
-
React.useEffect(function setupAutoExpandWhenControlled() {
|
|
110
|
-
if (!isControlled || !autoExpand) {
|
|
111
|
-
return;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
const containerElement = containerRef.current;
|
|
115
|
-
|
|
116
|
-
if (containerElement) {
|
|
117
|
-
containerElement.dataset.replicatedValue = value;
|
|
118
|
-
}
|
|
119
|
-
}, [value, containerRef, isControlled, autoExpand]);
|
|
32
|
+
function useAutoExpand(_a) {
|
|
33
|
+
var value = _a.value, autoExpand = _a.autoExpand, containerRef = _a.containerRef, internalRef = _a.internalRef;
|
|
34
|
+
var isControlled = value !== undefined;
|
|
35
|
+
React.useEffect(function setupAutoExpandWhenUncontrolled() {
|
|
36
|
+
var textAreaElement = internalRef.current;
|
|
37
|
+
if (!textAreaElement || !autoExpand || isControlled) {
|
|
38
|
+
return undefined;
|
|
39
|
+
}
|
|
40
|
+
var containerElement = containerRef.current;
|
|
41
|
+
function handleAutoExpand(value) {
|
|
42
|
+
if (containerElement) {
|
|
43
|
+
containerElement.dataset.replicatedValue = value;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
function handleInput(event) {
|
|
47
|
+
handleAutoExpand(event.currentTarget.value);
|
|
48
|
+
}
|
|
49
|
+
// Apply change initially, in case the text area has a non-empty initial value
|
|
50
|
+
handleAutoExpand(textAreaElement.value);
|
|
51
|
+
textAreaElement.addEventListener('input', handleInput);
|
|
52
|
+
return function () { return textAreaElement.removeEventListener('input', handleInput); };
|
|
53
|
+
}, [autoExpand, containerRef, internalRef, isControlled]);
|
|
54
|
+
React.useEffect(function setupAutoExpandWhenControlled() {
|
|
55
|
+
if (!isControlled || !autoExpand) {
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
var containerElement = containerRef.current;
|
|
59
|
+
if (containerElement) {
|
|
60
|
+
containerElement.dataset.replicatedValue = value;
|
|
61
|
+
}
|
|
62
|
+
}, [value, containerRef, isControlled, autoExpand]);
|
|
120
63
|
}
|
|
121
64
|
|
|
122
65
|
export { TextArea };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-area.js","sources":["../../src/text-area/text-area.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { useMergeRefs } from 'use-callback-ref'\nimport { BaseField, BaseFieldVariantProps, FieldComponentProps } from '../base-field'\nimport { Box } from '../box'\nimport styles from './text-area.module.css'\n\ninterface TextAreaProps\n extends Omit<FieldComponentProps<HTMLTextAreaElement>, 'characterCountPosition'>,\n Omit<\n BaseFieldVariantProps,\n 'supportsStartAndEndSlots' | 'endSlot' | 'endSlotPosition' | 'value'\n > {\n /**\n * The value of the text area.\n *\n * If this prop is not specified, the text area will be uncontrolled and the component will\n * manage its own state.\n */\n value?: string\n\n /**\n * The number of visible text lines for the text area.\n *\n * If it is specified, it must be a positive integer. If it is not specified, the default\n * value is 2 (set by the browser).\n *\n * When `autoExpand` is true, this value serves the purpose of specifying the minimum number\n * of rows that the textarea will shrink to when the content is not large enough to make it\n * expand.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n */\n rows?: number\n\n /**\n * If `true`, the textarea will be automatically resized to fit the content, and the ability to\n * manually resize the textarea will be disabled.\n */\n autoExpand?: boolean\n\n /**\n * If `true`, the ability to manually resize the textarea will be disabled.\n *\n * When `autoExpand` is true, this property serves no purpose, because the ability to manually\n * resize the textarea is always disabled when `autoExpand` is true.\n */\n disableResize?: boolean\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(function TextArea(\n {\n variant = 'default',\n id,\n label,\n value,\n auxiliaryLabel,\n message,\n tone,\n maxWidth,\n maxLength,\n hidden,\n 'aria-describedby': ariaDescribedBy,\n rows,\n autoExpand = false,\n disableResize = false,\n onChange: originalOnChange,\n ...props\n },\n ref,\n) {\n const containerRef = React.useRef<HTMLDivElement>(null)\n const internalRef = React.useRef<HTMLTextAreaElement>(null)\n const combinedRef = useMergeRefs([ref, internalRef])\n\n useAutoExpand({ value, autoExpand, containerRef, internalRef })\n\n const textAreaClassName = classNames([\n autoExpand ? styles.disableResize : null,\n disableResize ? styles.disableResize : null,\n ])\n\n return (\n <BaseField\n variant={variant}\n id={id}\n label={label}\n value={value}\n auxiliaryLabel={auxiliaryLabel}\n message={message}\n tone={tone}\n hidden={hidden}\n aria-describedby={ariaDescribedBy}\n className={[\n styles.textAreaContainer,\n tone === 'error' ? styles.error : null,\n variant === 'bordered' ? styles.bordered : null,\n ]}\n maxWidth={maxWidth}\n maxLength={maxLength}\n >\n {({ onChange, ...extraProps }) => (\n <Box\n width=\"full\"\n display=\"flex\"\n className={styles.innerContainer}\n ref={containerRef}\n >\n <textarea\n {...props}\n {...extraProps}\n ref={combinedRef}\n rows={rows}\n className={textAreaClassName}\n maxLength={maxLength}\n onChange={(event) => {\n originalOnChange?.(event)\n onChange?.(event)\n }}\n />\n </Box>\n )}\n </BaseField>\n )\n})\n\nfunction useAutoExpand({\n value,\n autoExpand,\n containerRef,\n internalRef,\n}: {\n value: string | undefined\n autoExpand: boolean\n containerRef: React.RefObject<HTMLDivElement>\n internalRef: React.RefObject<HTMLTextAreaElement>\n}) {\n const isControlled = value !== undefined\n\n React.useEffect(\n function setupAutoExpandWhenUncontrolled() {\n const textAreaElement = internalRef.current\n if (!textAreaElement || !autoExpand || isControlled) {\n return undefined\n }\n\n const containerElement = containerRef.current\n\n function handleAutoExpand(value: string) {\n if (containerElement) {\n containerElement.dataset.replicatedValue = value\n }\n }\n\n function handleInput(event: Event) {\n handleAutoExpand((event.currentTarget as HTMLTextAreaElement).value)\n }\n\n // Apply change initially, in case the text area has a non-empty initial value\n handleAutoExpand(textAreaElement.value)\n textAreaElement.addEventListener('input', handleInput)\n return () => textAreaElement.removeEventListener('input', handleInput)\n },\n [autoExpand, containerRef, internalRef, isControlled],\n )\n\n React.useEffect(\n function setupAutoExpandWhenControlled() {\n if (!isControlled || !autoExpand) {\n return\n }\n\n const containerElement = containerRef.current\n if (containerElement) {\n containerElement.dataset.replicatedValue = value\n }\n },\n [value, containerRef, isControlled, autoExpand],\n )\n}\n\nexport { TextArea }\nexport type { TextAreaProps }\n"],"names":["TextArea","React","forwardRef","ref","variant","id","label","value","auxiliaryLabel","message","tone","maxWidth","maxLength","hidden","ariaDescribedBy","rows","autoExpand","disableResize","onChange","originalOnChange","props","containerRef","useRef","internalRef","combinedRef","useMergeRefs","useAutoExpand","textAreaClassName","classNames","styles","createElement","BaseField","className","textAreaContainer","error","bordered","extraProps","Box","width","display","innerContainer","_objectSpread","event","isControlled","undefined","useEffect","setupAutoExpandWhenUncontrolled","textAreaElement","current","containerElement","handleAutoExpand","dataset","replicatedValue","handleInput","currentTarget","addEventListener","removeEventListener","setupAutoExpandWhenControlled"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"text-area.js","sources":["../../src/text-area/text-area.tsx"],"sourcesContent":[null],"names":["styles"],"mappings":"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"}
|
|
@@ -1,93 +1,39 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { BaseField } from '../base-field/base-field.js';
|
|
4
4
|
import { Box } from '../box/box.js';
|
|
5
5
|
import modules_aaf25250 from './text-field.module.css.js';
|
|
6
6
|
import { useMergeRefs } from 'use-callback-ref';
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
maxWidth,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
if (event.currentTarget === combinedRef.current) return;
|
|
39
|
-
(_internalRef$current = internalRef.current) == null ? void 0 : _internalRef$current.focus();
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
const displayEndSlot = endSlot && (variant === 'default' || variant === 'bordered' && endSlotPosition === 'bottom');
|
|
43
|
-
return /*#__PURE__*/React.createElement(BaseField, {
|
|
44
|
-
variant: variant,
|
|
45
|
-
id: id,
|
|
46
|
-
label: label,
|
|
47
|
-
value: value,
|
|
48
|
-
auxiliaryLabel: auxiliaryLabel,
|
|
49
|
-
message: message,
|
|
50
|
-
tone: tone,
|
|
51
|
-
maxWidth: maxWidth,
|
|
52
|
-
maxLength: maxLength,
|
|
53
|
-
hidden: hidden,
|
|
54
|
-
"aria-describedby": ariaDescribedBy,
|
|
55
|
-
characterCountPosition: characterCountPosition,
|
|
56
|
-
supportsStartAndEndSlots: true,
|
|
57
|
-
endSlot: endSlot,
|
|
58
|
-
endSlotPosition: variant === 'bordered' ? endSlotPosition : undefined
|
|
59
|
-
}, _ref2 => {
|
|
60
|
-
let {
|
|
61
|
-
onChange,
|
|
62
|
-
characterCountElement
|
|
63
|
-
} = _ref2,
|
|
64
|
-
extraProps = _objectWithoutProperties(_ref2, _excluded2);
|
|
65
|
-
|
|
66
|
-
return /*#__PURE__*/React.createElement(Box, {
|
|
67
|
-
display: "flex",
|
|
68
|
-
alignItems: "center",
|
|
69
|
-
className: [modules_aaf25250.inputWrapper, tone === 'error' ? modules_aaf25250.error : null, variant === 'bordered' ? modules_aaf25250.bordered : null, props.readOnly ? modules_aaf25250.readOnly : null],
|
|
70
|
-
onClick: handleClick
|
|
71
|
-
}, startSlot ? /*#__PURE__*/React.createElement(Box, {
|
|
72
|
-
className: modules_aaf25250.slot,
|
|
73
|
-
display: "flex",
|
|
74
|
-
marginRight: variant === 'bordered' ? 'xsmall' : '-xsmall',
|
|
75
|
-
marginLeft: variant === 'bordered' ? '-xsmall' : 'xsmall'
|
|
76
|
-
}, startSlot) : null, /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2(_objectSpread2({}, props), extraProps), {}, {
|
|
77
|
-
type: type,
|
|
78
|
-
ref: combinedRef,
|
|
79
|
-
maxLength: maxLength,
|
|
80
|
-
onChange: event => {
|
|
81
|
-
originalOnChange == null ? void 0 : originalOnChange(event);
|
|
82
|
-
onChange == null ? void 0 : onChange(event);
|
|
83
|
-
}
|
|
84
|
-
})), displayEndSlot || characterCountElement ? /*#__PURE__*/React.createElement(Box, {
|
|
85
|
-
className: modules_aaf25250.slot,
|
|
86
|
-
display: "flex",
|
|
87
|
-
marginRight: variant === 'bordered' ? '-xsmall' : 'xsmall',
|
|
88
|
-
marginLeft: variant === 'bordered' ? 'xsmall' : '-xsmall'
|
|
89
|
-
}, characterCountElement, displayEndSlot ? endSlot : null) : null);
|
|
90
|
-
});
|
|
8
|
+
var TextField = React.forwardRef(function TextField(_a, ref) {
|
|
9
|
+
var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, id = _a.id, label = _a.label, value = _a.value, auxiliaryLabel = _a.auxiliaryLabel, message = _a.message, tone = _a.tone, _c = _a.type, type = _c === void 0 ? 'text' : _c, maxWidth = _a.maxWidth, maxLength = _a.maxLength, hidden = _a.hidden, ariaDescribedBy = _a["aria-describedby"], startSlot = _a.startSlot, endSlot = _a.endSlot, originalOnChange = _a.onChange, _d = _a.characterCountPosition, characterCountPosition = _d === void 0 ? 'below' : _d, _e = _a.endSlotPosition, endSlotPosition = _e === void 0 ? 'bottom' : _e, props = __rest(_a, ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "type", "maxWidth", "maxLength", "hidden", 'aria-describedby', "startSlot", "endSlot", "onChange", "characterCountPosition", "endSlotPosition"]);
|
|
10
|
+
var internalRef = React.useRef(null);
|
|
11
|
+
var combinedRef = useMergeRefs([ref, internalRef]);
|
|
12
|
+
function handleClick(event) {
|
|
13
|
+
var _a;
|
|
14
|
+
if (event.currentTarget === combinedRef.current)
|
|
15
|
+
return;
|
|
16
|
+
(_a = internalRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
17
|
+
}
|
|
18
|
+
var displayEndSlot = endSlot &&
|
|
19
|
+
(variant === 'default' || (variant === 'bordered' && endSlotPosition === 'bottom'));
|
|
20
|
+
return (React.createElement(BaseField, { variant: variant, id: id, label: label, value: value, auxiliaryLabel: auxiliaryLabel, message: message, tone: tone, maxWidth: maxWidth, maxLength: maxLength, hidden: hidden, "aria-describedby": ariaDescribedBy, characterCountPosition: characterCountPosition, supportsStartAndEndSlots: true, endSlot: endSlot, endSlotPosition: variant === 'bordered' ? endSlotPosition : undefined }, function (_a) {
|
|
21
|
+
var onChange = _a.onChange, characterCountElement = _a.characterCountElement, extraProps = __rest(_a, ["onChange", "characterCountElement"]);
|
|
22
|
+
return (React.createElement(Box, { display: "flex", alignItems: "center", className: [
|
|
23
|
+
modules_aaf25250.inputWrapper,
|
|
24
|
+
tone === 'error' ? modules_aaf25250.error : null,
|
|
25
|
+
variant === 'bordered' ? modules_aaf25250.bordered : null,
|
|
26
|
+
props.readOnly ? modules_aaf25250.readOnly : null,
|
|
27
|
+
], onClick: handleClick },
|
|
28
|
+
startSlot ? (React.createElement(Box, { className: modules_aaf25250.slot, display: "flex", marginRight: variant === 'bordered' ? 'xsmall' : '-xsmall', marginLeft: variant === 'bordered' ? '-xsmall' : 'xsmall' }, startSlot)) : null,
|
|
29
|
+
React.createElement("input", __assign({}, props, extraProps, { type: type, ref: combinedRef, maxLength: maxLength, onChange: function (event) {
|
|
30
|
+
originalOnChange === null || originalOnChange === void 0 ? void 0 : originalOnChange(event);
|
|
31
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
32
|
+
} })),
|
|
33
|
+
displayEndSlot || characterCountElement ? (React.createElement(Box, { className: modules_aaf25250.slot, display: "flex", marginRight: variant === 'bordered' ? '-xsmall' : 'xsmall', marginLeft: variant === 'bordered' ? 'xsmall' : '-xsmall' },
|
|
34
|
+
characterCountElement,
|
|
35
|
+
displayEndSlot ? endSlot : null)) : null));
|
|
36
|
+
}));
|
|
91
37
|
});
|
|
92
38
|
|
|
93
39
|
export { TextField };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.js","sources":["../../src/text-field/text-field.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"text-field.js","sources":["../../src/text-field/text-field.tsx"],"sourcesContent":[null],"names":["styles"],"mappings":"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"}
|
|
@@ -1,28 +1,17 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Box } from '../box/box.js';
|
|
4
4
|
import { polymorphicComponent } from '../utils/polymorphism.js';
|
|
5
5
|
import modules_3d05deee from './text-link.module.css.js';
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
} = _ref,
|
|
16
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
17
|
-
|
|
18
|
-
return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
19
|
-
as: as,
|
|
20
|
-
display: "inline",
|
|
21
|
-
className: [exceptionallySetClassName, modules_3d05deee.container, modules_3d05deee[color], underline ? modules_3d05deee.underline : modules_3d05deee['no-underline']],
|
|
22
|
-
ref: ref,
|
|
23
|
-
target: openInNewTab ? '_blank' : undefined,
|
|
24
|
-
rel: openInNewTab ? 'noopener noreferrer' : undefined
|
|
25
|
-
}));
|
|
7
|
+
var TextLink = polymorphicComponent(function TextLink(_a, ref) {
|
|
8
|
+
var _b = _a.as, as = _b === void 0 ? 'a' : _b, _c = _a.openInNewTab, openInNewTab = _c === void 0 ? false : _c, exceptionallySetClassName = _a.exceptionallySetClassName, _d = _a.color, color = _d === void 0 ? 'default' : _d, _e = _a.underline, underline = _e === void 0 ? true : _e, props = __rest(_a, ["as", "openInNewTab", "exceptionallySetClassName", "color", "underline"]);
|
|
9
|
+
return (React.createElement(Box, __assign({}, props, { as: as, display: "inline", className: [
|
|
10
|
+
exceptionallySetClassName,
|
|
11
|
+
modules_3d05deee.container,
|
|
12
|
+
modules_3d05deee[color],
|
|
13
|
+
underline ? modules_3d05deee.underline : modules_3d05deee['no-underline'],
|
|
14
|
+
], ref: ref, target: openInNewTab ? '_blank' : undefined, rel: openInNewTab ? 'noopener noreferrer' : undefined })));
|
|
26
15
|
});
|
|
27
16
|
|
|
28
17
|
export { TextLink };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-link.js","sources":["../../src/text-link/text-link.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"text-link.js","sources":["../../src/text-link/text-link.tsx"],"sourcesContent":[null],"names":["styles"],"mappings":";;;;;;AAaM,IAAA,QAAQ,GAAG,oBAAoB,CAAqB,SAAS,QAAQ,CACvE,EAOC,EACD,GAAG,EAAA;AAPC,IAAA,IAAA,EAAQ,GAAA,EAAA,CAAA,EAAA,EAAR,EAAE,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,GAAG,GAAA,EAAA,EACR,EAAoB,GAAA,EAAA,CAAA,YAAA,EAApB,YAAY,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACpB,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EACzB,EAAiB,GAAA,EAAA,CAAA,KAAA,EAAjB,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,EACjB,EAAgB,GAAA,EAAA,CAAA,SAAA,EAAhB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EACb,KAAK,GAAA,MAAA,CAAA,EAAA,EANZ,yEAOC,CADW,CAAA;AAIZ,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,QAAA,CAAA,EAAA,EACI,KAAK,EACT,EAAA,EAAE,EAAE,EAAE,EACN,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAE;YACP,yBAAyB;AACzB,YAAAA,gBAAM,CAAC,SAAS;YAChBA,gBAAM,CAAC,KAAK,CAAC;AACb,YAAA,SAAS,GAAGA,gBAAM,CAAC,SAAS,GAAGA,gBAAM,CAAC,cAAc,CAAC;AACxD,SAAA,EACD,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,EAC3C,GAAG,EAAE,YAAY,GAAG,qBAAqB,GAAG,SAAS,EAAA,CAAA,CACvD,EACL;AACL,CAAC;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var modules_3d05deee = {"
|
|
1
|
+
var modules_3d05deee = {"default":"_468ce45c","inherit":"_54f92a1e","underline":"cdc8b08c","no-underline":"_06995bac","container":"d77fcdc6"};
|
|
2
2
|
|
|
3
3
|
export { modules_3d05deee as default };
|
|
4
4
|
//# sourceMappingURL=text-link.module.css.js.map
|
package/es/toast/static-toast.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { CloseIcon } from '../icons/close-icon.js';
|
|
4
4
|
import { Box } from '../box/box.js';
|
|
@@ -7,79 +7,44 @@ import { Stack } from '../stack/stack.js';
|
|
|
7
7
|
import { Text } from '../text/text.js';
|
|
8
8
|
import modules_d11e18f0 from './toast.module.css.js';
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
*
|
|
13
|
-
*
|
|
14
|
-
*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
*
|
|
21
|
-
*
|
|
22
|
-
*
|
|
23
|
-
* @see useToasts
|
|
10
|
+
/**
|
|
11
|
+
* A toast that shows a message, and an optional action associated with it.
|
|
12
|
+
*
|
|
13
|
+
* This component is generally not meant to be used directly. Most of the time you'll want to use
|
|
14
|
+
* toasts generated via `useToasts` instead. However, this component is available in case you need
|
|
15
|
+
* to take control of rendering a toast under different circumstances than that of notification-like
|
|
16
|
+
* floating toasts.
|
|
17
|
+
*
|
|
18
|
+
* This component makes no assumptions outwardly about how it is positioned on the screen. That is,
|
|
19
|
+
* it will not be shown floating or fixed to the viewport edges, as toasts normally show up. It only
|
|
20
|
+
* provides the toast look and feel, but you are responsible for positioning it as you want.
|
|
21
|
+
*
|
|
22
|
+
* @see useToasts
|
|
24
23
|
*/
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
return /*#__PURE__*/React__default.createElement(Box, _objectSpread2({
|
|
38
|
-
ref: ref,
|
|
39
|
-
role: "alert",
|
|
40
|
-
"aria-live": "polite",
|
|
41
|
-
borderRadius: "full",
|
|
42
|
-
width: "fitContent",
|
|
43
|
-
background: "toast",
|
|
44
|
-
display: "flex",
|
|
45
|
-
padding: "large",
|
|
46
|
-
alignItems: "center",
|
|
47
|
-
className: modules_d11e18f0.toastContainer
|
|
48
|
-
}, props), icon ? /*#__PURE__*/React__default.createElement(ToastContentSlot, null, icon) : null, /*#__PURE__*/React__default.createElement(Box, {
|
|
49
|
-
flexGrow: 1,
|
|
50
|
-
maxWidth: "small"
|
|
51
|
-
}, description ? /*#__PURE__*/React__default.createElement(Stack, {
|
|
52
|
-
space: "small"
|
|
53
|
-
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
54
|
-
weight: "bold"
|
|
55
|
-
}, message, " "), /*#__PURE__*/React__default.createElement(Text, null, description)) : /*#__PURE__*/React__default.createElement(Text, null, message)), action ? /*#__PURE__*/React__default.createElement(ToastContentSlot, null, isActionObject(action) ? /*#__PURE__*/React__default.createElement(Button, {
|
|
56
|
-
variant: "tertiary",
|
|
57
|
-
size: "small",
|
|
58
|
-
onClick: action.onClick
|
|
59
|
-
}, action.label) : action) : null, onDismiss ? /*#__PURE__*/React__default.createElement(ToastContentSlot, null, /*#__PURE__*/React__default.createElement(IconButton, {
|
|
60
|
-
variant: "quaternary",
|
|
61
|
-
size: "small",
|
|
62
|
-
onClick: onDismiss,
|
|
63
|
-
"aria-label": dismissLabel,
|
|
64
|
-
icon: /*#__PURE__*/React__default.createElement(CloseIcon, null)
|
|
65
|
-
})) : null);
|
|
24
|
+
var StaticToast = React__default.forwardRef(function Toast(_a, ref) {
|
|
25
|
+
var message = _a.message, description = _a.description, icon = _a.icon, action = _a.action, onDismiss = _a.onDismiss, _b = _a.dismissLabel, dismissLabel = _b === void 0 ? 'Close' : _b, props = __rest(_a, ["message", "description", "icon", "action", "onDismiss", "dismissLabel"]);
|
|
26
|
+
return (React__default.createElement(Box, __assign({ ref: ref, role: "alert", "aria-live": "polite", borderRadius: "full", width: "fitContent", background: "toast", display: "flex", padding: "large", alignItems: "center", className: modules_d11e18f0.toastContainer }, props),
|
|
27
|
+
icon ? React__default.createElement(ToastContentSlot, null, icon) : null,
|
|
28
|
+
React__default.createElement(Box, { flexGrow: 1, maxWidth: "small" }, description ? (React__default.createElement(Stack, { space: "small" },
|
|
29
|
+
React__default.createElement(Text, { weight: "bold" },
|
|
30
|
+
message,
|
|
31
|
+
" "),
|
|
32
|
+
React__default.createElement(Text, null, description))) : (React__default.createElement(Text, null, message))),
|
|
33
|
+
action ? (React__default.createElement(ToastContentSlot, null, isActionObject(action) ? (React__default.createElement(Button, { variant: "tertiary", size: "small", onClick: action.onClick }, action.label)) : (action))) : null,
|
|
34
|
+
onDismiss ? (React__default.createElement(ToastContentSlot, null,
|
|
35
|
+
React__default.createElement(IconButton, { variant: "quaternary", size: "small", onClick: onDismiss, "aria-label": dismissLabel, icon: React__default.createElement(CloseIcon, null) }))) : null));
|
|
66
36
|
});
|
|
67
|
-
|
|
68
37
|
function isActionObject(action) {
|
|
69
|
-
|
|
38
|
+
return (action != null &&
|
|
39
|
+
typeof action === 'object' &&
|
|
40
|
+
'label' in action &&
|
|
41
|
+
'onClick' in action &&
|
|
42
|
+
typeof action.label === 'string' &&
|
|
43
|
+
typeof action.onClick === 'function');
|
|
70
44
|
}
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
}) {
|
|
75
|
-
return /*#__PURE__*/React__default.createElement(Box, {
|
|
76
|
-
display: "flex",
|
|
77
|
-
alignItems: "center",
|
|
78
|
-
justifyContent: "center",
|
|
79
|
-
marginX: "-xsmall",
|
|
80
|
-
marginY: "-medium",
|
|
81
|
-
className: modules_d11e18f0.slot
|
|
82
|
-
}, children);
|
|
45
|
+
function ToastContentSlot(_a) {
|
|
46
|
+
var children = _a.children;
|
|
47
|
+
return (React__default.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center", marginX: "-xsmall", marginY: "-medium", className: modules_d11e18f0.slot }, children));
|
|
83
48
|
}
|
|
84
49
|
|
|
85
50
|
export { StaticToast, isActionObject };
|