@zohodesk/dot 1.7.10 → 1.7.11
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/.cli/propValidation_report.html +1 -1
- package/README.md +5 -0
- package/coverage/__testUtils__/MockResizeObserver.js.html +4 -4
- package/coverage/__testUtils__/index.html +1 -1
- package/coverage/assets/Appearance/dark/mode/Dot_DarkMode.module.css.html +1 -1
- package/coverage/assets/Appearance/dark/mode/index.html +1 -1
- package/coverage/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css.html +1 -1
- package/coverage/assets/Appearance/dark/themes/blue/index.html +1 -1
- package/coverage/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css.html +1 -1
- package/coverage/assets/Appearance/dark/themes/green/index.html +1 -1
- package/coverage/assets/Appearance/dark/themes/orange/index.html +1 -1
- package/coverage/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css.html +1 -1
- package/coverage/assets/Appearance/dark/themes/red/index.html +1 -1
- package/coverage/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css.html +1 -1
- package/coverage/assets/Appearance/dark/themes/yellow/index.html +1 -1
- package/coverage/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css.html +1 -1
- package/coverage/assets/Appearance/light/mode/Dot_LightMode.module.css.html +1 -1
- package/coverage/assets/Appearance/light/mode/index.html +1 -1
- package/coverage/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css.html +1 -1
- package/coverage/assets/Appearance/light/themes/blue/index.html +1 -1
- package/coverage/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css.html +1 -1
- package/coverage/assets/Appearance/light/themes/green/index.html +1 -1
- package/coverage/assets/Appearance/light/themes/orange/index.html +1 -1
- package/coverage/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css.html +1 -1
- package/coverage/assets/Appearance/light/themes/red/index.html +1 -1
- package/coverage/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css.html +1 -1
- package/coverage/assets/Appearance/light/themes/yellow/index.html +1 -1
- package/coverage/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css.html +1 -1
- package/coverage/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css.html +1 -1
- package/coverage/assets/Appearance/pureDark/mode/index.html +1 -1
- package/coverage/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css.html +1 -1
- package/coverage/assets/Appearance/pureDark/themes/blue/index.html +1 -1
- package/coverage/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css.html +1 -1
- package/coverage/assets/Appearance/pureDark/themes/green/index.html +1 -1
- package/coverage/assets/Appearance/pureDark/themes/orange/index.html +1 -1
- package/coverage/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css.html +1 -1
- package/coverage/assets/Appearance/pureDark/themes/red/index.html +1 -1
- package/coverage/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css.html +1 -1
- package/coverage/assets/Appearance/pureDark/themes/yellow/index.html +1 -1
- package/coverage/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css.html +1 -1
- package/coverage/coverage-final.json +30 -30
- package/coverage/coverage-summary.json +8 -8
- package/coverage/images/audio_thumbnail.png.html +0 -0
- package/coverage/images/index.html +1 -1
- package/coverage/index.html +46 -46
- package/coverage/src/ActionButton/ActionButton.js.html +23 -23
- package/coverage/src/ActionButton/ActionButton.module.css.html +1 -1
- package/coverage/src/ActionButton/index.html +5 -5
- package/coverage/src/ActionButton/props/defaultProps.js.html +1 -1
- package/coverage/src/ActionButton/props/index.html +1 -1
- package/coverage/src/ActionButton/props/propTypes.js.html +1 -1
- package/coverage/src/AlphabeticList/AlphabeticList.js.html +1 -1
- package/coverage/src/AlphabeticList/AlphabeticList.module.css.html +1 -1
- package/coverage/src/AlphabeticList/index.html +1 -1
- package/coverage/src/AlphabeticList/props/defaultProps.js.html +1 -1
- package/coverage/src/AlphabeticList/props/index.html +1 -1
- package/coverage/src/AlphabeticList/props/propTypes.js.html +1 -1
- package/coverage/src/Attachment/Attachment.js.html +1 -1
- package/coverage/src/Attachment/Attachment.module.css.html +1 -1
- package/coverage/src/Attachment/index.html +1 -1
- package/coverage/src/Attachment/props/defaultProps.js.html +1 -1
- package/coverage/src/Attachment/props/index.html +1 -1
- package/coverage/src/Attachment/props/propTypes.js.html +1 -1
- package/coverage/src/AttachmentViewer/Attachment.js.html +1 -1
- package/coverage/src/AttachmentViewer/AttachmentImage.js.html +1 -1
- package/coverage/src/AttachmentViewer/AttachmentViewer.js.html +1 -1
- package/coverage/src/AttachmentViewer/AttachmentViewer.module.css.html +1 -1
- package/coverage/src/AttachmentViewer/index.html +1 -1
- package/coverage/src/AttachmentViewer/props/defaultProps.js.html +1 -1
- package/coverage/src/AttachmentViewer/props/index.html +1 -1
- package/coverage/src/AttachmentViewer/props/propTypes.js.html +1 -1
- package/coverage/src/AttachmentViewer/utils.js.html +1 -1
- package/coverage/src/ChannelIcon/ChannelIcon.js.html +22 -22
- package/coverage/src/ChannelIcon/ChannelIcon.module.css.html +1 -1
- package/coverage/src/ChannelIcon/index.html +15 -15
- package/coverage/src/ChannelIcon/props/defaultProps.js.html +1 -1
- package/coverage/src/ChannelIcon/props/index.html +1 -1
- package/coverage/src/ChannelIcon/props/propTypes.js.html +1 -1
- package/coverage/src/DotProvider/DotProvider.js.html +1 -1
- package/coverage/src/DotProvider/hooks/index.html +1 -1
- package/coverage/src/DotProvider/hooks/useDotProvider.js.html +1 -1
- package/coverage/src/DotProvider/hooks/useDownloadAssetsAndSetAttr.js.html +1 -1
- package/coverage/src/DotProvider/index.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/blue/index.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/green/index.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/orange/index.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/red/index.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/component/yellow/index.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/blue/index.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/green/index.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/orange/index.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/red/index.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/dot/yellow/index.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/blue/index.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/green/index.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/orange/index.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/red/index.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js.html +1 -1
- package/coverage/src/DotProvider/libraryChunks/themes/svg/yellow/index.html +1 -1
- package/coverage/src/DotProvider/props/defaultProps.js.html +1 -1
- package/coverage/src/DotProvider/props/index.html +1 -1
- package/coverage/src/DotProvider/props/propTypes.js.html +1 -1
- package/coverage/src/DotProvider/utils/assetPromiseHandlers/fontSizeAssetPromise.js.html +1 -1
- package/coverage/src/DotProvider/utils/assetPromiseHandlers/index.html +1 -1
- package/coverage/src/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js.html +1 -1
- package/coverage/src/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js.html +1 -1
- package/coverage/src/DotProvider/utils/assetPromiseHandlers/zoomSizeAssetPromise.js.html +1 -1
- package/coverage/src/DotProvider/utils/constants.js.html +1 -1
- package/coverage/src/DotProvider/utils/errorValidation.js.html +1 -1
- package/coverage/src/DotProvider/utils/getAssetsImportPromises.js.html +1 -1
- package/coverage/src/DotProvider/utils/index.html +1 -1
- package/coverage/src/DotProvider/utils/sizeAssetsConfig.js.html +1 -1
- package/coverage/src/DotProvider/utils/themeAppearanceAssetsConfig.js.html +1 -1
- package/coverage/src/DotProvider/utils/themeColorAssetsConfig.js.html +1 -1
- package/coverage/src/Drawer/Drawer.js.html +59 -59
- package/coverage/src/Drawer/Drawer.module.css.html +2 -2
- package/coverage/src/Drawer/index.html +21 -21
- package/coverage/src/Drawer/props/defaultProps.js.html +4 -4
- package/coverage/src/Drawer/props/index.html +1 -1
- package/coverage/src/Drawer/props/propTypes.js.html +5 -5
- package/coverage/src/ExternalLink/ExternalLink.js.html +1 -1
- package/coverage/src/ExternalLink/ExternalLink.module.css.html +1 -1
- package/coverage/src/ExternalLink/index.html +1 -1
- package/coverage/src/ExternalLink/props/defaultProps.js.html +1 -1
- package/coverage/src/ExternalLink/props/index.html +1 -1
- package/coverage/src/ExternalLink/props/propTypes.js.html +1 -1
- package/coverage/src/FlipCard/FlipCard.js.html +22 -16
- package/coverage/src/FlipCard/FlipCard.module.css.html +1 -1
- package/coverage/src/FlipCard/index.html +5 -5
- package/coverage/src/FlipCard/props/defaultProps.js.html +1 -1
- package/coverage/src/FlipCard/props/index.html +1 -1
- package/coverage/src/FlipCard/props/propTypes.js.html +1 -1
- package/coverage/src/FormAction/FormAction.js.html +37 -37
- package/coverage/src/FormAction/FormAction.module.css.html +2 -2
- package/coverage/src/FormAction/index.html +20 -20
- package/coverage/src/FormAction/props/defaultProps.js.html +2 -2
- package/coverage/src/FormAction/props/index.html +1 -1
- package/coverage/src/FormAction/props/propTypes.js.html +2 -2
- package/coverage/src/FreezeLayer/FreezeLayer.js.html +9 -9
- package/coverage/src/FreezeLayer/css/FreezeLayer.module.css.html +2 -2
- package/coverage/src/FreezeLayer/css/cssJSLogic.js.html +5 -5
- package/coverage/src/FreezeLayer/css/index.html +1 -1
- package/coverage/src/FreezeLayer/index.html +1 -1
- package/coverage/src/FreezeLayer/props/defaultProps.js.html +2 -2
- package/coverage/src/FreezeLayer/props/index.html +1 -1
- package/coverage/src/FreezeLayer/props/propTypes.js.html +3 -3
- package/coverage/src/Hooks/Dragger/css/Dragger.module.css.html +1 -1
- package/coverage/src/Hooks/Dragger/css/index.html +1 -1
- package/coverage/src/Hooks/Dragger/index.html +1 -1
- package/coverage/src/Hooks/Dragger/props/defaultProps.js.html +1 -1
- package/coverage/src/Hooks/Dragger/props/index.html +1 -1
- package/coverage/src/Hooks/Dragger/props/propTypes.js.html +1 -1
- package/coverage/src/Hooks/Dragger/useDragger.js.html +1 -1
- package/coverage/src/Hooks/Dragger/utils/DraggerUtil.js.html +1 -1
- package/coverage/src/Hooks/Dragger/utils/index.html +1 -1
- package/coverage/src/Hooks/index.html +1 -1
- package/coverage/src/Hooks/useFreezeLayer.js.html +23 -23
- package/coverage/src/IconButton/IconButton.js.html +14 -14
- package/coverage/src/IconButton/IconButton.module.css.html +2 -2
- package/coverage/src/IconButton/index.html +1 -1
- package/coverage/src/IconButton/props/defaultProps.js.html +2 -2
- package/coverage/src/IconButton/props/index.html +1 -1
- package/coverage/src/IconButton/props/propTypes.js.html +2 -2
- package/coverage/src/Image/Image.js.html +1 -1
- package/coverage/src/Image/Image.module.css.html +1 -1
- package/coverage/src/Image/index.html +1 -1
- package/coverage/src/Image/props/defaultProps.js.html +1 -1
- package/coverage/src/Image/props/index.html +1 -1
- package/coverage/src/Image/props/propTypes.js.html +1 -1
- package/coverage/src/ImportantNotes/ImportantNotes.js.html +1 -1
- package/coverage/src/ImportantNotes/ImportantNotes.module.css.html +1 -1
- package/coverage/src/ImportantNotes/index.html +1 -1
- package/coverage/src/ImportantNotes/props/defaultProps.js.html +1 -1
- package/coverage/src/ImportantNotes/props/index.html +1 -1
- package/coverage/src/ImportantNotes/props/propTypes.js.html +1 -1
- package/coverage/src/Link/Link.js.html +13 -13
- package/coverage/src/Link/Link.module.css.html +1 -1
- package/coverage/src/Link/LinkContext.js.html +2 -2
- package/coverage/src/Link/index.html +1 -1
- package/coverage/src/Link/props/defaultProps.js.html +1 -1
- package/coverage/src/Link/props/index.html +1 -1
- package/coverage/src/Link/props/propTypes.js.html +1 -1
- package/coverage/src/Loader/Loader.js.html +1 -1
- package/coverage/src/Loader/Loader.module.css.html +1 -1
- package/coverage/src/Loader/index.html +1 -1
- package/coverage/src/Message/Message.js.html +1 -1
- package/coverage/src/Message/Message.module.css.html +1 -1
- package/coverage/src/Message/index.html +1 -1
- package/coverage/src/Message/props/defaultProps.js.html +1 -1
- package/coverage/src/Message/props/index.html +1 -1
- package/coverage/src/Message/props/propTypes.js.html +1 -1
- package/coverage/src/MessageBanner/MessageBanner.js.html +1 -1
- package/coverage/src/MessageBanner/MessageBanner.module.css.html +1 -1
- package/coverage/src/MessageBanner/index.html +1 -1
- package/coverage/src/MessageBanner/props/defaultProps.js.html +1 -1
- package/coverage/src/MessageBanner/props/index.html +1 -1
- package/coverage/src/MessageBanner/props/propTypes.js.html +1 -1
- package/coverage/src/NewStar/NewStar.js.html +1 -1
- package/coverage/src/NewStar/NewStar.module.css.html +1 -1
- package/coverage/src/NewStar/index.html +1 -1
- package/coverage/src/NewStar/props/defaultProps.js.html +1 -1
- package/coverage/src/NewStar/props/index.html +1 -1
- package/coverage/src/NewStar/props/propTypes.js.html +1 -1
- package/coverage/src/Onboarding/CarouselDots/CarouselDot/CarouselDot.js.html +1 -1
- package/coverage/src/Onboarding/CarouselDots/CarouselDot/css/CarouselDot.module.css.html +1 -1
- package/coverage/src/Onboarding/CarouselDots/CarouselDot/css/index.html +1 -1
- package/coverage/src/Onboarding/CarouselDots/CarouselDot/index.html +1 -1
- package/coverage/src/Onboarding/CarouselDots/CarouselDot/props/defaultProps.js.html +1 -1
- package/coverage/src/Onboarding/CarouselDots/CarouselDot/props/index.html +1 -1
- package/coverage/src/Onboarding/CarouselDots/CarouselDot/props/propTypes.js.html +1 -1
- package/coverage/src/Onboarding/CarouselDots/CarouselDots.js.html +1 -1
- package/coverage/src/Onboarding/CarouselDots/css/CarouselDots.module.css.html +1 -1
- package/coverage/src/Onboarding/CarouselDots/css/index.html +1 -1
- package/coverage/src/Onboarding/CarouselDots/index.html +1 -1
- package/coverage/src/Onboarding/CarouselDots/props/defaultProps.js.html +1 -1
- package/coverage/src/Onboarding/CarouselDots/props/index.html +1 -1
- package/coverage/src/Onboarding/CarouselDots/props/propTypes.js.html +1 -1
- package/coverage/src/Onboarding/Onboarding.js.html +1 -1
- package/coverage/src/Onboarding/css/Onboarding.module.css.html +1 -1
- package/coverage/src/Onboarding/css/index.html +1 -1
- package/coverage/src/Onboarding/hooks/index.html +1 -1
- package/coverage/src/Onboarding/hooks/useOnboarding.js.html +1 -1
- package/coverage/src/Onboarding/hooks/useOnboardingSlider.js.html +1 -1
- package/coverage/src/Onboarding/index.html +1 -1
- package/coverage/src/Onboarding/props/defaultProps.js.html +1 -1
- package/coverage/src/Onboarding/props/index.html +1 -1
- package/coverage/src/Onboarding/props/propTypes.js.html +1 -1
- package/coverage/src/PlusIcon/PlusIcon.js.html +1 -1
- package/coverage/src/PlusIcon/PlusIcon.module.css.html +1 -1
- package/coverage/src/PlusIcon/index.html +1 -1
- package/coverage/src/PlusIcon/props/defaultProps.js.html +1 -1
- package/coverage/src/PlusIcon/props/index.html +1 -1
- package/coverage/src/PlusIcon/props/propTypes.js.html +1 -1
- package/coverage/src/Provider/Config.js.html +3 -3
- package/coverage/src/Provider/index.html +1 -1
- package/coverage/src/Separator/Separator.js.html +1 -1
- package/coverage/src/Separator/Separator.module.css.html +1 -1
- package/coverage/src/Separator/index.html +1 -1
- package/coverage/src/Separator/props/defaultProps.js.html +1 -1
- package/coverage/src/Separator/props/index.html +1 -1
- package/coverage/src/Separator/props/propTypes.js.html +1 -1
- package/coverage/src/TagWithIcon/TagWithIcon.js.html +1 -1
- package/coverage/src/TagWithIcon/TagWithIcon.module.css.html +1 -1
- package/coverage/src/TagWithIcon/index.html +1 -1
- package/coverage/src/TagWithIcon/props/defaultProps.js.html +1 -1
- package/coverage/src/TagWithIcon/props/index.html +1 -1
- package/coverage/src/TagWithIcon/props/propTypes.js.html +1 -1
- package/coverage/src/ToastMessage/ToastMessage.js.html +1 -1
- package/coverage/src/ToastMessage/ToastMessage.module.css.html +1 -1
- package/coverage/src/ToastMessage/index.html +1 -1
- package/coverage/src/ToastMessage/props/defaultProps.js.html +1 -1
- package/coverage/src/ToastMessage/props/index.html +1 -1
- package/coverage/src/ToastMessage/props/propTypes.js.html +1 -1
- package/coverage/src/Upload/Upload.js.html +1 -1
- package/coverage/src/Upload/Upload.module.css.html +1 -1
- package/coverage/src/Upload/index.html +1 -1
- package/coverage/src/Upload/props/defaultProps.js.html +1 -1
- package/coverage/src/Upload/props/index.html +1 -1
- package/coverage/src/Upload/props/propTypes.js.html +1 -1
- package/coverage/src/VideoLookup/VideoLookup.js.html +1 -1
- package/coverage/src/VideoLookup/css/VideoLookup.module.css.html +1 -1
- package/coverage/src/VideoLookup/css/index.html +1 -1
- package/coverage/src/VideoLookup/index.html +1 -1
- package/coverage/src/VideoLookup/props/defaultProps.js.html +1 -1
- package/coverage/src/VideoLookup/props/index.html +1 -1
- package/coverage/src/VideoLookup/props/propTypes.js.html +1 -1
- package/coverage/src/actions/AutoClose.js.html +1 -1
- package/coverage/src/actions/index.html +1 -1
- package/coverage/src/actions/props/defaultProps.js.html +1 -1
- package/coverage/src/actions/props/index.html +1 -1
- package/coverage/src/actions/props/propTypes.js.html +1 -1
- package/coverage/src/alert/AlertHeader/AlertHeader.js.html +1 -1
- package/coverage/src/alert/AlertHeader/AlertHeader.module.css.html +1 -1
- package/coverage/src/alert/AlertHeader/index.html +1 -1
- package/coverage/src/alert/AlertHeader/props/defaultProps.js.html +1 -1
- package/coverage/src/alert/AlertHeader/props/index.html +1 -1
- package/coverage/src/alert/AlertHeader/props/propTypes.js.html +1 -1
- package/coverage/src/alert/AlertLookup/AlertLookup.js.html +1 -1
- package/coverage/src/alert/AlertLookup/AlertLookup.module.css.html +1 -1
- package/coverage/src/alert/AlertLookup/index.html +1 -1
- package/coverage/src/alert/AlertLookup/props/defaultProps.js.html +1 -1
- package/coverage/src/alert/AlertLookup/props/index.html +1 -1
- package/coverage/src/alert/AlertLookup/props/propTypes.js.html +1 -1
- package/coverage/src/avatar/AvatarClose/AvatarClose.js.html +1 -1
- package/coverage/src/avatar/AvatarClose/AvatarClose.module.css.html +1 -1
- package/coverage/src/avatar/AvatarClose/index.html +1 -1
- package/coverage/src/avatar/AvatarClose/props/defaultProps.js.html +1 -1
- package/coverage/src/avatar/AvatarClose/props/index.html +1 -1
- package/coverage/src/avatar/AvatarClose/props/propTypes.js.html +1 -1
- package/coverage/src/avatar/AvatarCollision/AvatarCollision.js.html +1 -1
- package/coverage/src/avatar/AvatarCollision/AvatarCollision.module.css.html +1 -1
- package/coverage/src/avatar/AvatarCollision/index.html +1 -1
- package/coverage/src/avatar/AvatarCollision/props/defaultProps.js.html +1 -1
- package/coverage/src/avatar/AvatarCollision/props/index.html +1 -1
- package/coverage/src/avatar/AvatarCollision/props/propTypes.js.html +1 -1
- package/coverage/src/avatar/AvatarIcon/AvatarIcon.js.html +5 -5
- package/coverage/src/avatar/AvatarIcon/AvatarIcon.module.css.html +1 -1
- package/coverage/src/avatar/AvatarIcon/index.html +1 -1
- package/coverage/src/avatar/AvatarIcon/props/defaultProps.js.html +1 -1
- package/coverage/src/avatar/AvatarIcon/props/index.html +1 -1
- package/coverage/src/avatar/AvatarIcon/props/propTypes.js.html +1 -1
- package/coverage/src/avatar/AvatarStatus/AvatarStatus.js.html +1 -1
- package/coverage/src/avatar/AvatarStatus/AvatarStatus.module.css.html +1 -1
- package/coverage/src/avatar/AvatarStatus/index.html +1 -1
- package/coverage/src/avatar/AvatarStatus/props/defaultProps.js.html +1 -1
- package/coverage/src/avatar/AvatarStatus/props/index.html +1 -1
- package/coverage/src/avatar/AvatarStatus/props/propTypes.js.html +1 -1
- package/coverage/src/avatar/AvatarThread/AvatarThread.js.html +1 -1
- package/coverage/src/avatar/AvatarThread/AvatarThread.module.css.html +1 -1
- package/coverage/src/avatar/AvatarThread/index.html +1 -1
- package/coverage/src/avatar/AvatarThread/props/defaultProps.js.html +1 -1
- package/coverage/src/avatar/AvatarThread/props/index.html +1 -1
- package/coverage/src/avatar/AvatarThread/props/propTypes.js.html +1 -1
- package/coverage/src/avatar/AvatarUser/AvatarUser.js.html +9 -9
- package/coverage/src/avatar/AvatarUser/AvatarUser.module.css.html +1 -1
- package/coverage/src/avatar/AvatarUser/index.html +5 -5
- package/coverage/src/avatar/AvatarUser/props/defaultProps.js.html +1 -1
- package/coverage/src/avatar/AvatarUser/props/index.html +1 -1
- package/coverage/src/avatar/AvatarUser/props/propTypes.js.html +1 -1
- package/coverage/src/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
- package/coverage/src/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
- package/coverage/src/avatar/AvatarWithTeam/index.html +1 -1
- package/coverage/src/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
- package/coverage/src/avatar/AvatarWithTeam/props/index.html +1 -1
- package/coverage/src/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
- package/coverage/src/common/dot_boxShadow.module.css.html +1 -1
- package/coverage/src/common/index.html +1 -1
- package/coverage/src/dropdown/ToggleDropDown/ToggleDropDown.js.html +1 -1
- package/coverage/src/dropdown/ToggleDropDown/ToggleDropDown.module.css.html +1 -1
- package/coverage/src/dropdown/ToggleDropDown/index.html +1 -1
- package/coverage/src/dropdown/ToggleDropDown/props/defaultProps.js.html +1 -1
- package/coverage/src/dropdown/ToggleDropDown/props/index.html +1 -1
- package/coverage/src/dropdown/ToggleDropDown/props/propTypes.js.html +1 -1
- package/coverage/src/emptystate/CommonEmptyState/CommonEmptyState.js.html +1 -1
- package/coverage/src/emptystate/CommonEmptyState/CommonEmptyState.module.css.html +1 -1
- package/coverage/src/emptystate/CommonEmptyState/index.html +1 -1
- package/coverage/src/emptystate/CommonEmptyState/props/defaultProps.js.html +1 -1
- package/coverage/src/emptystate/CommonEmptyState/props/index.html +1 -1
- package/coverage/src/emptystate/CommonEmptyState/props/propTypes.js.html +1 -1
- package/coverage/src/emptystate/EditionPage/EditionPage.css.html +1 -1
- package/coverage/src/emptystate/EditionPage/EditionPage.js.html +1 -1
- package/coverage/src/emptystate/EditionPage/index.html +1 -1
- package/coverage/src/emptystate/EditionPage/props/defaultProps.js.html +1 -1
- package/coverage/src/emptystate/EditionPage/props/index.html +1 -1
- package/coverage/src/emptystate/EditionPage/props/propTypes.js.html +1 -1
- package/coverage/src/errorstate/EmptyStates.module.css.html +1 -1
- package/coverage/src/errorstate/Inconvenience/Inconvenience.js.html +1 -1
- package/coverage/src/errorstate/Inconvenience/Inconvenience.module.css.html +1 -1
- package/coverage/src/errorstate/Inconvenience/index.html +1 -1
- package/coverage/src/errorstate/Inconvenience/props/defaultProps.js.html +1 -1
- package/coverage/src/errorstate/Inconvenience/props/index.html +1 -1
- package/coverage/src/errorstate/Inconvenience/props/propTypes.js.html +1 -1
- package/coverage/src/errorstate/LinkText/LinkText.js.html +1 -1
- package/coverage/src/errorstate/LinkText/LinkText.module.css.html +1 -1
- package/coverage/src/errorstate/LinkText/index.html +1 -1
- package/coverage/src/errorstate/LinkText/props/defaultProps.js.html +1 -1
- package/coverage/src/errorstate/LinkText/props/index.html +1 -1
- package/coverage/src/errorstate/LinkText/props/propTypes.js.html +1 -1
- package/coverage/src/errorstate/NoRequestFound/NoRequestFound.js.html +1 -1
- package/coverage/src/errorstate/NoRequestFound/NoRequestFound.module.css.html +1 -1
- package/coverage/src/errorstate/NoRequestFound/index.html +1 -1
- package/coverage/src/errorstate/NoRequestFound/props/defaultProps.js.html +1 -1
- package/coverage/src/errorstate/NoRequestFound/props/index.html +1 -1
- package/coverage/src/errorstate/NoRequestFound/props/propTypes.js.html +1 -1
- package/coverage/src/errorstate/PermissionPlay/PermissionPlay.js.html +1 -1
- package/coverage/src/errorstate/PermissionPlay/PermissionPlay.module.css.html +1 -1
- package/coverage/src/errorstate/PermissionPlay/index.html +1 -1
- package/coverage/src/errorstate/PermissionPlay/props/defaultProps.js.html +1 -1
- package/coverage/src/errorstate/PermissionPlay/props/index.html +1 -1
- package/coverage/src/errorstate/PermissionPlay/props/propTypes.js.html +1 -1
- package/coverage/src/errorstate/RequestUrlNotFound/RequestUrlNotFound.js.html +1 -1
- package/coverage/src/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css.html +1 -1
- package/coverage/src/errorstate/RequestUrlNotFound/index.html +1 -1
- package/coverage/src/errorstate/RequestUrlNotFound/props/defaultProps.js.html +1 -1
- package/coverage/src/errorstate/RequestUrlNotFound/props/index.html +1 -1
- package/coverage/src/errorstate/RequestUrlNotFound/props/propTypes.js.html +1 -1
- package/coverage/src/errorstate/UnableToProcess/UnableToProcess.js.html +1 -1
- package/coverage/src/errorstate/UnableToProcess/UnableToProcess.module.css.html +1 -1
- package/coverage/src/errorstate/UnableToProcess/index.html +1 -1
- package/coverage/src/errorstate/UnableToProcess/props/defaultProps.js.html +1 -1
- package/coverage/src/errorstate/UnableToProcess/props/index.html +1 -1
- package/coverage/src/errorstate/UnableToProcess/props/propTypes.js.html +1 -1
- package/coverage/src/errorstate/UnauthorizedLogin/UnauthorizedLogin.js.html +1 -1
- package/coverage/src/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css.html +1 -1
- package/coverage/src/errorstate/UnauthorizedLogin/index.html +1 -1
- package/coverage/src/errorstate/UnauthorizedLogin/props/defaultProps.js.html +1 -1
- package/coverage/src/errorstate/UnauthorizedLogin/props/index.html +1 -1
- package/coverage/src/errorstate/UnauthorizedLogin/props/propTypes.js.html +1 -1
- package/coverage/src/errorstate/WillBack/WillBack.js.html +1 -1
- package/coverage/src/errorstate/WillBack/WillBack.module.css.html +1 -1
- package/coverage/src/errorstate/WillBack/index.html +1 -1
- package/coverage/src/errorstate/WillBack/props/defaultProps.js.html +1 -1
- package/coverage/src/errorstate/WillBack/props/index.html +1 -1
- package/coverage/src/errorstate/WillBack/props/propTypes.js.html +1 -1
- package/coverage/src/errorstate/index.html +1 -1
- package/coverage/src/form/fields/CheckBoxField/CheckBoxField.js.html +1 -1
- package/coverage/src/form/fields/CheckBoxField/index.html +1 -1
- package/coverage/src/form/fields/CheckBoxField/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/CheckBoxField/props/index.html +1 -1
- package/coverage/src/form/fields/CheckBoxField/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/CurrencyField/CurrencyField.js.html +1 -1
- package/coverage/src/form/fields/CurrencyField/index.html +1 -1
- package/coverage/src/form/fields/CurrencyField/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/CurrencyField/props/index.html +1 -1
- package/coverage/src/form/fields/CurrencyField/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/DateField/DateField.js.html +1 -1
- package/coverage/src/form/fields/DateField/index.html +1 -1
- package/coverage/src/form/fields/DateField/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/DateField/props/index.html +1 -1
- package/coverage/src/form/fields/DateField/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/FieldContainer/FieldContainer.js.html +1 -1
- package/coverage/src/form/fields/FieldContainer/index.html +1 -1
- package/coverage/src/form/fields/FieldContainer/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/FieldContainer/props/index.html +1 -1
- package/coverage/src/form/fields/FieldContainer/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/Fields.module.css.html +1 -1
- package/coverage/src/form/fields/MultiSelectField/MultiSelectField.js.html +1 -1
- package/coverage/src/form/fields/MultiSelectField/index.html +1 -1
- package/coverage/src/form/fields/MultiSelectField/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/MultiSelectField/props/index.html +1 -1
- package/coverage/src/form/fields/MultiSelectField/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/PhoneField/PhoneField.js.html +1 -1
- package/coverage/src/form/fields/PhoneField/index.html +1 -1
- package/coverage/src/form/fields/PhoneField/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/PhoneField/props/index.html +1 -1
- package/coverage/src/form/fields/PhoneField/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/RadioField/RadioField.js.html +1 -1
- package/coverage/src/form/fields/RadioField/index.html +1 -1
- package/coverage/src/form/fields/RadioField/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/RadioField/props/index.html +1 -1
- package/coverage/src/form/fields/RadioField/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/SelectField/SelectField.js.html +1 -1
- package/coverage/src/form/fields/SelectField/index.html +1 -1
- package/coverage/src/form/fields/SelectField/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/SelectField/props/index.html +1 -1
- package/coverage/src/form/fields/SelectField/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/TagsMultiSelect/TagsMultiSelect.js.html +1 -1
- package/coverage/src/form/fields/TagsMultiSelect/TagsMultiSelect.module.css.html +1 -1
- package/coverage/src/form/fields/TagsMultiSelect/index.html +1 -1
- package/coverage/src/form/fields/TagsMultiSelect/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/TagsMultiSelect/props/index.html +1 -1
- package/coverage/src/form/fields/TagsMultiSelect/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/TagsMultiSelectField/TagsMultiSelectField.js.html +1 -1
- package/coverage/src/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css.html +1 -1
- package/coverage/src/form/fields/TagsMultiSelectField/index.html +1 -1
- package/coverage/src/form/fields/TagsMultiSelectField/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/TagsMultiSelectField/props/index.html +1 -1
- package/coverage/src/form/fields/TagsMultiSelectField/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/TextBoxField/TextBoxField.js.html +1 -1
- package/coverage/src/form/fields/TextBoxField/index.html +1 -1
- package/coverage/src/form/fields/TextBoxField/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/TextBoxField/props/index.html +1 -1
- package/coverage/src/form/fields/TextBoxField/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/TextEditor/TextEditor.js.html +1 -1
- package/coverage/src/form/fields/TextEditor/TextEditor.module.css.html +1 -1
- package/coverage/src/form/fields/TextEditor/index.html +1 -1
- package/coverage/src/form/fields/TextEditor/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/TextEditor/props/index.html +1 -1
- package/coverage/src/form/fields/TextEditor/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/TextEditorField/TextEditorField.js.html +1 -1
- package/coverage/src/form/fields/TextEditorField/index.html +1 -1
- package/coverage/src/form/fields/TextEditorField/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/TextEditorField/props/index.html +1 -1
- package/coverage/src/form/fields/TextEditorField/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/TextEditorWrapper/TextEditorWrapper.js.html +1 -1
- package/coverage/src/form/fields/TextEditorWrapper/TextEditorWrapper.module.css.html +1 -1
- package/coverage/src/form/fields/TextEditorWrapper/index.html +1 -1
- package/coverage/src/form/fields/TextEditorWrapper/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/TextEditorWrapper/props/index.html +1 -1
- package/coverage/src/form/fields/TextEditorWrapper/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/TextareaField/TextareaField.js.html +1 -1
- package/coverage/src/form/fields/TextareaField/index.html +1 -1
- package/coverage/src/form/fields/TextareaField/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/TextareaField/props/index.html +1 -1
- package/coverage/src/form/fields/TextareaField/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/ValidationMessage/ValidationMessage.js.html +1 -1
- package/coverage/src/form/fields/ValidationMessage/ValidationMessage.module.css.html +1 -1
- package/coverage/src/form/fields/ValidationMessage/index.html +1 -1
- package/coverage/src/form/fields/ValidationMessage/props/defaultProps.js.html +1 -1
- package/coverage/src/form/fields/ValidationMessage/props/index.html +1 -1
- package/coverage/src/form/fields/ValidationMessage/props/propTypes.js.html +1 -1
- package/coverage/src/form/fields/index.html +1 -1
- package/coverage/src/form/fields/props/FieldCommonDefaultProps.js.html +1 -1
- package/coverage/src/form/fields/props/FieldCommonPropTypes.js.html +1 -1
- package/coverage/src/form/fields/props/index.html +1 -1
- package/coverage/src/form/layout/Field/Field.js.html +1 -1
- package/coverage/src/form/layout/Field/Field.module.css.html +1 -1
- package/coverage/src/form/layout/Field/index.html +1 -1
- package/coverage/src/form/layout/Field/props/defaultProps.js.html +1 -1
- package/coverage/src/form/layout/Field/props/index.html +1 -1
- package/coverage/src/form/layout/Field/props/propTypes.js.html +1 -1
- package/coverage/src/form/layout/Section/ModuleFormSection.module.css.html +1 -1
- package/coverage/src/form/layout/Section/Section.js.html +1 -1
- package/coverage/src/form/layout/Section/index.html +1 -1
- package/coverage/src/form/layout/Section/props/index.html +1 -1
- package/coverage/src/form/layout/Section/props/propTypes.js.html +1 -1
- package/coverage/src/layout/SetupDetailLayout/SetupDetailLayout.js.html +1 -1
- package/coverage/src/layout/SetupDetailLayout/SetupDetailLayout.module.css.html +1 -1
- package/coverage/src/layout/SetupDetailLayout/index.html +1 -1
- package/coverage/src/layout/SetupDetailLayout/props/defaultProps.js.html +1 -1
- package/coverage/src/layout/SetupDetailLayout/props/index.html +1 -1
- package/coverage/src/layout/SetupDetailLayout/props/propTypes.js.html +1 -1
- package/coverage/src/layout/SubtabLayout/SubtabLayout.js.html +1 -1
- package/coverage/src/layout/SubtabLayout/SubtabLayout.module.css.html +1 -1
- package/coverage/src/layout/SubtabLayout/index.html +1 -1
- package/coverage/src/layout/SubtabLayout/props/defaultProps.js.html +1 -1
- package/coverage/src/layout/SubtabLayout/props/index.html +1 -1
- package/coverage/src/layout/SubtabLayout/props/propTypes.js.html +1 -1
- package/coverage/src/list/AvatarFlip/AvatarFlip.js.html +1 -1
- package/coverage/src/list/AvatarFlip/AvatarFlip.module.css.html +1 -1
- package/coverage/src/list/AvatarFlip/index.html +1 -1
- package/coverage/src/list/AvatarFlip/props/defaultProps.js.html +1 -1
- package/coverage/src/list/AvatarFlip/props/index.html +1 -1
- package/coverage/src/list/AvatarFlip/props/propTypes.js.html +1 -1
- package/coverage/src/list/BluePrintStatus/BluePrintStatus.js.html +1 -1
- package/coverage/src/list/BluePrintStatus/BluePrintStatus.module.css.html +1 -1
- package/coverage/src/list/BluePrintStatus/index.html +1 -1
- package/coverage/src/list/BluePrintStatus/props/index.html +1 -1
- package/coverage/src/list/BluePrintStatus/props/propTypes.js.html +1 -1
- package/coverage/src/list/Comment/Comment.js.html +1 -1
- package/coverage/src/list/Comment/Comment.module.css.html +1 -1
- package/coverage/src/list/Comment/index.html +1 -1
- package/coverage/src/list/Comment/props/defaultProps.js.html +1 -1
- package/coverage/src/list/Comment/props/index.html +1 -1
- package/coverage/src/list/Comment/props/propTypes.js.html +1 -1
- package/coverage/src/list/DepartmentDropDown/DepartmentDropDown.js.html +1 -1
- package/coverage/src/list/DepartmentDropDown/DepartmentDropDown.module.css.html +1 -1
- package/coverage/src/list/DepartmentDropDown/index.html +1 -1
- package/coverage/src/list/DepartmentDropDown/props/defaultProps.js.html +1 -1
- package/coverage/src/list/DepartmentDropDown/props/index.html +1 -1
- package/coverage/src/list/DepartmentDropDown/props/propTypes.js.html +1 -1
- package/coverage/src/list/Dot/Dot.js.html +1 -1
- package/coverage/src/list/Dot/Dot.module.css.html +1 -1
- package/coverage/src/list/Dot/index.html +1 -1
- package/coverage/src/list/Dot/props/defaultProps.js.html +1 -1
- package/coverage/src/list/Dot/props/index.html +1 -1
- package/coverage/src/list/Dot/props/propTypes.js.html +1 -1
- package/coverage/src/list/DotNew/DotNew.js.html +1 -1
- package/coverage/src/list/DotNew/DotNew.module.css.html +1 -1
- package/coverage/src/list/DotNew/index.html +1 -1
- package/coverage/src/list/DotNew/props/defaultProps.js.html +1 -1
- package/coverage/src/list/DotNew/props/index.html +1 -1
- package/coverage/src/list/DotNew/props/propTypes.js.html +1 -1
- package/coverage/src/list/GridStencils/GridStencils.js.html +1 -1
- package/coverage/src/list/GridStencils/GridStencils.module.css.html +1 -1
- package/coverage/src/list/GridStencils/index.html +1 -1
- package/coverage/src/list/GridStencils/props/index.html +1 -1
- package/coverage/src/list/GridStencils/props/propTypes.js.html +1 -1
- package/coverage/src/list/Icons/AddNewIcon.js.html +1 -1
- package/coverage/src/list/Icons/CompleteIcon.js.html +1 -1
- package/coverage/src/list/Icons/DeleteIcon.js.html +1 -1
- package/coverage/src/list/Icons/EditIcon.js.html +1 -1
- package/coverage/src/list/Icons/FloatingIcons.js.html +1 -1
- package/coverage/src/list/Icons/Icons.module.css.html +1 -1
- package/coverage/src/list/Icons/ReadUnreadIcon.js.html +1 -1
- package/coverage/src/list/Icons/SmartIcon.js.html +1 -1
- package/coverage/src/list/Icons/index.html +1 -1
- package/coverage/src/list/Icons/props/defaultProps.js.html +1 -1
- package/coverage/src/list/Icons/props/index.html +1 -1
- package/coverage/src/list/Icons/props/propTypes.js.html +1 -1
- package/coverage/src/list/ListLayout/ListLayout.js.html +1 -1
- package/coverage/src/list/ListLayout/ListLayout.module.css.html +1 -1
- package/coverage/src/list/ListLayout/index.html +1 -1
- package/coverage/src/list/ListLayout/props/defaultProps.js.html +1 -1
- package/coverage/src/list/ListLayout/props/index.html +1 -1
- package/coverage/src/list/ListLayout/props/propTypes.js.html +1 -1
- package/coverage/src/list/ListStencils/ListStencils.js.html +7 -7
- package/coverage/src/list/ListStencils/ListStencils.module.css.html +1 -1
- package/coverage/src/list/ListStencils/index.html +5 -5
- package/coverage/src/list/ListStencils/props/defaultProps.js.html +1 -1
- package/coverage/src/list/ListStencils/props/index.html +1 -1
- package/coverage/src/list/ListStencils/props/propTypes.js.html +9 -3
- package/coverage/src/list/SecondaryText/AccountName.js.html +1 -1
- package/coverage/src/list/SecondaryText/ContactName.js.html +1 -1
- package/coverage/src/list/SecondaryText/DepartmentText.js.html +1 -1
- package/coverage/src/list/SecondaryText/Email.js.html +1 -1
- package/coverage/src/list/SecondaryText/HappinessRating.js.html +1 -1
- package/coverage/src/list/SecondaryText/PhoneNumber.js.html +1 -1
- package/coverage/src/list/SecondaryText/PriorityText.js.html +1 -1
- package/coverage/src/list/SecondaryText/SecondaryText.js.html +1 -1
- package/coverage/src/list/SecondaryText/SecondaryText.module.css.html +1 -1
- package/coverage/src/list/SecondaryText/StatusText.js.html +1 -1
- package/coverage/src/list/SecondaryText/TicketId.js.html +1 -1
- package/coverage/src/list/SecondaryText/Website.js.html +1 -1
- package/coverage/src/list/SecondaryText/index.html +1 -1
- package/coverage/src/list/SecondaryText/index.js.html +1 -1
- package/coverage/src/list/SecondaryText/props/defaultProps.js.html +1 -1
- package/coverage/src/list/SecondaryText/props/index.html +1 -1
- package/coverage/src/list/SecondaryText/props/propTypes.js.html +1 -1
- package/coverage/src/list/SecondryPanel/SecondryPanel.js.html +1 -1
- package/coverage/src/list/SecondryPanel/SecondryPanel.module.css.html +1 -1
- package/coverage/src/list/SecondryPanel/index.html +1 -1
- package/coverage/src/list/SecondryPanel/props/defaultProps.js.html +1 -1
- package/coverage/src/list/SecondryPanel/props/index.html +1 -1
- package/coverage/src/list/SecondryPanel/props/propTypes.js.html +1 -1
- package/coverage/src/list/SentimentStatus/SentimentStatus.js.html +1 -1
- package/coverage/src/list/SentimentStatus/SentimentStatus.module.css.html +1 -1
- package/coverage/src/list/SentimentStatus/index.html +1 -1
- package/coverage/src/list/SentimentStatus/props/index.html +1 -1
- package/coverage/src/list/SentimentStatus/props/propTypes.js.html +1 -1
- package/coverage/src/list/Subject/Subject.js.html +1 -1
- package/coverage/src/list/Subject/Subject.module.css.html +1 -1
- package/coverage/src/list/Subject/index.html +1 -1
- package/coverage/src/list/Subject/props/defaultProps.js.html +1 -1
- package/coverage/src/list/Subject/props/index.html +1 -1
- package/coverage/src/list/Subject/props/propTypes.js.html +1 -1
- package/coverage/src/list/TagNew/TagNew.js.html +1 -1
- package/coverage/src/list/TagNew/TagNew.module.css.html +1 -1
- package/coverage/src/list/TagNew/index.html +1 -1
- package/coverage/src/list/TagNew/props/defaultProps.js.html +1 -1
- package/coverage/src/list/TagNew/props/index.html +1 -1
- package/coverage/src/list/TagNew/props/propTypes.js.html +1 -1
- package/coverage/src/list/Thread/Thread.js.html +1 -1
- package/coverage/src/list/Thread/Thread.module.css.html +1 -1
- package/coverage/src/list/Thread/index.html +1 -1
- package/coverage/src/list/Thread/props/defaultProps.js.html +1 -1
- package/coverage/src/list/Thread/props/index.html +1 -1
- package/coverage/src/list/Thread/props/propTypes.js.html +1 -1
- package/coverage/src/list/status/StatusDropdown/StatusDropdown.js.html +1 -1
- package/coverage/src/list/status/StatusDropdown/StatusDropdown.module.css.html +1 -1
- package/coverage/src/list/status/StatusDropdown/index.html +1 -1
- package/coverage/src/list/status/StatusDropdown/props/defaultProps.js.html +1 -1
- package/coverage/src/list/status/StatusDropdown/props/index.html +1 -1
- package/coverage/src/list/status/StatusDropdown/props/propTypes.js.html +1 -1
- package/coverage/src/list/status/StatusListItem/StatusListItem.js.html +1 -1
- package/coverage/src/list/status/StatusListItem/StatusListItem.module.css.html +1 -1
- package/coverage/src/list/status/StatusListItem/index.html +1 -1
- package/coverage/src/list/status/StatusListItem/props/defaultProps.js.html +1 -1
- package/coverage/src/list/status/StatusListItem/props/index.html +1 -1
- package/coverage/src/list/status/StatusListItem/props/propTypes.js.html +1 -1
- package/coverage/src/lookup/EmptyPage/EmptyPage.js.html +1 -1
- package/coverage/src/lookup/EmptyPage/LookupEmptyPage.module.css.html +1 -1
- package/coverage/src/lookup/EmptyPage/index.html +1 -1
- package/coverage/src/lookup/EmptyPage/props/defaultProps.js.html +1 -1
- package/coverage/src/lookup/EmptyPage/props/index.html +1 -1
- package/coverage/src/lookup/EmptyPage/props/propTypes.js.html +1 -1
- package/coverage/src/lookup/Lookup/Lookup.js.html +1 -1
- package/coverage/src/lookup/Lookup/Lookup.module.css.html +1 -1
- package/coverage/src/lookup/Lookup/index.html +1 -1
- package/coverage/src/lookup/Lookup/props/defaultProps.js.html +1 -1
- package/coverage/src/lookup/Lookup/props/index.html +1 -1
- package/coverage/src/lookup/Lookup/props/propTypes.js.html +1 -1
- package/coverage/src/lookup/Section/LookupSection.module.css.html +1 -1
- package/coverage/src/lookup/Section/Section.js.html +1 -1
- package/coverage/src/lookup/Section/index.html +1 -1
- package/coverage/src/lookup/Section/props/index.html +1 -1
- package/coverage/src/lookup/Section/props/propTypes.js.html +1 -1
- package/coverage/src/lookup/header/Close/Close.js.html +1 -1
- package/coverage/src/lookup/header/Close/index.html +1 -1
- package/coverage/src/lookup/header/Close/props/defaultProps.js.html +1 -1
- package/coverage/src/lookup/header/Close/props/index.html +1 -1
- package/coverage/src/lookup/header/Close/props/propTypes.js.html +1 -1
- package/coverage/src/lookup/header/ModuleHeader/ModuleHeader.js.html +1 -1
- package/coverage/src/lookup/header/ModuleHeader/index.html +1 -1
- package/coverage/src/lookup/header/ModuleHeader/props/defaultProps.js.html +1 -1
- package/coverage/src/lookup/header/ModuleHeader/props/index.html +1 -1
- package/coverage/src/lookup/header/ModuleHeader/props/propTypes.js.html +1 -1
- package/coverage/src/lookup/header/Search/LookupSearch.module.css.html +1 -1
- package/coverage/src/lookup/header/Search/Search.js.html +1 -1
- package/coverage/src/lookup/header/Search/index.html +1 -1
- package/coverage/src/lookup/header/Search/props/defaultProps.js.html +1 -1
- package/coverage/src/lookup/header/Search/props/index.html +1 -1
- package/coverage/src/lookup/header/Search/props/propTypes.js.html +1 -1
- package/coverage/src/lookup/header/TicketHeader/TicketHeader.js.html +1 -1
- package/coverage/src/lookup/header/TicketHeader/TicketHeader.module.css.html +1 -1
- package/coverage/src/lookup/header/TicketHeader/index.html +1 -1
- package/coverage/src/lookup/header/TicketHeader/props/defaultProps.js.html +1 -1
- package/coverage/src/lookup/header/TicketHeader/props/index.html +1 -1
- package/coverage/src/lookup/header/TicketHeader/props/propTypes.js.html +1 -1
- package/coverage/src/lookup/header/Title/LookupTitle.module.css.html +1 -1
- package/coverage/src/lookup/header/Title/Title.js.html +1 -1
- package/coverage/src/lookup/header/Title/index.html +1 -1
- package/coverage/src/lookup/header/Title/props/defaultProps.js.html +1 -1
- package/coverage/src/lookup/header/Title/props/index.html +1 -1
- package/coverage/src/lookup/header/Title/props/propTypes.js.html +1 -1
- package/coverage/src/lookup/header/ViewDropDown/ViewDropDown.js.html +1 -1
- package/coverage/src/lookup/header/ViewDropDown/ViewDropDown.module.css.html +1 -1
- package/coverage/src/lookup/header/ViewDropDown/index.html +1 -1
- package/coverage/src/lookup/header/ViewDropDown/props/defaultProps.js.html +1 -1
- package/coverage/src/lookup/header/ViewDropDown/props/index.html +1 -1
- package/coverage/src/lookup/header/ViewDropDown/props/propTypes.js.html +1 -1
- package/coverage/src/lookup/header/index.html +1 -1
- package/coverage/src/lookup/header/lookupHeaderCommon.module.css.html +1 -1
- package/coverage/src/lookup/header/lookupHeaderCommonResponsive.module.css.html +1 -1
- package/coverage/src/setup/header/Button/Button.js.html +1 -1
- package/coverage/src/setup/header/Button/HeaderButton.module.css.html +1 -1
- package/coverage/src/setup/header/Button/index.html +1 -1
- package/coverage/src/setup/header/Button/props/defaultProps.js.html +1 -1
- package/coverage/src/setup/header/Button/props/index.html +1 -1
- package/coverage/src/setup/header/Button/props/propTypes.js.html +1 -1
- package/coverage/src/setup/header/Link/HeaderLink.module.css.html +1 -1
- package/coverage/src/setup/header/Link/Link.js.html +1 -1
- package/coverage/src/setup/header/Link/index.html +1 -1
- package/coverage/src/setup/header/Link/props/defaultProps.js.html +1 -1
- package/coverage/src/setup/header/Link/props/index.html +1 -1
- package/coverage/src/setup/header/Link/props/propTypes.js.html +1 -1
- package/coverage/src/setup/header/Search/Search.js.html +1 -1
- package/coverage/src/setup/header/Search/Search.module.css.html +1 -1
- package/coverage/src/setup/header/Search/index.html +1 -1
- package/coverage/src/setup/header/Search/props/defaultProps.js.html +1 -1
- package/coverage/src/setup/header/Search/props/index.html +1 -1
- package/coverage/src/setup/header/Search/props/propTypes.js.html +1 -1
- package/coverage/src/setup/header/Views/Views.js.html +1 -1
- package/coverage/src/setup/header/Views/Views.module.css.html +1 -1
- package/coverage/src/setup/header/Views/index.html +1 -1
- package/coverage/src/setup/header/Views/props/defaultProps.js.html +1 -1
- package/coverage/src/setup/header/Views/props/index.html +1 -1
- package/coverage/src/setup/header/Views/props/propTypes.js.html +1 -1
- package/coverage/src/setup/helptips/Description/Description.js.html +1 -1
- package/coverage/src/setup/helptips/Description/HelpTipsDescription.module.css.html +1 -1
- package/coverage/src/setup/helptips/Description/index.html +1 -1
- package/coverage/src/setup/helptips/Description/props/index.html +1 -1
- package/coverage/src/setup/helptips/Description/props/propTypes.js.html +1 -1
- package/coverage/src/setup/helptips/Link/HelpTipsLink.module.css.html +1 -1
- package/coverage/src/setup/helptips/Link/Link.js.html +1 -1
- package/coverage/src/setup/helptips/Link/index.html +1 -1
- package/coverage/src/setup/helptips/Link/props/index.html +1 -1
- package/coverage/src/setup/helptips/Link/props/propTypes.js.html +1 -1
- package/coverage/src/setup/helptips/ListGroup/ListGroup.js.html +1 -1
- package/coverage/src/setup/helptips/ListGroup/ListGroup.module.css.html +1 -1
- package/coverage/src/setup/helptips/ListGroup/index.html +1 -1
- package/coverage/src/setup/helptips/ListGroup/props/index.html +1 -1
- package/coverage/src/setup/helptips/ListGroup/props/propTypes.js.html +1 -1
- package/coverage/src/setup/helptips/Title/HelpTipsTitle.module.css.html +1 -1
- package/coverage/src/setup/helptips/Title/Title.js.html +1 -1
- package/coverage/src/setup/helptips/Title/index.html +1 -1
- package/coverage/src/setup/helptips/Title/props/index.html +1 -1
- package/coverage/src/setup/helptips/Title/props/propTypes.js.html +1 -1
- package/coverage/src/setup/table/Table/Table.js.html +1 -1
- package/coverage/src/setup/table/Table/index.html +1 -1
- package/coverage/src/setup/table/Table/props/defaultProps.js.html +1 -1
- package/coverage/src/setup/table/Table/props/index.html +1 -1
- package/coverage/src/setup/table/Table/props/propTypes.js.html +1 -1
- package/coverage/src/setup/table/TableBody/TableBody.js.html +1 -1
- package/coverage/src/setup/table/TableBody/index.html +1 -1
- package/coverage/src/setup/table/TableBody/props/defaultProps.js.html +1 -1
- package/coverage/src/setup/table/TableBody/props/index.html +1 -1
- package/coverage/src/setup/table/TableBody/props/propTypes.js.html +1 -1
- package/coverage/src/setup/table/TableData/SetupTableData.module.css.html +1 -1
- package/coverage/src/setup/table/TableData/TableData.js.html +1 -1
- package/coverage/src/setup/table/TableData/index.html +1 -1
- package/coverage/src/setup/table/TableData/props/defaultProps.js.html +1 -1
- package/coverage/src/setup/table/TableData/props/index.html +1 -1
- package/coverage/src/setup/table/TableData/props/propTypes.js.html +1 -1
- package/coverage/src/setup/table/TableHead/SetupTableHead.module.css.html +1 -1
- package/coverage/src/setup/table/TableHead/TableHead.js.html +1 -1
- package/coverage/src/setup/table/TableHead/index.html +1 -1
- package/coverage/src/setup/table/TableHead/props/defaultProps.js.html +1 -1
- package/coverage/src/setup/table/TableHead/props/index.html +1 -1
- package/coverage/src/setup/table/TableHead/props/propTypes.js.html +1 -1
- package/coverage/src/setup/table/TableRow/SetupTableRow.module.css.html +1 -1
- package/coverage/src/setup/table/TableRow/TableRow.js.html +1 -1
- package/coverage/src/setup/table/TableRow/index.html +1 -1
- package/coverage/src/setup/table/TableRow/props/defaultProps.js.html +1 -1
- package/coverage/src/setup/table/TableRow/props/index.html +1 -1
- package/coverage/src/setup/table/TableRow/props/propTypes.js.html +1 -1
- package/coverage/src/setup/table/Text/TableText.module.css.html +1 -1
- package/coverage/src/setup/table/Text/Text.js.html +1 -1
- package/coverage/src/setup/table/Text/index.html +1 -1
- package/coverage/src/setup/table/Text/props/defaultProps.js.html +1 -1
- package/coverage/src/setup/table/Text/props/index.html +1 -1
- package/coverage/src/setup/table/Text/props/propTypes.js.html +1 -1
- package/coverage/src/svg/PlusIcon.js.html +1 -1
- package/coverage/src/svg/SnippetIcon.js.html +1 -1
- package/coverage/src/svg/TemplateIcon.js.html +1 -1
- package/coverage/src/svg/index.html +1 -1
- package/coverage/src/svg/props/defaultProps.js.html +1 -1
- package/coverage/src/svg/props/index.html +1 -1
- package/coverage/src/svg/props/propTypes.js.html +1 -1
- package/coverage/src/utils/ChannelIconMapping.js.html +2 -2
- package/coverage/src/utils/General.js.html +1 -1
- package/coverage/src/utils/editorUtils.js.html +1 -1
- package/coverage/src/utils/index.html +1 -1
- package/coverage/src/version2/AlertClose/AlertClose.js.html +1 -1
- package/coverage/src/version2/AlertClose/AlertClose.module.css.html +1 -1
- package/coverage/src/version2/AlertClose/index.html +1 -1
- package/coverage/src/version2/AlertClose/props/index.html +1 -1
- package/coverage/src/version2/AlertClose/props/propTypes.js.html +1 -1
- package/coverage/src/version2/GlobalNotification/GlobalNotification.js.html +1 -1
- package/coverage/src/version2/GlobalNotification/GlobalNotification.module.css.html +1 -1
- package/coverage/src/version2/GlobalNotification/index.html +1 -1
- package/coverage/src/version2/GlobalNotification/props/defaultProps.js.html +1 -1
- package/coverage/src/version2/GlobalNotification/props/index.html +1 -1
- package/coverage/src/version2/GlobalNotification/props/propTypes.js.html +1 -1
- package/coverage/src/version2/alertIcons/AlarmAlertIcon.js.html +1 -1
- package/coverage/src/version2/alertIcons/AlertIcons.js.html +1 -1
- package/coverage/src/version2/alertIcons/AlertIcons.module.css.html +1 -1
- package/coverage/src/version2/alertIcons/DangerAlertIcon.js.html +1 -1
- package/coverage/src/version2/alertIcons/ErrorAlertIcon.js.html +1 -1
- package/coverage/src/version2/alertIcons/InfoAlertIcon.js.html +1 -1
- package/coverage/src/version2/alertIcons/NotificationAlertIcon.js.html +1 -1
- package/coverage/src/version2/alertIcons/SuccessAlertIcon.js.html +1 -1
- package/coverage/src/version2/alertIcons/WarningAlertIcon.js.html +1 -1
- package/coverage/src/version2/alertIcons/index.html +1 -1
- package/coverage/src/version2/alertIcons/props/defaultProps.js.html +1 -1
- package/coverage/src/version2/alertIcons/props/index.html +1 -1
- package/coverage/src/version2/alertIcons/props/propTypes.js.html +1 -1
- package/coverage/src/version2/errorstate/Inconvenience/Inconvenience.js.html +1 -1
- package/coverage/src/version2/errorstate/Inconvenience/index.html +1 -1
- package/coverage/src/version2/errorstate/Inconvenience/props/defaultProps.js.html +1 -1
- package/coverage/src/version2/errorstate/Inconvenience/props/index.html +1 -1
- package/coverage/src/version2/errorstate/Inconvenience/props/propTypes.js.html +1 -1
- package/coverage/src/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js.html +1 -1
- package/coverage/src/version2/errorstate/OopsSomethingMiss/index.html +1 -1
- package/coverage/src/version2/errorstate/OopsSomethingMiss/props/defaultProps.js.html +1 -1
- package/coverage/src/version2/errorstate/OopsSomethingMiss/props/index.html +1 -1
- package/coverage/src/version2/errorstate/OopsSomethingMiss/props/propTypes.js.html +1 -1
- package/coverage/src/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js.html +1 -1
- package/coverage/src/version2/errorstate/UnableToProcessRequest/index.html +1 -1
- package/coverage/src/version2/errorstate/UnableToProcessRequest/props/defaultProps.js.html +1 -1
- package/coverage/src/version2/errorstate/UnableToProcessRequest/props/index.html +1 -1
- package/coverage/src/version2/errorstate/UnableToProcessRequest/props/propTypes.js.html +1 -1
- package/coverage/src/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js.html +1 -1
- package/coverage/src/version2/errorstate/UnauthorizedLogin/index.html +1 -1
- package/coverage/src/version2/errorstate/UnauthorizedLogin/props/defaultProps.js.html +1 -1
- package/coverage/src/version2/errorstate/UnauthorizedLogin/props/index.html +1 -1
- package/coverage/src/version2/errorstate/UnauthorizedLogin/props/propTypes.js.html +1 -1
- package/coverage/src/version2/errorstate/UrlNotFound/UrlNotFound.js.html +1 -1
- package/coverage/src/version2/errorstate/UrlNotFound/index.html +1 -1
- package/coverage/src/version2/errorstate/UrlNotFound/props/defaultProps.js.html +1 -1
- package/coverage/src/version2/errorstate/UrlNotFound/props/index.html +1 -1
- package/coverage/src/version2/errorstate/UrlNotFound/props/propTypes.js.html +1 -1
- package/coverage/src/version2/errorstate/V2_ErrorStates.module.css.html +1 -1
- package/coverage/src/version2/errorstate/WillBeRightBack/WillBeRightBack.js.html +1 -1
- package/coverage/src/version2/errorstate/WillBeRightBack/index.html +1 -1
- package/coverage/src/version2/errorstate/WillBeRightBack/props/defaultProps.js.html +1 -1
- package/coverage/src/version2/errorstate/WillBeRightBack/props/index.html +1 -1
- package/coverage/src/version2/errorstate/WillBeRightBack/props/propTypes.js.html +1 -1
- package/coverage/src/version2/errorstate/index.html +1 -1
- package/coverage/src/version2/lookup/AlertHeader/AlertHeader.js.html +1 -1
- package/coverage/src/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css.html +1 -1
- package/coverage/src/version2/lookup/AlertHeader/css/cssJSLogic.js.html +1 -1
- package/coverage/src/version2/lookup/AlertHeader/css/index.html +1 -1
- package/coverage/src/version2/lookup/AlertHeader/index.html +1 -1
- package/coverage/src/version2/lookup/AlertHeader/props/defaultProps.js.html +1 -1
- package/coverage/src/version2/lookup/AlertHeader/props/index.html +1 -1
- package/coverage/src/version2/lookup/AlertHeader/props/propTypes.js.html +1 -1
- package/coverage/src/version2/lookup/AlertLookup/AlertLookup.js.html +1 -1
- package/coverage/src/version2/lookup/AlertLookup/AlertLookupNew.module.css.html +1 -1
- package/coverage/src/version2/lookup/AlertLookup/index.html +1 -1
- package/coverage/src/version2/lookup/AlertLookup/props/defaultProps.js.html +1 -1
- package/coverage/src/version2/lookup/AlertLookup/props/index.html +1 -1
- package/coverage/src/version2/lookup/AlertLookup/props/propTypes.js.html +1 -1
- package/coverage/src/version2/notification/DesktopNotification/DesktopNotification.js.html +1 -1
- package/coverage/src/version2/notification/DesktopNotification/DesktopNotification.module.css.html +1 -1
- package/coverage/src/version2/notification/DesktopNotification/index.html +1 -1
- package/coverage/src/version2/notification/DesktopNotification/props/defaultProps.js.html +1 -1
- package/coverage/src/version2/notification/DesktopNotification/props/index.html +1 -1
- package/coverage/src/version2/notification/DesktopNotification/props/propTypes.js.html +1 -1
- package/coverage/src/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js.html +1 -1
- package/coverage/src/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css.html +1 -1
- package/coverage/src/version2/notification/DesktopNotificationHeader/index.html +1 -1
- package/coverage/src/version2/notification/DesktopNotificationHeader/props/defaultProps.js.html +1 -1
- package/coverage/src/version2/notification/DesktopNotificationHeader/props/index.html +1 -1
- package/coverage/src/version2/notification/DesktopNotificationHeader/props/propTypes.js.html +1 -1
- package/es/ActionButton/__tests__/ActionButton.spec.js +353 -2
- package/es/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +2633 -1
- package/es/Drawer/__tests__/Content.spec.js +24 -0
- package/es/Drawer/__tests__/Drawer.spec.js +130 -4
- package/es/Drawer/__tests__/Footer.spec.js +34 -0
- package/es/Drawer/__tests__/Header.spec.js +173 -0
- package/es/Drawer/__tests__/__snapshots__/Content.spec.js.snap +127 -0
- package/es/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +535 -2
- package/es/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +1233 -0
- package/es/Drawer/__tests__/__snapshots__/Header.spec.js.snap +782 -0
- package/es/FlipCard/__tests__/FlipCard.spec.js +606 -2
- package/es/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +6626 -1
- package/es/Link/__tests__/Link.spec.js +123 -3
- package/es/Link/__tests__/__snapshots__/Link.spec.js.snap +142 -2
- package/es/list/ListStencils/ListStencils.js +7 -2
- package/es/list/ListStencils/__tests__/ListStencils.spec.js +9 -0
- package/es/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +46 -0
- package/es/list/ListStencils/props/propTypes.js +3 -1
- package/lib/ActionButton/__tests__/ActionButton.spec.js +354 -1
- package/lib/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +2633 -1
- package/lib/Drawer/__tests__/Content.spec.js +35 -0
- package/lib/Drawer/__tests__/Drawer.spec.js +132 -5
- package/lib/Drawer/__tests__/Footer.spec.js +41 -0
- package/lib/Drawer/__tests__/Header.spec.js +192 -0
- package/lib/Drawer/__tests__/__snapshots__/Content.spec.js.snap +127 -0
- package/lib/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +535 -2
- package/lib/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +1233 -0
- package/lib/Drawer/__tests__/__snapshots__/Header.spec.js.snap +782 -0
- package/lib/FlipCard/__tests__/FlipCard.spec.js +613 -1
- package/lib/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +6626 -1
- package/lib/Link/__tests__/Link.spec.js +130 -4
- package/lib/Link/__tests__/__snapshots__/Link.spec.js.snap +142 -2
- package/lib/list/ListStencils/ListStencils.js +8 -2
- package/lib/list/ListStencils/__tests__/ListStencils.spec.js +9 -0
- package/lib/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +46 -0
- package/lib/list/ListStencils/props/propTypes.js +3 -1
- package/package.json +6 -6
- package/result.json +1 -1
- package/unittest/index.html +1 -1
|
@@ -1,6 +1,2579 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
|
-
exports[`ActionButton
|
|
3
|
+
exports[`ActionButton renders dataId prop with isLoading set to true 1`] = `
|
|
4
|
+
<DocumentFragment>
|
|
5
|
+
<div
|
|
6
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
7
|
+
data-id="testDataId_actionButton"
|
|
8
|
+
data-selector-id="actionButton"
|
|
9
|
+
data-test-id="testDataId_actionButton"
|
|
10
|
+
>
|
|
11
|
+
<div
|
|
12
|
+
class="grow basis shrinkOff"
|
|
13
|
+
data-id="boxComponent"
|
|
14
|
+
data-selector-id="box"
|
|
15
|
+
data-test-id="boxComponent"
|
|
16
|
+
>
|
|
17
|
+
<button
|
|
18
|
+
class="btn bold primaryfilled medium loader"
|
|
19
|
+
data-id="buttonComp"
|
|
20
|
+
data-selector-id="button"
|
|
21
|
+
data-test-id="buttonComp"
|
|
22
|
+
disabled=""
|
|
23
|
+
type="button"
|
|
24
|
+
>
|
|
25
|
+
Button
|
|
26
|
+
<div
|
|
27
|
+
class="overlay"
|
|
28
|
+
>
|
|
29
|
+
<div
|
|
30
|
+
class="loading mediumloading"
|
|
31
|
+
>
|
|
32
|
+
<div
|
|
33
|
+
class="loadingelement primaryfilledelement"
|
|
34
|
+
/>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</button>
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
</DocumentFragment>
|
|
41
|
+
`;
|
|
42
|
+
|
|
43
|
+
exports[`ActionButton renders with arrowBoxSize medium and children 1`] = `
|
|
44
|
+
<DocumentFragment>
|
|
45
|
+
<div
|
|
46
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
47
|
+
data-id="actionButton_actionButton"
|
|
48
|
+
data-selector-id="actionButton"
|
|
49
|
+
data-test-id="actionButton_actionButton"
|
|
50
|
+
>
|
|
51
|
+
<button
|
|
52
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
53
|
+
data-id="actionButton"
|
|
54
|
+
data-selector-id="box"
|
|
55
|
+
data-test-id="actionButton"
|
|
56
|
+
tabindex="0"
|
|
57
|
+
>
|
|
58
|
+
<div
|
|
59
|
+
class="flex cover coldir both"
|
|
60
|
+
data-id="containerComponent"
|
|
61
|
+
data-selector-id="container"
|
|
62
|
+
data-test-id="containerComponent"
|
|
63
|
+
>
|
|
64
|
+
<div
|
|
65
|
+
class="contentwrapper shrinkOff"
|
|
66
|
+
data-id="boxComponent"
|
|
67
|
+
data-selector-id="box"
|
|
68
|
+
data-test-id="boxComponent"
|
|
69
|
+
>
|
|
70
|
+
<div
|
|
71
|
+
class="flex rowdir vCenter"
|
|
72
|
+
data-id="containerComponent"
|
|
73
|
+
data-selector-id="container"
|
|
74
|
+
data-test-id="containerComponent"
|
|
75
|
+
/>
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
</button>
|
|
79
|
+
<button
|
|
80
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper shrinkOff"
|
|
81
|
+
data-id="actionButton_arrowButton"
|
|
82
|
+
data-selector-id="actionButton_arrowButton"
|
|
83
|
+
data-test-id="actionButton_arrowButton"
|
|
84
|
+
tabindex="0"
|
|
85
|
+
>
|
|
86
|
+
<div
|
|
87
|
+
class="flex cover coldir both"
|
|
88
|
+
data-id="containerComponent"
|
|
89
|
+
data-selector-id="container"
|
|
90
|
+
data-test-id="containerComponent"
|
|
91
|
+
>
|
|
92
|
+
<i
|
|
93
|
+
aria-hidden="true"
|
|
94
|
+
class="zd_font_icons basic icon-down arrow "
|
|
95
|
+
data-id="fontIcon"
|
|
96
|
+
data-selector-id="fontIcon"
|
|
97
|
+
data-test-id="fontIcon"
|
|
98
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
99
|
+
/>
|
|
100
|
+
</div>
|
|
101
|
+
</button>
|
|
102
|
+
</div>
|
|
103
|
+
</DocumentFragment>
|
|
104
|
+
`;
|
|
105
|
+
|
|
106
|
+
exports[`ActionButton renders with arrowBoxSize medium and isPopupOpen false 1`] = `
|
|
107
|
+
<DocumentFragment>
|
|
108
|
+
<div
|
|
109
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
110
|
+
data-id="actionButton_actionButton"
|
|
111
|
+
data-selector-id="actionButton"
|
|
112
|
+
data-test-id="actionButton_actionButton"
|
|
113
|
+
>
|
|
114
|
+
<button
|
|
115
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
116
|
+
data-id="actionButton"
|
|
117
|
+
data-selector-id="box"
|
|
118
|
+
data-test-id="actionButton"
|
|
119
|
+
tabindex="0"
|
|
120
|
+
>
|
|
121
|
+
<div
|
|
122
|
+
class="flex cover coldir both"
|
|
123
|
+
data-id="containerComponent"
|
|
124
|
+
data-selector-id="container"
|
|
125
|
+
data-test-id="containerComponent"
|
|
126
|
+
>
|
|
127
|
+
<div
|
|
128
|
+
class="contentwrapper shrinkOff"
|
|
129
|
+
data-id="boxComponent"
|
|
130
|
+
data-selector-id="box"
|
|
131
|
+
data-test-id="boxComponent"
|
|
132
|
+
>
|
|
133
|
+
<div
|
|
134
|
+
class="flex rowdir vCenter"
|
|
135
|
+
data-id="containerComponent"
|
|
136
|
+
data-selector-id="container"
|
|
137
|
+
data-test-id="containerComponent"
|
|
138
|
+
/>
|
|
139
|
+
</div>
|
|
140
|
+
</div>
|
|
141
|
+
</button>
|
|
142
|
+
</div>
|
|
143
|
+
</DocumentFragment>
|
|
144
|
+
`;
|
|
145
|
+
|
|
146
|
+
exports[`ActionButton renders with arrowBoxSize small and children 1`] = `
|
|
147
|
+
<DocumentFragment>
|
|
148
|
+
<div
|
|
149
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
150
|
+
data-id="actionButton_actionButton"
|
|
151
|
+
data-selector-id="actionButton"
|
|
152
|
+
data-test-id="actionButton_actionButton"
|
|
153
|
+
>
|
|
154
|
+
<button
|
|
155
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
156
|
+
data-id="actionButton"
|
|
157
|
+
data-selector-id="box"
|
|
158
|
+
data-test-id="actionButton"
|
|
159
|
+
tabindex="0"
|
|
160
|
+
>
|
|
161
|
+
<div
|
|
162
|
+
class="flex cover coldir both"
|
|
163
|
+
data-id="containerComponent"
|
|
164
|
+
data-selector-id="container"
|
|
165
|
+
data-test-id="containerComponent"
|
|
166
|
+
>
|
|
167
|
+
<div
|
|
168
|
+
class="contentwrapper shrinkOff"
|
|
169
|
+
data-id="boxComponent"
|
|
170
|
+
data-selector-id="box"
|
|
171
|
+
data-test-id="boxComponent"
|
|
172
|
+
>
|
|
173
|
+
<div
|
|
174
|
+
class="flex rowdir vCenter"
|
|
175
|
+
data-id="containerComponent"
|
|
176
|
+
data-selector-id="container"
|
|
177
|
+
data-test-id="containerComponent"
|
|
178
|
+
/>
|
|
179
|
+
</div>
|
|
180
|
+
</div>
|
|
181
|
+
</button>
|
|
182
|
+
<button
|
|
183
|
+
class="buttonReset small_arrowBox primaryFilledArw arrowWrapper shrinkOff"
|
|
184
|
+
data-id="actionButton_arrowButton"
|
|
185
|
+
data-selector-id="actionButton_arrowButton"
|
|
186
|
+
data-test-id="actionButton_arrowButton"
|
|
187
|
+
tabindex="0"
|
|
188
|
+
>
|
|
189
|
+
<div
|
|
190
|
+
class="flex cover coldir both"
|
|
191
|
+
data-id="containerComponent"
|
|
192
|
+
data-selector-id="container"
|
|
193
|
+
data-test-id="containerComponent"
|
|
194
|
+
>
|
|
195
|
+
<i
|
|
196
|
+
aria-hidden="true"
|
|
197
|
+
class="zd_font_icons basic icon-down arrow "
|
|
198
|
+
data-id="fontIcon"
|
|
199
|
+
data-selector-id="fontIcon"
|
|
200
|
+
data-test-id="fontIcon"
|
|
201
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
202
|
+
/>
|
|
203
|
+
</div>
|
|
204
|
+
</button>
|
|
205
|
+
</div>
|
|
206
|
+
</DocumentFragment>
|
|
207
|
+
`;
|
|
208
|
+
|
|
209
|
+
exports[`ActionButton renders with arrowBoxSize small and isPopupOpen true 1`] = `
|
|
210
|
+
<DocumentFragment>
|
|
211
|
+
<div
|
|
212
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
213
|
+
data-id="actionButton_actionButton"
|
|
214
|
+
data-selector-id="actionButton"
|
|
215
|
+
data-test-id="actionButton_actionButton"
|
|
216
|
+
>
|
|
217
|
+
<button
|
|
218
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
219
|
+
data-id="actionButton"
|
|
220
|
+
data-selector-id="box"
|
|
221
|
+
data-test-id="actionButton"
|
|
222
|
+
tabindex="0"
|
|
223
|
+
>
|
|
224
|
+
<div
|
|
225
|
+
class="flex cover coldir both"
|
|
226
|
+
data-id="containerComponent"
|
|
227
|
+
data-selector-id="container"
|
|
228
|
+
data-test-id="containerComponent"
|
|
229
|
+
>
|
|
230
|
+
<div
|
|
231
|
+
class="contentwrapper shrinkOff"
|
|
232
|
+
data-id="boxComponent"
|
|
233
|
+
data-selector-id="box"
|
|
234
|
+
data-test-id="boxComponent"
|
|
235
|
+
>
|
|
236
|
+
<div
|
|
237
|
+
class="flex rowdir vCenter"
|
|
238
|
+
data-id="containerComponent"
|
|
239
|
+
data-selector-id="container"
|
|
240
|
+
data-test-id="containerComponent"
|
|
241
|
+
/>
|
|
242
|
+
</div>
|
|
243
|
+
</div>
|
|
244
|
+
</button>
|
|
245
|
+
</div>
|
|
246
|
+
</DocumentFragment>
|
|
247
|
+
`;
|
|
248
|
+
|
|
249
|
+
exports[`ActionButton renders with children and tooltip disabled 1`] = `
|
|
250
|
+
<DocumentFragment>
|
|
251
|
+
<div
|
|
252
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
253
|
+
data-id="actionButton_actionButton"
|
|
254
|
+
data-selector-id="actionButton"
|
|
255
|
+
data-test-id="actionButton_actionButton"
|
|
256
|
+
>
|
|
257
|
+
<button
|
|
258
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
259
|
+
data-id="actionButton"
|
|
260
|
+
data-selector-id="box"
|
|
261
|
+
data-test-id="actionButton"
|
|
262
|
+
tabindex="0"
|
|
263
|
+
>
|
|
264
|
+
<div
|
|
265
|
+
class="flex cover coldir both"
|
|
266
|
+
data-id="containerComponent"
|
|
267
|
+
data-selector-id="container"
|
|
268
|
+
data-test-id="containerComponent"
|
|
269
|
+
>
|
|
270
|
+
<div
|
|
271
|
+
class="contentwrapper shrinkOff"
|
|
272
|
+
data-id="boxComponent"
|
|
273
|
+
data-selector-id="box"
|
|
274
|
+
data-test-id="boxComponent"
|
|
275
|
+
>
|
|
276
|
+
<div
|
|
277
|
+
class="flex rowdir vCenter"
|
|
278
|
+
data-id="containerComponent"
|
|
279
|
+
data-selector-id="container"
|
|
280
|
+
data-test-id="containerComponent"
|
|
281
|
+
/>
|
|
282
|
+
</div>
|
|
283
|
+
</div>
|
|
284
|
+
</button>
|
|
285
|
+
<button
|
|
286
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper shrinkOff"
|
|
287
|
+
data-id="actionButton_arrowButton"
|
|
288
|
+
data-selector-id="actionButton_arrowButton"
|
|
289
|
+
data-test-id="actionButton_arrowButton"
|
|
290
|
+
tabindex="0"
|
|
291
|
+
>
|
|
292
|
+
<div
|
|
293
|
+
class="flex cover coldir both"
|
|
294
|
+
data-id="containerComponent"
|
|
295
|
+
data-selector-id="container"
|
|
296
|
+
data-test-id="containerComponent"
|
|
297
|
+
>
|
|
298
|
+
<i
|
|
299
|
+
aria-hidden="true"
|
|
300
|
+
class="zd_font_icons basic icon-down arrow "
|
|
301
|
+
data-id="fontIcon"
|
|
302
|
+
data-selector-id="fontIcon"
|
|
303
|
+
data-test-id="fontIcon"
|
|
304
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
305
|
+
/>
|
|
306
|
+
</div>
|
|
307
|
+
</button>
|
|
308
|
+
</div>
|
|
309
|
+
</DocumentFragment>
|
|
310
|
+
`;
|
|
311
|
+
|
|
312
|
+
exports[`ActionButton renders with children and tooltip enabled 1`] = `
|
|
313
|
+
<DocumentFragment>
|
|
314
|
+
<div
|
|
315
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
316
|
+
data-id="actionButton_actionButton"
|
|
317
|
+
data-selector-id="actionButton"
|
|
318
|
+
data-test-id="actionButton_actionButton"
|
|
319
|
+
>
|
|
320
|
+
<button
|
|
321
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
322
|
+
data-id="actionButton"
|
|
323
|
+
data-selector-id="box"
|
|
324
|
+
data-test-id="actionButton"
|
|
325
|
+
tabindex="0"
|
|
326
|
+
>
|
|
327
|
+
<div
|
|
328
|
+
class="flex cover coldir both"
|
|
329
|
+
data-id="containerComponent"
|
|
330
|
+
data-selector-id="container"
|
|
331
|
+
data-test-id="containerComponent"
|
|
332
|
+
>
|
|
333
|
+
<div
|
|
334
|
+
class="contentwrapper shrinkOff"
|
|
335
|
+
data-id="boxComponent"
|
|
336
|
+
data-selector-id="box"
|
|
337
|
+
data-test-id="boxComponent"
|
|
338
|
+
>
|
|
339
|
+
<div
|
|
340
|
+
class="flex rowdir vCenter"
|
|
341
|
+
data-id="containerComponent"
|
|
342
|
+
data-selector-id="container"
|
|
343
|
+
data-test-id="containerComponent"
|
|
344
|
+
/>
|
|
345
|
+
</div>
|
|
346
|
+
</div>
|
|
347
|
+
</button>
|
|
348
|
+
<button
|
|
349
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper shrinkOff"
|
|
350
|
+
data-id="actionButton_arrowButton"
|
|
351
|
+
data-selector-id="actionButton_arrowButton"
|
|
352
|
+
data-test-id="actionButton_arrowButton"
|
|
353
|
+
tabindex="0"
|
|
354
|
+
>
|
|
355
|
+
<div
|
|
356
|
+
class="flex cover coldir both"
|
|
357
|
+
data-id="containerComponent"
|
|
358
|
+
data-selector-id="container"
|
|
359
|
+
data-test-id="containerComponent"
|
|
360
|
+
>
|
|
361
|
+
<i
|
|
362
|
+
aria-hidden="true"
|
|
363
|
+
class="zd_font_icons basic icon-down arrow "
|
|
364
|
+
data-id="fontIcon"
|
|
365
|
+
data-selector-id="fontIcon"
|
|
366
|
+
data-test-id="fontIcon"
|
|
367
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
368
|
+
/>
|
|
369
|
+
</div>
|
|
370
|
+
</button>
|
|
371
|
+
</div>
|
|
372
|
+
</DocumentFragment>
|
|
373
|
+
`;
|
|
374
|
+
|
|
375
|
+
exports[`ActionButton renders with children prop 1`] = `
|
|
376
|
+
<DocumentFragment>
|
|
377
|
+
<div
|
|
378
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
379
|
+
data-id="actionButton_actionButton"
|
|
380
|
+
data-selector-id="actionButton"
|
|
381
|
+
data-test-id="actionButton_actionButton"
|
|
382
|
+
>
|
|
383
|
+
<button
|
|
384
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
385
|
+
data-id="actionButton"
|
|
386
|
+
data-selector-id="box"
|
|
387
|
+
data-test-id="actionButton"
|
|
388
|
+
tabindex="0"
|
|
389
|
+
>
|
|
390
|
+
<div
|
|
391
|
+
class="flex cover coldir both"
|
|
392
|
+
data-id="containerComponent"
|
|
393
|
+
data-selector-id="container"
|
|
394
|
+
data-test-id="containerComponent"
|
|
395
|
+
>
|
|
396
|
+
<div
|
|
397
|
+
class="contentwrapper shrinkOff"
|
|
398
|
+
data-id="boxComponent"
|
|
399
|
+
data-selector-id="box"
|
|
400
|
+
data-test-id="boxComponent"
|
|
401
|
+
>
|
|
402
|
+
<div
|
|
403
|
+
class="flex rowdir vCenter"
|
|
404
|
+
data-id="containerComponent"
|
|
405
|
+
data-selector-id="container"
|
|
406
|
+
data-test-id="containerComponent"
|
|
407
|
+
/>
|
|
408
|
+
</div>
|
|
409
|
+
</div>
|
|
410
|
+
</button>
|
|
411
|
+
<button
|
|
412
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper shrinkOff"
|
|
413
|
+
data-id="actionButton_arrowButton"
|
|
414
|
+
data-selector-id="actionButton_arrowButton"
|
|
415
|
+
data-test-id="actionButton_arrowButton"
|
|
416
|
+
tabindex="0"
|
|
417
|
+
>
|
|
418
|
+
<div
|
|
419
|
+
class="flex cover coldir both"
|
|
420
|
+
data-id="containerComponent"
|
|
421
|
+
data-selector-id="container"
|
|
422
|
+
data-test-id="containerComponent"
|
|
423
|
+
>
|
|
424
|
+
<i
|
|
425
|
+
aria-hidden="true"
|
|
426
|
+
class="zd_font_icons basic icon-down arrow "
|
|
427
|
+
data-id="fontIcon"
|
|
428
|
+
data-selector-id="fontIcon"
|
|
429
|
+
data-test-id="fontIcon"
|
|
430
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
431
|
+
/>
|
|
432
|
+
</div>
|
|
433
|
+
</button>
|
|
434
|
+
</div>
|
|
435
|
+
</DocumentFragment>
|
|
436
|
+
`;
|
|
437
|
+
|
|
438
|
+
exports[`ActionButton renders with custom className 1`] = `
|
|
439
|
+
<DocumentFragment>
|
|
440
|
+
<div
|
|
441
|
+
class="container primaryFilledBox medium custom-class wholeDiv flex rowdir"
|
|
442
|
+
data-id="actionButton_actionButton"
|
|
443
|
+
data-selector-id="actionButton"
|
|
444
|
+
data-test-id="actionButton_actionButton"
|
|
445
|
+
>
|
|
446
|
+
<button
|
|
447
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
448
|
+
data-id="actionButton"
|
|
449
|
+
data-selector-id="box"
|
|
450
|
+
data-test-id="actionButton"
|
|
451
|
+
tabindex="0"
|
|
452
|
+
>
|
|
453
|
+
<div
|
|
454
|
+
class="flex cover coldir both"
|
|
455
|
+
data-id="containerComponent"
|
|
456
|
+
data-selector-id="container"
|
|
457
|
+
data-test-id="containerComponent"
|
|
458
|
+
>
|
|
459
|
+
<div
|
|
460
|
+
class="contentwrapper shrinkOff"
|
|
461
|
+
data-id="boxComponent"
|
|
462
|
+
data-selector-id="box"
|
|
463
|
+
data-test-id="boxComponent"
|
|
464
|
+
>
|
|
465
|
+
<div
|
|
466
|
+
class="flex rowdir vCenter"
|
|
467
|
+
data-id="containerComponent"
|
|
468
|
+
data-selector-id="container"
|
|
469
|
+
data-test-id="containerComponent"
|
|
470
|
+
/>
|
|
471
|
+
</div>
|
|
472
|
+
</div>
|
|
473
|
+
</button>
|
|
474
|
+
</div>
|
|
475
|
+
</DocumentFragment>
|
|
476
|
+
`;
|
|
477
|
+
|
|
478
|
+
exports[`ActionButton renders with dataId prop 1`] = `
|
|
479
|
+
<DocumentFragment>
|
|
480
|
+
<div
|
|
481
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
482
|
+
data-id="testDataId_actionButton"
|
|
483
|
+
data-selector-id="actionButton"
|
|
484
|
+
data-test-id="testDataId_actionButton"
|
|
485
|
+
>
|
|
486
|
+
<button
|
|
487
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
488
|
+
data-id="testDataId"
|
|
489
|
+
data-selector-id="box"
|
|
490
|
+
data-test-id="testDataId"
|
|
491
|
+
tabindex="0"
|
|
492
|
+
>
|
|
493
|
+
<div
|
|
494
|
+
class="flex cover coldir both"
|
|
495
|
+
data-id="containerComponent"
|
|
496
|
+
data-selector-id="container"
|
|
497
|
+
data-test-id="containerComponent"
|
|
498
|
+
>
|
|
499
|
+
<div
|
|
500
|
+
class="contentwrapper shrinkOff"
|
|
501
|
+
data-id="boxComponent"
|
|
502
|
+
data-selector-id="box"
|
|
503
|
+
data-test-id="boxComponent"
|
|
504
|
+
>
|
|
505
|
+
<div
|
|
506
|
+
class="flex rowdir vCenter"
|
|
507
|
+
data-id="containerComponent"
|
|
508
|
+
data-selector-id="container"
|
|
509
|
+
data-test-id="containerComponent"
|
|
510
|
+
/>
|
|
511
|
+
</div>
|
|
512
|
+
</div>
|
|
513
|
+
</button>
|
|
514
|
+
</div>
|
|
515
|
+
</DocumentFragment>
|
|
516
|
+
`;
|
|
517
|
+
|
|
518
|
+
exports[`ActionButton renders with dataId, children, and popup open 1`] = `
|
|
519
|
+
<DocumentFragment>
|
|
520
|
+
<div
|
|
521
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
522
|
+
data-id="testDataId_actionButton"
|
|
523
|
+
data-selector-id="actionButton"
|
|
524
|
+
data-test-id="testDataId_actionButton"
|
|
525
|
+
>
|
|
526
|
+
<button
|
|
527
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
528
|
+
data-id="testDataId"
|
|
529
|
+
data-selector-id="box"
|
|
530
|
+
data-test-id="testDataId"
|
|
531
|
+
tabindex="0"
|
|
532
|
+
>
|
|
533
|
+
<div
|
|
534
|
+
class="flex cover coldir both"
|
|
535
|
+
data-id="containerComponent"
|
|
536
|
+
data-selector-id="container"
|
|
537
|
+
data-test-id="containerComponent"
|
|
538
|
+
>
|
|
539
|
+
<div
|
|
540
|
+
class="contentwrapper shrinkOff"
|
|
541
|
+
data-id="boxComponent"
|
|
542
|
+
data-selector-id="box"
|
|
543
|
+
data-test-id="boxComponent"
|
|
544
|
+
>
|
|
545
|
+
<div
|
|
546
|
+
class="flex rowdir vCenter"
|
|
547
|
+
data-id="containerComponent"
|
|
548
|
+
data-selector-id="container"
|
|
549
|
+
data-test-id="containerComponent"
|
|
550
|
+
/>
|
|
551
|
+
</div>
|
|
552
|
+
</div>
|
|
553
|
+
</button>
|
|
554
|
+
<button
|
|
555
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper arrowActive shrinkOff"
|
|
556
|
+
data-id="testDataId_arrowButton"
|
|
557
|
+
data-selector-id="actionButton_arrowButton"
|
|
558
|
+
data-test-id="testDataId_arrowButton"
|
|
559
|
+
tabindex="0"
|
|
560
|
+
>
|
|
561
|
+
<div
|
|
562
|
+
class="flex cover coldir both"
|
|
563
|
+
data-id="containerComponent"
|
|
564
|
+
data-selector-id="container"
|
|
565
|
+
data-test-id="containerComponent"
|
|
566
|
+
>
|
|
567
|
+
<i
|
|
568
|
+
aria-hidden="true"
|
|
569
|
+
class="zd_font_icons basic icon-down arrow "
|
|
570
|
+
data-id="fontIcon"
|
|
571
|
+
data-selector-id="fontIcon"
|
|
572
|
+
data-test-id="fontIcon"
|
|
573
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
574
|
+
/>
|
|
575
|
+
</div>
|
|
576
|
+
<div
|
|
577
|
+
class="main container bottomMid small paddingSpace"
|
|
578
|
+
data-a11y-focus-main-area="true"
|
|
579
|
+
data-arrow-position="mid"
|
|
580
|
+
data-box-direction="bottom"
|
|
581
|
+
data-id="testDataId_dropbox"
|
|
582
|
+
data-position="bottomMid"
|
|
583
|
+
data-selector-id="dropBox"
|
|
584
|
+
data-test-id="testDataId_dropbox"
|
|
585
|
+
dot-ui-element="dropbox"
|
|
586
|
+
style="z-index: 4;"
|
|
587
|
+
>
|
|
588
|
+
<div
|
|
589
|
+
class="subContainer shadow boxPadding radius fadeInScale defaultPalette"
|
|
590
|
+
data-a11y-focus-scope="true"
|
|
591
|
+
data-id="testDataId_dropbox_subcontainer"
|
|
592
|
+
data-selector-id="dropBox_subcontainer"
|
|
593
|
+
data-test-id="testDataId_dropbox_subcontainer"
|
|
594
|
+
tabindex="-1"
|
|
595
|
+
>
|
|
596
|
+
<div
|
|
597
|
+
class="flex coldir"
|
|
598
|
+
data-id="containerComponent"
|
|
599
|
+
data-selector-id="container"
|
|
600
|
+
data-test-id="containerComponent"
|
|
601
|
+
>
|
|
602
|
+
<div
|
|
603
|
+
class="grow basis shrinkOn scrolly"
|
|
604
|
+
data-id="boxComponent"
|
|
605
|
+
data-selector-id="box"
|
|
606
|
+
data-test-id="boxComponent"
|
|
607
|
+
>
|
|
608
|
+
<div>
|
|
609
|
+
Child Content
|
|
610
|
+
</div>
|
|
611
|
+
</div>
|
|
612
|
+
</div>
|
|
613
|
+
</div>
|
|
614
|
+
</div>
|
|
615
|
+
</button>
|
|
616
|
+
</div>
|
|
617
|
+
</DocumentFragment>
|
|
618
|
+
`;
|
|
619
|
+
|
|
620
|
+
exports[`ActionButton renders with dataSelectorId and children props 1`] = `
|
|
621
|
+
<DocumentFragment>
|
|
622
|
+
<div
|
|
623
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
624
|
+
data-id="actionButton_actionButton"
|
|
625
|
+
data-selector-id="testSelectorId"
|
|
626
|
+
data-test-id="actionButton_actionButton"
|
|
627
|
+
>
|
|
628
|
+
<button
|
|
629
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
630
|
+
data-id="actionButton"
|
|
631
|
+
data-selector-id="box"
|
|
632
|
+
data-test-id="actionButton"
|
|
633
|
+
tabindex="0"
|
|
634
|
+
>
|
|
635
|
+
<div
|
|
636
|
+
class="flex cover coldir both"
|
|
637
|
+
data-id="containerComponent"
|
|
638
|
+
data-selector-id="container"
|
|
639
|
+
data-test-id="containerComponent"
|
|
640
|
+
>
|
|
641
|
+
<div
|
|
642
|
+
class="contentwrapper shrinkOff"
|
|
643
|
+
data-id="boxComponent"
|
|
644
|
+
data-selector-id="box"
|
|
645
|
+
data-test-id="boxComponent"
|
|
646
|
+
>
|
|
647
|
+
<div
|
|
648
|
+
class="flex rowdir vCenter"
|
|
649
|
+
data-id="containerComponent"
|
|
650
|
+
data-selector-id="container"
|
|
651
|
+
data-test-id="containerComponent"
|
|
652
|
+
/>
|
|
653
|
+
</div>
|
|
654
|
+
</div>
|
|
655
|
+
</button>
|
|
656
|
+
<button
|
|
657
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper shrinkOff"
|
|
658
|
+
data-id="actionButton_arrowButton"
|
|
659
|
+
data-selector-id="testSelectorId_arrowButton"
|
|
660
|
+
data-test-id="actionButton_arrowButton"
|
|
661
|
+
tabindex="0"
|
|
662
|
+
>
|
|
663
|
+
<div
|
|
664
|
+
class="flex cover coldir both"
|
|
665
|
+
data-id="containerComponent"
|
|
666
|
+
data-selector-id="container"
|
|
667
|
+
data-test-id="containerComponent"
|
|
668
|
+
>
|
|
669
|
+
<i
|
|
670
|
+
aria-hidden="true"
|
|
671
|
+
class="zd_font_icons basic icon-down arrow "
|
|
672
|
+
data-id="fontIcon"
|
|
673
|
+
data-selector-id="fontIcon"
|
|
674
|
+
data-test-id="fontIcon"
|
|
675
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
676
|
+
/>
|
|
677
|
+
</div>
|
|
678
|
+
</button>
|
|
679
|
+
</div>
|
|
680
|
+
</DocumentFragment>
|
|
681
|
+
`;
|
|
682
|
+
|
|
683
|
+
exports[`ActionButton renders with dataTitle 1`] = `
|
|
684
|
+
<DocumentFragment>
|
|
685
|
+
<div
|
|
686
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
687
|
+
data-id="actionButton_actionButton"
|
|
688
|
+
data-selector-id="actionButton"
|
|
689
|
+
data-test-id="actionButton_actionButton"
|
|
690
|
+
>
|
|
691
|
+
<button
|
|
692
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
693
|
+
data-id="actionButton"
|
|
694
|
+
data-selector-id="box"
|
|
695
|
+
data-test-id="actionButton"
|
|
696
|
+
data-title="Test Data Title"
|
|
697
|
+
tabindex="0"
|
|
698
|
+
>
|
|
699
|
+
<div
|
|
700
|
+
class="flex cover coldir both"
|
|
701
|
+
data-id="containerComponent"
|
|
702
|
+
data-selector-id="container"
|
|
703
|
+
data-test-id="containerComponent"
|
|
704
|
+
>
|
|
705
|
+
<div
|
|
706
|
+
class="contentwrapper shrinkOff"
|
|
707
|
+
data-id="boxComponent"
|
|
708
|
+
data-selector-id="box"
|
|
709
|
+
data-test-id="boxComponent"
|
|
710
|
+
>
|
|
711
|
+
<div
|
|
712
|
+
class="flex rowdir vCenter"
|
|
713
|
+
data-id="containerComponent"
|
|
714
|
+
data-selector-id="container"
|
|
715
|
+
data-test-id="containerComponent"
|
|
716
|
+
/>
|
|
717
|
+
</div>
|
|
718
|
+
</div>
|
|
719
|
+
</button>
|
|
720
|
+
</div>
|
|
721
|
+
</DocumentFragment>
|
|
722
|
+
`;
|
|
723
|
+
|
|
724
|
+
exports[`ActionButton renders with default props 1`] = `
|
|
725
|
+
<DocumentFragment>
|
|
726
|
+
<div
|
|
727
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
728
|
+
data-id="actionButton_actionButton"
|
|
729
|
+
data-selector-id="actionButton"
|
|
730
|
+
data-test-id="actionButton_actionButton"
|
|
731
|
+
>
|
|
732
|
+
<button
|
|
733
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
734
|
+
data-id="actionButton"
|
|
735
|
+
data-selector-id="box"
|
|
736
|
+
data-test-id="actionButton"
|
|
737
|
+
tabindex="0"
|
|
738
|
+
>
|
|
739
|
+
<div
|
|
740
|
+
class="flex cover coldir both"
|
|
741
|
+
data-id="containerComponent"
|
|
742
|
+
data-selector-id="container"
|
|
743
|
+
data-test-id="containerComponent"
|
|
744
|
+
>
|
|
745
|
+
<div
|
|
746
|
+
class="contentwrapper shrinkOff"
|
|
747
|
+
data-id="boxComponent"
|
|
748
|
+
data-selector-id="box"
|
|
749
|
+
data-test-id="boxComponent"
|
|
750
|
+
>
|
|
751
|
+
<div
|
|
752
|
+
class="flex rowdir vCenter"
|
|
753
|
+
data-id="containerComponent"
|
|
754
|
+
data-selector-id="container"
|
|
755
|
+
data-test-id="containerComponent"
|
|
756
|
+
/>
|
|
757
|
+
</div>
|
|
758
|
+
</div>
|
|
759
|
+
</button>
|
|
760
|
+
</div>
|
|
761
|
+
</DocumentFragment>
|
|
762
|
+
`;
|
|
763
|
+
|
|
764
|
+
exports[`ActionButton renders with disabled state true 1`] = `
|
|
765
|
+
<DocumentFragment>
|
|
766
|
+
<div
|
|
767
|
+
class="container primaryFilledBox medium disabled wholeDiv flex rowdir"
|
|
768
|
+
data-id="actionButton_actionButton"
|
|
769
|
+
data-selector-id="actionButton"
|
|
770
|
+
data-test-id="actionButton_actionButton"
|
|
771
|
+
>
|
|
772
|
+
<button
|
|
773
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
774
|
+
data-id="actionButton"
|
|
775
|
+
data-selector-id="box"
|
|
776
|
+
data-test-id="actionButton"
|
|
777
|
+
tabindex="0"
|
|
778
|
+
>
|
|
779
|
+
<div
|
|
780
|
+
class="flex cover coldir both"
|
|
781
|
+
data-id="containerComponent"
|
|
782
|
+
data-selector-id="container"
|
|
783
|
+
data-test-id="containerComponent"
|
|
784
|
+
>
|
|
785
|
+
<div
|
|
786
|
+
class="contentwrapper shrinkOff"
|
|
787
|
+
data-id="boxComponent"
|
|
788
|
+
data-selector-id="box"
|
|
789
|
+
data-test-id="boxComponent"
|
|
790
|
+
>
|
|
791
|
+
<div
|
|
792
|
+
class="flex rowdir vCenter"
|
|
793
|
+
data-id="containerComponent"
|
|
794
|
+
data-selector-id="container"
|
|
795
|
+
data-test-id="containerComponent"
|
|
796
|
+
/>
|
|
797
|
+
</div>
|
|
798
|
+
</div>
|
|
799
|
+
</button>
|
|
800
|
+
</div>
|
|
801
|
+
</DocumentFragment>
|
|
802
|
+
`;
|
|
803
|
+
|
|
804
|
+
exports[`ActionButton renders with dropBoxClassProps - case 1 1`] = `
|
|
805
|
+
<DocumentFragment>
|
|
806
|
+
<div
|
|
807
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
808
|
+
data-id="actionButton_actionButton"
|
|
809
|
+
data-selector-id="actionButton"
|
|
810
|
+
data-test-id="actionButton_actionButton"
|
|
811
|
+
>
|
|
812
|
+
<button
|
|
813
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
814
|
+
data-id="actionButton"
|
|
815
|
+
data-selector-id="box"
|
|
816
|
+
data-test-id="actionButton"
|
|
817
|
+
tabindex="0"
|
|
818
|
+
>
|
|
819
|
+
<div
|
|
820
|
+
class="flex cover coldir both"
|
|
821
|
+
data-id="containerComponent"
|
|
822
|
+
data-selector-id="container"
|
|
823
|
+
data-test-id="containerComponent"
|
|
824
|
+
>
|
|
825
|
+
<div
|
|
826
|
+
class="contentwrapper shrinkOff"
|
|
827
|
+
data-id="boxComponent"
|
|
828
|
+
data-selector-id="box"
|
|
829
|
+
data-test-id="boxComponent"
|
|
830
|
+
>
|
|
831
|
+
<div
|
|
832
|
+
class="flex rowdir vCenter"
|
|
833
|
+
data-id="containerComponent"
|
|
834
|
+
data-selector-id="container"
|
|
835
|
+
data-test-id="containerComponent"
|
|
836
|
+
/>
|
|
837
|
+
</div>
|
|
838
|
+
</div>
|
|
839
|
+
</button>
|
|
840
|
+
<button
|
|
841
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper arrowActive shrinkOff"
|
|
842
|
+
data-id="actionButton_arrowButton"
|
|
843
|
+
data-selector-id="actionButton_arrowButton"
|
|
844
|
+
data-test-id="actionButton_arrowButton"
|
|
845
|
+
tabindex="0"
|
|
846
|
+
>
|
|
847
|
+
<div
|
|
848
|
+
class="flex cover coldir both"
|
|
849
|
+
data-id="containerComponent"
|
|
850
|
+
data-selector-id="container"
|
|
851
|
+
data-test-id="containerComponent"
|
|
852
|
+
>
|
|
853
|
+
<i
|
|
854
|
+
aria-hidden="true"
|
|
855
|
+
class="zd_font_icons basic icon-down arrow "
|
|
856
|
+
data-id="fontIcon"
|
|
857
|
+
data-selector-id="fontIcon"
|
|
858
|
+
data-test-id="fontIcon"
|
|
859
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
860
|
+
/>
|
|
861
|
+
</div>
|
|
862
|
+
<div
|
|
863
|
+
class="main custom-dropbox-class container bottomMid small paddingSpace"
|
|
864
|
+
data-a11y-focus-main-area="true"
|
|
865
|
+
data-arrow-position="mid"
|
|
866
|
+
data-box-direction="bottom"
|
|
867
|
+
data-id="actionButton_dropbox"
|
|
868
|
+
data-position="bottomMid"
|
|
869
|
+
data-selector-id="dropBox"
|
|
870
|
+
data-test-id="actionButton_dropbox"
|
|
871
|
+
dot-ui-element="dropbox"
|
|
872
|
+
style="z-index: 4;"
|
|
873
|
+
>
|
|
874
|
+
<div
|
|
875
|
+
class="subContainer shadow boxPadding radius fadeInScale defaultPalette"
|
|
876
|
+
data-a11y-focus-scope="true"
|
|
877
|
+
data-id="actionButton_dropbox_subcontainer"
|
|
878
|
+
data-selector-id="dropBox_subcontainer"
|
|
879
|
+
data-test-id="actionButton_dropbox_subcontainer"
|
|
880
|
+
tabindex="-1"
|
|
881
|
+
>
|
|
882
|
+
<div
|
|
883
|
+
class="flex coldir"
|
|
884
|
+
data-id="containerComponent"
|
|
885
|
+
data-selector-id="container"
|
|
886
|
+
data-test-id="containerComponent"
|
|
887
|
+
>
|
|
888
|
+
<div
|
|
889
|
+
class="grow basis shrinkOn scrolly"
|
|
890
|
+
data-id="boxComponent"
|
|
891
|
+
data-selector-id="box"
|
|
892
|
+
data-test-id="boxComponent"
|
|
893
|
+
>
|
|
894
|
+
<div>
|
|
895
|
+
Child Content
|
|
896
|
+
</div>
|
|
897
|
+
</div>
|
|
898
|
+
</div>
|
|
899
|
+
</div>
|
|
900
|
+
</div>
|
|
901
|
+
</button>
|
|
902
|
+
</div>
|
|
903
|
+
</DocumentFragment>
|
|
904
|
+
`;
|
|
905
|
+
|
|
906
|
+
exports[`ActionButton renders with dropBoxClassProps - case 2 1`] = `
|
|
907
|
+
<DocumentFragment>
|
|
908
|
+
<div
|
|
909
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
910
|
+
data-id="actionButton_actionButton"
|
|
911
|
+
data-selector-id="actionButton"
|
|
912
|
+
data-test-id="actionButton_actionButton"
|
|
913
|
+
>
|
|
914
|
+
<button
|
|
915
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
916
|
+
data-id="actionButton"
|
|
917
|
+
data-selector-id="box"
|
|
918
|
+
data-test-id="actionButton"
|
|
919
|
+
tabindex="0"
|
|
920
|
+
>
|
|
921
|
+
<div
|
|
922
|
+
class="flex cover coldir both"
|
|
923
|
+
data-id="containerComponent"
|
|
924
|
+
data-selector-id="container"
|
|
925
|
+
data-test-id="containerComponent"
|
|
926
|
+
>
|
|
927
|
+
<div
|
|
928
|
+
class="contentwrapper shrinkOff"
|
|
929
|
+
data-id="boxComponent"
|
|
930
|
+
data-selector-id="box"
|
|
931
|
+
data-test-id="boxComponent"
|
|
932
|
+
>
|
|
933
|
+
<div
|
|
934
|
+
class="flex rowdir vCenter"
|
|
935
|
+
data-id="containerComponent"
|
|
936
|
+
data-selector-id="container"
|
|
937
|
+
data-test-id="containerComponent"
|
|
938
|
+
/>
|
|
939
|
+
</div>
|
|
940
|
+
</div>
|
|
941
|
+
</button>
|
|
942
|
+
<button
|
|
943
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper shrinkOff"
|
|
944
|
+
data-id="actionButton_arrowButton"
|
|
945
|
+
data-selector-id="actionButton_arrowButton"
|
|
946
|
+
data-test-id="actionButton_arrowButton"
|
|
947
|
+
tabindex="0"
|
|
948
|
+
>
|
|
949
|
+
<div
|
|
950
|
+
class="flex cover coldir both"
|
|
951
|
+
data-id="containerComponent"
|
|
952
|
+
data-selector-id="container"
|
|
953
|
+
data-test-id="containerComponent"
|
|
954
|
+
>
|
|
955
|
+
<i
|
|
956
|
+
aria-hidden="true"
|
|
957
|
+
class="zd_font_icons basic icon-down arrow "
|
|
958
|
+
data-id="fontIcon"
|
|
959
|
+
data-selector-id="fontIcon"
|
|
960
|
+
data-test-id="fontIcon"
|
|
961
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
962
|
+
/>
|
|
963
|
+
</div>
|
|
964
|
+
</button>
|
|
965
|
+
</div>
|
|
966
|
+
</DocumentFragment>
|
|
967
|
+
`;
|
|
968
|
+
|
|
969
|
+
exports[`ActionButton renders with dropBoxClassProps - case 3 1`] = `
|
|
970
|
+
<DocumentFragment>
|
|
971
|
+
<div
|
|
972
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
973
|
+
data-id="actionButton_actionButton"
|
|
974
|
+
data-selector-id="actionButton"
|
|
975
|
+
data-test-id="actionButton_actionButton"
|
|
976
|
+
>
|
|
977
|
+
<button
|
|
978
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
979
|
+
data-id="actionButton"
|
|
980
|
+
data-selector-id="box"
|
|
981
|
+
data-test-id="actionButton"
|
|
982
|
+
tabindex="0"
|
|
983
|
+
>
|
|
984
|
+
<div
|
|
985
|
+
class="flex cover coldir both"
|
|
986
|
+
data-id="containerComponent"
|
|
987
|
+
data-selector-id="container"
|
|
988
|
+
data-test-id="containerComponent"
|
|
989
|
+
>
|
|
990
|
+
<div
|
|
991
|
+
class="contentwrapper shrinkOff"
|
|
992
|
+
data-id="boxComponent"
|
|
993
|
+
data-selector-id="box"
|
|
994
|
+
data-test-id="boxComponent"
|
|
995
|
+
>
|
|
996
|
+
<div
|
|
997
|
+
class="flex rowdir vCenter"
|
|
998
|
+
data-id="containerComponent"
|
|
999
|
+
data-selector-id="container"
|
|
1000
|
+
data-test-id="containerComponent"
|
|
1001
|
+
/>
|
|
1002
|
+
</div>
|
|
1003
|
+
</div>
|
|
1004
|
+
</button>
|
|
1005
|
+
<button
|
|
1006
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper arrowActive shrinkOff"
|
|
1007
|
+
data-id="actionButton_arrowButton"
|
|
1008
|
+
data-selector-id="actionButton_arrowButton"
|
|
1009
|
+
data-test-id="actionButton_arrowButton"
|
|
1010
|
+
tabindex="0"
|
|
1011
|
+
>
|
|
1012
|
+
<div
|
|
1013
|
+
class="flex cover coldir both"
|
|
1014
|
+
data-id="containerComponent"
|
|
1015
|
+
data-selector-id="container"
|
|
1016
|
+
data-test-id="containerComponent"
|
|
1017
|
+
>
|
|
1018
|
+
<i
|
|
1019
|
+
aria-hidden="true"
|
|
1020
|
+
class="zd_font_icons basic icon-down arrow "
|
|
1021
|
+
data-id="fontIcon"
|
|
1022
|
+
data-selector-id="fontIcon"
|
|
1023
|
+
data-test-id="fontIcon"
|
|
1024
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
1025
|
+
/>
|
|
1026
|
+
</div>
|
|
1027
|
+
<div
|
|
1028
|
+
class="main custom-dropbox-class container bottomMid small paddingSpace"
|
|
1029
|
+
data-a11y-focus-main-area="true"
|
|
1030
|
+
data-arrow-position="mid"
|
|
1031
|
+
data-box-direction="bottom"
|
|
1032
|
+
data-id="actionButton_dropbox"
|
|
1033
|
+
data-position="bottomMid"
|
|
1034
|
+
data-selector-id="dropBox"
|
|
1035
|
+
data-test-id="actionButton_dropbox"
|
|
1036
|
+
dot-ui-element="dropbox"
|
|
1037
|
+
style="z-index: 4;"
|
|
1038
|
+
>
|
|
1039
|
+
<div
|
|
1040
|
+
class="subContainer shadow radius fadeInScale defaultPalette"
|
|
1041
|
+
data-a11y-focus-scope="true"
|
|
1042
|
+
data-id="actionButton_dropbox_subcontainer"
|
|
1043
|
+
data-selector-id="dropBox_subcontainer"
|
|
1044
|
+
data-test-id="actionButton_dropbox_subcontainer"
|
|
1045
|
+
tabindex="-1"
|
|
1046
|
+
>
|
|
1047
|
+
<div
|
|
1048
|
+
class="flex coldir"
|
|
1049
|
+
data-id="containerComponent"
|
|
1050
|
+
data-selector-id="container"
|
|
1051
|
+
data-test-id="containerComponent"
|
|
1052
|
+
>
|
|
1053
|
+
<div
|
|
1054
|
+
class="grow basis shrinkOn scrolly"
|
|
1055
|
+
data-id="boxComponent"
|
|
1056
|
+
data-selector-id="box"
|
|
1057
|
+
data-test-id="boxComponent"
|
|
1058
|
+
>
|
|
1059
|
+
<div>
|
|
1060
|
+
Child Content
|
|
1061
|
+
</div>
|
|
1062
|
+
</div>
|
|
1063
|
+
</div>
|
|
1064
|
+
</div>
|
|
1065
|
+
</div>
|
|
1066
|
+
</button>
|
|
1067
|
+
</div>
|
|
1068
|
+
</DocumentFragment>
|
|
1069
|
+
`;
|
|
1070
|
+
|
|
1071
|
+
exports[`ActionButton renders with dropBoxClassProps - case 4 1`] = `
|
|
1072
|
+
<DocumentFragment>
|
|
1073
|
+
<div
|
|
1074
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
1075
|
+
data-id="actionButton_actionButton"
|
|
1076
|
+
data-selector-id="actionButton"
|
|
1077
|
+
data-test-id="actionButton_actionButton"
|
|
1078
|
+
>
|
|
1079
|
+
<button
|
|
1080
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
1081
|
+
data-id="actionButton"
|
|
1082
|
+
data-selector-id="box"
|
|
1083
|
+
data-test-id="actionButton"
|
|
1084
|
+
tabindex="0"
|
|
1085
|
+
>
|
|
1086
|
+
<div
|
|
1087
|
+
class="flex cover coldir both"
|
|
1088
|
+
data-id="containerComponent"
|
|
1089
|
+
data-selector-id="container"
|
|
1090
|
+
data-test-id="containerComponent"
|
|
1091
|
+
>
|
|
1092
|
+
<div
|
|
1093
|
+
class="contentwrapper shrinkOff"
|
|
1094
|
+
data-id="boxComponent"
|
|
1095
|
+
data-selector-id="box"
|
|
1096
|
+
data-test-id="boxComponent"
|
|
1097
|
+
>
|
|
1098
|
+
<div
|
|
1099
|
+
class="flex rowdir vCenter"
|
|
1100
|
+
data-id="containerComponent"
|
|
1101
|
+
data-selector-id="container"
|
|
1102
|
+
data-test-id="containerComponent"
|
|
1103
|
+
/>
|
|
1104
|
+
</div>
|
|
1105
|
+
</div>
|
|
1106
|
+
</button>
|
|
1107
|
+
<button
|
|
1108
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper arrowActive shrinkOff"
|
|
1109
|
+
data-id="actionButton_arrowButton"
|
|
1110
|
+
data-selector-id="actionButton_arrowButton"
|
|
1111
|
+
data-test-id="actionButton_arrowButton"
|
|
1112
|
+
tabindex="0"
|
|
1113
|
+
>
|
|
1114
|
+
<div
|
|
1115
|
+
class="flex cover coldir both"
|
|
1116
|
+
data-id="containerComponent"
|
|
1117
|
+
data-selector-id="container"
|
|
1118
|
+
data-test-id="containerComponent"
|
|
1119
|
+
>
|
|
1120
|
+
<i
|
|
1121
|
+
aria-hidden="true"
|
|
1122
|
+
class="zd_font_icons basic icon-down arrow "
|
|
1123
|
+
data-id="fontIcon"
|
|
1124
|
+
data-selector-id="fontIcon"
|
|
1125
|
+
data-test-id="fontIcon"
|
|
1126
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
1127
|
+
/>
|
|
1128
|
+
</div>
|
|
1129
|
+
<div
|
|
1130
|
+
class="main container bottomMid small paddingSpace"
|
|
1131
|
+
data-a11y-focus-main-area="true"
|
|
1132
|
+
data-arrow-position="mid"
|
|
1133
|
+
data-box-direction="bottom"
|
|
1134
|
+
data-id="actionButton_dropbox"
|
|
1135
|
+
data-position="bottomMid"
|
|
1136
|
+
data-selector-id="dropBox"
|
|
1137
|
+
data-test-id="actionButton_dropbox"
|
|
1138
|
+
dot-ui-element="dropbox"
|
|
1139
|
+
style="z-index: 4;"
|
|
1140
|
+
>
|
|
1141
|
+
<div
|
|
1142
|
+
class="subContainer shadow boxPadding radius fadeInScale defaultPalette"
|
|
1143
|
+
data-a11y-focus-scope="true"
|
|
1144
|
+
data-id="actionButton_dropbox_subcontainer"
|
|
1145
|
+
data-selector-id="dropBox_subcontainer"
|
|
1146
|
+
data-test-id="actionButton_dropbox_subcontainer"
|
|
1147
|
+
tabindex="-1"
|
|
1148
|
+
>
|
|
1149
|
+
<div
|
|
1150
|
+
class="flex coldir"
|
|
1151
|
+
data-id="containerComponent"
|
|
1152
|
+
data-selector-id="container"
|
|
1153
|
+
data-test-id="containerComponent"
|
|
1154
|
+
>
|
|
1155
|
+
<div
|
|
1156
|
+
class="grow basis shrinkOn scrolly"
|
|
1157
|
+
data-id="boxComponent"
|
|
1158
|
+
data-selector-id="box"
|
|
1159
|
+
data-test-id="boxComponent"
|
|
1160
|
+
>
|
|
1161
|
+
<div>
|
|
1162
|
+
Child Content
|
|
1163
|
+
</div>
|
|
1164
|
+
</div>
|
|
1165
|
+
</div>
|
|
1166
|
+
</div>
|
|
1167
|
+
</div>
|
|
1168
|
+
</button>
|
|
1169
|
+
</div>
|
|
1170
|
+
</DocumentFragment>
|
|
1171
|
+
`;
|
|
1172
|
+
|
|
1173
|
+
exports[`ActionButton renders with iconName: { iconName: 'ZD-replyall', iconSize: '9' } and iconSize: %s 1`] = `
|
|
1174
|
+
<DocumentFragment>
|
|
1175
|
+
<div
|
|
1176
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
1177
|
+
data-id="actionButton_actionButton"
|
|
1178
|
+
data-selector-id="actionButton"
|
|
1179
|
+
data-test-id="actionButton_actionButton"
|
|
1180
|
+
>
|
|
1181
|
+
<button
|
|
1182
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
1183
|
+
data-id="actionButton"
|
|
1184
|
+
data-selector-id="box"
|
|
1185
|
+
data-test-id="actionButton"
|
|
1186
|
+
tabindex="0"
|
|
1187
|
+
>
|
|
1188
|
+
<div
|
|
1189
|
+
class="flex cover coldir both"
|
|
1190
|
+
data-id="containerComponent"
|
|
1191
|
+
data-selector-id="container"
|
|
1192
|
+
data-test-id="containerComponent"
|
|
1193
|
+
>
|
|
1194
|
+
<div
|
|
1195
|
+
class="contentwrapper shrinkOff"
|
|
1196
|
+
data-id="boxComponent"
|
|
1197
|
+
data-selector-id="box"
|
|
1198
|
+
data-test-id="boxComponent"
|
|
1199
|
+
>
|
|
1200
|
+
<div
|
|
1201
|
+
class="flex rowdir vCenter"
|
|
1202
|
+
data-id="containerComponent"
|
|
1203
|
+
data-selector-id="container"
|
|
1204
|
+
data-test-id="containerComponent"
|
|
1205
|
+
>
|
|
1206
|
+
<i
|
|
1207
|
+
aria-hidden="true"
|
|
1208
|
+
class="zd_font_icons basic icon-replyall-new iconClr iconMrgn "
|
|
1209
|
+
data-id="fontIcon"
|
|
1210
|
+
data-selector-id="fontIcon"
|
|
1211
|
+
data-test-id="fontIcon"
|
|
1212
|
+
style="--zd-iconfont-size: var(--zd_font_size9);"
|
|
1213
|
+
/>
|
|
1214
|
+
<div
|
|
1215
|
+
class="txt shrinkOn"
|
|
1216
|
+
data-id="boxComponent"
|
|
1217
|
+
data-selector-id="box"
|
|
1218
|
+
data-test-id="boxComponent"
|
|
1219
|
+
data-title="Not Loading - Main Text"
|
|
1220
|
+
>
|
|
1221
|
+
Not Loading - Main Text
|
|
1222
|
+
</div>
|
|
1223
|
+
</div>
|
|
1224
|
+
</div>
|
|
1225
|
+
<div
|
|
1226
|
+
class="subTxt shrinkOff"
|
|
1227
|
+
data-id="boxComponent"
|
|
1228
|
+
data-selector-id="box"
|
|
1229
|
+
data-test-id="boxComponent"
|
|
1230
|
+
data-title="Not Loading - Sub Text"
|
|
1231
|
+
>
|
|
1232
|
+
Not Loading - Sub Text
|
|
1233
|
+
</div>
|
|
1234
|
+
</div>
|
|
1235
|
+
</button>
|
|
1236
|
+
</div>
|
|
1237
|
+
</DocumentFragment>
|
|
1238
|
+
`;
|
|
1239
|
+
|
|
1240
|
+
exports[`ActionButton renders with innerClassName set to custom-class 1`] = `
|
|
1241
|
+
<DocumentFragment>
|
|
1242
|
+
<div
|
|
1243
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
1244
|
+
data-id="actionButton_actionButton"
|
|
1245
|
+
data-selector-id="actionButton"
|
|
1246
|
+
data-test-id="actionButton_actionButton"
|
|
1247
|
+
>
|
|
1248
|
+
<button
|
|
1249
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable custom-class grow basis shrinkOff"
|
|
1250
|
+
data-id="actionButton"
|
|
1251
|
+
data-selector-id="box"
|
|
1252
|
+
data-test-id="actionButton"
|
|
1253
|
+
tabindex="0"
|
|
1254
|
+
>
|
|
1255
|
+
<div
|
|
1256
|
+
class="flex cover coldir both"
|
|
1257
|
+
data-id="containerComponent"
|
|
1258
|
+
data-selector-id="container"
|
|
1259
|
+
data-test-id="containerComponent"
|
|
1260
|
+
>
|
|
1261
|
+
<div
|
|
1262
|
+
class="contentwrapper shrinkOff"
|
|
1263
|
+
data-id="boxComponent"
|
|
1264
|
+
data-selector-id="box"
|
|
1265
|
+
data-test-id="boxComponent"
|
|
1266
|
+
>
|
|
1267
|
+
<div
|
|
1268
|
+
class="flex rowdir vCenter"
|
|
1269
|
+
data-id="containerComponent"
|
|
1270
|
+
data-selector-id="container"
|
|
1271
|
+
data-test-id="containerComponent"
|
|
1272
|
+
/>
|
|
1273
|
+
</div>
|
|
1274
|
+
</div>
|
|
1275
|
+
</button>
|
|
1276
|
+
</div>
|
|
1277
|
+
</DocumentFragment>
|
|
1278
|
+
`;
|
|
1279
|
+
|
|
1280
|
+
exports[`ActionButton renders with innerClassName set to empty string 1`] = `
|
|
1281
|
+
<DocumentFragment>
|
|
1282
|
+
<div
|
|
1283
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
1284
|
+
data-id="actionButton_actionButton"
|
|
1285
|
+
data-selector-id="actionButton"
|
|
1286
|
+
data-test-id="actionButton_actionButton"
|
|
1287
|
+
>
|
|
1288
|
+
<button
|
|
1289
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
1290
|
+
data-id="actionButton"
|
|
1291
|
+
data-selector-id="box"
|
|
1292
|
+
data-test-id="actionButton"
|
|
1293
|
+
tabindex="0"
|
|
1294
|
+
>
|
|
1295
|
+
<div
|
|
1296
|
+
class="flex cover coldir both"
|
|
1297
|
+
data-id="containerComponent"
|
|
1298
|
+
data-selector-id="container"
|
|
1299
|
+
data-test-id="containerComponent"
|
|
1300
|
+
>
|
|
1301
|
+
<div
|
|
1302
|
+
class="contentwrapper shrinkOff"
|
|
1303
|
+
data-id="boxComponent"
|
|
1304
|
+
data-selector-id="box"
|
|
1305
|
+
data-test-id="boxComponent"
|
|
1306
|
+
>
|
|
1307
|
+
<div
|
|
1308
|
+
class="flex rowdir vCenter"
|
|
1309
|
+
data-id="containerComponent"
|
|
1310
|
+
data-selector-id="container"
|
|
1311
|
+
data-test-id="containerComponent"
|
|
1312
|
+
/>
|
|
1313
|
+
</div>
|
|
1314
|
+
</div>
|
|
1315
|
+
</button>
|
|
1316
|
+
</div>
|
|
1317
|
+
</DocumentFragment>
|
|
1318
|
+
`;
|
|
1319
|
+
|
|
1320
|
+
exports[`ActionButton renders with innerClassName set to undefined 1`] = `
|
|
1321
|
+
<DocumentFragment>
|
|
1322
|
+
<div
|
|
1323
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
1324
|
+
data-id="actionButton_actionButton"
|
|
1325
|
+
data-selector-id="actionButton"
|
|
1326
|
+
data-test-id="actionButton_actionButton"
|
|
1327
|
+
>
|
|
1328
|
+
<button
|
|
1329
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
1330
|
+
data-id="actionButton"
|
|
1331
|
+
data-selector-id="box"
|
|
1332
|
+
data-test-id="actionButton"
|
|
1333
|
+
tabindex="0"
|
|
1334
|
+
>
|
|
1335
|
+
<div
|
|
1336
|
+
class="flex cover coldir both"
|
|
1337
|
+
data-id="containerComponent"
|
|
1338
|
+
data-selector-id="container"
|
|
1339
|
+
data-test-id="containerComponent"
|
|
1340
|
+
>
|
|
1341
|
+
<div
|
|
1342
|
+
class="contentwrapper shrinkOff"
|
|
1343
|
+
data-id="boxComponent"
|
|
1344
|
+
data-selector-id="box"
|
|
1345
|
+
data-test-id="boxComponent"
|
|
1346
|
+
>
|
|
1347
|
+
<div
|
|
1348
|
+
class="flex rowdir vCenter"
|
|
1349
|
+
data-id="containerComponent"
|
|
1350
|
+
data-selector-id="container"
|
|
1351
|
+
data-test-id="containerComponent"
|
|
1352
|
+
/>
|
|
1353
|
+
</div>
|
|
1354
|
+
</div>
|
|
1355
|
+
</button>
|
|
1356
|
+
</div>
|
|
1357
|
+
</DocumentFragment>
|
|
1358
|
+
`;
|
|
1359
|
+
|
|
1360
|
+
exports[`ActionButton renders with isAbsolutePositioningNeeded set to true 1`] = `
|
|
1361
|
+
<DocumentFragment>
|
|
1362
|
+
<div
|
|
1363
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
1364
|
+
data-id="actionButton_actionButton"
|
|
1365
|
+
data-selector-id="actionButton"
|
|
1366
|
+
data-test-id="actionButton_actionButton"
|
|
1367
|
+
>
|
|
1368
|
+
<button
|
|
1369
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
1370
|
+
data-id="actionButton"
|
|
1371
|
+
data-selector-id="box"
|
|
1372
|
+
data-test-id="actionButton"
|
|
1373
|
+
tabindex="0"
|
|
1374
|
+
>
|
|
1375
|
+
<div
|
|
1376
|
+
class="flex cover coldir both"
|
|
1377
|
+
data-id="containerComponent"
|
|
1378
|
+
data-selector-id="container"
|
|
1379
|
+
data-test-id="containerComponent"
|
|
1380
|
+
>
|
|
1381
|
+
<div
|
|
1382
|
+
class="contentwrapper shrinkOff"
|
|
1383
|
+
data-id="boxComponent"
|
|
1384
|
+
data-selector-id="box"
|
|
1385
|
+
data-test-id="boxComponent"
|
|
1386
|
+
>
|
|
1387
|
+
<div
|
|
1388
|
+
class="flex rowdir vCenter"
|
|
1389
|
+
data-id="containerComponent"
|
|
1390
|
+
data-selector-id="container"
|
|
1391
|
+
data-test-id="containerComponent"
|
|
1392
|
+
/>
|
|
1393
|
+
</div>
|
|
1394
|
+
</div>
|
|
1395
|
+
</button>
|
|
1396
|
+
</div>
|
|
1397
|
+
</DocumentFragment>
|
|
1398
|
+
`;
|
|
1399
|
+
|
|
1400
|
+
exports[`ActionButton renders with isAbsolutePositioningNeeded set to true and isPopupOpen true 1`] = `
|
|
1401
|
+
<DocumentFragment>
|
|
1402
|
+
<div
|
|
1403
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
1404
|
+
data-id="actionButton_actionButton"
|
|
1405
|
+
data-selector-id="actionButton"
|
|
1406
|
+
data-test-id="actionButton_actionButton"
|
|
1407
|
+
>
|
|
1408
|
+
<button
|
|
1409
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
1410
|
+
data-id="actionButton"
|
|
1411
|
+
data-selector-id="box"
|
|
1412
|
+
data-test-id="actionButton"
|
|
1413
|
+
tabindex="0"
|
|
1414
|
+
>
|
|
1415
|
+
<div
|
|
1416
|
+
class="flex cover coldir both"
|
|
1417
|
+
data-id="containerComponent"
|
|
1418
|
+
data-selector-id="container"
|
|
1419
|
+
data-test-id="containerComponent"
|
|
1420
|
+
>
|
|
1421
|
+
<div
|
|
1422
|
+
class="contentwrapper shrinkOff"
|
|
1423
|
+
data-id="boxComponent"
|
|
1424
|
+
data-selector-id="box"
|
|
1425
|
+
data-test-id="boxComponent"
|
|
1426
|
+
>
|
|
1427
|
+
<div
|
|
1428
|
+
class="flex rowdir vCenter"
|
|
1429
|
+
data-id="containerComponent"
|
|
1430
|
+
data-selector-id="container"
|
|
1431
|
+
data-test-id="containerComponent"
|
|
1432
|
+
/>
|
|
1433
|
+
</div>
|
|
1434
|
+
</div>
|
|
1435
|
+
</button>
|
|
1436
|
+
<button
|
|
1437
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper arrowActive shrinkOff"
|
|
1438
|
+
data-id="actionButton_arrowButton"
|
|
1439
|
+
data-selector-id="actionButton_arrowButton"
|
|
1440
|
+
data-test-id="actionButton_arrowButton"
|
|
1441
|
+
tabindex="0"
|
|
1442
|
+
>
|
|
1443
|
+
<div
|
|
1444
|
+
class="flex cover coldir both"
|
|
1445
|
+
data-id="containerComponent"
|
|
1446
|
+
data-selector-id="container"
|
|
1447
|
+
data-test-id="containerComponent"
|
|
1448
|
+
>
|
|
1449
|
+
<i
|
|
1450
|
+
aria-hidden="true"
|
|
1451
|
+
class="zd_font_icons basic icon-down arrow "
|
|
1452
|
+
data-id="fontIcon"
|
|
1453
|
+
data-selector-id="fontIcon"
|
|
1454
|
+
data-test-id="fontIcon"
|
|
1455
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
1456
|
+
/>
|
|
1457
|
+
</div>
|
|
1458
|
+
<div
|
|
1459
|
+
class="main container bottomMid small paddingSpace"
|
|
1460
|
+
data-a11y-focus-main-area="true"
|
|
1461
|
+
data-arrow-position="mid"
|
|
1462
|
+
data-box-direction="bottom"
|
|
1463
|
+
data-id="actionButton_dropbox"
|
|
1464
|
+
data-position="bottomMid"
|
|
1465
|
+
data-selector-id="dropBox"
|
|
1466
|
+
data-test-id="actionButton_dropbox"
|
|
1467
|
+
dot-ui-element="dropbox"
|
|
1468
|
+
style="z-index: 4;"
|
|
1469
|
+
>
|
|
1470
|
+
<div
|
|
1471
|
+
class="subContainer shadow boxPadding radius fadeInScale defaultPalette"
|
|
1472
|
+
data-a11y-focus-scope="true"
|
|
1473
|
+
data-id="actionButton_dropbox_subcontainer"
|
|
1474
|
+
data-selector-id="dropBox_subcontainer"
|
|
1475
|
+
data-test-id="actionButton_dropbox_subcontainer"
|
|
1476
|
+
tabindex="-1"
|
|
1477
|
+
>
|
|
1478
|
+
<div
|
|
1479
|
+
class="flex coldir"
|
|
1480
|
+
data-id="containerComponent"
|
|
1481
|
+
data-selector-id="container"
|
|
1482
|
+
data-test-id="containerComponent"
|
|
1483
|
+
>
|
|
1484
|
+
<div
|
|
1485
|
+
class="grow basis shrinkOn scrolly"
|
|
1486
|
+
data-id="boxComponent"
|
|
1487
|
+
data-selector-id="box"
|
|
1488
|
+
data-test-id="boxComponent"
|
|
1489
|
+
>
|
|
1490
|
+
<div>
|
|
1491
|
+
Child Content
|
|
1492
|
+
</div>
|
|
1493
|
+
</div>
|
|
1494
|
+
</div>
|
|
1495
|
+
</div>
|
|
1496
|
+
</div>
|
|
1497
|
+
</button>
|
|
1498
|
+
</div>
|
|
1499
|
+
</DocumentFragment>
|
|
1500
|
+
`;
|
|
1501
|
+
|
|
1502
|
+
exports[`ActionButton renders with isArrow false and popup open 1`] = `
|
|
1503
|
+
<DocumentFragment>
|
|
1504
|
+
<div
|
|
1505
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
1506
|
+
data-id="actionButton_actionButton"
|
|
1507
|
+
data-selector-id="actionButton"
|
|
1508
|
+
data-test-id="actionButton_actionButton"
|
|
1509
|
+
>
|
|
1510
|
+
<button
|
|
1511
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
1512
|
+
data-id="actionButton"
|
|
1513
|
+
data-selector-id="box"
|
|
1514
|
+
data-test-id="actionButton"
|
|
1515
|
+
tabindex="0"
|
|
1516
|
+
>
|
|
1517
|
+
<div
|
|
1518
|
+
class="flex cover coldir both"
|
|
1519
|
+
data-id="containerComponent"
|
|
1520
|
+
data-selector-id="container"
|
|
1521
|
+
data-test-id="containerComponent"
|
|
1522
|
+
>
|
|
1523
|
+
<div
|
|
1524
|
+
class="contentwrapper shrinkOff"
|
|
1525
|
+
data-id="boxComponent"
|
|
1526
|
+
data-selector-id="box"
|
|
1527
|
+
data-test-id="boxComponent"
|
|
1528
|
+
>
|
|
1529
|
+
<div
|
|
1530
|
+
class="flex rowdir vCenter"
|
|
1531
|
+
data-id="containerComponent"
|
|
1532
|
+
data-selector-id="container"
|
|
1533
|
+
data-test-id="containerComponent"
|
|
1534
|
+
/>
|
|
1535
|
+
</div>
|
|
1536
|
+
</div>
|
|
1537
|
+
</button>
|
|
1538
|
+
<button
|
|
1539
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper arrowActive shrinkOff"
|
|
1540
|
+
data-id="actionButton_arrowButton"
|
|
1541
|
+
data-selector-id="actionButton_arrowButton"
|
|
1542
|
+
data-test-id="actionButton_arrowButton"
|
|
1543
|
+
tabindex="0"
|
|
1544
|
+
>
|
|
1545
|
+
<div
|
|
1546
|
+
class="flex cover coldir both"
|
|
1547
|
+
data-id="containerComponent"
|
|
1548
|
+
data-selector-id="container"
|
|
1549
|
+
data-test-id="containerComponent"
|
|
1550
|
+
>
|
|
1551
|
+
<i
|
|
1552
|
+
aria-hidden="true"
|
|
1553
|
+
class="zd_font_icons basic icon-down arrow "
|
|
1554
|
+
data-id="fontIcon"
|
|
1555
|
+
data-selector-id="fontIcon"
|
|
1556
|
+
data-test-id="fontIcon"
|
|
1557
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
1558
|
+
/>
|
|
1559
|
+
</div>
|
|
1560
|
+
<div
|
|
1561
|
+
class="main container bottomMid small paddingSpace"
|
|
1562
|
+
data-a11y-focus-main-area="true"
|
|
1563
|
+
data-arrow-position="mid"
|
|
1564
|
+
data-box-direction="bottom"
|
|
1565
|
+
data-id="actionButton_dropbox"
|
|
1566
|
+
data-position="bottomMid"
|
|
1567
|
+
data-selector-id="dropBox"
|
|
1568
|
+
data-test-id="actionButton_dropbox"
|
|
1569
|
+
dot-ui-element="dropbox"
|
|
1570
|
+
style="z-index: 4;"
|
|
1571
|
+
>
|
|
1572
|
+
<div
|
|
1573
|
+
class="subContainer shadow boxPadding radius fadeInScale defaultPalette"
|
|
1574
|
+
data-a11y-focus-scope="true"
|
|
1575
|
+
data-id="actionButton_dropbox_subcontainer"
|
|
1576
|
+
data-selector-id="dropBox_subcontainer"
|
|
1577
|
+
data-test-id="actionButton_dropbox_subcontainer"
|
|
1578
|
+
tabindex="-1"
|
|
1579
|
+
>
|
|
1580
|
+
<div
|
|
1581
|
+
class="flex coldir"
|
|
1582
|
+
data-id="containerComponent"
|
|
1583
|
+
data-selector-id="container"
|
|
1584
|
+
data-test-id="containerComponent"
|
|
1585
|
+
>
|
|
1586
|
+
<div
|
|
1587
|
+
class="grow basis shrinkOn scrolly"
|
|
1588
|
+
data-id="boxComponent"
|
|
1589
|
+
data-selector-id="box"
|
|
1590
|
+
data-test-id="boxComponent"
|
|
1591
|
+
>
|
|
1592
|
+
<div>
|
|
1593
|
+
Child Content
|
|
1594
|
+
</div>
|
|
1595
|
+
</div>
|
|
1596
|
+
</div>
|
|
1597
|
+
</div>
|
|
1598
|
+
</div>
|
|
1599
|
+
</button>
|
|
1600
|
+
</div>
|
|
1601
|
+
</DocumentFragment>
|
|
1602
|
+
`;
|
|
1603
|
+
|
|
1604
|
+
exports[`ActionButton renders with isArrow true and popup open 1`] = `
|
|
1605
|
+
<DocumentFragment>
|
|
1606
|
+
<div
|
|
1607
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
1608
|
+
data-id="actionButton_actionButton"
|
|
1609
|
+
data-selector-id="actionButton"
|
|
1610
|
+
data-test-id="actionButton_actionButton"
|
|
1611
|
+
>
|
|
1612
|
+
<button
|
|
1613
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
1614
|
+
data-id="actionButton"
|
|
1615
|
+
data-selector-id="box"
|
|
1616
|
+
data-test-id="actionButton"
|
|
1617
|
+
tabindex="0"
|
|
1618
|
+
>
|
|
1619
|
+
<div
|
|
1620
|
+
class="flex cover coldir both"
|
|
1621
|
+
data-id="containerComponent"
|
|
1622
|
+
data-selector-id="container"
|
|
1623
|
+
data-test-id="containerComponent"
|
|
1624
|
+
>
|
|
1625
|
+
<div
|
|
1626
|
+
class="contentwrapper shrinkOff"
|
|
1627
|
+
data-id="boxComponent"
|
|
1628
|
+
data-selector-id="box"
|
|
1629
|
+
data-test-id="boxComponent"
|
|
1630
|
+
>
|
|
1631
|
+
<div
|
|
1632
|
+
class="flex rowdir vCenter"
|
|
1633
|
+
data-id="containerComponent"
|
|
1634
|
+
data-selector-id="container"
|
|
1635
|
+
data-test-id="containerComponent"
|
|
1636
|
+
/>
|
|
1637
|
+
</div>
|
|
1638
|
+
</div>
|
|
1639
|
+
</button>
|
|
1640
|
+
<button
|
|
1641
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper arrowActive shrinkOff"
|
|
1642
|
+
data-id="actionButton_arrowButton"
|
|
1643
|
+
data-selector-id="actionButton_arrowButton"
|
|
1644
|
+
data-test-id="actionButton_arrowButton"
|
|
1645
|
+
tabindex="0"
|
|
1646
|
+
>
|
|
1647
|
+
<div
|
|
1648
|
+
class="flex cover coldir both"
|
|
1649
|
+
data-id="containerComponent"
|
|
1650
|
+
data-selector-id="container"
|
|
1651
|
+
data-test-id="containerComponent"
|
|
1652
|
+
>
|
|
1653
|
+
<i
|
|
1654
|
+
aria-hidden="true"
|
|
1655
|
+
class="zd_font_icons basic icon-down arrow "
|
|
1656
|
+
data-id="fontIcon"
|
|
1657
|
+
data-selector-id="fontIcon"
|
|
1658
|
+
data-test-id="fontIcon"
|
|
1659
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
1660
|
+
/>
|
|
1661
|
+
</div>
|
|
1662
|
+
<div
|
|
1663
|
+
class="main container bottomMid small boxDirection arrow"
|
|
1664
|
+
data-a11y-focus-main-area="true"
|
|
1665
|
+
data-arrow-position="mid"
|
|
1666
|
+
data-box-direction="bottom"
|
|
1667
|
+
data-id="actionButton_dropbox"
|
|
1668
|
+
data-position="bottomMid"
|
|
1669
|
+
data-selector-id="dropBox"
|
|
1670
|
+
data-test-id="actionButton_dropbox"
|
|
1671
|
+
dot-ui-element="dropbox"
|
|
1672
|
+
style="z-index: 4;"
|
|
1673
|
+
>
|
|
1674
|
+
<div
|
|
1675
|
+
class="subContainer shadow boxPadding radius fadeInScale defaultPalette"
|
|
1676
|
+
data-a11y-focus-scope="true"
|
|
1677
|
+
data-id="actionButton_dropbox_subcontainer"
|
|
1678
|
+
data-selector-id="dropBox_subcontainer"
|
|
1679
|
+
data-test-id="actionButton_dropbox_subcontainer"
|
|
1680
|
+
tabindex="-1"
|
|
1681
|
+
>
|
|
1682
|
+
<div
|
|
1683
|
+
class="arrowPosition"
|
|
1684
|
+
data-id="actionButton_dropbox_arrow"
|
|
1685
|
+
data-selector-id="dropBox_arrow"
|
|
1686
|
+
data-test-id="actionButton_dropbox_arrow"
|
|
1687
|
+
>
|
|
1688
|
+
<div
|
|
1689
|
+
class="arrowShape"
|
|
1690
|
+
/>
|
|
1691
|
+
</div>
|
|
1692
|
+
<div
|
|
1693
|
+
class="flex coldir"
|
|
1694
|
+
data-id="containerComponent"
|
|
1695
|
+
data-selector-id="container"
|
|
1696
|
+
data-test-id="containerComponent"
|
|
1697
|
+
>
|
|
1698
|
+
<div
|
|
1699
|
+
class="grow basis shrinkOn scrolly"
|
|
1700
|
+
data-id="boxComponent"
|
|
1701
|
+
data-selector-id="box"
|
|
1702
|
+
data-test-id="boxComponent"
|
|
1703
|
+
>
|
|
1704
|
+
<div>
|
|
1705
|
+
Child Content
|
|
1706
|
+
</div>
|
|
1707
|
+
</div>
|
|
1708
|
+
</div>
|
|
1709
|
+
</div>
|
|
1710
|
+
</div>
|
|
1711
|
+
</button>
|
|
1712
|
+
</div>
|
|
1713
|
+
</DocumentFragment>
|
|
1714
|
+
`;
|
|
1715
|
+
|
|
1716
|
+
exports[`ActionButton renders with isLoading set to true 1`] = `
|
|
1717
|
+
<DocumentFragment>
|
|
1718
|
+
<div
|
|
1719
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
1720
|
+
data-id="actionButton_actionButton"
|
|
1721
|
+
data-selector-id="actionButton"
|
|
1722
|
+
data-test-id="actionButton_actionButton"
|
|
1723
|
+
>
|
|
1724
|
+
<div
|
|
1725
|
+
class="grow basis shrinkOff"
|
|
1726
|
+
data-id="boxComponent"
|
|
1727
|
+
data-selector-id="box"
|
|
1728
|
+
data-test-id="boxComponent"
|
|
1729
|
+
>
|
|
1730
|
+
<button
|
|
1731
|
+
class="btn bold primaryfilled medium loader"
|
|
1732
|
+
data-id="buttonComp"
|
|
1733
|
+
data-selector-id="button"
|
|
1734
|
+
data-test-id="buttonComp"
|
|
1735
|
+
disabled=""
|
|
1736
|
+
type="button"
|
|
1737
|
+
>
|
|
1738
|
+
Loading...
|
|
1739
|
+
<div
|
|
1740
|
+
class="overlay"
|
|
1741
|
+
>
|
|
1742
|
+
<div
|
|
1743
|
+
class="loading mediumloading"
|
|
1744
|
+
>
|
|
1745
|
+
<div
|
|
1746
|
+
class="loadingelement primaryfilledelement"
|
|
1747
|
+
/>
|
|
1748
|
+
</div>
|
|
1749
|
+
</div>
|
|
1750
|
+
</button>
|
|
1751
|
+
</div>
|
|
1752
|
+
</div>
|
|
1753
|
+
</DocumentFragment>
|
|
1754
|
+
`;
|
|
1755
|
+
|
|
1756
|
+
exports[`ActionButton renders with isPopupOpen false and children 1`] = `
|
|
1757
|
+
<DocumentFragment>
|
|
1758
|
+
<div
|
|
1759
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
1760
|
+
data-id="actionButton_actionButton"
|
|
1761
|
+
data-selector-id="actionButton"
|
|
1762
|
+
data-test-id="actionButton_actionButton"
|
|
1763
|
+
>
|
|
1764
|
+
<button
|
|
1765
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
1766
|
+
data-id="actionButton"
|
|
1767
|
+
data-selector-id="box"
|
|
1768
|
+
data-test-id="actionButton"
|
|
1769
|
+
tabindex="0"
|
|
1770
|
+
>
|
|
1771
|
+
<div
|
|
1772
|
+
class="flex cover coldir both"
|
|
1773
|
+
data-id="containerComponent"
|
|
1774
|
+
data-selector-id="container"
|
|
1775
|
+
data-test-id="containerComponent"
|
|
1776
|
+
>
|
|
1777
|
+
<div
|
|
1778
|
+
class="contentwrapper shrinkOff"
|
|
1779
|
+
data-id="boxComponent"
|
|
1780
|
+
data-selector-id="box"
|
|
1781
|
+
data-test-id="boxComponent"
|
|
1782
|
+
>
|
|
1783
|
+
<div
|
|
1784
|
+
class="flex rowdir vCenter"
|
|
1785
|
+
data-id="containerComponent"
|
|
1786
|
+
data-selector-id="container"
|
|
1787
|
+
data-test-id="containerComponent"
|
|
1788
|
+
/>
|
|
1789
|
+
</div>
|
|
1790
|
+
</div>
|
|
1791
|
+
</button>
|
|
1792
|
+
<button
|
|
1793
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper shrinkOff"
|
|
1794
|
+
data-id="actionButton_arrowButton"
|
|
1795
|
+
data-selector-id="actionButton_arrowButton"
|
|
1796
|
+
data-test-id="actionButton_arrowButton"
|
|
1797
|
+
tabindex="0"
|
|
1798
|
+
>
|
|
1799
|
+
<div
|
|
1800
|
+
class="flex cover coldir both"
|
|
1801
|
+
data-id="containerComponent"
|
|
1802
|
+
data-selector-id="container"
|
|
1803
|
+
data-test-id="containerComponent"
|
|
1804
|
+
>
|
|
1805
|
+
<i
|
|
1806
|
+
aria-hidden="true"
|
|
1807
|
+
class="zd_font_icons basic icon-down arrow "
|
|
1808
|
+
data-id="fontIcon"
|
|
1809
|
+
data-selector-id="fontIcon"
|
|
1810
|
+
data-test-id="fontIcon"
|
|
1811
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
1812
|
+
/>
|
|
1813
|
+
</div>
|
|
1814
|
+
</button>
|
|
1815
|
+
</div>
|
|
1816
|
+
</DocumentFragment>
|
|
1817
|
+
`;
|
|
1818
|
+
|
|
1819
|
+
exports[`ActionButton renders with isPopupOpen true and children 1`] = `
|
|
1820
|
+
<DocumentFragment>
|
|
1821
|
+
<div
|
|
1822
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
1823
|
+
data-id="actionButton_actionButton"
|
|
1824
|
+
data-selector-id="actionButton"
|
|
1825
|
+
data-test-id="actionButton_actionButton"
|
|
1826
|
+
>
|
|
1827
|
+
<button
|
|
1828
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
1829
|
+
data-id="actionButton"
|
|
1830
|
+
data-selector-id="box"
|
|
1831
|
+
data-test-id="actionButton"
|
|
1832
|
+
tabindex="0"
|
|
1833
|
+
>
|
|
1834
|
+
<div
|
|
1835
|
+
class="flex cover coldir both"
|
|
1836
|
+
data-id="containerComponent"
|
|
1837
|
+
data-selector-id="container"
|
|
1838
|
+
data-test-id="containerComponent"
|
|
1839
|
+
>
|
|
1840
|
+
<div
|
|
1841
|
+
class="contentwrapper shrinkOff"
|
|
1842
|
+
data-id="boxComponent"
|
|
1843
|
+
data-selector-id="box"
|
|
1844
|
+
data-test-id="boxComponent"
|
|
1845
|
+
>
|
|
1846
|
+
<div
|
|
1847
|
+
class="flex rowdir vCenter"
|
|
1848
|
+
data-id="containerComponent"
|
|
1849
|
+
data-selector-id="container"
|
|
1850
|
+
data-test-id="containerComponent"
|
|
1851
|
+
/>
|
|
1852
|
+
</div>
|
|
1853
|
+
</div>
|
|
1854
|
+
</button>
|
|
1855
|
+
<button
|
|
1856
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper arrowActive shrinkOff"
|
|
1857
|
+
data-id="actionButton_arrowButton"
|
|
1858
|
+
data-selector-id="actionButton_arrowButton"
|
|
1859
|
+
data-test-id="actionButton_arrowButton"
|
|
1860
|
+
tabindex="0"
|
|
1861
|
+
>
|
|
1862
|
+
<div
|
|
1863
|
+
class="flex cover coldir both"
|
|
1864
|
+
data-id="containerComponent"
|
|
1865
|
+
data-selector-id="container"
|
|
1866
|
+
data-test-id="containerComponent"
|
|
1867
|
+
>
|
|
1868
|
+
<i
|
|
1869
|
+
aria-hidden="true"
|
|
1870
|
+
class="zd_font_icons basic icon-down arrow "
|
|
1871
|
+
data-id="fontIcon"
|
|
1872
|
+
data-selector-id="fontIcon"
|
|
1873
|
+
data-test-id="fontIcon"
|
|
1874
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
1875
|
+
/>
|
|
1876
|
+
</div>
|
|
1877
|
+
<div
|
|
1878
|
+
class="main container bottomMid small paddingSpace"
|
|
1879
|
+
data-a11y-focus-main-area="true"
|
|
1880
|
+
data-arrow-position="mid"
|
|
1881
|
+
data-box-direction="bottom"
|
|
1882
|
+
data-id="actionButton_dropbox"
|
|
1883
|
+
data-position="bottomMid"
|
|
1884
|
+
data-selector-id="dropBox"
|
|
1885
|
+
data-test-id="actionButton_dropbox"
|
|
1886
|
+
dot-ui-element="dropbox"
|
|
1887
|
+
style="z-index: 4;"
|
|
1888
|
+
>
|
|
1889
|
+
<div
|
|
1890
|
+
class="subContainer shadow boxPadding radius fadeInScale defaultPalette"
|
|
1891
|
+
data-a11y-focus-scope="true"
|
|
1892
|
+
data-id="actionButton_dropbox_subcontainer"
|
|
1893
|
+
data-selector-id="dropBox_subcontainer"
|
|
1894
|
+
data-test-id="actionButton_dropbox_subcontainer"
|
|
1895
|
+
tabindex="-1"
|
|
1896
|
+
>
|
|
1897
|
+
<div
|
|
1898
|
+
class="flex coldir"
|
|
1899
|
+
data-id="containerComponent"
|
|
1900
|
+
data-selector-id="container"
|
|
1901
|
+
data-test-id="containerComponent"
|
|
1902
|
+
>
|
|
1903
|
+
<div
|
|
1904
|
+
class="grow basis shrinkOn scrolly"
|
|
1905
|
+
data-id="boxComponent"
|
|
1906
|
+
data-selector-id="box"
|
|
1907
|
+
data-test-id="boxComponent"
|
|
1908
|
+
>
|
|
1909
|
+
<div>
|
|
1910
|
+
Child Content
|
|
1911
|
+
</div>
|
|
1912
|
+
</div>
|
|
1913
|
+
</div>
|
|
1914
|
+
</div>
|
|
1915
|
+
</div>
|
|
1916
|
+
</button>
|
|
1917
|
+
</div>
|
|
1918
|
+
</DocumentFragment>
|
|
1919
|
+
`;
|
|
1920
|
+
|
|
1921
|
+
exports[`ActionButton renders with isRestrictScroll set to true 1`] = `
|
|
1922
|
+
<DocumentFragment>
|
|
1923
|
+
<div
|
|
1924
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
1925
|
+
data-id="actionButton_actionButton"
|
|
1926
|
+
data-selector-id="actionButton"
|
|
1927
|
+
data-test-id="actionButton_actionButton"
|
|
1928
|
+
>
|
|
1929
|
+
<button
|
|
1930
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
1931
|
+
data-id="actionButton"
|
|
1932
|
+
data-selector-id="box"
|
|
1933
|
+
data-test-id="actionButton"
|
|
1934
|
+
tabindex="0"
|
|
1935
|
+
>
|
|
1936
|
+
<div
|
|
1937
|
+
class="flex cover coldir both"
|
|
1938
|
+
data-id="containerComponent"
|
|
1939
|
+
data-selector-id="container"
|
|
1940
|
+
data-test-id="containerComponent"
|
|
1941
|
+
>
|
|
1942
|
+
<div
|
|
1943
|
+
class="contentwrapper shrinkOff"
|
|
1944
|
+
data-id="boxComponent"
|
|
1945
|
+
data-selector-id="box"
|
|
1946
|
+
data-test-id="boxComponent"
|
|
1947
|
+
>
|
|
1948
|
+
<div
|
|
1949
|
+
class="flex rowdir vCenter"
|
|
1950
|
+
data-id="containerComponent"
|
|
1951
|
+
data-selector-id="container"
|
|
1952
|
+
data-test-id="containerComponent"
|
|
1953
|
+
/>
|
|
1954
|
+
</div>
|
|
1955
|
+
</div>
|
|
1956
|
+
</button>
|
|
1957
|
+
</div>
|
|
1958
|
+
</DocumentFragment>
|
|
1959
|
+
`;
|
|
1960
|
+
|
|
1961
|
+
exports[`ActionButton renders with isRestrictScroll set to true and isPopupOpen true 1`] = `
|
|
1962
|
+
<DocumentFragment>
|
|
1963
|
+
<div
|
|
1964
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
1965
|
+
data-id="actionButton_actionButton"
|
|
1966
|
+
data-selector-id="actionButton"
|
|
1967
|
+
data-test-id="actionButton_actionButton"
|
|
1968
|
+
>
|
|
1969
|
+
<button
|
|
1970
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
1971
|
+
data-id="actionButton"
|
|
1972
|
+
data-selector-id="box"
|
|
1973
|
+
data-test-id="actionButton"
|
|
1974
|
+
tabindex="0"
|
|
1975
|
+
>
|
|
1976
|
+
<div
|
|
1977
|
+
class="flex cover coldir both"
|
|
1978
|
+
data-id="containerComponent"
|
|
1979
|
+
data-selector-id="container"
|
|
1980
|
+
data-test-id="containerComponent"
|
|
1981
|
+
>
|
|
1982
|
+
<div
|
|
1983
|
+
class="contentwrapper shrinkOff"
|
|
1984
|
+
data-id="boxComponent"
|
|
1985
|
+
data-selector-id="box"
|
|
1986
|
+
data-test-id="boxComponent"
|
|
1987
|
+
>
|
|
1988
|
+
<div
|
|
1989
|
+
class="flex rowdir vCenter"
|
|
1990
|
+
data-id="containerComponent"
|
|
1991
|
+
data-selector-id="container"
|
|
1992
|
+
data-test-id="containerComponent"
|
|
1993
|
+
/>
|
|
1994
|
+
</div>
|
|
1995
|
+
</div>
|
|
1996
|
+
</button>
|
|
1997
|
+
<button
|
|
1998
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper arrowActive shrinkOff"
|
|
1999
|
+
data-id="actionButton_arrowButton"
|
|
2000
|
+
data-selector-id="actionButton_arrowButton"
|
|
2001
|
+
data-test-id="actionButton_arrowButton"
|
|
2002
|
+
tabindex="0"
|
|
2003
|
+
>
|
|
2004
|
+
<div
|
|
2005
|
+
class="flex cover coldir both"
|
|
2006
|
+
data-id="containerComponent"
|
|
2007
|
+
data-selector-id="container"
|
|
2008
|
+
data-test-id="containerComponent"
|
|
2009
|
+
>
|
|
2010
|
+
<i
|
|
2011
|
+
aria-hidden="true"
|
|
2012
|
+
class="zd_font_icons basic icon-down arrow "
|
|
2013
|
+
data-id="fontIcon"
|
|
2014
|
+
data-selector-id="fontIcon"
|
|
2015
|
+
data-test-id="fontIcon"
|
|
2016
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
2017
|
+
/>
|
|
2018
|
+
</div>
|
|
2019
|
+
<div
|
|
2020
|
+
class="main container bottomMid small paddingSpace"
|
|
2021
|
+
data-a11y-focus-main-area="true"
|
|
2022
|
+
data-arrow-position="mid"
|
|
2023
|
+
data-box-direction="bottom"
|
|
2024
|
+
data-id="actionButton_dropbox"
|
|
2025
|
+
data-position="bottomMid"
|
|
2026
|
+
data-selector-id="dropBox"
|
|
2027
|
+
data-test-id="actionButton_dropbox"
|
|
2028
|
+
dot-ui-element="dropbox"
|
|
2029
|
+
style="z-index: 4;"
|
|
2030
|
+
>
|
|
2031
|
+
<div
|
|
2032
|
+
class="subContainer shadow boxPadding radius fadeInScale defaultPalette"
|
|
2033
|
+
data-a11y-focus-scope="true"
|
|
2034
|
+
data-id="actionButton_dropbox_subcontainer"
|
|
2035
|
+
data-selector-id="dropBox_subcontainer"
|
|
2036
|
+
data-test-id="actionButton_dropbox_subcontainer"
|
|
2037
|
+
tabindex="-1"
|
|
2038
|
+
>
|
|
2039
|
+
<div
|
|
2040
|
+
class="flex coldir"
|
|
2041
|
+
data-id="containerComponent"
|
|
2042
|
+
data-selector-id="container"
|
|
2043
|
+
data-test-id="containerComponent"
|
|
2044
|
+
>
|
|
2045
|
+
<div
|
|
2046
|
+
class="grow basis shrinkOn scrolly"
|
|
2047
|
+
data-id="boxComponent"
|
|
2048
|
+
data-selector-id="box"
|
|
2049
|
+
data-test-id="boxComponent"
|
|
2050
|
+
>
|
|
2051
|
+
<div>
|
|
2052
|
+
Child Content
|
|
2053
|
+
</div>
|
|
2054
|
+
</div>
|
|
2055
|
+
</div>
|
|
2056
|
+
</div>
|
|
2057
|
+
</div>
|
|
2058
|
+
</button>
|
|
2059
|
+
</div>
|
|
2060
|
+
</DocumentFragment>
|
|
2061
|
+
`;
|
|
2062
|
+
|
|
2063
|
+
exports[`ActionButton renders with onClick prop and validates class 1`] = `
|
|
2064
|
+
<DocumentFragment>
|
|
2065
|
+
<div
|
|
2066
|
+
class="container primaryFilledBox medium flex rowdir"
|
|
2067
|
+
data-id="actionButton_actionButton"
|
|
2068
|
+
data-selector-id="actionButton"
|
|
2069
|
+
data-test-id="actionButton_actionButton"
|
|
2070
|
+
>
|
|
2071
|
+
<button
|
|
2072
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
2073
|
+
data-id="actionButton"
|
|
2074
|
+
data-selector-id="box"
|
|
2075
|
+
data-test-id="actionButton"
|
|
2076
|
+
tabindex="0"
|
|
2077
|
+
>
|
|
2078
|
+
<div
|
|
2079
|
+
class="flex cover coldir both"
|
|
2080
|
+
data-id="containerComponent"
|
|
2081
|
+
data-selector-id="container"
|
|
2082
|
+
data-test-id="containerComponent"
|
|
2083
|
+
>
|
|
2084
|
+
<div
|
|
2085
|
+
class="contentwrapper shrinkOff"
|
|
2086
|
+
data-id="boxComponent"
|
|
2087
|
+
data-selector-id="box"
|
|
2088
|
+
data-test-id="boxComponent"
|
|
2089
|
+
>
|
|
2090
|
+
<div
|
|
2091
|
+
class="flex rowdir vCenter"
|
|
2092
|
+
data-id="containerComponent"
|
|
2093
|
+
data-selector-id="container"
|
|
2094
|
+
data-test-id="containerComponent"
|
|
2095
|
+
>
|
|
2096
|
+
<i
|
|
2097
|
+
aria-hidden="true"
|
|
2098
|
+
class="zd_font_icons basic icon-replyall-new iconClr iconMrgn "
|
|
2099
|
+
data-id="fontIcon"
|
|
2100
|
+
data-selector-id="fontIcon"
|
|
2101
|
+
data-test-id="fontIcon"
|
|
2102
|
+
style="--zd-iconfont-size: var(--zd_font_size9);"
|
|
2103
|
+
/>
|
|
2104
|
+
<div
|
|
2105
|
+
class="txt shrinkOn"
|
|
2106
|
+
data-id="boxComponent"
|
|
2107
|
+
data-selector-id="box"
|
|
2108
|
+
data-test-id="boxComponent"
|
|
2109
|
+
data-title="Not Loading - Main Text onClick"
|
|
2110
|
+
>
|
|
2111
|
+
Not Loading - Main Text onClick
|
|
2112
|
+
</div>
|
|
2113
|
+
</div>
|
|
2114
|
+
</div>
|
|
2115
|
+
<div
|
|
2116
|
+
class="subTxt shrinkOff"
|
|
2117
|
+
data-id="boxComponent"
|
|
2118
|
+
data-selector-id="box"
|
|
2119
|
+
data-test-id="boxComponent"
|
|
2120
|
+
data-title="Not Loading - Sub Text onClick"
|
|
2121
|
+
>
|
|
2122
|
+
Not Loading - Sub Text onClick
|
|
2123
|
+
</div>
|
|
2124
|
+
</div>
|
|
2125
|
+
</button>
|
|
2126
|
+
</div>
|
|
2127
|
+
</DocumentFragment>
|
|
2128
|
+
`;
|
|
2129
|
+
|
|
2130
|
+
exports[`ActionButton renders with palette - primary 1`] = `
|
|
2131
|
+
<DocumentFragment>
|
|
2132
|
+
<div
|
|
2133
|
+
class="container primaryBox medium wholeDiv flex rowdir"
|
|
2134
|
+
data-id="actionButton_actionButton"
|
|
2135
|
+
data-selector-id="actionButton"
|
|
2136
|
+
data-test-id="actionButton_actionButton"
|
|
2137
|
+
>
|
|
2138
|
+
<button
|
|
2139
|
+
class="buttonReset contentBox primaryBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
2140
|
+
data-id="actionButton"
|
|
2141
|
+
data-selector-id="box"
|
|
2142
|
+
data-test-id="actionButton"
|
|
2143
|
+
tabindex="0"
|
|
2144
|
+
>
|
|
2145
|
+
<div
|
|
2146
|
+
class="flex cover coldir both"
|
|
2147
|
+
data-id="containerComponent"
|
|
2148
|
+
data-selector-id="container"
|
|
2149
|
+
data-test-id="containerComponent"
|
|
2150
|
+
>
|
|
2151
|
+
<div
|
|
2152
|
+
class="contentwrapper shrinkOff"
|
|
2153
|
+
data-id="boxComponent"
|
|
2154
|
+
data-selector-id="box"
|
|
2155
|
+
data-test-id="boxComponent"
|
|
2156
|
+
>
|
|
2157
|
+
<div
|
|
2158
|
+
class="flex rowdir vCenter"
|
|
2159
|
+
data-id="containerComponent"
|
|
2160
|
+
data-selector-id="container"
|
|
2161
|
+
data-test-id="containerComponent"
|
|
2162
|
+
/>
|
|
2163
|
+
</div>
|
|
2164
|
+
</div>
|
|
2165
|
+
</button>
|
|
2166
|
+
</div>
|
|
2167
|
+
</DocumentFragment>
|
|
2168
|
+
`;
|
|
2169
|
+
|
|
2170
|
+
exports[`ActionButton renders with palette - primary and children 1`] = `
|
|
2171
|
+
<DocumentFragment>
|
|
2172
|
+
<div
|
|
2173
|
+
class="container primaryBox medium wholeDiv flex rowdir"
|
|
2174
|
+
data-id="actionButton_actionButton"
|
|
2175
|
+
data-selector-id="actionButton"
|
|
2176
|
+
data-test-id="actionButton_actionButton"
|
|
2177
|
+
>
|
|
2178
|
+
<button
|
|
2179
|
+
class="buttonReset contentBox primaryBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
2180
|
+
data-id="actionButton"
|
|
2181
|
+
data-selector-id="box"
|
|
2182
|
+
data-test-id="actionButton"
|
|
2183
|
+
tabindex="0"
|
|
2184
|
+
>
|
|
2185
|
+
<div
|
|
2186
|
+
class="flex cover coldir both"
|
|
2187
|
+
data-id="containerComponent"
|
|
2188
|
+
data-selector-id="container"
|
|
2189
|
+
data-test-id="containerComponent"
|
|
2190
|
+
>
|
|
2191
|
+
<div
|
|
2192
|
+
class="contentwrapper shrinkOff"
|
|
2193
|
+
data-id="boxComponent"
|
|
2194
|
+
data-selector-id="box"
|
|
2195
|
+
data-test-id="boxComponent"
|
|
2196
|
+
>
|
|
2197
|
+
<div
|
|
2198
|
+
class="flex rowdir vCenter"
|
|
2199
|
+
data-id="containerComponent"
|
|
2200
|
+
data-selector-id="container"
|
|
2201
|
+
data-test-id="containerComponent"
|
|
2202
|
+
/>
|
|
2203
|
+
</div>
|
|
2204
|
+
</div>
|
|
2205
|
+
</button>
|
|
2206
|
+
<button
|
|
2207
|
+
class="buttonReset medium_arrowBox primaryArw arrowWrapper shrinkOff"
|
|
2208
|
+
data-id="actionButton_arrowButton"
|
|
2209
|
+
data-selector-id="actionButton_arrowButton"
|
|
2210
|
+
data-test-id="actionButton_arrowButton"
|
|
2211
|
+
tabindex="0"
|
|
2212
|
+
>
|
|
2213
|
+
<div
|
|
2214
|
+
class="flex cover coldir both"
|
|
2215
|
+
data-id="containerComponent"
|
|
2216
|
+
data-selector-id="container"
|
|
2217
|
+
data-test-id="containerComponent"
|
|
2218
|
+
>
|
|
2219
|
+
<i
|
|
2220
|
+
aria-hidden="true"
|
|
2221
|
+
class="zd_font_icons basic icon-down arrow "
|
|
2222
|
+
data-id="fontIcon"
|
|
2223
|
+
data-selector-id="fontIcon"
|
|
2224
|
+
data-test-id="fontIcon"
|
|
2225
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
2226
|
+
/>
|
|
2227
|
+
</div>
|
|
2228
|
+
</button>
|
|
2229
|
+
</div>
|
|
2230
|
+
</DocumentFragment>
|
|
2231
|
+
`;
|
|
2232
|
+
|
|
2233
|
+
exports[`ActionButton renders with palette - primary and loading 1`] = `
|
|
2234
|
+
<DocumentFragment>
|
|
2235
|
+
<div
|
|
2236
|
+
class="container primaryBox medium wholeDiv flex rowdir"
|
|
2237
|
+
data-id="actionButton_actionButton"
|
|
2238
|
+
data-selector-id="actionButton"
|
|
2239
|
+
data-test-id="actionButton_actionButton"
|
|
2240
|
+
>
|
|
2241
|
+
<div
|
|
2242
|
+
class="grow basis shrinkOff"
|
|
2243
|
+
data-id="boxComponent"
|
|
2244
|
+
data-selector-id="box"
|
|
2245
|
+
data-test-id="boxComponent"
|
|
2246
|
+
>
|
|
2247
|
+
<button
|
|
2248
|
+
class="btn bold primary medium loader"
|
|
2249
|
+
data-id="buttonComp"
|
|
2250
|
+
data-selector-id="button"
|
|
2251
|
+
data-test-id="buttonComp"
|
|
2252
|
+
disabled=""
|
|
2253
|
+
type="button"
|
|
2254
|
+
>
|
|
2255
|
+
Button
|
|
2256
|
+
<div
|
|
2257
|
+
class="overlay"
|
|
2258
|
+
>
|
|
2259
|
+
<div
|
|
2260
|
+
class="loading mediumloading"
|
|
2261
|
+
>
|
|
2262
|
+
<div
|
|
2263
|
+
class="loadingelement primaryelement"
|
|
2264
|
+
/>
|
|
2265
|
+
</div>
|
|
2266
|
+
</div>
|
|
2267
|
+
</button>
|
|
2268
|
+
</div>
|
|
2269
|
+
</div>
|
|
2270
|
+
</DocumentFragment>
|
|
2271
|
+
`;
|
|
2272
|
+
|
|
2273
|
+
exports[`ActionButton renders with palette - primaryFilled 1`] = `
|
|
2274
|
+
<DocumentFragment>
|
|
2275
|
+
<div
|
|
2276
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
2277
|
+
data-id="actionButton_actionButton"
|
|
2278
|
+
data-selector-id="actionButton"
|
|
2279
|
+
data-test-id="actionButton_actionButton"
|
|
2280
|
+
>
|
|
2281
|
+
<button
|
|
2282
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
2283
|
+
data-id="actionButton"
|
|
2284
|
+
data-selector-id="box"
|
|
2285
|
+
data-test-id="actionButton"
|
|
2286
|
+
tabindex="0"
|
|
2287
|
+
>
|
|
2288
|
+
<div
|
|
2289
|
+
class="flex cover coldir both"
|
|
2290
|
+
data-id="containerComponent"
|
|
2291
|
+
data-selector-id="container"
|
|
2292
|
+
data-test-id="containerComponent"
|
|
2293
|
+
>
|
|
2294
|
+
<div
|
|
2295
|
+
class="contentwrapper shrinkOff"
|
|
2296
|
+
data-id="boxComponent"
|
|
2297
|
+
data-selector-id="box"
|
|
2298
|
+
data-test-id="boxComponent"
|
|
2299
|
+
>
|
|
2300
|
+
<div
|
|
2301
|
+
class="flex rowdir vCenter"
|
|
2302
|
+
data-id="containerComponent"
|
|
2303
|
+
data-selector-id="container"
|
|
2304
|
+
data-test-id="containerComponent"
|
|
2305
|
+
/>
|
|
2306
|
+
</div>
|
|
2307
|
+
</div>
|
|
2308
|
+
</button>
|
|
2309
|
+
</div>
|
|
2310
|
+
</DocumentFragment>
|
|
2311
|
+
`;
|
|
2312
|
+
|
|
2313
|
+
exports[`ActionButton renders with palette - primaryFilled and children 1`] = `
|
|
2314
|
+
<DocumentFragment>
|
|
2315
|
+
<div
|
|
2316
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
2317
|
+
data-id="actionButton_actionButton"
|
|
2318
|
+
data-selector-id="actionButton"
|
|
2319
|
+
data-test-id="actionButton_actionButton"
|
|
2320
|
+
>
|
|
2321
|
+
<button
|
|
2322
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdr clickable grow basis shrinkOff"
|
|
2323
|
+
data-id="actionButton"
|
|
2324
|
+
data-selector-id="box"
|
|
2325
|
+
data-test-id="actionButton"
|
|
2326
|
+
tabindex="0"
|
|
2327
|
+
>
|
|
2328
|
+
<div
|
|
2329
|
+
class="flex cover coldir both"
|
|
2330
|
+
data-id="containerComponent"
|
|
2331
|
+
data-selector-id="container"
|
|
2332
|
+
data-test-id="containerComponent"
|
|
2333
|
+
>
|
|
2334
|
+
<div
|
|
2335
|
+
class="contentwrapper shrinkOff"
|
|
2336
|
+
data-id="boxComponent"
|
|
2337
|
+
data-selector-id="box"
|
|
2338
|
+
data-test-id="boxComponent"
|
|
2339
|
+
>
|
|
2340
|
+
<div
|
|
2341
|
+
class="flex rowdir vCenter"
|
|
2342
|
+
data-id="containerComponent"
|
|
2343
|
+
data-selector-id="container"
|
|
2344
|
+
data-test-id="containerComponent"
|
|
2345
|
+
/>
|
|
2346
|
+
</div>
|
|
2347
|
+
</div>
|
|
2348
|
+
</button>
|
|
2349
|
+
<button
|
|
2350
|
+
class="buttonReset medium_arrowBox primaryFilledArw arrowWrapper shrinkOff"
|
|
2351
|
+
data-id="actionButton_arrowButton"
|
|
2352
|
+
data-selector-id="actionButton_arrowButton"
|
|
2353
|
+
data-test-id="actionButton_arrowButton"
|
|
2354
|
+
tabindex="0"
|
|
2355
|
+
>
|
|
2356
|
+
<div
|
|
2357
|
+
class="flex cover coldir both"
|
|
2358
|
+
data-id="containerComponent"
|
|
2359
|
+
data-selector-id="container"
|
|
2360
|
+
data-test-id="containerComponent"
|
|
2361
|
+
>
|
|
2362
|
+
<i
|
|
2363
|
+
aria-hidden="true"
|
|
2364
|
+
class="zd_font_icons basic icon-down arrow "
|
|
2365
|
+
data-id="fontIcon"
|
|
2366
|
+
data-selector-id="fontIcon"
|
|
2367
|
+
data-test-id="fontIcon"
|
|
2368
|
+
style="--zd-iconfont-size: var(--zd_font_size6);"
|
|
2369
|
+
/>
|
|
2370
|
+
</div>
|
|
2371
|
+
</button>
|
|
2372
|
+
</div>
|
|
2373
|
+
</DocumentFragment>
|
|
2374
|
+
`;
|
|
2375
|
+
|
|
2376
|
+
exports[`ActionButton renders with palette - primaryFilled and loading 1`] = `
|
|
2377
|
+
<DocumentFragment>
|
|
2378
|
+
<div
|
|
2379
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
2380
|
+
data-id="actionButton_actionButton"
|
|
2381
|
+
data-selector-id="actionButton"
|
|
2382
|
+
data-test-id="actionButton_actionButton"
|
|
2383
|
+
>
|
|
2384
|
+
<div
|
|
2385
|
+
class="grow basis shrinkOff"
|
|
2386
|
+
data-id="boxComponent"
|
|
2387
|
+
data-selector-id="box"
|
|
2388
|
+
data-test-id="boxComponent"
|
|
2389
|
+
>
|
|
2390
|
+
<button
|
|
2391
|
+
class="btn bold primaryfilled medium loader"
|
|
2392
|
+
data-id="buttonComp"
|
|
2393
|
+
data-selector-id="button"
|
|
2394
|
+
data-test-id="buttonComp"
|
|
2395
|
+
disabled=""
|
|
2396
|
+
type="button"
|
|
2397
|
+
>
|
|
2398
|
+
Button
|
|
2399
|
+
<div
|
|
2400
|
+
class="overlay"
|
|
2401
|
+
>
|
|
2402
|
+
<div
|
|
2403
|
+
class="loading mediumloading"
|
|
2404
|
+
>
|
|
2405
|
+
<div
|
|
2406
|
+
class="loadingelement primaryfilledelement"
|
|
2407
|
+
/>
|
|
2408
|
+
</div>
|
|
2409
|
+
</div>
|
|
2410
|
+
</button>
|
|
2411
|
+
</div>
|
|
2412
|
+
</div>
|
|
2413
|
+
</DocumentFragment>
|
|
2414
|
+
`;
|
|
2415
|
+
|
|
2416
|
+
exports[`ActionButton renders with removeClose set to a function 1`] = `
|
|
2417
|
+
<DocumentFragment>
|
|
2418
|
+
<div
|
|
2419
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
2420
|
+
data-id="actionButton_actionButton"
|
|
2421
|
+
data-selector-id="actionButton"
|
|
2422
|
+
data-test-id="actionButton_actionButton"
|
|
2423
|
+
>
|
|
2424
|
+
<button
|
|
2425
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
2426
|
+
data-id="actionButton"
|
|
2427
|
+
data-selector-id="box"
|
|
2428
|
+
data-test-id="actionButton"
|
|
2429
|
+
tabindex="0"
|
|
2430
|
+
>
|
|
2431
|
+
<div
|
|
2432
|
+
class="flex cover coldir both"
|
|
2433
|
+
data-id="containerComponent"
|
|
2434
|
+
data-selector-id="container"
|
|
2435
|
+
data-test-id="containerComponent"
|
|
2436
|
+
>
|
|
2437
|
+
<div
|
|
2438
|
+
class="contentwrapper shrinkOff"
|
|
2439
|
+
data-id="boxComponent"
|
|
2440
|
+
data-selector-id="box"
|
|
2441
|
+
data-test-id="boxComponent"
|
|
2442
|
+
>
|
|
2443
|
+
<div
|
|
2444
|
+
class="flex rowdir vCenter"
|
|
2445
|
+
data-id="containerComponent"
|
|
2446
|
+
data-selector-id="container"
|
|
2447
|
+
data-test-id="containerComponent"
|
|
2448
|
+
/>
|
|
2449
|
+
</div>
|
|
2450
|
+
</div>
|
|
2451
|
+
</button>
|
|
2452
|
+
</div>
|
|
2453
|
+
</DocumentFragment>
|
|
2454
|
+
`;
|
|
2455
|
+
|
|
2456
|
+
exports[`ActionButton renders with size - large 1`] = `
|
|
2457
|
+
<DocumentFragment>
|
|
2458
|
+
<div
|
|
2459
|
+
class="container primaryFilledBox large wholeDiv flex rowdir"
|
|
2460
|
+
data-id="actionButton_actionButton"
|
|
2461
|
+
data-selector-id="actionButton"
|
|
2462
|
+
data-test-id="actionButton_actionButton"
|
|
2463
|
+
>
|
|
2464
|
+
<button
|
|
2465
|
+
class="buttonReset contentBox primaryFilledBtn large_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
2466
|
+
data-id="actionButton"
|
|
2467
|
+
data-selector-id="box"
|
|
2468
|
+
data-test-id="actionButton"
|
|
2469
|
+
tabindex="0"
|
|
2470
|
+
>
|
|
2471
|
+
<div
|
|
2472
|
+
class="flex cover coldir both"
|
|
2473
|
+
data-id="containerComponent"
|
|
2474
|
+
data-selector-id="container"
|
|
2475
|
+
data-test-id="containerComponent"
|
|
2476
|
+
>
|
|
2477
|
+
<div
|
|
2478
|
+
class="contentwrapper shrinkOff"
|
|
2479
|
+
data-id="boxComponent"
|
|
2480
|
+
data-selector-id="box"
|
|
2481
|
+
data-test-id="boxComponent"
|
|
2482
|
+
>
|
|
2483
|
+
<div
|
|
2484
|
+
class="flex rowdir vCenter"
|
|
2485
|
+
data-id="containerComponent"
|
|
2486
|
+
data-selector-id="container"
|
|
2487
|
+
data-test-id="containerComponent"
|
|
2488
|
+
/>
|
|
2489
|
+
</div>
|
|
2490
|
+
</div>
|
|
2491
|
+
</button>
|
|
2492
|
+
</div>
|
|
2493
|
+
</DocumentFragment>
|
|
2494
|
+
`;
|
|
2495
|
+
|
|
2496
|
+
exports[`ActionButton renders with size - medium 1`] = `
|
|
2497
|
+
<DocumentFragment>
|
|
2498
|
+
<div
|
|
2499
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
2500
|
+
data-id="actionButton_actionButton"
|
|
2501
|
+
data-selector-id="actionButton"
|
|
2502
|
+
data-test-id="actionButton_actionButton"
|
|
2503
|
+
>
|
|
2504
|
+
<button
|
|
2505
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
2506
|
+
data-id="actionButton"
|
|
2507
|
+
data-selector-id="box"
|
|
2508
|
+
data-test-id="actionButton"
|
|
2509
|
+
tabindex="0"
|
|
2510
|
+
>
|
|
2511
|
+
<div
|
|
2512
|
+
class="flex cover coldir both"
|
|
2513
|
+
data-id="containerComponent"
|
|
2514
|
+
data-selector-id="container"
|
|
2515
|
+
data-test-id="containerComponent"
|
|
2516
|
+
>
|
|
2517
|
+
<div
|
|
2518
|
+
class="contentwrapper shrinkOff"
|
|
2519
|
+
data-id="boxComponent"
|
|
2520
|
+
data-selector-id="box"
|
|
2521
|
+
data-test-id="boxComponent"
|
|
2522
|
+
>
|
|
2523
|
+
<div
|
|
2524
|
+
class="flex rowdir vCenter"
|
|
2525
|
+
data-id="containerComponent"
|
|
2526
|
+
data-selector-id="container"
|
|
2527
|
+
data-test-id="containerComponent"
|
|
2528
|
+
/>
|
|
2529
|
+
</div>
|
|
2530
|
+
</div>
|
|
2531
|
+
</button>
|
|
2532
|
+
</div>
|
|
2533
|
+
</DocumentFragment>
|
|
2534
|
+
`;
|
|
2535
|
+
|
|
2536
|
+
exports[`ActionButton renders with size - small 1`] = `
|
|
2537
|
+
<DocumentFragment>
|
|
2538
|
+
<div
|
|
2539
|
+
class="container primaryFilledBox small wholeDiv flex rowdir"
|
|
2540
|
+
data-id="actionButton_actionButton"
|
|
2541
|
+
data-selector-id="actionButton"
|
|
2542
|
+
data-test-id="actionButton_actionButton"
|
|
2543
|
+
>
|
|
2544
|
+
<button
|
|
2545
|
+
class="buttonReset contentBox primaryFilledBtn small_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
2546
|
+
data-id="actionButton"
|
|
2547
|
+
data-selector-id="box"
|
|
2548
|
+
data-test-id="actionButton"
|
|
2549
|
+
tabindex="0"
|
|
2550
|
+
>
|
|
2551
|
+
<div
|
|
2552
|
+
class="flex cover coldir both"
|
|
2553
|
+
data-id="containerComponent"
|
|
2554
|
+
data-selector-id="container"
|
|
2555
|
+
data-test-id="containerComponent"
|
|
2556
|
+
>
|
|
2557
|
+
<div
|
|
2558
|
+
class="contentwrapper shrinkOff"
|
|
2559
|
+
data-id="boxComponent"
|
|
2560
|
+
data-selector-id="box"
|
|
2561
|
+
data-test-id="boxComponent"
|
|
2562
|
+
>
|
|
2563
|
+
<div
|
|
2564
|
+
class="flex rowdir vCenter"
|
|
2565
|
+
data-id="containerComponent"
|
|
2566
|
+
data-selector-id="container"
|
|
2567
|
+
data-test-id="containerComponent"
|
|
2568
|
+
/>
|
|
2569
|
+
</div>
|
|
2570
|
+
</div>
|
|
2571
|
+
</button>
|
|
2572
|
+
</div>
|
|
2573
|
+
</DocumentFragment>
|
|
2574
|
+
`;
|
|
2575
|
+
|
|
2576
|
+
exports[`ActionButton renders with subText 1`] = `
|
|
4
2577
|
<DocumentFragment>
|
|
5
2578
|
<div
|
|
6
2579
|
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
@@ -34,6 +2607,65 @@ exports[`ActionButton rendering the defult props 1`] = `
|
|
|
34
2607
|
data-test-id="containerComponent"
|
|
35
2608
|
/>
|
|
36
2609
|
</div>
|
|
2610
|
+
<div
|
|
2611
|
+
class="subTxt shrinkOff"
|
|
2612
|
+
data-id="boxComponent"
|
|
2613
|
+
data-selector-id="box"
|
|
2614
|
+
data-test-id="boxComponent"
|
|
2615
|
+
data-title="Not Loading - Sub Text"
|
|
2616
|
+
>
|
|
2617
|
+
Not Loading - Sub Text
|
|
2618
|
+
</div>
|
|
2619
|
+
</div>
|
|
2620
|
+
</button>
|
|
2621
|
+
</div>
|
|
2622
|
+
</DocumentFragment>
|
|
2623
|
+
`;
|
|
2624
|
+
|
|
2625
|
+
exports[`ActionButton renders with text 1`] = `
|
|
2626
|
+
<DocumentFragment>
|
|
2627
|
+
<div
|
|
2628
|
+
class="container primaryFilledBox medium wholeDiv flex rowdir"
|
|
2629
|
+
data-id="actionButton_actionButton"
|
|
2630
|
+
data-selector-id="actionButton"
|
|
2631
|
+
data-test-id="actionButton_actionButton"
|
|
2632
|
+
>
|
|
2633
|
+
<button
|
|
2634
|
+
class="buttonReset contentBox primaryFilledBtn medium_btnBox contentBoxBdrRds clickable grow basis shrinkOff"
|
|
2635
|
+
data-id="actionButton"
|
|
2636
|
+
data-selector-id="box"
|
|
2637
|
+
data-test-id="actionButton"
|
|
2638
|
+
tabindex="0"
|
|
2639
|
+
>
|
|
2640
|
+
<div
|
|
2641
|
+
class="flex cover coldir both"
|
|
2642
|
+
data-id="containerComponent"
|
|
2643
|
+
data-selector-id="container"
|
|
2644
|
+
data-test-id="containerComponent"
|
|
2645
|
+
>
|
|
2646
|
+
<div
|
|
2647
|
+
class="contentwrapper shrinkOff"
|
|
2648
|
+
data-id="boxComponent"
|
|
2649
|
+
data-selector-id="box"
|
|
2650
|
+
data-test-id="boxComponent"
|
|
2651
|
+
>
|
|
2652
|
+
<div
|
|
2653
|
+
class="flex rowdir vCenter"
|
|
2654
|
+
data-id="containerComponent"
|
|
2655
|
+
data-selector-id="container"
|
|
2656
|
+
data-test-id="containerComponent"
|
|
2657
|
+
>
|
|
2658
|
+
<div
|
|
2659
|
+
class="txt shrinkOn"
|
|
2660
|
+
data-id="boxComponent"
|
|
2661
|
+
data-selector-id="box"
|
|
2662
|
+
data-test-id="boxComponent"
|
|
2663
|
+
data-title="Not Loading - Main Text"
|
|
2664
|
+
>
|
|
2665
|
+
Not Loading - Main Text
|
|
2666
|
+
</div>
|
|
2667
|
+
</div>
|
|
2668
|
+
</div>
|
|
37
2669
|
</div>
|
|
38
2670
|
</button>
|
|
39
2671
|
</div>
|