newskit 3.13.0 → 4.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +83 -13
- package/cjs/audio-player/audio-functions.d.ts.map +1 -1
- package/cjs/audio-player/audio-functions.js +10 -10
- package/cjs/audio-player/audio-functions.js.map +1 -1
- package/cjs/audio-player/audio-player.js +1 -1
- package/cjs/audio-player/audio-player.js.map +1 -1
- package/cjs/audio-player/controls/control-panel.d.ts.map +1 -1
- package/cjs/audio-player/controls/control-panel.js +2 -2
- package/cjs/audio-player/controls/control-panel.js.map +1 -1
- package/cjs/audio-player/controls/play-pause.d.ts +6 -1
- package/cjs/audio-player/controls/play-pause.d.ts.map +1 -1
- package/cjs/audio-player/controls/play-pause.js +8 -1
- package/cjs/audio-player/controls/play-pause.js.map +1 -1
- package/cjs/audio-player/controls/skip-track.d.ts +2 -1
- package/cjs/audio-player/controls/skip-track.d.ts.map +1 -1
- package/cjs/audio-player/controls/skip-track.js +3 -3
- package/cjs/audio-player/controls/skip-track.js.map +1 -1
- package/cjs/button/styled.js +1 -1
- package/cjs/button/styled.js.map +1 -1
- package/cjs/checkbox/checkbox.d.ts +4 -0
- package/cjs/checkbox/checkbox.d.ts.map +1 -0
- package/cjs/checkbox/checkbox.js +122 -0
- package/cjs/checkbox/checkbox.js.map +1 -0
- package/cjs/checkbox/index.d.ts +3 -0
- package/cjs/checkbox/index.d.ts.map +1 -0
- package/cjs/checkbox/index.js +6 -0
- package/cjs/checkbox/index.js.map +1 -0
- package/cjs/checkbox/styled.d.ts +34 -0
- package/cjs/checkbox/styled.d.ts.map +1 -0
- package/cjs/checkbox/styled.js +71 -0
- package/cjs/checkbox/styled.js.map +1 -0
- package/cjs/checkbox/types.d.ts +34 -0
- package/cjs/checkbox/types.d.ts.map +1 -0
- package/cjs/checkbox/types.js +3 -0
- package/cjs/checkbox/types.js.map +1 -0
- package/cjs/consent/consent-utils.d.ts +2 -0
- package/cjs/consent/consent-utils.d.ts.map +1 -1
- package/cjs/consent/consent-utils.js +1 -0
- package/cjs/consent/consent-utils.js.map +1 -1
- package/cjs/dialog/base-dialog-function.d.ts.map +1 -1
- package/cjs/dialog/base-dialog-function.js +15 -5
- package/cjs/dialog/base-dialog-function.js.map +1 -1
- package/cjs/dialog/base-dialog-tests.d.ts.map +1 -1
- package/cjs/dialog/base-dialog-tests.js +20 -0
- package/cjs/dialog/base-dialog-tests.js.map +1 -1
- package/cjs/dialog/base-dialog-view.d.ts.map +1 -1
- package/cjs/dialog/base-dialog-view.js +16 -10
- package/cjs/dialog/base-dialog-view.js.map +1 -1
- package/cjs/dialog/styled.d.ts +24 -8
- package/cjs/dialog/styled.d.ts.map +1 -1
- package/cjs/dialog/styled.js +20 -8
- package/cjs/dialog/styled.js.map +1 -1
- package/cjs/dialog/types.d.ts +9 -1
- package/cjs/dialog/types.d.ts.map +1 -1
- package/cjs/drawer/drawer.d.ts.map +1 -1
- package/cjs/drawer/drawer.js +6 -4
- package/cjs/drawer/drawer.js.map +1 -1
- package/cjs/drawer/index.d.ts +1 -0
- package/cjs/drawer/index.d.ts.map +1 -1
- package/cjs/drawer/index.js +1 -0
- package/cjs/drawer/index.js.map +1 -1
- package/cjs/drawer/inline-drawer.d.ts +3 -0
- package/cjs/drawer/inline-drawer.d.ts.map +1 -0
- package/cjs/drawer/inline-drawer.js +7 -0
- package/cjs/drawer/inline-drawer.js.map +1 -0
- package/cjs/drawer/styled.d.ts +2 -1
- package/cjs/drawer/styled.d.ts.map +1 -1
- package/cjs/drawer/styled.js +15 -22
- package/cjs/drawer/styled.js.map +1 -1
- package/cjs/form/form-entry.d.ts.map +1 -1
- package/cjs/form/form-entry.js.map +1 -1
- package/cjs/form/form-input.d.ts.map +1 -1
- package/cjs/form/form-input.js.map +1 -1
- package/cjs/form/form.d.ts.map +1 -1
- package/cjs/form/form.js +4 -1
- package/cjs/form/form.js.map +1 -1
- package/cjs/form/types.d.ts +3 -3
- package/cjs/form/types.d.ts.map +1 -1
- package/cjs/form/utils.d.ts +261 -0
- package/cjs/form/utils.d.ts.map +1 -1
- package/cjs/form/utils.js +17 -1
- package/cjs/form/utils.js.map +1 -1
- package/cjs/icons/filled/custom/index.d.ts +0 -2
- package/cjs/icons/filled/custom/index.d.ts.map +1 -1
- package/cjs/icons/filled/custom/index.js +0 -2
- package/cjs/icons/filled/custom/index.js.map +1 -1
- package/cjs/image/image.d.ts.map +1 -1
- package/cjs/image/image.js +10 -31
- package/cjs/image/image.js.map +1 -1
- package/cjs/image/styled.d.ts +3 -8
- package/cjs/image/styled.d.ts.map +1 -1
- package/cjs/image/styled.js +13 -17
- package/cjs/image/styled.js.map +1 -1
- package/cjs/image/types.d.ts +1 -5
- package/cjs/image/types.d.ts.map +1 -1
- package/cjs/image/utils.d.ts +0 -1
- package/cjs/image/utils.d.ts.map +1 -1
- package/cjs/image/utils.js +1 -9
- package/cjs/image/utils.js.map +1 -1
- package/cjs/link/link.d.ts.map +1 -1
- package/cjs/link/link.js +1 -1
- package/cjs/link/link.js.map +1 -1
- package/cjs/menu/styled.d.ts.map +1 -1
- package/cjs/menu/styled.js +1 -1
- package/cjs/menu/styled.js.map +1 -1
- package/cjs/menu/types.d.ts +4 -3
- package/cjs/menu/types.d.ts.map +1 -1
- package/cjs/menu/types.js.map +1 -1
- package/cjs/modal/modal.d.ts.map +1 -1
- package/cjs/modal/modal.js +4 -8
- package/cjs/modal/modal.js.map +1 -1
- package/cjs/modal/styled.d.ts.map +1 -1
- package/cjs/modal/styled.js +2 -4
- package/cjs/modal/styled.js.map +1 -1
- package/cjs/overlay/overlay.d.ts.map +1 -1
- package/cjs/overlay/overlay.js +8 -4
- package/cjs/overlay/overlay.js.map +1 -1
- package/cjs/screen-reader-only/screen-reader-only.d.ts.map +1 -1
- package/cjs/screen-reader-only/screen-reader-only.js +12 -4
- package/cjs/screen-reader-only/screen-reader-only.js.map +1 -1
- package/cjs/scroll/scroll.d.ts +1 -1
- package/cjs/scroll/scroll.d.ts.map +1 -1
- package/cjs/scroll/scroll.js +7 -4
- package/cjs/scroll/scroll.js.map +1 -1
- package/cjs/slider/styled.d.ts.map +1 -1
- package/cjs/slider/styled.js +1 -1
- package/cjs/slider/styled.js.map +1 -1
- package/cjs/tabs/styled.js +1 -1
- package/cjs/tabs/styled.js.map +1 -1
- package/cjs/tabs/tab-panel.d.ts.map +1 -1
- package/cjs/tabs/tab-panel.js +16 -1
- package/cjs/tabs/tab-panel.js.map +1 -1
- package/cjs/tabs/tabs.d.ts.map +1 -1
- package/cjs/tabs/tabs.js +15 -5
- package/cjs/tabs/tabs.js.map +1 -1
- package/cjs/tabs/types.d.ts +1 -0
- package/cjs/tabs/types.d.ts.map +1 -1
- package/cjs/tealium/tealium.d.ts.map +1 -1
- package/cjs/tealium/tealium.js +1 -1
- package/cjs/tealium/tealium.js.map +1 -1
- package/cjs/text-field/text-field.js.map +1 -1
- package/cjs/text-input/text-input.d.ts.map +1 -1
- package/cjs/text-input/text-input.js.map +1 -1
- package/cjs/theme/component-defaults.d.ts +188 -131
- package/cjs/theme/component-defaults.d.ts.map +1 -1
- package/cjs/theme/component-defaults.js +222 -164
- package/cjs/theme/component-defaults.js.map +1 -1
- package/cjs/theme/foundations/colors.d.ts +16 -42
- package/cjs/theme/foundations/colors.d.ts.map +1 -1
- package/cjs/theme/foundations/colors.js +79 -95
- package/cjs/theme/foundations/colors.js.map +1 -1
- package/cjs/theme/foundations/fonts.d.ts +0 -1
- package/cjs/theme/foundations/fonts.d.ts.map +1 -1
- package/cjs/theme/foundations/fonts.js +15 -13
- package/cjs/theme/foundations/fonts.js.map +1 -1
- package/cjs/theme/foundations/motions.d.ts +5 -3
- package/cjs/theme/foundations/motions.d.ts.map +1 -1
- package/cjs/theme/foundations/motions.js +5 -3
- package/cjs/theme/foundations/motions.js.map +1 -1
- package/cjs/theme/foundations/overlays.js +4 -4
- package/cjs/theme/foundations/shadows.d.ts.map +1 -1
- package/cjs/theme/foundations/shadows.js +6 -6
- package/cjs/theme/foundations/shadows.js.map +1 -1
- package/cjs/theme/presets/index.d.ts +1 -0
- package/cjs/theme/presets/index.d.ts.map +1 -1
- package/cjs/theme/presets/index.js +1 -0
- package/cjs/theme/presets/index.js.map +1 -1
- package/cjs/theme/presets/style-presets.js +316 -158
- package/cjs/theme/presets/style-presets.js.map +1 -1
- package/cjs/theme/presets/transition-presets.d.ts +3 -0
- package/cjs/theme/presets/transition-presets.d.ts.map +1 -0
- package/cjs/theme/presets/transition-presets.js +238 -0
- package/cjs/theme/presets/transition-presets.js.map +1 -0
- package/cjs/theme/presets/types.d.ts +43 -0
- package/cjs/theme/presets/types.d.ts.map +1 -1
- package/cjs/theme/presets/typography-presets.js +149 -106
- package/cjs/theme/presets/typography-presets.js.map +1 -1
- package/cjs/theme/types.d.ts +2 -1
- package/cjs/theme/types.d.ts.map +1 -1
- package/cjs/theme/types.js.map +1 -1
- package/cjs/toast/styled.d.ts.map +1 -1
- package/cjs/toast/styled.js +1 -1
- package/cjs/toast/styled.js.map +1 -1
- package/cjs/unordered-list/index.d.ts +2 -2
- package/cjs/unordered-list/index.d.ts.map +1 -1
- package/cjs/unordered-list/index.js +12 -3
- package/cjs/unordered-list/index.js.map +1 -1
- package/cjs/unordered-list/styled.d.ts +21 -0
- package/cjs/unordered-list/styled.d.ts.map +1 -0
- package/cjs/unordered-list/styled.js +28 -0
- package/cjs/unordered-list/styled.js.map +1 -0
- package/cjs/unordered-list/types.d.ts +1 -0
- package/cjs/unordered-list/types.d.ts.map +1 -1
- package/cjs/unordered-list/unordered-list.d.ts +0 -4
- package/cjs/unordered-list/unordered-list.d.ts.map +1 -1
- package/cjs/unordered-list/unordered-list.js +14 -19
- package/cjs/unordered-list/unordered-list.js.map +1 -1
- package/cjs/utils/get-transition-duration.d.ts +15 -0
- package/cjs/utils/get-transition-duration.d.ts.map +1 -0
- package/cjs/utils/get-transition-duration.js +76 -0
- package/cjs/utils/get-transition-duration.js.map +1 -0
- package/cjs/utils/has-own-property.d.ts +2 -0
- package/cjs/utils/has-own-property.d.ts.map +1 -0
- package/cjs/utils/has-own-property.js +11 -0
- package/cjs/utils/has-own-property.js.map +1 -0
- package/cjs/utils/hooks/index.d.ts +1 -0
- package/cjs/utils/hooks/index.d.ts.map +1 -1
- package/cjs/utils/hooks/index.js +1 -0
- package/cjs/utils/hooks/index.js.map +1 -1
- package/cjs/utils/hooks/use-controlled.d.ts +5 -0
- package/cjs/utils/hooks/use-controlled.d.ts.map +1 -0
- package/cjs/utils/hooks/use-controlled.js +21 -0
- package/cjs/utils/hooks/use-controlled.js.map +1 -0
- package/cjs/utils/index.d.ts +1 -0
- package/cjs/utils/index.d.ts.map +1 -1
- package/cjs/utils/index.js +1 -0
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/overrides.d.ts +0 -1
- package/cjs/utils/overrides.d.ts.map +1 -1
- package/cjs/utils/overrides.js +3 -9
- package/cjs/utils/overrides.js.map +1 -1
- package/cjs/utils/responsive-helpers.d.ts.map +1 -1
- package/cjs/utils/responsive-helpers.js +2 -3
- package/cjs/utils/responsive-helpers.js.map +1 -1
- package/cjs/utils/style/getters.js +4 -4
- package/cjs/utils/style/getters.js.map +1 -1
- package/cjs/utils/style/style-preset.d.ts +2 -0
- package/cjs/utils/style/style-preset.d.ts.map +1 -1
- package/cjs/utils/style/style-preset.js +51 -22
- package/cjs/utils/style/style-preset.js.map +1 -1
- package/cjs/utils/style/transition-preset.d.ts +5 -0
- package/cjs/utils/style/transition-preset.d.ts.map +1 -0
- package/cjs/utils/style/transition-preset.js +96 -0
- package/cjs/utils/style/transition-preset.js.map +1 -0
- package/cjs/version-number.json +1 -1
- package/cjs/volume-control/volume-control.js +1 -1
- package/cjs/volume-control/volume-control.js.map +1 -1
- package/esm/audio-player/audio-functions.d.ts.map +1 -1
- package/esm/audio-player/audio-functions.js +10 -10
- package/esm/audio-player/audio-functions.js.map +1 -1
- package/esm/audio-player/audio-player.js +1 -1
- package/esm/audio-player/audio-player.js.map +1 -1
- package/esm/audio-player/controls/control-panel.d.ts.map +1 -1
- package/esm/audio-player/controls/control-panel.js +2 -2
- package/esm/audio-player/controls/control-panel.js.map +1 -1
- package/esm/audio-player/controls/play-pause.d.ts +6 -1
- package/esm/audio-player/controls/play-pause.d.ts.map +1 -1
- package/esm/audio-player/controls/play-pause.js +7 -0
- package/esm/audio-player/controls/play-pause.js.map +1 -1
- package/esm/audio-player/controls/skip-track.d.ts +2 -1
- package/esm/audio-player/controls/skip-track.d.ts.map +1 -1
- package/esm/audio-player/controls/skip-track.js +3 -3
- package/esm/audio-player/controls/skip-track.js.map +1 -1
- package/esm/button/styled.js +1 -1
- package/esm/button/styled.js.map +1 -1
- package/esm/checkbox/checkbox.d.ts +4 -0
- package/esm/checkbox/checkbox.d.ts.map +1 -0
- package/esm/checkbox/checkbox.js +97 -0
- package/esm/checkbox/checkbox.js.map +1 -0
- package/esm/checkbox/index.d.ts +3 -0
- package/esm/checkbox/index.d.ts.map +1 -0
- package/esm/checkbox/index.js +2 -0
- package/esm/checkbox/index.js.map +1 -0
- package/esm/checkbox/styled.d.ts +34 -0
- package/esm/checkbox/styled.d.ts.map +1 -0
- package/esm/checkbox/styled.js +68 -0
- package/esm/checkbox/styled.js.map +1 -0
- package/esm/checkbox/types.d.ts +34 -0
- package/esm/checkbox/types.d.ts.map +1 -0
- package/esm/checkbox/types.js +2 -0
- package/esm/checkbox/types.js.map +1 -0
- package/esm/consent/consent-utils.d.ts +2 -0
- package/esm/consent/consent-utils.d.ts.map +1 -1
- package/esm/consent/consent-utils.js +1 -0
- package/esm/consent/consent-utils.js.map +1 -1
- package/esm/dialog/base-dialog-function.d.ts.map +1 -1
- package/esm/dialog/base-dialog-function.js +16 -6
- package/esm/dialog/base-dialog-function.js.map +1 -1
- package/esm/dialog/base-dialog-tests.d.ts.map +1 -1
- package/esm/dialog/base-dialog-tests.js +20 -0
- package/esm/dialog/base-dialog-tests.js.map +1 -1
- package/esm/dialog/base-dialog-view.d.ts.map +1 -1
- package/esm/dialog/base-dialog-view.js +17 -11
- package/esm/dialog/base-dialog-view.js.map +1 -1
- package/esm/dialog/styled.d.ts +24 -8
- package/esm/dialog/styled.d.ts.map +1 -1
- package/esm/dialog/styled.js +19 -7
- package/esm/dialog/styled.js.map +1 -1
- package/esm/dialog/types.d.ts +9 -1
- package/esm/dialog/types.d.ts.map +1 -1
- package/esm/drawer/drawer.d.ts.map +1 -1
- package/esm/drawer/drawer.js +6 -4
- package/esm/drawer/drawer.js.map +1 -1
- package/esm/drawer/index.d.ts +1 -0
- package/esm/drawer/index.d.ts.map +1 -1
- package/esm/drawer/index.js +1 -0
- package/esm/drawer/index.js.map +1 -1
- package/esm/drawer/inline-drawer.d.ts +3 -0
- package/esm/drawer/inline-drawer.d.ts.map +1 -0
- package/esm/drawer/inline-drawer.js +4 -0
- package/esm/drawer/inline-drawer.js.map +1 -0
- package/esm/drawer/styled.d.ts +2 -1
- package/esm/drawer/styled.d.ts.map +1 -1
- package/esm/drawer/styled.js +16 -23
- package/esm/drawer/styled.js.map +1 -1
- package/esm/form/form-entry.d.ts.map +1 -1
- package/esm/form/form-entry.js.map +1 -1
- package/esm/form/form-input.d.ts.map +1 -1
- package/esm/form/form-input.js.map +1 -1
- package/esm/form/form.d.ts.map +1 -1
- package/esm/form/form.js +4 -1
- package/esm/form/form.js.map +1 -1
- package/esm/form/types.d.ts +3 -3
- package/esm/form/types.d.ts.map +1 -1
- package/esm/form/utils.d.ts +261 -0
- package/esm/form/utils.d.ts.map +1 -1
- package/esm/form/utils.js +15 -0
- package/esm/form/utils.js.map +1 -1
- package/esm/icons/filled/custom/index.d.ts +0 -2
- package/esm/icons/filled/custom/index.d.ts.map +1 -1
- package/esm/icons/filled/custom/index.js +0 -2
- package/esm/icons/filled/custom/index.js.map +1 -1
- package/esm/image/image.d.ts.map +1 -1
- package/esm/image/image.js +12 -33
- package/esm/image/image.js.map +1 -1
- package/esm/image/styled.d.ts +3 -8
- package/esm/image/styled.d.ts.map +1 -1
- package/esm/image/styled.js +12 -16
- package/esm/image/styled.js.map +1 -1
- package/esm/image/types.d.ts +1 -5
- package/esm/image/types.d.ts.map +1 -1
- package/esm/image/utils.d.ts +0 -1
- package/esm/image/utils.d.ts.map +1 -1
- package/esm/image/utils.js +0 -7
- package/esm/image/utils.js.map +1 -1
- package/esm/link/link.d.ts.map +1 -1
- package/esm/link/link.js +2 -2
- package/esm/link/link.js.map +1 -1
- package/esm/menu/styled.d.ts.map +1 -1
- package/esm/menu/styled.js +1 -1
- package/esm/menu/styled.js.map +1 -1
- package/esm/menu/types.d.ts +4 -3
- package/esm/menu/types.d.ts.map +1 -1
- package/esm/menu/types.js.map +1 -1
- package/esm/modal/modal.d.ts.map +1 -1
- package/esm/modal/modal.js +4 -8
- package/esm/modal/modal.js.map +1 -1
- package/esm/modal/styled.d.ts.map +1 -1
- package/esm/modal/styled.js +2 -4
- package/esm/modal/styled.js.map +1 -1
- package/esm/overlay/overlay.d.ts.map +1 -1
- package/esm/overlay/overlay.js +9 -5
- package/esm/overlay/overlay.js.map +1 -1
- package/esm/screen-reader-only/screen-reader-only.d.ts.map +1 -1
- package/esm/screen-reader-only/screen-reader-only.js +12 -4
- package/esm/screen-reader-only/screen-reader-only.js.map +1 -1
- package/esm/scroll/scroll.d.ts +1 -1
- package/esm/scroll/scroll.d.ts.map +1 -1
- package/esm/scroll/scroll.js +4 -3
- package/esm/scroll/scroll.js.map +1 -1
- package/esm/slider/styled.d.ts.map +1 -1
- package/esm/slider/styled.js +1 -1
- package/esm/slider/styled.js.map +1 -1
- package/esm/tabs/styled.js +1 -1
- package/esm/tabs/styled.js.map +1 -1
- package/esm/tabs/tab-panel.d.ts.map +1 -1
- package/esm/tabs/tab-panel.js +16 -1
- package/esm/tabs/tab-panel.js.map +1 -1
- package/esm/tabs/tabs.d.ts.map +1 -1
- package/esm/tabs/tabs.js +16 -6
- package/esm/tabs/tabs.js.map +1 -1
- package/esm/tabs/types.d.ts +1 -0
- package/esm/tabs/types.d.ts.map +1 -1
- package/esm/tealium/tealium.d.ts.map +1 -1
- package/esm/tealium/tealium.js +1 -1
- package/esm/tealium/tealium.js.map +1 -1
- package/esm/text-field/text-field.js.map +1 -1
- package/esm/text-input/text-input.d.ts.map +1 -1
- package/esm/text-input/text-input.js.map +1 -1
- package/esm/theme/component-defaults.d.ts +188 -131
- package/esm/theme/component-defaults.d.ts.map +1 -1
- package/esm/theme/component-defaults.js +222 -164
- package/esm/theme/component-defaults.js.map +1 -1
- package/esm/theme/foundations/colors.d.ts +16 -42
- package/esm/theme/foundations/colors.d.ts.map +1 -1
- package/esm/theme/foundations/colors.js +79 -95
- package/esm/theme/foundations/colors.js.map +1 -1
- package/esm/theme/foundations/fonts.d.ts +0 -1
- package/esm/theme/foundations/fonts.d.ts.map +1 -1
- package/esm/theme/foundations/fonts.js +15 -13
- package/esm/theme/foundations/fonts.js.map +1 -1
- package/esm/theme/foundations/motions.d.ts +5 -3
- package/esm/theme/foundations/motions.d.ts.map +1 -1
- package/esm/theme/foundations/motions.js +5 -3
- package/esm/theme/foundations/motions.js.map +1 -1
- package/esm/theme/foundations/overlays.js +4 -4
- package/esm/theme/foundations/shadows.d.ts.map +1 -1
- package/esm/theme/foundations/shadows.js +6 -6
- package/esm/theme/foundations/shadows.js.map +1 -1
- package/esm/theme/presets/index.d.ts +1 -0
- package/esm/theme/presets/index.d.ts.map +1 -1
- package/esm/theme/presets/index.js +1 -0
- package/esm/theme/presets/index.js.map +1 -1
- package/esm/theme/presets/style-presets.js +316 -158
- package/esm/theme/presets/style-presets.js.map +1 -1
- package/esm/theme/presets/transition-presets.d.ts +3 -0
- package/esm/theme/presets/transition-presets.d.ts.map +1 -0
- package/esm/theme/presets/transition-presets.js +235 -0
- package/esm/theme/presets/transition-presets.js.map +1 -0
- package/esm/theme/presets/types.d.ts +43 -0
- package/esm/theme/presets/types.d.ts.map +1 -1
- package/esm/theme/presets/typography-presets.js +149 -106
- package/esm/theme/presets/typography-presets.js.map +1 -1
- package/esm/theme/types.d.ts +2 -1
- package/esm/theme/types.d.ts.map +1 -1
- package/esm/theme/types.js.map +1 -1
- package/esm/toast/styled.d.ts.map +1 -1
- package/esm/toast/styled.js +1 -1
- package/esm/toast/styled.js.map +1 -1
- package/esm/unordered-list/index.d.ts +2 -2
- package/esm/unordered-list/index.d.ts.map +1 -1
- package/esm/unordered-list/index.js +2 -1
- package/esm/unordered-list/index.js.map +1 -1
- package/esm/unordered-list/styled.d.ts +21 -0
- package/esm/unordered-list/styled.d.ts.map +1 -0
- package/esm/unordered-list/styled.js +25 -0
- package/esm/unordered-list/styled.js.map +1 -0
- package/esm/unordered-list/types.d.ts +1 -0
- package/esm/unordered-list/types.d.ts.map +1 -1
- package/esm/unordered-list/unordered-list.d.ts +0 -4
- package/esm/unordered-list/unordered-list.d.ts.map +1 -1
- package/esm/unordered-list/unordered-list.js +11 -16
- package/esm/unordered-list/unordered-list.js.map +1 -1
- package/esm/utils/get-transition-duration.d.ts +15 -0
- package/esm/utils/get-transition-duration.d.ts.map +1 -0
- package/esm/utils/get-transition-duration.js +70 -0
- package/esm/utils/get-transition-duration.js.map +1 -0
- package/esm/utils/has-own-property.d.ts +2 -0
- package/esm/utils/has-own-property.d.ts.map +1 -0
- package/esm/utils/has-own-property.js +7 -0
- package/esm/utils/has-own-property.js.map +1 -0
- package/esm/utils/hooks/index.d.ts +1 -0
- package/esm/utils/hooks/index.d.ts.map +1 -1
- package/esm/utils/hooks/index.js +1 -0
- package/esm/utils/hooks/index.js.map +1 -1
- package/esm/utils/hooks/use-controlled.d.ts +5 -0
- package/esm/utils/hooks/use-controlled.d.ts.map +1 -0
- package/esm/utils/hooks/use-controlled.js +14 -0
- package/esm/utils/hooks/use-controlled.js.map +1 -0
- package/esm/utils/index.d.ts +1 -0
- package/esm/utils/index.d.ts.map +1 -1
- package/esm/utils/index.js +1 -0
- package/esm/utils/index.js.map +1 -1
- package/esm/utils/overrides.d.ts +0 -1
- package/esm/utils/overrides.d.ts.map +1 -1
- package/esm/utils/overrides.js +1 -6
- package/esm/utils/overrides.js.map +1 -1
- package/esm/utils/responsive-helpers.d.ts.map +1 -1
- package/esm/utils/responsive-helpers.js +2 -3
- package/esm/utils/responsive-helpers.js.map +1 -1
- package/esm/utils/style/getters.js +1 -1
- package/esm/utils/style/getters.js.map +1 -1
- package/esm/utils/style/style-preset.d.ts +2 -0
- package/esm/utils/style/style-preset.d.ts.map +1 -1
- package/esm/utils/style/style-preset.js +51 -22
- package/esm/utils/style/style-preset.js.map +1 -1
- package/esm/utils/style/transition-preset.d.ts +5 -0
- package/esm/utils/style/transition-preset.d.ts.map +1 -0
- package/esm/utils/style/transition-preset.js +92 -0
- package/esm/utils/style/transition-preset.js.map +1 -0
- package/esm/version-number.json +1 -1
- package/esm/volume-control/volume-control.js +1 -1
- package/esm/volume-control/volume-control.js.map +1 -1
- package/package.json +1 -9
- package/cjs/icons/filled/custom/icon-filled-circle.d.ts +0 -5
- package/cjs/icons/filled/custom/icon-filled-circle.d.ts.map +0 -1
- package/cjs/icons/filled/custom/icon-filled-circle.js +0 -23
- package/cjs/icons/filled/custom/icon-filled-circle.js.map +0 -1
- package/cjs/icons/filled/custom/icon-filled-placeholder.d.ts +0 -5
- package/cjs/icons/filled/custom/icon-filled-placeholder.d.ts.map +0 -1
- package/cjs/icons/filled/custom/icon-filled-placeholder.js +0 -23
- package/cjs/icons/filled/custom/icon-filled-placeholder.js.map +0 -1
- package/cjs/image/caption.d.ts +0 -8
- package/cjs/image/caption.d.ts.map +0 -1
- package/cjs/image/caption.js +0 -34
- package/cjs/image/caption.js.map +0 -1
- package/esm/icons/filled/custom/icon-filled-circle.d.ts +0 -5
- package/esm/icons/filled/custom/icon-filled-circle.d.ts.map +0 -1
- package/esm/icons/filled/custom/icon-filled-circle.js +0 -17
- package/esm/icons/filled/custom/icon-filled-circle.js.map +0 -1
- package/esm/icons/filled/custom/icon-filled-placeholder.d.ts +0 -5
- package/esm/icons/filled/custom/icon-filled-placeholder.d.ts.map +0 -1
- package/esm/icons/filled/custom/icon-filled-placeholder.js +0 -17
- package/esm/icons/filled/custom/icon-filled-placeholder.js.map +0 -1
- package/esm/image/caption.d.ts +0 -8
- package/esm/image/caption.d.ts.map +0 -1
- package/esm/image/caption.js +0 -27
- package/esm/image/caption.js.map +0 -1
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CheckboxProps } from './types';
|
|
3
|
+
export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
} & Pick<CheckboxProps, "state">, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
|
|
7
|
+
export declare const StyledCheckboxContainer: import("@emotion/styled").StyledComponent<{
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
as?: import("react").ElementType<any> | undefined;
|
|
10
|
+
} & Pick<CheckboxProps, "size" | "overrides" | "labelPosition" | "state">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
11
|
+
export declare const StyledCheckbox: import("@emotion/styled").StyledComponent<{
|
|
12
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
+
as?: import("react").ElementType<any> | undefined;
|
|
14
|
+
} & Pick<CheckboxProps, "size" | "overrides" | "checked" | "state"> & {
|
|
15
|
+
isFocused: boolean;
|
|
16
|
+
isHover: boolean;
|
|
17
|
+
feedbackIsVisible: boolean;
|
|
18
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
19
|
+
export declare const StyledFeedback: import("@emotion/styled").StyledComponent<{
|
|
20
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
21
|
+
as?: import("react").ElementType<any> | undefined;
|
|
22
|
+
} & Pick<CheckboxProps, "size" | "overrides" | "state"> & {
|
|
23
|
+
isFocused: boolean;
|
|
24
|
+
isHover: boolean;
|
|
25
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
26
|
+
export declare const StyledInput: import("@emotion/styled").StyledComponent<{
|
|
27
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
28
|
+
as?: import("react").ElementType<any> | undefined;
|
|
29
|
+
} & CheckboxProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
|
30
|
+
export declare const StyledLabel: import("@emotion/styled").StyledComponent<{
|
|
31
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
32
|
+
as?: import("react").ElementType<any> | undefined;
|
|
33
|
+
} & Pick<CheckboxProps, "size" | "overrides" | "state">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
34
|
+
//# sourceMappingURL=styled.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/checkbox/styled.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAOtC,eAAO,MAAM,eAAe;;;iJAI3B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;iLA2BnC,CAAC;AAUF,eAAO,MAAM,cAAc;;;;eAEZ,OAAO;aACT,OAAO;uBACG,OAAO;yGAkB7B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;eAEZ,OAAO;aACT,OAAO;yGA2BnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;kIAKvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;iKAUvB,CAAC"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.StyledLabel = exports.StyledInput = exports.StyledFeedback = exports.StyledCheckbox = exports.StyledCheckboxContainer = exports.StyledContainer = void 0;
|
|
8
|
+
var utils_1 = require("../utils");
|
|
9
|
+
var STACKING_CONTEXT = {
|
|
10
|
+
feedback: '1',
|
|
11
|
+
input: '2',
|
|
12
|
+
};
|
|
13
|
+
exports.StyledContainer = utils_1.styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n ", ";\n"], ["\n display: flex;\n align-items: center;\n ", ";\n"])), function (_a) {
|
|
14
|
+
var state = _a.state;
|
|
15
|
+
return ({ cursor: state === 'disabled' ? 'not-allowed' : 'pointer' });
|
|
16
|
+
});
|
|
17
|
+
exports.StyledCheckboxContainer = utils_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n display: inline-block;\n align-self: start;\n flex-shrink: 0;\n\n * {\n box-sizing: border-box;\n }\n\n ", "\n\n ", "\n"], ["\n position: relative;\n display: inline-block;\n align-self: start;\n flex-shrink: 0;\n\n * {\n box-sizing: border-box;\n }\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
18
|
+
var size = _a.size;
|
|
19
|
+
return utils_1.getResponsiveSize(function (rectSize) { return ({ width: rectSize, height: rectSize }); }, "checkbox." + size + ".input", 'input', 'size');
|
|
20
|
+
}, function (_a) {
|
|
21
|
+
var size = _a.size, labelPosition = _a.labelPosition;
|
|
22
|
+
return utils_1.getResponsiveSpace(labelPosition === 'end' ? 'marginRight' : 'marginLeft', "checkbox." + size + ".input", 'input', 'spaceInline');
|
|
23
|
+
});
|
|
24
|
+
var insetCSS = "\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n";
|
|
25
|
+
exports.StyledCheckbox = utils_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n ", ";\n ", "\n"], ["\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n ", ";\n ", "\n"])), insetCSS, function (_a) {
|
|
26
|
+
var size = _a.size, checked = _a.checked, state = _a.state, isFocused = _a.isFocused, isHover = _a.isHover;
|
|
27
|
+
return utils_1.getStylePreset("checkbox." + size + ".input", 'input', {
|
|
28
|
+
isChecked: checked,
|
|
29
|
+
isDisabled: state === 'disabled',
|
|
30
|
+
isInvalid: state === 'invalid',
|
|
31
|
+
isValid: state === 'valid',
|
|
32
|
+
isFocused: isFocused,
|
|
33
|
+
isHover: isHover,
|
|
34
|
+
});
|
|
35
|
+
}, function (_a) {
|
|
36
|
+
var feedbackIsVisible = _a.feedbackIsVisible;
|
|
37
|
+
return feedbackIsVisible && "z-index: " + STACKING_CONTEXT.input;
|
|
38
|
+
});
|
|
39
|
+
exports.StyledFeedback = utils_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: absolute;\n top: 50%;\n left: 50%;\n ", ";\n\n ", "\n ", ";\n"], ["\n position: absolute;\n top: 50%;\n left: 50%;\n ", ";\n\n ", "\n ", ";\n"])), function (_a) {
|
|
40
|
+
var isHover = _a.isHover, isFocused = _a.isFocused;
|
|
41
|
+
return (isHover || isFocused) && "z-index: " + STACKING_CONTEXT.feedback;
|
|
42
|
+
}, function (_a) {
|
|
43
|
+
var size = _a.size, isHover = _a.isHover, isFocused = _a.isFocused;
|
|
44
|
+
return utils_1.getStylePreset("checkbox." + size + ".feedback", 'feedback', {
|
|
45
|
+
isHover: isHover,
|
|
46
|
+
isFocused: isFocused,
|
|
47
|
+
// when is not HOVER we need to remove the hover so it does not apply as class:hover
|
|
48
|
+
omitStates: isHover ? [] : ['hover'],
|
|
49
|
+
});
|
|
50
|
+
}, function (_a) {
|
|
51
|
+
var size = _a.size;
|
|
52
|
+
return utils_1.getResponsiveSize(function (rectSize) { return ({
|
|
53
|
+
width: rectSize,
|
|
54
|
+
height: rectSize,
|
|
55
|
+
transform: "translate3d(calc(" + rectSize + " / -2), calc(" + rectSize + " / -2), 0)",
|
|
56
|
+
}); }, "checkbox." + size + ".feedback", 'feedback', 'size');
|
|
57
|
+
});
|
|
58
|
+
exports.StyledInput = utils_1.styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n margin: 0;\n opacity: 0;\n cursor: inherit;\n"], ["\n ", "\n margin: 0;\n opacity: 0;\n cursor: inherit;\n"])), insetCSS);
|
|
59
|
+
exports.StyledLabel = utils_1.styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), function (_a) {
|
|
60
|
+
var size = _a.size, state = _a.state;
|
|
61
|
+
return utils_1.getStylePreset("checkbox." + size + ".label", 'label', {
|
|
62
|
+
isDisabled: state === 'disabled',
|
|
63
|
+
isInvalid: state === 'invalid',
|
|
64
|
+
isValid: state === 'valid',
|
|
65
|
+
});
|
|
66
|
+
}, function (_a) {
|
|
67
|
+
var size = _a.size;
|
|
68
|
+
return utils_1.getTypographyPreset("checkbox." + size + ".label", 'label');
|
|
69
|
+
});
|
|
70
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
71
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/checkbox/styled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { NewsKitIconProps } from '..';
|
|
3
|
+
import { Override } from '../utils/overrides';
|
|
4
|
+
import { MQ } from '../utils/style/types';
|
|
5
|
+
export declare type CheckboxIconProps = NewsKitIconProps & Pick<CheckboxProps, 'checked' | 'state'>;
|
|
6
|
+
declare type CheckboxOverrides = {
|
|
7
|
+
input?: {
|
|
8
|
+
size?: MQ<string>;
|
|
9
|
+
stylePreset?: MQ<string>;
|
|
10
|
+
spaceInline?: MQ<string>;
|
|
11
|
+
};
|
|
12
|
+
feedback?: {
|
|
13
|
+
size?: MQ<string>;
|
|
14
|
+
stylePreset?: MQ<string>;
|
|
15
|
+
};
|
|
16
|
+
label?: {
|
|
17
|
+
stylePreset?: MQ<string>;
|
|
18
|
+
typographyPreset?: MQ<string>;
|
|
19
|
+
};
|
|
20
|
+
icon?: Override<CheckboxIconProps>;
|
|
21
|
+
};
|
|
22
|
+
export declare type CheckboxSize = 'small' | 'medium' | 'large';
|
|
23
|
+
export declare type CheckboxState = 'valid' | 'invalid' | 'disabled';
|
|
24
|
+
export declare type CheckboxLabelPosition = 'start' | 'end';
|
|
25
|
+
export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'disabled'> {
|
|
26
|
+
overrides?: CheckboxOverrides;
|
|
27
|
+
size?: CheckboxSize;
|
|
28
|
+
state?: CheckboxState;
|
|
29
|
+
label?: React.ReactNode;
|
|
30
|
+
labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;
|
|
31
|
+
labelPosition?: CheckboxLabelPosition;
|
|
32
|
+
}
|
|
33
|
+
export {};
|
|
34
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,IAAI,CAAC;AACpC,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AAExC,oBAAY,iBAAiB,GAAG,gBAAgB,GAC9C,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;AAE3C,aAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAClB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAClB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC/B,CAAC;IACF,IAAI,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;CACpC,CAAC;AAEF,oBAAY,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,oBAAY,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAE7D,oBAAY,qBAAqB,GAAG,OAAO,GAAG,KAAK,CAAC;AACpD,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,UAAU,CACpB;IACD,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/checkbox/types.ts"],"names":[],"mappings":""}
|
|
@@ -2,8 +2,10 @@ import { SourcePointConfigTCFV2, ConsentProps, ConsentPropsTCFV2, SourcePointCon
|
|
|
2
2
|
export declare const getV2Scripts: (config: SourcePointConfigTCFV2) => ({
|
|
3
3
|
content: string;
|
|
4
4
|
src?: undefined;
|
|
5
|
+
async?: undefined;
|
|
5
6
|
} | {
|
|
6
7
|
src: string;
|
|
8
|
+
async: boolean;
|
|
7
9
|
content?: undefined;
|
|
8
10
|
})[];
|
|
9
11
|
export declare const getNonTCFScripts: (config: SourcePointConfigNonTCFV1) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consent-utils.d.ts","sourceRoot":"","sources":["../../../src/consent/consent-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,YAAY,EACZ,iBAAiB,EACjB,yBAAyB,EACzB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAUjB,eAAO,MAAM,YAAY,WAAY,sBAAsB
|
|
1
|
+
{"version":3,"file":"consent-utils.d.ts","sourceRoot":"","sources":["../../../src/consent/consent-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,YAAY,EACZ,iBAAiB,EACjB,yBAAyB,EACzB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAUjB,eAAO,MAAM,YAAY,WAAY,sBAAsB;;;;;;;;IAyB1D,CAAC;AAEF,eAAO,MAAM,gBAAgB,WAAY,yBAAyB;;;;;;;;IAwBjE,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,YAAY,+BACiB,CAAC;AAE/D,eAAO,MAAM,eAAe,UACnB,YAAY,kCAE+C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consent-utils.js","sourceRoot":"","sources":["../../../src/consent/consent-utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAQA,SAAS,QAAQ,CAAC,GAAW,EAAE,KAAiC;IAC9D,IAAM,cAAc,GAAG,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACvE,IAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,OAAO,OAAO,KAAK,KAAK,UAAU;QAChC,CAAC,CAAC,cAAW,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,cAAU;QAChD,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC;AAEM,IAAM,YAAY,GAAG,UAAC,MAA8B;IACzD,IAAM,YAAY,GAChB,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC/D,8BAA8B,CAAC;IAEjC,OAAO;QACL;YACE,OAAO,EAAE,s1CAA0zC;SACp0C;QACD;YACE,OAAO,EAAE,mBAAiB,IAAI,CAAC,SAAS,CACtC;gBACE,MAAM,wBACD,MAAM,KACT,YAAY,cAAA,GACb;aACF,EACD,QAAQ,CACP;SACJ;QACD;YACE,GAAG,EAAK,YAAY,yCAAsC;
|
|
1
|
+
{"version":3,"file":"consent-utils.js","sourceRoot":"","sources":["../../../src/consent/consent-utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAQA,SAAS,QAAQ,CAAC,GAAW,EAAE,KAAiC;IAC9D,IAAM,cAAc,GAAG,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACvE,IAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,OAAO,OAAO,KAAK,KAAK,UAAU;QAChC,CAAC,CAAC,cAAW,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,cAAU;QAChD,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC;AAEM,IAAM,YAAY,GAAG,UAAC,MAA8B;IACzD,IAAM,YAAY,GAChB,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC/D,8BAA8B,CAAC;IAEjC,OAAO;QACL;YACE,OAAO,EAAE,s1CAA0zC;SACp0C;QACD;YACE,OAAO,EAAE,mBAAiB,IAAI,CAAC,SAAS,CACtC;gBACE,MAAM,wBACD,MAAM,KACT,YAAY,cAAA,GACb;aACF,EACD,QAAQ,CACP;SACJ;QACD;YACE,GAAG,EAAK,YAAY,yCAAsC;YAC1D,KAAK,EAAE,IAAI;SACZ;KACF,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,YAAY,gBAyBvB;AAEK,IAAM,gBAAgB,GAAG,UAAC,MAAiC;IAChE,IAAM,YAAY,GAChB,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC/D,8BAA8B,CAAC;IAEjC,IAAM,QAAQ,GAAG,mBAAiB,IAAI,CAAC,SAAS,CAC9C;QACE,MAAM,wBACD,MAAM,KACT,YAAY,cAAA,GACb;KACF,EACD,QAAQ,CACP,CAAC;IAEJ,OAAO;QACL;YACE,OAAO,EAAE,QAAQ;SAClB;QACD;YACE,GAAG,EAAK,YAAY,0BAAuB;YAC3C,KAAK,EAAE,IAAI;SACZ;KACF,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,gBAAgB,oBAwB3B;AAEK,IAAM,SAAS,GAAG,UAAC,KAAmB;IAC3C,OAAA,OAAO,CAAE,KAA2B,CAAC,sBAAsB,CAAC;AAA5D,CAA4D,CAAC;AADlD,QAAA,SAAS,aACyC;AAExD,IAAM,eAAe,GAAG,UAC7B,KAAmB;IAEnB,OAAA,OAAO,CAAE,KAA8B,CAAC,yBAAyB,CAAC;AAAlE,CAAkE,CAAC;AAHxD,QAAA,eAAe,mBAGyC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-dialog-function.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"base-dialog-function.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsEhE,CAAC"}
|
|
@@ -28,7 +28,7 @@ var react_focus_lock_1 = __importDefault(require("react-focus-lock"));
|
|
|
28
28
|
var hooks_1 = require("../utils/hooks");
|
|
29
29
|
var get_1 = require("../utils/get");
|
|
30
30
|
var BaseDialogFunction = function (_a) {
|
|
31
|
-
var children = _a.children, open = _a.open, onDismiss = _a.onDismiss, _b = _a.restoreFocusTo, restoreFocusTo = _b === void 0 ? undefined : _b, renderOverlay = _a.renderOverlay;
|
|
31
|
+
var children = _a.children, open = _a.open, onDismiss = _a.onDismiss, _b = _a.restoreFocusTo, restoreFocusTo = _b === void 0 ? undefined : _b, renderOverlay = _a.renderOverlay, hideOverlay = _a.hideOverlay, disableFocusTrap = _a.disableFocusTrap;
|
|
32
32
|
var triggerClose = function () { return open && onDismiss && onDismiss(); };
|
|
33
33
|
var handleEscape = function () {
|
|
34
34
|
triggerClose();
|
|
@@ -45,7 +45,7 @@ var BaseDialogFunction = function (_a) {
|
|
|
45
45
|
var handleOnLockActivation = function () {
|
|
46
46
|
originalFocusedElementRef.current = document.activeElement;
|
|
47
47
|
};
|
|
48
|
-
var handleOnLockDeactivation = function () {
|
|
48
|
+
var handleOnLockDeactivation = react_1.useCallback(function () {
|
|
49
49
|
var originalFocusedElement = get_1.get(originalFocusedElementRef, 'current');
|
|
50
50
|
/* istanbul ignore else */
|
|
51
51
|
if (restoreFocusTo || originalFocusedElement) {
|
|
@@ -55,10 +55,20 @@ var BaseDialogFunction = function (_a) {
|
|
|
55
55
|
return typeof elementToFocus_1.focus === 'function' && elementToFocus_1.focus();
|
|
56
56
|
}, 0);
|
|
57
57
|
}
|
|
58
|
-
};
|
|
58
|
+
}, [restoreFocusTo]);
|
|
59
|
+
react_1.useEffect(function () {
|
|
60
|
+
if (disableFocusTrap && open) {
|
|
61
|
+
handleOnLockActivation();
|
|
62
|
+
}
|
|
63
|
+
return function () {
|
|
64
|
+
if (disableFocusTrap && open) {
|
|
65
|
+
handleOnLockDeactivation();
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
}, [disableFocusTrap, handleOnLockDeactivation, open]);
|
|
59
69
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
60
|
-
renderOverlay(handleOverlayClick),
|
|
61
|
-
react_1.default.createElement(react_focus_lock_1.default, { disabled: !open, onActivation: handleOnLockActivation, onDeactivation: handleOnLockDeactivation }, children && children(handleCloseButtonClick))));
|
|
70
|
+
!hideOverlay && renderOverlay(handleOverlayClick),
|
|
71
|
+
react_1.default.createElement(react_focus_lock_1.default, { disabled: !open || disableFocusTrap, onActivation: handleOnLockActivation, onDeactivation: handleOnLockDeactivation }, children && children(handleCloseButtonClick))));
|
|
62
72
|
};
|
|
63
73
|
exports.BaseDialogFunction = BaseDialogFunction;
|
|
64
74
|
//# sourceMappingURL=base-dialog-function.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-dialog-function.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"base-dialog-function.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4D;AAC5D,sEAAyC;AACzC,wCAA2C;AAC3C,oCAAiC;AAG1B,IAAM,kBAAkB,GAAsC,UAAC,EAQrE;QAPC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,sBAA0B,EAA1B,cAAc,mBAAG,SAAS,KAAA,EAC1B,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,gBAAgB,sBAAA;IAEhB,IAAM,YAAY,GAAG,cAAM,OAAA,IAAI,IAAI,SAAS,IAAI,SAAS,EAAE,EAAhC,CAAgC,CAAC;IAE5D,IAAM,YAAY,GAAG;QACnB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG;QACzB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG;QAC7B,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,mBAAW,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;IAErD,mEAAmE;IACnE,IAAM,yBAAyB,GAAG,cAAM,CAAiB,IAAI,CAAC,CAAC;IAE/D,IAAM,sBAAsB,GAAG;QAC7B,yBAAyB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC;IAC7D,CAAC,CAAC;IAEF,IAAM,wBAAwB,GAAG,mBAAW,CAAC;QAC3C,IAAM,sBAAsB,GAAG,SAAG,CAAC,yBAAyB,EAAE,SAAS,CAAC,CAAC;QAEzE,0BAA0B;QAC1B,IAAI,cAAc,IAAI,sBAAsB,EAAE;YAC5C,IAAM,gBAAc,GAAG,cAAc,IAAI,sBAAsB,CAAC;YAChE,mEAAmE;YACnE,MAAM,CAAC,UAAU,CACf;gBACE,OAAA,OAAO,gBAAc,CAAC,KAAK,KAAK,UAAU,IAAI,gBAAc,CAAC,KAAK,EAAE;YAApE,CAAoE,EACtE,CAAC,CACF,CAAC;SACH;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,iBAAS,CAAC;QACR,IAAI,gBAAgB,IAAI,IAAI,EAAE;YAC5B,sBAAsB,EAAE,CAAC;SAC1B;QACD,OAAO;YACL,IAAI,gBAAgB,IAAI,IAAI,EAAE;gBAC5B,wBAAwB,EAAE,CAAC;aAC5B;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,wBAAwB,EAAE,IAAI,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL;QACG,CAAC,WAAW,IAAI,aAAa,CAAC,kBAAkB,CAAC;QAClD,8BAAC,0BAAS,IACR,QAAQ,EAAE,CAAC,IAAI,IAAI,gBAAgB,EACnC,YAAY,EAAE,sBAAsB,EACpC,cAAc,EAAE,wBAAwB,IAEvC,QAAQ,IAAI,QAAQ,CAAC,sBAAsB,CAAC,CACnC,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,kBAAkB,sBAsE7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-dialog-tests.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,iBAAiB,WACpB,MAAM,EAAE,CAAC,eAAe,CAAC,UACzB,WAAW,QACb,WAAW,
|
|
1
|
+
{"version":3,"file":"base-dialog-tests.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,iBAAiB,WACpB,MAAM,EAAE,CAAC,eAAe,CAAC,UACzB,WAAW,QACb,WAAW,SA2GlB,CAAC"}
|
|
@@ -49,6 +49,26 @@ var sharedDialogTests = function (Dialog, header, body) {
|
|
|
49
49
|
});
|
|
50
50
|
expect(fragment).toMatchSnapshot();
|
|
51
51
|
});
|
|
52
|
+
test('renders without overlay', function () {
|
|
53
|
+
var fragment = test_utils_1.renderToFragmentWithTheme(Dialog, {
|
|
54
|
+
open: true,
|
|
55
|
+
header: header,
|
|
56
|
+
children: body,
|
|
57
|
+
onDismiss: function () { },
|
|
58
|
+
hideOverlay: true,
|
|
59
|
+
});
|
|
60
|
+
expect(fragment).toMatchSnapshot();
|
|
61
|
+
});
|
|
62
|
+
test('renders screen reader message when focus trapping disabled', function () {
|
|
63
|
+
var fragment = test_utils_1.renderToFragmentWithTheme(Dialog, {
|
|
64
|
+
open: true,
|
|
65
|
+
header: header,
|
|
66
|
+
children: body,
|
|
67
|
+
onDismiss: function () { },
|
|
68
|
+
disableFocusTrap: true,
|
|
69
|
+
});
|
|
70
|
+
expect(fragment).toMatchSnapshot();
|
|
71
|
+
});
|
|
52
72
|
test('invokes onDismiss callback when Esc key pressed', function () {
|
|
53
73
|
var mockCallBack = jest.fn();
|
|
54
74
|
test_utils_1.renderWithTheme(Dialog, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-dialog-tests.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":";;;;;;AAAA,0BAA0B;AAC1B,2BAA2B;AAC3B,gDAAiD;AACjD,gDAA0B;AAC1B,iDAA8E;AAGvE,IAAM,iBAAiB,GAAG,UAC/B,MAAiC,EACjC,MAAmB,EACnB,IAAiB;IAEjB,IAAI,CAAC,iBAAiB,EAAE;QACtB,IAAM,QAAQ,GAAG,sCAAyB,CAAC,MAAM,EAAE;YACjD,IAAI,EAAE,IAAI;YACV,MAAM,QAAA;YACN,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,cAAO,CAAC;SACpB,CAAC,CAAC;QACH,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"base-dialog-tests.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-dialog-view.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"base-dialog-view.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AA2B5C,eAAO,MAAM,cAAc,4FAyG1B,CAAC"}
|
|
@@ -52,24 +52,30 @@ var deep_merge_1 = require("../utils/deep-merge");
|
|
|
52
52
|
var filter_object_1 = require("../utils/filter-object");
|
|
53
53
|
var merge_breakpoint_object_1 = require("../utils/merge-breakpoint-object");
|
|
54
54
|
var theme_1 = require("../theme");
|
|
55
|
+
var screen_reader_only_1 = require("../screen-reader-only");
|
|
56
|
+
var hooks_1 = require("../utils/hooks");
|
|
55
57
|
/* istanbul ignore next */
|
|
56
58
|
var centerCloseButton = function (top) { return ({
|
|
57
59
|
top: top / 2,
|
|
58
60
|
transform: top !== 0 ? "translateY(-50%)" : undefined,
|
|
59
61
|
}); };
|
|
60
62
|
exports.BaseDialogView = react_1.default.forwardRef(function (_a, panelRef) {
|
|
61
|
-
var handleCloseButtonClick = _a.handleCloseButtonClick, className = _a.className, path = _a.path, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, closePosition = _a.closePosition, header = _a.header, ariaDescribedby = _a.ariaDescribedby, ariaLabelledby = _a.ariaLabelledby, children = _a.children, props = __rest(_a, ["handleCloseButtonClick", "className", "path", "overrides", "closePosition", "header", "ariaDescribedby", "ariaLabelledby", "children"]);
|
|
63
|
+
var handleCloseButtonClick = _a.handleCloseButtonClick, className = _a.className, path = _a.path, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, closePosition = _a.closePosition, header = _a.header, ariaDescribedby = _a.ariaDescribedby, ariaLabelledby = _a.ariaLabelledby, children = _a.children, open = _a.open, disableFocusTrap = _a.disableFocusTrap, _c = _a.inline, inline = _c === void 0 ? false : _c, props = __rest(_a, ["handleCloseButtonClick", "className", "path", "overrides", "closePosition", "header", "ariaDescribedby", "ariaLabelledby", "children", "open", "disableFocusTrap", "inline"]);
|
|
62
64
|
var headerRef = react_1.useRef(null);
|
|
63
|
-
var
|
|
65
|
+
var _d = use_resize_observer_1.useResizeObserver(headerRef), headerHeight = _d[1];
|
|
66
|
+
var listDialogItemNotification = hooks_1.useReactKeys(1)[0];
|
|
64
67
|
var theme = theme_1.useTheme();
|
|
65
68
|
var closeButtonOverrides = __assign({}, deep_merge_1.deepMerge(merge_breakpoint_object_1.mergeBreakpointObject(Object.keys(theme.breakpoints)), theme.componentDefaults.drawer.closeButton, filter_object_1.filterOutFalsyProperties(overrides.closeButton)));
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
react_1.default.createElement(
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
react_1.default.createElement(
|
|
69
|
+
var MoveFocusInsideWhenFocusTrapDisabled = disableFocusTrap && open ? styled_1.StyledMoveFocusInside : react_1.default.Fragment;
|
|
70
|
+
return (react_1.default.createElement(styled_1.StyledDialogPanel, __assign({ ref: panelRef, className: className, role: "dialog", "aria-modal": disableFocusTrap ? 'false' : 'true', "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, overrides: overrides, path: path, inline: inline, "$open": open }, props),
|
|
71
|
+
react_1.default.createElement(MoveFocusInsideWhenFocusTrapDisabled, null,
|
|
72
|
+
react_1.default.createElement(styled_1.StyledDialogHeader, { overrides: overrides, ref: headerRef, path: path },
|
|
73
|
+
react_1.default.createElement(stack_1.Stack, { flow: "horizontal-center", flowReverse: closePosition === 'left' },
|
|
74
|
+
header && (react_1.default.createElement(styled_1.StyledDialogHeaderContent, { path: path }, header)),
|
|
75
|
+
react_1.default.createElement(styled_1.StyledFillSpaceCloseButton, { path: path, overrides: overrides, closePosition: closePosition }))),
|
|
76
|
+
react_1.default.createElement(styled_1.StyledDialogContent, { "data-testid": "dialog-content", path: path, overrides: overrides }, children),
|
|
77
|
+
react_1.default.createElement(styled_1.StyledCloseButton, { path: path, closePosition: closePosition, style: __assign({}, centerCloseButton(headerHeight)), "aria-label": "close", "aria-describedby": disableFocusTrap ? listDialogItemNotification : undefined, onClick: handleCloseButtonClick, overrides: closeButtonOverrides, size: button_1.ButtonSize.Medium },
|
|
78
|
+
react_1.default.createElement(icons_1.IconFilledClose, null)),
|
|
79
|
+
disableFocusTrap && (react_1.default.createElement(screen_reader_only_1.ScreenReaderOnly, { id: listDialogItemNotification }, "With the next tab you will be leaving the dialog window.")))));
|
|
74
80
|
});
|
|
75
81
|
//# sourceMappingURL=base-dialog-view.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-dialog-view.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoC;AAEpC,
|
|
1
|
+
{"version":3,"file":"base-dialog-view.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":"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"}
|
package/cjs/dialog/styled.d.ts
CHANGED
|
@@ -1,28 +1,44 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { MoveFocusInside } from 'react-focus-lock';
|
|
2
3
|
import { BaseDialogViewProps } from './types';
|
|
3
|
-
declare type BaseDialogViewOverridesAndPathProps = Pick<BaseDialogViewProps, 'path' | 'overrides'>;
|
|
4
4
|
export declare const StyledDialogPanel: import("@emotion/styled").StyledComponent<{
|
|
5
5
|
theme?: import("@emotion/react").Theme | undefined;
|
|
6
6
|
as?: import("react").ElementType<any> | undefined;
|
|
7
|
-
} &
|
|
7
|
+
} & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
|
|
8
|
+
$open?: boolean | undefined;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
|
+
export declare const StyledMoveFocusInside: import("@emotion/styled").StyledComponent<import("react-focus-lock/interfaces").AutoFocusProps & {
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
+
}, {}, {
|
|
13
|
+
ref?: import("react").Ref<MoveFocusInside> | undefined;
|
|
14
|
+
}>;
|
|
8
15
|
export declare const StyledDialogHeader: import("@emotion/styled").StyledComponent<{
|
|
9
16
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
17
|
as?: import("react").ElementType<any> | undefined;
|
|
11
|
-
} &
|
|
18
|
+
} & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
|
|
19
|
+
$open?: boolean | undefined;
|
|
20
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
21
|
export declare const StyledDialogHeaderContent: import("@emotion/styled").StyledComponent<{
|
|
13
22
|
theme?: import("@emotion/react").Theme | undefined;
|
|
14
23
|
as?: import("react").ElementType<any> | undefined;
|
|
15
|
-
} &
|
|
24
|
+
} & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
|
|
25
|
+
$open?: boolean | undefined;
|
|
26
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
16
27
|
export declare const StyledDialogContent: import("@emotion/styled").StyledComponent<{
|
|
17
28
|
theme?: import("@emotion/react").Theme | undefined;
|
|
18
29
|
as?: import("react").ElementType<any> | undefined;
|
|
19
|
-
} &
|
|
30
|
+
} & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
|
|
31
|
+
$open?: boolean | undefined;
|
|
32
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
20
33
|
export declare const StyledFillSpaceCloseButton: import("@emotion/styled").StyledComponent<{
|
|
21
34
|
theme?: import("@emotion/react").Theme | undefined;
|
|
22
35
|
as?: import("react").ElementType<any> | undefined;
|
|
23
|
-
} &
|
|
36
|
+
} & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
|
|
37
|
+
$open?: boolean | undefined;
|
|
38
|
+
} & Pick<BaseDialogViewProps, "closePosition">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
24
39
|
export declare const StyledCloseButton: import("@emotion/styled").StyledComponent<(import("react").PropsWithChildren<import("..").IconButtonProps> & {
|
|
25
40
|
theme?: import("@emotion/react").Theme | undefined;
|
|
26
|
-
}) &
|
|
27
|
-
|
|
41
|
+
}) & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
|
|
42
|
+
$open?: boolean | undefined;
|
|
43
|
+
} & Pick<BaseDialogViewProps, "closePosition">, {}, {}>;
|
|
28
44
|
//# sourceMappingURL=styled.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AASjD,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAO5C,eAAO,MAAM,iBAAiB;;;;;yGAa7B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;EAKjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;yGAK9B,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;yGAMrC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;yGAM/B,CAAC;AAGF,eAAO,MAAM,0BAA0B;;;;;sJAiBtC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;uDAe7B,CAAC"}
|
package/cjs/dialog/styled.js
CHANGED
|
@@ -4,39 +4,51 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.StyledCloseButton = exports.StyledFillSpaceCloseButton = exports.StyledDialogContent = exports.StyledDialogHeaderContent = exports.StyledDialogHeader = exports.StyledDialogPanel = void 0;
|
|
7
|
+
exports.StyledCloseButton = exports.StyledFillSpaceCloseButton = exports.StyledDialogContent = exports.StyledDialogHeaderContent = exports.StyledDialogHeader = exports.StyledMoveFocusInside = exports.StyledDialogPanel = void 0;
|
|
8
|
+
var react_focus_lock_1 = require("react-focus-lock");
|
|
8
9
|
var icon_button_1 = require("../icon-button");
|
|
9
10
|
var style_1 = require("../utils/style");
|
|
10
|
-
exports.StyledDialogPanel = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n
|
|
11
|
+
exports.StyledDialogPanel = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n ", "\n ", "\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"], ["\n box-sizing: border-box;\n ", "\n ", "\n ", "\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"])), function (_a) {
|
|
12
|
+
var inline = _a.inline;
|
|
13
|
+
return ({
|
|
14
|
+
position: inline ? 'absolute' : 'fixed',
|
|
15
|
+
});
|
|
16
|
+
}, function (_a) {
|
|
17
|
+
var $open = _a.$open;
|
|
18
|
+
return ({
|
|
19
|
+
pointerEvents: $open ? undefined : 'none',
|
|
20
|
+
});
|
|
21
|
+
}, function (_a) {
|
|
11
22
|
var path = _a.path;
|
|
12
23
|
return style_1.getResponsiveSpace('zIndex', path + ".panel", 'panel', 'zIndex');
|
|
13
24
|
});
|
|
14
|
-
exports.
|
|
25
|
+
exports.StyledMoveFocusInside = style_1.styled(react_focus_lock_1.MoveFocusInside)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden auto;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden auto;\n"])));
|
|
26
|
+
exports.StyledDialogHeader = style_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n ", "\n flex-shrink: 0; //fix min-height issues\n"], ["\n box-sizing: border-box;\n ", "\n ", "\n flex-shrink: 0; //fix min-height issues\n"])), function (_a) {
|
|
15
27
|
var path = _a.path;
|
|
16
28
|
return style_1.getStylePreset(path + ".header", 'header');
|
|
17
29
|
}, style_1.getSizingCssFromTheme('minHeight', 'sizing080'));
|
|
18
|
-
exports.StyledDialogHeaderContent = style_1.styled.div(
|
|
30
|
+
exports.StyledDialogHeaderContent = style_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n display: flex;\n align-items: center;\n ", "\n"], ["\n box-sizing: border-box;\n display: flex;\n align-items: center;\n ", "\n"])), function (_a) {
|
|
19
31
|
var path = _a.path;
|
|
20
32
|
return style_1.getResponsiveSpace('padding', path + ".header", 'header', 'spaceInset');
|
|
21
33
|
});
|
|
22
|
-
exports.StyledDialogContent = style_1.styled.div(
|
|
34
|
+
exports.StyledDialogContent = style_1.styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n box-sizing: border-box;\n flex-grow: 1;\n overflow: hidden auto;\n ", "\n"], ["\n box-sizing: border-box;\n flex-grow: 1;\n overflow: hidden auto;\n ", "\n"])), function (_a) {
|
|
23
35
|
var path = _a.path;
|
|
24
36
|
return style_1.getResponsiveSpace('padding', path + ".content", 'content', 'spaceInset');
|
|
25
37
|
});
|
|
26
38
|
// This elements is needed to fill the space behind close button which is positioned absolute
|
|
27
|
-
exports.StyledFillSpaceCloseButton = style_1.styled.div(
|
|
39
|
+
exports.StyledFillSpaceCloseButton = style_1.styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n ", " \n ", "\n ", "\n flex-shrink: 0;\n"], ["\n box-sizing: border-box;\n ", "\n ", " \n ", "\n ", "\n flex-shrink: 0;\n"])), function (_a) {
|
|
28
40
|
var path = _a.path;
|
|
29
41
|
return style_1.getResponsiveSpace('margin', path + ".closeButton", 'closeButton', 'spaceInset');
|
|
30
42
|
}, style_1.getResponsiveSize('width', 'iconButton.medium', '', 'width'), style_1.getResponsiveSize('height', 'iconButton.medium', '', 'height'), function (_a) {
|
|
31
43
|
var closePosition = _a.closePosition;
|
|
32
44
|
return closePosition === 'left' ? "margin-right: auto;" : "margin-left: auto;";
|
|
33
45
|
});
|
|
34
|
-
exports.StyledCloseButton = style_1.styled(icon_button_1.IconButton)(
|
|
46
|
+
exports.StyledCloseButton = style_1.styled(icon_button_1.IconButton)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n box-sizing: border-box;\n position: absolute;\n top: 0;\n ", "\n ", "\n"], ["\n box-sizing: border-box;\n position: absolute;\n top: 0;\n ", "\n ", "\n"])), function (_a) {
|
|
35
47
|
var closePosition = _a.closePosition;
|
|
36
48
|
return (closePosition === 'left' ? "left: 0;" : "right: 0;");
|
|
37
49
|
}, function (_a) {
|
|
38
50
|
var path = _a.path;
|
|
39
51
|
return style_1.getResponsiveSpace(function (margin) { return ({ margin: "0 " + margin }); }, path + ".closeButton", '', 'spaceInset');
|
|
40
52
|
});
|
|
41
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
53
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
42
54
|
//# sourceMappingURL=styled.js.map
|
package/cjs/dialog/styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,8CAA0C;AAC1C,wCAMwB;AAQX,QAAA,iBAAiB,GAAG,cAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,qDAAiD;AACjD,8CAA0C;AAC1C,wCAMwB;AAQX,QAAA,iBAAiB,GAAG,cAAM,CAAC,GAAG,4LAAqC,iCAE5E,EAEA,MACA,EAEA,MACA,EACgE,sEAInE,KAXG,UAAC,EAAQ;QAAP,MAAM,YAAA;IAAM,OAAA,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;KACxC,CAAC;AAFc,CAEd,EACA,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,CAAC;QACd,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;KAC1C,CAAC;AAFa,CAEb,EACA,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAAC,QAAQ,EAAK,IAAI,WAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC;AAAhE,CAAgE,EAIlE;AAEW,QAAA,qBAAqB,GAAG,cAAM,CAAC,kCAAe,CAAC,+JAAA,4FAK3D,KAAC;AAEW,QAAA,kBAAkB,GAAG,cAAM,CAAC,GAAG,6JAAqC,iCAE7E,EAAsD,MACtD,EAA+C,+CAElD,KAHG,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,sBAAc,CAAI,IAAI,YAAS,EAAE,QAAQ,CAAC;AAA1C,CAA0C,EACtD,6BAAqB,CAAC,WAAW,EAAE,WAAW,CAAC,EAEjD;AAEW,QAAA,yBAAyB,GAAG,cAAM,CAAC,GAAG,oJAAqC,2EAIpF,EACuE,IAC1E,KAFG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAAC,SAAS,EAAK,IAAI,YAAS,EAAE,QAAQ,EAAE,YAAY,CAAC;AAAvE,CAAuE,EACzE;AAEW,QAAA,mBAAmB,GAAG,cAAM,CAAC,GAAG,qJAAqC,4EAI9E,EACyE,IAC5E,KAFG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAAC,SAAS,EAAK,IAAI,aAAU,EAAE,SAAS,EAAE,YAAY,CAAC;AAAzE,CAAyE,EAC3E;AAEF,6FAA6F;AAChF,QAAA,0BAA0B,GAAG,cAAM,CAAC,GAAG,uJAGnD,iCAEG,EAMC,MACD,EAA4D,QAC5D,EAA8D,MAC9D,EACuE,uBAE1E,KAZG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAChB,QAAQ,EACL,IAAI,iBAAc,EACrB,aAAa,EACb,YAAY,CACb;AALD,CAKC,EACD,yBAAiB,CAAC,OAAO,EAAE,mBAAmB,EAAE,EAAE,EAAE,OAAO,CAAC,EAC5D,yBAAiB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,EAAE,EAAE,QAAQ,CAAC,EAC9D,UAAC,EAAe;QAAd,aAAa,mBAAA;IACf,OAAA,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,oBAAoB;AAAvE,CAAuE,EAEzE;AAEW,QAAA,iBAAiB,GAAG,cAAM,CAAC,wBAAU,CAAC,oJAGlD,mEAIG,EAA0E,MAC1E,EAMC,IACJ,KARG,UAAC,EAAe;QAAd,aAAa,mBAAA;IAAM,OAAA,CAAC,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;AAArD,CAAqD,EAC1E,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAChB,UAAA,MAAM,IAAI,OAAA,CAAC,EAAC,MAAM,EAAE,OAAK,MAAQ,EAAC,CAAC,EAAzB,CAAyB,EAChC,IAAI,iBAAc,EACrB,EAAE,EACF,YAAY,CACb;AALD,CAKC,EACH"}
|
package/cjs/dialog/types.d.ts
CHANGED
|
@@ -4,10 +4,12 @@ export interface BaseDialogOverridesProps {
|
|
|
4
4
|
overlay?: {
|
|
5
5
|
zIndex?: number;
|
|
6
6
|
stylePreset?: MQ<string>;
|
|
7
|
+
transitionPreset?: string | string[];
|
|
7
8
|
};
|
|
8
9
|
panel?: {
|
|
9
10
|
zIndex?: number;
|
|
10
11
|
stylePreset?: MQ<string>;
|
|
12
|
+
transitionPreset?: string | string[];
|
|
11
13
|
};
|
|
12
14
|
header?: {
|
|
13
15
|
stylePreset?: MQ<string>;
|
|
@@ -30,6 +32,9 @@ export interface BaseDialogViewProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
30
32
|
ariaDescribedby?: string;
|
|
31
33
|
ariaLabelledby?: string;
|
|
32
34
|
overrides?: BaseDialogOverridesProps;
|
|
35
|
+
disableFocusTrap?: boolean;
|
|
36
|
+
open?: boolean;
|
|
37
|
+
inline?: boolean;
|
|
33
38
|
}
|
|
34
39
|
export interface BaseDialogFunctionProps {
|
|
35
40
|
children: (handleCloseButtonClick: () => void) => React.ReactNode;
|
|
@@ -37,7 +42,10 @@ export interface BaseDialogFunctionProps {
|
|
|
37
42
|
open: boolean;
|
|
38
43
|
onDismiss: () => void;
|
|
39
44
|
restoreFocusTo?: HTMLElement;
|
|
45
|
+
disableFocusTrap?: boolean;
|
|
46
|
+
hideOverlay?: boolean;
|
|
47
|
+
inline?: boolean;
|
|
40
48
|
}
|
|
41
|
-
export interface BaseDialogProps extends Omit<BaseDialogViewProps, 'className' | 'path' | 'handleCloseButtonClick'>, Omit<BaseDialogFunctionProps, 'children' | 'renderOverlay'>, React.AriaAttributes {
|
|
49
|
+
export interface BaseDialogProps extends Omit<BaseDialogViewProps, 'className' | 'path' | 'handleCloseButtonClick' | 'open'>, Omit<BaseDialogFunctionProps, 'children' | 'renderOverlay'>, React.AriaAttributes {
|
|
42
50
|
}
|
|
43
51
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KACtC,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KACtC,CAAC;IACF,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;CACH;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB,EAAE,MAAM,IAAI,CAAC;IAEnC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CAAC,sBAAsB,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAClE,aAAa,EAAE,CAAC,kBAAkB,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IACnE,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,MAAM,WAAW,eACf,SAAQ,IAAI,CACR,mBAAmB,EACnB,WAAW,GAAG,MAAM,GAAG,wBAAwB,GAAG,MAAM,CACzD,EACD,IAAI,CAAC,uBAAuB,EAAE,UAAU,GAAG,eAAe,CAAC,EAC3D,KAAK,CAAC,cAAc;CAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAWpC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2ExC,CAAC"}
|