@zohodesk/dot 1.0.0-temp-62 → 1.0.0-temp-63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/{es → assets}/Appearance/dark/mode/dotDarkMode.module.css +1 -1
- package/{es → assets}/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +1 -1
- package/{es → assets}/Appearance/dark/themes/green/greenDarkDotTheme.module.css +0 -0
- package/{es → assets}/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +1 -1
- package/{es → assets}/Appearance/dark/themes/red/redDarkDotTheme.module.css +0 -0
- package/{es → assets}/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +0 -0
- package/{es → assets}/Appearance/default/mode/dotDefaultMode.module.css +1 -1
- package/{es → assets}/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +0 -0
- package/{es → assets}/Appearance/default/themes/green/greenDefaultDotTheme.module.css +1 -1
- package/{es → assets}/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +0 -0
- package/{es → assets}/Appearance/default/themes/red/redDefaultDotTheme.module.css +0 -0
- package/{es → assets}/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +0 -0
- package/es/ActionButton/ActionButton.module.css +25 -9
- package/es/AlphabeticList/AlphabeticList.module.css +7 -4
- package/es/Attachment/Attachment.module.css +20 -9
- package/es/ChannelIcon/ChannelIcon.module.css +30 -21
- package/es/Drawer/Drawer.module.css +59 -11
- package/es/FlipCard/FlipCard.module.css +14 -5
- package/es/FormAction/FormAction.module.css +34 -9
- package/es/FreezeLayer/FreezeLayer.module.css +6 -2
- package/es/IconButton/IconButton.module.css +1 -1
- package/es/ImportantNotes/ImportantNotes.module.css +7 -2
- package/es/Loader/Loader.module.css +25 -4
- package/es/Message/Message.module.css +42 -9
- package/es/MessageBanner/MessageBanner.module.css +12 -4
- package/es/NewStar/NewStar.module.css +42 -5
- package/es/ToastMessage/ToastMessage.module.css +96 -25
- package/es/Upload/Upload.module.css +27 -8
- package/es/alert/AlertHeader/AlertHeader.module.css +21 -3
- package/es/alert/AlertLookup/AlertLookup.module.css +6 -2
- package/es/avatar/AvatarClose/AvatarClose.module.css +9 -3
- package/es/avatar/AvatarCollision/AvatarCollision.module.css +18 -4
- package/es/avatar/AvatarIcon/AvatarIcon.module.css +3 -4
- package/es/avatar/AvatarStatus/AvatarStatus.module.css +59 -9
- package/es/avatar/AvatarThread/AvatarThread.module.css +55 -5
- package/es/avatar/AvatarUser/AvatarUser.module.css +81 -10
- package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +10 -3
- package/es/deprecated/SelectDropdown/SelectDropdown.module.css +11 -3
- package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +19 -6
- package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +12 -4
- package/es/emptystate/EditionPage/EditionPage.css +9 -3
- package/es/errorstate/EmptyStates.module.css +13 -10
- package/es/errorstate/Inconvenience/Inconvenience.module.css +3 -0
- package/es/errorstate/LinkText/LinkText.module.css +1 -1
- package/es/errorstate/PermissionPlay/PermissionPlay.module.css +2 -2
- package/es/errorstate/WillBack/WillBack.module.css +1 -3
- package/es/form/fields/Fields.module.css +49 -14
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +19 -7
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +4 -1
- package/es/form/fields/TextEditor/TextEditor.module.css +143 -71
- package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +13 -2
- package/es/form/fields/ValidationMessage/ValidationMessage.module.css +9 -4
- package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +52 -16
- package/es/layout/SubtabLayout/SubtabLayout.module.css +55 -29
- package/es/list/BluePrintStatus/BluePrintStatus.module.css +4 -1
- package/es/list/Comment/Comment.module.css +5 -0
- package/es/list/DotNew/DotNew.module.css +3 -3
- package/es/list/GridStencils/GridStencils.module.css +70 -16
- package/es/list/Icons/Icons.module.css +1 -1
- package/es/list/ListLayout/ListLayout.module.css +22 -14
- package/es/list/ListStencils/ListStencils.module.css +11 -6
- package/es/list/SecondaryText/SecondaryText.module.css +13 -3
- package/es/list/SentimentStatus/SentimentStatus.module.css +4 -1
- package/es/list/TagNew/TagNew.module.css +14 -7
- package/es/list/Thread/Thread.module.css +13 -1
- package/es/list/UserTime/UserTime.module.css +6 -0
- package/es/list/listCommon.module.css +9 -1
- package/es/list/status/StatusDropdown/StatusDropdown.module.css +19 -6
- package/es/list/status/StatusListItem/StatusListItem.module.css +38 -15
- package/es/lookup/Lookup/Lookup.module.css +2 -2
- package/es/lookup/Section/LookupSection.module.css +2 -2
- package/es/lookup/header/Close/LookupClose.module.css +4 -4
- package/es/lookup/header/Search/LookupSearch.module.css +21 -12
- package/es/lookup/header/TicketHeader/TicketHeader.module.css +5 -2
- package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +8 -3
- package/es/lookup/header/lookupHeaderCommon.module.css +16 -6
- package/es/lookup/header/lookupHeaderCommonResponsive.module.css +12 -3
- package/es/setup/header/Button/HeaderButton.module.css +3 -1
- package/es/setup/header/Link/HeaderLink.module.css +7 -1
- package/es/setup/header/Search/Search.module.css +19 -8
- package/es/setup/header/Views/Views.module.css +15 -5
- package/es/setup/helptips/Link/HelpTipsLink.module.css +1 -0
- package/es/setup/helptips/ListGroup/ListGroup.module.css +6 -1
- package/es/setup/table/TableData/SetupTableData.module.css +11 -3
- package/es/setup/table/TableHead/SetupTableHead.module.css +4 -0
- package/es/setup/table/TableRow/SetupTableRow.module.css +6 -2
- package/es/version2/AlertClose/AlertClose.module.css +1 -1
- package/es/version2/GlobalNotification/GlobalNotification.module.css +44 -9
- package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +25 -2
- package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +7 -3
- package/es/version2/lookup/alertLookupCommonNew.module.css +8 -1
- package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +26 -10
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +47 -10
- package/lib/ActionButton/ActionButton.js +13 -9
- package/lib/ActionButton/ActionButton.module.css +26 -9
- package/lib/AlphabeticList/AlphabeticList.js +3 -3
- package/lib/AlphabeticList/AlphabeticList.module.css +7 -4
- package/lib/Attachment/Attachment.js +3 -3
- package/lib/Attachment/Attachment.module.css +20 -9
- package/lib/ChannelIcon/ChannelIcon.js +3 -3
- package/lib/ChannelIcon/ChannelIcon.module.css +30 -21
- package/lib/Drawer/Drawer.js +4 -4
- package/lib/Drawer/Drawer.module.css +59 -11
- package/lib/ExternalLink/ExternalLink.js +3 -3
- package/lib/FlipCard/FlipCard.js +3 -3
- package/lib/FlipCard/FlipCard.module.css +14 -5
- package/lib/FormAction/FormAction.js +4 -4
- package/lib/FormAction/FormAction.module.css +34 -9
- package/lib/FreezeLayer/FreezeLayer.js +3 -3
- package/lib/FreezeLayer/FreezeLayer.module.css +6 -2
- package/lib/IconButton/IconButton.js +3 -3
- package/lib/IconButton/IconButton.module.css +1 -1
- package/lib/Image/Image.js +3 -3
- package/lib/ImportantNotes/ImportantNotes.js +3 -3
- package/lib/ImportantNotes/ImportantNotes.module.css +7 -2
- package/lib/Link/Link.js +4 -4
- package/lib/Loader/Loader.js +3 -3
- package/lib/Loader/Loader.module.css +25 -4
- package/lib/Message/Message.js +4 -4
- package/lib/Message/Message.module.css +42 -9
- package/lib/MessageBanner/MessageBanner.js +3 -3
- package/lib/MessageBanner/MessageBanner.module.css +12 -4
- package/lib/NewStar/NewStar.js +3 -3
- package/lib/NewStar/NewStar.module.css +42 -5
- package/lib/PlusIcon/PlusIcon.js +3 -3
- package/lib/Provider.js +49 -49
- package/lib/ToastMessage/ToastMessage.js +1 -1
- package/lib/ToastMessage/ToastMessage.module.css +96 -25
- package/lib/Upload/Upload.js +3 -3
- package/lib/Upload/Upload.module.css +27 -8
- package/lib/actions/AutoClose.js +1 -1
- package/lib/alert/AlertHeader/AlertHeader.js +3 -3
- package/lib/alert/AlertHeader/AlertHeader.module.css +21 -3
- package/lib/alert/AlertLookup/AlertLookup.js +11 -7
- package/lib/alert/AlertLookup/AlertLookup.module.css +6 -2
- package/lib/avatar/AvatarClose/AvatarClose.js +3 -3
- package/lib/avatar/AvatarClose/AvatarClose.module.css +9 -3
- package/lib/avatar/AvatarCollision/AvatarCollision.js +3 -3
- package/lib/avatar/AvatarCollision/AvatarCollision.module.css +18 -4
- package/lib/avatar/AvatarIcon/AvatarIcon.js +3 -3
- package/lib/avatar/AvatarIcon/AvatarIcon.module.css +3 -4
- package/lib/avatar/AvatarStatus/AvatarStatus.js +3 -3
- package/lib/avatar/AvatarStatus/AvatarStatus.module.css +59 -9
- package/lib/avatar/AvatarThread/AvatarThread.js +3 -3
- package/lib/avatar/AvatarThread/AvatarThread.module.css +55 -5
- package/lib/avatar/AvatarUser/AvatarUser.js +3 -3
- package/lib/avatar/AvatarUser/AvatarUser.module.css +81 -10
- package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -3
- package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +10 -3
- package/lib/deprecated/SelectDropdown/SelectDropdown.js +3 -3
- package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +17 -9
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +3 -3
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +19 -6
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +3 -3
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +12 -4
- package/lib/emptystate/EditionPage/EditionPage.css +9 -3
- package/lib/emptystate/EditionPage/EditionPage.js +3 -3
- package/lib/errorstate/EmptyStates.module.css +13 -10
- package/lib/errorstate/Inconvenience/Inconvenience.js +3 -3
- package/lib/errorstate/Inconvenience/Inconvenience.module.css +3 -0
- package/lib/errorstate/LinkText/LinkText.js +3 -3
- package/lib/errorstate/LinkText/LinkText.module.css +1 -1
- package/lib/errorstate/NoRequestFound/NoRequestFound.js +3 -3
- package/lib/errorstate/PermissionPlay/PermissionPlay.js +3 -3
- package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +2 -2
- package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +3 -3
- package/lib/errorstate/UnableToProcess/UnableToProcess.js +3 -3
- package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
- package/lib/errorstate/WillBack/WillBack.js +3 -3
- package/lib/errorstate/WillBack/WillBack.module.css +1 -3
- package/lib/form/fields/CheckBoxField/CheckBoxField.js +4 -4
- package/lib/form/fields/CurrencyField/CurrencyField.js +5 -5
- package/lib/form/fields/DateField/DateField.js +5 -5
- package/lib/form/fields/Fields.module.css +54 -16
- package/lib/form/fields/MultiSelectField/MultiSelectField.js +5 -5
- package/lib/form/fields/PhoneField/PhoneField.js +3 -3
- package/lib/form/fields/RadioField/RadioField.js +5 -5
- package/lib/form/fields/SelectField/SelectField.js +5 -5
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +8 -7
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +19 -7
- package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +3 -3
- package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +4 -1
- package/lib/form/fields/TextBoxField/TextBoxField.js +5 -5
- package/lib/form/fields/TextEditor/TextEditor.js +12 -8
- package/lib/form/fields/TextEditor/TextEditor.module.css +145 -72
- package/lib/form/fields/TextEditorField/TextEditorField.js +5 -5
- package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +4 -4
- package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +13 -2
- package/lib/form/fields/TextareaField/TextareaField.js +5 -5
- package/lib/form/fields/ValidationMessage/ValidationMessage.js +3 -3
- package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +9 -4
- package/lib/form/layout/Field/Field.js +3 -3
- package/lib/form/layout/Section/Section.js +3 -3
- package/lib/index.js +4 -4
- package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +4 -4
- package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +52 -16
- package/lib/layout/SetupDetailLayout/index.js +7 -7
- package/lib/layout/SubtabLayout/SubtabLayout.js +4 -4
- package/lib/layout/SubtabLayout/SubtabLayout.module.css +55 -29
- package/lib/layout/SubtabLayout/index.js +9 -9
- package/lib/list/AvatarFlip/AvatarFlip.js +3 -3
- package/lib/list/BluePrintStatus/BluePrintStatus.js +3 -3
- package/lib/list/BluePrintStatus/BluePrintStatus.module.css +6 -3
- package/lib/list/Comment/Comment.js +3 -3
- package/lib/list/Comment/Comment.module.css +5 -0
- package/lib/list/DepartmentDropDown/DepartmentDropDown.js +3 -3
- package/lib/list/Dot/Dot.js +3 -3
- package/lib/list/DotNew/DotNew.js +3 -3
- package/lib/list/DotNew/DotNew.module.css +6 -6
- package/lib/list/GridStencils/GridStencils.js +3 -3
- package/lib/list/GridStencils/GridStencils.module.css +70 -16
- package/lib/list/Icons/AddNewIcon.js +3 -3
- package/lib/list/Icons/CompleteIcon.js +3 -3
- package/lib/list/Icons/DeleteIcon.js +3 -3
- package/lib/list/Icons/EditIcon.js +3 -3
- package/lib/list/Icons/FloatingIcons.js +3 -3
- package/lib/list/Icons/Icons.module.css +1 -1
- package/lib/list/Icons/ReadUnreadIcon.js +3 -3
- package/lib/list/Icons/SmartIcon.js +3 -3
- package/lib/list/ListLayout/ListLayout.js +4 -4
- package/lib/list/ListLayout/ListLayout.module.css +22 -14
- package/lib/list/ListStencils/ListStencils.js +3 -3
- package/lib/list/ListStencils/ListStencils.module.css +11 -6
- package/lib/list/SecondaryText/AccountName.js +3 -3
- package/lib/list/SecondaryText/ContactName.js +3 -3
- package/lib/list/SecondaryText/DepartmentText.js +3 -3
- package/lib/list/SecondaryText/Email.js +3 -3
- package/lib/list/SecondaryText/HappinessRating.js +3 -3
- package/lib/list/SecondaryText/PhoneNumber.js +3 -3
- package/lib/list/SecondaryText/PriorityText.js +3 -3
- package/lib/list/SecondaryText/SecondaryText.js +3 -3
- package/lib/list/SecondaryText/SecondaryText.module.css +13 -3
- package/lib/list/SecondaryText/StatusText.js +3 -3
- package/lib/list/SecondaryText/TicketId.js +3 -3
- package/lib/list/SecondaryText/Website.js +3 -3
- package/lib/list/SecondaryText/index.js +22 -22
- package/lib/list/SecondryPanel/SecondryPanel.js +4 -4
- package/lib/list/SentimentStatus/SentimentStatus.js +3 -3
- package/lib/list/SentimentStatus/SentimentStatus.module.css +4 -1
- package/lib/list/Subject/Subject.js +3 -3
- package/lib/list/TagNew/TagNew.js +3 -3
- package/lib/list/TagNew/TagNew.module.css +14 -7
- package/lib/list/Thread/Thread.js +3 -3
- package/lib/list/Thread/Thread.module.css +13 -1
- package/lib/list/UserTime/UserTime.js +3 -3
- package/lib/list/UserTime/UserTime.module.css +6 -0
- package/lib/list/listCommon.module.css +9 -1
- package/lib/list/status/StatusDropdown/StatusDropdown.js +3 -3
- package/lib/list/status/StatusDropdown/StatusDropdown.module.css +19 -6
- package/lib/list/status/StatusListItem/StatusListItem.js +3 -3
- package/lib/list/status/StatusListItem/StatusListItem.module.css +38 -15
- package/lib/lookup/EmptyPage/EmptyPage.js +3 -3
- package/lib/lookup/Lookup/Lookup.js +3 -3
- package/lib/lookup/Lookup/Lookup.module.css +2 -2
- package/lib/lookup/Section/LookupSection.module.css +2 -2
- package/lib/lookup/Section/Section.js +3 -3
- package/lib/lookup/header/Close/Close.js +3 -3
- package/lib/lookup/header/Close/LookupClose.module.css +4 -4
- package/lib/lookup/header/ModuleHeader/ModuleHeader.js +3 -3
- package/lib/lookup/header/Search/LookupSearch.module.css +21 -12
- package/lib/lookup/header/Search/Search.js +3 -3
- package/lib/lookup/header/TicketHeader/TicketHeader.js +6 -4
- package/lib/lookup/header/TicketHeader/TicketHeader.module.css +7 -3
- package/lib/lookup/header/Title/Title.js +3 -3
- package/lib/lookup/header/ViewDropDown/ViewDropDown.js +3 -3
- package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +8 -4
- package/lib/lookup/header/lookupHeaderCommon.module.css +16 -6
- package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +12 -3
- package/lib/setup/header/Button/Button.js +3 -3
- package/lib/setup/header/Button/HeaderButton.module.css +3 -1
- package/lib/setup/header/Link/HeaderLink.module.css +7 -1
- package/lib/setup/header/Link/Link.js +3 -3
- package/lib/setup/header/Search/Search.js +3 -3
- package/lib/setup/header/Search/Search.module.css +19 -8
- package/lib/setup/header/Views/Views.js +3 -3
- package/lib/setup/header/Views/Views.module.css +15 -5
- package/lib/setup/helptips/Description/Description.js +3 -3
- package/lib/setup/helptips/Link/HelpTipsLink.module.css +1 -0
- package/lib/setup/helptips/Link/Link.js +3 -3
- package/lib/setup/helptips/ListGroup/ListGroup.js +3 -3
- package/lib/setup/helptips/ListGroup/ListGroup.module.css +6 -1
- package/lib/setup/helptips/Title/Title.js +3 -3
- package/lib/setup/table/Table/Table.js +3 -3
- package/lib/setup/table/TableBody/TableBody.js +3 -3
- package/lib/setup/table/TableData/SetupTableData.module.css +11 -3
- package/lib/setup/table/TableData/TableData.js +3 -3
- package/lib/setup/table/TableHead/SetupTableHead.module.css +4 -0
- package/lib/setup/table/TableHead/TableHead.js +3 -3
- package/lib/setup/table/TableRow/SetupTableRow.module.css +6 -2
- package/lib/setup/table/TableRow/TableRow.js +3 -3
- package/lib/setup/table/Text/Text.js +3 -3
- package/lib/svg/PlusIcon.js +3 -3
- package/lib/svg/SnippetIcon.js +3 -3
- package/lib/svg/TemplateIcon.js +3 -3
- package/lib/utils/ChannelIconMapping.js +1 -1
- package/lib/utils/General.js +4 -4
- package/lib/utils/KeyboardApi.js +3 -1
- package/lib/utils/editorUtils.js +6 -6
- package/lib/version2/AlertClose/AlertClose.js +3 -3
- package/lib/version2/AlertClose/AlertClose.module.css +1 -1
- package/lib/version2/GlobalNotification/GlobalNotification.js +22 -10
- package/lib/version2/GlobalNotification/GlobalNotification.module.css +44 -9
- package/lib/version2/alertIcons/AlarmAlertIcon.js +3 -3
- package/lib/version2/alertIcons/AlertIcons.js +3 -3
- package/lib/version2/alertIcons/DangerAlertIcon.js +3 -3
- package/lib/version2/alertIcons/ErrorAlertIcon.js +3 -3
- package/lib/version2/alertIcons/InfoAlertIcon.js +3 -3
- package/lib/version2/alertIcons/NotificationAlertIcon.js +3 -3
- package/lib/version2/alertIcons/SuccessAlertIcon.js +3 -3
- package/lib/version2/alertIcons/WarningAlertIcon.js +3 -3
- package/lib/version2/errorstate/Inconvenience/Inconvenience.js +3 -3
- package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +3 -3
- package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +3 -3
- package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
- package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +3 -3
- package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +3 -3
- package/lib/version2/lookup/AlertHeader/AlertHeader.js +3 -3
- package/lib/version2/lookup/AlertHeader/AlertHeaderNew.module.css +25 -2
- package/lib/version2/lookup/AlertLookup/AlertLookup.js +11 -7
- package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +7 -3
- package/lib/version2/lookup/alertLookupCommonNew.module.css +8 -1
- package/lib/version2/notification/DesktopNotification/DesktopNotification.js +14 -6
- package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +29 -14
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +3 -3
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +47 -10
- package/package.json +1 -1
- package/es/deprecated/Theme/dotDarkTheme.module.css +0 -532
- package/es/deprecated/Theme/dotDefaultTheme.module.css +0 -532
- package/es/deprecated/Theme/palette/darkPalette.module.css +0 -40
- package/es/deprecated/Theme/palette/defaultPalette.module.css +0 -40
- package/lib/Appearance/dark/mode/dotDarkMode.module.css +0 -536
- package/lib/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +0 -10
- package/lib/Appearance/dark/themes/green/greenDarkDotTheme.module.css +0 -10
- package/lib/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +0 -10
- package/lib/Appearance/dark/themes/red/redDarkDotTheme.module.css +0 -10
- package/lib/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +0 -10
- package/lib/Appearance/default/mode/dotDefaultMode.module.css +0 -536
- package/lib/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +0 -10
- package/lib/Appearance/default/themes/green/greenDefaultDotTheme.module.css +0 -10
- package/lib/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +0 -10
- package/lib/Appearance/default/themes/red/redDefaultDotTheme.module.css +0 -10
- package/lib/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +0 -10
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
.container {
|
|
1
|
+
[dir=ltr] .container {
|
|
2
2
|
padding-left: var(--zd_size20);
|
|
3
|
+
}[dir=rtl] .container {
|
|
4
|
+
padding-right: var(--zd_size20);
|
|
3
5
|
}
|
|
4
6
|
.size70 {
|
|
5
7
|
flex-basis: var(--zd_size70);
|
|
@@ -28,9 +30,15 @@
|
|
|
28
30
|
.center {
|
|
29
31
|
text-align: center;
|
|
30
32
|
}
|
|
31
|
-
.left {
|
|
33
|
+
[dir=ltr] .left {
|
|
32
34
|
text-align: left;
|
|
33
35
|
}
|
|
34
|
-
.
|
|
36
|
+
[dir=rtl] .left {
|
|
35
37
|
text-align: right;
|
|
36
38
|
}
|
|
39
|
+
[dir=ltr] .right {
|
|
40
|
+
text-align: right;
|
|
41
|
+
}
|
|
42
|
+
[dir=rtl] .right {
|
|
43
|
+
text-align: left;
|
|
44
|
+
}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
.container {
|
|
2
2
|
border-bottom: 1px solid var(--zdt_setuptablehead_border);
|
|
3
|
+
}[dir=ltr] .container {
|
|
3
4
|
padding-right: var(--zd_size40);
|
|
4
5
|
padding-left: var(--zd_size40);
|
|
6
|
+
}[dir=rtl] .container {
|
|
7
|
+
padding-left: var(--zd_size40);
|
|
8
|
+
padding-right: var(--zd_size40);
|
|
5
9
|
}
|
|
6
10
|
.subContainer {
|
|
7
11
|
height: var(--zd_size40);
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
.container {
|
|
2
2
|
position: relative;
|
|
3
|
+
height: var(--zd_size52);
|
|
4
|
+
border-bottom: 1px solid var(--zdt_setuptablerow_border);
|
|
5
|
+
}[dir=ltr] .container {
|
|
3
6
|
margin-right: var(--zd_size40);
|
|
4
7
|
margin-left: var(--zd_size40);
|
|
5
|
-
|
|
6
|
-
|
|
8
|
+
}[dir=rtl] .container {
|
|
9
|
+
margin-left: var(--zd_size40);
|
|
10
|
+
margin-right: var(--zd_size40);
|
|
7
11
|
}
|
|
8
12
|
.container:hover {
|
|
9
13
|
background-color: var( --zdt_setuptablerow_hover_bg);
|
|
@@ -11,25 +11,38 @@
|
|
|
11
11
|
top: 0;
|
|
12
12
|
z-index: 1000;
|
|
13
13
|
/*Hook for editor alert*/
|
|
14
|
-
|
|
14
|
+
pointer-events: none;
|
|
15
15
|
text-align: center;
|
|
16
|
+
}
|
|
17
|
+
[dir=ltr] .message {
|
|
18
|
+
right: 0;
|
|
16
19
|
left: 0;
|
|
17
|
-
|
|
20
|
+
}
|
|
21
|
+
[dir=rtl] .message {
|
|
22
|
+
left: 0;
|
|
23
|
+
right: 0;
|
|
18
24
|
}
|
|
19
25
|
|
|
20
26
|
.container {
|
|
21
|
-
padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
|
|
22
27
|
position: relative;
|
|
23
28
|
pointer-events: initial;
|
|
29
|
+
color: var(--globalnotification_text_color);
|
|
30
|
+
max-width: var(--zd_size490);
|
|
31
|
+
composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
|
|
24
32
|
box-shadow: 0 4px 20px var(--globalnotification_box_shadow);
|
|
25
33
|
border-radius: 0 0 var(--zd_size10) var(--zd_size10);
|
|
26
34
|
background-color: var(--globalnotification_bg_color);
|
|
27
35
|
border-style: solid;
|
|
28
36
|
border-color: var(--commonalert_border_color);
|
|
29
37
|
border-width: 2px 1px 1px 1px;
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
[dir=ltr] .container {
|
|
41
|
+
padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
[dir=rtl] .container {
|
|
45
|
+
padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70);
|
|
33
46
|
}
|
|
34
47
|
|
|
35
48
|
.icon {
|
|
@@ -38,10 +51,17 @@
|
|
|
38
51
|
position: absolute;
|
|
39
52
|
top: 0;
|
|
40
53
|
bottom: 0;
|
|
41
|
-
left: var(--zd_size18);
|
|
42
54
|
margin: auto 0;
|
|
43
55
|
}
|
|
44
56
|
|
|
57
|
+
[dir=ltr] .icon {
|
|
58
|
+
left: var(--zd_size18);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
[dir=rtl] .icon {
|
|
62
|
+
right: var(--zd_size18);
|
|
63
|
+
}
|
|
64
|
+
|
|
45
65
|
.success {
|
|
46
66
|
--commonalert_border_color: var(--zdt_commonalert_success_border);
|
|
47
67
|
--globalnotification_bg_color: var(--zdt_globalnotification_success_bg);
|
|
@@ -76,15 +96,30 @@
|
|
|
76
96
|
font-size: var(--zd_font_size14);
|
|
77
97
|
font-family: var(--zd_semibold);
|
|
78
98
|
composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
|
|
79
|
-
text-align: left;
|
|
80
99
|
line-height: var(--zd_size20);
|
|
81
100
|
}
|
|
82
101
|
|
|
102
|
+
[dir=ltr] .text {
|
|
103
|
+
text-align: left;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
[dir=rtl] .text {
|
|
107
|
+
text-align: right;
|
|
108
|
+
}
|
|
109
|
+
|
|
83
110
|
.close {
|
|
84
111
|
position: absolute;
|
|
85
112
|
top: 0;
|
|
86
113
|
bottom: 0;
|
|
114
|
+
height: var(--zd_size25);
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
[dir=ltr] .close {
|
|
87
118
|
right: var(--zd_size12);
|
|
88
119
|
margin: auto 0 auto var(--zd_size25);
|
|
89
|
-
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
[dir=rtl] .close {
|
|
123
|
+
left: var(--zd_size12);
|
|
124
|
+
margin: auto var(--zd_size25) auto 0;
|
|
90
125
|
}
|
|
@@ -11,8 +11,13 @@
|
|
|
11
11
|
}
|
|
12
12
|
.headerLayout {
|
|
13
13
|
min-height: var(--zd_size54);
|
|
14
|
+
}
|
|
15
|
+
[dir=ltr] .headerLayout {
|
|
14
16
|
padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20);
|
|
15
17
|
}
|
|
18
|
+
[dir=rtl] .headerLayout {
|
|
19
|
+
padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45);
|
|
20
|
+
}
|
|
16
21
|
|
|
17
22
|
.success {
|
|
18
23
|
--commonalert_border_color: var(--zdt_commonalert_success_border);
|
|
@@ -34,10 +39,14 @@
|
|
|
34
39
|
--commonalert_border_color: var(--zdt_commonalert_warning_border);
|
|
35
40
|
}
|
|
36
41
|
|
|
37
|
-
.extraSmall {
|
|
42
|
+
[dir=ltr] .extraSmall {
|
|
38
43
|
padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) var(--zd_size16);
|
|
39
44
|
}
|
|
40
45
|
|
|
46
|
+
[dir=rtl] .extraSmall {
|
|
47
|
+
padding: var(--zd_size12) var(--zd_size16) var(--zd_size12) var(--zd_size45);
|
|
48
|
+
}
|
|
49
|
+
|
|
41
50
|
.iconContainer {
|
|
42
51
|
height: var(--zd_size51);
|
|
43
52
|
width: var(--zd_size51);
|
|
@@ -45,7 +54,6 @@
|
|
|
45
54
|
|
|
46
55
|
.title {
|
|
47
56
|
color: var(--zdt_alertlookupnew_text);
|
|
48
|
-
margin: 0 var(--zd_size5) 0 var(--zd_size10);
|
|
49
57
|
font-size: var(--zd_font_size18);
|
|
50
58
|
line-height: var(--zd_size22);
|
|
51
59
|
font-family: var(--zd_bold);
|
|
@@ -53,6 +61,14 @@
|
|
|
53
61
|
vertical-align: middle;
|
|
54
62
|
}
|
|
55
63
|
|
|
64
|
+
[dir=ltr] .title {
|
|
65
|
+
margin: 0 var(--zd_size5) 0 var(--zd_size10);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
[dir=rtl] .title {
|
|
69
|
+
margin: 0 var(--zd_size10) 0 var(--zd_size5);
|
|
70
|
+
}
|
|
71
|
+
|
|
56
72
|
.iconStyle {
|
|
57
73
|
display: block;
|
|
58
74
|
}
|
|
@@ -60,5 +76,12 @@
|
|
|
60
76
|
.close {
|
|
61
77
|
position: absolute;
|
|
62
78
|
top: var(--zd_size12);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
[dir=ltr] .close {
|
|
63
82
|
right: var(--zd_size12);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
[dir=rtl] .close {
|
|
86
|
+
left: var(--zd_size12);
|
|
64
87
|
}
|
|
@@ -3,17 +3,21 @@
|
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.innerSection {
|
|
6
|
-
padding: var(--zd_size17) var(--zd_size30) var(--zd_size30);
|
|
7
6
|
color: var(--zdt_alertlookupnew_text);
|
|
8
7
|
font-size: var(--zd_font_size14);
|
|
9
8
|
line-height: var(--zd_size18);
|
|
10
9
|
composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
|
|
10
|
+
padding: var(--zd_size17) var(--zd_size30) var(--zd_size30);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
.buttonGap {
|
|
13
|
+
[dir=ltr] .buttonGap {
|
|
14
14
|
margin: 0 0 0 var(--zd_size12);
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
+
[dir=rtl] .buttonGap {
|
|
18
|
+
margin: 0 var(--zd_size12) 0 0;
|
|
19
|
+
}
|
|
20
|
+
|
|
17
21
|
.confirmMsgText {
|
|
18
22
|
margin-top: var(--zd_size20);
|
|
19
23
|
}
|
|
@@ -23,8 +27,8 @@
|
|
|
23
27
|
}
|
|
24
28
|
|
|
25
29
|
.footer {
|
|
26
|
-
border-radius: 0 0 var(--zd_size10) var(--zd_size10);
|
|
27
30
|
overflow: hidden;
|
|
31
|
+
border-radius: 0 0 var(--zd_size10) var(--zd_size10);
|
|
28
32
|
}
|
|
29
33
|
.horizontalScroll, .verticalScroll, .bothScroll {
|
|
30
34
|
height: 100%;
|
|
@@ -2,9 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
.noteContainer {
|
|
4
4
|
padding: var(--zd_size4) var(--zd_size30) 0;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
[dir=ltr] .noteContainer {
|
|
5
8
|
border-left: solid 1px var(--zdt_alertlookup_border);
|
|
6
9
|
}
|
|
7
10
|
|
|
11
|
+
[dir=rtl] .noteContainer {
|
|
12
|
+
border-right: solid 1px var(--zdt_alertlookup_border);
|
|
13
|
+
}
|
|
14
|
+
|
|
8
15
|
.noteTitle {
|
|
9
16
|
font-size: var(--zd_font_size13);
|
|
10
17
|
font-family: var(--zd_semibold);
|
|
@@ -20,7 +27,7 @@
|
|
|
20
27
|
font-size: var(--zd_font_size12);
|
|
21
28
|
/* line-height: var(--zd_size14); */
|
|
22
29
|
color: var(--zdt_alertlookuop_text);
|
|
23
|
-
margin-bottom: var(--zd_size15);
|
|
24
30
|
list-style-type: disc;
|
|
25
31
|
line-height: initial;
|
|
32
|
+
margin-bottom: var(--zd_size15);
|
|
26
33
|
}
|
|
@@ -1,17 +1,22 @@
|
|
|
1
1
|
.parentElement {
|
|
2
|
-
margin-bottom: var(--zd_size7);
|
|
3
2
|
position: relative;
|
|
3
|
+
margin-bottom: var(--zd_size7);
|
|
4
4
|
}
|
|
5
5
|
.container {
|
|
6
|
-
background-color: var(--zdt_desktopnotification_bg);
|
|
7
6
|
color: var(--zdt_desktopnotification_text);
|
|
8
7
|
transition: all var(--zd_transition4);
|
|
9
8
|
position: relative;
|
|
10
|
-
transform-origin: right center;
|
|
11
9
|
max-height: 100%;
|
|
10
|
+
pointer-events: auto;
|
|
11
|
+
background-color: var(--zdt_desktopnotification_bg);
|
|
12
12
|
box-shadow: 0 4px 20px var(--zdt_desktopnotification_box_shadow);
|
|
13
13
|
border-radius: 0 0 var(--zd_size10) var(--zd_size10);
|
|
14
|
-
|
|
14
|
+
}
|
|
15
|
+
[dir=ltr] .container {
|
|
16
|
+
transform-origin: right center;
|
|
17
|
+
}
|
|
18
|
+
[dir=rtl] .container {
|
|
19
|
+
transform-origin: left center;
|
|
15
20
|
}
|
|
16
21
|
.globalNotify {
|
|
17
22
|
max-width: var(--zd_size490);
|
|
@@ -27,11 +32,17 @@
|
|
|
27
32
|
/* Animation Style */
|
|
28
33
|
.closeAnimation {
|
|
29
34
|
max-height: 0;
|
|
30
|
-
margin-bottom: 0;
|
|
31
35
|
transition: all var(--zd_transition3) 0.4s;
|
|
36
|
+
margin-bottom: 0;
|
|
32
37
|
}
|
|
33
38
|
.animation {
|
|
34
39
|
composes: modeForward from '~@zohodesk/components/lib/common/animation.module.css';
|
|
40
|
+
}
|
|
41
|
+
[dir=ltr] .animation {
|
|
42
|
+
animation-duration: var(--zd_transition4);
|
|
43
|
+
-webkit-animation-duration: var(--zd_transition4);
|
|
44
|
+
}
|
|
45
|
+
[dir=rtl] .animation {
|
|
35
46
|
animation-duration: var(--zd_transition4);
|
|
36
47
|
-webkit-animation-duration: var(--zd_transition4);
|
|
37
48
|
}
|
|
@@ -40,8 +51,8 @@
|
|
|
40
51
|
composes: animation;
|
|
41
52
|
}
|
|
42
53
|
.leftnoanimate {
|
|
43
|
-
transform: translateX(0) scale(1);
|
|
44
54
|
opacity: 1;
|
|
55
|
+
transform: translateX(0) scale(1);
|
|
45
56
|
}
|
|
46
57
|
.rightanimate {
|
|
47
58
|
composes: slideRight from '~@zohodesk/components/lib/common/animation.module.css';
|
|
@@ -50,15 +61,20 @@
|
|
|
50
61
|
}
|
|
51
62
|
/* Container Style */
|
|
52
63
|
.message {
|
|
53
|
-
padding: var(--zd_size10) var(--zd_size20) var(--zd_size10) var(--zd_size76);
|
|
54
|
-
border-top: 1px solid var(--zd_smoke1);
|
|
55
|
-
cursor: pointer;
|
|
56
64
|
position: relative;
|
|
57
65
|
color: var(--zd_smoke18);
|
|
58
66
|
font-size: var(--zd_font_size11);
|
|
59
67
|
composes: dotted textCap from '~@zohodesk/components/lib/common/common.module.css';
|
|
60
68
|
height: var(--zd_size33);
|
|
61
69
|
transition: padding var(--zd_transition3), height var(--zd_transition3);
|
|
70
|
+
border-top: 1px solid var(--zd_smoke1);
|
|
71
|
+
cursor: pointer;
|
|
72
|
+
}
|
|
73
|
+
[dir=ltr] .message {
|
|
74
|
+
padding: var(--zd_size10) var(--zd_size20) var(--zd_size10) var(--zd_size76);
|
|
75
|
+
}
|
|
76
|
+
[dir=rtl] .message {
|
|
77
|
+
padding: var(--zd_size10) var(--zd_size76) var(--zd_size10) var(--zd_size20);
|
|
62
78
|
}
|
|
63
79
|
.message:hover {
|
|
64
80
|
background: var(--zd_alabaster);
|
|
@@ -85,6 +101,6 @@
|
|
|
85
101
|
margin-top: var(--zd_size20);
|
|
86
102
|
}
|
|
87
103
|
.footer {
|
|
88
|
-
border-radius: 0 0 var(--zd_size10) var(--zd_size10);
|
|
89
104
|
overflow: hidden;
|
|
105
|
+
border-radius: 0 0 var(--zd_size10) var(--zd_size10);
|
|
90
106
|
}
|
package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css
CHANGED
|
@@ -5,20 +5,27 @@
|
|
|
5
5
|
composes: varClass;
|
|
6
6
|
min-height: var(--zd_size54);
|
|
7
7
|
position: relative;
|
|
8
|
+
color: var(--zdt_desktopnotification_text);
|
|
8
9
|
background-color: var(--alert_lookup_bg_color);
|
|
9
10
|
border-style: solid;
|
|
10
11
|
border-color: var(--commonalert_border_color);
|
|
11
12
|
border-width: 2px 0 0 0;
|
|
12
|
-
color: var(--zdt_desktopnotification_text);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.title {
|
|
16
|
-
margin: 0 var(--zd_size5) 0 var(--zd_size10);
|
|
17
16
|
font-size: var(--zd_font_size18);
|
|
18
17
|
line-height: var(--zd_size22);
|
|
19
18
|
font-family: var(--zd_bold);
|
|
20
19
|
composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
|
|
21
20
|
}
|
|
21
|
+
|
|
22
|
+
[dir=ltr] .title {
|
|
23
|
+
margin: 0 var(--zd_size5) 0 var(--zd_size10);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
[dir=rtl] .title {
|
|
27
|
+
margin: 0 var(--zd_size10) 0 var(--zd_size5);
|
|
28
|
+
}
|
|
22
29
|
|
|
23
30
|
.infoText {
|
|
24
31
|
font-size: var(--zd_font_size14);
|
|
@@ -50,8 +57,11 @@
|
|
|
50
57
|
|
|
51
58
|
|
|
52
59
|
/* Primary Header */
|
|
53
|
-
.primary {
|
|
54
|
-
|
|
60
|
+
[dir=ltr] .primary {
|
|
61
|
+
padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20);
|
|
62
|
+
}
|
|
63
|
+
[dir=rtl] .primary {
|
|
64
|
+
padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45);
|
|
55
65
|
}
|
|
56
66
|
|
|
57
67
|
.primary .iconContainer {
|
|
@@ -66,14 +76,26 @@
|
|
|
66
76
|
.primary .close {
|
|
67
77
|
position: absolute;
|
|
68
78
|
top: var(--zd_size12);
|
|
69
|
-
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
[dir=ltr] .primary .close {
|
|
82
|
+
right: var(--zd_size12);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
[dir=rtl] .primary .close {
|
|
86
|
+
left: var(--zd_size12);
|
|
70
87
|
}
|
|
71
88
|
|
|
72
89
|
/* Secondary Header */
|
|
73
90
|
.secondary {
|
|
74
|
-
padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
|
|
75
|
-
border-radius: 0 0 var(--zd_size10) var(--zd_size10);
|
|
76
91
|
composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
|
|
92
|
+
border-radius: 0 0 var(--zd_size10) var(--zd_size10);
|
|
93
|
+
}
|
|
94
|
+
[dir=ltr] .secondary {
|
|
95
|
+
padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
|
|
96
|
+
}
|
|
97
|
+
[dir=rtl] .secondary {
|
|
98
|
+
padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70);
|
|
77
99
|
}
|
|
78
100
|
|
|
79
101
|
.secondary .infoText {
|
|
@@ -86,15 +108,30 @@
|
|
|
86
108
|
position: absolute;
|
|
87
109
|
top: 0;
|
|
88
110
|
bottom: 0;
|
|
89
|
-
left: var(--zd_size18);
|
|
90
111
|
margin: auto 0;
|
|
91
112
|
}
|
|
92
113
|
|
|
114
|
+
[dir=ltr] .secondary .iconContainer {
|
|
115
|
+
left: var(--zd_size18);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
[dir=rtl] .secondary .iconContainer {
|
|
119
|
+
right: var(--zd_size18);
|
|
120
|
+
}
|
|
121
|
+
|
|
93
122
|
.secondary .close {
|
|
94
123
|
position: absolute;
|
|
95
124
|
top: 0;
|
|
96
125
|
bottom: 0;
|
|
97
|
-
right: var(--zd_size12);
|
|
98
|
-
margin: auto 0 auto var(--zd_size25);
|
|
99
126
|
height: var(--zd_size25);
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
[dir=ltr] .secondary .close {
|
|
130
|
+
right: var(--zd_size12);
|
|
131
|
+
margin: auto 0 auto var(--zd_size25);
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
[dir=rtl] .secondary .close {
|
|
135
|
+
left: var(--zd_size12);
|
|
136
|
+
margin: auto var(--zd_size25) auto 0;
|
|
100
137
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
@@ -31,9 +31,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
|
|
|
31
31
|
|
|
32
32
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
33
33
|
|
|
34
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
34
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
35
35
|
|
|
36
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
36
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
37
37
|
|
|
38
38
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
39
39
|
|
|
@@ -97,7 +97,8 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
|
|
|
97
97
|
dropBoxClass = _this$props2.dropBoxClass,
|
|
98
98
|
isBoxPaddingNeed = _this$props2.isBoxPaddingNeed,
|
|
99
99
|
getContainerRef = _this$props2.getContainerRef,
|
|
100
|
-
getTargetRef = _this$props2.getTargetRef
|
|
100
|
+
getTargetRef = _this$props2.getTargetRef,
|
|
101
|
+
removeChildrenTooltip = _this$props2.removeChildrenTooltip;
|
|
101
102
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
102
103
|
alignBox: "row",
|
|
103
104
|
isCover: false,
|
|
@@ -114,7 +115,8 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
|
|
|
114
115
|
size: "medium",
|
|
115
116
|
customClass: {
|
|
116
117
|
customButton: _ActionButtonModule["default"].btn
|
|
117
|
-
}
|
|
118
|
+
},
|
|
119
|
+
text: text
|
|
118
120
|
})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
119
121
|
flexible: true,
|
|
120
122
|
onClick: onClick,
|
|
@@ -136,9 +138,9 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
|
|
|
136
138
|
}) : null, text ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
137
139
|
shrink: true,
|
|
138
140
|
className: _ActionButtonModule["default"].txt,
|
|
139
|
-
"data-title": text
|
|
141
|
+
"data-title": removeChildrenTooltip ? null : text
|
|
140
142
|
}, text) : null)), subText ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
141
|
-
"data-title": subText,
|
|
143
|
+
"data-title": removeChildrenTooltip ? null : subText,
|
|
142
144
|
className: _ActionButtonModule["default"].subTxt
|
|
143
145
|
}, subText) : null)), children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
144
146
|
onClick: onClick ? !onHover && this.handleTogglePopup : undefined,
|
|
@@ -184,7 +186,8 @@ ActionButton.defaultProps = {
|
|
|
184
186
|
dropBoxClass: '',
|
|
185
187
|
arrowBoxSize: 'medium',
|
|
186
188
|
isBoxPaddingNeed: true,
|
|
187
|
-
palette: 'primaryFilled'
|
|
189
|
+
palette: 'primaryFilled',
|
|
190
|
+
removeChildrenTooltip: false
|
|
188
191
|
};
|
|
189
192
|
ActionButton.propTypes = {
|
|
190
193
|
arrowBoxDataId: _propTypes["default"].string,
|
|
@@ -211,7 +214,8 @@ ActionButton.propTypes = {
|
|
|
211
214
|
subText: _propTypes["default"].string,
|
|
212
215
|
text: _propTypes["default"].string,
|
|
213
216
|
getContainerRef: _propTypes["default"].func,
|
|
214
|
-
getTargetRef: _propTypes["default"].func
|
|
217
|
+
getTargetRef: _propTypes["default"].func,
|
|
218
|
+
removeChildrenTooltip: _propTypes["default"].bool
|
|
215
219
|
};
|
|
216
220
|
ActionButton.docs = {
|
|
217
221
|
componentGroup: 'Atom'
|
|
@@ -21,9 +21,12 @@
|
|
|
21
21
|
.primaryBtn, .primaryArw {
|
|
22
22
|
border: 1px solid var(--buttonBorder);
|
|
23
23
|
}
|
|
24
|
-
.primaryBtn {
|
|
24
|
+
[dir=ltr] .primaryBtn {
|
|
25
25
|
border-right: none;
|
|
26
26
|
}
|
|
27
|
+
[dir=rtl] .primaryBtn {
|
|
28
|
+
border-left: none;
|
|
29
|
+
}
|
|
27
30
|
.contentBox,
|
|
28
31
|
.arrowWrapper {
|
|
29
32
|
transition: width var(--zd_transition3), padding var(--zd_transition3), background-color var(--zd_transition2), border-color var(--zd_transition2);
|
|
@@ -31,9 +34,12 @@
|
|
|
31
34
|
.clickable {
|
|
32
35
|
cursor: pointer;
|
|
33
36
|
}
|
|
34
|
-
.contentBoxBdr {
|
|
37
|
+
[dir=ltr] .contentBoxBdr {
|
|
35
38
|
border-radius: var(--zd_size4) 0 0 var(--zd_size4);
|
|
36
39
|
}
|
|
40
|
+
[dir=rtl] .contentBoxBdr {
|
|
41
|
+
border-radius: 0 var(--zd_size4) var(--zd_size4) 0;
|
|
42
|
+
}
|
|
37
43
|
.contentBoxBdrRds {
|
|
38
44
|
border-radius: var(--zd_size4);
|
|
39
45
|
}
|
|
@@ -53,8 +59,7 @@
|
|
|
53
59
|
.small_btnBox {
|
|
54
60
|
padding: 0 var(--zd_size8);
|
|
55
61
|
}
|
|
56
|
-
.medium_btnBox,
|
|
57
|
-
.large_btnBox {
|
|
62
|
+
.medium_btnBox, .large_btnBox {
|
|
58
63
|
padding: 0 var(--zd_size10);
|
|
59
64
|
}
|
|
60
65
|
.txt {
|
|
@@ -77,12 +82,20 @@
|
|
|
77
82
|
}
|
|
78
83
|
.arrowWrapper {
|
|
79
84
|
position: relative;
|
|
80
|
-
border-radius: 0 var(--zd_size4) var(--zd_size4) 0;
|
|
81
|
-
cursor: pointer;
|
|
82
85
|
composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
|
|
86
|
+
cursor: pointer;
|
|
83
87
|
}
|
|
84
|
-
.
|
|
85
|
-
|
|
88
|
+
[dir=ltr] .arrowWrapper {
|
|
89
|
+
border-radius: 0 var(--zd_size4) var(--zd_size4) 0;
|
|
90
|
+
}
|
|
91
|
+
[dir=rtl] .arrowWrapper {
|
|
92
|
+
border-radius: var(--zd_size4) 0 0 var(--zd_size4);
|
|
93
|
+
}
|
|
94
|
+
[dir=ltr] .primaryFilledArw {
|
|
95
|
+
border-left: 1px solid var(--buttonSeparatorBorder);
|
|
96
|
+
}
|
|
97
|
+
[dir=rtl] .primaryFilledArw {
|
|
98
|
+
border-right: 1px solid var(--buttonSeparatorBorder);
|
|
86
99
|
}
|
|
87
100
|
.small_arrowBox {
|
|
88
101
|
width: var(--zd_size20);
|
|
@@ -106,6 +119,7 @@
|
|
|
106
119
|
.btn {
|
|
107
120
|
height: 100%;
|
|
108
121
|
width: 100%;
|
|
122
|
+
color:var(--dot_mirror)
|
|
109
123
|
}
|
|
110
124
|
.popupWrapper {
|
|
111
125
|
padding: var(--zd_size10) 0;
|
|
@@ -115,6 +129,9 @@
|
|
|
115
129
|
.iconClr {
|
|
116
130
|
color: var(--buttonText);
|
|
117
131
|
}
|
|
118
|
-
.iconMrgn {
|
|
132
|
+
[dir=ltr] .iconMrgn {
|
|
119
133
|
margin-right: var(--zd_size6);
|
|
120
134
|
}
|
|
135
|
+
[dir=rtl] .iconMrgn {
|
|
136
|
+
margin-left: var(--zd_size6);
|
|
137
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
@@ -33,9 +33,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
|
|
|
33
33
|
|
|
34
34
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
35
35
|
|
|
36
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
36
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
37
37
|
|
|
38
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
38
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
39
39
|
|
|
40
40
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
41
41
|
|