@zohodesk/dot 1.0.0-test.239 → 1.1.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 +1344 -1159
- package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +555 -0
- package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +16 -0
- package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +16 -0
- package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +16 -0
- package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +16 -0
- package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +16 -0
- package/assets/Appearance/light/mode/Dot_LightMode.module.css +555 -0
- package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +16 -0
- package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +16 -0
- package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +16 -0
- package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +16 -0
- package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +16 -0
- package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +555 -0
- package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +16 -0
- package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +16 -0
- package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +16 -0
- package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +16 -0
- package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +16 -0
- package/css_error.log +1 -0
- package/es/ActionButton/ActionButton.js +24 -12
- package/es/ActionButton/ActionButton.module.css +139 -136
- package/es/ActionButton/props/defaultProps.js +1 -1
- package/es/ActionButton/props/propTypes.js +1 -1
- package/es/AlphabeticList/AlphabeticList.js +14 -2
- package/es/AlphabeticList/AlphabeticList.module.css +57 -57
- package/es/AlphabeticList/props/defaultProps.js +2 -1
- package/es/AlphabeticList/props/propTypes.js +2 -1
- package/es/Attachment/Attachment.js +11 -9
- package/es/Attachment/Attachment.module.css +159 -157
- package/es/Attachment/props/defaultProps.js +2 -1
- package/es/Attachment/props/propTypes.js +1 -0
- package/es/AttachmentViewer/Attachment.js +1 -0
- package/es/AttachmentViewer/AttachmentImage.js +8 -1
- package/es/AttachmentViewer/AttachmentViewer.js +64 -29
- package/es/AttachmentViewer/AttachmentViewer.module.css +353 -354
- package/es/AttachmentViewer/utils.js +17 -0
- package/es/ChannelIcon/ChannelIcon.js +14 -9
- package/es/ChannelIcon/ChannelIcon.module.css +217 -217
- package/es/ChannelIcon/props/defaultProps.js +2 -1
- package/es/ChannelIcon/props/propTypes.js +2 -1
- package/es/Drawer/Drawer.js +62 -19
- package/es/Drawer/Drawer.module.css +191 -151
- package/es/Drawer/index.js +1 -0
- package/es/Drawer/props/defaultProps.js +3 -1
- package/es/Drawer/props/propTypes.js +3 -1
- package/es/ExternalLink/ExternalLink.js +12 -7
- package/es/ExternalLink/ExternalLink.module.css +3 -3
- package/es/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
- package/es/FlipCard/FlipCard.js +14 -7
- package/es/FlipCard/FlipCard.module.css +44 -44
- package/es/FormAction/FormAction.js +18 -14
- package/es/FormAction/FormAction.module.css +82 -82
- package/es/FormAction/props/defaultProps.js +2 -1
- package/es/FormAction/props/propTypes.js +2 -1
- package/es/FreezeLayer/FreezeLayer.js +68 -121
- package/es/FreezeLayer/{FreezeLayer.module.css → css/FreezeLayer.module.css} +42 -42
- package/es/FreezeLayer/css/cssJSLogic.js +23 -0
- package/es/FreezeLayer/index.js +2 -0
- package/es/FreezeLayer/props/defaultProps.js +1 -0
- package/es/FreezeLayer/props/propTypes.js +3 -1
- package/es/FreezeLayer/useFreezeLayer.js +55 -0
- package/es/Hooks/Dragger/css/Dragger.module.css +3 -0
- package/es/Hooks/Dragger/props/defaultProps.js +10 -0
- package/es/Hooks/Dragger/props/propTypes.js +11 -0
- package/es/Hooks/Dragger/useDragger.js +121 -0
- package/es/Hooks/Dragger/utils/DraggerUtil.js +27 -0
- package/es/IconButton/IconButton.js +21 -10
- package/es/IconButton/IconButton.module.css +22 -22
- package/es/IconButton/props/defaultProps.js +3 -1
- package/es/IconButton/props/propTypes.js +3 -1
- package/es/Image/Image.js +7 -6
- package/es/Image/Image.module.css +11 -10
- package/es/ImportantNotes/ImportantNotes.js +9 -8
- package/es/ImportantNotes/ImportantNotes.module.css +20 -20
- package/es/Link/Link.js +30 -14
- package/es/Link/Link.module.css +3 -3
- package/es/Loader/Loader.js +7 -6
- package/es/Loader/Loader.module.css +47 -46
- package/es/Message/Message.js +23 -10
- package/es/Message/Message.module.css +102 -102
- package/es/Message/props/defaultProps.js +2 -1
- package/es/Message/props/propTypes.js +1 -0
- package/es/MessageBanner/MessageBanner.js +11 -9
- package/es/MessageBanner/MessageBanner.module.css +46 -46
- package/es/MessageBanner/props/defaultProps.js +2 -1
- package/es/MessageBanner/props/propTypes.js +2 -1
- package/es/NewStar/NewStar.js +25 -27
- package/es/NewStar/NewStar.module.css +183 -110
- package/es/PlusIcon/PlusIcon.js +9 -7
- package/es/PlusIcon/PlusIcon.module.css +19 -16
- package/es/Provider/Config.js +7 -0
- package/es/Separator/Separator.js +60 -0
- package/es/Separator/Separator.module.css +34 -0
- package/es/Separator/props/defaultProps.js +12 -0
- package/es/Separator/props/propTypes.js +11 -0
- package/es/TagWithIcon/TagWithIcon.js +42 -0
- package/es/TagWithIcon/TagWithIcon.module.css +56 -0
- package/es/TagWithIcon/props/defaultProps.js +8 -0
- package/es/TagWithIcon/props/propTypes.js +12 -0
- package/es/ToastMessage/ToastMessage.js +27 -21
- package/es/ToastMessage/ToastMessage.module.css +329 -328
- package/es/ToastMessage/props/defaultProps.js +2 -1
- package/es/ToastMessage/props/propTypes.js +1 -0
- package/es/Upload/Upload.js +13 -9
- package/es/Upload/Upload.module.css +125 -125
- package/es/Upload/props/defaultProps.js +2 -1
- package/es/Upload/props/propTypes.js +1 -0
- package/es/actions/AutoClose.js +6 -5
- package/es/actions/index.js +3 -0
- package/es/alert/AlertHeader/AlertHeader.js +8 -8
- package/es/alert/AlertHeader/AlertHeader.module.css +80 -80
- package/es/alert/AlertLookup/AlertLookup.js +15 -62
- package/es/alert/AlertLookup/AlertLookup.module.css +26 -26
- package/es/alert/index.js +2 -0
- package/es/avatar/AvatarClose/AvatarClose.js +13 -9
- package/es/avatar/AvatarClose/AvatarClose.module.css +37 -37
- package/es/avatar/AvatarClose/props/defaultProps.js +2 -1
- package/es/avatar/AvatarClose/props/propTypes.js +2 -1
- package/es/avatar/AvatarCollision/AvatarCollision.js +14 -9
- package/es/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
- package/es/avatar/AvatarCollision/props/defaultProps.js +2 -1
- package/es/avatar/AvatarCollision/props/propTypes.js +1 -0
- package/es/avatar/AvatarIcon/AvatarIcon.js +10 -9
- package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/es/avatar/AvatarIcon/props/defaultProps.js +2 -1
- package/es/avatar/AvatarIcon/props/propTypes.js +1 -0
- package/es/avatar/AvatarStatus/AvatarStatus.js +17 -8
- package/es/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
- package/es/avatar/AvatarStatus/props/defaultProps.js +4 -1
- package/es/avatar/AvatarStatus/props/propTypes.js +3 -0
- package/es/avatar/AvatarThread/AvatarThread.js +13 -9
- package/es/avatar/AvatarThread/AvatarThread.module.css +166 -166
- package/es/avatar/AvatarThread/props/defaultProps.js +2 -1
- package/es/avatar/AvatarThread/props/propTypes.js +1 -0
- package/es/avatar/AvatarUser/AvatarUser.js +20 -11
- package/es/avatar/AvatarUser/AvatarUser.module.css +171 -171
- package/es/avatar/AvatarUser/props/defaultProps.js +2 -1
- package/es/avatar/AvatarUser/props/propTypes.js +1 -0
- package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +15 -9
- package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
- package/es/avatar/AvatarWithTeam/props/defaultProps.js +3 -1
- package/es/avatar/AvatarWithTeam/props/propTypes.js +2 -0
- package/es/avatar/index.js +7 -0
- package/es/common/dot_animation.module.css +26 -26
- package/es/common/dot_boxShadow.module.css +38 -0
- package/es/common/dot_common.module.css +3 -3
- package/es/deprecated/FreezeLayer/FreezeLayer.js +135 -0
- package/es/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -0
- package/es/deprecated/FreezeLayer/props/defaultProps.js +8 -0
- package/es/deprecated/FreezeLayer/props/propTypes.js +17 -0
- package/es/deprecated/SelectDropdown/SelectDropdown.js +15 -8
- package/es/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
- package/es/deprecated/utils/General.js +2 -0
- package/es/deprecated/utils/KeyboardApi.js +70 -29
- package/es/docs/formDocs.js +1 -16
- package/es/docs/generalDocs.js +2 -108
- package/es/docs/lookupDocs.js +2 -37
- package/es/docs/setupDocs.js +1 -15
- package/es/dropdown/ToggleDropDown/ToggleDropDown.js +248 -212
- package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +100 -101
- package/es/dropdown/ToggleDropDown/props/defaultProps.js +4 -1
- package/es/dropdown/ToggleDropDown/props/propTypes.js +7 -1
- package/es/emptystate/CommonEmptyState/CommonEmptyState.js +8 -7
- package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
- package/es/emptystate/EditionPage/EditionPage.css +43 -43
- package/es/emptystate/EditionPage/EditionPage.js +11 -7
- package/es/errorstate/EmptyStates.module.css +87 -87
- package/es/errorstate/Inconvenience/Inconvenience.js +4 -0
- package/es/errorstate/Inconvenience/Inconvenience.module.css +7 -7
- package/es/errorstate/LinkText/LinkText.js +6 -6
- package/es/errorstate/LinkText/LinkText.module.css +6 -6
- package/es/errorstate/NoRequestFound/NoRequestFound.js +8 -6
- package/es/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
- package/es/errorstate/PermissionPlay/PermissionPlay.js +8 -6
- package/es/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
- package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +8 -6
- package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
- package/es/errorstate/UnableToProcess/UnableToProcess.js +4 -0
- package/es/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
- package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +8 -6
- package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
- package/es/errorstate/WillBack/WillBack.js +8 -6
- package/es/errorstate/WillBack/WillBack.module.css +34 -34
- package/es/errorstate/index.js +8 -0
- package/es/form/fields/CheckBoxField/CheckBoxField.js +17 -10
- package/es/form/fields/CheckBoxField/props/defaultProps.js +1 -0
- package/es/form/fields/CurrencyField/CurrencyField.js +20 -10
- package/es/form/fields/CurrencyField/props/defaultProps.js +1 -0
- package/es/form/fields/DateField/DateField.js +31 -12
- package/es/form/fields/DateField/props/defaultProps.js +1 -0
- package/es/form/fields/FieldContainer/FieldContainer.js +17 -11
- package/es/form/fields/FieldContainer/props/defaultProps.js +3 -3
- package/es/form/fields/FieldContainer/props/propTypes.js +1 -2
- package/es/form/fields/Fields.module.css +183 -183
- package/es/form/fields/MultiSelectField/MultiSelectField.js +26 -18
- package/es/form/fields/MultiSelectField/props/defaultProps.js +1 -0
- package/es/form/fields/PhoneField/PhoneField.js +22 -11
- package/es/form/fields/PhoneField/props/defaultProps.js +2 -1
- package/es/form/fields/RadioField/RadioField.js +15 -10
- package/es/form/fields/RadioField/props/defaultProps.js +2 -1
- package/es/form/fields/SelectField/SelectField.js +27 -18
- package/es/form/fields/SelectField/props/defaultProps.js +1 -0
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +23 -8
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
- package/es/form/fields/TagsMultiSelect/props/defaultProps.js +2 -1
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +30 -9
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
- package/es/form/fields/TagsMultiSelectField/props/defaultProps.js +1 -0
- package/es/form/fields/TextBoxField/TextBoxField.js +27 -17
- package/es/form/fields/TextBoxField/props/defaultProps.js +1 -0
- package/es/form/fields/TextEditor/TextEditor.js +72 -19
- package/es/form/fields/TextEditor/TextEditor.module.css +771 -666
- package/es/form/fields/TextEditor/props/defaultProps.js +2 -1
- package/es/form/fields/TextEditorField/TextEditorField.js +18 -9
- package/es/form/fields/TextEditorField/props/defaultProps.js +1 -0
- package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +16 -6
- package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -36
- package/es/form/fields/TextEditorWrapper/props/defaultProps.js +2 -1
- package/es/form/fields/TextareaField/TextareaField.js +26 -18
- package/es/form/fields/TextareaField/props/defaultProps.js +1 -0
- package/es/form/fields/ValidationMessage/ValidationMessage.js +13 -10
- package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
- package/es/form/fields/ValidationMessage/props/defaultProps.js +2 -1
- package/es/form/fields/index.js +16 -0
- package/es/form/fields/props/FieldCommonPropTypes.js +2 -1
- package/es/form/layout/Field/Field.js +8 -7
- 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 +10 -7
- package/es/form/layout/index.js +2 -0
- package/es/index.js +51 -7
- package/es/layout/SetupDetailLayout/SetupDetailLayout.js +40 -13
- package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
- package/es/layout/SetupDetailLayout/props/defaultProps.js +4 -2
- package/es/layout/SetupDetailLayout/props/propTypes.js +9 -2
- package/es/layout/SubtabLayout/SubtabLayout.js +10 -6
- package/es/layout/SubtabLayout/SubtabLayout.module.css +165 -146
- package/es/list/AvatarFlip/AvatarFlip.js +11 -9
- package/es/list/AvatarFlip/AvatarFlip.module.css +3 -3
- package/es/list/AvatarFlip/props/defaultProps.js +2 -1
- package/es/list/AvatarFlip/props/propTypes.js +2 -1
- package/es/list/BluePrintStatus/BluePrintStatus.js +8 -7
- package/es/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
- package/es/list/Comment/Comment.js +13 -9
- package/es/list/Comment/Comment.module.css +29 -29
- package/es/list/DepartmentDropDown/DepartmentDropDown.js +14 -7
- package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
- package/es/list/Dot/Dot.js +2 -0
- package/es/list/Dot/Dot.module.css +15 -15
- package/es/list/DotNew/DotNew.js +8 -7
- package/es/list/DotNew/DotNew.module.css +25 -22
- package/es/list/GridStencils/GridStencils.js +7 -7
- package/es/list/GridStencils/GridStencils.module.css +146 -146
- package/es/list/Icons/AddNewIcon.js +3 -1
- package/es/list/Icons/CompleteIcon.js +3 -1
- package/es/list/Icons/DeleteIcon.js +5 -2
- package/es/list/Icons/EditIcon.js +3 -1
- package/es/list/Icons/FloatingIcons.js +8 -7
- package/es/list/Icons/Icons.module.css +16 -16
- package/es/list/Icons/ReadUnreadIcon.js +3 -1
- package/es/list/Icons/SmartIcon.js +3 -1
- package/es/list/Icons/index.js +7 -0
- package/es/list/ListLayout/ListLayout.js +13 -7
- package/es/list/ListLayout/ListLayout.module.css +57 -57
- package/es/list/ListStencils/ListStencils.js +9 -8
- package/es/list/ListStencils/ListStencils.module.css +67 -67
- package/es/list/SecondaryText/AccountName.js +14 -10
- package/es/list/SecondaryText/ContactName.js +14 -10
- package/es/list/SecondaryText/DepartmentText.js +10 -8
- package/es/list/SecondaryText/Email.js +11 -9
- package/es/list/SecondaryText/HappinessRating.js +8 -8
- package/es/list/SecondaryText/PhoneNumber.js +11 -9
- package/es/list/SecondaryText/PriorityText.js +10 -8
- package/es/list/SecondaryText/SecondaryText.js +10 -7
- package/es/list/SecondaryText/SecondaryText.module.css +136 -136
- package/es/list/SecondaryText/StatusText.js +10 -8
- package/es/list/SecondaryText/TicketId.js +10 -7
- package/es/list/SecondaryText/Website.js +10 -9
- package/es/list/SecondryPanel/SecondryPanel.js +14 -12
- package/es/list/SecondryPanel/SecondryPanel.module.css +5 -5
- package/es/list/SentimentStatus/SentimentStatus.js +8 -7
- package/es/list/SentimentStatus/SentimentStatus.module.css +12 -12
- package/es/list/Subject/Subject.js +11 -8
- package/es/list/Subject/Subject.module.css +27 -27
- package/es/list/TagNew/TagNew.js +10 -8
- package/es/list/TagNew/TagNew.module.css +117 -115
- package/es/list/Thread/Thread.js +13 -9
- package/es/list/Thread/Thread.module.css +42 -42
- package/es/list/UserTime/UserTime.js +13 -9
- package/es/list/UserTime/UserTime.module.css +58 -58
- package/es/list/index.js +17 -0
- package/es/list/listCommon.module.css +60 -60
- package/es/list/status/StatusDropdown/StatusDropdown.js +41 -8
- package/es/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
- package/es/list/status/StatusDropdown/props/defaultProps.js +2 -1
- package/es/list/status/StatusDropdown/props/propTypes.js +2 -1
- package/es/list/status/StatusListItem/StatusListItem.js +21 -11
- package/es/list/status/StatusListItem/StatusListItem.module.css +111 -104
- package/es/list/status/StatusListItem/props/defaultProps.js +2 -1
- package/es/list/status/StatusListItem/props/propTypes.js +1 -0
- package/es/list/status/index.js +2 -0
- package/es/lookup/EmptyPage/EmptyPage.js +15 -7
- package/es/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
- package/es/lookup/Lookup/Lookup.js +51 -20
- package/es/lookup/Lookup/Lookup.module.css +26 -26
- package/es/lookup/Lookup/props/defaultProps.js +3 -1
- package/es/lookup/Lookup/props/propTypes.js +3 -1
- package/es/lookup/Section/LookupSection.module.css +8 -8
- package/es/lookup/Section/Section.js +3 -0
- package/es/lookup/header/Close/Close.js +7 -7
- package/es/lookup/header/Close/LookupClose.module.css +15 -15
- package/es/lookup/header/ModuleHeader/ModuleHeader.js +8 -9
- package/es/lookup/header/Search/LookupSearch.module.css +57 -57
- package/es/lookup/header/Search/Search.js +36 -18
- package/es/lookup/header/TicketHeader/TicketHeader.js +8 -9
- package/es/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
- package/es/lookup/header/Title/LookupTitle.module.css +20 -20
- package/es/lookup/header/Title/Title.js +7 -7
- package/es/lookup/header/ViewDropDown/ViewDropDown.js +19 -12
- package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
- package/es/lookup/header/ViewDropDown/props/propTypes.js +1 -0
- package/es/lookup/header/index.js +5 -0
- package/es/lookup/header/lookupHeaderCommon.module.css +41 -41
- package/es/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
- package/es/lookup/index.js +5 -0
- package/es/setup/header/Button/Button.js +8 -7
- package/es/setup/header/Button/HeaderButton.module.css +5 -5
- package/es/setup/header/Link/HeaderLink.module.css +21 -21
- package/es/setup/header/Link/Link.js +9 -8
- package/es/setup/header/Search/Search.js +11 -8
- package/es/setup/header/Search/Search.module.css +68 -68
- package/es/setup/header/Views/Views.js +9 -8
- package/es/setup/header/Views/Views.module.css +37 -37
- package/es/setup/header/index.js +4 -0
- package/es/setup/helptips/Description/Description.js +8 -7
- 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 +10 -7
- package/es/setup/helptips/ListGroup/ListGroup.js +10 -7
- 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 +8 -7
- package/es/setup/helptips/index.js +4 -0
- package/es/setup/index.js +6 -0
- package/es/setup/table/Table/Table.js +7 -7
- package/es/setup/table/TableBody/TableBody.js +7 -7
- package/es/setup/table/TableData/SetupTableData.module.css +44 -44
- package/es/setup/table/TableData/TableData.js +11 -8
- package/es/setup/table/TableData/Tablehover.module.css +6 -6
- package/es/setup/table/TableData/props/propTypes.js +1 -0
- package/es/setup/table/TableHead/SetupTableHead.module.css +12 -12
- package/es/setup/table/TableHead/TableHead.js +8 -7
- package/es/setup/table/TableRow/SetupTableRow.module.css +14 -14
- package/es/setup/table/TableRow/TableRow.js +8 -7
- package/es/setup/table/Text/TableText.module.css +37 -37
- package/es/setup/table/Text/Text.js +10 -7
- package/es/setup/table/index.js +5 -0
- package/es/svg/PlusIcon.js +7 -7
- package/es/svg/SnippetIcon.js +8 -8
- package/es/svg/TemplateIcon.js +6 -6
- package/es/svg/index.js +3 -0
- package/es/utils/General.js +7 -0
- package/es/utils/editorUtils.js +41 -17
- package/es/version2/AlertClose/AlertClose.js +10 -9
- package/es/version2/AlertClose/AlertClose.module.css +42 -42
- package/es/version2/GlobalNotification/GlobalNotification.js +26 -11
- package/es/version2/GlobalNotification/GlobalNotification.module.css +127 -124
- package/es/version2/GlobalNotification/props/defaultProps.js +2 -1
- package/es/version2/GlobalNotification/props/propTypes.js +1 -0
- package/es/version2/alertIcons/AlarmAlertIcon.js +1 -0
- package/es/version2/alertIcons/AlertIcons.js +11 -9
- package/es/version2/alertIcons/AlertIcons.module.css +67 -67
- package/es/version2/alertIcons/DangerAlertIcon.js +1 -0
- package/es/version2/alertIcons/ErrorAlertIcon.js +1 -0
- package/es/version2/alertIcons/InfoAlertIcon.js +1 -0
- package/es/version2/alertIcons/NotificationAlertIcon.js +1 -0
- package/es/version2/alertIcons/SuccessAlertIcon.js +1 -0
- package/es/version2/alertIcons/WarningAlertIcon.js +1 -0
- package/es/version2/alertIcons/index.js +8 -0
- package/es/version2/alertIcons/props/defaultProps.js +2 -1
- package/es/version2/alertIcons/props/propTypes.js +2 -1
- package/es/version2/errorstate/Inconvenience/Inconvenience.js +8 -6
- package/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +8 -6
- package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +8 -6
- package/es/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +8 -6
- package/es/version2/errorstate/UrlNotFound/UrlNotFound.js +8 -6
- package/es/version2/errorstate/V2_ErrorStates.module.css +46 -46
- package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js +8 -6
- package/es/version2/errorstate/index.js +6 -0
- package/es/version2/index.js +12 -0
- package/es/version2/lookup/AlertHeader/AlertHeader.js +76 -59
- package/es/version2/lookup/AlertHeader/{AlertHeaderNew.module.css → css/AlertHeaderNew.module.css} +87 -86
- package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +20 -0
- package/es/version2/lookup/AlertHeader/props/defaultProps.js +8 -2
- package/es/version2/lookup/AlertHeader/props/propTypes.js +9 -2
- package/es/version2/lookup/AlertLookup/AlertLookup.js +50 -63
- package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
- package/es/version2/lookup/alertLookupCommonNew.module.css +32 -32
- package/es/version2/lookup/index.js +2 -0
- package/es/version2/notification/DesktopNotification/DesktopNotification.js +15 -9
- package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +127 -106
- package/es/version2/notification/DesktopNotification/props/defaultProps.js +2 -1
- package/es/version2/notification/DesktopNotification/props/propTypes.js +1 -0
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +8 -7
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
- package/es/version2/notification/index.js +3 -0
- package/install.md +12 -0
- package/lib/ActionButton/ActionButton.js +83 -42
- package/lib/ActionButton/ActionButton.module.css +139 -136
- package/lib/ActionButton/props/defaultProps.js +1 -1
- package/lib/ActionButton/props/propTypes.js +4 -1
- package/lib/AlphabeticList/AlphabeticList.js +54 -18
- package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
- package/lib/AlphabeticList/props/defaultProps.js +2 -1
- package/lib/AlphabeticList/props/propTypes.js +11 -1
- package/lib/Attachment/Attachment.js +49 -22
- package/lib/Attachment/Attachment.module.css +159 -157
- package/lib/Attachment/props/defaultProps.js +2 -1
- package/lib/Attachment/props/propTypes.js +4 -0
- package/lib/AttachmentViewer/Attachment.js +4 -0
- package/lib/AttachmentViewer/AttachmentImage.js +37 -8
- package/lib/AttachmentViewer/AttachmentViewer.js +106 -37
- package/lib/AttachmentViewer/AttachmentViewer.module.css +353 -354
- package/lib/AttachmentViewer/props/propTypes.js +3 -0
- package/lib/AttachmentViewer/utils.js +30 -6
- package/lib/ChannelIcon/ChannelIcon.js +63 -31
- package/lib/ChannelIcon/ChannelIcon.module.css +217 -217
- package/lib/ChannelIcon/props/defaultProps.js +2 -1
- package/lib/ChannelIcon/props/propTypes.js +5 -1
- package/lib/Drawer/Drawer.js +161 -62
- package/lib/Drawer/Drawer.module.css +191 -151
- package/lib/Drawer/index.js +37 -0
- package/lib/Drawer/props/defaultProps.js +3 -1
- package/lib/Drawer/props/propTypes.js +6 -1
- package/lib/ExternalLink/ExternalLink.js +41 -15
- package/lib/ExternalLink/ExternalLink.module.css +3 -3
- package/lib/ExternalLink/__tests__/ExternalLink.spec.js +7 -0
- package/lib/ExternalLink/props/propTypes.js +3 -0
- package/lib/FlipCard/FlipCard.js +78 -42
- package/lib/FlipCard/FlipCard.module.css +44 -44
- package/lib/FlipCard/props/propTypes.js +3 -0
- package/lib/FormAction/FormAction.js +52 -17
- package/lib/FormAction/FormAction.module.css +82 -82
- package/lib/FormAction/props/defaultProps.js +2 -1
- package/lib/FormAction/props/propTypes.js +5 -1
- package/lib/FreezeLayer/FreezeLayer.js +82 -148
- package/lib/FreezeLayer/{FreezeLayer.module.css → css/FreezeLayer.module.css} +42 -42
- package/lib/FreezeLayer/css/cssJSLogic.js +26 -0
- package/lib/FreezeLayer/index.js +23 -0
- package/lib/FreezeLayer/props/defaultProps.js +1 -0
- package/lib/FreezeLayer/props/propTypes.js +8 -2
- package/lib/FreezeLayer/useFreezeLayer.js +94 -0
- package/lib/Hooks/Dragger/css/Dragger.module.css +3 -0
- package/lib/Hooks/Dragger/props/defaultProps.js +17 -0
- package/lib/Hooks/Dragger/props/propTypes.js +22 -0
- package/lib/Hooks/Dragger/useDragger.js +133 -0
- package/lib/Hooks/Dragger/utils/DraggerUtil.js +30 -0
- package/lib/IconButton/IconButton.js +69 -37
- package/lib/IconButton/IconButton.module.css +22 -22
- package/lib/IconButton/props/defaultProps.js +3 -1
- package/lib/IconButton/props/propTypes.js +7 -1
- package/lib/Image/Image.js +39 -16
- package/lib/Image/Image.module.css +11 -10
- package/lib/Image/props/propTypes.js +3 -0
- package/lib/ImportantNotes/ImportantNotes.js +40 -16
- package/lib/ImportantNotes/ImportantNotes.module.css +20 -20
- package/lib/ImportantNotes/props/propTypes.js +3 -0
- package/lib/Link/Link.js +68 -29
- package/lib/Link/Link.module.css +3 -3
- package/lib/Link/LinkContext.js +4 -0
- package/lib/Link/props/propTypes.js +3 -0
- package/lib/Loader/Loader.js +30 -7
- package/lib/Loader/Loader.module.css +47 -46
- package/lib/Message/Message.js +56 -20
- package/lib/Message/Message.module.css +102 -102
- package/lib/Message/props/defaultProps.js +2 -1
- package/lib/Message/props/propTypes.js +4 -0
- package/lib/MessageBanner/MessageBanner.js +45 -18
- package/lib/MessageBanner/MessageBanner.module.css +46 -46
- package/lib/MessageBanner/props/defaultProps.js +2 -1
- package/lib/MessageBanner/props/propTypes.js +5 -1
- package/lib/NewStar/NewStar.js +55 -33
- package/lib/NewStar/NewStar.module.css +183 -110
- package/lib/NewStar/props/propTypes.js +3 -0
- package/lib/PlusIcon/PlusIcon.js +39 -15
- package/lib/PlusIcon/PlusIcon.module.css +19 -16
- package/lib/PlusIcon/props/propTypes.js +3 -0
- package/lib/Provider/Config.js +9 -0
- package/lib/Separator/Separator.js +107 -0
- package/lib/Separator/Separator.module.css +34 -0
- package/lib/Separator/props/defaultProps.js +19 -0
- package/lib/Separator/props/propTypes.js +22 -0
- package/lib/TagWithIcon/TagWithIcon.js +94 -0
- package/lib/TagWithIcon/TagWithIcon.module.css +56 -0
- package/lib/TagWithIcon/props/defaultProps.js +15 -0
- package/lib/TagWithIcon/props/propTypes.js +23 -0
- package/lib/ToastMessage/ToastMessage.js +88 -57
- package/lib/ToastMessage/ToastMessage.module.css +329 -328
- package/lib/ToastMessage/props/defaultProps.js +2 -1
- package/lib/ToastMessage/props/propTypes.js +4 -0
- package/lib/Upload/Upload.js +53 -24
- package/lib/Upload/Upload.module.css +125 -125
- package/lib/Upload/props/defaultProps.js +2 -1
- package/lib/Upload/props/propTypes.js +4 -0
- package/lib/actions/AutoClose.js +29 -12
- package/lib/actions/index.js +5 -0
- package/lib/actions/props/propTypes.js +3 -0
- package/lib/alert/AlertHeader/AlertHeader.js +49 -21
- package/lib/alert/AlertHeader/AlertHeader.module.css +80 -80
- package/lib/alert/AlertHeader/props/propTypes.js +3 -0
- package/lib/alert/AlertLookup/AlertLookup.js +77 -97
- package/lib/alert/AlertLookup/AlertLookup.module.css +26 -26
- package/lib/alert/AlertLookup/props/propTypes.js +3 -0
- package/lib/alert/index.js +23 -0
- package/lib/avatar/AvatarClose/AvatarClose.js +46 -19
- package/lib/avatar/AvatarClose/AvatarClose.module.css +37 -37
- package/lib/avatar/AvatarClose/props/defaultProps.js +2 -1
- package/lib/avatar/AvatarClose/props/propTypes.js +5 -1
- package/lib/avatar/AvatarCollision/AvatarCollision.js +50 -22
- package/lib/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
- package/lib/avatar/AvatarCollision/props/defaultProps.js +2 -1
- package/lib/avatar/AvatarCollision/props/propTypes.js +4 -0
- package/lib/avatar/AvatarIcon/AvatarIcon.js +50 -24
- package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/lib/avatar/AvatarIcon/props/defaultProps.js +2 -1
- package/lib/avatar/AvatarIcon/props/propTypes.js +4 -0
- package/lib/avatar/AvatarStatus/AvatarStatus.js +58 -27
- package/lib/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
- package/lib/avatar/AvatarStatus/props/defaultProps.js +4 -1
- package/lib/avatar/AvatarStatus/props/propTypes.js +27 -23
- package/lib/avatar/AvatarThread/AvatarThread.js +63 -35
- package/lib/avatar/AvatarThread/AvatarThread.module.css +166 -166
- package/lib/avatar/AvatarThread/props/defaultProps.js +2 -1
- package/lib/avatar/AvatarThread/props/propTypes.js +4 -0
- package/lib/avatar/AvatarUser/AvatarUser.js +81 -48
- package/lib/avatar/AvatarUser/AvatarUser.module.css +171 -171
- package/lib/avatar/AvatarUser/props/defaultProps.js +2 -1
- package/lib/avatar/AvatarUser/props/propTypes.js +4 -0
- package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +62 -32
- package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
- package/lib/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js +12 -6
- package/lib/avatar/AvatarWithTeam/props/defaultProps.js +3 -1
- package/lib/avatar/AvatarWithTeam/props/propTypes.js +5 -0
- package/lib/avatar/index.js +63 -0
- package/lib/common/dot_animation.module.css +26 -26
- package/lib/common/dot_boxShadow.module.css +38 -0
- package/lib/common/dot_common.module.css +3 -3
- package/lib/deprecated/FreezeLayer/FreezeLayer.js +192 -0
- package/lib/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -0
- package/lib/deprecated/FreezeLayer/props/defaultProps.js +15 -0
- package/lib/deprecated/FreezeLayer/props/propTypes.js +28 -0
- package/lib/deprecated/SelectDropdown/SelectDropdown.js +58 -25
- package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
- package/lib/deprecated/utils/General.js +5 -0
- package/lib/deprecated/utils/KeyboardApi.js +72 -28
- package/lib/docs/formDocs.js +16 -0
- package/lib/docs/generalDocs.js +60 -0
- package/lib/docs/lookupDocs.js +17 -0
- package/lib/docs/setupDocs.js +12 -0
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +417 -358
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +100 -101
- package/lib/dropdown/ToggleDropDown/props/defaultProps.js +4 -1
- package/lib/dropdown/ToggleDropDown/props/propTypes.js +10 -1
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +51 -25
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
- package/lib/emptystate/CommonEmptyState/props/propTypes.js +3 -0
- package/lib/emptystate/EditionPage/EditionPage.css +43 -43
- package/lib/emptystate/EditionPage/EditionPage.js +43 -15
- package/lib/emptystate/EditionPage/props/propTypes.js +3 -0
- package/lib/errorstate/EmptyStates.module.css +87 -87
- package/lib/errorstate/Inconvenience/Inconvenience.js +39 -9
- package/lib/errorstate/Inconvenience/Inconvenience.module.css +7 -7
- package/lib/errorstate/Inconvenience/props/propTypes.js +3 -0
- package/lib/errorstate/LinkText/LinkText.js +34 -11
- package/lib/errorstate/LinkText/LinkText.module.css +6 -6
- package/lib/errorstate/LinkText/props/propTypes.js +3 -0
- package/lib/errorstate/NoRequestFound/NoRequestFound.js +43 -15
- package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
- package/lib/errorstate/NoRequestFound/props/propTypes.js +3 -0
- package/lib/errorstate/PermissionPlay/PermissionPlay.js +43 -15
- package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
- package/lib/errorstate/PermissionPlay/props/propTypes.js +3 -0
- package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +43 -15
- package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
- package/lib/errorstate/RequestUrlNotFound/props/propTypes.js +3 -0
- package/lib/errorstate/UnableToProcess/UnableToProcess.js +39 -9
- package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
- package/lib/errorstate/UnableToProcess/props/propTypes.js +3 -0
- package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +43 -15
- package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
- package/lib/errorstate/UnauthorizedLogin/props/propTypes.js +3 -0
- package/lib/errorstate/WillBack/WillBack.js +36 -9
- package/lib/errorstate/WillBack/WillBack.module.css +34 -34
- package/lib/errorstate/WillBack/props/propTypes.js +3 -0
- package/lib/errorstate/index.js +71 -0
- package/lib/form/fields/CheckBoxField/CheckBoxField.js +77 -42
- package/lib/form/fields/CheckBoxField/props/defaultProps.js +8 -1
- package/lib/form/fields/CheckBoxField/props/propTypes.js +8 -0
- package/lib/form/fields/CurrencyField/CurrencyField.js +87 -52
- package/lib/form/fields/CurrencyField/props/defaultProps.js +8 -1
- package/lib/form/fields/CurrencyField/props/propTypes.js +8 -0
- package/lib/form/fields/DateField/DateField.js +97 -53
- package/lib/form/fields/DateField/props/defaultProps.js +8 -1
- package/lib/form/fields/DateField/props/propTypes.js +8 -0
- package/lib/form/fields/FieldContainer/FieldContainer.js +58 -29
- package/lib/form/fields/FieldContainer/props/defaultProps.js +8 -1
- package/lib/form/fields/FieldContainer/props/propTypes.js +8 -0
- package/lib/form/fields/Fields.module.css +183 -183
- package/lib/form/fields/MultiSelectField/MultiSelectField.js +109 -76
- package/lib/form/fields/MultiSelectField/props/defaultProps.js +8 -1
- package/lib/form/fields/MultiSelectField/props/propTypes.js +8 -0
- package/lib/form/fields/PhoneField/PhoneField.js +81 -46
- package/lib/form/fields/PhoneField/props/defaultProps.js +2 -1
- package/lib/form/fields/PhoneField/props/propTypes.js +3 -0
- package/lib/form/fields/RadioField/RadioField.js +70 -38
- package/lib/form/fields/RadioField/props/defaultProps.js +2 -1
- package/lib/form/fields/RadioField/props/propTypes.js +3 -0
- package/lib/form/fields/SelectField/SelectField.js +110 -73
- package/lib/form/fields/SelectField/props/defaultProps.js +8 -1
- package/lib/form/fields/SelectField/props/propTypes.js +8 -0
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +89 -46
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
- package/lib/form/fields/TagsMultiSelect/props/defaultProps.js +2 -1
- package/lib/form/fields/TagsMultiSelect/props/propTypes.js +3 -0
- package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +109 -63
- package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
- package/lib/form/fields/TagsMultiSelectField/props/defaultProps.js +8 -1
- package/lib/form/fields/TagsMultiSelectField/props/propTypes.js +8 -0
- package/lib/form/fields/TextBoxField/TextBoxField.js +99 -61
- package/lib/form/fields/TextBoxField/props/defaultProps.js +8 -1
- package/lib/form/fields/TextBoxField/props/propTypes.js +8 -0
- package/lib/form/fields/TextEditor/TextEditor.js +126 -59
- package/lib/form/fields/TextEditor/TextEditor.module.css +771 -666
- package/lib/form/fields/TextEditor/props/defaultProps.js +2 -1
- package/lib/form/fields/TextEditor/props/propTypes.js +3 -0
- package/lib/form/fields/TextEditorField/TextEditorField.js +94 -61
- package/lib/form/fields/TextEditorField/props/defaultProps.js +8 -1
- package/lib/form/fields/TextEditorField/props/propTypes.js +8 -0
- package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +80 -44
- package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -36
- package/lib/form/fields/TextEditorWrapper/props/defaultProps.js +2 -1
- package/lib/form/fields/TextEditorWrapper/props/propTypes.js +3 -0
- package/lib/form/fields/TextareaField/TextareaField.js +92 -57
- package/lib/form/fields/TextareaField/props/defaultProps.js +8 -1
- package/lib/form/fields/TextareaField/props/propTypes.js +8 -0
- package/lib/form/fields/ValidationMessage/ValidationMessage.js +49 -21
- package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
- package/lib/form/fields/ValidationMessage/props/defaultProps.js +2 -1
- package/lib/form/fields/ValidationMessage/props/propTypes.js +3 -0
- package/lib/form/fields/index.js +135 -0
- package/lib/form/fields/props/FieldCommonDefaultProps.js +2 -0
- package/lib/form/fields/props/FieldCommonPropTypes.js +6 -1
- package/lib/form/layout/Field/Field.js +39 -14
- package/lib/form/layout/Field/Field.module.css +22 -22
- package/lib/form/layout/Field/props/propTypes.js +3 -0
- package/lib/form/layout/Section/ModuleFormSection.module.css +3 -3
- package/lib/form/layout/Section/Section.js +39 -14
- package/lib/form/layout/Section/props/propTypes.js +3 -0
- package/lib/form/layout/index.js +23 -0
- package/lib/index.js +326 -29
- package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +106 -40
- package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
- package/lib/layout/SetupDetailLayout/index.js +4 -0
- package/lib/layout/SetupDetailLayout/props/defaultProps.js +4 -2
- package/lib/layout/SetupDetailLayout/props/propTypes.js +12 -2
- package/lib/layout/SubtabLayout/SubtabLayout.js +86 -39
- package/lib/layout/SubtabLayout/SubtabLayout.module.css +165 -146
- package/lib/layout/SubtabLayout/index.js +4 -0
- package/lib/layout/SubtabLayout/props/propTypes.js +3 -0
- package/lib/list/AvatarFlip/AvatarFlip.js +60 -33
- package/lib/list/AvatarFlip/AvatarFlip.module.css +3 -3
- package/lib/list/AvatarFlip/props/defaultProps.js +2 -1
- package/lib/list/AvatarFlip/props/propTypes.js +5 -1
- package/lib/list/BluePrintStatus/BluePrintStatus.js +30 -8
- package/lib/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
- package/lib/list/BluePrintStatus/props/propTypes.js +3 -0
- package/lib/list/Comment/Comment.js +43 -13
- package/lib/list/Comment/Comment.module.css +29 -29
- package/lib/list/Comment/props/propTypes.js +3 -0
- package/lib/list/DepartmentDropDown/DepartmentDropDown.js +63 -33
- package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
- package/lib/list/DepartmentDropDown/props/propTypes.js +5 -0
- package/lib/list/Dot/Dot.js +27 -2
- package/lib/list/Dot/Dot.module.css +15 -15
- package/lib/list/Dot/props/propTypes.js +3 -0
- package/lib/list/DotNew/DotNew.js +34 -10
- package/lib/list/DotNew/DotNew.module.css +25 -22
- package/lib/list/DotNew/props/propTypes.js +3 -0
- package/lib/list/GridStencils/GridStencils.js +33 -12
- package/lib/list/GridStencils/GridStencils.module.css +146 -146
- package/lib/list/GridStencils/props/propTypes.js +3 -0
- package/lib/list/Icons/AddNewIcon.js +31 -7
- package/lib/list/Icons/CompleteIcon.js +32 -8
- package/lib/list/Icons/DeleteIcon.js +34 -9
- package/lib/list/Icons/EditIcon.js +32 -8
- package/lib/list/Icons/FloatingIcons.js +36 -10
- package/lib/list/Icons/Icons.module.css +16 -16
- package/lib/list/Icons/ReadUnreadIcon.js +35 -10
- package/lib/list/Icons/SmartIcon.js +33 -7
- package/lib/list/Icons/index.js +63 -0
- package/lib/list/Icons/props/propTypes.js +3 -0
- package/lib/list/ListLayout/ListLayout.js +64 -29
- package/lib/list/ListLayout/ListLayout.module.css +57 -57
- package/lib/list/ListLayout/props/propTypes.js +5 -0
- package/lib/list/ListStencils/ListStencils.js +32 -7
- package/lib/list/ListStencils/ListStencils.module.css +67 -67
- package/lib/list/ListStencils/props/propTypes.js +3 -0
- package/lib/list/SecondaryText/AccountName.js +58 -29
- package/lib/list/SecondaryText/ContactName.js +69 -37
- package/lib/list/SecondaryText/DepartmentText.js +36 -12
- package/lib/list/SecondaryText/Email.js +46 -20
- package/lib/list/SecondaryText/HappinessRating.js +33 -10
- package/lib/list/SecondaryText/PhoneNumber.js +48 -22
- package/lib/list/SecondaryText/PriorityText.js +38 -13
- package/lib/list/SecondaryText/SecondaryText.js +39 -13
- package/lib/list/SecondaryText/SecondaryText.module.css +136 -136
- package/lib/list/SecondaryText/StatusText.js +39 -14
- package/lib/list/SecondaryText/TicketId.js +48 -21
- package/lib/list/SecondaryText/Website.js +39 -14
- package/lib/list/SecondaryText/index.js +12 -0
- package/lib/list/SecondaryText/props/propTypes.js +3 -0
- package/lib/list/SecondryPanel/SecondryPanel.js +75 -29
- package/lib/list/SecondryPanel/SecondryPanel.module.css +5 -5
- package/lib/list/SecondryPanel/props/propTypes.js +3 -0
- package/lib/list/SentimentStatus/SentimentStatus.js +32 -10
- package/lib/list/SentimentStatus/SentimentStatus.module.css +12 -12
- package/lib/list/SentimentStatus/props/propTypes.js +3 -0
- package/lib/list/Subject/Subject.js +51 -24
- package/lib/list/Subject/Subject.module.css +27 -27
- package/lib/list/Subject/props/propTypes.js +3 -0
- package/lib/list/TagNew/TagNew.js +38 -13
- package/lib/list/TagNew/TagNew.module.css +117 -115
- package/lib/list/TagNew/props/propTypes.js +3 -0
- package/lib/list/Thread/Thread.js +44 -15
- package/lib/list/Thread/Thread.module.css +42 -42
- package/lib/list/Thread/props/propTypes.js +3 -0
- package/lib/list/UserTime/UserTime.js +61 -31
- package/lib/list/UserTime/UserTime.module.css +58 -58
- package/lib/list/UserTime/props/propTypes.js +3 -0
- package/lib/list/index.js +173 -0
- package/lib/list/listCommon.module.css +60 -60
- package/lib/list/status/StatusDropdown/StatusDropdown.js +140 -81
- package/lib/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
- package/lib/list/status/StatusDropdown/props/defaultProps.js +2 -1
- package/lib/list/status/StatusDropdown/props/propTypes.js +6 -1
- package/lib/list/status/StatusListItem/StatusListItem.js +71 -41
- package/lib/list/status/StatusListItem/StatusListItem.module.css +111 -104
- package/lib/list/status/StatusListItem/props/defaultProps.js +2 -1
- package/lib/list/status/StatusListItem/props/propTypes.js +4 -0
- package/lib/list/status/index.js +23 -0
- package/lib/lookup/EmptyPage/EmptyPage.js +43 -9
- package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
- package/lib/lookup/EmptyPage/props/propTypes.js +3 -0
- package/lib/lookup/Lookup/Lookup.js +91 -31
- package/lib/lookup/Lookup/Lookup.module.css +26 -26
- package/lib/lookup/Lookup/props/defaultProps.js +3 -1
- package/lib/lookup/Lookup/props/propTypes.js +6 -1
- package/lib/lookup/Section/LookupSection.module.css +8 -8
- package/lib/lookup/Section/Section.js +28 -2
- package/lib/lookup/Section/props/propTypes.js +3 -0
- package/lib/lookup/header/Close/Close.js +33 -9
- package/lib/lookup/header/Close/LookupClose.module.css +15 -15
- package/lib/lookup/header/Close/props/propTypes.js +3 -0
- package/lib/lookup/header/ModuleHeader/ModuleHeader.js +52 -23
- package/lib/lookup/header/ModuleHeader/props/propTypes.js +3 -0
- package/lib/lookup/header/Search/LookupSearch.module.css +57 -57
- package/lib/lookup/header/Search/Search.js +84 -43
- package/lib/lookup/header/Search/props/propTypes.js +3 -0
- package/lib/lookup/header/TicketHeader/TicketHeader.js +53 -22
- package/lib/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
- package/lib/lookup/header/TicketHeader/props/propTypes.js +3 -0
- package/lib/lookup/header/Title/LookupTitle.module.css +20 -20
- package/lib/lookup/header/Title/Title.js +33 -9
- package/lib/lookup/header/Title/props/propTypes.js +3 -0
- package/lib/lookup/header/ViewDropDown/ViewDropDown.js +69 -32
- package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
- package/lib/lookup/header/ViewDropDown/props/propTypes.js +4 -0
- package/lib/lookup/header/index.js +47 -0
- package/lib/lookup/header/lookupHeaderCommon.module.css +41 -41
- package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
- package/lib/lookup/index.js +42 -0
- package/lib/setup/header/Button/Button.js +34 -11
- package/lib/setup/header/Button/HeaderButton.module.css +5 -5
- package/lib/setup/header/Button/props/propTypes.js +3 -0
- package/lib/setup/header/Link/HeaderLink.module.css +21 -21
- package/lib/setup/header/Link/Link.js +39 -14
- package/lib/setup/header/Link/props/propTypes.js +3 -0
- package/lib/setup/header/Search/Search.js +40 -15
- package/lib/setup/header/Search/Search.module.css +68 -68
- package/lib/setup/header/Search/props/propTypes.js +3 -0
- package/lib/setup/header/Views/Views.js +39 -16
- package/lib/setup/header/Views/Views.module.css +37 -37
- package/lib/setup/header/Views/props/propTypes.js +3 -0
- package/lib/setup/header/index.js +39 -0
- package/lib/setup/helptips/Description/Description.js +28 -7
- package/lib/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
- package/lib/setup/helptips/Description/props/propTypes.js +3 -0
- package/lib/setup/helptips/Link/HelpTipsLink.module.css +7 -7
- package/lib/setup/helptips/Link/Link.js +36 -12
- package/lib/setup/helptips/Link/props/propTypes.js +3 -0
- package/lib/setup/helptips/ListGroup/ListGroup.js +32 -9
- package/lib/setup/helptips/ListGroup/ListGroup.module.css +22 -22
- package/lib/setup/helptips/ListGroup/props/propTypes.js +3 -0
- package/lib/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
- package/lib/setup/helptips/Title/Title.js +28 -7
- package/lib/setup/helptips/Title/props/propTypes.js +3 -0
- package/lib/setup/helptips/index.js +39 -0
- package/lib/setup/index.js +24 -0
- package/lib/setup/table/Table/Table.js +32 -10
- package/lib/setup/table/Table/props/propTypes.js +3 -0
- package/lib/setup/table/TableBody/TableBody.js +34 -12
- package/lib/setup/table/TableBody/props/propTypes.js +3 -0
- package/lib/setup/table/TableData/SetupTableData.module.css +44 -44
- package/lib/setup/table/TableData/TableData.js +39 -14
- package/lib/setup/table/TableData/Tablehover.module.css +6 -6
- package/lib/setup/table/TableData/props/propTypes.js +4 -0
- package/lib/setup/table/TableHead/SetupTableHead.module.css +12 -12
- package/lib/setup/table/TableHead/TableHead.js +35 -12
- package/lib/setup/table/TableHead/props/propTypes.js +3 -0
- package/lib/setup/table/TableRow/SetupTableRow.module.css +14 -14
- package/lib/setup/table/TableRow/TableRow.js +38 -15
- package/lib/setup/table/TableRow/props/propTypes.js +3 -0
- package/lib/setup/table/Text/TableText.module.css +37 -37
- package/lib/setup/table/Text/Text.js +44 -18
- package/lib/setup/table/Text/props/propTypes.js +3 -0
- package/lib/setup/table/index.js +47 -0
- package/lib/svg/PlusIcon.js +32 -10
- package/lib/svg/SnippetIcon.js +33 -11
- package/lib/svg/TemplateIcon.js +31 -9
- package/lib/svg/index.js +31 -0
- package/lib/svg/props/propTypes.js +3 -0
- package/lib/utils/ChannelIconMapping.js +2 -0
- package/lib/utils/General.js +11 -0
- package/lib/utils/editorUtils.js +49 -14
- package/lib/version2/AlertClose/AlertClose.js +41 -15
- package/lib/version2/AlertClose/AlertClose.module.css +42 -42
- package/lib/version2/AlertClose/props/propTypes.js +3 -0
- package/lib/version2/GlobalNotification/GlobalNotification.js +71 -31
- package/lib/version2/GlobalNotification/GlobalNotification.module.css +127 -124
- package/lib/version2/GlobalNotification/props/defaultProps.js +2 -1
- package/lib/version2/GlobalNotification/props/propTypes.js +4 -0
- package/lib/version2/alertIcons/AlarmAlertIcon.js +27 -2
- package/lib/version2/alertIcons/AlertIcons.js +47 -12
- package/lib/version2/alertIcons/AlertIcons.module.css +67 -67
- package/lib/version2/alertIcons/DangerAlertIcon.js +27 -2
- package/lib/version2/alertIcons/ErrorAlertIcon.js +27 -2
- package/lib/version2/alertIcons/InfoAlertIcon.js +27 -2
- package/lib/version2/alertIcons/NotificationAlertIcon.js +27 -2
- package/lib/version2/alertIcons/SuccessAlertIcon.js +27 -2
- package/lib/version2/alertIcons/WarningAlertIcon.js +27 -2
- package/lib/version2/alertIcons/index.js +71 -0
- package/lib/version2/alertIcons/props/defaultProps.js +2 -1
- package/lib/version2/alertIcons/props/propTypes.js +5 -1
- package/lib/version2/errorstate/Inconvenience/Inconvenience.js +46 -19
- package/lib/version2/errorstate/Inconvenience/props/propTypes.js +3 -0
- package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +46 -19
- package/lib/version2/errorstate/OopsSomethingMiss/props/propTypes.js +3 -0
- package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +46 -19
- package/lib/version2/errorstate/UnableToProcessRequest/props/propTypes.js +3 -0
- package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +47 -20
- package/lib/version2/errorstate/UnauthorizedLogin/props/propTypes.js +3 -0
- package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +46 -19
- package/lib/version2/errorstate/UrlNotFound/props/propTypes.js +3 -0
- package/lib/version2/errorstate/V2_ErrorStates.module.css +46 -46
- package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +46 -19
- package/lib/version2/errorstate/WillBeRightBack/props/propTypes.js +3 -0
- package/lib/version2/errorstate/index.js +55 -0
- package/lib/version2/index.js +58 -0
- package/lib/version2/lookup/AlertHeader/AlertHeader.js +91 -79
- package/lib/version2/lookup/AlertHeader/{AlertHeaderNew.module.css → css/AlertHeaderNew.module.css} +87 -86
- package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +24 -0
- package/lib/version2/lookup/AlertHeader/props/defaultProps.js +10 -4
- package/lib/version2/lookup/AlertHeader/props/propTypes.js +14 -4
- package/lib/version2/lookup/AlertLookup/AlertLookup.js +122 -104
- package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
- package/lib/version2/lookup/AlertLookup/props/propTypes.js +3 -0
- package/lib/version2/lookup/alertLookupCommonNew.module.css +32 -32
- package/lib/version2/lookup/index.js +23 -0
- package/lib/version2/notification/DesktopNotification/DesktopNotification.js +69 -43
- package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +127 -106
- package/lib/version2/notification/DesktopNotification/props/defaultProps.js +2 -1
- package/lib/version2/notification/DesktopNotification/props/propTypes.js +4 -0
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +43 -16
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
- package/lib/version2/notification/DesktopNotificationHeader/props/propTypes.js +3 -0
- package/lib/version2/notification/index.js +35 -0
- package/package.json +107 -91
- package/postPublish.js +8 -0
- package/prePublish.js +70 -0
- package/assets/Appearance/dark/mode/dotDarkMode.module.css +0 -536
- package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +0 -16
- package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +0 -16
- package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +0 -16
- package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +0 -16
- package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +0 -16
- package/assets/Appearance/default/mode/dotDefaultMode.module.css +0 -536
- package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +0 -16
- package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +0 -16
- package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +0 -16
- package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +0 -16
- package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +0 -16
- package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +0 -536
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +0 -16
- package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +0 -16
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +0 -16
- package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +0 -16
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +0 -16
- package/dubFinder.js +0 -96
|
@@ -1,125 +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
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
border-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
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 ;
|
|
125
128
|
}
|
|
@@ -62,6 +62,7 @@ export default class AlarmAlertIcon extends Component {
|
|
|
62
62
|
d: "M60.2,57.89H49.52a1,1,0,0,1-1-1V48.23a1,1,0,0,1,2,0v7.66H60.2a1,1,0,0,1,0,2ZM50.52,44.08v-.29a1,1,0,0,0-2,0v.29a1,1,0,0,0,2,0Zm23.73.86a1,1,0,0,0,.14-1.4l-5.13-6.36a1,1,0,0,0-1.56,1.25l5.14,6.36a1,1,0,0,0,.78.37A1,1,0,0,0,74.25,44.94ZM51,79.68a22.84,22.84,0,0,0-.47-45.61l0-2.68a1,1,0,0,0-1-1h-5a1.38,1.38,0,0,1,0-2.76H54A1.4,1.4,0,0,1,55.35,29,1.35,1.35,0,0,1,55,30a1.31,1.31,0,0,1-.95.4h-.54a1,1,0,0,0,0,2H54A3.31,3.31,0,0,0,57.34,29,3.38,3.38,0,0,0,54,25.64H44.43a3.38,3.38,0,0,0,0,6.76h4.06l0,2.66a1,1,0,0,0,1,1A20.84,20.84,0,1,1,28.68,56.89a20.94,20.94,0,0,1,15-20A1,1,0,1,0,43.13,35a22.84,22.84,0,0,0-9.25,38.57,22.61,22.61,0,0,0,15.62,6.2C50,79.73,50.48,79.71,51,79.68Z"
|
|
63
63
|
}));
|
|
64
64
|
}
|
|
65
|
+
|
|
65
66
|
}
|
|
66
67
|
AlarmAlertIcon.propTypes = AlarmAlertIcon_propTypes;
|
|
67
68
|
AlarmAlertIcon.defaultProps = AlarmAlertIcon_defaultProps;
|
|
@@ -35,24 +35,26 @@ export default class AlertIcons extends Component {
|
|
|
35
35
|
render() {
|
|
36
36
|
let {
|
|
37
37
|
type,
|
|
38
|
-
variant
|
|
38
|
+
variant,
|
|
39
|
+
dataSelectorId
|
|
39
40
|
} = this.props;
|
|
40
41
|
let {
|
|
41
42
|
AlertIcon = DangerAlertIcon
|
|
42
43
|
} = alertIconsObject[type] || {};
|
|
43
44
|
return /*#__PURE__*/React.createElement("div", {
|
|
44
|
-
className: style.iconContainer
|
|
45
|
+
className: style.iconContainer,
|
|
46
|
+
"data-selector-id": dataSelectorId
|
|
45
47
|
}, /*#__PURE__*/React.createElement(AlertIcon, {
|
|
46
48
|
variant: variant,
|
|
47
49
|
type: type
|
|
48
50
|
}));
|
|
49
51
|
}
|
|
52
|
+
|
|
50
53
|
}
|
|
51
54
|
AlertIcons.propTypes = AlertIcons_propTypes;
|
|
52
|
-
AlertIcons.defaultProps = AlertIcons_defaultProps;
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}
|
|
55
|
+
AlertIcons.defaultProps = AlertIcons_defaultProps; // if (__DOCS__) {
|
|
56
|
+
// AlertIcons.docs = {
|
|
57
|
+
// componentGroup: 'AlertIcons',
|
|
58
|
+
// folderName: 'Alert'
|
|
59
|
+
// };
|
|
60
|
+
// }
|
|
@@ -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
|
+
|
|
@@ -62,6 +62,7 @@ export default class DangerAlertIcon extends Component {
|
|
|
62
62
|
d: "M61.28,46.39a1.15,1.15,0,1,1-1.15-1.13A1.13,1.13,0,0,1,61.28,46.39ZM71.63,69.28a5.37,5.37,0,0,0,0-5.4L63,48.91a1,1,0,0,0-1.74,1l8.65,15A3.39,3.39,0,0,1,67,70H30.05a3.39,3.39,0,0,1-2.94-5.09l18.46-32a3.39,3.39,0,0,1,5.87,0l4.74,8.2H48a2.54,2.54,0,0,0-1.85.8,2.57,2.57,0,0,0-.69,1.91l.92,12.67a2.54,2.54,0,0,0,5.08,0l.76-9.85a1,1,0,0,0-.92-1.08,1,1,0,0,0-1.07.92l-.76,9.87a.55.55,0,0,1-1.1,0L47.46,43.7a.51.51,0,0,1,.14-.41.58.58,0,0,1,.4-.17h9.91a1,1,0,0,0,.86-1.5l-5.6-9.7a5.39,5.39,0,0,0-9.33,0l-18.46,32A5.39,5.39,0,0,0,30.05,72H67A5.35,5.35,0,0,0,71.63,69.28ZM49,61.34a2.61,2.61,0,1,0,2.6,2.6A2.6,2.6,0,0,0,49,61.34Z"
|
|
63
63
|
}));
|
|
64
64
|
}
|
|
65
|
+
|
|
65
66
|
}
|
|
66
67
|
DangerAlertIcon.propTypes = DangerAlertIcon_propTypes;
|
|
67
68
|
DangerAlertIcon.defaultProps = DangerAlertIcon_defaultProps;
|
|
@@ -62,6 +62,7 @@ export default class SuccessAlertIcon extends Component {
|
|
|
62
62
|
d: "M46.5,72.63A23.22,23.22,0,0,1,23.67,54,22.56,22.56,0,0,1,27.2,36.88,23.42,23.42,0,0,1,65,35.77a1,1,0,0,1-.08,1.32l-18.05,18a1,1,0,0,1-1.29.1l-10.7-7.71a1,1,0,0,1,1.17-1.63l10,7.22L62.88,36.31a21.43,21.43,0,0,0-34,1.7,20.59,20.59,0,0,0-3.22,15.58,21.35,21.35,0,0,0,38.53,7.74,20.59,20.59,0,0,0,3.22-15.58,1,1,0,0,1,.79-1.18,1,1,0,0,1,1.17.8,22.52,22.52,0,0,1-3.53,17.09,23.13,23.13,0,0,1-15,9.76A24,24,0,0,1,46.5,72.63ZM67.31,41a1,1,0,1,0,1,1A1,1,0,0,0,67.31,41Z"
|
|
63
63
|
}));
|
|
64
64
|
}
|
|
65
|
+
|
|
65
66
|
}
|
|
66
67
|
SuccessAlertIcon.propTypes = SuccessAlertIcon_propTypes;
|
|
67
68
|
SuccessAlertIcon.defaultProps = SuccessAlertIcon_defaultProps;
|
|
@@ -62,6 +62,7 @@ export default class WarningAlertIcon extends Component {
|
|
|
62
62
|
d: "M61.28,46.39a1.15,1.15,0,1,1-1.15-1.13A1.13,1.13,0,0,1,61.28,46.39ZM71.63,69.28a5.37,5.37,0,0,0,0-5.4L63,48.91a1,1,0,0,0-1.74,1l8.65,15A3.39,3.39,0,0,1,67,70H30.05a3.39,3.39,0,0,1-2.94-5.09l18.46-32a3.39,3.39,0,0,1,5.87,0l4.74,8.2H48a2.54,2.54,0,0,0-1.85.8,2.57,2.57,0,0,0-.69,1.91l.92,12.67a2.54,2.54,0,0,0,5.08,0l.76-9.85a1,1,0,0,0-.92-1.08,1,1,0,0,0-1.07.92l-.76,9.87a.55.55,0,0,1-1.1,0L47.46,43.7a.51.51,0,0,1,.14-.41.58.58,0,0,1,.4-.17h9.91a1,1,0,0,0,.86-1.5l-5.6-9.7a5.39,5.39,0,0,0-9.33,0l-18.46,32A5.39,5.39,0,0,0,30.05,72H67A5.35,5.35,0,0,0,71.63,69.28ZM49,61.34a2.61,2.61,0,1,0,2.6,2.6A2.6,2.6,0,0,0,49,61.34Z"
|
|
63
63
|
}));
|
|
64
64
|
}
|
|
65
|
+
|
|
65
66
|
}
|
|
66
67
|
WarningAlertIcon.propTypes = WarningAlertIcon_propTypes;
|
|
67
68
|
WarningAlertIcon.defaultProps = WarningAlertIcon_defaultProps;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { default as AlarmAlertIcon } from './AlarmAlertIcon';
|
|
2
|
+
export { default as AlertIcons } from './AlertIcons';
|
|
3
|
+
export { default as DangerAlertIcon } from './DangerAlertIcon';
|
|
4
|
+
export { default as ErrorAlertIcon } from './ErrorAlertIcon';
|
|
5
|
+
export { default as InfoAlertIcon } from './InfoAlertIcon';
|
|
6
|
+
export { default as NotificationAlertIcon } from './NotificationAlertIcon';
|
|
7
|
+
export { default as SuccessAlertIcon } from './SuccessAlertIcon';
|
|
8
|
+
export { default as WarningAlertIcon } from './WarningAlertIcon';
|
|
@@ -5,7 +5,8 @@ export const AlarmAlertIcon_propTypes = {
|
|
|
5
5
|
};
|
|
6
6
|
export const AlertIcons_propTypes = {
|
|
7
7
|
type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
|
|
8
|
-
variant: PropTypes.oneOf(['primary', 'secondary'])
|
|
8
|
+
variant: PropTypes.oneOf(['primary', 'secondary']),
|
|
9
|
+
dataSelectorId: PropTypes.string
|
|
9
10
|
};
|
|
10
11
|
export const DangerAlertIcon_propTypes = {
|
|
11
12
|
type: PropTypes.string,
|
|
@@ -11,11 +11,13 @@ export default class Inconvenience extends React.Component {
|
|
|
11
11
|
super(props);
|
|
12
12
|
this.errorInconvenience = this.errorInconvenience.bind(this);
|
|
13
13
|
}
|
|
14
|
+
|
|
14
15
|
errorInconvenience() {
|
|
15
16
|
return /*#__PURE__*/React.createElement(ErrorInconvenience, {
|
|
16
17
|
className: style.errorSvg
|
|
17
18
|
});
|
|
18
19
|
}
|
|
20
|
+
|
|
19
21
|
render() {
|
|
20
22
|
let {
|
|
21
23
|
title,
|
|
@@ -59,11 +61,11 @@ export default class Inconvenience extends React.Component {
|
|
|
59
61
|
onClick: onButtonClick
|
|
60
62
|
}) : null));
|
|
61
63
|
}
|
|
64
|
+
|
|
62
65
|
}
|
|
63
66
|
Inconvenience.propTypes = propTypes;
|
|
64
|
-
Inconvenience.defaultProps = defaultProps;
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
}
|
|
67
|
+
Inconvenience.defaultProps = defaultProps; // if (__DOCS__) {
|
|
68
|
+
// Inconvenience.docs = {
|
|
69
|
+
// componentGroup: 'errorStates'
|
|
70
|
+
// };
|
|
71
|
+
// }
|
|
@@ -11,11 +11,13 @@ export default class OopsSomethingMiss extends React.Component {
|
|
|
11
11
|
super(props);
|
|
12
12
|
this.errorOopsSomethingMiss = this.errorOopsSomethingMiss.bind(this);
|
|
13
13
|
}
|
|
14
|
+
|
|
14
15
|
errorOopsSomethingMiss() {
|
|
15
16
|
return /*#__PURE__*/React.createElement(ErrorOopsSomethingMiss, {
|
|
16
17
|
className: style.errorSvg
|
|
17
18
|
});
|
|
18
19
|
}
|
|
20
|
+
|
|
19
21
|
render() {
|
|
20
22
|
let {
|
|
21
23
|
title,
|
|
@@ -60,11 +62,11 @@ export default class OopsSomethingMiss extends React.Component {
|
|
|
60
62
|
dataId: "goBack"
|
|
61
63
|
}) : null));
|
|
62
64
|
}
|
|
65
|
+
|
|
63
66
|
}
|
|
64
67
|
OopsSomethingMiss.propTypes = propTypes;
|
|
65
|
-
OopsSomethingMiss.defaultProps = defaultProps;
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}
|
|
68
|
+
OopsSomethingMiss.defaultProps = defaultProps; // if (__DOCS__) {
|
|
69
|
+
// OopsSomethingMiss.docs = {
|
|
70
|
+
// componentGroup: 'errorStates'
|
|
71
|
+
// };
|
|
72
|
+
// }
|
|
@@ -11,11 +11,13 @@ export default class UnableToProcessRequest extends React.Component {
|
|
|
11
11
|
super(props);
|
|
12
12
|
this.errorUnableToProcess = this.errorUnableToProcess.bind(this);
|
|
13
13
|
}
|
|
14
|
+
|
|
14
15
|
errorUnableToProcess() {
|
|
15
16
|
return /*#__PURE__*/React.createElement(ErrorUnableToProcessRequest, {
|
|
16
17
|
className: style.errorSvg
|
|
17
18
|
});
|
|
18
19
|
}
|
|
20
|
+
|
|
19
21
|
render() {
|
|
20
22
|
let {
|
|
21
23
|
title,
|
|
@@ -59,11 +61,11 @@ export default class UnableToProcessRequest extends React.Component {
|
|
|
59
61
|
onClick: onButtonClick
|
|
60
62
|
}) : null));
|
|
61
63
|
}
|
|
64
|
+
|
|
62
65
|
}
|
|
63
66
|
UnableToProcessRequest.propTypes = propTypes;
|
|
64
|
-
UnableToProcessRequest.defaultProps = defaultProps;
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
}
|
|
67
|
+
UnableToProcessRequest.defaultProps = defaultProps; // if (__DOCS__) {
|
|
68
|
+
// UnableToProcessRequest.docs = {
|
|
69
|
+
// componentGroup: 'errorStates'
|
|
70
|
+
// };
|
|
71
|
+
// }
|