@zohodesk/dot 1.9.16 → 1.9.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +1 -1
- package/assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css +0 -1
- package/assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css +0 -1
- package/assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css +0 -1
- package/assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css +0 -1
- package/assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css +0 -1
- package/assets/Appearance/light/mode/Dot_LightMode.module.css +1 -1
- package/assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css +0 -1
- package/assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css +0 -1
- package/assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css +0 -1
- package/assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css +0 -1
- package/assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css +0 -1
- package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +1 -1
- package/assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css +0 -1
- package/assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css +0 -1
- package/assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css +0 -1
- package/assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css +0 -1
- package/assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css +0 -1
- package/es/ActionButton/ActionButton.js +2 -2
- package/es/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +302 -302
- package/es/AlphabeticList/__tests__/__snapshots__/AlphabeticList.spec.js.snap +28 -28
- package/es/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +18 -18
- package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +108 -108
- package/es/AudioPlayer/Timer/__tests__/__snapshots__/Timer.spec.js.snap +1 -1
- package/es/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +221 -221
- package/es/ChannelIcon/ChannelIcon.js +3 -3
- package/es/ChannelIcon/__tests__/__snapshots__/ChannelIcon.spec.js.snap +1 -1
- package/es/Drawer/Drawer.js +2 -2
- package/es/Drawer/__tests__/__snapshots__/Content.spec.js.snap +9 -9
- package/es/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +59 -59
- package/es/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +88 -220
- package/es/Drawer/__tests__/__snapshots__/Header.spec.js.snap +100 -100
- package/es/ExternalLink/__tests__/__snapshots__/ExternalLink.spec.js.snap +10 -10
- package/es/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +569 -643
- package/es/FormAction/FormAction.js +1 -5
- package/es/FormAction/__tests__/__snapshots__/FormAction.spec.js.snap +33 -93
- package/es/FreezeLayer/css/cssJSLogic.js +2 -2
- package/es/IconButton/IconButton.js +2 -2
- package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +28 -28
- package/es/Image/Image.js +1 -1
- package/es/Image/__tests__/__snapshots__/Image.spec.js.snap +7 -7
- package/es/ImportantNotes/ImportantNotes.js +1 -1
- package/es/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +40 -40
- package/es/Link/__tests__/__snapshots__/Link.spec.js.snap +14 -14
- package/es/Message/__tests__/__snapshots__/Message.spec.js.snap +2 -2
- package/es/MessageBanner/__tests__/__snapshots__/MessageBanner.spec.js.snap +41 -41
- package/es/NewStar/__tests__/__snapshots__/NewStar.spec.js.snap +36 -36
- package/es/Onboarding/CarouselDots/CarouselDot/__tests__/__snapshots__/CarouselDot.spec.js.snap +4 -4
- package/es/Onboarding/CarouselDots/__tests__/__snapshots__/CarouselDots.spec.js.snap +4 -4
- package/es/Onboarding/__tests__/__snapshots__/Onboarding.spec.js.snap +199 -199
- package/es/PlusIcon/PlusIcon.js +2 -2
- package/es/PlusIcon/__tests__/__snapshots__/PlusIcon.spec.js.snap +26 -26
- package/es/Separator/__tests__/__snapshots__/Separator.spec.js.snap +117 -117
- package/es/TagWithIcon/__tests__/__snapshots__/TagWithIcon.spec.js.snap +1 -1
- package/es/ToastMessage/__tests__/__snapshots__/ToastMessage.spec.js.snap +11 -11
- package/es/Upload/__tests__/__snapshots__/Upload.spec.js.snap +40 -58
- package/es/VideoLookup/__tests__/__snapshots__/VideoLookup.spec.js.snap +24 -24
- package/es/alert/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +123 -123
- package/es/alert/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
- package/es/avatar/AvatarClose/__tests__/__snapshots__/AvatarClose.spec.js.snap +1 -1
- package/es/avatar/AvatarCollision/__tests__/__snapshots__/AvatarCollision.spec.js.snap +2 -2
- package/es/avatar/AvatarIcon/AvatarIcon.js +1 -1
- package/es/avatar/AvatarIcon/__tests__/__snapshots__/AvatarIcon.spec.js.snap +2 -2
- package/es/avatar/AvatarStatus/__tests__/__snapshots__/AvatarStatus.spec.js.snap +2 -2
- package/es/avatar/AvatarThread/AvatarThread.js +1 -2
- package/es/avatar/AvatarThread/__tests__/__snapshots__/AvatarThread.spec.js.snap +2 -2
- package/es/avatar/AvatarUser/__tests__/__snapshots__/AvatarUser.spec.js.snap +1 -1
- package/es/avatar/AvatarWithTeam/__tests__/__snapshots__/AvatarWithTeam.spec.js.snap +2 -2
- package/es/deprecated/FreezeLayer/FreezeLayer.js +1 -1
- package/es/dropdown/ToggleDropDown/ToggleDropDown.js +2 -2
- package/es/dropdown/ToggleDropDown/__tests__/__snapshots__/ToggleDropDown.spec.js.snap +2 -2
- package/es/emptystate/CommonEmptyState/CommonEmptyState.js +1 -1
- package/es/emptystate/CommonEmptyState/__tests__/__snapshots__/CommonEmptyState.spec.js.snap +1 -1
- package/es/emptystate/EditionPage/__tests__/__snapshots__/EditionPage.spec.js.snap +1 -1
- package/es/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +6 -6
- package/es/errorstate/LinkText/__tests__/__snapshots__/LinkText.spec.js.snap +1 -1
- package/es/errorstate/NoRequestFound/__tests__/__snapshots__/NoRequestFound.spec.js.snap +6 -6
- package/es/errorstate/PermissionPlay/__tests__/__snapshots__/PermissionPlay.spec.js.snap +6 -6
- package/es/errorstate/RequestUrlNotFound/__tests__/__snapshots__/RequestUrlNotFound.spec.js.snap +6 -6
- package/es/errorstate/UnableToProcess/__tests__/__snapshots__/UnableToProcess.spec.js.snap +6 -6
- package/es/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +6 -6
- package/es/errorstate/WillBack/__tests__/__snapshots__/WillBack.spec.js.snap +7 -7
- package/es/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap +27 -30
- package/es/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +7 -7
- package/es/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +11 -11
- package/es/form/fields/FieldContainer/__tests__/__snapshots__/FieldContainer.spec.js.snap +1 -1
- package/es/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +12 -13
- package/es/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +10 -10
- package/es/form/fields/RadioField/RadioField.js +2 -2
- package/es/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +90 -132
- package/es/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +12 -12
- package/es/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +8 -9
- package/es/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +8 -9
- package/es/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +7 -7
- package/es/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +2 -3
- package/es/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap +3 -3
- package/es/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap +1 -1
- package/es/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap +3 -3
- package/es/form/fields/ValidationMessage/__tests__/__snapshots__/ValidationMessage.spec.js.snap +2 -3
- package/es/form/layout/Field/Field.js +2 -2
- package/es/form/layout/Field/__tests__/__snapshots__/Field.spec.js.snap +2 -2
- package/es/form/layout/Section/Section.js +1 -1
- package/es/form/layout/Section/__tests__/__snapshots__/Section.spec.js.snap +1 -1
- package/es/layout/SetupDetailLayout/SetupDetailLayout.js +1 -1
- package/es/layout/SetupDetailLayout/__tests__/__snapshots__/SetupDetailLayout.spec.js.snap +1 -1
- package/es/layout/SubtabLayout/SubtabLayout.js +1 -1
- package/es/layout/SubtabLayout/__tests__/__snapshots__/SubtabLayout.spec.js.snap +1 -1
- package/es/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap +7 -8
- package/es/list/BluePrintStatus/__tests__/__snapshots__/BluePrintStatus.spec.js.snap +1 -1
- package/es/list/Comment/Comment.js +1 -1
- package/es/list/Comment/__tests__/__snapshots__/Comment.spec.js.snap +2 -2
- package/es/list/DepartmentDropDown/__tests__/__snapshots__/DepartmentDropDown.spec.js.snap +5 -5
- package/es/list/Dot/__tests__/__snapshots__/Dot.spec.js.snap +1 -1
- package/es/list/DotNew/__tests__/__snapshots__/DotNew.spec.js.snap +1 -1
- package/es/list/Icons/AddNewIcon.js +1 -1
- package/es/list/Icons/CompleteIcon.js +1 -1
- package/es/list/Icons/DeleteIcon.js +1 -1
- package/es/list/Icons/EditIcon.js +1 -1
- package/es/list/Icons/ReadUnreadIcon.js +1 -1
- package/es/list/Icons/SmartIcon.js +1 -1
- package/es/list/Icons/__tests__/__snapshots__/AddNewIcon.spec.js.snap +2 -2
- package/es/list/Icons/__tests__/__snapshots__/CompleteIcon.spec.js.snap +2 -2
- package/es/list/Icons/__tests__/__snapshots__/DeleteIcon.spec.js.snap +2 -2
- package/es/list/Icons/__tests__/__snapshots__/EditIcon.spec.js.snap +2 -2
- package/es/list/Icons/__tests__/__snapshots__/ReadUnreadIcon.spec.js.snap +2 -2
- package/es/list/Icons/__tests__/__snapshots__/SmartIcon.spec.js.snap +2 -2
- package/es/list/ListLayout/ListLayout.js +1 -1
- package/es/list/ListLayout/__tests__/__snapshots__/ListLayout.spec.js.snap +2 -2
- package/es/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +6 -6
- package/es/list/SecondaryText/AccountName.js +1 -1
- package/es/list/SecondaryText/ContactName.js +1 -1
- package/es/list/SecondaryText/__tests__/__snapshots__/AccountName.spec.js.snap +6 -6
- package/es/list/SecondaryText/__tests__/__snapshots__/ContactName.spec.js.snap +4 -4
- package/es/list/SecondaryText/__tests__/__snapshots__/DepartmentText.spec.js.snap +1 -1
- package/es/list/SecondaryText/__tests__/__snapshots__/Email.spec.js.snap +2 -2
- package/es/list/SecondaryText/__tests__/__snapshots__/HappinessRating.spec.js.snap +1 -1
- package/es/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap +2 -2
- package/es/list/SecondaryText/__tests__/__snapshots__/PriorityText.spec.js.snap +1 -1
- package/es/list/SecondaryText/__tests__/__snapshots__/SecondaryText.spec.js.snap +1 -1
- package/es/list/SecondaryText/__tests__/__snapshots__/StatusText.spec.js.snap +1 -1
- package/es/list/SecondaryText/__tests__/__snapshots__/TicketId.spec.js.snap +1 -1
- package/es/list/SecondaryText/__tests__/__snapshots__/Website.spec.js.snap +1 -1
- package/es/list/Subject/Subject.js +2 -2
- package/es/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +23 -23
- package/es/list/TagNew/__tests__/__snapshots__/TagNew.spec.js.snap +1 -1
- package/es/list/Thread/__tests__/__snapshots__/Thread.spec.js.snap +2 -2
- package/es/list/status/StatusDropdown/StatusDropdown.js +2 -2
- package/es/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +3 -3
- package/es/list/status/StatusListItem/__tests__/__snapshots__/StatusListItem.spec.js.snap +7 -7
- package/es/lookup/EmptyPage/__tests__/__snapshots__/EmptyPage.spec.js.snap +1 -1
- package/es/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +20 -20
- package/es/lookup/Section/__tests__/__snapshots__/Section.spec.js.snap +16 -16
- package/es/lookup/header/Close/__tests__/__snapshots__/Close.spec.js.snap +2 -2
- package/es/lookup/header/ModuleHeader/__tests__/__snapshots__/ModuleHeader.spec.js.snap +96 -102
- package/es/lookup/header/Search/Search.js +1 -2
- package/es/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +43 -61
- package/es/lookup/header/TicketHeader/__tests__/__snapshots__/TicketHeader.spec.js.snap +7 -7
- package/es/lookup/header/Title/__tests__/__snapshots__/Titles.spec.js.snap +1 -1
- package/es/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap +2 -2
- package/es/setup/header/Link/__tests__/__snapshots__/Link.spec.js.snap +3 -3
- package/es/setup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +2 -2
- package/es/setup/header/Views/__tests__/__snapshots__/Views.spec.js.snap +3 -3
- package/es/setup/table/Table/__tests__/__snapshots__/Table.spec.js.snap +1 -1
- package/es/setup/table/TableBody/__tests__/__snapshots__/TableBody.spec.js.snap +1 -1
- package/es/setup/table/TableData/TableData.js +1 -1
- package/es/setup/table/TableData/__tests__/__snapshots__/TableData.spec.js.snap +1 -1
- package/es/setup/table/TableHead/TableHead.js +1 -1
- package/es/setup/table/TableHead/__tests__/__snapshots__/TableHead.spec.js.snap +2 -2
- package/es/setup/table/TableRow/__tests__/__snapshots__/TableRow.spec.js.snap +1 -1
- package/es/setup/table/Text/Text.js +1 -1
- package/es/setup/table/Text/__tests__/__snapshots__/Text.spec.js.snap +5 -5
- package/es/svg/__tests__/__snapshots__/PlusIcon.spec.js.snap +1 -1
- package/es/svg/__tests__/__snapshots__/SnippetIcon.spec.js.snap +1 -1
- package/es/svg/__tests__/__snapshots__/TemplateIcon.spec.js.snap +1 -1
- package/es/version2/AlertClose/__tests__/__snapshots__/AlertClose.spec.js.snap +3 -3
- package/es/version2/GlobalNotification/__tests__/__snapshots__/GlobalNotification.spec.js.snap +8 -11
- package/es/version2/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +3 -3
- package/es/version2/errorstate/OopsSomethingMiss/__tests__/__snapshots__/OopsSomethingMiss.spec.js.snap +3 -3
- package/es/version2/errorstate/UnableToProcessRequest/__tests__/__snapshots__/UnableToProcessRequest.spec.js.snap +3 -3
- package/es/version2/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +3 -3
- package/es/version2/errorstate/UrlNotFound/__tests__/__snapshots__/UrlNotFound.spec.js.snap +3 -3
- package/es/version2/errorstate/WillBeRightBack/__tests__/__snapshots__/WillBeRightBack.spec.js.snap +3 -3
- package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +91 -91
- package/es/version2/lookup/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
- package/es/version2/notification/DesktopNotification/DesktopNotification.js +1 -1
- package/es/version2/notification/DesktopNotification/__tests__/__snapshots__/DesktopNotification.spec.js.snap +13 -14
- package/es/version2/notification/DesktopNotificationHeader/__tests__/__snapshots__/DesktopNotificationHeader.spec.js.snap +9 -9
- package/lib/ActionButton/ActionButton.js +2 -2
- package/lib/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +302 -302
- package/lib/AlphabeticList/__tests__/__snapshots__/AlphabeticList.spec.js.snap +28 -28
- package/lib/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +18 -18
- package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +108 -108
- package/lib/AudioPlayer/Timer/__tests__/__snapshots__/Timer.spec.js.snap +1 -1
- package/lib/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +221 -221
- package/lib/ChannelIcon/ChannelIcon.js +3 -3
- package/lib/ChannelIcon/__tests__/__snapshots__/ChannelIcon.spec.js.snap +1 -1
- package/lib/Drawer/Drawer.js +2 -2
- package/lib/Drawer/__tests__/__snapshots__/Content.spec.js.snap +9 -9
- package/lib/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +59 -59
- package/lib/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +88 -220
- package/lib/Drawer/__tests__/__snapshots__/Header.spec.js.snap +100 -100
- package/lib/ExternalLink/__tests__/__snapshots__/ExternalLink.spec.js.snap +10 -10
- package/lib/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +569 -643
- package/lib/FormAction/FormAction.js +1 -1
- package/lib/FormAction/__tests__/__snapshots__/FormAction.spec.js.snap +33 -93
- package/lib/FreezeLayer/css/cssJSLogic.js +1 -1
- package/lib/IconButton/IconButton.js +2 -2
- package/lib/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +28 -28
- package/lib/Image/Image.js +1 -1
- package/lib/Image/__tests__/__snapshots__/Image.spec.js.snap +7 -7
- package/lib/ImportantNotes/ImportantNotes.js +1 -1
- package/lib/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +40 -40
- package/lib/Link/__tests__/__snapshots__/Link.spec.js.snap +14 -14
- package/lib/Message/__tests__/__snapshots__/Message.spec.js.snap +2 -2
- package/lib/MessageBanner/__tests__/__snapshots__/MessageBanner.spec.js.snap +41 -41
- package/lib/NewStar/__tests__/__snapshots__/NewStar.spec.js.snap +36 -36
- package/lib/Onboarding/CarouselDots/CarouselDot/__tests__/__snapshots__/CarouselDot.spec.js.snap +4 -4
- package/lib/Onboarding/CarouselDots/__tests__/__snapshots__/CarouselDots.spec.js.snap +4 -4
- package/lib/Onboarding/__tests__/__snapshots__/Onboarding.spec.js.snap +199 -199
- package/lib/PlusIcon/PlusIcon.js +2 -2
- package/lib/PlusIcon/__tests__/__snapshots__/PlusIcon.spec.js.snap +26 -26
- package/lib/Separator/__tests__/__snapshots__/Separator.spec.js.snap +117 -117
- package/lib/TagWithIcon/__tests__/__snapshots__/TagWithIcon.spec.js.snap +1 -1
- package/lib/ToastMessage/__tests__/__snapshots__/ToastMessage.spec.js.snap +11 -11
- package/lib/Upload/__tests__/__snapshots__/Upload.spec.js.snap +40 -58
- package/lib/VideoLookup/__tests__/__snapshots__/VideoLookup.spec.js.snap +24 -24
- package/lib/alert/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +123 -123
- package/lib/alert/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
- package/lib/avatar/AvatarClose/__tests__/__snapshots__/AvatarClose.spec.js.snap +1 -1
- package/lib/avatar/AvatarCollision/__tests__/__snapshots__/AvatarCollision.spec.js.snap +2 -2
- package/lib/avatar/AvatarIcon/AvatarIcon.js +1 -1
- package/lib/avatar/AvatarIcon/__tests__/__snapshots__/AvatarIcon.spec.js.snap +2 -2
- package/lib/avatar/AvatarStatus/__tests__/__snapshots__/AvatarStatus.spec.js.snap +2 -2
- package/lib/avatar/AvatarThread/AvatarThread.js +1 -1
- package/lib/avatar/AvatarThread/__tests__/__snapshots__/AvatarThread.spec.js.snap +2 -2
- package/lib/avatar/AvatarUser/__tests__/__snapshots__/AvatarUser.spec.js.snap +1 -1
- package/lib/avatar/AvatarWithTeam/__tests__/__snapshots__/AvatarWithTeam.spec.js.snap +2 -2
- package/lib/deprecated/FreezeLayer/FreezeLayer.js +1 -1
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +2 -2
- package/lib/dropdown/ToggleDropDown/__tests__/__snapshots__/ToggleDropDown.spec.js.snap +2 -2
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +1 -1
- package/lib/emptystate/CommonEmptyState/__tests__/__snapshots__/CommonEmptyState.spec.js.snap +1 -1
- package/lib/emptystate/EditionPage/__tests__/__snapshots__/EditionPage.spec.js.snap +1 -1
- package/lib/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +6 -6
- package/lib/errorstate/LinkText/__tests__/__snapshots__/LinkText.spec.js.snap +1 -1
- package/lib/errorstate/NoRequestFound/__tests__/__snapshots__/NoRequestFound.spec.js.snap +6 -6
- package/lib/errorstate/PermissionPlay/__tests__/__snapshots__/PermissionPlay.spec.js.snap +6 -6
- package/lib/errorstate/RequestUrlNotFound/__tests__/__snapshots__/RequestUrlNotFound.spec.js.snap +6 -6
- package/lib/errorstate/UnableToProcess/__tests__/__snapshots__/UnableToProcess.spec.js.snap +6 -6
- package/lib/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +6 -6
- package/lib/errorstate/WillBack/__tests__/__snapshots__/WillBack.spec.js.snap +7 -7
- package/lib/form/fields/CheckBoxField/__tests__/__snapshots__/CheckBoxField.spec.js.snap +27 -30
- package/lib/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +7 -7
- package/lib/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +11 -11
- package/lib/form/fields/FieldContainer/__tests__/__snapshots__/FieldContainer.spec.js.snap +1 -1
- package/lib/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +12 -13
- package/lib/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +10 -10
- package/lib/form/fields/RadioField/RadioField.js +1 -1
- package/lib/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap +90 -132
- package/lib/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +12 -12
- package/lib/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +8 -9
- package/lib/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +8 -9
- package/lib/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +7 -7
- package/lib/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap +2 -3
- package/lib/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap +3 -3
- package/lib/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap +1 -1
- package/lib/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap +3 -3
- package/lib/form/fields/ValidationMessage/__tests__/__snapshots__/ValidationMessage.spec.js.snap +2 -3
- package/lib/form/layout/Field/Field.js +2 -2
- package/lib/form/layout/Field/__tests__/__snapshots__/Field.spec.js.snap +2 -2
- package/lib/form/layout/Section/Section.js +1 -1
- package/lib/form/layout/Section/__tests__/__snapshots__/Section.spec.js.snap +1 -1
- package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +1 -1
- package/lib/layout/SetupDetailLayout/__tests__/__snapshots__/SetupDetailLayout.spec.js.snap +1 -1
- package/lib/layout/SubtabLayout/SubtabLayout.js +1 -1
- package/lib/layout/SubtabLayout/__tests__/__snapshots__/SubtabLayout.spec.js.snap +1 -1
- package/lib/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap +7 -8
- package/lib/list/BluePrintStatus/__tests__/__snapshots__/BluePrintStatus.spec.js.snap +1 -1
- package/lib/list/Comment/Comment.js +1 -1
- package/lib/list/Comment/__tests__/__snapshots__/Comment.spec.js.snap +2 -2
- package/lib/list/DepartmentDropDown/__tests__/__snapshots__/DepartmentDropDown.spec.js.snap +5 -5
- package/lib/list/Dot/__tests__/__snapshots__/Dot.spec.js.snap +1 -1
- package/lib/list/DotNew/__tests__/__snapshots__/DotNew.spec.js.snap +1 -1
- package/lib/list/Icons/AddNewIcon.js +1 -1
- package/lib/list/Icons/CompleteIcon.js +1 -1
- package/lib/list/Icons/DeleteIcon.js +1 -1
- package/lib/list/Icons/EditIcon.js +1 -1
- package/lib/list/Icons/ReadUnreadIcon.js +1 -1
- package/lib/list/Icons/SmartIcon.js +1 -1
- package/lib/list/Icons/__tests__/__snapshots__/AddNewIcon.spec.js.snap +2 -2
- package/lib/list/Icons/__tests__/__snapshots__/CompleteIcon.spec.js.snap +2 -2
- package/lib/list/Icons/__tests__/__snapshots__/DeleteIcon.spec.js.snap +2 -2
- package/lib/list/Icons/__tests__/__snapshots__/EditIcon.spec.js.snap +2 -2
- package/lib/list/Icons/__tests__/__snapshots__/ReadUnreadIcon.spec.js.snap +2 -2
- package/lib/list/Icons/__tests__/__snapshots__/SmartIcon.spec.js.snap +2 -2
- package/lib/list/ListLayout/ListLayout.js +1 -1
- package/lib/list/ListLayout/__tests__/__snapshots__/ListLayout.spec.js.snap +2 -2
- package/lib/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +6 -6
- package/lib/list/SecondaryText/AccountName.js +1 -1
- package/lib/list/SecondaryText/ContactName.js +1 -1
- package/lib/list/SecondaryText/__tests__/__snapshots__/AccountName.spec.js.snap +6 -6
- package/lib/list/SecondaryText/__tests__/__snapshots__/ContactName.spec.js.snap +4 -4
- package/lib/list/SecondaryText/__tests__/__snapshots__/DepartmentText.spec.js.snap +1 -1
- package/lib/list/SecondaryText/__tests__/__snapshots__/Email.spec.js.snap +2 -2
- package/lib/list/SecondaryText/__tests__/__snapshots__/HappinessRating.spec.js.snap +1 -1
- package/lib/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap +2 -2
- package/lib/list/SecondaryText/__tests__/__snapshots__/PriorityText.spec.js.snap +1 -1
- package/lib/list/SecondaryText/__tests__/__snapshots__/SecondaryText.spec.js.snap +1 -1
- package/lib/list/SecondaryText/__tests__/__snapshots__/StatusText.spec.js.snap +1 -1
- package/lib/list/SecondaryText/__tests__/__snapshots__/TicketId.spec.js.snap +1 -1
- package/lib/list/SecondaryText/__tests__/__snapshots__/Website.spec.js.snap +1 -1
- package/lib/list/Subject/Subject.js +2 -2
- package/lib/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap +23 -23
- package/lib/list/TagNew/__tests__/__snapshots__/TagNew.spec.js.snap +1 -1
- package/lib/list/Thread/__tests__/__snapshots__/Thread.spec.js.snap +2 -2
- package/lib/list/status/StatusDropdown/StatusDropdown.js +2 -2
- package/lib/list/status/StatusDropdown/__tests__/__snapshots__/StatusDropdown.spec.js.snap +3 -3
- package/lib/list/status/StatusListItem/__tests__/__snapshots__/StatusListItem.spec.js.snap +7 -7
- package/lib/lookup/EmptyPage/__tests__/__snapshots__/EmptyPage.spec.js.snap +1 -1
- package/lib/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +20 -20
- package/lib/lookup/Section/__tests__/__snapshots__/Section.spec.js.snap +16 -16
- package/lib/lookup/header/Close/__tests__/__snapshots__/Close.spec.js.snap +2 -2
- package/lib/lookup/header/ModuleHeader/__tests__/__snapshots__/ModuleHeader.spec.js.snap +96 -102
- package/lib/lookup/header/Search/Search.js +1 -1
- package/lib/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +43 -61
- package/lib/lookup/header/TicketHeader/__tests__/__snapshots__/TicketHeader.spec.js.snap +7 -7
- package/lib/lookup/header/Title/__tests__/__snapshots__/Titles.spec.js.snap +1 -1
- package/lib/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap +2 -2
- package/lib/setup/header/Link/__tests__/__snapshots__/Link.spec.js.snap +3 -3
- package/lib/setup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +2 -2
- package/lib/setup/header/Views/__tests__/__snapshots__/Views.spec.js.snap +3 -3
- package/lib/setup/table/Table/__tests__/__snapshots__/Table.spec.js.snap +1 -1
- package/lib/setup/table/TableBody/__tests__/__snapshots__/TableBody.spec.js.snap +1 -1
- package/lib/setup/table/TableData/TableData.js +1 -1
- package/lib/setup/table/TableData/__tests__/__snapshots__/TableData.spec.js.snap +1 -1
- package/lib/setup/table/TableHead/TableHead.js +1 -1
- package/lib/setup/table/TableHead/__tests__/__snapshots__/TableHead.spec.js.snap +2 -2
- package/lib/setup/table/TableRow/__tests__/__snapshots__/TableRow.spec.js.snap +1 -1
- package/lib/setup/table/Text/Text.js +1 -1
- package/lib/setup/table/Text/__tests__/__snapshots__/Text.spec.js.snap +5 -5
- package/lib/svg/__tests__/__snapshots__/PlusIcon.spec.js.snap +1 -1
- package/lib/svg/__tests__/__snapshots__/SnippetIcon.spec.js.snap +1 -1
- package/lib/svg/__tests__/__snapshots__/TemplateIcon.spec.js.snap +1 -1
- package/lib/version2/AlertClose/__tests__/__snapshots__/AlertClose.spec.js.snap +3 -3
- package/lib/version2/GlobalNotification/__tests__/__snapshots__/GlobalNotification.spec.js.snap +8 -11
- package/lib/version2/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap +3 -3
- package/lib/version2/errorstate/OopsSomethingMiss/__tests__/__snapshots__/OopsSomethingMiss.spec.js.snap +3 -3
- package/lib/version2/errorstate/UnableToProcessRequest/__tests__/__snapshots__/UnableToProcessRequest.spec.js.snap +3 -3
- package/lib/version2/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap +3 -3
- package/lib/version2/errorstate/UrlNotFound/__tests__/__snapshots__/UrlNotFound.spec.js.snap +3 -3
- package/lib/version2/errorstate/WillBeRightBack/__tests__/__snapshots__/WillBeRightBack.spec.js.snap +3 -3
- package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +91 -91
- package/lib/version2/lookup/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap +1 -1
- package/lib/version2/notification/DesktopNotification/DesktopNotification.js +1 -1
- package/lib/version2/notification/DesktopNotification/__tests__/__snapshots__/DesktopNotification.spec.js.snap +13 -14
- package/lib/version2/notification/DesktopNotificationHeader/__tests__/__snapshots__/DesktopNotificationHeader.spec.js.snap +9 -9
- package/package.json +10 -10
|
@@ -3,21 +3,20 @@
|
|
|
3
3
|
exports[`FlipCard renders correctly with channel: call and action: missed 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<div
|
|
6
|
-
class="medium
|
|
6
|
+
class="medium flip"
|
|
7
7
|
>
|
|
8
8
|
<div
|
|
9
9
|
class="container"
|
|
10
10
|
>
|
|
11
11
|
<div
|
|
12
|
-
class="
|
|
12
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
13
13
|
data-id="containerComponent"
|
|
14
14
|
data-selector-id="container"
|
|
15
15
|
data-test-id="containerComponent"
|
|
16
16
|
>
|
|
17
17
|
<div
|
|
18
18
|
aria-checked="false"
|
|
19
|
-
class="container pointer primary
|
|
20
|
-
inflex rowdir vCenter"
|
|
19
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
21
20
|
data-id="listViewCheckBox_undefined"
|
|
22
21
|
data-selector-id="checkbox_undefined"
|
|
23
22
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -25,7 +24,7 @@ exports[`FlipCard renders correctly with channel: call and action: missed 1`] =
|
|
|
25
24
|
tabindex="0"
|
|
26
25
|
>
|
|
27
26
|
<div
|
|
28
|
-
class="boxContainer
|
|
27
|
+
class="noShrink boxContainer medium filled"
|
|
29
28
|
data-id="boxComponent"
|
|
30
29
|
data-selector-id="box"
|
|
31
30
|
data-test-id="boxComponent"
|
|
@@ -35,7 +34,7 @@ exports[`FlipCard renders correctly with channel: call and action: missed 1`] =
|
|
|
35
34
|
type="hidden"
|
|
36
35
|
/>
|
|
37
36
|
<label
|
|
38
|
-
class="checkbox pointer medium
|
|
37
|
+
class="checkbox pointer medium"
|
|
39
38
|
>
|
|
40
39
|
<svg
|
|
41
40
|
viewBox="0 0 40 40"
|
|
@@ -56,7 +55,7 @@ exports[`FlipCard renders correctly with channel: call and action: missed 1`] =
|
|
|
56
55
|
</div>
|
|
57
56
|
</div>
|
|
58
57
|
<div
|
|
59
|
-
class="
|
|
58
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
60
59
|
data-id="containerComponent"
|
|
61
60
|
data-selector-id="container"
|
|
62
61
|
data-test-id="containerComponent"
|
|
@@ -66,7 +65,7 @@ exports[`FlipCard renders correctly with channel: call and action: missed 1`] =
|
|
|
66
65
|
data-selector-id="channelIcon"
|
|
67
66
|
>
|
|
68
67
|
<div
|
|
69
|
-
class="avatar medium medium circle primary black border
|
|
68
|
+
class="avatar medium medium circle primary black border"
|
|
70
69
|
data-id="call"
|
|
71
70
|
data-selector-id="avatar"
|
|
72
71
|
data-test-id="call"
|
|
@@ -91,21 +90,20 @@ exports[`FlipCard renders correctly with channel: call and action: missed 1`] =
|
|
|
91
90
|
exports[`FlipCard renders correctly with channel: chat and action: outgoing 1`] = `
|
|
92
91
|
<DocumentFragment>
|
|
93
92
|
<div
|
|
94
|
-
class="medium
|
|
93
|
+
class="medium flip"
|
|
95
94
|
>
|
|
96
95
|
<div
|
|
97
96
|
class="container"
|
|
98
97
|
>
|
|
99
98
|
<div
|
|
100
|
-
class="
|
|
99
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
101
100
|
data-id="containerComponent"
|
|
102
101
|
data-selector-id="container"
|
|
103
102
|
data-test-id="containerComponent"
|
|
104
103
|
>
|
|
105
104
|
<div
|
|
106
105
|
aria-checked="false"
|
|
107
|
-
class="container pointer primary
|
|
108
|
-
inflex rowdir vCenter"
|
|
106
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
109
107
|
data-id="listViewCheckBox_undefined"
|
|
110
108
|
data-selector-id="checkbox_undefined"
|
|
111
109
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -113,7 +111,7 @@ exports[`FlipCard renders correctly with channel: chat and action: outgoing 1`]
|
|
|
113
111
|
tabindex="0"
|
|
114
112
|
>
|
|
115
113
|
<div
|
|
116
|
-
class="boxContainer
|
|
114
|
+
class="noShrink boxContainer medium filled"
|
|
117
115
|
data-id="boxComponent"
|
|
118
116
|
data-selector-id="box"
|
|
119
117
|
data-test-id="boxComponent"
|
|
@@ -123,7 +121,7 @@ exports[`FlipCard renders correctly with channel: chat and action: outgoing 1`]
|
|
|
123
121
|
type="hidden"
|
|
124
122
|
/>
|
|
125
123
|
<label
|
|
126
|
-
class="checkbox pointer medium
|
|
124
|
+
class="checkbox pointer medium"
|
|
127
125
|
>
|
|
128
126
|
<svg
|
|
129
127
|
viewBox="0 0 40 40"
|
|
@@ -144,7 +142,7 @@ exports[`FlipCard renders correctly with channel: chat and action: outgoing 1`]
|
|
|
144
142
|
</div>
|
|
145
143
|
</div>
|
|
146
144
|
<div
|
|
147
|
-
class="
|
|
145
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
148
146
|
data-id="containerComponent"
|
|
149
147
|
data-selector-id="container"
|
|
150
148
|
data-test-id="containerComponent"
|
|
@@ -154,14 +152,14 @@ exports[`FlipCard renders correctly with channel: chat and action: outgoing 1`]
|
|
|
154
152
|
data-selector-id="channelIcon"
|
|
155
153
|
>
|
|
156
154
|
<div
|
|
157
|
-
class="container
|
|
155
|
+
class="inlineFlex column alignItems_center justifyContent_center container medium default"
|
|
158
156
|
data-id="chat"
|
|
159
157
|
data-selector-id="avatarIcon"
|
|
160
158
|
data-test-id="chat"
|
|
161
159
|
>
|
|
162
160
|
<i
|
|
163
161
|
aria-hidden="true"
|
|
164
|
-
class="zd_font_icons basic icon-chChatOut
|
|
162
|
+
class="zd_font_icons blue basic icon-chChatOut avatar_align_center iconColor iconStyle chat_outgoing"
|
|
165
163
|
data-id="fontIcon"
|
|
166
164
|
data-selector-id="fontIcon"
|
|
167
165
|
data-test-id="fontIcon"
|
|
@@ -185,21 +183,20 @@ exports[`FlipCard renders correctly with channel: chat and action: outgoing 1`]
|
|
|
185
183
|
exports[`FlipCard renders correctly with channel: email and action: incoming 1`] = `
|
|
186
184
|
<DocumentFragment>
|
|
187
185
|
<div
|
|
188
|
-
class="medium
|
|
186
|
+
class="medium flip"
|
|
189
187
|
>
|
|
190
188
|
<div
|
|
191
189
|
class="container"
|
|
192
190
|
>
|
|
193
191
|
<div
|
|
194
|
-
class="
|
|
192
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
195
193
|
data-id="containerComponent"
|
|
196
194
|
data-selector-id="container"
|
|
197
195
|
data-test-id="containerComponent"
|
|
198
196
|
>
|
|
199
197
|
<div
|
|
200
198
|
aria-checked="false"
|
|
201
|
-
class="container pointer primary
|
|
202
|
-
inflex rowdir vCenter"
|
|
199
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
203
200
|
data-id="listViewCheckBox_undefined"
|
|
204
201
|
data-selector-id="checkbox_undefined"
|
|
205
202
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -207,7 +204,7 @@ exports[`FlipCard renders correctly with channel: email and action: incoming 1`]
|
|
|
207
204
|
tabindex="0"
|
|
208
205
|
>
|
|
209
206
|
<div
|
|
210
|
-
class="boxContainer
|
|
207
|
+
class="noShrink boxContainer medium filled"
|
|
211
208
|
data-id="boxComponent"
|
|
212
209
|
data-selector-id="box"
|
|
213
210
|
data-test-id="boxComponent"
|
|
@@ -217,7 +214,7 @@ exports[`FlipCard renders correctly with channel: email and action: incoming 1`]
|
|
|
217
214
|
type="hidden"
|
|
218
215
|
/>
|
|
219
216
|
<label
|
|
220
|
-
class="checkbox pointer medium
|
|
217
|
+
class="checkbox pointer medium"
|
|
221
218
|
>
|
|
222
219
|
<svg
|
|
223
220
|
viewBox="0 0 40 40"
|
|
@@ -238,7 +235,7 @@ exports[`FlipCard renders correctly with channel: email and action: incoming 1`]
|
|
|
238
235
|
</div>
|
|
239
236
|
</div>
|
|
240
237
|
<div
|
|
241
|
-
class="
|
|
238
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
242
239
|
data-id="containerComponent"
|
|
243
240
|
data-selector-id="container"
|
|
244
241
|
data-test-id="containerComponent"
|
|
@@ -248,14 +245,14 @@ exports[`FlipCard renders correctly with channel: email and action: incoming 1`]
|
|
|
248
245
|
data-selector-id="channelIcon"
|
|
249
246
|
>
|
|
250
247
|
<div
|
|
251
|
-
class="container
|
|
248
|
+
class="inlineFlex column alignItems_center justifyContent_center container medium default"
|
|
252
249
|
data-id="email"
|
|
253
250
|
data-selector-id="avatarIcon"
|
|
254
251
|
data-test-id="email"
|
|
255
252
|
>
|
|
256
253
|
<i
|
|
257
254
|
aria-hidden="true"
|
|
258
|
-
class="zd_font_icons basic icon-chMailIn
|
|
255
|
+
class="zd_font_icons green basic icon-chMailIn avatar_align_center iconColor iconStyle email_incoming"
|
|
259
256
|
data-id="fontIcon"
|
|
260
257
|
data-selector-id="fontIcon"
|
|
261
258
|
data-test-id="fontIcon"
|
|
@@ -279,21 +276,20 @@ exports[`FlipCard renders correctly with channel: email and action: incoming 1`]
|
|
|
279
276
|
exports[`FlipCard renders correctly with channel: sms and action: outgoing 1`] = `
|
|
280
277
|
<DocumentFragment>
|
|
281
278
|
<div
|
|
282
|
-
class="medium
|
|
279
|
+
class="medium flip"
|
|
283
280
|
>
|
|
284
281
|
<div
|
|
285
282
|
class="container"
|
|
286
283
|
>
|
|
287
284
|
<div
|
|
288
|
-
class="
|
|
285
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
289
286
|
data-id="containerComponent"
|
|
290
287
|
data-selector-id="container"
|
|
291
288
|
data-test-id="containerComponent"
|
|
292
289
|
>
|
|
293
290
|
<div
|
|
294
291
|
aria-checked="false"
|
|
295
|
-
class="container pointer primary
|
|
296
|
-
inflex rowdir vCenter"
|
|
292
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
297
293
|
data-id="listViewCheckBox_undefined"
|
|
298
294
|
data-selector-id="checkbox_undefined"
|
|
299
295
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -301,7 +297,7 @@ exports[`FlipCard renders correctly with channel: sms and action: outgoing 1`] =
|
|
|
301
297
|
tabindex="0"
|
|
302
298
|
>
|
|
303
299
|
<div
|
|
304
|
-
class="boxContainer
|
|
300
|
+
class="noShrink boxContainer medium filled"
|
|
305
301
|
data-id="boxComponent"
|
|
306
302
|
data-selector-id="box"
|
|
307
303
|
data-test-id="boxComponent"
|
|
@@ -311,7 +307,7 @@ exports[`FlipCard renders correctly with channel: sms and action: outgoing 1`] =
|
|
|
311
307
|
type="hidden"
|
|
312
308
|
/>
|
|
313
309
|
<label
|
|
314
|
-
class="checkbox pointer medium
|
|
310
|
+
class="checkbox pointer medium"
|
|
315
311
|
>
|
|
316
312
|
<svg
|
|
317
313
|
viewBox="0 0 40 40"
|
|
@@ -332,7 +328,7 @@ exports[`FlipCard renders correctly with channel: sms and action: outgoing 1`] =
|
|
|
332
328
|
</div>
|
|
333
329
|
</div>
|
|
334
330
|
<div
|
|
335
|
-
class="
|
|
331
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
336
332
|
data-id="containerComponent"
|
|
337
333
|
data-selector-id="container"
|
|
338
334
|
data-test-id="containerComponent"
|
|
@@ -342,7 +338,7 @@ exports[`FlipCard renders correctly with channel: sms and action: outgoing 1`] =
|
|
|
342
338
|
data-selector-id="channelIcon"
|
|
343
339
|
>
|
|
344
340
|
<div
|
|
345
|
-
class="avatar medium medium circle primary black border
|
|
341
|
+
class="avatar medium medium circle primary black border"
|
|
346
342
|
data-id="sms"
|
|
347
343
|
data-selector-id="avatar"
|
|
348
344
|
data-test-id="sms"
|
|
@@ -367,21 +363,20 @@ exports[`FlipCard renders correctly with channel: sms and action: outgoing 1`] =
|
|
|
367
363
|
exports[`FlipCard renders correctly with channel: social and action: incoming 1`] = `
|
|
368
364
|
<DocumentFragment>
|
|
369
365
|
<div
|
|
370
|
-
class="medium
|
|
366
|
+
class="medium flip"
|
|
371
367
|
>
|
|
372
368
|
<div
|
|
373
369
|
class="container"
|
|
374
370
|
>
|
|
375
371
|
<div
|
|
376
|
-
class="
|
|
372
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
377
373
|
data-id="containerComponent"
|
|
378
374
|
data-selector-id="container"
|
|
379
375
|
data-test-id="containerComponent"
|
|
380
376
|
>
|
|
381
377
|
<div
|
|
382
378
|
aria-checked="false"
|
|
383
|
-
class="container pointer primary
|
|
384
|
-
inflex rowdir vCenter"
|
|
379
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
385
380
|
data-id="listViewCheckBox_undefined"
|
|
386
381
|
data-selector-id="checkbox_undefined"
|
|
387
382
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -389,7 +384,7 @@ exports[`FlipCard renders correctly with channel: social and action: incoming 1`
|
|
|
389
384
|
tabindex="0"
|
|
390
385
|
>
|
|
391
386
|
<div
|
|
392
|
-
class="boxContainer
|
|
387
|
+
class="noShrink boxContainer medium filled"
|
|
393
388
|
data-id="boxComponent"
|
|
394
389
|
data-selector-id="box"
|
|
395
390
|
data-test-id="boxComponent"
|
|
@@ -399,7 +394,7 @@ exports[`FlipCard renders correctly with channel: social and action: incoming 1`
|
|
|
399
394
|
type="hidden"
|
|
400
395
|
/>
|
|
401
396
|
<label
|
|
402
|
-
class="checkbox pointer medium
|
|
397
|
+
class="checkbox pointer medium"
|
|
403
398
|
>
|
|
404
399
|
<svg
|
|
405
400
|
viewBox="0 0 40 40"
|
|
@@ -420,7 +415,7 @@ exports[`FlipCard renders correctly with channel: social and action: incoming 1`
|
|
|
420
415
|
</div>
|
|
421
416
|
</div>
|
|
422
417
|
<div
|
|
423
|
-
class="
|
|
418
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
424
419
|
data-id="containerComponent"
|
|
425
420
|
data-selector-id="container"
|
|
426
421
|
data-test-id="containerComponent"
|
|
@@ -430,7 +425,7 @@ exports[`FlipCard renders correctly with channel: social and action: incoming 1`
|
|
|
430
425
|
data-selector-id="channelIcon"
|
|
431
426
|
>
|
|
432
427
|
<div
|
|
433
|
-
class="avatar medium medium circle primary black border
|
|
428
|
+
class="avatar medium medium circle primary black border"
|
|
434
429
|
data-id="social"
|
|
435
430
|
data-selector-id="avatar"
|
|
436
431
|
data-test-id="social"
|
|
@@ -455,21 +450,20 @@ exports[`FlipCard renders correctly with channel: social and action: incoming 1`
|
|
|
455
450
|
exports[`FlipCard renders correctly with className, channel, and action 1`] = `
|
|
456
451
|
<DocumentFragment>
|
|
457
452
|
<div
|
|
458
|
-
class="medium
|
|
453
|
+
class="medium flip"
|
|
459
454
|
>
|
|
460
455
|
<div
|
|
461
456
|
class="container"
|
|
462
457
|
>
|
|
463
458
|
<div
|
|
464
|
-
class="
|
|
459
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
465
460
|
data-id="containerComponent"
|
|
466
461
|
data-selector-id="container"
|
|
467
462
|
data-test-id="containerComponent"
|
|
468
463
|
>
|
|
469
464
|
<div
|
|
470
465
|
aria-checked="false"
|
|
471
|
-
class="container pointer primary
|
|
472
|
-
inflex rowdir vCenter"
|
|
466
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
473
467
|
data-id="listViewCheckBox_undefined"
|
|
474
468
|
data-selector-id="checkbox_undefined"
|
|
475
469
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -477,7 +471,7 @@ exports[`FlipCard renders correctly with className, channel, and action 1`] = `
|
|
|
477
471
|
tabindex="0"
|
|
478
472
|
>
|
|
479
473
|
<div
|
|
480
|
-
class="boxContainer
|
|
474
|
+
class="noShrink boxContainer medium filled"
|
|
481
475
|
data-id="boxComponent"
|
|
482
476
|
data-selector-id="box"
|
|
483
477
|
data-test-id="boxComponent"
|
|
@@ -487,7 +481,7 @@ exports[`FlipCard renders correctly with className, channel, and action 1`] = `
|
|
|
487
481
|
type="hidden"
|
|
488
482
|
/>
|
|
489
483
|
<label
|
|
490
|
-
class="checkbox pointer medium
|
|
484
|
+
class="checkbox pointer medium"
|
|
491
485
|
>
|
|
492
486
|
<svg
|
|
493
487
|
viewBox="0 0 40 40"
|
|
@@ -508,7 +502,7 @@ exports[`FlipCard renders correctly with className, channel, and action 1`] = `
|
|
|
508
502
|
</div>
|
|
509
503
|
</div>
|
|
510
504
|
<div
|
|
511
|
-
class="
|
|
505
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
512
506
|
data-id="containerComponent"
|
|
513
507
|
data-selector-id="container"
|
|
514
508
|
data-test-id="containerComponent"
|
|
@@ -518,14 +512,14 @@ exports[`FlipCard renders correctly with className, channel, and action 1`] = `
|
|
|
518
512
|
data-selector-id="channelIcon"
|
|
519
513
|
>
|
|
520
514
|
<div
|
|
521
|
-
class="container
|
|
515
|
+
class="inlineFlex column alignItems_center justifyContent_center container medium default custom-class"
|
|
522
516
|
data-id="email"
|
|
523
517
|
data-selector-id="avatarIcon"
|
|
524
518
|
data-test-id="email"
|
|
525
519
|
>
|
|
526
520
|
<i
|
|
527
521
|
aria-hidden="true"
|
|
528
|
-
class="zd_font_icons basic icon-chMailIn
|
|
522
|
+
class="zd_font_icons green basic icon-chMailIn avatar_align_center iconColor iconStyle email_incoming"
|
|
529
523
|
data-id="fontIcon"
|
|
530
524
|
data-selector-id="fontIcon"
|
|
531
525
|
data-test-id="fontIcon"
|
|
@@ -549,21 +543,20 @@ exports[`FlipCard renders correctly with className, channel, and action 1`] = `
|
|
|
549
543
|
exports[`FlipCard renders correctly with customProps for AvatarIconProps 1`] = `
|
|
550
544
|
<DocumentFragment>
|
|
551
545
|
<div
|
|
552
|
-
class="medium
|
|
546
|
+
class="medium flip"
|
|
553
547
|
>
|
|
554
548
|
<div
|
|
555
549
|
class="container"
|
|
556
550
|
>
|
|
557
551
|
<div
|
|
558
|
-
class="
|
|
552
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
559
553
|
data-id="containerComponent"
|
|
560
554
|
data-selector-id="container"
|
|
561
555
|
data-test-id="containerComponent"
|
|
562
556
|
>
|
|
563
557
|
<div
|
|
564
558
|
aria-checked="false"
|
|
565
|
-
class="container pointer primary
|
|
566
|
-
inflex rowdir vCenter"
|
|
559
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
567
560
|
data-id="listViewCheckBox_undefined"
|
|
568
561
|
data-selector-id="checkbox_undefined"
|
|
569
562
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -571,7 +564,7 @@ exports[`FlipCard renders correctly with customProps for AvatarIconProps 1`] = `
|
|
|
571
564
|
tabindex="0"
|
|
572
565
|
>
|
|
573
566
|
<div
|
|
574
|
-
class="boxContainer
|
|
567
|
+
class="noShrink boxContainer medium filled"
|
|
575
568
|
data-id="boxComponent"
|
|
576
569
|
data-selector-id="box"
|
|
577
570
|
data-test-id="boxComponent"
|
|
@@ -581,7 +574,7 @@ exports[`FlipCard renders correctly with customProps for AvatarIconProps 1`] = `
|
|
|
581
574
|
type="hidden"
|
|
582
575
|
/>
|
|
583
576
|
<label
|
|
584
|
-
class="checkbox pointer medium
|
|
577
|
+
class="checkbox pointer medium"
|
|
585
578
|
>
|
|
586
579
|
<svg
|
|
587
580
|
viewBox="0 0 40 40"
|
|
@@ -602,7 +595,7 @@ exports[`FlipCard renders correctly with customProps for AvatarIconProps 1`] = `
|
|
|
602
595
|
</div>
|
|
603
596
|
</div>
|
|
604
597
|
<div
|
|
605
|
-
class="
|
|
598
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
606
599
|
data-id="containerComponent"
|
|
607
600
|
data-selector-id="container"
|
|
608
601
|
data-test-id="containerComponent"
|
|
@@ -612,7 +605,7 @@ exports[`FlipCard renders correctly with customProps for AvatarIconProps 1`] = `
|
|
|
612
605
|
data-selector-id="avatarUser"
|
|
613
606
|
>
|
|
614
607
|
<div
|
|
615
|
-
class="avatar medium medium circle primary black border
|
|
608
|
+
class="avatar medium medium circle primary black border"
|
|
616
609
|
data-id="Avatar"
|
|
617
610
|
data-selector-id="avatar"
|
|
618
611
|
data-test-id="Avatar"
|
|
@@ -634,21 +627,20 @@ exports[`FlipCard renders correctly with customProps for AvatarIconProps 1`] = `
|
|
|
634
627
|
exports[`FlipCard renders correctly with customProps for AvatarUserProps 1`] = `
|
|
635
628
|
<DocumentFragment>
|
|
636
629
|
<div
|
|
637
|
-
class="medium
|
|
630
|
+
class="medium flip"
|
|
638
631
|
>
|
|
639
632
|
<div
|
|
640
633
|
class="container"
|
|
641
634
|
>
|
|
642
635
|
<div
|
|
643
|
-
class="
|
|
636
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
644
637
|
data-id="containerComponent"
|
|
645
638
|
data-selector-id="container"
|
|
646
639
|
data-test-id="containerComponent"
|
|
647
640
|
>
|
|
648
641
|
<div
|
|
649
642
|
aria-checked="false"
|
|
650
|
-
class="container pointer primary
|
|
651
|
-
inflex rowdir vCenter"
|
|
643
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
652
644
|
data-id="listViewCheckBox_undefined"
|
|
653
645
|
data-selector-id="checkbox_undefined"
|
|
654
646
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -656,7 +648,7 @@ exports[`FlipCard renders correctly with customProps for AvatarUserProps 1`] = `
|
|
|
656
648
|
tabindex="0"
|
|
657
649
|
>
|
|
658
650
|
<div
|
|
659
|
-
class="boxContainer
|
|
651
|
+
class="noShrink boxContainer medium filled"
|
|
660
652
|
data-id="boxComponent"
|
|
661
653
|
data-selector-id="box"
|
|
662
654
|
data-test-id="boxComponent"
|
|
@@ -666,7 +658,7 @@ exports[`FlipCard renders correctly with customProps for AvatarUserProps 1`] = `
|
|
|
666
658
|
type="hidden"
|
|
667
659
|
/>
|
|
668
660
|
<label
|
|
669
|
-
class="checkbox pointer medium
|
|
661
|
+
class="checkbox pointer medium"
|
|
670
662
|
>
|
|
671
663
|
<svg
|
|
672
664
|
viewBox="0 0 40 40"
|
|
@@ -687,7 +679,7 @@ exports[`FlipCard renders correctly with customProps for AvatarUserProps 1`] = `
|
|
|
687
679
|
</div>
|
|
688
680
|
</div>
|
|
689
681
|
<div
|
|
690
|
-
class="
|
|
682
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
691
683
|
data-id="containerComponent"
|
|
692
684
|
data-selector-id="container"
|
|
693
685
|
data-test-id="containerComponent"
|
|
@@ -697,7 +689,7 @@ exports[`FlipCard renders correctly with customProps for AvatarUserProps 1`] = `
|
|
|
697
689
|
data-selector-id="avatarUser"
|
|
698
690
|
>
|
|
699
691
|
<div
|
|
700
|
-
class="avatar medium medium circle primary black border
|
|
692
|
+
class="avatar medium medium circle primary black border"
|
|
701
693
|
data-id="Avatar"
|
|
702
694
|
data-selector-id="avatar"
|
|
703
695
|
data-test-id="Avatar"
|
|
@@ -717,16 +709,16 @@ exports[`FlipCard renders correctly with customProps for AvatarUserProps 1`] = `
|
|
|
717
709
|
>
|
|
718
710
|
<i
|
|
719
711
|
aria-hidden="true"
|
|
720
|
-
class="zd_font_icons basic icon-paiduser
|
|
712
|
+
class="zd_font_icons basic icon-paiduser"
|
|
721
713
|
data-id="fontIcon"
|
|
722
714
|
data-selector-id="fontIcon"
|
|
723
715
|
data-test-id="fontIcon"
|
|
724
716
|
>
|
|
725
717
|
<span
|
|
726
|
-
class="path1
|
|
718
|
+
class="path1"
|
|
727
719
|
/>
|
|
728
720
|
<span
|
|
729
|
-
class="path2
|
|
721
|
+
class="path2"
|
|
730
722
|
/>
|
|
731
723
|
</i>
|
|
732
724
|
</span>
|
|
@@ -740,21 +732,20 @@ exports[`FlipCard renders correctly with customProps for AvatarUserProps 1`] = `
|
|
|
740
732
|
exports[`FlipCard renders correctly with customProps for ChannelIconProps 1`] = `
|
|
741
733
|
<DocumentFragment>
|
|
742
734
|
<div
|
|
743
|
-
class="medium
|
|
735
|
+
class="medium flip"
|
|
744
736
|
>
|
|
745
737
|
<div
|
|
746
738
|
class="container"
|
|
747
739
|
>
|
|
748
740
|
<div
|
|
749
|
-
class="
|
|
741
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
750
742
|
data-id="containerComponent"
|
|
751
743
|
data-selector-id="container"
|
|
752
744
|
data-test-id="containerComponent"
|
|
753
745
|
>
|
|
754
746
|
<div
|
|
755
747
|
aria-checked="false"
|
|
756
|
-
class="container pointer primary
|
|
757
|
-
inflex rowdir vCenter"
|
|
748
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
758
749
|
data-id="listViewCheckBox_undefined"
|
|
759
750
|
data-selector-id="checkbox_undefined"
|
|
760
751
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -762,7 +753,7 @@ exports[`FlipCard renders correctly with customProps for ChannelIconProps 1`] =
|
|
|
762
753
|
tabindex="0"
|
|
763
754
|
>
|
|
764
755
|
<div
|
|
765
|
-
class="boxContainer
|
|
756
|
+
class="noShrink boxContainer medium filled"
|
|
766
757
|
data-id="boxComponent"
|
|
767
758
|
data-selector-id="box"
|
|
768
759
|
data-test-id="boxComponent"
|
|
@@ -772,7 +763,7 @@ exports[`FlipCard renders correctly with customProps for ChannelIconProps 1`] =
|
|
|
772
763
|
type="hidden"
|
|
773
764
|
/>
|
|
774
765
|
<label
|
|
775
|
-
class="checkbox pointer medium
|
|
766
|
+
class="checkbox pointer medium"
|
|
776
767
|
>
|
|
777
768
|
<svg
|
|
778
769
|
viewBox="0 0 40 40"
|
|
@@ -793,7 +784,7 @@ exports[`FlipCard renders correctly with customProps for ChannelIconProps 1`] =
|
|
|
793
784
|
</div>
|
|
794
785
|
</div>
|
|
795
786
|
<div
|
|
796
|
-
class="
|
|
787
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
797
788
|
data-id="containerComponent"
|
|
798
789
|
data-selector-id="container"
|
|
799
790
|
data-test-id="containerComponent"
|
|
@@ -803,7 +794,7 @@ exports[`FlipCard renders correctly with customProps for ChannelIconProps 1`] =
|
|
|
803
794
|
data-selector-id="avatarUser"
|
|
804
795
|
>
|
|
805
796
|
<div
|
|
806
|
-
class="avatar medium medium circle primary black border
|
|
797
|
+
class="avatar medium medium circle primary black border"
|
|
807
798
|
data-id="Avatar"
|
|
808
799
|
data-selector-id="avatar"
|
|
809
800
|
data-test-id="Avatar"
|
|
@@ -825,21 +816,20 @@ exports[`FlipCard renders correctly with customProps for ChannelIconProps 1`] =
|
|
|
825
816
|
exports[`FlipCard renders correctly with customProps for CheckBoxProps 1`] = `
|
|
826
817
|
<DocumentFragment>
|
|
827
818
|
<div
|
|
828
|
-
class="medium
|
|
819
|
+
class="medium flip"
|
|
829
820
|
>
|
|
830
821
|
<div
|
|
831
822
|
class="container"
|
|
832
823
|
>
|
|
833
824
|
<div
|
|
834
|
-
class="
|
|
825
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
835
826
|
data-id="containerComponent"
|
|
836
827
|
data-selector-id="container"
|
|
837
828
|
data-test-id="containerComponent"
|
|
838
829
|
>
|
|
839
830
|
<div
|
|
840
831
|
aria-checked="true"
|
|
841
|
-
class="container pointer primary
|
|
842
|
-
checkedprimary inflex rowdir vCenter"
|
|
832
|
+
class="inlineFlex row alignItems_center container pointer primary checkedprimary"
|
|
843
833
|
data-id="listViewCheckBox_undefined"
|
|
844
834
|
data-selector-id="checkbox_undefined"
|
|
845
835
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -847,7 +837,7 @@ exports[`FlipCard renders correctly with customProps for CheckBoxProps 1`] = `
|
|
|
847
837
|
tabindex="0"
|
|
848
838
|
>
|
|
849
839
|
<div
|
|
850
|
-
class="boxContainer
|
|
840
|
+
class="noShrink boxContainer medium filled"
|
|
851
841
|
data-id="boxComponent"
|
|
852
842
|
data-selector-id="box"
|
|
853
843
|
data-test-id="boxComponent"
|
|
@@ -857,7 +847,7 @@ exports[`FlipCard renders correctly with customProps for CheckBoxProps 1`] = `
|
|
|
857
847
|
type="hidden"
|
|
858
848
|
/>
|
|
859
849
|
<label
|
|
860
|
-
class="checkbox pointer medium
|
|
850
|
+
class="checkbox pointer medium"
|
|
861
851
|
>
|
|
862
852
|
<svg
|
|
863
853
|
viewBox="0 0 40 40"
|
|
@@ -870,7 +860,7 @@ exports[`FlipCard renders correctly with customProps for CheckBoxProps 1`] = `
|
|
|
870
860
|
/>
|
|
871
861
|
</svg>
|
|
872
862
|
<svg
|
|
873
|
-
class="tick mediumtick
|
|
863
|
+
class="tick mediumtick"
|
|
874
864
|
viewBox="0 0 44 44"
|
|
875
865
|
xmlns="http://www.w3.org/2000/svg"
|
|
876
866
|
>
|
|
@@ -884,7 +874,7 @@ exports[`FlipCard renders correctly with customProps for CheckBoxProps 1`] = `
|
|
|
884
874
|
</div>
|
|
885
875
|
</div>
|
|
886
876
|
<div
|
|
887
|
-
class="
|
|
877
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
888
878
|
data-id="containerComponent"
|
|
889
879
|
data-selector-id="container"
|
|
890
880
|
data-test-id="containerComponent"
|
|
@@ -894,7 +884,7 @@ exports[`FlipCard renders correctly with customProps for CheckBoxProps 1`] = `
|
|
|
894
884
|
data-selector-id="avatarUser"
|
|
895
885
|
>
|
|
896
886
|
<div
|
|
897
|
-
class="avatar medium medium circle primary black border
|
|
887
|
+
class="avatar medium medium circle primary black border"
|
|
898
888
|
data-id="Avatar"
|
|
899
889
|
data-selector-id="avatar"
|
|
900
890
|
data-test-id="Avatar"
|
|
@@ -916,21 +906,20 @@ exports[`FlipCard renders correctly with customProps for CheckBoxProps 1`] = `
|
|
|
916
906
|
exports[`FlipCard renders correctly with customProps for multiple props 1`] = `
|
|
917
907
|
<DocumentFragment>
|
|
918
908
|
<div
|
|
919
|
-
class="medium
|
|
909
|
+
class="medium flip"
|
|
920
910
|
>
|
|
921
911
|
<div
|
|
922
912
|
class="container"
|
|
923
913
|
>
|
|
924
914
|
<div
|
|
925
|
-
class="
|
|
915
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
926
916
|
data-id="containerComponent"
|
|
927
917
|
data-selector-id="container"
|
|
928
918
|
data-test-id="containerComponent"
|
|
929
919
|
>
|
|
930
920
|
<div
|
|
931
921
|
aria-checked="true"
|
|
932
|
-
class="container pointer primary
|
|
933
|
-
checkedprimary inflex rowdir vCenter"
|
|
922
|
+
class="inlineFlex row alignItems_center container pointer primary checkedprimary"
|
|
934
923
|
data-id="listViewCheckBox_undefined"
|
|
935
924
|
data-selector-id="checkbox_undefined"
|
|
936
925
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -938,7 +927,7 @@ exports[`FlipCard renders correctly with customProps for multiple props 1`] = `
|
|
|
938
927
|
tabindex="0"
|
|
939
928
|
>
|
|
940
929
|
<div
|
|
941
|
-
class="boxContainer
|
|
930
|
+
class="noShrink boxContainer medium filled"
|
|
942
931
|
data-id="boxComponent"
|
|
943
932
|
data-selector-id="box"
|
|
944
933
|
data-test-id="boxComponent"
|
|
@@ -948,7 +937,7 @@ exports[`FlipCard renders correctly with customProps for multiple props 1`] = `
|
|
|
948
937
|
type="hidden"
|
|
949
938
|
/>
|
|
950
939
|
<label
|
|
951
|
-
class="checkbox pointer medium
|
|
940
|
+
class="checkbox pointer medium"
|
|
952
941
|
>
|
|
953
942
|
<svg
|
|
954
943
|
viewBox="0 0 40 40"
|
|
@@ -961,7 +950,7 @@ exports[`FlipCard renders correctly with customProps for multiple props 1`] = `
|
|
|
961
950
|
/>
|
|
962
951
|
</svg>
|
|
963
952
|
<svg
|
|
964
|
-
class="tick mediumtick
|
|
953
|
+
class="tick mediumtick"
|
|
965
954
|
viewBox="0 0 44 44"
|
|
966
955
|
xmlns="http://www.w3.org/2000/svg"
|
|
967
956
|
>
|
|
@@ -975,7 +964,7 @@ exports[`FlipCard renders correctly with customProps for multiple props 1`] = `
|
|
|
975
964
|
</div>
|
|
976
965
|
</div>
|
|
977
966
|
<div
|
|
978
|
-
class="
|
|
967
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
979
968
|
data-id="containerComponent"
|
|
980
969
|
data-selector-id="container"
|
|
981
970
|
data-test-id="containerComponent"
|
|
@@ -985,7 +974,7 @@ exports[`FlipCard renders correctly with customProps for multiple props 1`] = `
|
|
|
985
974
|
data-selector-id="avatarUser"
|
|
986
975
|
>
|
|
987
976
|
<div
|
|
988
|
-
class="avatar medium medium circle primary black border
|
|
977
|
+
class="avatar medium medium circle primary black border"
|
|
989
978
|
data-id="Avatar"
|
|
990
979
|
data-selector-id="avatar"
|
|
991
980
|
data-test-id="Avatar"
|
|
@@ -1007,21 +996,20 @@ exports[`FlipCard renders correctly with customProps for multiple props 1`] = `
|
|
|
1007
996
|
exports[`FlipCard renders correctly with customTextClass, channel, and action 1`] = `
|
|
1008
997
|
<DocumentFragment>
|
|
1009
998
|
<div
|
|
1010
|
-
class="medium
|
|
999
|
+
class="medium flip"
|
|
1011
1000
|
>
|
|
1012
1001
|
<div
|
|
1013
1002
|
class="container"
|
|
1014
1003
|
>
|
|
1015
1004
|
<div
|
|
1016
|
-
class="
|
|
1005
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
1017
1006
|
data-id="containerComponent"
|
|
1018
1007
|
data-selector-id="container"
|
|
1019
1008
|
data-test-id="containerComponent"
|
|
1020
1009
|
>
|
|
1021
1010
|
<div
|
|
1022
1011
|
aria-checked="false"
|
|
1023
|
-
class="container pointer primary
|
|
1024
|
-
inflex rowdir vCenter"
|
|
1012
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
1025
1013
|
data-id="listViewCheckBox_undefined"
|
|
1026
1014
|
data-selector-id="checkbox_undefined"
|
|
1027
1015
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -1029,7 +1017,7 @@ exports[`FlipCard renders correctly with customTextClass, channel, and action 1`
|
|
|
1029
1017
|
tabindex="0"
|
|
1030
1018
|
>
|
|
1031
1019
|
<div
|
|
1032
|
-
class="boxContainer
|
|
1020
|
+
class="noShrink boxContainer medium filled"
|
|
1033
1021
|
data-id="boxComponent"
|
|
1034
1022
|
data-selector-id="box"
|
|
1035
1023
|
data-test-id="boxComponent"
|
|
@@ -1039,7 +1027,7 @@ exports[`FlipCard renders correctly with customTextClass, channel, and action 1`
|
|
|
1039
1027
|
type="hidden"
|
|
1040
1028
|
/>
|
|
1041
1029
|
<label
|
|
1042
|
-
class="checkbox pointer medium
|
|
1030
|
+
class="checkbox pointer medium"
|
|
1043
1031
|
>
|
|
1044
1032
|
<svg
|
|
1045
1033
|
viewBox="0 0 40 40"
|
|
@@ -1060,7 +1048,7 @@ exports[`FlipCard renders correctly with customTextClass, channel, and action 1`
|
|
|
1060
1048
|
</div>
|
|
1061
1049
|
</div>
|
|
1062
1050
|
<div
|
|
1063
|
-
class="
|
|
1051
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
1064
1052
|
data-id="containerComponent"
|
|
1065
1053
|
data-selector-id="container"
|
|
1066
1054
|
data-test-id="containerComponent"
|
|
@@ -1070,7 +1058,7 @@ exports[`FlipCard renders correctly with customTextClass, channel, and action 1`
|
|
|
1070
1058
|
data-selector-id="channelIcon"
|
|
1071
1059
|
>
|
|
1072
1060
|
<div
|
|
1073
|
-
class="avatar medium medium circle primary black border
|
|
1061
|
+
class="avatar medium medium circle primary black border custom-text-class"
|
|
1074
1062
|
data-id="social"
|
|
1075
1063
|
data-selector-id="avatar"
|
|
1076
1064
|
data-test-id="social"
|
|
@@ -1095,21 +1083,20 @@ exports[`FlipCard renders correctly with customTextClass, channel, and action 1`
|
|
|
1095
1083
|
exports[`FlipCard renders correctly with iconSize as a number 1`] = `
|
|
1096
1084
|
<DocumentFragment>
|
|
1097
1085
|
<div
|
|
1098
|
-
class="medium
|
|
1086
|
+
class="medium flip"
|
|
1099
1087
|
>
|
|
1100
1088
|
<div
|
|
1101
1089
|
class="container"
|
|
1102
1090
|
>
|
|
1103
1091
|
<div
|
|
1104
|
-
class="
|
|
1092
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
1105
1093
|
data-id="containerComponent"
|
|
1106
1094
|
data-selector-id="container"
|
|
1107
1095
|
data-test-id="containerComponent"
|
|
1108
1096
|
>
|
|
1109
1097
|
<div
|
|
1110
1098
|
aria-checked="false"
|
|
1111
|
-
class="container pointer primary
|
|
1112
|
-
inflex rowdir vCenter"
|
|
1099
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
1113
1100
|
data-id="listViewCheckBox_undefined"
|
|
1114
1101
|
data-selector-id="checkbox_undefined"
|
|
1115
1102
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -1117,7 +1104,7 @@ exports[`FlipCard renders correctly with iconSize as a number 1`] = `
|
|
|
1117
1104
|
tabindex="0"
|
|
1118
1105
|
>
|
|
1119
1106
|
<div
|
|
1120
|
-
class="boxContainer
|
|
1107
|
+
class="noShrink boxContainer medium filled"
|
|
1121
1108
|
data-id="boxComponent"
|
|
1122
1109
|
data-selector-id="box"
|
|
1123
1110
|
data-test-id="boxComponent"
|
|
@@ -1127,7 +1114,7 @@ exports[`FlipCard renders correctly with iconSize as a number 1`] = `
|
|
|
1127
1114
|
type="hidden"
|
|
1128
1115
|
/>
|
|
1129
1116
|
<label
|
|
1130
|
-
class="checkbox pointer medium
|
|
1117
|
+
class="checkbox pointer medium"
|
|
1131
1118
|
>
|
|
1132
1119
|
<svg
|
|
1133
1120
|
viewBox="0 0 40 40"
|
|
@@ -1148,7 +1135,7 @@ exports[`FlipCard renders correctly with iconSize as a number 1`] = `
|
|
|
1148
1135
|
</div>
|
|
1149
1136
|
</div>
|
|
1150
1137
|
<div
|
|
1151
|
-
class="
|
|
1138
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
1152
1139
|
data-id="containerComponent"
|
|
1153
1140
|
data-selector-id="container"
|
|
1154
1141
|
data-test-id="containerComponent"
|
|
@@ -1158,7 +1145,7 @@ exports[`FlipCard renders correctly with iconSize as a number 1`] = `
|
|
|
1158
1145
|
data-selector-id="avatarUser"
|
|
1159
1146
|
>
|
|
1160
1147
|
<div
|
|
1161
|
-
class="avatar medium medium circle primary black border
|
|
1148
|
+
class="avatar medium medium circle primary black border"
|
|
1162
1149
|
data-id="Avatar"
|
|
1163
1150
|
data-selector-id="avatar"
|
|
1164
1151
|
data-test-id="Avatar"
|
|
@@ -1180,21 +1167,20 @@ exports[`FlipCard renders correctly with iconSize as a number 1`] = `
|
|
|
1180
1167
|
exports[`FlipCard renders correctly with iconSize as a number and channel & action 1`] = `
|
|
1181
1168
|
<DocumentFragment>
|
|
1182
1169
|
<div
|
|
1183
|
-
class="medium
|
|
1170
|
+
class="medium flip"
|
|
1184
1171
|
>
|
|
1185
1172
|
<div
|
|
1186
1173
|
class="container"
|
|
1187
1174
|
>
|
|
1188
1175
|
<div
|
|
1189
|
-
class="
|
|
1176
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
1190
1177
|
data-id="containerComponent"
|
|
1191
1178
|
data-selector-id="container"
|
|
1192
1179
|
data-test-id="containerComponent"
|
|
1193
1180
|
>
|
|
1194
1181
|
<div
|
|
1195
1182
|
aria-checked="false"
|
|
1196
|
-
class="container pointer primary
|
|
1197
|
-
inflex rowdir vCenter"
|
|
1183
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
1198
1184
|
data-id="listViewCheckBox_undefined"
|
|
1199
1185
|
data-selector-id="checkbox_undefined"
|
|
1200
1186
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -1202,7 +1188,7 @@ exports[`FlipCard renders correctly with iconSize as a number and channel & acti
|
|
|
1202
1188
|
tabindex="0"
|
|
1203
1189
|
>
|
|
1204
1190
|
<div
|
|
1205
|
-
class="boxContainer
|
|
1191
|
+
class="noShrink boxContainer medium filled"
|
|
1206
1192
|
data-id="boxComponent"
|
|
1207
1193
|
data-selector-id="box"
|
|
1208
1194
|
data-test-id="boxComponent"
|
|
@@ -1212,7 +1198,7 @@ exports[`FlipCard renders correctly with iconSize as a number and channel & acti
|
|
|
1212
1198
|
type="hidden"
|
|
1213
1199
|
/>
|
|
1214
1200
|
<label
|
|
1215
|
-
class="checkbox pointer medium
|
|
1201
|
+
class="checkbox pointer medium"
|
|
1216
1202
|
>
|
|
1217
1203
|
<svg
|
|
1218
1204
|
viewBox="0 0 40 40"
|
|
@@ -1233,7 +1219,7 @@ exports[`FlipCard renders correctly with iconSize as a number and channel & acti
|
|
|
1233
1219
|
</div>
|
|
1234
1220
|
</div>
|
|
1235
1221
|
<div
|
|
1236
|
-
class="
|
|
1222
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
1237
1223
|
data-id="containerComponent"
|
|
1238
1224
|
data-selector-id="container"
|
|
1239
1225
|
data-test-id="containerComponent"
|
|
@@ -1243,14 +1229,14 @@ exports[`FlipCard renders correctly with iconSize as a number and channel & acti
|
|
|
1243
1229
|
data-selector-id="channelIcon"
|
|
1244
1230
|
>
|
|
1245
1231
|
<div
|
|
1246
|
-
class="container
|
|
1232
|
+
class="inlineFlex column alignItems_center justifyContent_center container medium default"
|
|
1247
1233
|
data-id="email"
|
|
1248
1234
|
data-selector-id="avatarIcon"
|
|
1249
1235
|
data-test-id="email"
|
|
1250
1236
|
>
|
|
1251
1237
|
<i
|
|
1252
1238
|
aria-hidden="true"
|
|
1253
|
-
class="zd_font_icons basic icon-chMailIn
|
|
1239
|
+
class="zd_font_icons green basic icon-chMailIn avatar_align_center iconColor iconStyle email_incoming"
|
|
1254
1240
|
data-id="fontIcon"
|
|
1255
1241
|
data-selector-id="fontIcon"
|
|
1256
1242
|
data-test-id="fontIcon"
|
|
@@ -1274,21 +1260,20 @@ exports[`FlipCard renders correctly with iconSize as a number and channel & acti
|
|
|
1274
1260
|
exports[`FlipCard renders correctly with name and icon 1`] = `
|
|
1275
1261
|
<DocumentFragment>
|
|
1276
1262
|
<div
|
|
1277
|
-
class="medium
|
|
1263
|
+
class="medium flip"
|
|
1278
1264
|
>
|
|
1279
1265
|
<div
|
|
1280
1266
|
class="container"
|
|
1281
1267
|
>
|
|
1282
1268
|
<div
|
|
1283
|
-
class="
|
|
1269
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
1284
1270
|
data-id="containerComponent"
|
|
1285
1271
|
data-selector-id="container"
|
|
1286
1272
|
data-test-id="containerComponent"
|
|
1287
1273
|
>
|
|
1288
1274
|
<div
|
|
1289
1275
|
aria-checked="false"
|
|
1290
|
-
class="container pointer primary
|
|
1291
|
-
inflex rowdir vCenter"
|
|
1276
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
1292
1277
|
data-id="listViewCheckBox_undefined"
|
|
1293
1278
|
data-selector-id="checkbox_undefined"
|
|
1294
1279
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -1296,7 +1281,7 @@ exports[`FlipCard renders correctly with name and icon 1`] = `
|
|
|
1296
1281
|
tabindex="0"
|
|
1297
1282
|
>
|
|
1298
1283
|
<div
|
|
1299
|
-
class="boxContainer
|
|
1284
|
+
class="noShrink boxContainer medium filled"
|
|
1300
1285
|
data-id="boxComponent"
|
|
1301
1286
|
data-selector-id="box"
|
|
1302
1287
|
data-test-id="boxComponent"
|
|
@@ -1306,7 +1291,7 @@ exports[`FlipCard renders correctly with name and icon 1`] = `
|
|
|
1306
1291
|
type="hidden"
|
|
1307
1292
|
/>
|
|
1308
1293
|
<label
|
|
1309
|
-
class="checkbox pointer medium
|
|
1294
|
+
class="checkbox pointer medium"
|
|
1310
1295
|
>
|
|
1311
1296
|
<svg
|
|
1312
1297
|
viewBox="0 0 40 40"
|
|
@@ -1327,13 +1312,13 @@ exports[`FlipCard renders correctly with name and icon 1`] = `
|
|
|
1327
1312
|
</div>
|
|
1328
1313
|
</div>
|
|
1329
1314
|
<div
|
|
1330
|
-
class="
|
|
1315
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
1331
1316
|
data-id="containerComponent"
|
|
1332
1317
|
data-selector-id="container"
|
|
1333
1318
|
data-test-id="containerComponent"
|
|
1334
1319
|
>
|
|
1335
1320
|
<div
|
|
1336
|
-
class="container
|
|
1321
|
+
class="inlineFlex column alignItems_center justifyContent_center container medium default"
|
|
1337
1322
|
data-id="ZD-icon"
|
|
1338
1323
|
data-selector-id="avatarIcon"
|
|
1339
1324
|
data-test-id="ZD-icon"
|
|
@@ -1348,21 +1333,20 @@ exports[`FlipCard renders correctly with name and icon 1`] = `
|
|
|
1348
1333
|
exports[`FlipCard renders correctly with name but without icon 1`] = `
|
|
1349
1334
|
<DocumentFragment>
|
|
1350
1335
|
<div
|
|
1351
|
-
class="medium
|
|
1336
|
+
class="medium flip"
|
|
1352
1337
|
>
|
|
1353
1338
|
<div
|
|
1354
1339
|
class="container"
|
|
1355
1340
|
>
|
|
1356
1341
|
<div
|
|
1357
|
-
class="
|
|
1342
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
1358
1343
|
data-id="containerComponent"
|
|
1359
1344
|
data-selector-id="container"
|
|
1360
1345
|
data-test-id="containerComponent"
|
|
1361
1346
|
>
|
|
1362
1347
|
<div
|
|
1363
1348
|
aria-checked="false"
|
|
1364
|
-
class="container pointer primary
|
|
1365
|
-
inflex rowdir vCenter"
|
|
1349
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
1366
1350
|
data-id="listViewCheckBox_undefined"
|
|
1367
1351
|
data-selector-id="checkbox_undefined"
|
|
1368
1352
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -1370,7 +1354,7 @@ exports[`FlipCard renders correctly with name but without icon 1`] = `
|
|
|
1370
1354
|
tabindex="0"
|
|
1371
1355
|
>
|
|
1372
1356
|
<div
|
|
1373
|
-
class="boxContainer
|
|
1357
|
+
class="noShrink boxContainer medium filled"
|
|
1374
1358
|
data-id="boxComponent"
|
|
1375
1359
|
data-selector-id="box"
|
|
1376
1360
|
data-test-id="boxComponent"
|
|
@@ -1380,7 +1364,7 @@ exports[`FlipCard renders correctly with name but without icon 1`] = `
|
|
|
1380
1364
|
type="hidden"
|
|
1381
1365
|
/>
|
|
1382
1366
|
<label
|
|
1383
|
-
class="checkbox pointer medium
|
|
1367
|
+
class="checkbox pointer medium"
|
|
1384
1368
|
>
|
|
1385
1369
|
<svg
|
|
1386
1370
|
viewBox="0 0 40 40"
|
|
@@ -1401,7 +1385,7 @@ exports[`FlipCard renders correctly with name but without icon 1`] = `
|
|
|
1401
1385
|
</div>
|
|
1402
1386
|
</div>
|
|
1403
1387
|
<div
|
|
1404
|
-
class="
|
|
1388
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
1405
1389
|
data-id="containerComponent"
|
|
1406
1390
|
data-selector-id="container"
|
|
1407
1391
|
data-test-id="containerComponent"
|
|
@@ -1413,7 +1397,7 @@ exports[`FlipCard renders correctly with name but without icon 1`] = `
|
|
|
1413
1397
|
data-test-id="Test Name"
|
|
1414
1398
|
>
|
|
1415
1399
|
<div
|
|
1416
|
-
class="avatar medium medium circle primary black border
|
|
1400
|
+
class="avatar medium medium circle primary black border"
|
|
1417
1401
|
data-id="Avatar"
|
|
1418
1402
|
data-selector-id="avatar"
|
|
1419
1403
|
data-test-id="Avatar"
|
|
@@ -1438,21 +1422,20 @@ exports[`FlipCard renders correctly with name but without icon 1`] = `
|
|
|
1438
1422
|
exports[`FlipCard renders correctly with needTitle set to false and name 1`] = `
|
|
1439
1423
|
<DocumentFragment>
|
|
1440
1424
|
<div
|
|
1441
|
-
class="medium
|
|
1425
|
+
class="medium flip"
|
|
1442
1426
|
>
|
|
1443
1427
|
<div
|
|
1444
1428
|
class="container"
|
|
1445
1429
|
>
|
|
1446
1430
|
<div
|
|
1447
|
-
class="
|
|
1431
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
1448
1432
|
data-id="containerComponent"
|
|
1449
1433
|
data-selector-id="container"
|
|
1450
1434
|
data-test-id="containerComponent"
|
|
1451
1435
|
>
|
|
1452
1436
|
<div
|
|
1453
1437
|
aria-checked="false"
|
|
1454
|
-
class="container pointer primary
|
|
1455
|
-
inflex rowdir vCenter"
|
|
1438
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
1456
1439
|
data-id="listViewCheckBox_undefined"
|
|
1457
1440
|
data-selector-id="checkbox_undefined"
|
|
1458
1441
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -1460,7 +1443,7 @@ exports[`FlipCard renders correctly with needTitle set to false and name 1`] = `
|
|
|
1460
1443
|
tabindex="0"
|
|
1461
1444
|
>
|
|
1462
1445
|
<div
|
|
1463
|
-
class="boxContainer
|
|
1446
|
+
class="noShrink boxContainer medium filled"
|
|
1464
1447
|
data-id="boxComponent"
|
|
1465
1448
|
data-selector-id="box"
|
|
1466
1449
|
data-test-id="boxComponent"
|
|
@@ -1470,7 +1453,7 @@ exports[`FlipCard renders correctly with needTitle set to false and name 1`] = `
|
|
|
1470
1453
|
type="hidden"
|
|
1471
1454
|
/>
|
|
1472
1455
|
<label
|
|
1473
|
-
class="checkbox pointer medium
|
|
1456
|
+
class="checkbox pointer medium"
|
|
1474
1457
|
>
|
|
1475
1458
|
<svg
|
|
1476
1459
|
viewBox="0 0 40 40"
|
|
@@ -1491,7 +1474,7 @@ exports[`FlipCard renders correctly with needTitle set to false and name 1`] = `
|
|
|
1491
1474
|
</div>
|
|
1492
1475
|
</div>
|
|
1493
1476
|
<div
|
|
1494
|
-
class="
|
|
1477
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
1495
1478
|
data-id="containerComponent"
|
|
1496
1479
|
data-selector-id="container"
|
|
1497
1480
|
data-test-id="containerComponent"
|
|
@@ -1503,7 +1486,7 @@ exports[`FlipCard renders correctly with needTitle set to false and name 1`] = `
|
|
|
1503
1486
|
data-test-id="Test Name"
|
|
1504
1487
|
>
|
|
1505
1488
|
<div
|
|
1506
|
-
class="avatar medium medium circle primary black border
|
|
1489
|
+
class="avatar medium medium circle primary black border"
|
|
1507
1490
|
data-id="Avatar"
|
|
1508
1491
|
data-selector-id="avatar"
|
|
1509
1492
|
data-test-id="Avatar"
|
|
@@ -1527,21 +1510,20 @@ exports[`FlipCard renders correctly with needTitle set to false and name 1`] = `
|
|
|
1527
1510
|
exports[`FlipCard renders correctly with needTitle set to false, icon, and name 1`] = `
|
|
1528
1511
|
<DocumentFragment>
|
|
1529
1512
|
<div
|
|
1530
|
-
class="medium
|
|
1513
|
+
class="medium flip"
|
|
1531
1514
|
>
|
|
1532
1515
|
<div
|
|
1533
1516
|
class="container"
|
|
1534
1517
|
>
|
|
1535
1518
|
<div
|
|
1536
|
-
class="
|
|
1519
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
1537
1520
|
data-id="containerComponent"
|
|
1538
1521
|
data-selector-id="container"
|
|
1539
1522
|
data-test-id="containerComponent"
|
|
1540
1523
|
>
|
|
1541
1524
|
<div
|
|
1542
1525
|
aria-checked="false"
|
|
1543
|
-
class="container pointer primary
|
|
1544
|
-
inflex rowdir vCenter"
|
|
1526
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
1545
1527
|
data-id="listViewCheckBox_undefined"
|
|
1546
1528
|
data-selector-id="checkbox_undefined"
|
|
1547
1529
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -1549,7 +1531,7 @@ exports[`FlipCard renders correctly with needTitle set to false, icon, and name
|
|
|
1549
1531
|
tabindex="0"
|
|
1550
1532
|
>
|
|
1551
1533
|
<div
|
|
1552
|
-
class="boxContainer
|
|
1534
|
+
class="noShrink boxContainer medium filled"
|
|
1553
1535
|
data-id="boxComponent"
|
|
1554
1536
|
data-selector-id="box"
|
|
1555
1537
|
data-test-id="boxComponent"
|
|
@@ -1559,7 +1541,7 @@ exports[`FlipCard renders correctly with needTitle set to false, icon, and name
|
|
|
1559
1541
|
type="hidden"
|
|
1560
1542
|
/>
|
|
1561
1543
|
<label
|
|
1562
|
-
class="checkbox pointer medium
|
|
1544
|
+
class="checkbox pointer medium"
|
|
1563
1545
|
>
|
|
1564
1546
|
<svg
|
|
1565
1547
|
viewBox="0 0 40 40"
|
|
@@ -1580,13 +1562,13 @@ exports[`FlipCard renders correctly with needTitle set to false, icon, and name
|
|
|
1580
1562
|
</div>
|
|
1581
1563
|
</div>
|
|
1582
1564
|
<div
|
|
1583
|
-
class="
|
|
1565
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
1584
1566
|
data-id="containerComponent"
|
|
1585
1567
|
data-selector-id="container"
|
|
1586
1568
|
data-test-id="containerComponent"
|
|
1587
1569
|
>
|
|
1588
1570
|
<div
|
|
1589
|
-
class="container
|
|
1571
|
+
class="inlineFlex column alignItems_center justifyContent_center container medium default"
|
|
1590
1572
|
data-id="ZD-icon"
|
|
1591
1573
|
data-selector-id="avatarIcon"
|
|
1592
1574
|
data-test-id="ZD-icon"
|
|
@@ -1601,21 +1583,20 @@ exports[`FlipCard renders correctly with needTitle set to false, icon, and name
|
|
|
1601
1583
|
exports[`FlipCard renders correctly with needTitle set to true and name 1`] = `
|
|
1602
1584
|
<DocumentFragment>
|
|
1603
1585
|
<div
|
|
1604
|
-
class="medium
|
|
1586
|
+
class="medium flip"
|
|
1605
1587
|
>
|
|
1606
1588
|
<div
|
|
1607
1589
|
class="container"
|
|
1608
1590
|
>
|
|
1609
1591
|
<div
|
|
1610
|
-
class="
|
|
1592
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
1611
1593
|
data-id="containerComponent"
|
|
1612
1594
|
data-selector-id="container"
|
|
1613
1595
|
data-test-id="containerComponent"
|
|
1614
1596
|
>
|
|
1615
1597
|
<div
|
|
1616
1598
|
aria-checked="false"
|
|
1617
|
-
class="container pointer primary
|
|
1618
|
-
inflex rowdir vCenter"
|
|
1599
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
1619
1600
|
data-id="listViewCheckBox_undefined"
|
|
1620
1601
|
data-selector-id="checkbox_undefined"
|
|
1621
1602
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -1623,7 +1604,7 @@ exports[`FlipCard renders correctly with needTitle set to true and name 1`] = `
|
|
|
1623
1604
|
tabindex="0"
|
|
1624
1605
|
>
|
|
1625
1606
|
<div
|
|
1626
|
-
class="boxContainer
|
|
1607
|
+
class="noShrink boxContainer medium filled"
|
|
1627
1608
|
data-id="boxComponent"
|
|
1628
1609
|
data-selector-id="box"
|
|
1629
1610
|
data-test-id="boxComponent"
|
|
@@ -1633,7 +1614,7 @@ exports[`FlipCard renders correctly with needTitle set to true and name 1`] = `
|
|
|
1633
1614
|
type="hidden"
|
|
1634
1615
|
/>
|
|
1635
1616
|
<label
|
|
1636
|
-
class="checkbox pointer medium
|
|
1617
|
+
class="checkbox pointer medium"
|
|
1637
1618
|
>
|
|
1638
1619
|
<svg
|
|
1639
1620
|
viewBox="0 0 40 40"
|
|
@@ -1654,7 +1635,7 @@ exports[`FlipCard renders correctly with needTitle set to true and name 1`] = `
|
|
|
1654
1635
|
</div>
|
|
1655
1636
|
</div>
|
|
1656
1637
|
<div
|
|
1657
|
-
class="
|
|
1638
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
1658
1639
|
data-id="containerComponent"
|
|
1659
1640
|
data-selector-id="container"
|
|
1660
1641
|
data-test-id="containerComponent"
|
|
@@ -1666,7 +1647,7 @@ exports[`FlipCard renders correctly with needTitle set to true and name 1`] = `
|
|
|
1666
1647
|
data-test-id="Test Name"
|
|
1667
1648
|
>
|
|
1668
1649
|
<div
|
|
1669
|
-
class="avatar medium medium circle primary black border
|
|
1650
|
+
class="avatar medium medium circle primary black border"
|
|
1670
1651
|
data-id="Avatar"
|
|
1671
1652
|
data-selector-id="avatar"
|
|
1672
1653
|
data-test-id="Avatar"
|
|
@@ -1691,21 +1672,20 @@ exports[`FlipCard renders correctly with needTitle set to true and name 1`] = `
|
|
|
1691
1672
|
exports[`FlipCard renders correctly with needTitle set to true, icon, and name 1`] = `
|
|
1692
1673
|
<DocumentFragment>
|
|
1693
1674
|
<div
|
|
1694
|
-
class="medium
|
|
1675
|
+
class="medium flip"
|
|
1695
1676
|
>
|
|
1696
1677
|
<div
|
|
1697
1678
|
class="container"
|
|
1698
1679
|
>
|
|
1699
1680
|
<div
|
|
1700
|
-
class="
|
|
1681
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
1701
1682
|
data-id="containerComponent"
|
|
1702
1683
|
data-selector-id="container"
|
|
1703
1684
|
data-test-id="containerComponent"
|
|
1704
1685
|
>
|
|
1705
1686
|
<div
|
|
1706
1687
|
aria-checked="false"
|
|
1707
|
-
class="container pointer primary
|
|
1708
|
-
inflex rowdir vCenter"
|
|
1688
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
1709
1689
|
data-id="listViewCheckBox_undefined"
|
|
1710
1690
|
data-selector-id="checkbox_undefined"
|
|
1711
1691
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -1713,7 +1693,7 @@ exports[`FlipCard renders correctly with needTitle set to true, icon, and name 1
|
|
|
1713
1693
|
tabindex="0"
|
|
1714
1694
|
>
|
|
1715
1695
|
<div
|
|
1716
|
-
class="boxContainer
|
|
1696
|
+
class="noShrink boxContainer medium filled"
|
|
1717
1697
|
data-id="boxComponent"
|
|
1718
1698
|
data-selector-id="box"
|
|
1719
1699
|
data-test-id="boxComponent"
|
|
@@ -1723,7 +1703,7 @@ exports[`FlipCard renders correctly with needTitle set to true, icon, and name 1
|
|
|
1723
1703
|
type="hidden"
|
|
1724
1704
|
/>
|
|
1725
1705
|
<label
|
|
1726
|
-
class="checkbox pointer medium
|
|
1706
|
+
class="checkbox pointer medium"
|
|
1727
1707
|
>
|
|
1728
1708
|
<svg
|
|
1729
1709
|
viewBox="0 0 40 40"
|
|
@@ -1744,13 +1724,13 @@ exports[`FlipCard renders correctly with needTitle set to true, icon, and name 1
|
|
|
1744
1724
|
</div>
|
|
1745
1725
|
</div>
|
|
1746
1726
|
<div
|
|
1747
|
-
class="
|
|
1727
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
1748
1728
|
data-id="containerComponent"
|
|
1749
1729
|
data-selector-id="container"
|
|
1750
1730
|
data-test-id="containerComponent"
|
|
1751
1731
|
>
|
|
1752
1732
|
<div
|
|
1753
|
-
class="container
|
|
1733
|
+
class="inlineFlex column alignItems_center justifyContent_center container medium default"
|
|
1754
1734
|
data-id="ZD-icon"
|
|
1755
1735
|
data-selector-id="avatarIcon"
|
|
1756
1736
|
data-test-id="ZD-icon"
|
|
@@ -1765,21 +1745,20 @@ exports[`FlipCard renders correctly with needTitle set to true, icon, and name 1
|
|
|
1765
1745
|
exports[`FlipCard renders correctly with palette, channel, and action 1`] = `
|
|
1766
1746
|
<DocumentFragment>
|
|
1767
1747
|
<div
|
|
1768
|
-
class="medium
|
|
1748
|
+
class="medium flip"
|
|
1769
1749
|
>
|
|
1770
1750
|
<div
|
|
1771
1751
|
class="container"
|
|
1772
1752
|
>
|
|
1773
1753
|
<div
|
|
1774
|
-
class="
|
|
1754
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
1775
1755
|
data-id="containerComponent"
|
|
1776
1756
|
data-selector-id="container"
|
|
1777
1757
|
data-test-id="containerComponent"
|
|
1778
1758
|
>
|
|
1779
1759
|
<div
|
|
1780
1760
|
aria-checked="false"
|
|
1781
|
-
class="container pointer primary
|
|
1782
|
-
inflex rowdir vCenter"
|
|
1761
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
1783
1762
|
data-id="listViewCheckBox_undefined"
|
|
1784
1763
|
data-selector-id="checkbox_undefined"
|
|
1785
1764
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -1787,7 +1766,7 @@ exports[`FlipCard renders correctly with palette, channel, and action 1`] = `
|
|
|
1787
1766
|
tabindex="0"
|
|
1788
1767
|
>
|
|
1789
1768
|
<div
|
|
1790
|
-
class="boxContainer
|
|
1769
|
+
class="noShrink boxContainer medium filled"
|
|
1791
1770
|
data-id="boxComponent"
|
|
1792
1771
|
data-selector-id="box"
|
|
1793
1772
|
data-test-id="boxComponent"
|
|
@@ -1797,7 +1776,7 @@ exports[`FlipCard renders correctly with palette, channel, and action 1`] = `
|
|
|
1797
1776
|
type="hidden"
|
|
1798
1777
|
/>
|
|
1799
1778
|
<label
|
|
1800
|
-
class="checkbox pointer medium
|
|
1779
|
+
class="checkbox pointer medium"
|
|
1801
1780
|
>
|
|
1802
1781
|
<svg
|
|
1803
1782
|
viewBox="0 0 40 40"
|
|
@@ -1818,7 +1797,7 @@ exports[`FlipCard renders correctly with palette, channel, and action 1`] = `
|
|
|
1818
1797
|
</div>
|
|
1819
1798
|
</div>
|
|
1820
1799
|
<div
|
|
1821
|
-
class="
|
|
1800
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
1822
1801
|
data-id="containerComponent"
|
|
1823
1802
|
data-selector-id="container"
|
|
1824
1803
|
data-test-id="containerComponent"
|
|
@@ -1828,14 +1807,14 @@ exports[`FlipCard renders correctly with palette, channel, and action 1`] = `
|
|
|
1828
1807
|
data-selector-id="channelIcon"
|
|
1829
1808
|
>
|
|
1830
1809
|
<div
|
|
1831
|
-
class="container
|
|
1810
|
+
class="inlineFlex column alignItems_center justifyContent_center container medium default"
|
|
1832
1811
|
data-id="chat"
|
|
1833
1812
|
data-selector-id="avatarIcon"
|
|
1834
1813
|
data-test-id="chat"
|
|
1835
1814
|
>
|
|
1836
1815
|
<i
|
|
1837
1816
|
aria-hidden="true"
|
|
1838
|
-
class="zd_font_icons basic icon-chChatOut
|
|
1817
|
+
class="zd_font_icons blue basic icon-chChatOut avatar_align_center iconColor iconStyle chat_outgoing"
|
|
1839
1818
|
data-id="fontIcon"
|
|
1840
1819
|
data-selector-id="fontIcon"
|
|
1841
1820
|
data-test-id="fontIcon"
|
|
@@ -1859,21 +1838,20 @@ exports[`FlipCard renders correctly with palette, channel, and action 1`] = `
|
|
|
1859
1838
|
exports[`FlipCard renders correctly with size: large and icon 1`] = `
|
|
1860
1839
|
<DocumentFragment>
|
|
1861
1840
|
<div
|
|
1862
|
-
class="large
|
|
1841
|
+
class="large flip"
|
|
1863
1842
|
>
|
|
1864
1843
|
<div
|
|
1865
1844
|
class="container"
|
|
1866
1845
|
>
|
|
1867
1846
|
<div
|
|
1868
|
-
class="
|
|
1847
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
1869
1848
|
data-id="containerComponent"
|
|
1870
1849
|
data-selector-id="container"
|
|
1871
1850
|
data-test-id="containerComponent"
|
|
1872
1851
|
>
|
|
1873
1852
|
<div
|
|
1874
1853
|
aria-checked="false"
|
|
1875
|
-
class="container pointer primary
|
|
1876
|
-
inflex rowdir vCenter"
|
|
1854
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
1877
1855
|
data-id="listViewCheckBox_undefined"
|
|
1878
1856
|
data-selector-id="checkbox_undefined"
|
|
1879
1857
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -1881,7 +1859,7 @@ exports[`FlipCard renders correctly with size: large and icon 1`] = `
|
|
|
1881
1859
|
tabindex="0"
|
|
1882
1860
|
>
|
|
1883
1861
|
<div
|
|
1884
|
-
class="boxContainer
|
|
1862
|
+
class="noShrink boxContainer medium filled"
|
|
1885
1863
|
data-id="boxComponent"
|
|
1886
1864
|
data-selector-id="box"
|
|
1887
1865
|
data-test-id="boxComponent"
|
|
@@ -1891,7 +1869,7 @@ exports[`FlipCard renders correctly with size: large and icon 1`] = `
|
|
|
1891
1869
|
type="hidden"
|
|
1892
1870
|
/>
|
|
1893
1871
|
<label
|
|
1894
|
-
class="checkbox pointer medium
|
|
1872
|
+
class="checkbox pointer medium"
|
|
1895
1873
|
>
|
|
1896
1874
|
<svg
|
|
1897
1875
|
viewBox="0 0 40 40"
|
|
@@ -1912,13 +1890,13 @@ exports[`FlipCard renders correctly with size: large and icon 1`] = `
|
|
|
1912
1890
|
</div>
|
|
1913
1891
|
</div>
|
|
1914
1892
|
<div
|
|
1915
|
-
class="
|
|
1893
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
1916
1894
|
data-id="containerComponent"
|
|
1917
1895
|
data-selector-id="container"
|
|
1918
1896
|
data-test-id="containerComponent"
|
|
1919
1897
|
>
|
|
1920
1898
|
<div
|
|
1921
|
-
class="container
|
|
1899
|
+
class="inlineFlex column alignItems_center justifyContent_center container large default"
|
|
1922
1900
|
data-id="ZD-icon"
|
|
1923
1901
|
data-selector-id="avatarIcon"
|
|
1924
1902
|
data-test-id="ZD-icon"
|
|
@@ -1932,21 +1910,20 @@ exports[`FlipCard renders correctly with size: large and icon 1`] = `
|
|
|
1932
1910
|
exports[`FlipCard renders correctly with size: large and initial 1`] = `
|
|
1933
1911
|
<DocumentFragment>
|
|
1934
1912
|
<div
|
|
1935
|
-
class="large
|
|
1913
|
+
class="large flip"
|
|
1936
1914
|
>
|
|
1937
1915
|
<div
|
|
1938
1916
|
class="container"
|
|
1939
1917
|
>
|
|
1940
1918
|
<div
|
|
1941
|
-
class="
|
|
1919
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
1942
1920
|
data-id="containerComponent"
|
|
1943
1921
|
data-selector-id="container"
|
|
1944
1922
|
data-test-id="containerComponent"
|
|
1945
1923
|
>
|
|
1946
1924
|
<div
|
|
1947
1925
|
aria-checked="false"
|
|
1948
|
-
class="container pointer primary
|
|
1949
|
-
inflex rowdir vCenter"
|
|
1926
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
1950
1927
|
data-id="listViewCheckBox_undefined"
|
|
1951
1928
|
data-selector-id="checkbox_undefined"
|
|
1952
1929
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -1954,7 +1931,7 @@ exports[`FlipCard renders correctly with size: large and initial 1`] = `
|
|
|
1954
1931
|
tabindex="0"
|
|
1955
1932
|
>
|
|
1956
1933
|
<div
|
|
1957
|
-
class="boxContainer
|
|
1934
|
+
class="noShrink boxContainer medium filled"
|
|
1958
1935
|
data-id="boxComponent"
|
|
1959
1936
|
data-selector-id="box"
|
|
1960
1937
|
data-test-id="boxComponent"
|
|
@@ -1964,7 +1941,7 @@ exports[`FlipCard renders correctly with size: large and initial 1`] = `
|
|
|
1964
1941
|
type="hidden"
|
|
1965
1942
|
/>
|
|
1966
1943
|
<label
|
|
1967
|
-
class="checkbox pointer medium
|
|
1944
|
+
class="checkbox pointer medium"
|
|
1968
1945
|
>
|
|
1969
1946
|
<svg
|
|
1970
1947
|
viewBox="0 0 40 40"
|
|
@@ -1985,7 +1962,7 @@ exports[`FlipCard renders correctly with size: large and initial 1`] = `
|
|
|
1985
1962
|
</div>
|
|
1986
1963
|
</div>
|
|
1987
1964
|
<div
|
|
1988
|
-
class="
|
|
1965
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
1989
1966
|
data-id="containerComponent"
|
|
1990
1967
|
data-selector-id="container"
|
|
1991
1968
|
data-test-id="containerComponent"
|
|
@@ -1995,7 +1972,7 @@ exports[`FlipCard renders correctly with size: large and initial 1`] = `
|
|
|
1995
1972
|
data-selector-id="avatarUser"
|
|
1996
1973
|
>
|
|
1997
1974
|
<div
|
|
1998
|
-
class="avatar large large circle primary black border
|
|
1975
|
+
class="avatar large large circle primary black border"
|
|
1999
1976
|
data-id="Avatar"
|
|
2000
1977
|
data-selector-id="avatar"
|
|
2001
1978
|
data-test-id="Avatar"
|
|
@@ -2019,21 +1996,20 @@ exports[`FlipCard renders correctly with size: large and initial 1`] = `
|
|
|
2019
1996
|
exports[`FlipCard renders correctly with size: large and name 1`] = `
|
|
2020
1997
|
<DocumentFragment>
|
|
2021
1998
|
<div
|
|
2022
|
-
class="large
|
|
1999
|
+
class="large flip"
|
|
2023
2000
|
>
|
|
2024
2001
|
<div
|
|
2025
2002
|
class="container"
|
|
2026
2003
|
>
|
|
2027
2004
|
<div
|
|
2028
|
-
class="
|
|
2005
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
2029
2006
|
data-id="containerComponent"
|
|
2030
2007
|
data-selector-id="container"
|
|
2031
2008
|
data-test-id="containerComponent"
|
|
2032
2009
|
>
|
|
2033
2010
|
<div
|
|
2034
2011
|
aria-checked="false"
|
|
2035
|
-
class="container pointer primary
|
|
2036
|
-
inflex rowdir vCenter"
|
|
2012
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
2037
2013
|
data-id="listViewCheckBox_undefined"
|
|
2038
2014
|
data-selector-id="checkbox_undefined"
|
|
2039
2015
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -2041,7 +2017,7 @@ exports[`FlipCard renders correctly with size: large and name 1`] = `
|
|
|
2041
2017
|
tabindex="0"
|
|
2042
2018
|
>
|
|
2043
2019
|
<div
|
|
2044
|
-
class="boxContainer
|
|
2020
|
+
class="noShrink boxContainer medium filled"
|
|
2045
2021
|
data-id="boxComponent"
|
|
2046
2022
|
data-selector-id="box"
|
|
2047
2023
|
data-test-id="boxComponent"
|
|
@@ -2051,7 +2027,7 @@ exports[`FlipCard renders correctly with size: large and name 1`] = `
|
|
|
2051
2027
|
type="hidden"
|
|
2052
2028
|
/>
|
|
2053
2029
|
<label
|
|
2054
|
-
class="checkbox pointer medium
|
|
2030
|
+
class="checkbox pointer medium"
|
|
2055
2031
|
>
|
|
2056
2032
|
<svg
|
|
2057
2033
|
viewBox="0 0 40 40"
|
|
@@ -2072,7 +2048,7 @@ exports[`FlipCard renders correctly with size: large and name 1`] = `
|
|
|
2072
2048
|
</div>
|
|
2073
2049
|
</div>
|
|
2074
2050
|
<div
|
|
2075
|
-
class="
|
|
2051
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
2076
2052
|
data-id="containerComponent"
|
|
2077
2053
|
data-selector-id="container"
|
|
2078
2054
|
data-test-id="containerComponent"
|
|
@@ -2084,7 +2060,7 @@ exports[`FlipCard renders correctly with size: large and name 1`] = `
|
|
|
2084
2060
|
data-test-id="Test Name"
|
|
2085
2061
|
>
|
|
2086
2062
|
<div
|
|
2087
|
-
class="avatar large large circle primary black border
|
|
2063
|
+
class="avatar large large circle primary black border"
|
|
2088
2064
|
data-id="Avatar"
|
|
2089
2065
|
data-selector-id="avatar"
|
|
2090
2066
|
data-test-id="Avatar"
|
|
@@ -2109,21 +2085,20 @@ exports[`FlipCard renders correctly with size: large and name 1`] = `
|
|
|
2109
2085
|
exports[`FlipCard renders correctly with size: large and src 1`] = `
|
|
2110
2086
|
<DocumentFragment>
|
|
2111
2087
|
<div
|
|
2112
|
-
class="large
|
|
2088
|
+
class="large flip"
|
|
2113
2089
|
>
|
|
2114
2090
|
<div
|
|
2115
2091
|
class="container"
|
|
2116
2092
|
>
|
|
2117
2093
|
<div
|
|
2118
|
-
class="
|
|
2094
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
2119
2095
|
data-id="containerComponent"
|
|
2120
2096
|
data-selector-id="container"
|
|
2121
2097
|
data-test-id="containerComponent"
|
|
2122
2098
|
>
|
|
2123
2099
|
<div
|
|
2124
2100
|
aria-checked="false"
|
|
2125
|
-
class="container pointer primary
|
|
2126
|
-
inflex rowdir vCenter"
|
|
2101
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
2127
2102
|
data-id="listViewCheckBox_undefined"
|
|
2128
2103
|
data-selector-id="checkbox_undefined"
|
|
2129
2104
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -2131,7 +2106,7 @@ exports[`FlipCard renders correctly with size: large and src 1`] = `
|
|
|
2131
2106
|
tabindex="0"
|
|
2132
2107
|
>
|
|
2133
2108
|
<div
|
|
2134
|
-
class="boxContainer
|
|
2109
|
+
class="noShrink boxContainer medium filled"
|
|
2135
2110
|
data-id="boxComponent"
|
|
2136
2111
|
data-selector-id="box"
|
|
2137
2112
|
data-test-id="boxComponent"
|
|
@@ -2141,7 +2116,7 @@ exports[`FlipCard renders correctly with size: large and src 1`] = `
|
|
|
2141
2116
|
type="hidden"
|
|
2142
2117
|
/>
|
|
2143
2118
|
<label
|
|
2144
|
-
class="checkbox pointer medium
|
|
2119
|
+
class="checkbox pointer medium"
|
|
2145
2120
|
>
|
|
2146
2121
|
<svg
|
|
2147
2122
|
viewBox="0 0 40 40"
|
|
@@ -2162,7 +2137,7 @@ exports[`FlipCard renders correctly with size: large and src 1`] = `
|
|
|
2162
2137
|
</div>
|
|
2163
2138
|
</div>
|
|
2164
2139
|
<div
|
|
2165
|
-
class="
|
|
2140
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
2166
2141
|
data-id="containerComponent"
|
|
2167
2142
|
data-selector-id="container"
|
|
2168
2143
|
data-test-id="containerComponent"
|
|
@@ -2172,20 +2147,20 @@ exports[`FlipCard renders correctly with size: large and src 1`] = `
|
|
|
2172
2147
|
data-selector-id="avatarUser"
|
|
2173
2148
|
>
|
|
2174
2149
|
<div
|
|
2175
|
-
class="avatar large large circle primary black
|
|
2150
|
+
class="avatar large large circle primary black"
|
|
2176
2151
|
data-id="Avatar"
|
|
2177
2152
|
data-selector-id="avatar"
|
|
2178
2153
|
data-test-id="Avatar"
|
|
2179
2154
|
>
|
|
2180
2155
|
<img
|
|
2181
|
-
class="image animate
|
|
2156
|
+
class="image animate"
|
|
2182
2157
|
data-id="Avatar_AvatarImg"
|
|
2183
2158
|
data-selector-id="avatar_AvatarImg"
|
|
2184
2159
|
data-test-id="Avatar_AvatarImg"
|
|
2185
2160
|
src="https://www.zoho.com/"
|
|
2186
2161
|
/>
|
|
2187
2162
|
<span
|
|
2188
|
-
class="shadow black
|
|
2163
|
+
class="shadow black"
|
|
2189
2164
|
/>
|
|
2190
2165
|
</div>
|
|
2191
2166
|
</div>
|
|
@@ -2198,21 +2173,20 @@ exports[`FlipCard renders correctly with size: large and src 1`] = `
|
|
|
2198
2173
|
exports[`FlipCard renders correctly with size: medium and icon 1`] = `
|
|
2199
2174
|
<DocumentFragment>
|
|
2200
2175
|
<div
|
|
2201
|
-
class="medium
|
|
2176
|
+
class="medium flip"
|
|
2202
2177
|
>
|
|
2203
2178
|
<div
|
|
2204
2179
|
class="container"
|
|
2205
2180
|
>
|
|
2206
2181
|
<div
|
|
2207
|
-
class="
|
|
2182
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
2208
2183
|
data-id="containerComponent"
|
|
2209
2184
|
data-selector-id="container"
|
|
2210
2185
|
data-test-id="containerComponent"
|
|
2211
2186
|
>
|
|
2212
2187
|
<div
|
|
2213
2188
|
aria-checked="false"
|
|
2214
|
-
class="container pointer primary
|
|
2215
|
-
inflex rowdir vCenter"
|
|
2189
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
2216
2190
|
data-id="listViewCheckBox_undefined"
|
|
2217
2191
|
data-selector-id="checkbox_undefined"
|
|
2218
2192
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -2220,7 +2194,7 @@ exports[`FlipCard renders correctly with size: medium and icon 1`] = `
|
|
|
2220
2194
|
tabindex="0"
|
|
2221
2195
|
>
|
|
2222
2196
|
<div
|
|
2223
|
-
class="boxContainer
|
|
2197
|
+
class="noShrink boxContainer medium filled"
|
|
2224
2198
|
data-id="boxComponent"
|
|
2225
2199
|
data-selector-id="box"
|
|
2226
2200
|
data-test-id="boxComponent"
|
|
@@ -2230,7 +2204,7 @@ exports[`FlipCard renders correctly with size: medium and icon 1`] = `
|
|
|
2230
2204
|
type="hidden"
|
|
2231
2205
|
/>
|
|
2232
2206
|
<label
|
|
2233
|
-
class="checkbox pointer medium
|
|
2207
|
+
class="checkbox pointer medium"
|
|
2234
2208
|
>
|
|
2235
2209
|
<svg
|
|
2236
2210
|
viewBox="0 0 40 40"
|
|
@@ -2251,13 +2225,13 @@ exports[`FlipCard renders correctly with size: medium and icon 1`] = `
|
|
|
2251
2225
|
</div>
|
|
2252
2226
|
</div>
|
|
2253
2227
|
<div
|
|
2254
|
-
class="
|
|
2228
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
2255
2229
|
data-id="containerComponent"
|
|
2256
2230
|
data-selector-id="container"
|
|
2257
2231
|
data-test-id="containerComponent"
|
|
2258
2232
|
>
|
|
2259
2233
|
<div
|
|
2260
|
-
class="container
|
|
2234
|
+
class="inlineFlex column alignItems_center justifyContent_center container medium default"
|
|
2261
2235
|
data-id="ZD-icon"
|
|
2262
2236
|
data-selector-id="avatarIcon"
|
|
2263
2237
|
data-test-id="ZD-icon"
|
|
@@ -2271,21 +2245,20 @@ exports[`FlipCard renders correctly with size: medium and icon 1`] = `
|
|
|
2271
2245
|
exports[`FlipCard renders correctly with size: medium and initial 1`] = `
|
|
2272
2246
|
<DocumentFragment>
|
|
2273
2247
|
<div
|
|
2274
|
-
class="medium
|
|
2248
|
+
class="medium flip"
|
|
2275
2249
|
>
|
|
2276
2250
|
<div
|
|
2277
2251
|
class="container"
|
|
2278
2252
|
>
|
|
2279
2253
|
<div
|
|
2280
|
-
class="
|
|
2254
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
2281
2255
|
data-id="containerComponent"
|
|
2282
2256
|
data-selector-id="container"
|
|
2283
2257
|
data-test-id="containerComponent"
|
|
2284
2258
|
>
|
|
2285
2259
|
<div
|
|
2286
2260
|
aria-checked="false"
|
|
2287
|
-
class="container pointer primary
|
|
2288
|
-
inflex rowdir vCenter"
|
|
2261
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
2289
2262
|
data-id="listViewCheckBox_undefined"
|
|
2290
2263
|
data-selector-id="checkbox_undefined"
|
|
2291
2264
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -2293,7 +2266,7 @@ exports[`FlipCard renders correctly with size: medium and initial 1`] = `
|
|
|
2293
2266
|
tabindex="0"
|
|
2294
2267
|
>
|
|
2295
2268
|
<div
|
|
2296
|
-
class="boxContainer
|
|
2269
|
+
class="noShrink boxContainer medium filled"
|
|
2297
2270
|
data-id="boxComponent"
|
|
2298
2271
|
data-selector-id="box"
|
|
2299
2272
|
data-test-id="boxComponent"
|
|
@@ -2303,7 +2276,7 @@ exports[`FlipCard renders correctly with size: medium and initial 1`] = `
|
|
|
2303
2276
|
type="hidden"
|
|
2304
2277
|
/>
|
|
2305
2278
|
<label
|
|
2306
|
-
class="checkbox pointer medium
|
|
2279
|
+
class="checkbox pointer medium"
|
|
2307
2280
|
>
|
|
2308
2281
|
<svg
|
|
2309
2282
|
viewBox="0 0 40 40"
|
|
@@ -2324,7 +2297,7 @@ exports[`FlipCard renders correctly with size: medium and initial 1`] = `
|
|
|
2324
2297
|
</div>
|
|
2325
2298
|
</div>
|
|
2326
2299
|
<div
|
|
2327
|
-
class="
|
|
2300
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
2328
2301
|
data-id="containerComponent"
|
|
2329
2302
|
data-selector-id="container"
|
|
2330
2303
|
data-test-id="containerComponent"
|
|
@@ -2334,7 +2307,7 @@ exports[`FlipCard renders correctly with size: medium and initial 1`] = `
|
|
|
2334
2307
|
data-selector-id="avatarUser"
|
|
2335
2308
|
>
|
|
2336
2309
|
<div
|
|
2337
|
-
class="avatar medium medium circle primary black border
|
|
2310
|
+
class="avatar medium medium circle primary black border"
|
|
2338
2311
|
data-id="Avatar"
|
|
2339
2312
|
data-selector-id="avatar"
|
|
2340
2313
|
data-test-id="Avatar"
|
|
@@ -2358,21 +2331,20 @@ exports[`FlipCard renders correctly with size: medium and initial 1`] = `
|
|
|
2358
2331
|
exports[`FlipCard renders correctly with size: medium and name 1`] = `
|
|
2359
2332
|
<DocumentFragment>
|
|
2360
2333
|
<div
|
|
2361
|
-
class="medium
|
|
2334
|
+
class="medium flip"
|
|
2362
2335
|
>
|
|
2363
2336
|
<div
|
|
2364
2337
|
class="container"
|
|
2365
2338
|
>
|
|
2366
2339
|
<div
|
|
2367
|
-
class="
|
|
2340
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
2368
2341
|
data-id="containerComponent"
|
|
2369
2342
|
data-selector-id="container"
|
|
2370
2343
|
data-test-id="containerComponent"
|
|
2371
2344
|
>
|
|
2372
2345
|
<div
|
|
2373
2346
|
aria-checked="false"
|
|
2374
|
-
class="container pointer primary
|
|
2375
|
-
inflex rowdir vCenter"
|
|
2347
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
2376
2348
|
data-id="listViewCheckBox_undefined"
|
|
2377
2349
|
data-selector-id="checkbox_undefined"
|
|
2378
2350
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -2380,7 +2352,7 @@ exports[`FlipCard renders correctly with size: medium and name 1`] = `
|
|
|
2380
2352
|
tabindex="0"
|
|
2381
2353
|
>
|
|
2382
2354
|
<div
|
|
2383
|
-
class="boxContainer
|
|
2355
|
+
class="noShrink boxContainer medium filled"
|
|
2384
2356
|
data-id="boxComponent"
|
|
2385
2357
|
data-selector-id="box"
|
|
2386
2358
|
data-test-id="boxComponent"
|
|
@@ -2390,7 +2362,7 @@ exports[`FlipCard renders correctly with size: medium and name 1`] = `
|
|
|
2390
2362
|
type="hidden"
|
|
2391
2363
|
/>
|
|
2392
2364
|
<label
|
|
2393
|
-
class="checkbox pointer medium
|
|
2365
|
+
class="checkbox pointer medium"
|
|
2394
2366
|
>
|
|
2395
2367
|
<svg
|
|
2396
2368
|
viewBox="0 0 40 40"
|
|
@@ -2411,7 +2383,7 @@ exports[`FlipCard renders correctly with size: medium and name 1`] = `
|
|
|
2411
2383
|
</div>
|
|
2412
2384
|
</div>
|
|
2413
2385
|
<div
|
|
2414
|
-
class="
|
|
2386
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
2415
2387
|
data-id="containerComponent"
|
|
2416
2388
|
data-selector-id="container"
|
|
2417
2389
|
data-test-id="containerComponent"
|
|
@@ -2423,7 +2395,7 @@ exports[`FlipCard renders correctly with size: medium and name 1`] = `
|
|
|
2423
2395
|
data-test-id="Test Name"
|
|
2424
2396
|
>
|
|
2425
2397
|
<div
|
|
2426
|
-
class="avatar medium medium circle primary black border
|
|
2398
|
+
class="avatar medium medium circle primary black border"
|
|
2427
2399
|
data-id="Avatar"
|
|
2428
2400
|
data-selector-id="avatar"
|
|
2429
2401
|
data-test-id="Avatar"
|
|
@@ -2448,21 +2420,20 @@ exports[`FlipCard renders correctly with size: medium and name 1`] = `
|
|
|
2448
2420
|
exports[`FlipCard renders correctly with size: medium and src 1`] = `
|
|
2449
2421
|
<DocumentFragment>
|
|
2450
2422
|
<div
|
|
2451
|
-
class="medium
|
|
2423
|
+
class="medium flip"
|
|
2452
2424
|
>
|
|
2453
2425
|
<div
|
|
2454
2426
|
class="container"
|
|
2455
2427
|
>
|
|
2456
2428
|
<div
|
|
2457
|
-
class="
|
|
2429
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
2458
2430
|
data-id="containerComponent"
|
|
2459
2431
|
data-selector-id="container"
|
|
2460
2432
|
data-test-id="containerComponent"
|
|
2461
2433
|
>
|
|
2462
2434
|
<div
|
|
2463
2435
|
aria-checked="false"
|
|
2464
|
-
class="container pointer primary
|
|
2465
|
-
inflex rowdir vCenter"
|
|
2436
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
2466
2437
|
data-id="listViewCheckBox_undefined"
|
|
2467
2438
|
data-selector-id="checkbox_undefined"
|
|
2468
2439
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -2470,7 +2441,7 @@ exports[`FlipCard renders correctly with size: medium and src 1`] = `
|
|
|
2470
2441
|
tabindex="0"
|
|
2471
2442
|
>
|
|
2472
2443
|
<div
|
|
2473
|
-
class="boxContainer
|
|
2444
|
+
class="noShrink boxContainer medium filled"
|
|
2474
2445
|
data-id="boxComponent"
|
|
2475
2446
|
data-selector-id="box"
|
|
2476
2447
|
data-test-id="boxComponent"
|
|
@@ -2480,7 +2451,7 @@ exports[`FlipCard renders correctly with size: medium and src 1`] = `
|
|
|
2480
2451
|
type="hidden"
|
|
2481
2452
|
/>
|
|
2482
2453
|
<label
|
|
2483
|
-
class="checkbox pointer medium
|
|
2454
|
+
class="checkbox pointer medium"
|
|
2484
2455
|
>
|
|
2485
2456
|
<svg
|
|
2486
2457
|
viewBox="0 0 40 40"
|
|
@@ -2501,7 +2472,7 @@ exports[`FlipCard renders correctly with size: medium and src 1`] = `
|
|
|
2501
2472
|
</div>
|
|
2502
2473
|
</div>
|
|
2503
2474
|
<div
|
|
2504
|
-
class="
|
|
2475
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
2505
2476
|
data-id="containerComponent"
|
|
2506
2477
|
data-selector-id="container"
|
|
2507
2478
|
data-test-id="containerComponent"
|
|
@@ -2511,20 +2482,20 @@ exports[`FlipCard renders correctly with size: medium and src 1`] = `
|
|
|
2511
2482
|
data-selector-id="avatarUser"
|
|
2512
2483
|
>
|
|
2513
2484
|
<div
|
|
2514
|
-
class="avatar medium medium circle primary black
|
|
2485
|
+
class="avatar medium medium circle primary black"
|
|
2515
2486
|
data-id="Avatar"
|
|
2516
2487
|
data-selector-id="avatar"
|
|
2517
2488
|
data-test-id="Avatar"
|
|
2518
2489
|
>
|
|
2519
2490
|
<img
|
|
2520
|
-
class="image animate
|
|
2491
|
+
class="image animate"
|
|
2521
2492
|
data-id="Avatar_AvatarImg"
|
|
2522
2493
|
data-selector-id="avatar_AvatarImg"
|
|
2523
2494
|
data-test-id="Avatar_AvatarImg"
|
|
2524
2495
|
src="https://www.zoho.com/"
|
|
2525
2496
|
/>
|
|
2526
2497
|
<span
|
|
2527
|
-
class="shadow black
|
|
2498
|
+
class="shadow black"
|
|
2528
2499
|
/>
|
|
2529
2500
|
</div>
|
|
2530
2501
|
</div>
|
|
@@ -2537,21 +2508,20 @@ exports[`FlipCard renders correctly with size: medium and src 1`] = `
|
|
|
2537
2508
|
exports[`FlipCard renders correctly with size: small and icon 1`] = `
|
|
2538
2509
|
<DocumentFragment>
|
|
2539
2510
|
<div
|
|
2540
|
-
class="small
|
|
2511
|
+
class="small flip"
|
|
2541
2512
|
>
|
|
2542
2513
|
<div
|
|
2543
2514
|
class="container"
|
|
2544
2515
|
>
|
|
2545
2516
|
<div
|
|
2546
|
-
class="
|
|
2517
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
2547
2518
|
data-id="containerComponent"
|
|
2548
2519
|
data-selector-id="container"
|
|
2549
2520
|
data-test-id="containerComponent"
|
|
2550
2521
|
>
|
|
2551
2522
|
<div
|
|
2552
2523
|
aria-checked="false"
|
|
2553
|
-
class="container pointer primary
|
|
2554
|
-
inflex rowdir vCenter"
|
|
2524
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
2555
2525
|
data-id="listViewCheckBox_undefined"
|
|
2556
2526
|
data-selector-id="checkbox_undefined"
|
|
2557
2527
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -2559,7 +2529,7 @@ exports[`FlipCard renders correctly with size: small and icon 1`] = `
|
|
|
2559
2529
|
tabindex="0"
|
|
2560
2530
|
>
|
|
2561
2531
|
<div
|
|
2562
|
-
class="boxContainer
|
|
2532
|
+
class="noShrink boxContainer medium filled"
|
|
2563
2533
|
data-id="boxComponent"
|
|
2564
2534
|
data-selector-id="box"
|
|
2565
2535
|
data-test-id="boxComponent"
|
|
@@ -2569,7 +2539,7 @@ exports[`FlipCard renders correctly with size: small and icon 1`] = `
|
|
|
2569
2539
|
type="hidden"
|
|
2570
2540
|
/>
|
|
2571
2541
|
<label
|
|
2572
|
-
class="checkbox pointer medium
|
|
2542
|
+
class="checkbox pointer medium"
|
|
2573
2543
|
>
|
|
2574
2544
|
<svg
|
|
2575
2545
|
viewBox="0 0 40 40"
|
|
@@ -2590,13 +2560,13 @@ exports[`FlipCard renders correctly with size: small and icon 1`] = `
|
|
|
2590
2560
|
</div>
|
|
2591
2561
|
</div>
|
|
2592
2562
|
<div
|
|
2593
|
-
class="
|
|
2563
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
2594
2564
|
data-id="containerComponent"
|
|
2595
2565
|
data-selector-id="container"
|
|
2596
2566
|
data-test-id="containerComponent"
|
|
2597
2567
|
>
|
|
2598
2568
|
<div
|
|
2599
|
-
class="container
|
|
2569
|
+
class="inlineFlex column alignItems_center justifyContent_center container small default"
|
|
2600
2570
|
data-id="ZD-icon"
|
|
2601
2571
|
data-selector-id="avatarIcon"
|
|
2602
2572
|
data-test-id="ZD-icon"
|
|
@@ -2610,21 +2580,20 @@ exports[`FlipCard renders correctly with size: small and icon 1`] = `
|
|
|
2610
2580
|
exports[`FlipCard renders correctly with size: small and initial 1`] = `
|
|
2611
2581
|
<DocumentFragment>
|
|
2612
2582
|
<div
|
|
2613
|
-
class="small
|
|
2583
|
+
class="small flip"
|
|
2614
2584
|
>
|
|
2615
2585
|
<div
|
|
2616
2586
|
class="container"
|
|
2617
2587
|
>
|
|
2618
2588
|
<div
|
|
2619
|
-
class="
|
|
2589
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
2620
2590
|
data-id="containerComponent"
|
|
2621
2591
|
data-selector-id="container"
|
|
2622
2592
|
data-test-id="containerComponent"
|
|
2623
2593
|
>
|
|
2624
2594
|
<div
|
|
2625
2595
|
aria-checked="false"
|
|
2626
|
-
class="container pointer primary
|
|
2627
|
-
inflex rowdir vCenter"
|
|
2596
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
2628
2597
|
data-id="listViewCheckBox_undefined"
|
|
2629
2598
|
data-selector-id="checkbox_undefined"
|
|
2630
2599
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -2632,7 +2601,7 @@ exports[`FlipCard renders correctly with size: small and initial 1`] = `
|
|
|
2632
2601
|
tabindex="0"
|
|
2633
2602
|
>
|
|
2634
2603
|
<div
|
|
2635
|
-
class="boxContainer
|
|
2604
|
+
class="noShrink boxContainer medium filled"
|
|
2636
2605
|
data-id="boxComponent"
|
|
2637
2606
|
data-selector-id="box"
|
|
2638
2607
|
data-test-id="boxComponent"
|
|
@@ -2642,7 +2611,7 @@ exports[`FlipCard renders correctly with size: small and initial 1`] = `
|
|
|
2642
2611
|
type="hidden"
|
|
2643
2612
|
/>
|
|
2644
2613
|
<label
|
|
2645
|
-
class="checkbox pointer medium
|
|
2614
|
+
class="checkbox pointer medium"
|
|
2646
2615
|
>
|
|
2647
2616
|
<svg
|
|
2648
2617
|
viewBox="0 0 40 40"
|
|
@@ -2663,7 +2632,7 @@ exports[`FlipCard renders correctly with size: small and initial 1`] = `
|
|
|
2663
2632
|
</div>
|
|
2664
2633
|
</div>
|
|
2665
2634
|
<div
|
|
2666
|
-
class="
|
|
2635
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
2667
2636
|
data-id="containerComponent"
|
|
2668
2637
|
data-selector-id="container"
|
|
2669
2638
|
data-test-id="containerComponent"
|
|
@@ -2673,7 +2642,7 @@ exports[`FlipCard renders correctly with size: small and initial 1`] = `
|
|
|
2673
2642
|
data-selector-id="avatarUser"
|
|
2674
2643
|
>
|
|
2675
2644
|
<div
|
|
2676
|
-
class="avatar small small circle primary black border
|
|
2645
|
+
class="avatar small small circle primary black border"
|
|
2677
2646
|
data-id="Avatar"
|
|
2678
2647
|
data-selector-id="avatar"
|
|
2679
2648
|
data-test-id="Avatar"
|
|
@@ -2697,21 +2666,20 @@ exports[`FlipCard renders correctly with size: small and initial 1`] = `
|
|
|
2697
2666
|
exports[`FlipCard renders correctly with size: small and name 1`] = `
|
|
2698
2667
|
<DocumentFragment>
|
|
2699
2668
|
<div
|
|
2700
|
-
class="small
|
|
2669
|
+
class="small flip"
|
|
2701
2670
|
>
|
|
2702
2671
|
<div
|
|
2703
2672
|
class="container"
|
|
2704
2673
|
>
|
|
2705
2674
|
<div
|
|
2706
|
-
class="
|
|
2675
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
2707
2676
|
data-id="containerComponent"
|
|
2708
2677
|
data-selector-id="container"
|
|
2709
2678
|
data-test-id="containerComponent"
|
|
2710
2679
|
>
|
|
2711
2680
|
<div
|
|
2712
2681
|
aria-checked="false"
|
|
2713
|
-
class="container pointer primary
|
|
2714
|
-
inflex rowdir vCenter"
|
|
2682
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
2715
2683
|
data-id="listViewCheckBox_undefined"
|
|
2716
2684
|
data-selector-id="checkbox_undefined"
|
|
2717
2685
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -2719,7 +2687,7 @@ exports[`FlipCard renders correctly with size: small and name 1`] = `
|
|
|
2719
2687
|
tabindex="0"
|
|
2720
2688
|
>
|
|
2721
2689
|
<div
|
|
2722
|
-
class="boxContainer
|
|
2690
|
+
class="noShrink boxContainer medium filled"
|
|
2723
2691
|
data-id="boxComponent"
|
|
2724
2692
|
data-selector-id="box"
|
|
2725
2693
|
data-test-id="boxComponent"
|
|
@@ -2729,7 +2697,7 @@ exports[`FlipCard renders correctly with size: small and name 1`] = `
|
|
|
2729
2697
|
type="hidden"
|
|
2730
2698
|
/>
|
|
2731
2699
|
<label
|
|
2732
|
-
class="checkbox pointer medium
|
|
2700
|
+
class="checkbox pointer medium"
|
|
2733
2701
|
>
|
|
2734
2702
|
<svg
|
|
2735
2703
|
viewBox="0 0 40 40"
|
|
@@ -2750,7 +2718,7 @@ exports[`FlipCard renders correctly with size: small and name 1`] = `
|
|
|
2750
2718
|
</div>
|
|
2751
2719
|
</div>
|
|
2752
2720
|
<div
|
|
2753
|
-
class="
|
|
2721
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
2754
2722
|
data-id="containerComponent"
|
|
2755
2723
|
data-selector-id="container"
|
|
2756
2724
|
data-test-id="containerComponent"
|
|
@@ -2762,7 +2730,7 @@ exports[`FlipCard renders correctly with size: small and name 1`] = `
|
|
|
2762
2730
|
data-test-id="Test Name"
|
|
2763
2731
|
>
|
|
2764
2732
|
<div
|
|
2765
|
-
class="avatar small small circle primary black border
|
|
2733
|
+
class="avatar small small circle primary black border"
|
|
2766
2734
|
data-id="Avatar"
|
|
2767
2735
|
data-selector-id="avatar"
|
|
2768
2736
|
data-test-id="Avatar"
|
|
@@ -2787,21 +2755,20 @@ exports[`FlipCard renders correctly with size: small and name 1`] = `
|
|
|
2787
2755
|
exports[`FlipCard renders correctly with size: small and src 1`] = `
|
|
2788
2756
|
<DocumentFragment>
|
|
2789
2757
|
<div
|
|
2790
|
-
class="small
|
|
2758
|
+
class="small flip"
|
|
2791
2759
|
>
|
|
2792
2760
|
<div
|
|
2793
2761
|
class="container"
|
|
2794
2762
|
>
|
|
2795
2763
|
<div
|
|
2796
|
-
class="
|
|
2764
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
2797
2765
|
data-id="containerComponent"
|
|
2798
2766
|
data-selector-id="container"
|
|
2799
2767
|
data-test-id="containerComponent"
|
|
2800
2768
|
>
|
|
2801
2769
|
<div
|
|
2802
2770
|
aria-checked="false"
|
|
2803
|
-
class="container pointer primary
|
|
2804
|
-
inflex rowdir vCenter"
|
|
2771
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
2805
2772
|
data-id="listViewCheckBox_undefined"
|
|
2806
2773
|
data-selector-id="checkbox_undefined"
|
|
2807
2774
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -2809,7 +2776,7 @@ exports[`FlipCard renders correctly with size: small and src 1`] = `
|
|
|
2809
2776
|
tabindex="0"
|
|
2810
2777
|
>
|
|
2811
2778
|
<div
|
|
2812
|
-
class="boxContainer
|
|
2779
|
+
class="noShrink boxContainer medium filled"
|
|
2813
2780
|
data-id="boxComponent"
|
|
2814
2781
|
data-selector-id="box"
|
|
2815
2782
|
data-test-id="boxComponent"
|
|
@@ -2819,7 +2786,7 @@ exports[`FlipCard renders correctly with size: small and src 1`] = `
|
|
|
2819
2786
|
type="hidden"
|
|
2820
2787
|
/>
|
|
2821
2788
|
<label
|
|
2822
|
-
class="checkbox pointer medium
|
|
2789
|
+
class="checkbox pointer medium"
|
|
2823
2790
|
>
|
|
2824
2791
|
<svg
|
|
2825
2792
|
viewBox="0 0 40 40"
|
|
@@ -2840,7 +2807,7 @@ exports[`FlipCard renders correctly with size: small and src 1`] = `
|
|
|
2840
2807
|
</div>
|
|
2841
2808
|
</div>
|
|
2842
2809
|
<div
|
|
2843
|
-
class="
|
|
2810
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
2844
2811
|
data-id="containerComponent"
|
|
2845
2812
|
data-selector-id="container"
|
|
2846
2813
|
data-test-id="containerComponent"
|
|
@@ -2850,20 +2817,20 @@ exports[`FlipCard renders correctly with size: small and src 1`] = `
|
|
|
2850
2817
|
data-selector-id="avatarUser"
|
|
2851
2818
|
>
|
|
2852
2819
|
<div
|
|
2853
|
-
class="avatar small small circle primary black
|
|
2820
|
+
class="avatar small small circle primary black"
|
|
2854
2821
|
data-id="Avatar"
|
|
2855
2822
|
data-selector-id="avatar"
|
|
2856
2823
|
data-test-id="Avatar"
|
|
2857
2824
|
>
|
|
2858
2825
|
<img
|
|
2859
|
-
class="image animate
|
|
2826
|
+
class="image animate"
|
|
2860
2827
|
data-id="Avatar_AvatarImg"
|
|
2861
2828
|
data-selector-id="avatar_AvatarImg"
|
|
2862
2829
|
data-test-id="Avatar_AvatarImg"
|
|
2863
2830
|
src="https://www.zoho.com/"
|
|
2864
2831
|
/>
|
|
2865
2832
|
<span
|
|
2866
|
-
class="shadow black
|
|
2833
|
+
class="shadow black"
|
|
2867
2834
|
/>
|
|
2868
2835
|
</div>
|
|
2869
2836
|
</div>
|
|
@@ -2876,21 +2843,20 @@ exports[`FlipCard renders correctly with size: small and src 1`] = `
|
|
|
2876
2843
|
exports[`FlipCard renders correctly with textPalette, channel, and action 1`] = `
|
|
2877
2844
|
<DocumentFragment>
|
|
2878
2845
|
<div
|
|
2879
|
-
class="medium
|
|
2846
|
+
class="medium flip"
|
|
2880
2847
|
>
|
|
2881
2848
|
<div
|
|
2882
2849
|
class="container"
|
|
2883
2850
|
>
|
|
2884
2851
|
<div
|
|
2885
|
-
class="
|
|
2852
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
2886
2853
|
data-id="containerComponent"
|
|
2887
2854
|
data-selector-id="container"
|
|
2888
2855
|
data-test-id="containerComponent"
|
|
2889
2856
|
>
|
|
2890
2857
|
<div
|
|
2891
2858
|
aria-checked="false"
|
|
2892
|
-
class="container pointer primary
|
|
2893
|
-
inflex rowdir vCenter"
|
|
2859
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
2894
2860
|
data-id="listViewCheckBox_undefined"
|
|
2895
2861
|
data-selector-id="checkbox_undefined"
|
|
2896
2862
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -2898,7 +2864,7 @@ exports[`FlipCard renders correctly with textPalette, channel, and action 1`] =
|
|
|
2898
2864
|
tabindex="0"
|
|
2899
2865
|
>
|
|
2900
2866
|
<div
|
|
2901
|
-
class="boxContainer
|
|
2867
|
+
class="noShrink boxContainer medium filled"
|
|
2902
2868
|
data-id="boxComponent"
|
|
2903
2869
|
data-selector-id="box"
|
|
2904
2870
|
data-test-id="boxComponent"
|
|
@@ -2908,7 +2874,7 @@ exports[`FlipCard renders correctly with textPalette, channel, and action 1`] =
|
|
|
2908
2874
|
type="hidden"
|
|
2909
2875
|
/>
|
|
2910
2876
|
<label
|
|
2911
|
-
class="checkbox pointer medium
|
|
2877
|
+
class="checkbox pointer medium"
|
|
2912
2878
|
>
|
|
2913
2879
|
<svg
|
|
2914
2880
|
viewBox="0 0 40 40"
|
|
@@ -2929,7 +2895,7 @@ exports[`FlipCard renders correctly with textPalette, channel, and action 1`] =
|
|
|
2929
2895
|
</div>
|
|
2930
2896
|
</div>
|
|
2931
2897
|
<div
|
|
2932
|
-
class="
|
|
2898
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
2933
2899
|
data-id="containerComponent"
|
|
2934
2900
|
data-selector-id="container"
|
|
2935
2901
|
data-test-id="containerComponent"
|
|
@@ -2939,7 +2905,7 @@ exports[`FlipCard renders correctly with textPalette, channel, and action 1`] =
|
|
|
2939
2905
|
data-selector-id="channelIcon"
|
|
2940
2906
|
>
|
|
2941
2907
|
<div
|
|
2942
|
-
class="avatar medium medium circle primary white border
|
|
2908
|
+
class="avatar medium medium circle primary white border"
|
|
2943
2909
|
data-id="call"
|
|
2944
2910
|
data-selector-id="avatar"
|
|
2945
2911
|
data-test-id="call"
|
|
@@ -2964,21 +2930,20 @@ exports[`FlipCard renders correctly with textPalette, channel, and action 1`] =
|
|
|
2964
2930
|
exports[`FlipCard renders with action 1`] = `
|
|
2965
2931
|
<DocumentFragment>
|
|
2966
2932
|
<div
|
|
2967
|
-
class="medium
|
|
2933
|
+
class="medium flip"
|
|
2968
2934
|
>
|
|
2969
2935
|
<div
|
|
2970
2936
|
class="container"
|
|
2971
2937
|
>
|
|
2972
2938
|
<div
|
|
2973
|
-
class="
|
|
2939
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
2974
2940
|
data-id="containerComponent"
|
|
2975
2941
|
data-selector-id="container"
|
|
2976
2942
|
data-test-id="containerComponent"
|
|
2977
2943
|
>
|
|
2978
2944
|
<div
|
|
2979
2945
|
aria-checked="false"
|
|
2980
|
-
class="container pointer primary
|
|
2981
|
-
inflex rowdir vCenter"
|
|
2946
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
2982
2947
|
data-id="listViewCheckBox_undefined"
|
|
2983
2948
|
data-selector-id="checkbox_undefined"
|
|
2984
2949
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -2986,7 +2951,7 @@ exports[`FlipCard renders with action 1`] = `
|
|
|
2986
2951
|
tabindex="0"
|
|
2987
2952
|
>
|
|
2988
2953
|
<div
|
|
2989
|
-
class="boxContainer
|
|
2954
|
+
class="noShrink boxContainer medium filled"
|
|
2990
2955
|
data-id="boxComponent"
|
|
2991
2956
|
data-selector-id="box"
|
|
2992
2957
|
data-test-id="boxComponent"
|
|
@@ -2996,7 +2961,7 @@ exports[`FlipCard renders with action 1`] = `
|
|
|
2996
2961
|
type="hidden"
|
|
2997
2962
|
/>
|
|
2998
2963
|
<label
|
|
2999
|
-
class="checkbox pointer medium
|
|
2964
|
+
class="checkbox pointer medium"
|
|
3000
2965
|
>
|
|
3001
2966
|
<svg
|
|
3002
2967
|
viewBox="0 0 40 40"
|
|
@@ -3017,7 +2982,7 @@ exports[`FlipCard renders with action 1`] = `
|
|
|
3017
2982
|
</div>
|
|
3018
2983
|
</div>
|
|
3019
2984
|
<div
|
|
3020
|
-
class="
|
|
2985
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
3021
2986
|
data-id="containerComponent"
|
|
3022
2987
|
data-selector-id="container"
|
|
3023
2988
|
data-test-id="containerComponent"
|
|
@@ -3027,7 +2992,7 @@ exports[`FlipCard renders with action 1`] = `
|
|
|
3027
2992
|
data-selector-id="avatarUser"
|
|
3028
2993
|
>
|
|
3029
2994
|
<div
|
|
3030
|
-
class="avatar medium medium circle primary black border
|
|
2995
|
+
class="avatar medium medium circle primary black border"
|
|
3031
2996
|
data-id="Avatar"
|
|
3032
2997
|
data-selector-id="avatar"
|
|
3033
2998
|
data-test-id="Avatar"
|
|
@@ -3049,21 +3014,20 @@ exports[`FlipCard renders with action 1`] = `
|
|
|
3049
3014
|
exports[`FlipCard renders with channel 1`] = `
|
|
3050
3015
|
<DocumentFragment>
|
|
3051
3016
|
<div
|
|
3052
|
-
class="medium
|
|
3017
|
+
class="medium flip"
|
|
3053
3018
|
>
|
|
3054
3019
|
<div
|
|
3055
3020
|
class="container"
|
|
3056
3021
|
>
|
|
3057
3022
|
<div
|
|
3058
|
-
class="
|
|
3023
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
3059
3024
|
data-id="containerComponent"
|
|
3060
3025
|
data-selector-id="container"
|
|
3061
3026
|
data-test-id="containerComponent"
|
|
3062
3027
|
>
|
|
3063
3028
|
<div
|
|
3064
3029
|
aria-checked="false"
|
|
3065
|
-
class="container pointer primary
|
|
3066
|
-
inflex rowdir vCenter"
|
|
3030
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
3067
3031
|
data-id="listViewCheckBox_undefined"
|
|
3068
3032
|
data-selector-id="checkbox_undefined"
|
|
3069
3033
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -3071,7 +3035,7 @@ exports[`FlipCard renders with channel 1`] = `
|
|
|
3071
3035
|
tabindex="0"
|
|
3072
3036
|
>
|
|
3073
3037
|
<div
|
|
3074
|
-
class="boxContainer
|
|
3038
|
+
class="noShrink boxContainer medium filled"
|
|
3075
3039
|
data-id="boxComponent"
|
|
3076
3040
|
data-selector-id="box"
|
|
3077
3041
|
data-test-id="boxComponent"
|
|
@@ -3081,7 +3045,7 @@ exports[`FlipCard renders with channel 1`] = `
|
|
|
3081
3045
|
type="hidden"
|
|
3082
3046
|
/>
|
|
3083
3047
|
<label
|
|
3084
|
-
class="checkbox pointer medium
|
|
3048
|
+
class="checkbox pointer medium"
|
|
3085
3049
|
>
|
|
3086
3050
|
<svg
|
|
3087
3051
|
viewBox="0 0 40 40"
|
|
@@ -3102,7 +3066,7 @@ exports[`FlipCard renders with channel 1`] = `
|
|
|
3102
3066
|
</div>
|
|
3103
3067
|
</div>
|
|
3104
3068
|
<div
|
|
3105
|
-
class="
|
|
3069
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
3106
3070
|
data-id="containerComponent"
|
|
3107
3071
|
data-selector-id="container"
|
|
3108
3072
|
data-test-id="containerComponent"
|
|
@@ -3112,7 +3076,7 @@ exports[`FlipCard renders with channel 1`] = `
|
|
|
3112
3076
|
data-selector-id="avatarUser"
|
|
3113
3077
|
>
|
|
3114
3078
|
<div
|
|
3115
|
-
class="avatar medium medium circle primary black border
|
|
3079
|
+
class="avatar medium medium circle primary black border"
|
|
3116
3080
|
data-id="Avatar"
|
|
3117
3081
|
data-selector-id="avatar"
|
|
3118
3082
|
data-test-id="Avatar"
|
|
@@ -3134,21 +3098,20 @@ exports[`FlipCard renders with channel 1`] = `
|
|
|
3134
3098
|
exports[`FlipCard renders with channelTitle 1`] = `
|
|
3135
3099
|
<DocumentFragment>
|
|
3136
3100
|
<div
|
|
3137
|
-
class="medium
|
|
3101
|
+
class="medium flip"
|
|
3138
3102
|
>
|
|
3139
3103
|
<div
|
|
3140
3104
|
class="container"
|
|
3141
3105
|
>
|
|
3142
3106
|
<div
|
|
3143
|
-
class="
|
|
3107
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
3144
3108
|
data-id="containerComponent"
|
|
3145
3109
|
data-selector-id="container"
|
|
3146
3110
|
data-test-id="containerComponent"
|
|
3147
3111
|
>
|
|
3148
3112
|
<div
|
|
3149
3113
|
aria-checked="false"
|
|
3150
|
-
class="container pointer primary
|
|
3151
|
-
inflex rowdir vCenter"
|
|
3114
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
3152
3115
|
data-id="listViewCheckBox_undefined"
|
|
3153
3116
|
data-selector-id="checkbox_undefined"
|
|
3154
3117
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -3156,7 +3119,7 @@ exports[`FlipCard renders with channelTitle 1`] = `
|
|
|
3156
3119
|
tabindex="0"
|
|
3157
3120
|
>
|
|
3158
3121
|
<div
|
|
3159
|
-
class="boxContainer
|
|
3122
|
+
class="noShrink boxContainer medium filled"
|
|
3160
3123
|
data-id="boxComponent"
|
|
3161
3124
|
data-selector-id="box"
|
|
3162
3125
|
data-test-id="boxComponent"
|
|
@@ -3166,7 +3129,7 @@ exports[`FlipCard renders with channelTitle 1`] = `
|
|
|
3166
3129
|
type="hidden"
|
|
3167
3130
|
/>
|
|
3168
3131
|
<label
|
|
3169
|
-
class="checkbox pointer medium
|
|
3132
|
+
class="checkbox pointer medium"
|
|
3170
3133
|
>
|
|
3171
3134
|
<svg
|
|
3172
3135
|
viewBox="0 0 40 40"
|
|
@@ -3187,7 +3150,7 @@ exports[`FlipCard renders with channelTitle 1`] = `
|
|
|
3187
3150
|
</div>
|
|
3188
3151
|
</div>
|
|
3189
3152
|
<div
|
|
3190
|
-
class="
|
|
3153
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
3191
3154
|
data-id="containerComponent"
|
|
3192
3155
|
data-selector-id="container"
|
|
3193
3156
|
data-test-id="containerComponent"
|
|
@@ -3197,7 +3160,7 @@ exports[`FlipCard renders with channelTitle 1`] = `
|
|
|
3197
3160
|
data-selector-id="avatarUser"
|
|
3198
3161
|
>
|
|
3199
3162
|
<div
|
|
3200
|
-
class="avatar medium medium circle primary black border
|
|
3163
|
+
class="avatar medium medium circle primary black border"
|
|
3201
3164
|
data-id="Avatar"
|
|
3202
3165
|
data-selector-id="avatar"
|
|
3203
3166
|
data-test-id="Avatar"
|
|
@@ -3219,21 +3182,20 @@ exports[`FlipCard renders with channelTitle 1`] = `
|
|
|
3219
3182
|
exports[`FlipCard renders with className 1`] = `
|
|
3220
3183
|
<DocumentFragment>
|
|
3221
3184
|
<div
|
|
3222
|
-
class="medium
|
|
3185
|
+
class="medium flip"
|
|
3223
3186
|
>
|
|
3224
3187
|
<div
|
|
3225
3188
|
class="container"
|
|
3226
3189
|
>
|
|
3227
3190
|
<div
|
|
3228
|
-
class="
|
|
3191
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
3229
3192
|
data-id="containerComponent"
|
|
3230
3193
|
data-selector-id="container"
|
|
3231
3194
|
data-test-id="containerComponent"
|
|
3232
3195
|
>
|
|
3233
3196
|
<div
|
|
3234
3197
|
aria-checked="false"
|
|
3235
|
-
class="container pointer primary
|
|
3236
|
-
inflex rowdir vCenter"
|
|
3198
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
3237
3199
|
data-id="listViewCheckBox_undefined"
|
|
3238
3200
|
data-selector-id="checkbox_undefined"
|
|
3239
3201
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -3241,7 +3203,7 @@ exports[`FlipCard renders with className 1`] = `
|
|
|
3241
3203
|
tabindex="0"
|
|
3242
3204
|
>
|
|
3243
3205
|
<div
|
|
3244
|
-
class="boxContainer
|
|
3206
|
+
class="noShrink boxContainer medium filled"
|
|
3245
3207
|
data-id="boxComponent"
|
|
3246
3208
|
data-selector-id="box"
|
|
3247
3209
|
data-test-id="boxComponent"
|
|
@@ -3251,7 +3213,7 @@ exports[`FlipCard renders with className 1`] = `
|
|
|
3251
3213
|
type="hidden"
|
|
3252
3214
|
/>
|
|
3253
3215
|
<label
|
|
3254
|
-
class="checkbox pointer medium
|
|
3216
|
+
class="checkbox pointer medium"
|
|
3255
3217
|
>
|
|
3256
3218
|
<svg
|
|
3257
3219
|
viewBox="0 0 40 40"
|
|
@@ -3272,7 +3234,7 @@ exports[`FlipCard renders with className 1`] = `
|
|
|
3272
3234
|
</div>
|
|
3273
3235
|
</div>
|
|
3274
3236
|
<div
|
|
3275
|
-
class="
|
|
3237
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
3276
3238
|
data-id="containerComponent"
|
|
3277
3239
|
data-selector-id="container"
|
|
3278
3240
|
data-test-id="containerComponent"
|
|
@@ -3282,7 +3244,7 @@ exports[`FlipCard renders with className 1`] = `
|
|
|
3282
3244
|
data-selector-id="avatarUser"
|
|
3283
3245
|
>
|
|
3284
3246
|
<div
|
|
3285
|
-
class="avatar medium medium circle primary black border
|
|
3247
|
+
class="avatar medium medium circle primary black border"
|
|
3286
3248
|
data-id="Avatar"
|
|
3287
3249
|
data-selector-id="avatar"
|
|
3288
3250
|
data-test-id="Avatar"
|
|
@@ -3304,21 +3266,20 @@ exports[`FlipCard renders with className 1`] = `
|
|
|
3304
3266
|
exports[`FlipCard renders with customProps 1`] = `
|
|
3305
3267
|
<DocumentFragment>
|
|
3306
3268
|
<div
|
|
3307
|
-
class="medium
|
|
3269
|
+
class="medium flip"
|
|
3308
3270
|
>
|
|
3309
3271
|
<div
|
|
3310
3272
|
class="container"
|
|
3311
3273
|
>
|
|
3312
3274
|
<div
|
|
3313
|
-
class="
|
|
3275
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
3314
3276
|
data-id="containerComponent"
|
|
3315
3277
|
data-selector-id="container"
|
|
3316
3278
|
data-test-id="containerComponent"
|
|
3317
3279
|
>
|
|
3318
3280
|
<div
|
|
3319
3281
|
aria-checked="isChecked"
|
|
3320
|
-
class="container pointer primary
|
|
3321
|
-
checkedprimary inflex rowdir vCenter"
|
|
3282
|
+
class="inlineFlex row alignItems_center container pointer primary checkedprimary"
|
|
3322
3283
|
data-id="listViewCheckBox_undefined"
|
|
3323
3284
|
data-selector-id="checkbox_undefined"
|
|
3324
3285
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -3326,7 +3287,7 @@ exports[`FlipCard renders with customProps 1`] = `
|
|
|
3326
3287
|
tabindex="0"
|
|
3327
3288
|
>
|
|
3328
3289
|
<div
|
|
3329
|
-
class="boxContainer
|
|
3290
|
+
class="noShrink boxContainer medium filled"
|
|
3330
3291
|
data-id="boxComponent"
|
|
3331
3292
|
data-selector-id="box"
|
|
3332
3293
|
data-test-id="boxComponent"
|
|
@@ -3336,7 +3297,7 @@ exports[`FlipCard renders with customProps 1`] = `
|
|
|
3336
3297
|
type="hidden"
|
|
3337
3298
|
/>
|
|
3338
3299
|
<label
|
|
3339
|
-
class="checkbox pointer medium
|
|
3300
|
+
class="checkbox pointer medium"
|
|
3340
3301
|
>
|
|
3341
3302
|
<svg
|
|
3342
3303
|
viewBox="0 0 40 40"
|
|
@@ -3349,7 +3310,7 @@ exports[`FlipCard renders with customProps 1`] = `
|
|
|
3349
3310
|
/>
|
|
3350
3311
|
</svg>
|
|
3351
3312
|
<svg
|
|
3352
|
-
class="tick mediumtick
|
|
3313
|
+
class="tick mediumtick"
|
|
3353
3314
|
viewBox="0 0 44 44"
|
|
3354
3315
|
xmlns="http://www.w3.org/2000/svg"
|
|
3355
3316
|
>
|
|
@@ -3363,7 +3324,7 @@ exports[`FlipCard renders with customProps 1`] = `
|
|
|
3363
3324
|
</div>
|
|
3364
3325
|
</div>
|
|
3365
3326
|
<div
|
|
3366
|
-
class="
|
|
3327
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
3367
3328
|
data-id="containerComponent"
|
|
3368
3329
|
data-selector-id="container"
|
|
3369
3330
|
data-test-id="containerComponent"
|
|
@@ -3373,7 +3334,7 @@ exports[`FlipCard renders with customProps 1`] = `
|
|
|
3373
3334
|
data-selector-id="avatarUser"
|
|
3374
3335
|
>
|
|
3375
3336
|
<div
|
|
3376
|
-
class="avatar medium medium circle primary black border
|
|
3337
|
+
class="avatar medium medium circle primary black border"
|
|
3377
3338
|
data-id="Avatar"
|
|
3378
3339
|
data-selector-id="avatar"
|
|
3379
3340
|
data-test-id="Avatar"
|
|
@@ -3393,16 +3354,16 @@ exports[`FlipCard renders with customProps 1`] = `
|
|
|
3393
3354
|
>
|
|
3394
3355
|
<i
|
|
3395
3356
|
aria-hidden="true"
|
|
3396
|
-
class="zd_font_icons basic icon-paiduser
|
|
3357
|
+
class="zd_font_icons basic icon-paiduser"
|
|
3397
3358
|
data-id="fontIcon"
|
|
3398
3359
|
data-selector-id="fontIcon"
|
|
3399
3360
|
data-test-id="fontIcon"
|
|
3400
3361
|
>
|
|
3401
3362
|
<span
|
|
3402
|
-
class="path1
|
|
3363
|
+
class="path1"
|
|
3403
3364
|
/>
|
|
3404
3365
|
<span
|
|
3405
|
-
class="path2
|
|
3366
|
+
class="path2"
|
|
3406
3367
|
/>
|
|
3407
3368
|
</i>
|
|
3408
3369
|
</span>
|
|
@@ -3416,21 +3377,20 @@ exports[`FlipCard renders with customProps 1`] = `
|
|
|
3416
3377
|
exports[`FlipCard renders with customTextClass 1`] = `
|
|
3417
3378
|
<DocumentFragment>
|
|
3418
3379
|
<div
|
|
3419
|
-
class="medium
|
|
3380
|
+
class="medium flip"
|
|
3420
3381
|
>
|
|
3421
3382
|
<div
|
|
3422
3383
|
class="container"
|
|
3423
3384
|
>
|
|
3424
3385
|
<div
|
|
3425
|
-
class="
|
|
3386
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
3426
3387
|
data-id="containerComponent"
|
|
3427
3388
|
data-selector-id="container"
|
|
3428
3389
|
data-test-id="containerComponent"
|
|
3429
3390
|
>
|
|
3430
3391
|
<div
|
|
3431
3392
|
aria-checked="false"
|
|
3432
|
-
class="container pointer primary
|
|
3433
|
-
inflex rowdir vCenter"
|
|
3393
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
3434
3394
|
data-id="listViewCheckBox_undefined"
|
|
3435
3395
|
data-selector-id="checkbox_undefined"
|
|
3436
3396
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -3438,7 +3398,7 @@ exports[`FlipCard renders with customTextClass 1`] = `
|
|
|
3438
3398
|
tabindex="0"
|
|
3439
3399
|
>
|
|
3440
3400
|
<div
|
|
3441
|
-
class="boxContainer
|
|
3401
|
+
class="noShrink boxContainer medium filled"
|
|
3442
3402
|
data-id="boxComponent"
|
|
3443
3403
|
data-selector-id="box"
|
|
3444
3404
|
data-test-id="boxComponent"
|
|
@@ -3448,7 +3408,7 @@ exports[`FlipCard renders with customTextClass 1`] = `
|
|
|
3448
3408
|
type="hidden"
|
|
3449
3409
|
/>
|
|
3450
3410
|
<label
|
|
3451
|
-
class="checkbox pointer medium
|
|
3411
|
+
class="checkbox pointer medium"
|
|
3452
3412
|
>
|
|
3453
3413
|
<svg
|
|
3454
3414
|
viewBox="0 0 40 40"
|
|
@@ -3469,7 +3429,7 @@ exports[`FlipCard renders with customTextClass 1`] = `
|
|
|
3469
3429
|
</div>
|
|
3470
3430
|
</div>
|
|
3471
3431
|
<div
|
|
3472
|
-
class="
|
|
3432
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
3473
3433
|
data-id="containerComponent"
|
|
3474
3434
|
data-selector-id="container"
|
|
3475
3435
|
data-test-id="containerComponent"
|
|
@@ -3479,7 +3439,7 @@ exports[`FlipCard renders with customTextClass 1`] = `
|
|
|
3479
3439
|
data-selector-id="avatarUser"
|
|
3480
3440
|
>
|
|
3481
3441
|
<div
|
|
3482
|
-
class="avatar medium medium circle primary black border
|
|
3442
|
+
class="avatar medium medium circle primary black border custom-text-class"
|
|
3483
3443
|
data-id="Avatar"
|
|
3484
3444
|
data-selector-id="avatar"
|
|
3485
3445
|
data-test-id="Avatar"
|
|
@@ -3501,21 +3461,20 @@ exports[`FlipCard renders with customTextClass 1`] = `
|
|
|
3501
3461
|
exports[`FlipCard renders with dataId 1`] = `
|
|
3502
3462
|
<DocumentFragment>
|
|
3503
3463
|
<div
|
|
3504
|
-
class="medium
|
|
3464
|
+
class="medium flip"
|
|
3505
3465
|
>
|
|
3506
3466
|
<div
|
|
3507
3467
|
class="container"
|
|
3508
3468
|
>
|
|
3509
3469
|
<div
|
|
3510
|
-
class="
|
|
3470
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
3511
3471
|
data-id="containerComponent"
|
|
3512
3472
|
data-selector-id="container"
|
|
3513
3473
|
data-test-id="containerComponent"
|
|
3514
3474
|
>
|
|
3515
3475
|
<div
|
|
3516
3476
|
aria-checked="false"
|
|
3517
|
-
class="container pointer primary
|
|
3518
|
-
inflex rowdir vCenter"
|
|
3477
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
3519
3478
|
data-id="listViewCheckBox_undefined"
|
|
3520
3479
|
data-selector-id="checkbox_undefined"
|
|
3521
3480
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -3523,7 +3482,7 @@ exports[`FlipCard renders with dataId 1`] = `
|
|
|
3523
3482
|
tabindex="0"
|
|
3524
3483
|
>
|
|
3525
3484
|
<div
|
|
3526
|
-
class="boxContainer
|
|
3485
|
+
class="noShrink boxContainer medium filled"
|
|
3527
3486
|
data-id="boxComponent"
|
|
3528
3487
|
data-selector-id="box"
|
|
3529
3488
|
data-test-id="boxComponent"
|
|
@@ -3533,7 +3492,7 @@ exports[`FlipCard renders with dataId 1`] = `
|
|
|
3533
3492
|
type="hidden"
|
|
3534
3493
|
/>
|
|
3535
3494
|
<label
|
|
3536
|
-
class="checkbox pointer medium
|
|
3495
|
+
class="checkbox pointer medium"
|
|
3537
3496
|
>
|
|
3538
3497
|
<svg
|
|
3539
3498
|
viewBox="0 0 40 40"
|
|
@@ -3554,7 +3513,7 @@ exports[`FlipCard renders with dataId 1`] = `
|
|
|
3554
3513
|
</div>
|
|
3555
3514
|
</div>
|
|
3556
3515
|
<div
|
|
3557
|
-
class="
|
|
3516
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
3558
3517
|
data-id="containerComponent"
|
|
3559
3518
|
data-selector-id="container"
|
|
3560
3519
|
data-test-id="containerComponent"
|
|
@@ -3566,7 +3525,7 @@ exports[`FlipCard renders with dataId 1`] = `
|
|
|
3566
3525
|
data-test-id="data-id-123"
|
|
3567
3526
|
>
|
|
3568
3527
|
<div
|
|
3569
|
-
class="avatar medium medium circle primary black border
|
|
3528
|
+
class="avatar medium medium circle primary black border"
|
|
3570
3529
|
data-id="Avatar"
|
|
3571
3530
|
data-selector-id="avatar"
|
|
3572
3531
|
data-test-id="Avatar"
|
|
@@ -3588,21 +3547,20 @@ exports[`FlipCard renders with dataId 1`] = `
|
|
|
3588
3547
|
exports[`FlipCard renders with default props 1`] = `
|
|
3589
3548
|
<DocumentFragment>
|
|
3590
3549
|
<div
|
|
3591
|
-
class="medium
|
|
3550
|
+
class="medium flip"
|
|
3592
3551
|
>
|
|
3593
3552
|
<div
|
|
3594
3553
|
class="container"
|
|
3595
3554
|
>
|
|
3596
3555
|
<div
|
|
3597
|
-
class="
|
|
3556
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
3598
3557
|
data-id="containerComponent"
|
|
3599
3558
|
data-selector-id="container"
|
|
3600
3559
|
data-test-id="containerComponent"
|
|
3601
3560
|
>
|
|
3602
3561
|
<div
|
|
3603
3562
|
aria-checked="false"
|
|
3604
|
-
class="container pointer primary
|
|
3605
|
-
inflex rowdir vCenter"
|
|
3563
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
3606
3564
|
data-id="listViewCheckBox_undefined"
|
|
3607
3565
|
data-selector-id="checkbox_undefined"
|
|
3608
3566
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -3610,7 +3568,7 @@ exports[`FlipCard renders with default props 1`] = `
|
|
|
3610
3568
|
tabindex="0"
|
|
3611
3569
|
>
|
|
3612
3570
|
<div
|
|
3613
|
-
class="boxContainer
|
|
3571
|
+
class="noShrink boxContainer medium filled"
|
|
3614
3572
|
data-id="boxComponent"
|
|
3615
3573
|
data-selector-id="box"
|
|
3616
3574
|
data-test-id="boxComponent"
|
|
@@ -3620,7 +3578,7 @@ exports[`FlipCard renders with default props 1`] = `
|
|
|
3620
3578
|
type="hidden"
|
|
3621
3579
|
/>
|
|
3622
3580
|
<label
|
|
3623
|
-
class="checkbox pointer medium
|
|
3581
|
+
class="checkbox pointer medium"
|
|
3624
3582
|
>
|
|
3625
3583
|
<svg
|
|
3626
3584
|
viewBox="0 0 40 40"
|
|
@@ -3641,7 +3599,7 @@ exports[`FlipCard renders with default props 1`] = `
|
|
|
3641
3599
|
</div>
|
|
3642
3600
|
</div>
|
|
3643
3601
|
<div
|
|
3644
|
-
class="
|
|
3602
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
3645
3603
|
data-id="containerComponent"
|
|
3646
3604
|
data-selector-id="container"
|
|
3647
3605
|
data-test-id="containerComponent"
|
|
@@ -3651,7 +3609,7 @@ exports[`FlipCard renders with default props 1`] = `
|
|
|
3651
3609
|
data-selector-id="avatarUser"
|
|
3652
3610
|
>
|
|
3653
3611
|
<div
|
|
3654
|
-
class="avatar medium medium circle primary black border
|
|
3612
|
+
class="avatar medium medium circle primary black border"
|
|
3655
3613
|
data-id="Avatar"
|
|
3656
3614
|
data-selector-id="avatar"
|
|
3657
3615
|
data-test-id="Avatar"
|
|
@@ -3673,21 +3631,20 @@ exports[`FlipCard renders with default props 1`] = `
|
|
|
3673
3631
|
exports[`FlipCard renders with frontClass 1`] = `
|
|
3674
3632
|
<DocumentFragment>
|
|
3675
3633
|
<div
|
|
3676
|
-
class="medium
|
|
3634
|
+
class="medium flip"
|
|
3677
3635
|
>
|
|
3678
3636
|
<div
|
|
3679
3637
|
class="container"
|
|
3680
3638
|
>
|
|
3681
3639
|
<div
|
|
3682
|
-
class="front front-class
|
|
3640
|
+
class="flex fullSize column alignItems_center justifyContent_center front front-class"
|
|
3683
3641
|
data-id="containerComponent"
|
|
3684
3642
|
data-selector-id="container"
|
|
3685
3643
|
data-test-id="containerComponent"
|
|
3686
3644
|
>
|
|
3687
3645
|
<div
|
|
3688
3646
|
aria-checked="false"
|
|
3689
|
-
class="container pointer primary
|
|
3690
|
-
inflex rowdir vCenter"
|
|
3647
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
3691
3648
|
data-id="listViewCheckBox_undefined"
|
|
3692
3649
|
data-selector-id="checkbox_undefined"
|
|
3693
3650
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -3695,7 +3652,7 @@ exports[`FlipCard renders with frontClass 1`] = `
|
|
|
3695
3652
|
tabindex="0"
|
|
3696
3653
|
>
|
|
3697
3654
|
<div
|
|
3698
|
-
class="boxContainer
|
|
3655
|
+
class="noShrink boxContainer medium filled"
|
|
3699
3656
|
data-id="boxComponent"
|
|
3700
3657
|
data-selector-id="box"
|
|
3701
3658
|
data-test-id="boxComponent"
|
|
@@ -3705,7 +3662,7 @@ exports[`FlipCard renders with frontClass 1`] = `
|
|
|
3705
3662
|
type="hidden"
|
|
3706
3663
|
/>
|
|
3707
3664
|
<label
|
|
3708
|
-
class="checkbox pointer medium
|
|
3665
|
+
class="checkbox pointer medium"
|
|
3709
3666
|
>
|
|
3710
3667
|
<svg
|
|
3711
3668
|
viewBox="0 0 40 40"
|
|
@@ -3726,7 +3683,7 @@ exports[`FlipCard renders with frontClass 1`] = `
|
|
|
3726
3683
|
</div>
|
|
3727
3684
|
</div>
|
|
3728
3685
|
<div
|
|
3729
|
-
class="
|
|
3686
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
3730
3687
|
data-id="containerComponent"
|
|
3731
3688
|
data-selector-id="container"
|
|
3732
3689
|
data-test-id="containerComponent"
|
|
@@ -3736,7 +3693,7 @@ exports[`FlipCard renders with frontClass 1`] = `
|
|
|
3736
3693
|
data-selector-id="avatarUser"
|
|
3737
3694
|
>
|
|
3738
3695
|
<div
|
|
3739
|
-
class="avatar medium medium circle primary black border
|
|
3696
|
+
class="avatar medium medium circle primary black border"
|
|
3740
3697
|
data-id="Avatar"
|
|
3741
3698
|
data-selector-id="avatar"
|
|
3742
3699
|
data-test-id="Avatar"
|
|
@@ -3758,21 +3715,20 @@ exports[`FlipCard renders with frontClass 1`] = `
|
|
|
3758
3715
|
exports[`FlipCard renders with icon 1`] = `
|
|
3759
3716
|
<DocumentFragment>
|
|
3760
3717
|
<div
|
|
3761
|
-
class="medium
|
|
3718
|
+
class="medium flip"
|
|
3762
3719
|
>
|
|
3763
3720
|
<div
|
|
3764
3721
|
class="container"
|
|
3765
3722
|
>
|
|
3766
3723
|
<div
|
|
3767
|
-
class="
|
|
3724
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
3768
3725
|
data-id="containerComponent"
|
|
3769
3726
|
data-selector-id="container"
|
|
3770
3727
|
data-test-id="containerComponent"
|
|
3771
3728
|
>
|
|
3772
3729
|
<div
|
|
3773
3730
|
aria-checked="false"
|
|
3774
|
-
class="container pointer primary
|
|
3775
|
-
inflex rowdir vCenter"
|
|
3731
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
3776
3732
|
data-id="listViewCheckBox_undefined"
|
|
3777
3733
|
data-selector-id="checkbox_undefined"
|
|
3778
3734
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -3780,7 +3736,7 @@ exports[`FlipCard renders with icon 1`] = `
|
|
|
3780
3736
|
tabindex="0"
|
|
3781
3737
|
>
|
|
3782
3738
|
<div
|
|
3783
|
-
class="boxContainer
|
|
3739
|
+
class="noShrink boxContainer medium filled"
|
|
3784
3740
|
data-id="boxComponent"
|
|
3785
3741
|
data-selector-id="box"
|
|
3786
3742
|
data-test-id="boxComponent"
|
|
@@ -3790,7 +3746,7 @@ exports[`FlipCard renders with icon 1`] = `
|
|
|
3790
3746
|
type="hidden"
|
|
3791
3747
|
/>
|
|
3792
3748
|
<label
|
|
3793
|
-
class="checkbox pointer medium
|
|
3749
|
+
class="checkbox pointer medium"
|
|
3794
3750
|
>
|
|
3795
3751
|
<svg
|
|
3796
3752
|
viewBox="0 0 40 40"
|
|
@@ -3811,20 +3767,20 @@ exports[`FlipCard renders with icon 1`] = `
|
|
|
3811
3767
|
</div>
|
|
3812
3768
|
</div>
|
|
3813
3769
|
<div
|
|
3814
|
-
class="
|
|
3770
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
3815
3771
|
data-id="containerComponent"
|
|
3816
3772
|
data-selector-id="container"
|
|
3817
3773
|
data-test-id="containerComponent"
|
|
3818
3774
|
>
|
|
3819
3775
|
<div
|
|
3820
|
-
class="container
|
|
3776
|
+
class="inlineFlex column alignItems_center justifyContent_center container medium default"
|
|
3821
3777
|
data-id="ZD-chEmail"
|
|
3822
3778
|
data-selector-id="avatarIcon"
|
|
3823
3779
|
data-test-id="ZD-chEmail"
|
|
3824
3780
|
>
|
|
3825
3781
|
<i
|
|
3826
3782
|
aria-hidden="true"
|
|
3827
|
-
class="zd_font_icons basic icon-ch-email
|
|
3783
|
+
class="zd_font_icons basic icon-ch-email avatar_align_center iconColor"
|
|
3828
3784
|
data-id="fontIcon"
|
|
3829
3785
|
data-selector-id="fontIcon"
|
|
3830
3786
|
data-test-id="fontIcon"
|
|
@@ -3840,21 +3796,20 @@ exports[`FlipCard renders with icon 1`] = `
|
|
|
3840
3796
|
exports[`FlipCard renders with iconClass 1`] = `
|
|
3841
3797
|
<DocumentFragment>
|
|
3842
3798
|
<div
|
|
3843
|
-
class="medium
|
|
3799
|
+
class="medium flip"
|
|
3844
3800
|
>
|
|
3845
3801
|
<div
|
|
3846
3802
|
class="container"
|
|
3847
3803
|
>
|
|
3848
3804
|
<div
|
|
3849
|
-
class="
|
|
3805
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
3850
3806
|
data-id="containerComponent"
|
|
3851
3807
|
data-selector-id="container"
|
|
3852
3808
|
data-test-id="containerComponent"
|
|
3853
3809
|
>
|
|
3854
3810
|
<div
|
|
3855
3811
|
aria-checked="false"
|
|
3856
|
-
class="container pointer primary
|
|
3857
|
-
inflex rowdir vCenter"
|
|
3812
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
3858
3813
|
data-id="listViewCheckBox_undefined"
|
|
3859
3814
|
data-selector-id="checkbox_undefined"
|
|
3860
3815
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -3862,7 +3817,7 @@ exports[`FlipCard renders with iconClass 1`] = `
|
|
|
3862
3817
|
tabindex="0"
|
|
3863
3818
|
>
|
|
3864
3819
|
<div
|
|
3865
|
-
class="boxContainer
|
|
3820
|
+
class="noShrink boxContainer medium filled"
|
|
3866
3821
|
data-id="boxComponent"
|
|
3867
3822
|
data-selector-id="box"
|
|
3868
3823
|
data-test-id="boxComponent"
|
|
@@ -3872,7 +3827,7 @@ exports[`FlipCard renders with iconClass 1`] = `
|
|
|
3872
3827
|
type="hidden"
|
|
3873
3828
|
/>
|
|
3874
3829
|
<label
|
|
3875
|
-
class="checkbox pointer medium
|
|
3830
|
+
class="checkbox pointer medium"
|
|
3876
3831
|
>
|
|
3877
3832
|
<svg
|
|
3878
3833
|
viewBox="0 0 40 40"
|
|
@@ -3893,7 +3848,7 @@ exports[`FlipCard renders with iconClass 1`] = `
|
|
|
3893
3848
|
</div>
|
|
3894
3849
|
</div>
|
|
3895
3850
|
<div
|
|
3896
|
-
class="
|
|
3851
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
3897
3852
|
data-id="containerComponent"
|
|
3898
3853
|
data-selector-id="container"
|
|
3899
3854
|
data-test-id="containerComponent"
|
|
@@ -3903,7 +3858,7 @@ exports[`FlipCard renders with iconClass 1`] = `
|
|
|
3903
3858
|
data-selector-id="avatarUser"
|
|
3904
3859
|
>
|
|
3905
3860
|
<div
|
|
3906
|
-
class="avatar medium medium circle primary black border
|
|
3861
|
+
class="avatar medium medium circle primary black border"
|
|
3907
3862
|
data-id="Avatar"
|
|
3908
3863
|
data-selector-id="avatar"
|
|
3909
3864
|
data-test-id="Avatar"
|
|
@@ -3925,21 +3880,20 @@ exports[`FlipCard renders with iconClass 1`] = `
|
|
|
3925
3880
|
exports[`FlipCard renders with iconColor 1`] = `
|
|
3926
3881
|
<DocumentFragment>
|
|
3927
3882
|
<div
|
|
3928
|
-
class="medium
|
|
3883
|
+
class="medium flip"
|
|
3929
3884
|
>
|
|
3930
3885
|
<div
|
|
3931
3886
|
class="container"
|
|
3932
3887
|
>
|
|
3933
3888
|
<div
|
|
3934
|
-
class="
|
|
3889
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
3935
3890
|
data-id="containerComponent"
|
|
3936
3891
|
data-selector-id="container"
|
|
3937
3892
|
data-test-id="containerComponent"
|
|
3938
3893
|
>
|
|
3939
3894
|
<div
|
|
3940
3895
|
aria-checked="false"
|
|
3941
|
-
class="container pointer primary
|
|
3942
|
-
inflex rowdir vCenter"
|
|
3896
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
3943
3897
|
data-id="listViewCheckBox_undefined"
|
|
3944
3898
|
data-selector-id="checkbox_undefined"
|
|
3945
3899
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -3947,7 +3901,7 @@ exports[`FlipCard renders with iconColor 1`] = `
|
|
|
3947
3901
|
tabindex="0"
|
|
3948
3902
|
>
|
|
3949
3903
|
<div
|
|
3950
|
-
class="boxContainer
|
|
3904
|
+
class="noShrink boxContainer medium filled"
|
|
3951
3905
|
data-id="boxComponent"
|
|
3952
3906
|
data-selector-id="box"
|
|
3953
3907
|
data-test-id="boxComponent"
|
|
@@ -3957,7 +3911,7 @@ exports[`FlipCard renders with iconColor 1`] = `
|
|
|
3957
3911
|
type="hidden"
|
|
3958
3912
|
/>
|
|
3959
3913
|
<label
|
|
3960
|
-
class="checkbox pointer medium
|
|
3914
|
+
class="checkbox pointer medium"
|
|
3961
3915
|
>
|
|
3962
3916
|
<svg
|
|
3963
3917
|
viewBox="0 0 40 40"
|
|
@@ -3978,7 +3932,7 @@ exports[`FlipCard renders with iconColor 1`] = `
|
|
|
3978
3932
|
</div>
|
|
3979
3933
|
</div>
|
|
3980
3934
|
<div
|
|
3981
|
-
class="
|
|
3935
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
3982
3936
|
data-id="containerComponent"
|
|
3983
3937
|
data-selector-id="container"
|
|
3984
3938
|
data-test-id="containerComponent"
|
|
@@ -3988,7 +3942,7 @@ exports[`FlipCard renders with iconColor 1`] = `
|
|
|
3988
3942
|
data-selector-id="avatarUser"
|
|
3989
3943
|
>
|
|
3990
3944
|
<div
|
|
3991
|
-
class="avatar medium medium circle primary black border
|
|
3945
|
+
class="avatar medium medium circle primary black border"
|
|
3992
3946
|
data-id="Avatar"
|
|
3993
3947
|
data-selector-id="avatar"
|
|
3994
3948
|
data-test-id="Avatar"
|
|
@@ -4010,21 +3964,20 @@ exports[`FlipCard renders with iconColor 1`] = `
|
|
|
4010
3964
|
exports[`FlipCard renders with iconSize 1`] = `
|
|
4011
3965
|
<DocumentFragment>
|
|
4012
3966
|
<div
|
|
4013
|
-
class="medium
|
|
3967
|
+
class="medium flip"
|
|
4014
3968
|
>
|
|
4015
3969
|
<div
|
|
4016
3970
|
class="container"
|
|
4017
3971
|
>
|
|
4018
3972
|
<div
|
|
4019
|
-
class="
|
|
3973
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
4020
3974
|
data-id="containerComponent"
|
|
4021
3975
|
data-selector-id="container"
|
|
4022
3976
|
data-test-id="containerComponent"
|
|
4023
3977
|
>
|
|
4024
3978
|
<div
|
|
4025
3979
|
aria-checked="false"
|
|
4026
|
-
class="container pointer primary
|
|
4027
|
-
inflex rowdir vCenter"
|
|
3980
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
4028
3981
|
data-id="listViewCheckBox_undefined"
|
|
4029
3982
|
data-selector-id="checkbox_undefined"
|
|
4030
3983
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -4032,7 +3985,7 @@ exports[`FlipCard renders with iconSize 1`] = `
|
|
|
4032
3985
|
tabindex="0"
|
|
4033
3986
|
>
|
|
4034
3987
|
<div
|
|
4035
|
-
class="boxContainer
|
|
3988
|
+
class="noShrink boxContainer medium filled"
|
|
4036
3989
|
data-id="boxComponent"
|
|
4037
3990
|
data-selector-id="box"
|
|
4038
3991
|
data-test-id="boxComponent"
|
|
@@ -4042,7 +3995,7 @@ exports[`FlipCard renders with iconSize 1`] = `
|
|
|
4042
3995
|
type="hidden"
|
|
4043
3996
|
/>
|
|
4044
3997
|
<label
|
|
4045
|
-
class="checkbox pointer medium
|
|
3998
|
+
class="checkbox pointer medium"
|
|
4046
3999
|
>
|
|
4047
4000
|
<svg
|
|
4048
4001
|
viewBox="0 0 40 40"
|
|
@@ -4063,7 +4016,7 @@ exports[`FlipCard renders with iconSize 1`] = `
|
|
|
4063
4016
|
</div>
|
|
4064
4017
|
</div>
|
|
4065
4018
|
<div
|
|
4066
|
-
class="
|
|
4019
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
4067
4020
|
data-id="containerComponent"
|
|
4068
4021
|
data-selector-id="container"
|
|
4069
4022
|
data-test-id="containerComponent"
|
|
@@ -4073,7 +4026,7 @@ exports[`FlipCard renders with iconSize 1`] = `
|
|
|
4073
4026
|
data-selector-id="avatarUser"
|
|
4074
4027
|
>
|
|
4075
4028
|
<div
|
|
4076
|
-
class="avatar medium medium circle primary black border
|
|
4029
|
+
class="avatar medium medium circle primary black border"
|
|
4077
4030
|
data-id="Avatar"
|
|
4078
4031
|
data-selector-id="avatar"
|
|
4079
4032
|
data-test-id="Avatar"
|
|
@@ -4095,21 +4048,20 @@ exports[`FlipCard renders with iconSize 1`] = `
|
|
|
4095
4048
|
exports[`FlipCard renders with id 1`] = `
|
|
4096
4049
|
<DocumentFragment>
|
|
4097
4050
|
<div
|
|
4098
|
-
class="medium
|
|
4051
|
+
class="medium flip"
|
|
4099
4052
|
>
|
|
4100
4053
|
<div
|
|
4101
4054
|
class="container"
|
|
4102
4055
|
>
|
|
4103
4056
|
<div
|
|
4104
|
-
class="
|
|
4057
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
4105
4058
|
data-id="containerComponent"
|
|
4106
4059
|
data-selector-id="container"
|
|
4107
4060
|
data-test-id="containerComponent"
|
|
4108
4061
|
>
|
|
4109
4062
|
<div
|
|
4110
4063
|
aria-checked="false"
|
|
4111
|
-
class="container pointer primary
|
|
4112
|
-
inflex rowdir vCenter"
|
|
4064
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
4113
4065
|
data-id="listViewCheckBox_unique-id"
|
|
4114
4066
|
data-selector-id="checkbox_unique-id"
|
|
4115
4067
|
data-test-id="listViewCheckBox_unique-id"
|
|
@@ -4117,7 +4069,7 @@ exports[`FlipCard renders with id 1`] = `
|
|
|
4117
4069
|
tabindex="0"
|
|
4118
4070
|
>
|
|
4119
4071
|
<div
|
|
4120
|
-
class="boxContainer
|
|
4072
|
+
class="noShrink boxContainer medium filled"
|
|
4121
4073
|
data-id="boxComponent"
|
|
4122
4074
|
data-selector-id="box"
|
|
4123
4075
|
data-test-id="boxComponent"
|
|
@@ -4127,7 +4079,7 @@ exports[`FlipCard renders with id 1`] = `
|
|
|
4127
4079
|
type="hidden"
|
|
4128
4080
|
/>
|
|
4129
4081
|
<label
|
|
4130
|
-
class="checkbox pointer medium
|
|
4082
|
+
class="checkbox pointer medium"
|
|
4131
4083
|
>
|
|
4132
4084
|
<svg
|
|
4133
4085
|
viewBox="0 0 40 40"
|
|
@@ -4148,7 +4100,7 @@ exports[`FlipCard renders with id 1`] = `
|
|
|
4148
4100
|
</div>
|
|
4149
4101
|
</div>
|
|
4150
4102
|
<div
|
|
4151
|
-
class="
|
|
4103
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
4152
4104
|
data-id="containerComponent"
|
|
4153
4105
|
data-selector-id="container"
|
|
4154
4106
|
data-test-id="containerComponent"
|
|
@@ -4158,7 +4110,7 @@ exports[`FlipCard renders with id 1`] = `
|
|
|
4158
4110
|
data-selector-id="avatarUser"
|
|
4159
4111
|
>
|
|
4160
4112
|
<div
|
|
4161
|
-
class="avatar medium medium circle primary black border
|
|
4113
|
+
class="avatar medium medium circle primary black border"
|
|
4162
4114
|
data-id="Avatar"
|
|
4163
4115
|
data-selector-id="avatar"
|
|
4164
4116
|
data-test-id="Avatar"
|
|
@@ -4180,21 +4132,20 @@ exports[`FlipCard renders with id 1`] = `
|
|
|
4180
4132
|
exports[`FlipCard renders with initial 1`] = `
|
|
4181
4133
|
<DocumentFragment>
|
|
4182
4134
|
<div
|
|
4183
|
-
class="medium
|
|
4135
|
+
class="medium flip"
|
|
4184
4136
|
>
|
|
4185
4137
|
<div
|
|
4186
4138
|
class="container"
|
|
4187
4139
|
>
|
|
4188
4140
|
<div
|
|
4189
|
-
class="
|
|
4141
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
4190
4142
|
data-id="containerComponent"
|
|
4191
4143
|
data-selector-id="container"
|
|
4192
4144
|
data-test-id="containerComponent"
|
|
4193
4145
|
>
|
|
4194
4146
|
<div
|
|
4195
4147
|
aria-checked="false"
|
|
4196
|
-
class="container pointer primary
|
|
4197
|
-
inflex rowdir vCenter"
|
|
4148
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
4198
4149
|
data-id="listViewCheckBox_undefined"
|
|
4199
4150
|
data-selector-id="checkbox_undefined"
|
|
4200
4151
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -4202,7 +4153,7 @@ exports[`FlipCard renders with initial 1`] = `
|
|
|
4202
4153
|
tabindex="0"
|
|
4203
4154
|
>
|
|
4204
4155
|
<div
|
|
4205
|
-
class="boxContainer
|
|
4156
|
+
class="noShrink boxContainer medium filled"
|
|
4206
4157
|
data-id="boxComponent"
|
|
4207
4158
|
data-selector-id="box"
|
|
4208
4159
|
data-test-id="boxComponent"
|
|
@@ -4212,7 +4163,7 @@ exports[`FlipCard renders with initial 1`] = `
|
|
|
4212
4163
|
type="hidden"
|
|
4213
4164
|
/>
|
|
4214
4165
|
<label
|
|
4215
|
-
class="checkbox pointer medium
|
|
4166
|
+
class="checkbox pointer medium"
|
|
4216
4167
|
>
|
|
4217
4168
|
<svg
|
|
4218
4169
|
viewBox="0 0 40 40"
|
|
@@ -4233,7 +4184,7 @@ exports[`FlipCard renders with initial 1`] = `
|
|
|
4233
4184
|
</div>
|
|
4234
4185
|
</div>
|
|
4235
4186
|
<div
|
|
4236
|
-
class="
|
|
4187
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
4237
4188
|
data-id="containerComponent"
|
|
4238
4189
|
data-selector-id="container"
|
|
4239
4190
|
data-test-id="containerComponent"
|
|
@@ -4243,7 +4194,7 @@ exports[`FlipCard renders with initial 1`] = `
|
|
|
4243
4194
|
data-selector-id="avatarUser"
|
|
4244
4195
|
>
|
|
4245
4196
|
<div
|
|
4246
|
-
class="avatar medium medium circle primary black border
|
|
4197
|
+
class="avatar medium medium circle primary black border"
|
|
4247
4198
|
data-id="Avatar"
|
|
4248
4199
|
data-selector-id="avatar"
|
|
4249
4200
|
data-test-id="Avatar"
|
|
@@ -4267,21 +4218,20 @@ exports[`FlipCard renders with initial 1`] = `
|
|
|
4267
4218
|
exports[`FlipCard renders with isChecked - true 1`] = `
|
|
4268
4219
|
<DocumentFragment>
|
|
4269
4220
|
<div
|
|
4270
|
-
class="medium
|
|
4221
|
+
class="medium notFlip"
|
|
4271
4222
|
>
|
|
4272
4223
|
<div
|
|
4273
4224
|
class="container"
|
|
4274
4225
|
>
|
|
4275
4226
|
<div
|
|
4276
|
-
class="
|
|
4227
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
4277
4228
|
data-id="containerComponent"
|
|
4278
4229
|
data-selector-id="container"
|
|
4279
4230
|
data-test-id="containerComponent"
|
|
4280
4231
|
>
|
|
4281
4232
|
<div
|
|
4282
4233
|
aria-checked="true"
|
|
4283
|
-
class="container pointer primary
|
|
4284
|
-
checkedprimary inflex rowdir vCenter"
|
|
4234
|
+
class="inlineFlex row alignItems_center container pointer primary checkedprimary"
|
|
4285
4235
|
data-id="listViewCheckBox_undefined"
|
|
4286
4236
|
data-selector-id="checkbox_undefined"
|
|
4287
4237
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -4289,7 +4239,7 @@ exports[`FlipCard renders with isChecked - true 1`] = `
|
|
|
4289
4239
|
tabindex="0"
|
|
4290
4240
|
>
|
|
4291
4241
|
<div
|
|
4292
|
-
class="boxContainer
|
|
4242
|
+
class="noShrink boxContainer medium filled"
|
|
4293
4243
|
data-id="boxComponent"
|
|
4294
4244
|
data-selector-id="box"
|
|
4295
4245
|
data-test-id="boxComponent"
|
|
@@ -4299,7 +4249,7 @@ exports[`FlipCard renders with isChecked - true 1`] = `
|
|
|
4299
4249
|
type="hidden"
|
|
4300
4250
|
/>
|
|
4301
4251
|
<label
|
|
4302
|
-
class="checkbox pointer medium
|
|
4252
|
+
class="checkbox pointer medium"
|
|
4303
4253
|
>
|
|
4304
4254
|
<svg
|
|
4305
4255
|
viewBox="0 0 40 40"
|
|
@@ -4312,7 +4262,7 @@ exports[`FlipCard renders with isChecked - true 1`] = `
|
|
|
4312
4262
|
/>
|
|
4313
4263
|
</svg>
|
|
4314
4264
|
<svg
|
|
4315
|
-
class="tick mediumtick
|
|
4265
|
+
class="tick mediumtick"
|
|
4316
4266
|
viewBox="0 0 44 44"
|
|
4317
4267
|
xmlns="http://www.w3.org/2000/svg"
|
|
4318
4268
|
>
|
|
@@ -4326,7 +4276,7 @@ exports[`FlipCard renders with isChecked - true 1`] = `
|
|
|
4326
4276
|
</div>
|
|
4327
4277
|
</div>
|
|
4328
4278
|
<div
|
|
4329
|
-
class="
|
|
4279
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
4330
4280
|
data-id="containerComponent"
|
|
4331
4281
|
data-selector-id="container"
|
|
4332
4282
|
data-test-id="containerComponent"
|
|
@@ -4336,7 +4286,7 @@ exports[`FlipCard renders with isChecked - true 1`] = `
|
|
|
4336
4286
|
data-selector-id="avatarUser"
|
|
4337
4287
|
>
|
|
4338
4288
|
<div
|
|
4339
|
-
class="avatar medium medium circle primary black border
|
|
4289
|
+
class="avatar medium medium circle primary black border"
|
|
4340
4290
|
data-id="Avatar"
|
|
4341
4291
|
data-selector-id="avatar"
|
|
4342
4292
|
data-test-id="Avatar"
|
|
@@ -4358,21 +4308,20 @@ exports[`FlipCard renders with isChecked - true 1`] = `
|
|
|
4358
4308
|
exports[`FlipCard renders with isFilledCheckbox - true 1`] = `
|
|
4359
4309
|
<DocumentFragment>
|
|
4360
4310
|
<div
|
|
4361
|
-
class="medium
|
|
4311
|
+
class="medium flip"
|
|
4362
4312
|
>
|
|
4363
4313
|
<div
|
|
4364
4314
|
class="container"
|
|
4365
4315
|
>
|
|
4366
4316
|
<div
|
|
4367
|
-
class="
|
|
4317
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
4368
4318
|
data-id="containerComponent"
|
|
4369
4319
|
data-selector-id="container"
|
|
4370
4320
|
data-test-id="containerComponent"
|
|
4371
4321
|
>
|
|
4372
4322
|
<div
|
|
4373
4323
|
aria-checked="false"
|
|
4374
|
-
class="container pointer primary
|
|
4375
|
-
inflex rowdir vCenter"
|
|
4324
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
4376
4325
|
data-id="listViewCheckBox_undefined"
|
|
4377
4326
|
data-selector-id="checkbox_undefined"
|
|
4378
4327
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -4380,7 +4329,7 @@ exports[`FlipCard renders with isFilledCheckbox - true 1`] = `
|
|
|
4380
4329
|
tabindex="0"
|
|
4381
4330
|
>
|
|
4382
4331
|
<div
|
|
4383
|
-
class="boxContainer
|
|
4332
|
+
class="noShrink boxContainer medium filled"
|
|
4384
4333
|
data-id="boxComponent"
|
|
4385
4334
|
data-selector-id="box"
|
|
4386
4335
|
data-test-id="boxComponent"
|
|
@@ -4390,7 +4339,7 @@ exports[`FlipCard renders with isFilledCheckbox - true 1`] = `
|
|
|
4390
4339
|
type="hidden"
|
|
4391
4340
|
/>
|
|
4392
4341
|
<label
|
|
4393
|
-
class="checkbox pointer medium
|
|
4342
|
+
class="checkbox pointer medium"
|
|
4394
4343
|
>
|
|
4395
4344
|
<svg
|
|
4396
4345
|
viewBox="0 0 40 40"
|
|
@@ -4411,7 +4360,7 @@ exports[`FlipCard renders with isFilledCheckbox - true 1`] = `
|
|
|
4411
4360
|
</div>
|
|
4412
4361
|
</div>
|
|
4413
4362
|
<div
|
|
4414
|
-
class="
|
|
4363
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
4415
4364
|
data-id="containerComponent"
|
|
4416
4365
|
data-selector-id="container"
|
|
4417
4366
|
data-test-id="containerComponent"
|
|
@@ -4421,7 +4370,7 @@ exports[`FlipCard renders with isFilledCheckbox - true 1`] = `
|
|
|
4421
4370
|
data-selector-id="avatarUser"
|
|
4422
4371
|
>
|
|
4423
4372
|
<div
|
|
4424
|
-
class="avatar medium medium circle primary black border
|
|
4373
|
+
class="avatar medium medium circle primary black border"
|
|
4425
4374
|
data-id="Avatar"
|
|
4426
4375
|
data-selector-id="avatar"
|
|
4427
4376
|
data-test-id="Avatar"
|
|
@@ -4443,21 +4392,20 @@ exports[`FlipCard renders with isFilledCheckbox - true 1`] = `
|
|
|
4443
4392
|
exports[`FlipCard renders with isPaidUser - true 1`] = `
|
|
4444
4393
|
<DocumentFragment>
|
|
4445
4394
|
<div
|
|
4446
|
-
class="medium
|
|
4395
|
+
class="medium flip"
|
|
4447
4396
|
>
|
|
4448
4397
|
<div
|
|
4449
4398
|
class="container"
|
|
4450
4399
|
>
|
|
4451
4400
|
<div
|
|
4452
|
-
class="
|
|
4401
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
4453
4402
|
data-id="containerComponent"
|
|
4454
4403
|
data-selector-id="container"
|
|
4455
4404
|
data-test-id="containerComponent"
|
|
4456
4405
|
>
|
|
4457
4406
|
<div
|
|
4458
4407
|
aria-checked="false"
|
|
4459
|
-
class="container pointer primary
|
|
4460
|
-
inflex rowdir vCenter"
|
|
4408
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
4461
4409
|
data-id="listViewCheckBox_undefined"
|
|
4462
4410
|
data-selector-id="checkbox_undefined"
|
|
4463
4411
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -4465,7 +4413,7 @@ exports[`FlipCard renders with isPaidUser - true 1`] = `
|
|
|
4465
4413
|
tabindex="0"
|
|
4466
4414
|
>
|
|
4467
4415
|
<div
|
|
4468
|
-
class="boxContainer
|
|
4416
|
+
class="noShrink boxContainer medium filled"
|
|
4469
4417
|
data-id="boxComponent"
|
|
4470
4418
|
data-selector-id="box"
|
|
4471
4419
|
data-test-id="boxComponent"
|
|
@@ -4475,7 +4423,7 @@ exports[`FlipCard renders with isPaidUser - true 1`] = `
|
|
|
4475
4423
|
type="hidden"
|
|
4476
4424
|
/>
|
|
4477
4425
|
<label
|
|
4478
|
-
class="checkbox pointer medium
|
|
4426
|
+
class="checkbox pointer medium"
|
|
4479
4427
|
>
|
|
4480
4428
|
<svg
|
|
4481
4429
|
viewBox="0 0 40 40"
|
|
@@ -4496,7 +4444,7 @@ exports[`FlipCard renders with isPaidUser - true 1`] = `
|
|
|
4496
4444
|
</div>
|
|
4497
4445
|
</div>
|
|
4498
4446
|
<div
|
|
4499
|
-
class="
|
|
4447
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
4500
4448
|
data-id="containerComponent"
|
|
4501
4449
|
data-selector-id="container"
|
|
4502
4450
|
data-test-id="containerComponent"
|
|
@@ -4506,7 +4454,7 @@ exports[`FlipCard renders with isPaidUser - true 1`] = `
|
|
|
4506
4454
|
data-selector-id="avatarUser"
|
|
4507
4455
|
>
|
|
4508
4456
|
<div
|
|
4509
|
-
class="avatar medium medium circle primary black border
|
|
4457
|
+
class="avatar medium medium circle primary black border"
|
|
4510
4458
|
data-id="Avatar"
|
|
4511
4459
|
data-selector-id="avatar"
|
|
4512
4460
|
data-test-id="Avatar"
|
|
@@ -4526,16 +4474,16 @@ exports[`FlipCard renders with isPaidUser - true 1`] = `
|
|
|
4526
4474
|
>
|
|
4527
4475
|
<i
|
|
4528
4476
|
aria-hidden="true"
|
|
4529
|
-
class="zd_font_icons basic icon-paiduser
|
|
4477
|
+
class="zd_font_icons basic icon-paiduser"
|
|
4530
4478
|
data-id="fontIcon"
|
|
4531
4479
|
data-selector-id="fontIcon"
|
|
4532
4480
|
data-test-id="fontIcon"
|
|
4533
4481
|
>
|
|
4534
4482
|
<span
|
|
4535
|
-
class="path1
|
|
4483
|
+
class="path1"
|
|
4536
4484
|
/>
|
|
4537
4485
|
<span
|
|
4538
|
-
class="path2
|
|
4486
|
+
class="path2"
|
|
4539
4487
|
/>
|
|
4540
4488
|
</i>
|
|
4541
4489
|
</span>
|
|
@@ -4549,21 +4497,20 @@ exports[`FlipCard renders with isPaidUser - true 1`] = `
|
|
|
4549
4497
|
exports[`FlipCard renders with isPortalUser - true 1`] = `
|
|
4550
4498
|
<DocumentFragment>
|
|
4551
4499
|
<div
|
|
4552
|
-
class="medium
|
|
4500
|
+
class="medium flip"
|
|
4553
4501
|
>
|
|
4554
4502
|
<div
|
|
4555
4503
|
class="container"
|
|
4556
4504
|
>
|
|
4557
4505
|
<div
|
|
4558
|
-
class="
|
|
4506
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
4559
4507
|
data-id="containerComponent"
|
|
4560
4508
|
data-selector-id="container"
|
|
4561
4509
|
data-test-id="containerComponent"
|
|
4562
4510
|
>
|
|
4563
4511
|
<div
|
|
4564
4512
|
aria-checked="false"
|
|
4565
|
-
class="container pointer primary
|
|
4566
|
-
inflex rowdir vCenter"
|
|
4513
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
4567
4514
|
data-id="listViewCheckBox_undefined"
|
|
4568
4515
|
data-selector-id="checkbox_undefined"
|
|
4569
4516
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -4571,7 +4518,7 @@ exports[`FlipCard renders with isPortalUser - true 1`] = `
|
|
|
4571
4518
|
tabindex="0"
|
|
4572
4519
|
>
|
|
4573
4520
|
<div
|
|
4574
|
-
class="boxContainer
|
|
4521
|
+
class="noShrink boxContainer medium filled"
|
|
4575
4522
|
data-id="boxComponent"
|
|
4576
4523
|
data-selector-id="box"
|
|
4577
4524
|
data-test-id="boxComponent"
|
|
@@ -4581,7 +4528,7 @@ exports[`FlipCard renders with isPortalUser - true 1`] = `
|
|
|
4581
4528
|
type="hidden"
|
|
4582
4529
|
/>
|
|
4583
4530
|
<label
|
|
4584
|
-
class="checkbox pointer medium
|
|
4531
|
+
class="checkbox pointer medium"
|
|
4585
4532
|
>
|
|
4586
4533
|
<svg
|
|
4587
4534
|
viewBox="0 0 40 40"
|
|
@@ -4602,7 +4549,7 @@ exports[`FlipCard renders with isPortalUser - true 1`] = `
|
|
|
4602
4549
|
</div>
|
|
4603
4550
|
</div>
|
|
4604
4551
|
<div
|
|
4605
|
-
class="
|
|
4552
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
4606
4553
|
data-id="containerComponent"
|
|
4607
4554
|
data-selector-id="container"
|
|
4608
4555
|
data-test-id="containerComponent"
|
|
@@ -4612,7 +4559,7 @@ exports[`FlipCard renders with isPortalUser - true 1`] = `
|
|
|
4612
4559
|
data-selector-id="avatarUser"
|
|
4613
4560
|
>
|
|
4614
4561
|
<div
|
|
4615
|
-
class="avatar medium medium circle primary black border
|
|
4562
|
+
class="avatar medium medium circle primary black border"
|
|
4616
4563
|
data-id="Avatar"
|
|
4617
4564
|
data-selector-id="avatar"
|
|
4618
4565
|
data-test-id="Avatar"
|
|
@@ -4632,7 +4579,7 @@ exports[`FlipCard renders with isPortalUser - true 1`] = `
|
|
|
4632
4579
|
>
|
|
4633
4580
|
<i
|
|
4634
4581
|
aria-hidden="true"
|
|
4635
|
-
class="zd_font_icons basic icon-globe1
|
|
4582
|
+
class="zd_font_icons basic icon-globe1"
|
|
4636
4583
|
data-id="fontIcon"
|
|
4637
4584
|
data-selector-id="fontIcon"
|
|
4638
4585
|
data-test-id="fontIcon"
|
|
@@ -4648,21 +4595,20 @@ exports[`FlipCard renders with isPortalUser - true 1`] = `
|
|
|
4648
4595
|
exports[`FlipCard renders with name 1`] = `
|
|
4649
4596
|
<DocumentFragment>
|
|
4650
4597
|
<div
|
|
4651
|
-
class="medium
|
|
4598
|
+
class="medium flip"
|
|
4652
4599
|
>
|
|
4653
4600
|
<div
|
|
4654
4601
|
class="container"
|
|
4655
4602
|
>
|
|
4656
4603
|
<div
|
|
4657
|
-
class="
|
|
4604
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
4658
4605
|
data-id="containerComponent"
|
|
4659
4606
|
data-selector-id="container"
|
|
4660
4607
|
data-test-id="containerComponent"
|
|
4661
4608
|
>
|
|
4662
4609
|
<div
|
|
4663
4610
|
aria-checked="false"
|
|
4664
|
-
class="container pointer primary
|
|
4665
|
-
inflex rowdir vCenter"
|
|
4611
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
4666
4612
|
data-id="listViewCheckBox_undefined"
|
|
4667
4613
|
data-selector-id="checkbox_undefined"
|
|
4668
4614
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -4670,7 +4616,7 @@ exports[`FlipCard renders with name 1`] = `
|
|
|
4670
4616
|
tabindex="0"
|
|
4671
4617
|
>
|
|
4672
4618
|
<div
|
|
4673
|
-
class="boxContainer
|
|
4619
|
+
class="noShrink boxContainer medium filled"
|
|
4674
4620
|
data-id="boxComponent"
|
|
4675
4621
|
data-selector-id="box"
|
|
4676
4622
|
data-test-id="boxComponent"
|
|
@@ -4680,7 +4626,7 @@ exports[`FlipCard renders with name 1`] = `
|
|
|
4680
4626
|
type="hidden"
|
|
4681
4627
|
/>
|
|
4682
4628
|
<label
|
|
4683
|
-
class="checkbox pointer medium
|
|
4629
|
+
class="checkbox pointer medium"
|
|
4684
4630
|
>
|
|
4685
4631
|
<svg
|
|
4686
4632
|
viewBox="0 0 40 40"
|
|
@@ -4701,7 +4647,7 @@ exports[`FlipCard renders with name 1`] = `
|
|
|
4701
4647
|
</div>
|
|
4702
4648
|
</div>
|
|
4703
4649
|
<div
|
|
4704
|
-
class="
|
|
4650
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
4705
4651
|
data-id="containerComponent"
|
|
4706
4652
|
data-selector-id="container"
|
|
4707
4653
|
data-test-id="containerComponent"
|
|
@@ -4713,7 +4659,7 @@ exports[`FlipCard renders with name 1`] = `
|
|
|
4713
4659
|
data-test-id="Test Name"
|
|
4714
4660
|
>
|
|
4715
4661
|
<div
|
|
4716
|
-
class="avatar medium medium circle primary black border
|
|
4662
|
+
class="avatar medium medium circle primary black border"
|
|
4717
4663
|
data-id="Avatar"
|
|
4718
4664
|
data-selector-id="avatar"
|
|
4719
4665
|
data-test-id="Avatar"
|
|
@@ -4738,21 +4684,20 @@ exports[`FlipCard renders with name 1`] = `
|
|
|
4738
4684
|
exports[`FlipCard renders with needTitle - true 1`] = `
|
|
4739
4685
|
<DocumentFragment>
|
|
4740
4686
|
<div
|
|
4741
|
-
class="medium
|
|
4687
|
+
class="medium flip"
|
|
4742
4688
|
>
|
|
4743
4689
|
<div
|
|
4744
4690
|
class="container"
|
|
4745
4691
|
>
|
|
4746
4692
|
<div
|
|
4747
|
-
class="
|
|
4693
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
4748
4694
|
data-id="containerComponent"
|
|
4749
4695
|
data-selector-id="container"
|
|
4750
4696
|
data-test-id="containerComponent"
|
|
4751
4697
|
>
|
|
4752
4698
|
<div
|
|
4753
4699
|
aria-checked="false"
|
|
4754
|
-
class="container pointer primary
|
|
4755
|
-
inflex rowdir vCenter"
|
|
4700
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
4756
4701
|
data-id="listViewCheckBox_undefined"
|
|
4757
4702
|
data-selector-id="checkbox_undefined"
|
|
4758
4703
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -4760,7 +4705,7 @@ exports[`FlipCard renders with needTitle - true 1`] = `
|
|
|
4760
4705
|
tabindex="0"
|
|
4761
4706
|
>
|
|
4762
4707
|
<div
|
|
4763
|
-
class="boxContainer
|
|
4708
|
+
class="noShrink boxContainer medium filled"
|
|
4764
4709
|
data-id="boxComponent"
|
|
4765
4710
|
data-selector-id="box"
|
|
4766
4711
|
data-test-id="boxComponent"
|
|
@@ -4770,7 +4715,7 @@ exports[`FlipCard renders with needTitle - true 1`] = `
|
|
|
4770
4715
|
type="hidden"
|
|
4771
4716
|
/>
|
|
4772
4717
|
<label
|
|
4773
|
-
class="checkbox pointer medium
|
|
4718
|
+
class="checkbox pointer medium"
|
|
4774
4719
|
>
|
|
4775
4720
|
<svg
|
|
4776
4721
|
viewBox="0 0 40 40"
|
|
@@ -4791,7 +4736,7 @@ exports[`FlipCard renders with needTitle - true 1`] = `
|
|
|
4791
4736
|
</div>
|
|
4792
4737
|
</div>
|
|
4793
4738
|
<div
|
|
4794
|
-
class="
|
|
4739
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
4795
4740
|
data-id="containerComponent"
|
|
4796
4741
|
data-selector-id="container"
|
|
4797
4742
|
data-test-id="containerComponent"
|
|
@@ -4803,7 +4748,7 @@ exports[`FlipCard renders with needTitle - true 1`] = `
|
|
|
4803
4748
|
data-test-id="channel"
|
|
4804
4749
|
>
|
|
4805
4750
|
<div
|
|
4806
|
-
class="avatar medium medium circle primary black border
|
|
4751
|
+
class="avatar medium medium circle primary black border"
|
|
4807
4752
|
data-id="Avatar"
|
|
4808
4753
|
data-selector-id="avatar"
|
|
4809
4754
|
data-test-id="Avatar"
|
|
@@ -4828,13 +4773,13 @@ exports[`FlipCard renders with needTitle - true 1`] = `
|
|
|
4828
4773
|
exports[`FlipCard renders with noNeedFlip - true 1`] = `
|
|
4829
4774
|
<DocumentFragment>
|
|
4830
4775
|
<div
|
|
4831
|
-
class="medium
|
|
4776
|
+
class="medium flipNone"
|
|
4832
4777
|
>
|
|
4833
4778
|
<div
|
|
4834
4779
|
class="container"
|
|
4835
4780
|
>
|
|
4836
4781
|
<div
|
|
4837
|
-
class="
|
|
4782
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
4838
4783
|
data-id="containerComponent"
|
|
4839
4784
|
data-selector-id="container"
|
|
4840
4785
|
data-test-id="containerComponent"
|
|
@@ -4844,7 +4789,7 @@ exports[`FlipCard renders with noNeedFlip - true 1`] = `
|
|
|
4844
4789
|
data-selector-id="avatarUser"
|
|
4845
4790
|
>
|
|
4846
4791
|
<div
|
|
4847
|
-
class="avatar medium medium circle primary black border
|
|
4792
|
+
class="avatar medium medium circle primary black border"
|
|
4848
4793
|
data-id="Avatar"
|
|
4849
4794
|
data-selector-id="avatar"
|
|
4850
4795
|
data-test-id="Avatar"
|
|
@@ -4866,21 +4811,20 @@ exports[`FlipCard renders with noNeedFlip - true 1`] = `
|
|
|
4866
4811
|
exports[`FlipCard renders with noNeedFlip set to false 1`] = `
|
|
4867
4812
|
<DocumentFragment>
|
|
4868
4813
|
<div
|
|
4869
|
-
class="medium
|
|
4814
|
+
class="medium flip"
|
|
4870
4815
|
>
|
|
4871
4816
|
<div
|
|
4872
4817
|
class="container"
|
|
4873
4818
|
>
|
|
4874
4819
|
<div
|
|
4875
|
-
class="
|
|
4820
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
4876
4821
|
data-id="containerComponent"
|
|
4877
4822
|
data-selector-id="container"
|
|
4878
4823
|
data-test-id="containerComponent"
|
|
4879
4824
|
>
|
|
4880
4825
|
<div
|
|
4881
4826
|
aria-checked="false"
|
|
4882
|
-
class="container pointer primary
|
|
4883
|
-
inflex rowdir vCenter"
|
|
4827
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
4884
4828
|
data-id="listViewCheckBox_undefined"
|
|
4885
4829
|
data-selector-id="checkbox_undefined"
|
|
4886
4830
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -4888,7 +4832,7 @@ exports[`FlipCard renders with noNeedFlip set to false 1`] = `
|
|
|
4888
4832
|
tabindex="0"
|
|
4889
4833
|
>
|
|
4890
4834
|
<div
|
|
4891
|
-
class="boxContainer
|
|
4835
|
+
class="noShrink boxContainer medium filled"
|
|
4892
4836
|
data-id="boxComponent"
|
|
4893
4837
|
data-selector-id="box"
|
|
4894
4838
|
data-test-id="boxComponent"
|
|
@@ -4898,7 +4842,7 @@ exports[`FlipCard renders with noNeedFlip set to false 1`] = `
|
|
|
4898
4842
|
type="hidden"
|
|
4899
4843
|
/>
|
|
4900
4844
|
<label
|
|
4901
|
-
class="checkbox pointer medium
|
|
4845
|
+
class="checkbox pointer medium"
|
|
4902
4846
|
>
|
|
4903
4847
|
<svg
|
|
4904
4848
|
viewBox="0 0 40 40"
|
|
@@ -4919,7 +4863,7 @@ exports[`FlipCard renders with noNeedFlip set to false 1`] = `
|
|
|
4919
4863
|
</div>
|
|
4920
4864
|
</div>
|
|
4921
4865
|
<div
|
|
4922
|
-
class="
|
|
4866
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
4923
4867
|
data-id="containerComponent"
|
|
4924
4868
|
data-selector-id="container"
|
|
4925
4869
|
data-test-id="containerComponent"
|
|
@@ -4929,7 +4873,7 @@ exports[`FlipCard renders with noNeedFlip set to false 1`] = `
|
|
|
4929
4873
|
data-selector-id="avatarUser"
|
|
4930
4874
|
>
|
|
4931
4875
|
<div
|
|
4932
|
-
class="avatar medium medium circle primary black border
|
|
4876
|
+
class="avatar medium medium circle primary black border"
|
|
4933
4877
|
data-id="Avatar"
|
|
4934
4878
|
data-selector-id="avatar"
|
|
4935
4879
|
data-test-id="Avatar"
|
|
@@ -4951,21 +4895,20 @@ exports[`FlipCard renders with noNeedFlip set to false 1`] = `
|
|
|
4951
4895
|
exports[`FlipCard renders with noNeedFlip set to false and custom props 1`] = `
|
|
4952
4896
|
<DocumentFragment>
|
|
4953
4897
|
<div
|
|
4954
|
-
class="medium
|
|
4898
|
+
class="medium flip"
|
|
4955
4899
|
>
|
|
4956
4900
|
<div
|
|
4957
4901
|
class="container"
|
|
4958
4902
|
>
|
|
4959
4903
|
<div
|
|
4960
|
-
class="
|
|
4904
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
4961
4905
|
data-id="containerComponent"
|
|
4962
4906
|
data-selector-id="container"
|
|
4963
4907
|
data-test-id="containerComponent"
|
|
4964
4908
|
>
|
|
4965
4909
|
<div
|
|
4966
4910
|
aria-checked="true"
|
|
4967
|
-
class="container pointer primary
|
|
4968
|
-
checkedprimary inflex rowdir vCenter"
|
|
4911
|
+
class="inlineFlex row alignItems_center container pointer primary checkedprimary"
|
|
4969
4912
|
data-id="listViewCheckBox_undefined"
|
|
4970
4913
|
data-selector-id="checkbox_undefined"
|
|
4971
4914
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -4973,7 +4916,7 @@ exports[`FlipCard renders with noNeedFlip set to false and custom props 1`] = `
|
|
|
4973
4916
|
tabindex="0"
|
|
4974
4917
|
>
|
|
4975
4918
|
<div
|
|
4976
|
-
class="boxContainer
|
|
4919
|
+
class="noShrink boxContainer medium filled"
|
|
4977
4920
|
data-id="boxComponent"
|
|
4978
4921
|
data-selector-id="box"
|
|
4979
4922
|
data-test-id="boxComponent"
|
|
@@ -4983,7 +4926,7 @@ exports[`FlipCard renders with noNeedFlip set to false and custom props 1`] = `
|
|
|
4983
4926
|
type="hidden"
|
|
4984
4927
|
/>
|
|
4985
4928
|
<label
|
|
4986
|
-
class="checkbox pointer medium
|
|
4929
|
+
class="checkbox pointer medium"
|
|
4987
4930
|
>
|
|
4988
4931
|
<svg
|
|
4989
4932
|
viewBox="0 0 40 40"
|
|
@@ -4996,7 +4939,7 @@ exports[`FlipCard renders with noNeedFlip set to false and custom props 1`] = `
|
|
|
4996
4939
|
/>
|
|
4997
4940
|
</svg>
|
|
4998
4941
|
<svg
|
|
4999
|
-
class="tick mediumtick
|
|
4942
|
+
class="tick mediumtick"
|
|
5000
4943
|
viewBox="0 0 44 44"
|
|
5001
4944
|
xmlns="http://www.w3.org/2000/svg"
|
|
5002
4945
|
>
|
|
@@ -5010,7 +4953,7 @@ exports[`FlipCard renders with noNeedFlip set to false and custom props 1`] = `
|
|
|
5010
4953
|
</div>
|
|
5011
4954
|
</div>
|
|
5012
4955
|
<div
|
|
5013
|
-
class="
|
|
4956
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
5014
4957
|
data-id="containerComponent"
|
|
5015
4958
|
data-selector-id="container"
|
|
5016
4959
|
data-test-id="containerComponent"
|
|
@@ -5020,7 +4963,7 @@ exports[`FlipCard renders with noNeedFlip set to false and custom props 1`] = `
|
|
|
5020
4963
|
data-selector-id="avatarUser"
|
|
5021
4964
|
>
|
|
5022
4965
|
<div
|
|
5023
|
-
class="avatar medium medium circle primary black border
|
|
4966
|
+
class="avatar medium medium circle primary black border"
|
|
5024
4967
|
data-id="Avatar"
|
|
5025
4968
|
data-selector-id="avatar"
|
|
5026
4969
|
data-test-id="Avatar"
|
|
@@ -5042,21 +4985,20 @@ exports[`FlipCard renders with noNeedFlip set to false and custom props 1`] = `
|
|
|
5042
4985
|
exports[`FlipCard renders with noNeedFlip set to false and isChecked set to true 1`] = `
|
|
5043
4986
|
<DocumentFragment>
|
|
5044
4987
|
<div
|
|
5045
|
-
class="medium
|
|
4988
|
+
class="medium notFlip"
|
|
5046
4989
|
>
|
|
5047
4990
|
<div
|
|
5048
4991
|
class="container"
|
|
5049
4992
|
>
|
|
5050
4993
|
<div
|
|
5051
|
-
class="
|
|
4994
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
5052
4995
|
data-id="containerComponent"
|
|
5053
4996
|
data-selector-id="container"
|
|
5054
4997
|
data-test-id="containerComponent"
|
|
5055
4998
|
>
|
|
5056
4999
|
<div
|
|
5057
5000
|
aria-checked="true"
|
|
5058
|
-
class="container pointer primary
|
|
5059
|
-
checkedprimary inflex rowdir vCenter"
|
|
5001
|
+
class="inlineFlex row alignItems_center container pointer primary checkedprimary"
|
|
5060
5002
|
data-id="listViewCheckBox_undefined"
|
|
5061
5003
|
data-selector-id="checkbox_undefined"
|
|
5062
5004
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -5064,7 +5006,7 @@ exports[`FlipCard renders with noNeedFlip set to false and isChecked set to true
|
|
|
5064
5006
|
tabindex="0"
|
|
5065
5007
|
>
|
|
5066
5008
|
<div
|
|
5067
|
-
class="boxContainer
|
|
5009
|
+
class="noShrink boxContainer medium filled"
|
|
5068
5010
|
data-id="boxComponent"
|
|
5069
5011
|
data-selector-id="box"
|
|
5070
5012
|
data-test-id="boxComponent"
|
|
@@ -5074,7 +5016,7 @@ exports[`FlipCard renders with noNeedFlip set to false and isChecked set to true
|
|
|
5074
5016
|
type="hidden"
|
|
5075
5017
|
/>
|
|
5076
5018
|
<label
|
|
5077
|
-
class="checkbox pointer medium
|
|
5019
|
+
class="checkbox pointer medium"
|
|
5078
5020
|
>
|
|
5079
5021
|
<svg
|
|
5080
5022
|
viewBox="0 0 40 40"
|
|
@@ -5087,7 +5029,7 @@ exports[`FlipCard renders with noNeedFlip set to false and isChecked set to true
|
|
|
5087
5029
|
/>
|
|
5088
5030
|
</svg>
|
|
5089
5031
|
<svg
|
|
5090
|
-
class="tick mediumtick
|
|
5032
|
+
class="tick mediumtick"
|
|
5091
5033
|
viewBox="0 0 44 44"
|
|
5092
5034
|
xmlns="http://www.w3.org/2000/svg"
|
|
5093
5035
|
>
|
|
@@ -5101,7 +5043,7 @@ exports[`FlipCard renders with noNeedFlip set to false and isChecked set to true
|
|
|
5101
5043
|
</div>
|
|
5102
5044
|
</div>
|
|
5103
5045
|
<div
|
|
5104
|
-
class="
|
|
5046
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
5105
5047
|
data-id="containerComponent"
|
|
5106
5048
|
data-selector-id="container"
|
|
5107
5049
|
data-test-id="containerComponent"
|
|
@@ -5111,7 +5053,7 @@ exports[`FlipCard renders with noNeedFlip set to false and isChecked set to true
|
|
|
5111
5053
|
data-selector-id="avatarUser"
|
|
5112
5054
|
>
|
|
5113
5055
|
<div
|
|
5114
|
-
class="avatar medium medium circle primary black border
|
|
5056
|
+
class="avatar medium medium circle primary black border"
|
|
5115
5057
|
data-id="Avatar"
|
|
5116
5058
|
data-selector-id="avatar"
|
|
5117
5059
|
data-test-id="Avatar"
|
|
@@ -5133,21 +5075,20 @@ exports[`FlipCard renders with noNeedFlip set to false and isChecked set to true
|
|
|
5133
5075
|
exports[`FlipCard renders with noNeedFlip set to false and size variations 1`] = `
|
|
5134
5076
|
<DocumentFragment>
|
|
5135
5077
|
<div
|
|
5136
|
-
class="small
|
|
5078
|
+
class="small flip"
|
|
5137
5079
|
>
|
|
5138
5080
|
<div
|
|
5139
5081
|
class="container"
|
|
5140
5082
|
>
|
|
5141
5083
|
<div
|
|
5142
|
-
class="
|
|
5084
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
5143
5085
|
data-id="containerComponent"
|
|
5144
5086
|
data-selector-id="container"
|
|
5145
5087
|
data-test-id="containerComponent"
|
|
5146
5088
|
>
|
|
5147
5089
|
<div
|
|
5148
5090
|
aria-checked="false"
|
|
5149
|
-
class="container pointer primary
|
|
5150
|
-
inflex rowdir vCenter"
|
|
5091
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
5151
5092
|
data-id="listViewCheckBox_undefined"
|
|
5152
5093
|
data-selector-id="checkbox_undefined"
|
|
5153
5094
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -5155,7 +5096,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 1`] =
|
|
|
5155
5096
|
tabindex="0"
|
|
5156
5097
|
>
|
|
5157
5098
|
<div
|
|
5158
|
-
class="boxContainer
|
|
5099
|
+
class="noShrink boxContainer medium filled"
|
|
5159
5100
|
data-id="boxComponent"
|
|
5160
5101
|
data-selector-id="box"
|
|
5161
5102
|
data-test-id="boxComponent"
|
|
@@ -5165,7 +5106,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 1`] =
|
|
|
5165
5106
|
type="hidden"
|
|
5166
5107
|
/>
|
|
5167
5108
|
<label
|
|
5168
|
-
class="checkbox pointer medium
|
|
5109
|
+
class="checkbox pointer medium"
|
|
5169
5110
|
>
|
|
5170
5111
|
<svg
|
|
5171
5112
|
viewBox="0 0 40 40"
|
|
@@ -5186,7 +5127,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 1`] =
|
|
|
5186
5127
|
</div>
|
|
5187
5128
|
</div>
|
|
5188
5129
|
<div
|
|
5189
|
-
class="
|
|
5130
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
5190
5131
|
data-id="containerComponent"
|
|
5191
5132
|
data-selector-id="container"
|
|
5192
5133
|
data-test-id="containerComponent"
|
|
@@ -5196,7 +5137,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 1`] =
|
|
|
5196
5137
|
data-selector-id="avatarUser"
|
|
5197
5138
|
>
|
|
5198
5139
|
<div
|
|
5199
|
-
class="avatar small small circle primary black border
|
|
5140
|
+
class="avatar small small circle primary black border"
|
|
5200
5141
|
data-id="Avatar"
|
|
5201
5142
|
data-selector-id="avatar"
|
|
5202
5143
|
data-test-id="Avatar"
|
|
@@ -5218,21 +5159,20 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 1`] =
|
|
|
5218
5159
|
exports[`FlipCard renders with noNeedFlip set to false and size variations 2`] = `
|
|
5219
5160
|
<DocumentFragment>
|
|
5220
5161
|
<div
|
|
5221
|
-
class="medium
|
|
5162
|
+
class="medium flip"
|
|
5222
5163
|
>
|
|
5223
5164
|
<div
|
|
5224
5165
|
class="container"
|
|
5225
5166
|
>
|
|
5226
5167
|
<div
|
|
5227
|
-
class="
|
|
5168
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
5228
5169
|
data-id="containerComponent"
|
|
5229
5170
|
data-selector-id="container"
|
|
5230
5171
|
data-test-id="containerComponent"
|
|
5231
5172
|
>
|
|
5232
5173
|
<div
|
|
5233
5174
|
aria-checked="false"
|
|
5234
|
-
class="container pointer primary
|
|
5235
|
-
inflex rowdir vCenter"
|
|
5175
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
5236
5176
|
data-id="listViewCheckBox_undefined"
|
|
5237
5177
|
data-selector-id="checkbox_undefined"
|
|
5238
5178
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -5240,7 +5180,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 2`] =
|
|
|
5240
5180
|
tabindex="0"
|
|
5241
5181
|
>
|
|
5242
5182
|
<div
|
|
5243
|
-
class="boxContainer
|
|
5183
|
+
class="noShrink boxContainer medium filled"
|
|
5244
5184
|
data-id="boxComponent"
|
|
5245
5185
|
data-selector-id="box"
|
|
5246
5186
|
data-test-id="boxComponent"
|
|
@@ -5250,7 +5190,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 2`] =
|
|
|
5250
5190
|
type="hidden"
|
|
5251
5191
|
/>
|
|
5252
5192
|
<label
|
|
5253
|
-
class="checkbox pointer medium
|
|
5193
|
+
class="checkbox pointer medium"
|
|
5254
5194
|
>
|
|
5255
5195
|
<svg
|
|
5256
5196
|
viewBox="0 0 40 40"
|
|
@@ -5271,7 +5211,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 2`] =
|
|
|
5271
5211
|
</div>
|
|
5272
5212
|
</div>
|
|
5273
5213
|
<div
|
|
5274
|
-
class="
|
|
5214
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
5275
5215
|
data-id="containerComponent"
|
|
5276
5216
|
data-selector-id="container"
|
|
5277
5217
|
data-test-id="containerComponent"
|
|
@@ -5281,7 +5221,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 2`] =
|
|
|
5281
5221
|
data-selector-id="avatarUser"
|
|
5282
5222
|
>
|
|
5283
5223
|
<div
|
|
5284
|
-
class="avatar medium medium circle primary black border
|
|
5224
|
+
class="avatar medium medium circle primary black border"
|
|
5285
5225
|
data-id="Avatar"
|
|
5286
5226
|
data-selector-id="avatar"
|
|
5287
5227
|
data-test-id="Avatar"
|
|
@@ -5303,21 +5243,20 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 2`] =
|
|
|
5303
5243
|
exports[`FlipCard renders with noNeedFlip set to false and size variations 3`] = `
|
|
5304
5244
|
<DocumentFragment>
|
|
5305
5245
|
<div
|
|
5306
|
-
class="large
|
|
5246
|
+
class="large flip"
|
|
5307
5247
|
>
|
|
5308
5248
|
<div
|
|
5309
5249
|
class="container"
|
|
5310
5250
|
>
|
|
5311
5251
|
<div
|
|
5312
|
-
class="
|
|
5252
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
5313
5253
|
data-id="containerComponent"
|
|
5314
5254
|
data-selector-id="container"
|
|
5315
5255
|
data-test-id="containerComponent"
|
|
5316
5256
|
>
|
|
5317
5257
|
<div
|
|
5318
5258
|
aria-checked="false"
|
|
5319
|
-
class="container pointer primary
|
|
5320
|
-
inflex rowdir vCenter"
|
|
5259
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
5321
5260
|
data-id="listViewCheckBox_undefined"
|
|
5322
5261
|
data-selector-id="checkbox_undefined"
|
|
5323
5262
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -5325,7 +5264,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 3`] =
|
|
|
5325
5264
|
tabindex="0"
|
|
5326
5265
|
>
|
|
5327
5266
|
<div
|
|
5328
|
-
class="boxContainer
|
|
5267
|
+
class="noShrink boxContainer medium filled"
|
|
5329
5268
|
data-id="boxComponent"
|
|
5330
5269
|
data-selector-id="box"
|
|
5331
5270
|
data-test-id="boxComponent"
|
|
@@ -5335,7 +5274,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 3`] =
|
|
|
5335
5274
|
type="hidden"
|
|
5336
5275
|
/>
|
|
5337
5276
|
<label
|
|
5338
|
-
class="checkbox pointer medium
|
|
5277
|
+
class="checkbox pointer medium"
|
|
5339
5278
|
>
|
|
5340
5279
|
<svg
|
|
5341
5280
|
viewBox="0 0 40 40"
|
|
@@ -5356,7 +5295,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 3`] =
|
|
|
5356
5295
|
</div>
|
|
5357
5296
|
</div>
|
|
5358
5297
|
<div
|
|
5359
|
-
class="
|
|
5298
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
5360
5299
|
data-id="containerComponent"
|
|
5361
5300
|
data-selector-id="container"
|
|
5362
5301
|
data-test-id="containerComponent"
|
|
@@ -5366,7 +5305,7 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 3`] =
|
|
|
5366
5305
|
data-selector-id="avatarUser"
|
|
5367
5306
|
>
|
|
5368
5307
|
<div
|
|
5369
|
-
class="avatar large large circle primary black border
|
|
5308
|
+
class="avatar large large circle primary black border"
|
|
5370
5309
|
data-id="Avatar"
|
|
5371
5310
|
data-selector-id="avatar"
|
|
5372
5311
|
data-test-id="Avatar"
|
|
@@ -5388,13 +5327,13 @@ exports[`FlipCard renders with noNeedFlip set to false and size variations 3`] =
|
|
|
5388
5327
|
exports[`FlipCard renders with noNeedFlip set to true and custom props 1`] = `
|
|
5389
5328
|
<DocumentFragment>
|
|
5390
5329
|
<div
|
|
5391
|
-
class="medium
|
|
5330
|
+
class="medium flipNone"
|
|
5392
5331
|
>
|
|
5393
5332
|
<div
|
|
5394
5333
|
class="container"
|
|
5395
5334
|
>
|
|
5396
5335
|
<div
|
|
5397
|
-
class="
|
|
5336
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
5398
5337
|
data-id="containerComponent"
|
|
5399
5338
|
data-selector-id="container"
|
|
5400
5339
|
data-test-id="containerComponent"
|
|
@@ -5404,7 +5343,7 @@ exports[`FlipCard renders with noNeedFlip set to true and custom props 1`] = `
|
|
|
5404
5343
|
data-selector-id="avatarUser"
|
|
5405
5344
|
>
|
|
5406
5345
|
<div
|
|
5407
|
-
class="avatar medium medium circle primary black border
|
|
5346
|
+
class="avatar medium medium circle primary black border"
|
|
5408
5347
|
data-id="Avatar"
|
|
5409
5348
|
data-selector-id="avatar"
|
|
5410
5349
|
data-test-id="Avatar"
|
|
@@ -5424,16 +5363,16 @@ exports[`FlipCard renders with noNeedFlip set to true and custom props 1`] = `
|
|
|
5424
5363
|
>
|
|
5425
5364
|
<i
|
|
5426
5365
|
aria-hidden="true"
|
|
5427
|
-
class="zd_font_icons basic icon-paiduser
|
|
5366
|
+
class="zd_font_icons basic icon-paiduser"
|
|
5428
5367
|
data-id="fontIcon"
|
|
5429
5368
|
data-selector-id="fontIcon"
|
|
5430
5369
|
data-test-id="fontIcon"
|
|
5431
5370
|
>
|
|
5432
5371
|
<span
|
|
5433
|
-
class="path1
|
|
5372
|
+
class="path1"
|
|
5434
5373
|
/>
|
|
5435
5374
|
<span
|
|
5436
|
-
class="path2
|
|
5375
|
+
class="path2"
|
|
5437
5376
|
/>
|
|
5438
5377
|
</i>
|
|
5439
5378
|
</span>
|
|
@@ -5447,13 +5386,13 @@ exports[`FlipCard renders with noNeedFlip set to true and custom props 1`] = `
|
|
|
5447
5386
|
exports[`FlipCard renders with noNeedFlip set to true and isChecked set to true 1`] = `
|
|
5448
5387
|
<DocumentFragment>
|
|
5449
5388
|
<div
|
|
5450
|
-
class="medium
|
|
5389
|
+
class="medium flipNone"
|
|
5451
5390
|
>
|
|
5452
5391
|
<div
|
|
5453
5392
|
class="container"
|
|
5454
5393
|
>
|
|
5455
5394
|
<div
|
|
5456
|
-
class="
|
|
5395
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
5457
5396
|
data-id="containerComponent"
|
|
5458
5397
|
data-selector-id="container"
|
|
5459
5398
|
data-test-id="containerComponent"
|
|
@@ -5463,7 +5402,7 @@ exports[`FlipCard renders with noNeedFlip set to true and isChecked set to true
|
|
|
5463
5402
|
data-selector-id="avatarUser"
|
|
5464
5403
|
>
|
|
5465
5404
|
<div
|
|
5466
|
-
class="avatar medium medium circle primary black border
|
|
5405
|
+
class="avatar medium medium circle primary black border"
|
|
5467
5406
|
data-id="Avatar"
|
|
5468
5407
|
data-selector-id="avatar"
|
|
5469
5408
|
data-test-id="Avatar"
|
|
@@ -5485,13 +5424,13 @@ exports[`FlipCard renders with noNeedFlip set to true and isChecked set to true
|
|
|
5485
5424
|
exports[`FlipCard renders with noNeedFlip set to true and size variations 1`] = `
|
|
5486
5425
|
<DocumentFragment>
|
|
5487
5426
|
<div
|
|
5488
|
-
class="small
|
|
5427
|
+
class="small flipNone"
|
|
5489
5428
|
>
|
|
5490
5429
|
<div
|
|
5491
5430
|
class="container"
|
|
5492
5431
|
>
|
|
5493
5432
|
<div
|
|
5494
|
-
class="
|
|
5433
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
5495
5434
|
data-id="containerComponent"
|
|
5496
5435
|
data-selector-id="container"
|
|
5497
5436
|
data-test-id="containerComponent"
|
|
@@ -5501,7 +5440,7 @@ exports[`FlipCard renders with noNeedFlip set to true and size variations 1`] =
|
|
|
5501
5440
|
data-selector-id="avatarUser"
|
|
5502
5441
|
>
|
|
5503
5442
|
<div
|
|
5504
|
-
class="avatar small small circle primary black border
|
|
5443
|
+
class="avatar small small circle primary black border"
|
|
5505
5444
|
data-id="Avatar"
|
|
5506
5445
|
data-selector-id="avatar"
|
|
5507
5446
|
data-test-id="Avatar"
|
|
@@ -5523,13 +5462,13 @@ exports[`FlipCard renders with noNeedFlip set to true and size variations 1`] =
|
|
|
5523
5462
|
exports[`FlipCard renders with noNeedFlip set to true and size variations 2`] = `
|
|
5524
5463
|
<DocumentFragment>
|
|
5525
5464
|
<div
|
|
5526
|
-
class="medium
|
|
5465
|
+
class="medium flipNone"
|
|
5527
5466
|
>
|
|
5528
5467
|
<div
|
|
5529
5468
|
class="container"
|
|
5530
5469
|
>
|
|
5531
5470
|
<div
|
|
5532
|
-
class="
|
|
5471
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
5533
5472
|
data-id="containerComponent"
|
|
5534
5473
|
data-selector-id="container"
|
|
5535
5474
|
data-test-id="containerComponent"
|
|
@@ -5539,7 +5478,7 @@ exports[`FlipCard renders with noNeedFlip set to true and size variations 2`] =
|
|
|
5539
5478
|
data-selector-id="avatarUser"
|
|
5540
5479
|
>
|
|
5541
5480
|
<div
|
|
5542
|
-
class="avatar medium medium circle primary black border
|
|
5481
|
+
class="avatar medium medium circle primary black border"
|
|
5543
5482
|
data-id="Avatar"
|
|
5544
5483
|
data-selector-id="avatar"
|
|
5545
5484
|
data-test-id="Avatar"
|
|
@@ -5561,13 +5500,13 @@ exports[`FlipCard renders with noNeedFlip set to true and size variations 2`] =
|
|
|
5561
5500
|
exports[`FlipCard renders with noNeedFlip set to true and size variations 3`] = `
|
|
5562
5501
|
<DocumentFragment>
|
|
5563
5502
|
<div
|
|
5564
|
-
class="large
|
|
5503
|
+
class="large flipNone"
|
|
5565
5504
|
>
|
|
5566
5505
|
<div
|
|
5567
5506
|
class="container"
|
|
5568
5507
|
>
|
|
5569
5508
|
<div
|
|
5570
|
-
class="
|
|
5509
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
5571
5510
|
data-id="containerComponent"
|
|
5572
5511
|
data-selector-id="container"
|
|
5573
5512
|
data-test-id="containerComponent"
|
|
@@ -5577,7 +5516,7 @@ exports[`FlipCard renders with noNeedFlip set to true and size variations 3`] =
|
|
|
5577
5516
|
data-selector-id="avatarUser"
|
|
5578
5517
|
>
|
|
5579
5518
|
<div
|
|
5580
|
-
class="avatar large large circle primary black border
|
|
5519
|
+
class="avatar large large circle primary black border"
|
|
5581
5520
|
data-id="Avatar"
|
|
5582
5521
|
data-selector-id="avatar"
|
|
5583
5522
|
data-test-id="Avatar"
|
|
@@ -5599,21 +5538,20 @@ exports[`FlipCard renders with noNeedFlip set to true and size variations 3`] =
|
|
|
5599
5538
|
exports[`FlipCard renders with palette - default 1`] = `
|
|
5600
5539
|
<DocumentFragment>
|
|
5601
5540
|
<div
|
|
5602
|
-
class="medium
|
|
5541
|
+
class="medium flip"
|
|
5603
5542
|
>
|
|
5604
5543
|
<div
|
|
5605
5544
|
class="container"
|
|
5606
5545
|
>
|
|
5607
5546
|
<div
|
|
5608
|
-
class="
|
|
5547
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
5609
5548
|
data-id="containerComponent"
|
|
5610
5549
|
data-selector-id="container"
|
|
5611
5550
|
data-test-id="containerComponent"
|
|
5612
5551
|
>
|
|
5613
5552
|
<div
|
|
5614
5553
|
aria-checked="false"
|
|
5615
|
-
class="container pointer primary
|
|
5616
|
-
inflex rowdir vCenter"
|
|
5554
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
5617
5555
|
data-id="listViewCheckBox_undefined"
|
|
5618
5556
|
data-selector-id="checkbox_undefined"
|
|
5619
5557
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -5621,7 +5559,7 @@ exports[`FlipCard renders with palette - default 1`] = `
|
|
|
5621
5559
|
tabindex="0"
|
|
5622
5560
|
>
|
|
5623
5561
|
<div
|
|
5624
|
-
class="boxContainer
|
|
5562
|
+
class="noShrink boxContainer medium filled"
|
|
5625
5563
|
data-id="boxComponent"
|
|
5626
5564
|
data-selector-id="box"
|
|
5627
5565
|
data-test-id="boxComponent"
|
|
@@ -5631,7 +5569,7 @@ exports[`FlipCard renders with palette - default 1`] = `
|
|
|
5631
5569
|
type="hidden"
|
|
5632
5570
|
/>
|
|
5633
5571
|
<label
|
|
5634
|
-
class="checkbox pointer medium
|
|
5572
|
+
class="checkbox pointer medium"
|
|
5635
5573
|
>
|
|
5636
5574
|
<svg
|
|
5637
5575
|
viewBox="0 0 40 40"
|
|
@@ -5652,7 +5590,7 @@ exports[`FlipCard renders with palette - default 1`] = `
|
|
|
5652
5590
|
</div>
|
|
5653
5591
|
</div>
|
|
5654
5592
|
<div
|
|
5655
|
-
class="
|
|
5593
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
5656
5594
|
data-id="containerComponent"
|
|
5657
5595
|
data-selector-id="container"
|
|
5658
5596
|
data-test-id="containerComponent"
|
|
@@ -5662,7 +5600,7 @@ exports[`FlipCard renders with palette - default 1`] = `
|
|
|
5662
5600
|
data-selector-id="avatarUser"
|
|
5663
5601
|
>
|
|
5664
5602
|
<div
|
|
5665
|
-
class="avatar medium medium circle default black border
|
|
5603
|
+
class="avatar medium medium circle default black border"
|
|
5666
5604
|
data-id="Avatar"
|
|
5667
5605
|
data-selector-id="avatar"
|
|
5668
5606
|
data-test-id="Avatar"
|
|
@@ -5684,21 +5622,20 @@ exports[`FlipCard renders with palette - default 1`] = `
|
|
|
5684
5622
|
exports[`FlipCard renders with palette - info 1`] = `
|
|
5685
5623
|
<DocumentFragment>
|
|
5686
5624
|
<div
|
|
5687
|
-
class="medium
|
|
5625
|
+
class="medium flip"
|
|
5688
5626
|
>
|
|
5689
5627
|
<div
|
|
5690
5628
|
class="container"
|
|
5691
5629
|
>
|
|
5692
5630
|
<div
|
|
5693
|
-
class="
|
|
5631
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
5694
5632
|
data-id="containerComponent"
|
|
5695
5633
|
data-selector-id="container"
|
|
5696
5634
|
data-test-id="containerComponent"
|
|
5697
5635
|
>
|
|
5698
5636
|
<div
|
|
5699
5637
|
aria-checked="false"
|
|
5700
|
-
class="container pointer primary
|
|
5701
|
-
inflex rowdir vCenter"
|
|
5638
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
5702
5639
|
data-id="listViewCheckBox_undefined"
|
|
5703
5640
|
data-selector-id="checkbox_undefined"
|
|
5704
5641
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -5706,7 +5643,7 @@ exports[`FlipCard renders with palette - info 1`] = `
|
|
|
5706
5643
|
tabindex="0"
|
|
5707
5644
|
>
|
|
5708
5645
|
<div
|
|
5709
|
-
class="boxContainer
|
|
5646
|
+
class="noShrink boxContainer medium filled"
|
|
5710
5647
|
data-id="boxComponent"
|
|
5711
5648
|
data-selector-id="box"
|
|
5712
5649
|
data-test-id="boxComponent"
|
|
@@ -5716,7 +5653,7 @@ exports[`FlipCard renders with palette - info 1`] = `
|
|
|
5716
5653
|
type="hidden"
|
|
5717
5654
|
/>
|
|
5718
5655
|
<label
|
|
5719
|
-
class="checkbox pointer medium
|
|
5656
|
+
class="checkbox pointer medium"
|
|
5720
5657
|
>
|
|
5721
5658
|
<svg
|
|
5722
5659
|
viewBox="0 0 40 40"
|
|
@@ -5737,7 +5674,7 @@ exports[`FlipCard renders with palette - info 1`] = `
|
|
|
5737
5674
|
</div>
|
|
5738
5675
|
</div>
|
|
5739
5676
|
<div
|
|
5740
|
-
class="
|
|
5677
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
5741
5678
|
data-id="containerComponent"
|
|
5742
5679
|
data-selector-id="container"
|
|
5743
5680
|
data-test-id="containerComponent"
|
|
@@ -5747,7 +5684,7 @@ exports[`FlipCard renders with palette - info 1`] = `
|
|
|
5747
5684
|
data-selector-id="avatarUser"
|
|
5748
5685
|
>
|
|
5749
5686
|
<div
|
|
5750
|
-
class="avatar medium medium circle info black border
|
|
5687
|
+
class="avatar medium medium circle info black border"
|
|
5751
5688
|
data-id="Avatar"
|
|
5752
5689
|
data-selector-id="avatar"
|
|
5753
5690
|
data-test-id="Avatar"
|
|
@@ -5769,21 +5706,20 @@ exports[`FlipCard renders with palette - info 1`] = `
|
|
|
5769
5706
|
exports[`FlipCard renders with palette - primary 1`] = `
|
|
5770
5707
|
<DocumentFragment>
|
|
5771
5708
|
<div
|
|
5772
|
-
class="medium
|
|
5709
|
+
class="medium flip"
|
|
5773
5710
|
>
|
|
5774
5711
|
<div
|
|
5775
5712
|
class="container"
|
|
5776
5713
|
>
|
|
5777
5714
|
<div
|
|
5778
|
-
class="
|
|
5715
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
5779
5716
|
data-id="containerComponent"
|
|
5780
5717
|
data-selector-id="container"
|
|
5781
5718
|
data-test-id="containerComponent"
|
|
5782
5719
|
>
|
|
5783
5720
|
<div
|
|
5784
5721
|
aria-checked="false"
|
|
5785
|
-
class="container pointer primary
|
|
5786
|
-
inflex rowdir vCenter"
|
|
5722
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
5787
5723
|
data-id="listViewCheckBox_undefined"
|
|
5788
5724
|
data-selector-id="checkbox_undefined"
|
|
5789
5725
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -5791,7 +5727,7 @@ exports[`FlipCard renders with palette - primary 1`] = `
|
|
|
5791
5727
|
tabindex="0"
|
|
5792
5728
|
>
|
|
5793
5729
|
<div
|
|
5794
|
-
class="boxContainer
|
|
5730
|
+
class="noShrink boxContainer medium filled"
|
|
5795
5731
|
data-id="boxComponent"
|
|
5796
5732
|
data-selector-id="box"
|
|
5797
5733
|
data-test-id="boxComponent"
|
|
@@ -5801,7 +5737,7 @@ exports[`FlipCard renders with palette - primary 1`] = `
|
|
|
5801
5737
|
type="hidden"
|
|
5802
5738
|
/>
|
|
5803
5739
|
<label
|
|
5804
|
-
class="checkbox pointer medium
|
|
5740
|
+
class="checkbox pointer medium"
|
|
5805
5741
|
>
|
|
5806
5742
|
<svg
|
|
5807
5743
|
viewBox="0 0 40 40"
|
|
@@ -5822,7 +5758,7 @@ exports[`FlipCard renders with palette - primary 1`] = `
|
|
|
5822
5758
|
</div>
|
|
5823
5759
|
</div>
|
|
5824
5760
|
<div
|
|
5825
|
-
class="
|
|
5761
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
5826
5762
|
data-id="containerComponent"
|
|
5827
5763
|
data-selector-id="container"
|
|
5828
5764
|
data-test-id="containerComponent"
|
|
@@ -5832,7 +5768,7 @@ exports[`FlipCard renders with palette - primary 1`] = `
|
|
|
5832
5768
|
data-selector-id="avatarUser"
|
|
5833
5769
|
>
|
|
5834
5770
|
<div
|
|
5835
|
-
class="avatar medium medium circle primary black border
|
|
5771
|
+
class="avatar medium medium circle primary black border"
|
|
5836
5772
|
data-id="Avatar"
|
|
5837
5773
|
data-selector-id="avatar"
|
|
5838
5774
|
data-test-id="Avatar"
|
|
@@ -5854,21 +5790,20 @@ exports[`FlipCard renders with palette - primary 1`] = `
|
|
|
5854
5790
|
exports[`FlipCard renders with palette - secondary 1`] = `
|
|
5855
5791
|
<DocumentFragment>
|
|
5856
5792
|
<div
|
|
5857
|
-
class="medium
|
|
5793
|
+
class="medium flip"
|
|
5858
5794
|
>
|
|
5859
5795
|
<div
|
|
5860
5796
|
class="container"
|
|
5861
5797
|
>
|
|
5862
5798
|
<div
|
|
5863
|
-
class="
|
|
5799
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
5864
5800
|
data-id="containerComponent"
|
|
5865
5801
|
data-selector-id="container"
|
|
5866
5802
|
data-test-id="containerComponent"
|
|
5867
5803
|
>
|
|
5868
5804
|
<div
|
|
5869
5805
|
aria-checked="false"
|
|
5870
|
-
class="container pointer primary
|
|
5871
|
-
inflex rowdir vCenter"
|
|
5806
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
5872
5807
|
data-id="listViewCheckBox_undefined"
|
|
5873
5808
|
data-selector-id="checkbox_undefined"
|
|
5874
5809
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -5876,7 +5811,7 @@ exports[`FlipCard renders with palette - secondary 1`] = `
|
|
|
5876
5811
|
tabindex="0"
|
|
5877
5812
|
>
|
|
5878
5813
|
<div
|
|
5879
|
-
class="boxContainer
|
|
5814
|
+
class="noShrink boxContainer medium filled"
|
|
5880
5815
|
data-id="boxComponent"
|
|
5881
5816
|
data-selector-id="box"
|
|
5882
5817
|
data-test-id="boxComponent"
|
|
@@ -5886,7 +5821,7 @@ exports[`FlipCard renders with palette - secondary 1`] = `
|
|
|
5886
5821
|
type="hidden"
|
|
5887
5822
|
/>
|
|
5888
5823
|
<label
|
|
5889
|
-
class="checkbox pointer medium
|
|
5824
|
+
class="checkbox pointer medium"
|
|
5890
5825
|
>
|
|
5891
5826
|
<svg
|
|
5892
5827
|
viewBox="0 0 40 40"
|
|
@@ -5907,7 +5842,7 @@ exports[`FlipCard renders with palette - secondary 1`] = `
|
|
|
5907
5842
|
</div>
|
|
5908
5843
|
</div>
|
|
5909
5844
|
<div
|
|
5910
|
-
class="
|
|
5845
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
5911
5846
|
data-id="containerComponent"
|
|
5912
5847
|
data-selector-id="container"
|
|
5913
5848
|
data-test-id="containerComponent"
|
|
@@ -5917,7 +5852,7 @@ exports[`FlipCard renders with palette - secondary 1`] = `
|
|
|
5917
5852
|
data-selector-id="avatarUser"
|
|
5918
5853
|
>
|
|
5919
5854
|
<div
|
|
5920
|
-
class="avatar medium medium circle secondary white border
|
|
5855
|
+
class="avatar medium medium circle secondary white border"
|
|
5921
5856
|
data-id="Avatar"
|
|
5922
5857
|
data-selector-id="avatar"
|
|
5923
5858
|
data-test-id="Avatar"
|
|
@@ -5939,21 +5874,20 @@ exports[`FlipCard renders with palette - secondary 1`] = `
|
|
|
5939
5874
|
exports[`FlipCard renders with size - large 1`] = `
|
|
5940
5875
|
<DocumentFragment>
|
|
5941
5876
|
<div
|
|
5942
|
-
class="large
|
|
5877
|
+
class="large flip"
|
|
5943
5878
|
>
|
|
5944
5879
|
<div
|
|
5945
5880
|
class="container"
|
|
5946
5881
|
>
|
|
5947
5882
|
<div
|
|
5948
|
-
class="
|
|
5883
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
5949
5884
|
data-id="containerComponent"
|
|
5950
5885
|
data-selector-id="container"
|
|
5951
5886
|
data-test-id="containerComponent"
|
|
5952
5887
|
>
|
|
5953
5888
|
<div
|
|
5954
5889
|
aria-checked="false"
|
|
5955
|
-
class="container pointer primary
|
|
5956
|
-
inflex rowdir vCenter"
|
|
5890
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
5957
5891
|
data-id="listViewCheckBox_undefined"
|
|
5958
5892
|
data-selector-id="checkbox_undefined"
|
|
5959
5893
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -5961,7 +5895,7 @@ exports[`FlipCard renders with size - large 1`] = `
|
|
|
5961
5895
|
tabindex="0"
|
|
5962
5896
|
>
|
|
5963
5897
|
<div
|
|
5964
|
-
class="boxContainer
|
|
5898
|
+
class="noShrink boxContainer medium filled"
|
|
5965
5899
|
data-id="boxComponent"
|
|
5966
5900
|
data-selector-id="box"
|
|
5967
5901
|
data-test-id="boxComponent"
|
|
@@ -5971,7 +5905,7 @@ exports[`FlipCard renders with size - large 1`] = `
|
|
|
5971
5905
|
type="hidden"
|
|
5972
5906
|
/>
|
|
5973
5907
|
<label
|
|
5974
|
-
class="checkbox pointer medium
|
|
5908
|
+
class="checkbox pointer medium"
|
|
5975
5909
|
>
|
|
5976
5910
|
<svg
|
|
5977
5911
|
viewBox="0 0 40 40"
|
|
@@ -5992,7 +5926,7 @@ exports[`FlipCard renders with size - large 1`] = `
|
|
|
5992
5926
|
</div>
|
|
5993
5927
|
</div>
|
|
5994
5928
|
<div
|
|
5995
|
-
class="
|
|
5929
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
5996
5930
|
data-id="containerComponent"
|
|
5997
5931
|
data-selector-id="container"
|
|
5998
5932
|
data-test-id="containerComponent"
|
|
@@ -6002,7 +5936,7 @@ exports[`FlipCard renders with size - large 1`] = `
|
|
|
6002
5936
|
data-selector-id="avatarUser"
|
|
6003
5937
|
>
|
|
6004
5938
|
<div
|
|
6005
|
-
class="avatar large large circle primary black border
|
|
5939
|
+
class="avatar large large circle primary black border"
|
|
6006
5940
|
data-id="Avatar"
|
|
6007
5941
|
data-selector-id="avatar"
|
|
6008
5942
|
data-test-id="Avatar"
|
|
@@ -6024,21 +5958,20 @@ exports[`FlipCard renders with size - large 1`] = `
|
|
|
6024
5958
|
exports[`FlipCard renders with size - medium 1`] = `
|
|
6025
5959
|
<DocumentFragment>
|
|
6026
5960
|
<div
|
|
6027
|
-
class="medium
|
|
5961
|
+
class="medium flip"
|
|
6028
5962
|
>
|
|
6029
5963
|
<div
|
|
6030
5964
|
class="container"
|
|
6031
5965
|
>
|
|
6032
5966
|
<div
|
|
6033
|
-
class="
|
|
5967
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
6034
5968
|
data-id="containerComponent"
|
|
6035
5969
|
data-selector-id="container"
|
|
6036
5970
|
data-test-id="containerComponent"
|
|
6037
5971
|
>
|
|
6038
5972
|
<div
|
|
6039
5973
|
aria-checked="false"
|
|
6040
|
-
class="container pointer primary
|
|
6041
|
-
inflex rowdir vCenter"
|
|
5974
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
6042
5975
|
data-id="listViewCheckBox_undefined"
|
|
6043
5976
|
data-selector-id="checkbox_undefined"
|
|
6044
5977
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -6046,7 +5979,7 @@ exports[`FlipCard renders with size - medium 1`] = `
|
|
|
6046
5979
|
tabindex="0"
|
|
6047
5980
|
>
|
|
6048
5981
|
<div
|
|
6049
|
-
class="boxContainer
|
|
5982
|
+
class="noShrink boxContainer medium filled"
|
|
6050
5983
|
data-id="boxComponent"
|
|
6051
5984
|
data-selector-id="box"
|
|
6052
5985
|
data-test-id="boxComponent"
|
|
@@ -6056,7 +5989,7 @@ exports[`FlipCard renders with size - medium 1`] = `
|
|
|
6056
5989
|
type="hidden"
|
|
6057
5990
|
/>
|
|
6058
5991
|
<label
|
|
6059
|
-
class="checkbox pointer medium
|
|
5992
|
+
class="checkbox pointer medium"
|
|
6060
5993
|
>
|
|
6061
5994
|
<svg
|
|
6062
5995
|
viewBox="0 0 40 40"
|
|
@@ -6077,7 +6010,7 @@ exports[`FlipCard renders with size - medium 1`] = `
|
|
|
6077
6010
|
</div>
|
|
6078
6011
|
</div>
|
|
6079
6012
|
<div
|
|
6080
|
-
class="
|
|
6013
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
6081
6014
|
data-id="containerComponent"
|
|
6082
6015
|
data-selector-id="container"
|
|
6083
6016
|
data-test-id="containerComponent"
|
|
@@ -6087,7 +6020,7 @@ exports[`FlipCard renders with size - medium 1`] = `
|
|
|
6087
6020
|
data-selector-id="avatarUser"
|
|
6088
6021
|
>
|
|
6089
6022
|
<div
|
|
6090
|
-
class="avatar medium medium circle primary black border
|
|
6023
|
+
class="avatar medium medium circle primary black border"
|
|
6091
6024
|
data-id="Avatar"
|
|
6092
6025
|
data-selector-id="avatar"
|
|
6093
6026
|
data-test-id="Avatar"
|
|
@@ -6109,21 +6042,20 @@ exports[`FlipCard renders with size - medium 1`] = `
|
|
|
6109
6042
|
exports[`FlipCard renders with size - small 1`] = `
|
|
6110
6043
|
<DocumentFragment>
|
|
6111
6044
|
<div
|
|
6112
|
-
class="small
|
|
6045
|
+
class="small flip"
|
|
6113
6046
|
>
|
|
6114
6047
|
<div
|
|
6115
6048
|
class="container"
|
|
6116
6049
|
>
|
|
6117
6050
|
<div
|
|
6118
|
-
class="
|
|
6051
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
6119
6052
|
data-id="containerComponent"
|
|
6120
6053
|
data-selector-id="container"
|
|
6121
6054
|
data-test-id="containerComponent"
|
|
6122
6055
|
>
|
|
6123
6056
|
<div
|
|
6124
6057
|
aria-checked="false"
|
|
6125
|
-
class="container pointer primary
|
|
6126
|
-
inflex rowdir vCenter"
|
|
6058
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
6127
6059
|
data-id="listViewCheckBox_undefined"
|
|
6128
6060
|
data-selector-id="checkbox_undefined"
|
|
6129
6061
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -6131,7 +6063,7 @@ exports[`FlipCard renders with size - small 1`] = `
|
|
|
6131
6063
|
tabindex="0"
|
|
6132
6064
|
>
|
|
6133
6065
|
<div
|
|
6134
|
-
class="boxContainer
|
|
6066
|
+
class="noShrink boxContainer medium filled"
|
|
6135
6067
|
data-id="boxComponent"
|
|
6136
6068
|
data-selector-id="box"
|
|
6137
6069
|
data-test-id="boxComponent"
|
|
@@ -6141,7 +6073,7 @@ exports[`FlipCard renders with size - small 1`] = `
|
|
|
6141
6073
|
type="hidden"
|
|
6142
6074
|
/>
|
|
6143
6075
|
<label
|
|
6144
|
-
class="checkbox pointer medium
|
|
6076
|
+
class="checkbox pointer medium"
|
|
6145
6077
|
>
|
|
6146
6078
|
<svg
|
|
6147
6079
|
viewBox="0 0 40 40"
|
|
@@ -6162,7 +6094,7 @@ exports[`FlipCard renders with size - small 1`] = `
|
|
|
6162
6094
|
</div>
|
|
6163
6095
|
</div>
|
|
6164
6096
|
<div
|
|
6165
|
-
class="
|
|
6097
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
6166
6098
|
data-id="containerComponent"
|
|
6167
6099
|
data-selector-id="container"
|
|
6168
6100
|
data-test-id="containerComponent"
|
|
@@ -6172,7 +6104,7 @@ exports[`FlipCard renders with size - small 1`] = `
|
|
|
6172
6104
|
data-selector-id="avatarUser"
|
|
6173
6105
|
>
|
|
6174
6106
|
<div
|
|
6175
|
-
class="avatar small small circle primary black border
|
|
6107
|
+
class="avatar small small circle primary black border"
|
|
6176
6108
|
data-id="Avatar"
|
|
6177
6109
|
data-selector-id="avatar"
|
|
6178
6110
|
data-test-id="Avatar"
|
|
@@ -6194,21 +6126,20 @@ exports[`FlipCard renders with size - small 1`] = `
|
|
|
6194
6126
|
exports[`FlipCard renders with src 1`] = `
|
|
6195
6127
|
<DocumentFragment>
|
|
6196
6128
|
<div
|
|
6197
|
-
class="medium
|
|
6129
|
+
class="medium flip"
|
|
6198
6130
|
>
|
|
6199
6131
|
<div
|
|
6200
6132
|
class="container"
|
|
6201
6133
|
>
|
|
6202
6134
|
<div
|
|
6203
|
-
class="
|
|
6135
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
6204
6136
|
data-id="containerComponent"
|
|
6205
6137
|
data-selector-id="container"
|
|
6206
6138
|
data-test-id="containerComponent"
|
|
6207
6139
|
>
|
|
6208
6140
|
<div
|
|
6209
6141
|
aria-checked="false"
|
|
6210
|
-
class="container pointer primary
|
|
6211
|
-
inflex rowdir vCenter"
|
|
6142
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
6212
6143
|
data-id="listViewCheckBox_undefined"
|
|
6213
6144
|
data-selector-id="checkbox_undefined"
|
|
6214
6145
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -6216,7 +6147,7 @@ exports[`FlipCard renders with src 1`] = `
|
|
|
6216
6147
|
tabindex="0"
|
|
6217
6148
|
>
|
|
6218
6149
|
<div
|
|
6219
|
-
class="boxContainer
|
|
6150
|
+
class="noShrink boxContainer medium filled"
|
|
6220
6151
|
data-id="boxComponent"
|
|
6221
6152
|
data-selector-id="box"
|
|
6222
6153
|
data-test-id="boxComponent"
|
|
@@ -6226,7 +6157,7 @@ exports[`FlipCard renders with src 1`] = `
|
|
|
6226
6157
|
type="hidden"
|
|
6227
6158
|
/>
|
|
6228
6159
|
<label
|
|
6229
|
-
class="checkbox pointer medium
|
|
6160
|
+
class="checkbox pointer medium"
|
|
6230
6161
|
>
|
|
6231
6162
|
<svg
|
|
6232
6163
|
viewBox="0 0 40 40"
|
|
@@ -6247,7 +6178,7 @@ exports[`FlipCard renders with src 1`] = `
|
|
|
6247
6178
|
</div>
|
|
6248
6179
|
</div>
|
|
6249
6180
|
<div
|
|
6250
|
-
class="
|
|
6181
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
6251
6182
|
data-id="containerComponent"
|
|
6252
6183
|
data-selector-id="container"
|
|
6253
6184
|
data-test-id="containerComponent"
|
|
@@ -6257,20 +6188,20 @@ exports[`FlipCard renders with src 1`] = `
|
|
|
6257
6188
|
data-selector-id="avatarUser"
|
|
6258
6189
|
>
|
|
6259
6190
|
<div
|
|
6260
|
-
class="avatar medium medium circle primary black
|
|
6191
|
+
class="avatar medium medium circle primary black"
|
|
6261
6192
|
data-id="Avatar"
|
|
6262
6193
|
data-selector-id="avatar"
|
|
6263
6194
|
data-test-id="Avatar"
|
|
6264
6195
|
>
|
|
6265
6196
|
<img
|
|
6266
|
-
class="image animate
|
|
6197
|
+
class="image animate"
|
|
6267
6198
|
data-id="Avatar_AvatarImg"
|
|
6268
6199
|
data-selector-id="avatar_AvatarImg"
|
|
6269
6200
|
data-test-id="Avatar_AvatarImg"
|
|
6270
6201
|
src="https://www.zoho.com/"
|
|
6271
6202
|
/>
|
|
6272
6203
|
<span
|
|
6273
|
-
class="shadow black
|
|
6204
|
+
class="shadow black"
|
|
6274
6205
|
/>
|
|
6275
6206
|
</div>
|
|
6276
6207
|
</div>
|
|
@@ -6283,21 +6214,20 @@ exports[`FlipCard renders with src 1`] = `
|
|
|
6283
6214
|
exports[`FlipCard renders with textPalette - black 1`] = `
|
|
6284
6215
|
<DocumentFragment>
|
|
6285
6216
|
<div
|
|
6286
|
-
class="medium
|
|
6217
|
+
class="medium flip"
|
|
6287
6218
|
>
|
|
6288
6219
|
<div
|
|
6289
6220
|
class="container"
|
|
6290
6221
|
>
|
|
6291
6222
|
<div
|
|
6292
|
-
class="
|
|
6223
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
6293
6224
|
data-id="containerComponent"
|
|
6294
6225
|
data-selector-id="container"
|
|
6295
6226
|
data-test-id="containerComponent"
|
|
6296
6227
|
>
|
|
6297
6228
|
<div
|
|
6298
6229
|
aria-checked="false"
|
|
6299
|
-
class="container pointer primary
|
|
6300
|
-
inflex rowdir vCenter"
|
|
6230
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
6301
6231
|
data-id="listViewCheckBox_undefined"
|
|
6302
6232
|
data-selector-id="checkbox_undefined"
|
|
6303
6233
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -6305,7 +6235,7 @@ exports[`FlipCard renders with textPalette - black 1`] = `
|
|
|
6305
6235
|
tabindex="0"
|
|
6306
6236
|
>
|
|
6307
6237
|
<div
|
|
6308
|
-
class="boxContainer
|
|
6238
|
+
class="noShrink boxContainer medium filled"
|
|
6309
6239
|
data-id="boxComponent"
|
|
6310
6240
|
data-selector-id="box"
|
|
6311
6241
|
data-test-id="boxComponent"
|
|
@@ -6315,7 +6245,7 @@ exports[`FlipCard renders with textPalette - black 1`] = `
|
|
|
6315
6245
|
type="hidden"
|
|
6316
6246
|
/>
|
|
6317
6247
|
<label
|
|
6318
|
-
class="checkbox pointer medium
|
|
6248
|
+
class="checkbox pointer medium"
|
|
6319
6249
|
>
|
|
6320
6250
|
<svg
|
|
6321
6251
|
viewBox="0 0 40 40"
|
|
@@ -6336,7 +6266,7 @@ exports[`FlipCard renders with textPalette - black 1`] = `
|
|
|
6336
6266
|
</div>
|
|
6337
6267
|
</div>
|
|
6338
6268
|
<div
|
|
6339
|
-
class="
|
|
6269
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
6340
6270
|
data-id="containerComponent"
|
|
6341
6271
|
data-selector-id="container"
|
|
6342
6272
|
data-test-id="containerComponent"
|
|
@@ -6346,7 +6276,7 @@ exports[`FlipCard renders with textPalette - black 1`] = `
|
|
|
6346
6276
|
data-selector-id="avatarUser"
|
|
6347
6277
|
>
|
|
6348
6278
|
<div
|
|
6349
|
-
class="avatar medium medium circle primary black border
|
|
6279
|
+
class="avatar medium medium circle primary black border"
|
|
6350
6280
|
data-id="Avatar"
|
|
6351
6281
|
data-selector-id="avatar"
|
|
6352
6282
|
data-test-id="Avatar"
|
|
@@ -6368,21 +6298,20 @@ exports[`FlipCard renders with textPalette - black 1`] = `
|
|
|
6368
6298
|
exports[`FlipCard renders with textPalette - white 1`] = `
|
|
6369
6299
|
<DocumentFragment>
|
|
6370
6300
|
<div
|
|
6371
|
-
class="medium
|
|
6301
|
+
class="medium flip"
|
|
6372
6302
|
>
|
|
6373
6303
|
<div
|
|
6374
6304
|
class="container"
|
|
6375
6305
|
>
|
|
6376
6306
|
<div
|
|
6377
|
-
class="
|
|
6307
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
6378
6308
|
data-id="containerComponent"
|
|
6379
6309
|
data-selector-id="container"
|
|
6380
6310
|
data-test-id="containerComponent"
|
|
6381
6311
|
>
|
|
6382
6312
|
<div
|
|
6383
6313
|
aria-checked="false"
|
|
6384
|
-
class="container pointer primary
|
|
6385
|
-
inflex rowdir vCenter"
|
|
6314
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
6386
6315
|
data-id="listViewCheckBox_undefined"
|
|
6387
6316
|
data-selector-id="checkbox_undefined"
|
|
6388
6317
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -6390,7 +6319,7 @@ exports[`FlipCard renders with textPalette - white 1`] = `
|
|
|
6390
6319
|
tabindex="0"
|
|
6391
6320
|
>
|
|
6392
6321
|
<div
|
|
6393
|
-
class="boxContainer
|
|
6322
|
+
class="noShrink boxContainer medium filled"
|
|
6394
6323
|
data-id="boxComponent"
|
|
6395
6324
|
data-selector-id="box"
|
|
6396
6325
|
data-test-id="boxComponent"
|
|
@@ -6400,7 +6329,7 @@ exports[`FlipCard renders with textPalette - white 1`] = `
|
|
|
6400
6329
|
type="hidden"
|
|
6401
6330
|
/>
|
|
6402
6331
|
<label
|
|
6403
|
-
class="checkbox pointer medium
|
|
6332
|
+
class="checkbox pointer medium"
|
|
6404
6333
|
>
|
|
6405
6334
|
<svg
|
|
6406
6335
|
viewBox="0 0 40 40"
|
|
@@ -6421,7 +6350,7 @@ exports[`FlipCard renders with textPalette - white 1`] = `
|
|
|
6421
6350
|
</div>
|
|
6422
6351
|
</div>
|
|
6423
6352
|
<div
|
|
6424
|
-
class="
|
|
6353
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
6425
6354
|
data-id="containerComponent"
|
|
6426
6355
|
data-selector-id="container"
|
|
6427
6356
|
data-test-id="containerComponent"
|
|
@@ -6431,7 +6360,7 @@ exports[`FlipCard renders with textPalette - white 1`] = `
|
|
|
6431
6360
|
data-selector-id="avatarUser"
|
|
6432
6361
|
>
|
|
6433
6362
|
<div
|
|
6434
|
-
class="avatar medium medium circle primary white border
|
|
6363
|
+
class="avatar medium medium circle primary white border"
|
|
6435
6364
|
data-id="Avatar"
|
|
6436
6365
|
data-selector-id="avatar"
|
|
6437
6366
|
data-test-id="Avatar"
|
|
@@ -6453,7 +6382,7 @@ exports[`FlipCard renders with textPalette - white 1`] = `
|
|
|
6453
6382
|
exports[`FlipCard renders with ticList 1`] = `
|
|
6454
6383
|
<DocumentFragment>
|
|
6455
6384
|
<div
|
|
6456
|
-
class="medium
|
|
6385
|
+
class="medium flip"
|
|
6457
6386
|
>
|
|
6458
6387
|
<div
|
|
6459
6388
|
class="container"
|
|
@@ -6461,15 +6390,14 @@ exports[`FlipCard renders with ticList 1`] = `
|
|
|
6461
6390
|
data-test-id="tic-list-id"
|
|
6462
6391
|
>
|
|
6463
6392
|
<div
|
|
6464
|
-
class="
|
|
6393
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
6465
6394
|
data-id="containerComponent"
|
|
6466
6395
|
data-selector-id="container"
|
|
6467
6396
|
data-test-id="containerComponent"
|
|
6468
6397
|
>
|
|
6469
6398
|
<div
|
|
6470
6399
|
aria-checked="false"
|
|
6471
|
-
class="container pointer primary
|
|
6472
|
-
inflex rowdir vCenter"
|
|
6400
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
6473
6401
|
data-id="listViewCheckBox_undefined"
|
|
6474
6402
|
data-selector-id="checkbox_undefined"
|
|
6475
6403
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -6477,7 +6405,7 @@ exports[`FlipCard renders with ticList 1`] = `
|
|
|
6477
6405
|
tabindex="0"
|
|
6478
6406
|
>
|
|
6479
6407
|
<div
|
|
6480
|
-
class="boxContainer
|
|
6408
|
+
class="noShrink boxContainer medium filled"
|
|
6481
6409
|
data-id="boxComponent"
|
|
6482
6410
|
data-selector-id="box"
|
|
6483
6411
|
data-test-id="boxComponent"
|
|
@@ -6487,7 +6415,7 @@ exports[`FlipCard renders with ticList 1`] = `
|
|
|
6487
6415
|
type="hidden"
|
|
6488
6416
|
/>
|
|
6489
6417
|
<label
|
|
6490
|
-
class="checkbox pointer medium
|
|
6418
|
+
class="checkbox pointer medium"
|
|
6491
6419
|
>
|
|
6492
6420
|
<svg
|
|
6493
6421
|
viewBox="0 0 40 40"
|
|
@@ -6508,7 +6436,7 @@ exports[`FlipCard renders with ticList 1`] = `
|
|
|
6508
6436
|
</div>
|
|
6509
6437
|
</div>
|
|
6510
6438
|
<div
|
|
6511
|
-
class="
|
|
6439
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
6512
6440
|
data-id="containerComponent"
|
|
6513
6441
|
data-selector-id="container"
|
|
6514
6442
|
data-test-id="containerComponent"
|
|
@@ -6518,7 +6446,7 @@ exports[`FlipCard renders with ticList 1`] = `
|
|
|
6518
6446
|
data-selector-id="avatarUser"
|
|
6519
6447
|
>
|
|
6520
6448
|
<div
|
|
6521
|
-
class="avatar medium medium circle primary black border
|
|
6449
|
+
class="avatar medium medium circle primary black border"
|
|
6522
6450
|
data-id="Avatar"
|
|
6523
6451
|
data-selector-id="avatar"
|
|
6524
6452
|
data-test-id="Avatar"
|
|
@@ -6540,7 +6468,7 @@ exports[`FlipCard renders with ticList 1`] = `
|
|
|
6540
6468
|
exports[`FlipCard renders with ticListContainer 1`] = `
|
|
6541
6469
|
<DocumentFragment>
|
|
6542
6470
|
<div
|
|
6543
|
-
class="medium
|
|
6471
|
+
class="medium flip"
|
|
6544
6472
|
data-id="container-id"
|
|
6545
6473
|
data-test-id="container-id"
|
|
6546
6474
|
>
|
|
@@ -6548,15 +6476,14 @@ exports[`FlipCard renders with ticListContainer 1`] = `
|
|
|
6548
6476
|
class="container"
|
|
6549
6477
|
>
|
|
6550
6478
|
<div
|
|
6551
|
-
class="
|
|
6479
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
6552
6480
|
data-id="containerComponent"
|
|
6553
6481
|
data-selector-id="container"
|
|
6554
6482
|
data-test-id="containerComponent"
|
|
6555
6483
|
>
|
|
6556
6484
|
<div
|
|
6557
6485
|
aria-checked="false"
|
|
6558
|
-
class="container pointer primary
|
|
6559
|
-
inflex rowdir vCenter"
|
|
6486
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
6560
6487
|
data-id="listViewCheckBox_undefined"
|
|
6561
6488
|
data-selector-id="checkbox_undefined"
|
|
6562
6489
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -6564,7 +6491,7 @@ exports[`FlipCard renders with ticListContainer 1`] = `
|
|
|
6564
6491
|
tabindex="0"
|
|
6565
6492
|
>
|
|
6566
6493
|
<div
|
|
6567
|
-
class="boxContainer
|
|
6494
|
+
class="noShrink boxContainer medium filled"
|
|
6568
6495
|
data-id="boxComponent"
|
|
6569
6496
|
data-selector-id="box"
|
|
6570
6497
|
data-test-id="boxComponent"
|
|
@@ -6574,7 +6501,7 @@ exports[`FlipCard renders with ticListContainer 1`] = `
|
|
|
6574
6501
|
type="hidden"
|
|
6575
6502
|
/>
|
|
6576
6503
|
<label
|
|
6577
|
-
class="checkbox pointer medium
|
|
6504
|
+
class="checkbox pointer medium"
|
|
6578
6505
|
>
|
|
6579
6506
|
<svg
|
|
6580
6507
|
viewBox="0 0 40 40"
|
|
@@ -6595,7 +6522,7 @@ exports[`FlipCard renders with ticListContainer 1`] = `
|
|
|
6595
6522
|
</div>
|
|
6596
6523
|
</div>
|
|
6597
6524
|
<div
|
|
6598
|
-
class="
|
|
6525
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
6599
6526
|
data-id="containerComponent"
|
|
6600
6527
|
data-selector-id="container"
|
|
6601
6528
|
data-test-id="containerComponent"
|
|
@@ -6605,7 +6532,7 @@ exports[`FlipCard renders with ticListContainer 1`] = `
|
|
|
6605
6532
|
data-selector-id="avatarUser"
|
|
6606
6533
|
>
|
|
6607
6534
|
<div
|
|
6608
|
-
class="avatar medium medium circle primary black border
|
|
6535
|
+
class="avatar medium medium circle primary black border"
|
|
6609
6536
|
data-id="Avatar"
|
|
6610
6537
|
data-selector-id="avatar"
|
|
6611
6538
|
data-test-id="Avatar"
|
|
@@ -6627,22 +6554,21 @@ exports[`FlipCard renders with ticListContainer 1`] = `
|
|
|
6627
6554
|
exports[`FlipCard renders with tourId 1`] = `
|
|
6628
6555
|
<DocumentFragment>
|
|
6629
6556
|
<div
|
|
6630
|
-
class="medium
|
|
6557
|
+
class="medium flip"
|
|
6631
6558
|
data-tour="tour-123"
|
|
6632
6559
|
>
|
|
6633
6560
|
<div
|
|
6634
6561
|
class="container"
|
|
6635
6562
|
>
|
|
6636
6563
|
<div
|
|
6637
|
-
class="
|
|
6564
|
+
class="flex fullSize column alignItems_center justifyContent_center front"
|
|
6638
6565
|
data-id="containerComponent"
|
|
6639
6566
|
data-selector-id="container"
|
|
6640
6567
|
data-test-id="containerComponent"
|
|
6641
6568
|
>
|
|
6642
6569
|
<div
|
|
6643
6570
|
aria-checked="false"
|
|
6644
|
-
class="container pointer primary
|
|
6645
|
-
inflex rowdir vCenter"
|
|
6571
|
+
class="inlineFlex row alignItems_center container pointer primary"
|
|
6646
6572
|
data-id="listViewCheckBox_undefined"
|
|
6647
6573
|
data-selector-id="checkbox_undefined"
|
|
6648
6574
|
data-test-id="listViewCheckBox_undefined"
|
|
@@ -6650,7 +6576,7 @@ exports[`FlipCard renders with tourId 1`] = `
|
|
|
6650
6576
|
tabindex="0"
|
|
6651
6577
|
>
|
|
6652
6578
|
<div
|
|
6653
|
-
class="boxContainer
|
|
6579
|
+
class="noShrink boxContainer medium filled"
|
|
6654
6580
|
data-id="boxComponent"
|
|
6655
6581
|
data-selector-id="box"
|
|
6656
6582
|
data-test-id="boxComponent"
|
|
@@ -6660,7 +6586,7 @@ exports[`FlipCard renders with tourId 1`] = `
|
|
|
6660
6586
|
type="hidden"
|
|
6661
6587
|
/>
|
|
6662
6588
|
<label
|
|
6663
|
-
class="checkbox pointer medium
|
|
6589
|
+
class="checkbox pointer medium"
|
|
6664
6590
|
>
|
|
6665
6591
|
<svg
|
|
6666
6592
|
viewBox="0 0 40 40"
|
|
@@ -6681,7 +6607,7 @@ exports[`FlipCard renders with tourId 1`] = `
|
|
|
6681
6607
|
</div>
|
|
6682
6608
|
</div>
|
|
6683
6609
|
<div
|
|
6684
|
-
class="
|
|
6610
|
+
class="flex fullSize column alignItems_center justifyContent_center back"
|
|
6685
6611
|
data-id="containerComponent"
|
|
6686
6612
|
data-selector-id="container"
|
|
6687
6613
|
data-test-id="containerComponent"
|
|
@@ -6691,7 +6617,7 @@ exports[`FlipCard renders with tourId 1`] = `
|
|
|
6691
6617
|
data-selector-id="avatarUser"
|
|
6692
6618
|
>
|
|
6693
6619
|
<div
|
|
6694
|
-
class="avatar medium medium circle primary black border
|
|
6620
|
+
class="avatar medium medium circle primary black border"
|
|
6695
6621
|
data-id="Avatar"
|
|
6696
6622
|
data-selector-id="avatar"
|
|
6697
6623
|
data-test-id="Avatar"
|