@zohodesk/dot 1.0.0-temp-72 → 1.0.0-temp-73
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 +1067 -1063
- package/assets/Appearance/dark/mode/dotDarkMode.module.css +10 -0
- package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +6 -0
- package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +6 -0
- package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +6 -0
- package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +6 -0
- package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +6 -0
- package/assets/Appearance/default/mode/dotDefaultMode.module.css +10 -0
- package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +6 -0
- package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +6 -0
- package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +6 -0
- package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +6 -0
- package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +6 -0
- package/dubFinder.js +96 -96
- package/es/ActionButton/ActionButton.module.css +120 -136
- package/es/AlphabeticList/AlphabeticList.module.css +54 -57
- package/es/Attachment/Attachment.module.css +121 -132
- package/es/AttachmentViewer/Attachment.js +17 -0
- package/es/AttachmentViewer/AttachmentImage.js +85 -0
- package/es/AttachmentViewer/AttachmentViewer.js +562 -0
- package/es/AttachmentViewer/AttachmentViewer.module.css +291 -0
- package/es/AttachmentViewer/utils.js +107 -0
- package/es/ChannelIcon/ChannelIcon.module.css +208 -217
- package/es/Drawer/Drawer.js +0 -0
- package/es/Drawer/Drawer.module.css +103 -151
- package/es/ExternalLink/ExternalLink.js +0 -0
- package/es/ExternalLink/ExternalLink.module.css +3 -3
- package/es/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
- package/es/FlipCard/FlipCard.module.css +35 -44
- package/es/FormAction/FormAction.module.css +57 -82
- package/es/FreezeLayer/FreezeLayer.module.css +38 -42
- package/es/IconButton/IconButton.module.css +22 -22
- package/es/Image/Image.module.css +10 -10
- package/es/ImportantNotes/ImportantNotes.module.css +15 -20
- package/es/Link/Link.js +0 -0
- package/es/Link/Link.module.css +3 -3
- package/es/Loader/Loader.module.css +25 -46
- package/es/Message/Message.module.css +69 -102
- package/es/MessageBanner/MessageBanner.module.css +38 -46
- package/es/NewStar/NewStar.module.css +73 -110
- package/es/PlusIcon/PlusIcon.js +0 -0
- package/es/PlusIcon/PlusIcon.module.css +16 -16
- package/es/Provider.js +35 -88
- package/es/ToastMessage/ToastMessage.js +0 -0
- package/es/ToastMessage/ToastMessage.module.css +257 -328
- package/es/Upload/Upload.module.css +106 -125
- package/es/alert/AlertHeader/AlertHeader.module.css +62 -80
- package/es/alert/AlertLookup/AlertLookup.module.css +22 -26
- package/es/avatar/AvatarClose/AvatarClose.module.css +31 -37
- package/es/avatar/AvatarCollision/AvatarCollision.module.css +55 -69
- package/es/avatar/AvatarIcon/AvatarIcon.module.css +59 -58
- package/es/avatar/AvatarStatus/AvatarStatus.js +0 -0
- package/es/avatar/AvatarStatus/AvatarStatus.module.css +96 -146
- package/es/avatar/AvatarThread/AvatarThread.module.css +113 -163
- package/es/avatar/AvatarUser/AvatarUser.js +0 -0
- package/es/avatar/AvatarUser/AvatarUser.module.css +100 -171
- package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +16 -23
- package/es/common/dot_animation.module.css +14 -0
- package/es/common/dot_common.module.css +4 -0
- package/es/deprecated/SelectDropdown/SelectDropdown.module.css +47 -55
- package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +84 -97
- package/es/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
- package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +77 -85
- package/es/emptystate/EditionPage/EditionPage.css +37 -43
- package/es/errorstate/EmptyStates.module.css +84 -87
- package/es/errorstate/Inconvenience/Inconvenience.module.css +4 -7
- package/es/errorstate/LinkText/LinkText.module.css +6 -6
- package/es/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
- package/es/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
- package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
- package/es/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
- package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
- package/es/errorstate/WillBack/WillBack.module.css +36 -34
- package/es/form/fields/CheckBoxField/CheckBoxField.js +0 -0
- package/es/form/fields/Fields.module.css +148 -183
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +95 -107
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +6 -9
- package/es/form/fields/TextEditor/TextEditor.module.css +589 -666
- package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +25 -36
- package/es/form/fields/ValidationMessage/ValidationMessage.module.css +22 -27
- package/es/form/layout/Field/Field.js +0 -0
- package/es/form/layout/Field/Field.module.css +22 -22
- package/es/form/layout/Section/ModuleFormSection.module.css +3 -3
- package/es/form/layout/Section/Section.js +0 -0
- package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +116 -152
- package/es/layout/SubtabLayout/SubtabLayout.module.css +120 -146
- package/es/list/AvatarFlip/AvatarFlip.module.css +3 -3
- package/es/list/BluePrintStatus/BluePrintStatus.module.css +14 -17
- package/es/list/Comment/Comment.module.css +24 -29
- package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
- package/es/list/Dot/Dot.module.css +15 -15
- package/es/list/DotNew/DotNew.module.css +22 -22
- package/es/list/GridStencils/GridStencils.module.css +102 -156
- package/es/list/Icons/Icons.module.css +15 -15
- package/es/list/ListLayout/ListLayout.module.css +49 -57
- package/es/list/ListStencils/ListStencils.module.css +62 -67
- package/es/list/SecondaryText/SecondaryText.module.css +126 -136
- package/es/list/SecondaryText/Website.js +0 -0
- package/es/list/SecondryPanel/SecondryPanel.js +0 -0
- package/es/list/SecondryPanel/SecondryPanel.module.css +5 -5
- package/es/list/SentimentStatus/SentimentStatus.module.css +9 -12
- package/es/list/Subject/Subject.module.css +27 -27
- package/es/list/TagNew/TagNew.module.css +108 -115
- package/es/list/Thread/Thread.module.css +30 -42
- package/es/list/UserTime/UserTime.module.css +52 -58
- package/es/list/listCommon.module.css +52 -60
- package/es/list/status/StatusDropdown/StatusDropdown.module.css +76 -89
- package/es/list/status/StatusListItem/StatusListItem.js +0 -0
- package/es/list/status/StatusListItem/StatusListItem.module.css +81 -104
- package/es/lookup/EmptyPage/EmptyPage.js +0 -0
- package/es/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
- package/es/lookup/Lookup/Lookup.js +0 -0
- package/es/lookup/Lookup/Lookup.module.css +26 -26
- package/es/lookup/Section/LookupSection.module.css +8 -8
- package/es/lookup/header/Close/LookupClose.module.css +15 -15
- package/es/lookup/header/Search/LookupSearch.module.css +48 -57
- package/es/lookup/header/TicketHeader/TicketHeader.module.css +19 -22
- package/es/lookup/header/Title/LookupTitle.module.css +20 -20
- package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +45 -50
- package/es/lookup/header/lookupHeaderCommon.module.css +25 -35
- package/es/lookup/header/lookupHeaderCommonResponsive.module.css +15 -24
- package/es/setup/header/Button/HeaderButton.module.css +3 -5
- package/es/setup/header/Link/HeaderLink.module.css +15 -21
- package/es/setup/header/Search/Search.module.css +57 -68
- package/es/setup/header/Views/Views.module.css +27 -37
- package/es/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
- package/es/setup/helptips/Link/HelpTipsLink.module.css +6 -7
- package/es/setup/helptips/Link/Link.js +0 -0
- package/es/setup/helptips/ListGroup/ListGroup.module.css +17 -22
- package/es/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
- package/es/setup/helptips/Title/Title.js +0 -0
- package/es/setup/table/TableData/SetupTableData.module.css +36 -44
- package/es/setup/table/TableData/Tablehover.module.css +6 -6
- package/es/setup/table/TableHead/SetupTableHead.module.css +8 -12
- package/es/setup/table/TableRow/SetupTableRow.module.css +10 -14
- package/es/setup/table/Text/TableText.module.css +37 -37
- package/es/setup/table/Text/Text.js +0 -0
- package/es/svg/PlusIcon.js +1 -1
- package/es/svg/SnippetIcon.js +2 -2
- package/es/utils/KeyboardApi.js +25 -25
- package/es/version2/AlertClose/AlertClose.module.css +42 -42
- package/es/version2/GlobalNotification/GlobalNotification.module.css +89 -124
- package/es/version2/alertIcons/AlertIcons.module.css +67 -67
- package/es/version2/errorstate/V2_ErrorStates.module.css +46 -46
- package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +63 -86
- package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +39 -43
- package/es/version2/lookup/alertLookupCommonNew.module.css +25 -32
- package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +90 -106
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +99 -136
- package/images/audio_thumbnail.png +0 -0
- package/lib/ActionButton/ActionButton.module.css +137 -136
- package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
- package/lib/Attachment/Attachment.module.css +132 -132
- package/lib/ChannelIcon/ChannelIcon.module.css +217 -217
- package/lib/Drawer/Drawer.js +0 -0
- package/lib/Drawer/Drawer.module.css +151 -151
- package/lib/ExternalLink/ExternalLink.js +0 -0
- package/lib/ExternalLink/ExternalLink.module.css +3 -3
- package/lib/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
- package/lib/FlipCard/FlipCard.module.css +44 -44
- package/lib/FormAction/FormAction.module.css +82 -82
- package/lib/FreezeLayer/FreezeLayer.js +4 -31
- package/lib/FreezeLayer/FreezeLayer.module.css +42 -42
- package/lib/IconButton/IconButton.module.css +22 -22
- package/lib/Image/Image.module.css +10 -10
- package/lib/ImportantNotes/ImportantNotes.module.css +20 -20
- package/lib/Link/Link.js +0 -0
- package/lib/Link/Link.module.css +3 -3
- package/lib/Loader/Loader.module.css +46 -46
- package/lib/Message/Message.module.css +102 -102
- package/lib/MessageBanner/MessageBanner.module.css +46 -46
- package/lib/NewStar/NewStar.module.css +110 -110
- package/lib/PlusIcon/PlusIcon.js +0 -0
- package/lib/PlusIcon/PlusIcon.module.css +16 -16
- package/lib/Provider.js +37 -107
- package/lib/ToastMessage/ToastMessage.js +0 -0
- package/lib/ToastMessage/ToastMessage.module.css +328 -328
- package/lib/Upload/Upload.module.css +125 -125
- package/lib/alert/AlertHeader/AlertHeader.module.css +80 -80
- package/lib/alert/AlertLookup/AlertLookup.module.css +26 -26
- package/lib/avatar/AvatarClose/AvatarClose.module.css +37 -37
- package/lib/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
- package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/lib/avatar/AvatarStatus/AvatarStatus.js +0 -0
- package/lib/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
- package/lib/avatar/AvatarThread/AvatarThread.module.css +163 -163
- package/lib/avatar/AvatarUser/AvatarUser.js +0 -0
- package/lib/avatar/AvatarUser/AvatarUser.module.css +171 -171
- package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
- package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +55 -55
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +97 -97
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
- package/lib/emptystate/EditionPage/EditionPage.css +43 -43
- package/lib/errorstate/EmptyStates.module.css +87 -87
- package/lib/errorstate/Inconvenience/Inconvenience.module.css +7 -7
- package/lib/errorstate/LinkText/LinkText.module.css +6 -6
- package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
- package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
- package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
- package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
- package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
- package/lib/errorstate/WillBack/WillBack.module.css +34 -34
- package/lib/form/fields/CheckBoxField/CheckBoxField.js +1 -1
- package/lib/form/fields/CurrencyField/CurrencyField.js +8 -9
- package/lib/form/fields/DateField/DateField.js +1 -1
- package/lib/form/fields/Fields.module.css +183 -183
- package/lib/form/fields/MultiSelectField/MultiSelectField.js +1 -1
- package/lib/form/fields/PhoneField/PhoneField.js +1 -1
- package/lib/form/fields/RadioField/RadioField.js +1 -1
- package/lib/form/fields/SelectField/SelectField.js +1 -1
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +4 -7
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
- package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
- package/lib/form/fields/TextBoxField/TextBoxField.js +1 -1
- package/lib/form/fields/TextEditor/TextEditor.module.css +655 -666
- package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +36 -36
- package/lib/form/fields/TextareaField/TextareaField.js +1 -1
- package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
- package/lib/form/layout/Field/Field.js +0 -0
- package/lib/form/layout/Field/Field.module.css +22 -22
- package/lib/form/layout/Section/ModuleFormSection.module.css +3 -3
- package/lib/form/layout/Section/Section.js +0 -0
- package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
- package/lib/layout/SubtabLayout/SubtabLayout.module.css +146 -146
- package/lib/list/AvatarFlip/AvatarFlip.module.css +3 -3
- package/lib/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
- package/lib/list/Comment/Comment.module.css +29 -29
- package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
- package/lib/list/Dot/Dot.module.css +15 -15
- package/lib/list/DotNew/DotNew.module.css +22 -22
- package/lib/list/GridStencils/GridStencils.module.css +156 -156
- package/lib/list/Icons/Icons.module.css +15 -15
- package/lib/list/ListLayout/ListLayout.module.css +57 -57
- package/lib/list/ListStencils/ListStencils.module.css +67 -67
- package/lib/list/SecondaryText/SecondaryText.module.css +136 -136
- package/lib/list/SecondaryText/Website.js +0 -0
- package/lib/list/SecondryPanel/SecondryPanel.js +0 -0
- package/lib/list/SecondryPanel/SecondryPanel.module.css +5 -5
- package/lib/list/SentimentStatus/SentimentStatus.module.css +12 -12
- package/lib/list/Subject/Subject.module.css +27 -27
- package/lib/list/TagNew/TagNew.module.css +115 -115
- package/lib/list/Thread/Thread.module.css +42 -42
- package/lib/list/UserTime/UserTime.module.css +58 -58
- package/lib/list/listCommon.module.css +60 -60
- package/lib/list/status/StatusDropdown/StatusDropdown.js +37 -44
- package/lib/list/status/StatusDropdown/StatusDropdown.module.css +89 -89
- package/lib/list/status/StatusListItem/StatusListItem.js +0 -0
- package/lib/list/status/StatusListItem/StatusListItem.module.css +104 -104
- package/lib/lookup/EmptyPage/EmptyPage.js +0 -0
- package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
- package/lib/lookup/Lookup/Lookup.js +0 -0
- package/lib/lookup/Lookup/Lookup.module.css +26 -26
- package/lib/lookup/Section/LookupSection.module.css +8 -8
- package/lib/lookup/header/Close/LookupClose.module.css +15 -15
- package/lib/lookup/header/Search/LookupSearch.module.css +57 -57
- package/lib/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
- package/lib/lookup/header/Title/LookupTitle.module.css +20 -20
- package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
- package/lib/lookup/header/lookupHeaderCommon.module.css +35 -35
- package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
- package/lib/setup/header/Button/HeaderButton.module.css +5 -5
- package/lib/setup/header/Link/HeaderLink.module.css +21 -21
- package/lib/setup/header/Search/Search.module.css +68 -68
- package/lib/setup/header/Views/Views.js +2 -2
- package/lib/setup/header/Views/Views.module.css +37 -37
- package/lib/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
- package/lib/setup/helptips/Link/HelpTipsLink.module.css +7 -7
- package/lib/setup/helptips/Link/Link.js +0 -0
- package/lib/setup/helptips/ListGroup/ListGroup.module.css +22 -22
- package/lib/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
- package/lib/setup/helptips/Title/Title.js +0 -0
- package/lib/setup/table/TableData/SetupTableData.module.css +44 -44
- package/lib/setup/table/TableData/Tablehover.module.css +6 -6
- package/lib/setup/table/TableHead/SetupTableHead.module.css +12 -12
- package/lib/setup/table/TableRow/SetupTableRow.module.css +14 -14
- package/lib/setup/table/Text/TableText.module.css +37 -37
- package/lib/setup/table/Text/Text.js +0 -0
- package/lib/svg/PlusIcon.js +1 -1
- package/lib/svg/SnippetIcon.js +2 -2
- package/lib/utils/General.js +24 -0
- package/lib/utils/KeyboardApi.js +25 -25
- package/lib/version2/AlertClose/AlertClose.module.css +42 -42
- package/lib/version2/GlobalNotification/GlobalNotification.module.css +124 -124
- package/lib/version2/alertIcons/AlertIcons.module.css +67 -67
- package/lib/version2/errorstate/V2_ErrorStates.module.css +46 -46
- package/lib/version2/lookup/AlertHeader/AlertHeaderNew.module.css +86 -86
- package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
- package/lib/version2/lookup/alertLookupCommonNew.module.css +32 -32
- package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +106 -106
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
- package/package.json +81 -81
- package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +0 -521
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +0 -10
- package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +0 -10
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +0 -10
- package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +0 -10
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +0 -10
- package/lib/Provider/Config.js +0 -21
- package/lib/deprecated/utils/General.js +0 -29
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
.bold {
|
|
2
|
-
composes: bold from '~@zohodesk/components/lib/common/common.module.css';
|
|
3
|
-
}
|
|
4
|
-
.semiBold {
|
|
5
|
-
composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
|
|
6
|
-
}
|
|
7
|
-
.primaryColor {
|
|
8
|
-
color: var(--zdt_tabletext_primary_text);
|
|
9
|
-
}
|
|
10
|
-
.defaultColor {
|
|
11
|
-
color: var(--zdt_tabletext_default_text);
|
|
12
|
-
}
|
|
13
|
-
.greenColor {
|
|
14
|
-
color: var(--zdt_tabletext_green_text);
|
|
15
|
-
}
|
|
16
|
-
.dangerColor {
|
|
17
|
-
color: var(--zdt_tabletext_danger_text);
|
|
18
|
-
}
|
|
19
|
-
.small {
|
|
20
|
-
font-size: var(--zd_font_size13);
|
|
21
|
-
max-width: 100%;
|
|
22
|
-
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
23
|
-
}
|
|
24
|
-
.medium {
|
|
25
|
-
font-size: var(--zd_font_size14);
|
|
26
|
-
max-width: 100%;
|
|
27
|
-
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
28
|
-
}
|
|
29
|
-
.heading {
|
|
30
|
-
text-transform: uppercase;
|
|
31
|
-
color: var(--zdt_tabletext_heading_text);
|
|
32
|
-
vertical-align: middle;
|
|
33
|
-
composes: small;
|
|
34
|
-
}
|
|
35
|
-
.isClickable {
|
|
36
|
-
cursor: pointer;
|
|
37
|
-
}
|
|
1
|
+
.bold {
|
|
2
|
+
composes: bold from '~@zohodesk/components/lib/common/common.module.css';
|
|
3
|
+
}
|
|
4
|
+
.semiBold {
|
|
5
|
+
composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
|
|
6
|
+
}
|
|
7
|
+
.primaryColor {
|
|
8
|
+
color: var(--zdt_tabletext_primary_text);
|
|
9
|
+
}
|
|
10
|
+
.defaultColor {
|
|
11
|
+
color: var(--zdt_tabletext_default_text);
|
|
12
|
+
}
|
|
13
|
+
.greenColor {
|
|
14
|
+
color: var(--zdt_tabletext_green_text);
|
|
15
|
+
}
|
|
16
|
+
.dangerColor {
|
|
17
|
+
color: var(--zdt_tabletext_danger_text);
|
|
18
|
+
}
|
|
19
|
+
.small {
|
|
20
|
+
font-size: var(--zd_font_size13);
|
|
21
|
+
max-width: 100%;
|
|
22
|
+
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
23
|
+
}
|
|
24
|
+
.medium {
|
|
25
|
+
font-size: var(--zd_font_size14);
|
|
26
|
+
max-width: 100%;
|
|
27
|
+
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
28
|
+
}
|
|
29
|
+
.heading {
|
|
30
|
+
text-transform: uppercase;
|
|
31
|
+
color: var(--zdt_tabletext_heading_text);
|
|
32
|
+
vertical-align: middle;
|
|
33
|
+
composes: small;
|
|
34
|
+
}
|
|
35
|
+
.isClickable {
|
|
36
|
+
cursor: pointer;
|
|
37
|
+
}
|
|
File without changes
|
package/lib/svg/PlusIcon.js
CHANGED
|
@@ -63,7 +63,7 @@ var PlusIcon = /*#__PURE__*/function (_React$Component) {
|
|
|
63
63
|
style: {
|
|
64
64
|
fill: '#767d89'
|
|
65
65
|
},
|
|
66
|
-
d: "M16,2.7c0.4,0,0.7,0.1,0.9,0.4s0.4,0.6,0.4,0.9v10.7H28c0.4,0,0.7,0.1,0.9,0.4c0.3,0.3,0.4,0.6,0.4,0.9
|
|
66
|
+
d: "M16,2.7c0.4,0,0.7,0.1,0.9,0.4s0.4,0.6,0.4,0.9v10.7H28c0.4,0,0.7,0.1,0.9,0.4c0.3,0.3,0.4,0.6,0.4,0.9 c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.3-0.6,0.4-0.9,0.4H17.3V28c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.3-0.6,0.4-0.9,0.4c-0.4,0-0.7-0.1-0.9-0.4 c-0.3-0.3-0.4-0.6-0.4-0.9V17.3H4c-0.4,0-0.7-0.1-0.9-0.4S2.7,16.4,2.7,16s0.1-0.7,0.4-0.9c0.3-0.3,0.6-0.4,0.9-0.4h10.7V4 c0-0.4,0.1-0.7,0.4-0.9C15.3,2.8,15.6,2.7,16,2.7z"
|
|
67
67
|
})));
|
|
68
68
|
}
|
|
69
69
|
}]);
|
package/lib/svg/SnippetIcon.js
CHANGED
|
@@ -60,12 +60,12 @@ var SnippetIcon = /*#__PURE__*/function (_React$Component) {
|
|
|
60
60
|
isSymbol: isSymbol,
|
|
61
61
|
className: className
|
|
62
62
|
}, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
|
|
63
|
-
d: "M14.4,8.2L15.6,9L16,8.4l-1-0.7l2.5-3.7L11.5,0L8.9,3.8L7.9,3L7.6,3.6l1.2,0.8c-2.3,3-5.9,0.8-6,0.7L2.3,4.9L0,23.8
|
|
63
|
+
d: "M14.4,8.2L15.6,9L16,8.4l-1-0.7l2.5-3.7L11.5,0L8.9,3.8L7.9,3L7.6,3.6l1.2,0.8c-2.3,3-5.9,0.8-6,0.7L2.3,4.9L0,23.8 l16.6-9.3l-0.4-0.3C15.9,13.9,12.6,11.5,14.4,8.2L14.4,8.2z M1.5,22l5.2-7.7c0.3,0.1,0.6,0.2,0.9,0.2c1.2,0,2.1-0.9,2.2-2.1 c0-1.2-0.9-2.1-2.1-2.2c-1.2,0-2.1,0.9-2.2,2.1c0,0.6,0.2,1.2,0.7,1.6L1,21.6L2.8,6c1.2,0.6,4.4,1.7,6.5-1.1l4.5,3 c-1.8,3,0.4,5.6,1.4,6.5L1.5,22L1.5,22z M6.7,13.6c-0.7-0.4-0.8-1.3-0.4-2s1.3-0.8,2-0.4c0.7,0.4,0.8,1.3,0.4,2 c-0.2,0.3-0.5,0.5-0.9,0.6C7.5,13.9,7.1,13.8,6.7,13.6L6.7,13.6z"
|
|
64
64
|
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
65
65
|
style: {
|
|
66
66
|
fill: '#03A3FE'
|
|
67
67
|
},
|
|
68
|
-
d: "M30.9,25c-4.9,0.7-5.4,1.2-5.9,6.7c-0.6-5.4-1.1-6-6.1-6.5c4.9-0.7,5.4-1.2,5.9-6.7
|
|
68
|
+
d: "M30.9,25c-4.9,0.7-5.4,1.2-5.9,6.7c-0.6-5.4-1.1-6-6.1-6.5c4.9-0.7,5.4-1.2,5.9-6.7 C25.4,23.9,25.9,24.5,30.9,25z M30.3,8.2c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3 C25.4,7.1,25.8,7.6,30.3,8.2z M16.2,25.7c-4.5,0.6-4.9,1.1-5.5,6.3c-0.5-5.3-0.9-5.8-5.4-6.4c4.5-0.6,4.9-1.1,5.5-6.3 C11.3,24.6,11.7,25.1,16.2,25.7z"
|
|
69
69
|
})));
|
|
70
70
|
}
|
|
71
71
|
}]);
|
package/lib/utils/General.js
CHANGED
|
@@ -3,11 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
exports.formatCurrency = formatCurrency;
|
|
6
7
|
exports.formatPhoneUrl = formatPhoneUrl;
|
|
7
8
|
exports.getFullName = getFullName;
|
|
8
9
|
exports.shallowDiff = shallowDiff;
|
|
9
10
|
exports.stopBubbling = stopBubbling;
|
|
10
11
|
|
|
12
|
+
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); }
|
|
13
|
+
|
|
11
14
|
function stopBubbling(event) {
|
|
12
15
|
event.preventDefault();
|
|
13
16
|
event.stopPropagation && event.stopPropagation();
|
|
@@ -55,4 +58,25 @@ function formatPhoneUrl(phone) {
|
|
|
55
58
|
}
|
|
56
59
|
|
|
57
60
|
return phone;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
function formatCurrency(number, symbol) {
|
|
64
|
+
// format number 1000000 to 1,234,567
|
|
65
|
+
if (number && number != 0) {
|
|
66
|
+
var typeOfData = _typeof(number);
|
|
67
|
+
|
|
68
|
+
var isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
|
|
69
|
+
|
|
70
|
+
if (isDecimal) {
|
|
71
|
+
var val = number.toString().split('.');
|
|
72
|
+
var arr1 = "".concat(val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
|
|
73
|
+
var finalVal = "".concat(symbol).concat(arr1, ".").concat(val[1]);
|
|
74
|
+
return finalVal;
|
|
75
|
+
} else {
|
|
76
|
+
var value = "".concat(symbol).concat(number.toString().replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
|
|
77
|
+
return value;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
return number;
|
|
58
82
|
}
|
package/lib/utils/KeyboardApi.js
CHANGED
|
@@ -66,10 +66,10 @@ Shortcut.addAll = function (keysObj, props) {
|
|
|
66
66
|
return;
|
|
67
67
|
});
|
|
68
68
|
};
|
|
69
|
-
/**
|
|
70
|
-
* @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
|
|
71
|
-
* @param callback = any function
|
|
72
|
-
* @param action = keypress or keydown or keyup
|
|
69
|
+
/**
|
|
70
|
+
* @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
|
|
71
|
+
* @param callback = any function
|
|
72
|
+
* @param action = keypress or keydown or keyup
|
|
73
73
|
*/
|
|
74
74
|
|
|
75
75
|
|
|
@@ -104,8 +104,8 @@ Shortcut.add = function (keycombo, cpFunc, action, displayLabel) {
|
|
|
104
104
|
tempjson.action = action || 'keypress';
|
|
105
105
|
shortcutdatas[keycombo.toLowerCase()] = tempjson;
|
|
106
106
|
};
|
|
107
|
-
/*Shortcut.prototype.remove = function(){
|
|
108
|
-
|
|
107
|
+
/*Shortcut.prototype.remove = function(){
|
|
108
|
+
|
|
109
109
|
};*/
|
|
110
110
|
|
|
111
111
|
|
|
@@ -261,25 +261,25 @@ function _convertToKeyCharacter(e) {
|
|
|
261
261
|
}
|
|
262
262
|
|
|
263
263
|
function _defaultCallBack(keycombo, keyOptions) {
|
|
264
|
-
/*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
|
|
265
|
-
if (keyOptions.callbackflow !== undefined) {
|
|
266
|
-
keycombo = keyOptions.callbackflow.split(',');
|
|
267
|
-
var click = function(i, combo) {
|
|
268
|
-
setTimeout(function() {
|
|
269
|
-
jQuery("[data-shortcut-key='" + combo + "']").trigger('click');
|
|
270
|
-
}, i * 200);
|
|
271
|
-
};
|
|
272
|
-
for (var i = 0; i < keycombo.length; i++) {
|
|
273
|
-
var clickFunc = click.bind(this, i);
|
|
274
|
-
clickFunc(keycombo[i]);
|
|
275
|
-
highLightKeys(keycombo[i]);
|
|
276
|
-
}
|
|
277
|
-
return;
|
|
278
|
-
}
|
|
279
|
-
if (keyElement.length === 1) {
|
|
280
|
-
keyElement.trigger('click');
|
|
281
|
-
highLightKeys(keycombo);
|
|
282
|
-
return;
|
|
264
|
+
/*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
|
|
265
|
+
if (keyOptions.callbackflow !== undefined) {
|
|
266
|
+
keycombo = keyOptions.callbackflow.split(',');
|
|
267
|
+
var click = function(i, combo) {
|
|
268
|
+
setTimeout(function() {
|
|
269
|
+
jQuery("[data-shortcut-key='" + combo + "']").trigger('click');
|
|
270
|
+
}, i * 200);
|
|
271
|
+
};
|
|
272
|
+
for (var i = 0; i < keycombo.length; i++) {
|
|
273
|
+
var clickFunc = click.bind(this, i);
|
|
274
|
+
clickFunc(keycombo[i]);
|
|
275
|
+
highLightKeys(keycombo[i]);
|
|
276
|
+
}
|
|
277
|
+
return;
|
|
278
|
+
}
|
|
279
|
+
if (keyElement.length === 1) {
|
|
280
|
+
keyElement.trigger('click');
|
|
281
|
+
highLightKeys(keycombo);
|
|
282
|
+
return;
|
|
283
283
|
}*/
|
|
284
284
|
}
|
|
285
285
|
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
.close {
|
|
2
|
-
width: var(--zd_size25);
|
|
3
|
-
height: var(--zd_size25);
|
|
4
|
-
color: var(--zdt_commonalert_close_icon);
|
|
5
|
-
border-radius: var(--zd_size4);
|
|
6
|
-
cursor: pointer;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.closeIcon {
|
|
10
|
-
display: block;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.light {
|
|
14
|
-
color: var(--zdt_commonalert_close_light_icon);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.close:hover {
|
|
18
|
-
background-color: var(--zdt_commonalert_close_hover_bg);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.light:hover {
|
|
22
|
-
background-color: var(--zdt_commonalert_light_hover_bg);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.success:hover {
|
|
26
|
-
background-color: var(--zdt_commonalert_success_hover_bg);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.info:hover {
|
|
30
|
-
background-color:var(--zdt_commonalert_info_hover_bg);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.warning:hover {
|
|
34
|
-
background-color: var(--zdt_commonalert_warning_hover_bg);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.danger:hover {
|
|
38
|
-
background-color: var(--zdt_commonalert_danger_hover_bg);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.error:hover {
|
|
42
|
-
background-color: var(--zdt_commonalert_error_hover_bg);
|
|
1
|
+
.close {
|
|
2
|
+
width: var(--zd_size25);
|
|
3
|
+
height: var(--zd_size25);
|
|
4
|
+
color: var(--zdt_commonalert_close_icon);
|
|
5
|
+
border-radius: var(--zd_size4);
|
|
6
|
+
cursor: pointer;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.closeIcon {
|
|
10
|
+
display: block;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.light {
|
|
14
|
+
color: var(--zdt_commonalert_close_light_icon);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.close:hover {
|
|
18
|
+
background-color: var(--zdt_commonalert_close_hover_bg);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.light:hover {
|
|
22
|
+
background-color: var(--zdt_commonalert_light_hover_bg);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.success:hover {
|
|
26
|
+
background-color: var(--zdt_commonalert_success_hover_bg);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.info:hover {
|
|
30
|
+
background-color:var(--zdt_commonalert_info_hover_bg);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.warning:hover {
|
|
34
|
+
background-color: var(--zdt_commonalert_warning_hover_bg);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.danger:hover {
|
|
38
|
+
background-color: var(--zdt_commonalert_danger_hover_bg);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.error:hover {
|
|
42
|
+
background-color: var(--zdt_commonalert_error_hover_bg);
|
|
43
43
|
}
|
|
@@ -1,125 +1,125 @@
|
|
|
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
|
-
.message {
|
|
9
|
-
composes: varClass;
|
|
10
|
-
position: absolute;
|
|
11
|
-
top: 0;
|
|
12
|
-
z-index: 1000;
|
|
13
|
-
/*Hook for editor alert*/
|
|
14
|
-
pointer-events: none;
|
|
15
|
-
text-align: center;
|
|
16
|
-
}
|
|
17
|
-
[dir=ltr] .message {
|
|
18
|
-
right: 0;
|
|
19
|
-
left: 0;
|
|
20
|
-
}
|
|
21
|
-
[dir=rtl] .message {
|
|
22
|
-
left: 0;
|
|
23
|
-
right: 0;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.container {
|
|
27
|
-
position: relative;
|
|
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';
|
|
32
|
-
box-shadow: 0 4px 20px var(--globalnotification_box_shadow);
|
|
33
|
-
border-radius: 0 0 var(--zd_size10) var(--zd_size10);
|
|
34
|
-
background-color: var(--globalnotification_bg_color);
|
|
35
|
-
border-style: solid;
|
|
36
|
-
border-color: var(--commonalert_border_color);
|
|
37
|
-
border-width: 2px 1px 1px 1px;
|
|
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);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.icon {
|
|
49
|
-
width: var(--zd_size44);
|
|
50
|
-
height: var(--zd_size44);
|
|
51
|
-
position: absolute;
|
|
52
|
-
top: 0;
|
|
53
|
-
bottom: 0;
|
|
54
|
-
margin: auto 0;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
[dir=ltr] .icon {
|
|
58
|
-
left: var(--zd_size18);
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
[dir=rtl] .icon {
|
|
62
|
-
right: var(--zd_size18);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.success {
|
|
66
|
-
--commonalert_border_color: var(--zdt_commonalert_success_border);
|
|
67
|
-
--globalnotification_bg_color: var(--zdt_globalnotification_success_bg);
|
|
68
|
-
--globalnotification_text_color: var(--zdt_globalnotification_success_text);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.info {
|
|
72
|
-
--commonalert_border_color: var(--zdt_commonalert_info_border);
|
|
73
|
-
--globalnotification_bg_color: var(--zdt_globalnotification_info_bg);
|
|
74
|
-
--globalnotification_text_color: var(--zdt_globalnotification_info_text);
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.danger {
|
|
78
|
-
--commonalert_border_color: var(--zdt_commonalert_danger_border);
|
|
79
|
-
--globalnotification_bg_color: var(--zdt_globalnotification_danger_bg);
|
|
80
|
-
--globalnotification_text_color: var(--zdt_globalnotification_danger_text);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.error {
|
|
84
|
-
--commonalert_border_color: var(--zdt_commonalert_error_border);
|
|
85
|
-
--globalnotification_bg_color: var(--zdt_globalnotification_error_bg);
|
|
86
|
-
--globalnotification_text_color: var(--zdt_globalnotification_error_text);
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.warning {
|
|
90
|
-
--commonalert_border_color: var(--zdt_commonalert_warning_border);
|
|
91
|
-
--globalnotification_bg_color: var(--zdt_globalnotification_warning_bg);
|
|
92
|
-
--globalnotification_text_color: var(--zdt_globalnotification_warning_text);
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.text {
|
|
96
|
-
font-size: var(--zd_font_size14);
|
|
97
|
-
font-family: var(--zd_semibold);
|
|
98
|
-
composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
|
|
99
|
-
line-height: var(--zd_size20);
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
[dir=ltr] .text {
|
|
103
|
-
text-align: left;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
[dir=rtl] .text {
|
|
107
|
-
text-align: right;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.close {
|
|
111
|
-
position: absolute;
|
|
112
|
-
top: 0;
|
|
113
|
-
bottom: 0;
|
|
114
|
-
height: var(--zd_size25);
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
[dir=ltr] .close {
|
|
118
|
-
right: var(--zd_size12);
|
|
119
|
-
margin: auto 0 auto var(--zd_size25);
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
[dir=rtl] .close {
|
|
123
|
-
left: var(--zd_size12);
|
|
124
|
-
margin: auto var(--zd_size25) auto 0;
|
|
1
|
+
.varClass {
|
|
2
|
+
/* globalnotfication default variables */
|
|
3
|
+
--commonalert_border_color: var(--zdt_commonalert_default_border);
|
|
4
|
+
--globalnotification_bg_color: var(--zdt_globalnotification_default_bg);
|
|
5
|
+
--globalnotification_text_color: var(--zdt_globalnotification_default_text);
|
|
6
|
+
--globalnotification_box_shadow: var(--zdt_globalnotification_default_box_shadow);
|
|
7
|
+
}
|
|
8
|
+
.message {
|
|
9
|
+
composes: varClass;
|
|
10
|
+
position: absolute;
|
|
11
|
+
top: 0;
|
|
12
|
+
z-index: 1000;
|
|
13
|
+
/*Hook for editor alert*/
|
|
14
|
+
pointer-events: none;
|
|
15
|
+
text-align: center;
|
|
16
|
+
}
|
|
17
|
+
[dir=ltr] .message {
|
|
18
|
+
right: 0;
|
|
19
|
+
left: 0;
|
|
20
|
+
}
|
|
21
|
+
[dir=rtl] .message {
|
|
22
|
+
left: 0;
|
|
23
|
+
right: 0;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.container {
|
|
27
|
+
position: relative;
|
|
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';
|
|
32
|
+
box-shadow: 0 4px 20px var(--globalnotification_box_shadow);
|
|
33
|
+
border-radius: 0 0 var(--zd_size10) var(--zd_size10);
|
|
34
|
+
background-color: var(--globalnotification_bg_color);
|
|
35
|
+
border-style: solid;
|
|
36
|
+
border-color: var(--commonalert_border_color);
|
|
37
|
+
border-width: 2px 1px 1px 1px;
|
|
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);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.icon {
|
|
49
|
+
width: var(--zd_size44);
|
|
50
|
+
height: var(--zd_size44);
|
|
51
|
+
position: absolute;
|
|
52
|
+
top: 0;
|
|
53
|
+
bottom: 0;
|
|
54
|
+
margin: auto 0;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
[dir=ltr] .icon {
|
|
58
|
+
left: var(--zd_size18);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
[dir=rtl] .icon {
|
|
62
|
+
right: var(--zd_size18);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.success {
|
|
66
|
+
--commonalert_border_color: var(--zdt_commonalert_success_border);
|
|
67
|
+
--globalnotification_bg_color: var(--zdt_globalnotification_success_bg);
|
|
68
|
+
--globalnotification_text_color: var(--zdt_globalnotification_success_text);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.info {
|
|
72
|
+
--commonalert_border_color: var(--zdt_commonalert_info_border);
|
|
73
|
+
--globalnotification_bg_color: var(--zdt_globalnotification_info_bg);
|
|
74
|
+
--globalnotification_text_color: var(--zdt_globalnotification_info_text);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.danger {
|
|
78
|
+
--commonalert_border_color: var(--zdt_commonalert_danger_border);
|
|
79
|
+
--globalnotification_bg_color: var(--zdt_globalnotification_danger_bg);
|
|
80
|
+
--globalnotification_text_color: var(--zdt_globalnotification_danger_text);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.error {
|
|
84
|
+
--commonalert_border_color: var(--zdt_commonalert_error_border);
|
|
85
|
+
--globalnotification_bg_color: var(--zdt_globalnotification_error_bg);
|
|
86
|
+
--globalnotification_text_color: var(--zdt_globalnotification_error_text);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.warning {
|
|
90
|
+
--commonalert_border_color: var(--zdt_commonalert_warning_border);
|
|
91
|
+
--globalnotification_bg_color: var(--zdt_globalnotification_warning_bg);
|
|
92
|
+
--globalnotification_text_color: var(--zdt_globalnotification_warning_text);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.text {
|
|
96
|
+
font-size: var(--zd_font_size14);
|
|
97
|
+
font-family: var(--zd_semibold);
|
|
98
|
+
composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
|
|
99
|
+
line-height: var(--zd_size20);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
[dir=ltr] .text {
|
|
103
|
+
text-align: left;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
[dir=rtl] .text {
|
|
107
|
+
text-align: right;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.close {
|
|
111
|
+
position: absolute;
|
|
112
|
+
top: 0;
|
|
113
|
+
bottom: 0;
|
|
114
|
+
height: var(--zd_size25);
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
[dir=ltr] .close {
|
|
118
|
+
right: var(--zd_size12);
|
|
119
|
+
margin: auto 0 auto var(--zd_size25);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
[dir=rtl] .close {
|
|
123
|
+
left: var(--zd_size12);
|
|
124
|
+
margin: auto var(--zd_size25) auto 0;
|
|
125
125
|
}
|