@zohodesk/dot 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1350 -1344
- package/coverage/ExternalLink/ExternalLink.js.html +229 -0
- package/coverage/ExternalLink/ExternalLink.module.css.html +94 -0
- package/coverage/ExternalLink/index.html +131 -0
- package/coverage/ExternalLink/props/defaultProps.js.html +100 -0
- package/coverage/ExternalLink/props/index.html +131 -0
- package/coverage/ExternalLink/props/propTypes.js.html +124 -0
- package/coverage/Image/Image.js.html +184 -0
- package/coverage/Image/Image.module.css.html +118 -0
- package/coverage/Image/index.html +131 -0
- package/coverage/Image/props/defaultProps.js.html +97 -0
- package/coverage/Image/props/index.html +131 -0
- package/coverage/Image/props/propTypes.js.html +127 -0
- package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +448 -0
- package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +133 -0
- package/coverage/avatar/AvatarWithTeam/index.html +131 -0
- package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +112 -0
- package/coverage/avatar/AvatarWithTeam/props/index.html +131 -0
- package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +163 -0
- package/coverage/base.css +224 -0
- package/coverage/block-navigation.js +87 -0
- package/coverage/coverage-final.json +13 -0
- package/coverage/coverage-summary.json +14 -0
- package/coverage/favicon.png +0 -0
- package/coverage/index.html +191 -0
- package/coverage/prettify.css +1 -0
- package/coverage/prettify.js +2 -0
- package/coverage/sort-arrow-sprite.png +0 -0
- package/coverage/sorter.js +196 -0
- package/es/ActionButton/ActionButton.module.css +139 -139
- package/es/AlphabeticList/AlphabeticList.module.css +57 -57
- package/es/Attachment/Attachment.module.css +159 -159
- package/es/AttachmentViewer/AttachmentViewer.module.css +352 -352
- package/es/ChannelIcon/ChannelIcon.module.css +217 -217
- package/es/Drawer/Drawer.js +0 -0
- package/es/Drawer/Drawer.module.css +190 -190
- package/es/ExternalLink/ExternalLink.js +0 -0
- package/es/ExternalLink/ExternalLink.module.css +3 -3
- package/es/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
- package/es/FlipCard/FlipCard.module.css +44 -44
- package/es/FormAction/FormAction.module.css +82 -82
- package/es/FreezeLayer/FreezeLayer.js +1 -1
- package/es/FreezeLayer/css/FreezeLayer.module.css +42 -42
- package/es/FreezeLayer/css/cssJSLogic.js +1 -1
- package/es/Hooks/Dragger/css/Dragger.module.css +2 -2
- package/es/IconButton/IconButton.module.css +22 -22
- package/es/Image/Image.module.css +11 -11
- package/es/Image/__tests__/Image.spec.js +70 -0
- package/es/Image/__tests__/__snapshots__/Image.spec.js.snap +74 -0
- package/es/ImportantNotes/ImportantNotes.module.css +20 -20
- package/es/Link/Link.js +0 -0
- package/es/Link/Link.module.css +3 -3
- package/es/Loader/Loader.js +1 -5
- package/es/Loader/Loader.module.css +47 -47
- package/es/Message/Message.module.css +102 -102
- package/es/MessageBanner/MessageBanner.module.css +46 -46
- package/es/NewStar/NewStar.module.css +183 -183
- package/es/PlusIcon/PlusIcon.js +0 -0
- package/es/PlusIcon/PlusIcon.module.css +18 -18
- package/es/Separator/Separator.module.css +34 -34
- package/es/TagWithIcon/TagWithIcon.module.css +56 -56
- package/es/ToastMessage/ToastMessage.js +0 -0
- package/es/ToastMessage/ToastMessage.module.css +328 -328
- package/es/Upload/Upload.module.css +125 -125
- package/es/alert/AlertHeader/AlertHeader.module.css +80 -80
- package/es/alert/AlertHeader/props/propTypes.js +1 -1
- package/es/alert/AlertLookup/AlertLookup.module.css +26 -26
- package/es/avatar/AvatarClose/AvatarClose.module.css +37 -37
- package/es/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
- package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/es/avatar/AvatarStatus/AvatarStatus.js +0 -0
- package/es/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
- package/es/avatar/AvatarThread/AvatarThread.module.css +166 -166
- package/es/avatar/AvatarUser/AvatarUser.js +0 -0
- package/es/avatar/AvatarUser/AvatarUser.module.css +171 -171
- package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
- package/es/common/dot_animation.module.css +26 -26
- package/es/common/dot_boxShadow.module.css +37 -37
- package/es/common/dot_common.module.css +3 -3
- package/es/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -42
- package/es/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
- package/es/deprecated/utils/KeyboardApi.js +25 -25
- package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +100 -100
- package/es/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
- package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
- package/es/emptystate/EditionPage/EditionPage.css +43 -43
- package/es/errorstate/EmptyStates.module.css +87 -87
- package/es/errorstate/Inconvenience/Inconvenience.module.css +7 -7
- package/es/errorstate/LinkText/LinkText.module.css +6 -6
- package/es/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
- package/es/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
- package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
- package/es/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
- package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
- package/es/errorstate/WillBack/WillBack.module.css +34 -34
- package/es/form/fields/CheckBoxField/CheckBoxField.js +0 -0
- package/es/form/fields/Fields.module.css +183 -183
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
- package/es/form/fields/TextEditor/TextEditor.module.css +770 -770
- package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -37
- package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
- package/es/form/layout/Field/Field.js +0 -0
- package/es/form/layout/Field/Field.module.css +22 -22
- package/es/form/layout/Section/ModuleFormSection.module.css +3 -3
- package/es/form/layout/Section/Section.js +0 -0
- package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
- package/es/layout/SubtabLayout/SubtabLayout.module.css +164 -164
- package/es/list/AvatarFlip/AvatarFlip.module.css +3 -3
- package/es/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
- package/es/list/Comment/Comment.module.css +29 -29
- package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
- package/es/list/Dot/Dot.module.css +15 -15
- package/es/list/DotNew/DotNew.module.css +24 -24
- package/es/list/GridStencils/GridStencils.module.css +146 -146
- package/es/list/Icons/Icons.module.css +16 -16
- package/es/list/ListLayout/ListLayout.module.css +57 -57
- package/es/list/ListStencils/ListStencils.module.css +67 -67
- package/es/list/SecondaryText/SecondaryText.module.css +136 -136
- package/es/list/SecondaryText/Website.js +0 -0
- package/es/list/SecondryPanel/SecondryPanel.js +0 -0
- package/es/list/SecondryPanel/SecondryPanel.module.css +5 -5
- package/es/list/SentimentStatus/SentimentStatus.module.css +12 -12
- package/es/list/Subject/Subject.module.css +27 -27
- package/es/list/TagNew/TagNew.module.css +116 -116
- package/es/list/Thread/Thread.module.css +42 -42
- package/es/list/UserTime/UserTime.module.css +58 -58
- package/es/list/listCommon.module.css +60 -60
- package/es/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
- package/es/list/status/StatusListItem/StatusListItem.js +0 -0
- package/es/list/status/StatusListItem/StatusListItem.module.css +111 -111
- package/es/lookup/EmptyPage/EmptyPage.js +0 -0
- package/es/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
- package/es/lookup/Lookup/Lookup.js +0 -0
- package/es/lookup/Lookup/Lookup.module.css +26 -26
- package/es/lookup/Section/LookupSection.module.css +7 -7
- package/es/lookup/header/Close/LookupClose.module.css +15 -15
- package/es/lookup/header/Search/LookupSearch.module.css +57 -57
- package/es/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
- package/es/lookup/header/Title/LookupTitle.module.css +20 -20
- package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
- package/es/lookup/header/lookupHeaderCommon.module.css +41 -41
- package/es/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
- package/es/setup/header/Button/HeaderButton.module.css +5 -5
- package/es/setup/header/Link/HeaderLink.module.css +21 -21
- package/es/setup/header/Search/Search.module.css +68 -68
- package/es/setup/header/Views/Views.module.css +37 -37
- package/es/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
- package/es/setup/helptips/Link/HelpTipsLink.module.css +7 -7
- package/es/setup/helptips/Link/Link.js +0 -0
- package/es/setup/helptips/ListGroup/ListGroup.module.css +22 -22
- package/es/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
- package/es/setup/helptips/Title/Title.js +0 -0
- package/es/setup/table/TableData/SetupTableData.module.css +44 -44
- package/es/setup/table/TableData/Tablehover.module.css +6 -6
- package/es/setup/table/TableHead/SetupTableHead.module.css +12 -12
- package/es/setup/table/TableRow/SetupTableRow.module.css +14 -14
- package/es/setup/table/Text/TableText.module.css +37 -37
- package/es/setup/table/Text/Text.js +0 -0
- package/es/svg/PlusIcon.js +1 -1
- package/es/svg/SnippetIcon.js +2 -2
- package/es/v1/ActionButton/ActionButton.js +137 -0
- package/es/v1/AlphabeticList/AlphabeticList.js +90 -0
- package/es/v1/Drawer/Drawer.js +271 -0
- package/es/v1/FlipCard/FlipCard.js +130 -0
- package/es/v1/FormAction/FormAction.js +75 -0
- package/es/v1/IconButton/IconButton.js +113 -0
- package/es/v1/ImportantNotes/ImportantNotes.js +41 -0
- package/es/v1/Link/Link.js +95 -0
- package/es/v1/MessageBanner/MessageBanner.js +58 -0
- package/es/v1/TagWithIcon/TagWithIcon.js +39 -0
- package/es/v1/alert/AlertHeader/AlertHeader.js +70 -0
- package/es/v1/alert/AlertLookup/AlertLookup.js +104 -0
- package/es/v1/emptystate/CommonEmptyState/CommonEmptyState.js +63 -0
- package/es/v1/emptystate/EditionPage/EditionPage.js +51 -0
- package/es/v1/lookup/Lookup/Lookup.js +105 -0
- package/es/v1/setup/table/Table/Table.js +22 -0
- package/es/v1/setup/table/TableBody/TableBody.js +26 -0
- package/es/v1/setup/table/TableData/TableData.js +31 -0
- package/es/v1/setup/table/TableHead/TableHead.js +31 -0
- package/es/v1/setup/table/TableRow/TableRow.js +36 -0
- package/es/v1/setup/table/Text/Text.js +50 -0
- package/es/v1/version2/AlertClose/AlertClose.js +43 -0
- package/es/v1/version2/GlobalNotification/GlobalNotification.js +111 -0
- package/es/v1/version2/alertIcons/AlarmAlertIcon.js +65 -0
- package/es/v1/version2/alertIcons/AlertIcons.js +57 -0
- package/es/v1/version2/alertIcons/DangerAlertIcon.js +65 -0
- package/es/v1/version2/alertIcons/ErrorAlertIcon.js +70 -0
- package/es/v1/version2/alertIcons/InfoAlertIcon.js +74 -0
- package/es/v1/version2/alertIcons/NotificationAlertIcon.js +70 -0
- package/es/v1/version2/alertIcons/SuccessAlertIcon.js +65 -0
- package/es/v1/version2/alertIcons/WarningAlertIcon.js +65 -0
- package/es/v1/version2/errorstate/Inconvenience/Inconvenience.js +63 -0
- package/es/v1/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +64 -0
- package/es/v1/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +63 -0
- package/es/v1/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +65 -0
- package/es/v1/version2/errorstate/UrlNotFound/UrlNotFound.js +63 -0
- package/es/v1/version2/errorstate/WillBeRightBack/WillBeRightBack.js +63 -0
- package/es/v1/version2/lookup/AlertLookup/AlertLookup.js +152 -0
- package/es/v1/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +54 -0
- package/es/version2/AlertClose/AlertClose.module.css +42 -42
- package/es/version2/GlobalNotification/GlobalNotification.js +1 -1
- package/es/version2/GlobalNotification/GlobalNotification.module.css +127 -127
- package/es/version2/alertIcons/AlertIcons.module.css +67 -67
- package/es/version2/errorstate/V2_ErrorStates.module.css +46 -46
- package/es/version2/lookup/AlertHeader/AlertHeader.js +1 -1
- package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
- package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +1 -1
- package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
- package/es/version2/lookup/alertLookupCommonNew.module.css +32 -32
- package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +126 -126
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
- package/install.md +12 -12
- package/lib/ActionButton/ActionButton.module.css +139 -139
- package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
- package/lib/Attachment/Attachment.module.css +159 -159
- package/lib/AttachmentViewer/AttachmentViewer.module.css +352 -352
- package/lib/ChannelIcon/ChannelIcon.module.css +217 -217
- package/lib/Drawer/Drawer.js +0 -0
- package/lib/Drawer/Drawer.module.css +190 -190
- package/lib/ExternalLink/ExternalLink.js +0 -0
- package/lib/ExternalLink/ExternalLink.module.css +3 -3
- package/lib/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
- package/lib/FlipCard/FlipCard.module.css +44 -44
- package/lib/FormAction/FormAction.module.css +82 -82
- package/lib/FreezeLayer/FreezeLayer.js +1 -1
- package/lib/FreezeLayer/css/FreezeLayer.module.css +42 -42
- package/lib/FreezeLayer/css/cssJSLogic.js +1 -1
- package/lib/Hooks/Dragger/css/Dragger.module.css +2 -2
- package/lib/IconButton/IconButton.module.css +22 -22
- package/lib/Image/Image.module.css +11 -11
- package/lib/Image/__tests__/Image.spec.js +77 -0
- package/lib/Image/__tests__/__snapshots__/Image.spec.js.snap +74 -0
- package/lib/ImportantNotes/ImportantNotes.module.css +20 -20
- package/lib/Link/Link.js +0 -0
- package/lib/Link/Link.module.css +3 -3
- package/lib/Loader/Loader.js +1 -6
- package/lib/Loader/Loader.module.css +47 -47
- package/lib/Message/Message.module.css +102 -102
- package/lib/MessageBanner/MessageBanner.module.css +46 -46
- package/lib/NewStar/NewStar.module.css +183 -183
- package/lib/PlusIcon/PlusIcon.js +0 -0
- package/lib/PlusIcon/PlusIcon.module.css +18 -18
- package/lib/Separator/Separator.module.css +34 -34
- package/lib/TagWithIcon/TagWithIcon.module.css +56 -56
- package/lib/ToastMessage/ToastMessage.js +0 -0
- package/lib/ToastMessage/ToastMessage.module.css +328 -328
- package/lib/Upload/Upload.module.css +125 -125
- package/lib/alert/AlertHeader/AlertHeader.module.css +80 -80
- package/lib/alert/AlertHeader/props/propTypes.js +1 -1
- package/lib/alert/AlertLookup/AlertLookup.module.css +26 -26
- package/lib/avatar/AvatarClose/AvatarClose.module.css +37 -37
- package/lib/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
- package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/lib/avatar/AvatarStatus/AvatarStatus.js +0 -0
- package/lib/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
- package/lib/avatar/AvatarThread/AvatarThread.module.css +166 -166
- package/lib/avatar/AvatarUser/AvatarUser.js +0 -0
- package/lib/avatar/AvatarUser/AvatarUser.module.css +171 -171
- package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
- package/lib/common/dot_animation.module.css +26 -26
- package/lib/common/dot_boxShadow.module.css +37 -37
- package/lib/common/dot_common.module.css +3 -3
- package/lib/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -42
- package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
- package/lib/deprecated/utils/KeyboardApi.js +25 -25
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +100 -100
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
- package/lib/emptystate/EditionPage/EditionPage.css +43 -43
- package/lib/errorstate/EmptyStates.module.css +87 -87
- package/lib/errorstate/Inconvenience/Inconvenience.module.css +7 -7
- package/lib/errorstate/LinkText/LinkText.module.css +6 -6
- package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
- package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
- package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
- package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
- package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
- package/lib/errorstate/WillBack/WillBack.module.css +34 -34
- package/lib/form/fields/CheckBoxField/CheckBoxField.js +0 -0
- package/lib/form/fields/Fields.module.css +183 -183
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
- package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
- package/lib/form/fields/TextEditor/TextEditor.module.css +770 -770
- package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -37
- package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
- package/lib/form/layout/Field/Field.js +0 -0
- package/lib/form/layout/Field/Field.module.css +22 -22
- package/lib/form/layout/Section/ModuleFormSection.module.css +3 -3
- package/lib/form/layout/Section/Section.js +0 -0
- package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
- package/lib/layout/SubtabLayout/SubtabLayout.module.css +164 -164
- package/lib/list/AvatarFlip/AvatarFlip.module.css +3 -3
- package/lib/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
- package/lib/list/Comment/Comment.module.css +29 -29
- package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
- package/lib/list/Dot/Dot.module.css +15 -15
- package/lib/list/DotNew/DotNew.module.css +24 -24
- package/lib/list/GridStencils/GridStencils.module.css +146 -146
- package/lib/list/Icons/Icons.module.css +16 -16
- package/lib/list/ListLayout/ListLayout.module.css +57 -57
- package/lib/list/ListStencils/ListStencils.module.css +67 -67
- package/lib/list/SecondaryText/SecondaryText.module.css +136 -136
- package/lib/list/SecondaryText/Website.js +0 -0
- package/lib/list/SecondryPanel/SecondryPanel.js +0 -0
- package/lib/list/SecondryPanel/SecondryPanel.module.css +5 -5
- package/lib/list/SentimentStatus/SentimentStatus.module.css +12 -12
- package/lib/list/Subject/Subject.module.css +27 -27
- package/lib/list/TagNew/TagNew.module.css +116 -116
- package/lib/list/Thread/Thread.module.css +42 -42
- package/lib/list/UserTime/UserTime.module.css +58 -58
- package/lib/list/listCommon.module.css +60 -60
- package/lib/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
- package/lib/list/status/StatusListItem/StatusListItem.js +0 -0
- package/lib/list/status/StatusListItem/StatusListItem.module.css +111 -111
- package/lib/lookup/EmptyPage/EmptyPage.js +0 -0
- package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
- package/lib/lookup/Lookup/Lookup.js +0 -0
- package/lib/lookup/Lookup/Lookup.module.css +26 -26
- package/lib/lookup/Section/LookupSection.module.css +7 -7
- package/lib/lookup/header/Close/LookupClose.module.css +15 -15
- package/lib/lookup/header/Search/LookupSearch.module.css +57 -57
- package/lib/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
- package/lib/lookup/header/Title/LookupTitle.module.css +20 -20
- package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
- package/lib/lookup/header/lookupHeaderCommon.module.css +41 -41
- package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
- package/lib/setup/header/Button/HeaderButton.module.css +5 -5
- package/lib/setup/header/Link/HeaderLink.module.css +21 -21
- package/lib/setup/header/Search/Search.module.css +68 -68
- package/lib/setup/header/Views/Views.module.css +37 -37
- package/lib/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
- package/lib/setup/helptips/Link/HelpTipsLink.module.css +7 -7
- package/lib/setup/helptips/Link/Link.js +0 -0
- package/lib/setup/helptips/ListGroup/ListGroup.module.css +22 -22
- package/lib/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
- package/lib/setup/helptips/Title/Title.js +0 -0
- package/lib/setup/table/TableData/SetupTableData.module.css +44 -44
- package/lib/setup/table/TableData/Tablehover.module.css +6 -6
- package/lib/setup/table/TableHead/SetupTableHead.module.css +12 -12
- package/lib/setup/table/TableRow/SetupTableRow.module.css +14 -14
- package/lib/setup/table/Text/TableText.module.css +37 -37
- package/lib/setup/table/Text/Text.js +0 -0
- package/lib/svg/PlusIcon.js +1 -1
- package/lib/svg/SnippetIcon.js +2 -2
- package/lib/v1/ActionButton/ActionButton.js +156 -0
- package/lib/v1/AlphabeticList/AlphabeticList.js +111 -0
- package/lib/v1/Drawer/Drawer.js +302 -0
- package/lib/v1/FlipCard/FlipCard.js +149 -0
- package/lib/v1/FormAction/FormAction.js +102 -0
- package/lib/v1/IconButton/IconButton.js +149 -0
- package/lib/v1/ImportantNotes/ImportantNotes.js +55 -0
- package/lib/v1/Link/Link.js +116 -0
- package/lib/v1/MessageBanner/MessageBanner.js +73 -0
- package/lib/v1/TagWithIcon/TagWithIcon.js +53 -0
- package/lib/v1/alert/AlertHeader/AlertHeader.js +86 -0
- package/lib/v1/alert/AlertLookup/AlertLookup.js +118 -0
- package/lib/v1/emptystate/CommonEmptyState/CommonEmptyState.js +76 -0
- package/lib/v1/emptystate/EditionPage/EditionPage.js +64 -0
- package/lib/v1/lookup/Lookup/Lookup.js +130 -0
- package/lib/v1/setup/table/Table/Table.js +34 -0
- package/lib/v1/setup/table/TableBody/TableBody.js +39 -0
- package/lib/v1/setup/table/TableData/TableData.js +44 -0
- package/lib/v1/setup/table/TableHead/TableHead.js +44 -0
- package/lib/v1/setup/table/TableRow/TableRow.js +49 -0
- package/lib/v1/setup/table/Text/Text.js +64 -0
- package/lib/v1/version2/AlertClose/AlertClose.js +62 -0
- package/lib/v1/version2/GlobalNotification/GlobalNotification.js +134 -0
- package/lib/v1/version2/alertIcons/AlarmAlertIcon.js +77 -0
- package/lib/v1/version2/alertIcons/AlertIcons.js +78 -0
- package/lib/v1/version2/alertIcons/DangerAlertIcon.js +77 -0
- package/lib/v1/version2/alertIcons/ErrorAlertIcon.js +82 -0
- package/lib/v1/version2/alertIcons/InfoAlertIcon.js +86 -0
- package/lib/v1/version2/alertIcons/NotificationAlertIcon.js +82 -0
- package/lib/v1/version2/alertIcons/SuccessAlertIcon.js +77 -0
- package/lib/v1/version2/alertIcons/WarningAlertIcon.js +77 -0
- package/lib/v1/version2/errorstate/Inconvenience/Inconvenience.js +79 -0
- package/lib/v1/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +80 -0
- package/lib/v1/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +79 -0
- package/lib/v1/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +81 -0
- package/lib/v1/version2/errorstate/UrlNotFound/UrlNotFound.js +79 -0
- package/lib/v1/version2/errorstate/WillBeRightBack/WillBeRightBack.js +79 -0
- package/lib/v1/version2/lookup/AlertLookup/AlertLookup.js +173 -0
- package/lib/v1/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +76 -0
- package/lib/version2/AlertClose/AlertClose.module.css +42 -42
- package/lib/version2/GlobalNotification/GlobalNotification.js +2 -2
- package/lib/version2/GlobalNotification/GlobalNotification.module.css +127 -127
- package/lib/version2/alertIcons/AlertIcons.module.css +67 -67
- package/lib/version2/errorstate/V2_ErrorStates.module.css +46 -46
- package/lib/version2/lookup/AlertHeader/AlertHeader.js +1 -1
- package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
- package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +1 -1
- package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
- package/lib/version2/lookup/alertLookupCommonNew.module.css +32 -32
- package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +126 -126
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
- package/package.json +80 -106
- package/postPublish.js +8 -8
- package/prePublish.js +70 -70
- package/react-cli.config.js +24 -0
- package/result.json +1 -0
- package/unittest/index.html +37 -0
|
@@ -1,128 +1,128 @@
|
|
|
1
|
-
.varClass {
|
|
2
|
-
/* globalnotfication default variables */
|
|
3
|
-
--commonalert_border_color: var(--zdt_commonalert_default_border);
|
|
4
|
-
--globalnotification_bg_color: var(--zdt_globalnotification_default_bg);
|
|
5
|
-
--globalnotification_text_color: var(--zdt_globalnotification_default_text);
|
|
6
|
-
--globalnotification_box_shadow: var(--zdt_globalnotification_default_box_shadow);
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.message {
|
|
10
|
-
composes: varClass;
|
|
11
|
-
position: absolute;
|
|
12
|
-
top: 0 ;
|
|
13
|
-
z-index: 1000;
|
|
14
|
-
/*Hook for editor alert*/
|
|
15
|
-
pointer-events: none;
|
|
16
|
-
text-align: center;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
[dir=ltr] .message {
|
|
20
|
-
right: 0 ;
|
|
21
|
-
left: 0 ;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
[dir=rtl] .message {
|
|
25
|
-
left: 0 ;
|
|
26
|
-
right: 0 ;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.container {
|
|
30
|
-
position: relative;
|
|
31
|
-
pointer-events: initial;
|
|
32
|
-
color: var(--globalnotification_text_color);
|
|
33
|
-
max-width: var(--zd_size490) ;
|
|
34
|
-
composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
|
|
35
|
-
box-shadow: var(--zd_bs_globalnotification_container);
|
|
36
|
-
border-radius: 0 0 var(--zd_size10) var(--zd_size10);
|
|
37
|
-
background-color: var(--globalnotification_bg_color);
|
|
38
|
-
border-style: solid;
|
|
39
|
-
border-color: var(--commonalert_border_color);
|
|
40
|
-
border-width: 2px 1px 1px 1px;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
[dir=ltr] .container {
|
|
44
|
-
padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
[dir=rtl] .container {
|
|
48
|
-
padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.icon {
|
|
52
|
-
width: var(--zd_size44) ;
|
|
53
|
-
height: var(--zd_size44) ;
|
|
54
|
-
position: absolute;
|
|
55
|
-
top: 0 ;
|
|
56
|
-
bottom: 0 ;
|
|
57
|
-
margin: auto 0 ;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
[dir=ltr] .icon {
|
|
61
|
-
left: var(--zd_size18) ;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
[dir=rtl] .icon {
|
|
65
|
-
right: var(--zd_size18) ;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.success {
|
|
69
|
-
--commonalert_border_color: var(--zdt_commonalert_success_border);
|
|
70
|
-
--globalnotification_bg_color: var(--zdt_globalnotification_success_bg);
|
|
71
|
-
--globalnotification_text_color: var(--zdt_globalnotification_success_text);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.info {
|
|
75
|
-
--commonalert_border_color: var(--zdt_commonalert_info_border);
|
|
76
|
-
--globalnotification_bg_color: var(--zdt_globalnotification_info_bg);
|
|
77
|
-
--globalnotification_text_color: var(--zdt_globalnotification_info_text);
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.danger {
|
|
81
|
-
--commonalert_border_color: var(--zdt_commonalert_danger_border);
|
|
82
|
-
--globalnotification_bg_color: var(--zdt_globalnotification_danger_bg);
|
|
83
|
-
--globalnotification_text_color: var(--zdt_globalnotification_danger_text);
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.error {
|
|
87
|
-
--commonalert_border_color: var(--zdt_commonalert_error_border);
|
|
88
|
-
--globalnotification_bg_color: var(--zdt_globalnotification_error_bg);
|
|
89
|
-
--globalnotification_text_color: var(--zdt_globalnotification_error_text);
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.warning {
|
|
93
|
-
--commonalert_border_color: var(--zdt_commonalert_warning_border);
|
|
94
|
-
--globalnotification_bg_color: var(--zdt_globalnotification_warning_bg);
|
|
95
|
-
--globalnotification_text_color: var(--zdt_globalnotification_warning_text);
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
.text {
|
|
99
|
-
font-size: var(--zd_font_size14) ;
|
|
100
|
-
font-family: var(--zd_semibold);
|
|
101
|
-
composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
|
|
102
|
-
line-height: var(--zd_size20);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
[dir=ltr] .text {
|
|
106
|
-
text-align: left;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
[dir=rtl] .text {
|
|
110
|
-
text-align: right;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.close {
|
|
114
|
-
position: absolute;
|
|
115
|
-
top: 0 ;
|
|
116
|
-
bottom: 0 ;
|
|
117
|
-
height: var(--zd_size25) ;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
[dir=ltr] .close {
|
|
121
|
-
right: var(--zd_size12) ;
|
|
122
|
-
margin: auto 0 auto var(--zd_size25) ;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
[dir=rtl] .close {
|
|
126
|
-
left: var(--zd_size12) ;
|
|
127
|
-
margin: auto var(--zd_size25) auto 0 ;
|
|
1
|
+
.varClass {
|
|
2
|
+
/* globalnotfication default variables */
|
|
3
|
+
--commonalert_border_color: var(--zdt_commonalert_default_border);
|
|
4
|
+
--globalnotification_bg_color: var(--zdt_globalnotification_default_bg);
|
|
5
|
+
--globalnotification_text_color: var(--zdt_globalnotification_default_text);
|
|
6
|
+
--globalnotification_box_shadow: var(--zdt_globalnotification_default_box_shadow);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.message {
|
|
10
|
+
composes: varClass;
|
|
11
|
+
position: absolute;
|
|
12
|
+
top: 0 ;
|
|
13
|
+
z-index: 1000;
|
|
14
|
+
/*Hook for editor alert*/
|
|
15
|
+
pointer-events: none;
|
|
16
|
+
text-align: center;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
[dir=ltr] .message {
|
|
20
|
+
right: 0 ;
|
|
21
|
+
left: 0 ;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
[dir=rtl] .message {
|
|
25
|
+
left: 0 ;
|
|
26
|
+
right: 0 ;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.container {
|
|
30
|
+
position: relative;
|
|
31
|
+
pointer-events: initial;
|
|
32
|
+
color: var(--globalnotification_text_color);
|
|
33
|
+
max-width: var(--zd_size490) ;
|
|
34
|
+
composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
|
|
35
|
+
box-shadow: var(--zd_bs_globalnotification_container);
|
|
36
|
+
border-radius: 0 0 var(--zd_size10) var(--zd_size10);
|
|
37
|
+
background-color: var(--globalnotification_bg_color);
|
|
38
|
+
border-style: solid;
|
|
39
|
+
border-color: var(--commonalert_border_color);
|
|
40
|
+
border-width: 2px 1px 1px 1px;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
[dir=ltr] .container {
|
|
44
|
+
padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
[dir=rtl] .container {
|
|
48
|
+
padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.icon {
|
|
52
|
+
width: var(--zd_size44) ;
|
|
53
|
+
height: var(--zd_size44) ;
|
|
54
|
+
position: absolute;
|
|
55
|
+
top: 0 ;
|
|
56
|
+
bottom: 0 ;
|
|
57
|
+
margin: auto 0 ;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
[dir=ltr] .icon {
|
|
61
|
+
left: var(--zd_size18) ;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
[dir=rtl] .icon {
|
|
65
|
+
right: var(--zd_size18) ;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.success {
|
|
69
|
+
--commonalert_border_color: var(--zdt_commonalert_success_border);
|
|
70
|
+
--globalnotification_bg_color: var(--zdt_globalnotification_success_bg);
|
|
71
|
+
--globalnotification_text_color: var(--zdt_globalnotification_success_text);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.info {
|
|
75
|
+
--commonalert_border_color: var(--zdt_commonalert_info_border);
|
|
76
|
+
--globalnotification_bg_color: var(--zdt_globalnotification_info_bg);
|
|
77
|
+
--globalnotification_text_color: var(--zdt_globalnotification_info_text);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.danger {
|
|
81
|
+
--commonalert_border_color: var(--zdt_commonalert_danger_border);
|
|
82
|
+
--globalnotification_bg_color: var(--zdt_globalnotification_danger_bg);
|
|
83
|
+
--globalnotification_text_color: var(--zdt_globalnotification_danger_text);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.error {
|
|
87
|
+
--commonalert_border_color: var(--zdt_commonalert_error_border);
|
|
88
|
+
--globalnotification_bg_color: var(--zdt_globalnotification_error_bg);
|
|
89
|
+
--globalnotification_text_color: var(--zdt_globalnotification_error_text);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.warning {
|
|
93
|
+
--commonalert_border_color: var(--zdt_commonalert_warning_border);
|
|
94
|
+
--globalnotification_bg_color: var(--zdt_globalnotification_warning_bg);
|
|
95
|
+
--globalnotification_text_color: var(--zdt_globalnotification_warning_text);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.text {
|
|
99
|
+
font-size: var(--zd_font_size14) ;
|
|
100
|
+
font-family: var(--zd_semibold);
|
|
101
|
+
composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
|
|
102
|
+
line-height: var(--zd_size20);
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
[dir=ltr] .text {
|
|
106
|
+
text-align: left;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
[dir=rtl] .text {
|
|
110
|
+
text-align: right;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.close {
|
|
114
|
+
position: absolute;
|
|
115
|
+
top: 0 ;
|
|
116
|
+
bottom: 0 ;
|
|
117
|
+
height: var(--zd_size25) ;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
[dir=ltr] .close {
|
|
121
|
+
right: var(--zd_size12) ;
|
|
122
|
+
margin: auto 0 auto var(--zd_size25) ;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
[dir=rtl] .close {
|
|
126
|
+
left: var(--zd_size12) ;
|
|
127
|
+
margin: auto var(--zd_size25) auto 0 ;
|
|
128
128
|
}
|
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
.varClass {
|
|
2
|
-
/* alert icon default variable */
|
|
3
|
-
--alerticons_fill: var(--zdt_commonalert_default_icon);
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.iconContainer {
|
|
7
|
-
composes: varClass;
|
|
8
|
-
width: 100% ;
|
|
9
|
-
height: 100% ;
|
|
10
|
-
}
|
|
11
|
-
/* Common */
|
|
12
|
-
.outer_cls2 {
|
|
13
|
-
fill: var(--zdt_alerticons_green_fill);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.outer_cls3 {
|
|
17
|
-
fill: var(--zdt_alerticons_primary_fill);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.outer_cls4 {
|
|
21
|
-
fill: var(--zdt_alerticons_orange_fill);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.outer_cls5 {
|
|
25
|
-
fill: var(--alerticons_fill);
|
|
26
|
-
opacity: 0.2;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.outer_cls6 {
|
|
30
|
-
fill: var(--alerticons_fill);
|
|
31
|
-
}
|
|
32
|
-
.danger {
|
|
33
|
-
--alerticons_fill: var(--zdt_commonalert_danger_icon);
|
|
34
|
-
}
|
|
35
|
-
.success {
|
|
36
|
-
--alerticons_fill: var(--zdt_commonalert_success_icon);
|
|
37
|
-
}
|
|
38
|
-
.error {
|
|
39
|
-
--alerticons_fill: var(--zdt_commonalert_error_icon);
|
|
40
|
-
}
|
|
41
|
-
.info,.notification,.alarm {
|
|
42
|
-
--alerticons_fill: var(--zdt_commonalert_info_icon);
|
|
43
|
-
}
|
|
44
|
-
.warning {
|
|
45
|
-
--alerticons_fill: var(--zdt_commonalert_warning_icon);
|
|
46
|
-
}
|
|
47
|
-
.danger_primary,
|
|
48
|
-
.info_primary,
|
|
49
|
-
.warning_primary,
|
|
50
|
-
.success_primary,
|
|
51
|
-
.error_primary,
|
|
52
|
-
.notify_primary,
|
|
53
|
-
.alarm_primary {
|
|
54
|
-
fill: var(--zdt_commonalert_secondlayer_bg);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.danger_secondary,
|
|
58
|
-
.info_secondary,
|
|
59
|
-
.warning_secondary,
|
|
60
|
-
.success_secondary,
|
|
61
|
-
.error_secondary,
|
|
62
|
-
.notify_secondary,
|
|
63
|
-
.alarm_secondary {
|
|
64
|
-
fill: var(--alerticons_fill);
|
|
65
|
-
opacity: 0.1;
|
|
66
|
-
}
|
|
67
|
-
|
|
1
|
+
.varClass {
|
|
2
|
+
/* alert icon default variable */
|
|
3
|
+
--alerticons_fill: var(--zdt_commonalert_default_icon);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.iconContainer {
|
|
7
|
+
composes: varClass;
|
|
8
|
+
width: 100% ;
|
|
9
|
+
height: 100% ;
|
|
10
|
+
}
|
|
11
|
+
/* Common */
|
|
12
|
+
.outer_cls2 {
|
|
13
|
+
fill: var(--zdt_alerticons_green_fill);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.outer_cls3 {
|
|
17
|
+
fill: var(--zdt_alerticons_primary_fill);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.outer_cls4 {
|
|
21
|
+
fill: var(--zdt_alerticons_orange_fill);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.outer_cls5 {
|
|
25
|
+
fill: var(--alerticons_fill);
|
|
26
|
+
opacity: 0.2;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.outer_cls6 {
|
|
30
|
+
fill: var(--alerticons_fill);
|
|
31
|
+
}
|
|
32
|
+
.danger {
|
|
33
|
+
--alerticons_fill: var(--zdt_commonalert_danger_icon);
|
|
34
|
+
}
|
|
35
|
+
.success {
|
|
36
|
+
--alerticons_fill: var(--zdt_commonalert_success_icon);
|
|
37
|
+
}
|
|
38
|
+
.error {
|
|
39
|
+
--alerticons_fill: var(--zdt_commonalert_error_icon);
|
|
40
|
+
}
|
|
41
|
+
.info,.notification,.alarm {
|
|
42
|
+
--alerticons_fill: var(--zdt_commonalert_info_icon);
|
|
43
|
+
}
|
|
44
|
+
.warning {
|
|
45
|
+
--alerticons_fill: var(--zdt_commonalert_warning_icon);
|
|
46
|
+
}
|
|
47
|
+
.danger_primary,
|
|
48
|
+
.info_primary,
|
|
49
|
+
.warning_primary,
|
|
50
|
+
.success_primary,
|
|
51
|
+
.error_primary,
|
|
52
|
+
.notify_primary,
|
|
53
|
+
.alarm_primary {
|
|
54
|
+
fill: var(--zdt_commonalert_secondlayer_bg);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.danger_secondary,
|
|
58
|
+
.info_secondary,
|
|
59
|
+
.warning_secondary,
|
|
60
|
+
.success_secondary,
|
|
61
|
+
.error_secondary,
|
|
62
|
+
.notify_secondary,
|
|
63
|
+
.alarm_secondary {
|
|
64
|
+
fill: var(--alerticons_fill);
|
|
65
|
+
opacity: 0.1;
|
|
66
|
+
}
|
|
67
|
+
|
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
padding-bottom: var(--zd_size30) ;
|
|
3
|
-
}
|
|
4
|
-
.errorBtn {
|
|
5
|
-
margin-top: var(--zd_size15) ;
|
|
6
|
-
}
|
|
7
|
-
.title {
|
|
8
|
-
font-family: var(--zd_bold);
|
|
9
|
-
}
|
|
10
|
-
.desc {
|
|
11
|
-
line-height: var(--zd_size22);
|
|
12
|
-
}
|
|
13
|
-
.large .errorState {
|
|
14
|
-
width: var(--zd_size450) ;
|
|
15
|
-
margin-top: var(--zd_size40) ;
|
|
16
|
-
}
|
|
17
|
-
.large .errorSvg {
|
|
18
|
-
width: var(--zd_size350) ;
|
|
19
|
-
height: var(--zd_size350) ;
|
|
20
|
-
}
|
|
21
|
-
.medium .errorState {
|
|
22
|
-
width: var(--zd_size350) ;
|
|
23
|
-
margin-top: var(--zd_size30) ;
|
|
24
|
-
}
|
|
25
|
-
.medium .errorSvg {
|
|
26
|
-
width: var(--zd_size250) ;
|
|
27
|
-
height: var(--zd_size250) ;
|
|
28
|
-
}
|
|
29
|
-
.medium .title {
|
|
30
|
-
font-size: var(--zd_font_size18) ;
|
|
31
|
-
}
|
|
32
|
-
.medium .desc,
|
|
33
|
-
.small .desc {
|
|
34
|
-
font-size: var(--zd_font_size13)
|
|
35
|
-
}
|
|
36
|
-
.small .errorState {
|
|
37
|
-
width: var(--zd_size230) ;
|
|
38
|
-
margin-top: var(--zd_size20) ;
|
|
39
|
-
}
|
|
40
|
-
.small .errorSvg {
|
|
41
|
-
width: var(--zd_size220) ;
|
|
42
|
-
height: var(--zd_size220) ;
|
|
43
|
-
}
|
|
44
|
-
.small .title {
|
|
45
|
-
font-size: var(--zd_font_size16) ;
|
|
46
|
-
}
|
|
1
|
+
.container {
|
|
2
|
+
padding-bottom: var(--zd_size30) ;
|
|
3
|
+
}
|
|
4
|
+
.errorBtn {
|
|
5
|
+
margin-top: var(--zd_size15) ;
|
|
6
|
+
}
|
|
7
|
+
.title {
|
|
8
|
+
font-family: var(--zd_bold);
|
|
9
|
+
}
|
|
10
|
+
.desc {
|
|
11
|
+
line-height: var(--zd_size22);
|
|
12
|
+
}
|
|
13
|
+
.large .errorState {
|
|
14
|
+
width: var(--zd_size450) ;
|
|
15
|
+
margin-top: var(--zd_size40) ;
|
|
16
|
+
}
|
|
17
|
+
.large .errorSvg {
|
|
18
|
+
width: var(--zd_size350) ;
|
|
19
|
+
height: var(--zd_size350) ;
|
|
20
|
+
}
|
|
21
|
+
.medium .errorState {
|
|
22
|
+
width: var(--zd_size350) ;
|
|
23
|
+
margin-top: var(--zd_size30) ;
|
|
24
|
+
}
|
|
25
|
+
.medium .errorSvg {
|
|
26
|
+
width: var(--zd_size250) ;
|
|
27
|
+
height: var(--zd_size250) ;
|
|
28
|
+
}
|
|
29
|
+
.medium .title {
|
|
30
|
+
font-size: var(--zd_font_size18) ;
|
|
31
|
+
}
|
|
32
|
+
.medium .desc,
|
|
33
|
+
.small .desc {
|
|
34
|
+
font-size: var(--zd_font_size13)
|
|
35
|
+
}
|
|
36
|
+
.small .errorState {
|
|
37
|
+
width: var(--zd_size230) ;
|
|
38
|
+
margin-top: var(--zd_size20) ;
|
|
39
|
+
}
|
|
40
|
+
.small .errorSvg {
|
|
41
|
+
width: var(--zd_size220) ;
|
|
42
|
+
height: var(--zd_size220) ;
|
|
43
|
+
}
|
|
44
|
+
.small .title {
|
|
45
|
+
font-size: var(--zd_font_size16) ;
|
|
46
|
+
}
|
|
@@ -19,7 +19,7 @@ var _AlertHeaderNewModule = _interopRequireDefault(require("./css/AlertHeaderNew
|
|
|
19
19
|
|
|
20
20
|
var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
|
|
21
21
|
|
|
22
|
-
var _utils = require("@zohodesk/
|
|
22
|
+
var _utils = require("@zohodesk/utils");
|
|
23
23
|
|
|
24
24
|
var _useDragger = _interopRequireDefault(require("../../../Hooks/Dragger/useDragger"));
|
|
25
25
|
|
|
@@ -1,88 +1,88 @@
|
|
|
1
|
-
.varClass {
|
|
2
|
-
--commonalert_border_color: var(--zdt_commonalert_default_border);
|
|
3
|
-
}
|
|
4
|
-
.container {
|
|
5
|
-
composes: varClass;
|
|
6
|
-
position: relative;
|
|
7
|
-
background-color: var(--zdt_alertlookup_bg);
|
|
8
|
-
border-style: solid;
|
|
9
|
-
border-color: var(--commonalert_border_color);
|
|
10
|
-
border-width: 2px 0 0 0;
|
|
11
|
-
}
|
|
12
|
-
.headerLayout {
|
|
13
|
-
min-height: var(--zd_size54) ;
|
|
14
|
-
}
|
|
15
|
-
[dir=ltr] .headerLayout {
|
|
16
|
-
padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
|
|
17
|
-
}
|
|
18
|
-
[dir=rtl] .headerLayout {
|
|
19
|
-
padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.success {
|
|
23
|
-
--commonalert_border_color: var(--zdt_commonalert_success_border);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.info,.notification {
|
|
27
|
-
--commonalert_border_color: var(--zdt_commonalert_info_border);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.danger {
|
|
31
|
-
--commonalert_border_color: var(--zdt_commonalert_danger_border);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.error {
|
|
35
|
-
--commonalert_border_color: var(--zdt_commonalert_error_border);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.warning {
|
|
39
|
-
--commonalert_border_color: var(--zdt_commonalert_warning_border);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
[dir=ltr] .extraSmall {
|
|
43
|
-
padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) var(--zd_size16) ;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
[dir=rtl] .extraSmall {
|
|
47
|
-
padding: var(--zd_size12) var(--zd_size16) var(--zd_size12) var(--zd_size45) ;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.iconContainer {
|
|
51
|
-
height: var(--zd_size51) ;
|
|
52
|
-
width: var(--zd_size51) ;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.title {
|
|
56
|
-
color: var(--zdt_alertlookupnew_text);
|
|
57
|
-
font-size: var(--zd_font_size18) ;
|
|
58
|
-
line-height: var(--zd_size22);
|
|
59
|
-
font-family: var(--zd_bold);
|
|
60
|
-
composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
|
|
61
|
-
vertical-align: middle;
|
|
62
|
-
cursor: default;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
[dir=ltr] .title {
|
|
66
|
-
margin: 0 var(--zd_size5) 0 var(--zd_size10) ;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
[dir=rtl] .title {
|
|
70
|
-
margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.iconStyle {
|
|
74
|
-
display: block;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.close {
|
|
78
|
-
position: absolute;
|
|
79
|
-
top: var(--zd_size12) ;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
[dir=ltr] .close {
|
|
83
|
-
right: var(--zd_size12) ;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
[dir=rtl] .close {
|
|
87
|
-
left: var(--zd_size12) ;
|
|
1
|
+
.varClass {
|
|
2
|
+
--commonalert_border_color: var(--zdt_commonalert_default_border);
|
|
3
|
+
}
|
|
4
|
+
.container {
|
|
5
|
+
composes: varClass;
|
|
6
|
+
position: relative;
|
|
7
|
+
background-color: var(--zdt_alertlookup_bg);
|
|
8
|
+
border-style: solid;
|
|
9
|
+
border-color: var(--commonalert_border_color);
|
|
10
|
+
border-width: 2px 0 0 0;
|
|
11
|
+
}
|
|
12
|
+
.headerLayout {
|
|
13
|
+
min-height: var(--zd_size54) ;
|
|
14
|
+
}
|
|
15
|
+
[dir=ltr] .headerLayout {
|
|
16
|
+
padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
|
|
17
|
+
}
|
|
18
|
+
[dir=rtl] .headerLayout {
|
|
19
|
+
padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.success {
|
|
23
|
+
--commonalert_border_color: var(--zdt_commonalert_success_border);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.info,.notification {
|
|
27
|
+
--commonalert_border_color: var(--zdt_commonalert_info_border);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.danger {
|
|
31
|
+
--commonalert_border_color: var(--zdt_commonalert_danger_border);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.error {
|
|
35
|
+
--commonalert_border_color: var(--zdt_commonalert_error_border);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.warning {
|
|
39
|
+
--commonalert_border_color: var(--zdt_commonalert_warning_border);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
[dir=ltr] .extraSmall {
|
|
43
|
+
padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) var(--zd_size16) ;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
[dir=rtl] .extraSmall {
|
|
47
|
+
padding: var(--zd_size12) var(--zd_size16) var(--zd_size12) var(--zd_size45) ;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.iconContainer {
|
|
51
|
+
height: var(--zd_size51) ;
|
|
52
|
+
width: var(--zd_size51) ;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.title {
|
|
56
|
+
color: var(--zdt_alertlookupnew_text);
|
|
57
|
+
font-size: var(--zd_font_size18) ;
|
|
58
|
+
line-height: var(--zd_size22);
|
|
59
|
+
font-family: var(--zd_bold);
|
|
60
|
+
composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
|
|
61
|
+
vertical-align: middle;
|
|
62
|
+
cursor: default;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
[dir=ltr] .title {
|
|
66
|
+
margin: 0 var(--zd_size5) 0 var(--zd_size10) ;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
[dir=rtl] .title {
|
|
70
|
+
margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.iconStyle {
|
|
74
|
+
display: block;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.close {
|
|
78
|
+
position: absolute;
|
|
79
|
+
top: var(--zd_size12) ;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
[dir=ltr] .close {
|
|
83
|
+
right: var(--zd_size12) ;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
[dir=rtl] .close {
|
|
87
|
+
left: var(--zd_size12) ;
|
|
88
88
|
}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = cssJSLogic;
|
|
7
7
|
|
|
8
|
-
var _utils = require("@zohodesk/
|
|
8
|
+
var _utils = require("@zohodesk/utils");
|
|
9
9
|
|
|
10
10
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
11
11
|
|