@zohodesk/dot 1.0.0-temp-128 → 1.0.0-temp-129
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 +1202 -1202
- package/assets/Appearance/dark/mode/dotDarkMode.module.css +291 -294
- package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +9 -9
- package/assets/Appearance/default/mode/dotDefaultMode.module.css +286 -289
- package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +294 -297
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +9 -9
- package/dubFinder.js +96 -96
- package/es/ActionButton/ActionButton.module.css +139 -139
- package/es/AlphabeticList/AlphabeticList.module.css +57 -57
- package/es/Attachment/Attachment.module.css +157 -157
- package/es/AttachmentViewer/AttachmentViewer.module.css +354 -353
- package/es/ChannelIcon/ChannelIcon.module.css +217 -217
- package/es/Drawer/Drawer.js +0 -0
- package/es/Drawer/Drawer.module.css +150 -189
- package/es/ExternalLink/ExternalLink.js +0 -0
- package/es/ExternalLink/ExternalLink.module.css +3 -3
- package/es/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
- package/es/FlipCard/FlipCard.module.css +44 -44
- package/es/FormAction/FormAction.module.css +82 -82
- package/es/FreezeLayer/FreezeLayer.module.css +42 -42
- package/es/IconButton/IconButton.module.css +22 -22
- package/es/Image/Image.module.css +10 -10
- package/es/ImportantNotes/ImportantNotes.module.css +20 -20
- package/es/Link/Link.js +0 -0
- package/es/Link/Link.module.css +3 -3
- package/es/Loader/Loader.module.css +46 -46
- package/es/Message/Message.module.css +102 -102
- package/es/MessageBanner/MessageBanner.module.css +46 -46
- package/es/NewStar/NewStar.module.css +175 -175
- package/es/PlusIcon/PlusIcon.js +0 -0
- package/es/PlusIcon/PlusIcon.module.css +16 -19
- package/es/Separator/Separator.module.css +34 -34
- package/es/ToastMessage/ToastMessage.js +0 -0
- package/es/ToastMessage/ToastMessage.module.css +328 -329
- package/es/Upload/Upload.module.css +125 -125
- package/es/alert/AlertHeader/AlertHeader.module.css +80 -80
- package/es/alert/AlertLookup/AlertLookup.module.css +26 -26
- package/es/avatar/AvatarClose/AvatarClose.module.css +37 -37
- package/es/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
- package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/es/avatar/AvatarStatus/AvatarStatus.js +0 -0
- package/es/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
- package/es/avatar/AvatarThread/AvatarThread.module.css +166 -166
- package/es/avatar/AvatarUser/AvatarUser.js +0 -0
- package/es/avatar/AvatarUser/AvatarUser.module.css +171 -171
- package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
- package/es/common/dot_animation.module.css +26 -26
- package/es/common/dot_common.module.css +3 -3
- package/es/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
- package/es/deprecated/utils/KeyboardApi.js +25 -25
- package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +101 -101
- package/es/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
- package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
- package/es/emptystate/EditionPage/EditionPage.css +43 -43
- package/es/errorstate/EmptyStates.module.css +87 -87
- package/es/errorstate/Inconvenience/Inconvenience.module.css +7 -7
- package/es/errorstate/LinkText/LinkText.module.css +6 -6
- package/es/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
- package/es/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
- package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
- package/es/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
- package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
- package/es/errorstate/WillBack/WillBack.module.css +34 -34
- package/es/form/fields/CheckBoxField/CheckBoxField.js +0 -0
- package/es/form/fields/Fields.module.css +183 -183
- package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
- package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
- package/es/form/fields/TextEditor/TextEditor.module.css +666 -764
- package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +36 -36
- package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
- package/es/form/layout/Field/Field.js +0 -0
- package/es/form/layout/Field/Field.module.css +22 -22
- package/es/form/layout/Section/ModuleFormSection.module.css +3 -3
- package/es/form/layout/Section/Section.js +0 -0
- package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
- package/es/layout/SubtabLayout/SubtabLayout.module.css +146 -165
- package/es/list/AvatarFlip/AvatarFlip.module.css +3 -3
- package/es/list/BluePrintStatus/BluePrintStatus.js +2 -4
- package/es/list/BluePrintStatus/BluePrintStatus.module.css +14 -17
- package/es/list/Comment/Comment.module.css +29 -29
- package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
- package/es/list/Dot/Dot.module.css +15 -15
- package/es/list/DotNew/DotNew.module.css +22 -25
- package/es/list/GridStencils/GridStencils.module.css +146 -146
- package/es/list/Icons/Icons.module.css +16 -16
- package/es/list/ListLayout/ListLayout.module.css +57 -57
- package/es/list/ListStencils/ListStencils.module.css +67 -67
- package/es/list/SecondaryText/AccountName.js +9 -22
- package/es/list/SecondaryText/ContactName.js +11 -17
- package/es/list/SecondaryText/SecondaryText.module.css +181 -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.js +4 -6
- package/es/list/SentimentStatus/SentimentStatus.module.css +7 -12
- package/es/list/Subject/Subject.module.css +27 -27
- package/es/list/TagNew/TagNew.module.css +115 -117
- package/es/list/Thread/Thread.module.css +42 -42
- package/es/list/UserTime/UserTime.js +3 -5
- package/es/list/UserTime/UserTime.module.css +75 -58
- package/es/list/listCommon.module.css +60 -60
- package/es/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
- package/es/list/status/StatusListItem/StatusListItem.js +0 -0
- package/es/list/status/StatusListItem/StatusListItem.module.css +104 -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 +57 -57
- package/es/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
- package/es/lookup/header/Title/LookupTitle.module.css +20 -20
- package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
- package/es/lookup/header/lookupHeaderCommon.module.css +41 -41
- package/es/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
- package/es/setup/header/Button/HeaderButton.module.css +5 -5
- package/es/setup/header/Link/HeaderLink.module.css +21 -21
- package/es/setup/header/Search/Search.module.css +68 -68
- package/es/setup/header/Views/Views.module.css +37 -37
- package/es/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
- package/es/setup/helptips/Link/HelpTipsLink.module.css +7 -7
- package/es/setup/helptips/Link/Link.js +0 -0
- package/es/setup/helptips/ListGroup/ListGroup.module.css +22 -22
- package/es/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
- package/es/setup/helptips/Title/Title.js +0 -0
- package/es/setup/table/TableData/SetupTableData.module.css +44 -44
- package/es/setup/table/TableData/Tablehover.module.css +6 -6
- package/es/setup/table/TableHead/SetupTableHead.module.css +12 -12
- package/es/setup/table/TableRow/SetupTableRow.module.css +14 -14
- package/es/setup/table/Text/TableText.module.css +37 -37
- package/es/setup/table/Text/Text.js +0 -0
- package/es/svg/PlusIcon.js +1 -1
- package/es/svg/SnippetIcon.js +2 -2
- package/es/version2/AlertClose/AlertClose.module.css +42 -42
- package/es/version2/GlobalNotification/GlobalNotification.module.css +124 -127
- package/es/version2/alertIcons/AlertIcons.module.css +67 -67
- package/es/version2/errorstate/V2_ErrorStates.module.css +46 -46
- package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +86 -86
- package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
- package/es/version2/lookup/alertLookupCommonNew.module.css +32 -32
- package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +106 -127
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
- package/install.md +12 -12
- package/lib/ActionButton/ActionButton.module.css +139 -139
- package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
- package/lib/Attachment/Attachment.module.css +157 -157
- package/lib/AttachmentViewer/AttachmentViewer.module.css +354 -353
- package/lib/ChannelIcon/ChannelIcon.module.css +217 -217
- package/lib/Drawer/Drawer.js +0 -0
- package/lib/Drawer/Drawer.module.css +150 -189
- 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.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 +175 -175
- package/lib/PlusIcon/PlusIcon.js +0 -0
- package/lib/PlusIcon/PlusIcon.module.css +16 -19
- package/lib/Separator/Separator.module.css +34 -34
- package/lib/ToastMessage/ToastMessage.js +0 -0
- package/lib/ToastMessage/ToastMessage.module.css +328 -329
- 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 +166 -166
- package/lib/avatar/AvatarUser/AvatarUser.js +0 -0
- package/lib/avatar/AvatarUser/AvatarUser.module.css +171 -171
- package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
- package/lib/common/dot_animation.module.css +26 -26
- package/lib/common/dot_common.module.css +3 -3
- package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
- package/lib/deprecated/utils/KeyboardApi.js +25 -25
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +101 -101
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
- package/lib/emptystate/EditionPage/EditionPage.css +43 -43
- package/lib/errorstate/EmptyStates.module.css +87 -87
- package/lib/errorstate/Inconvenience/Inconvenience.module.css +7 -7
- package/lib/errorstate/LinkText/LinkText.module.css +6 -6
- package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
- package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
- package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
- package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
- package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
- package/lib/errorstate/WillBack/WillBack.module.css +34 -34
- package/lib/form/fields/CheckBoxField/CheckBoxField.js +0 -0
- package/lib/form/fields/Fields.module.css +183 -183
- package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
- package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
- package/lib/form/fields/TextEditor/TextEditor.module.css +666 -764
- package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +36 -36
- 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 -165
- package/lib/list/AvatarFlip/AvatarFlip.module.css +3 -3
- package/lib/list/BluePrintStatus/BluePrintStatus.js +2 -4
- package/lib/list/BluePrintStatus/BluePrintStatus.module.css +14 -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 -25
- package/lib/list/GridStencils/GridStencils.module.css +146 -146
- package/lib/list/Icons/Icons.module.css +16 -16
- package/lib/list/ListLayout/ListLayout.module.css +57 -57
- package/lib/list/ListStencils/ListStencils.module.css +67 -67
- package/lib/list/SecondaryText/AccountName.js +9 -22
- package/lib/list/SecondaryText/ContactName.js +11 -17
- package/lib/list/SecondaryText/SecondaryText.module.css +181 -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.js +4 -6
- package/lib/list/SentimentStatus/SentimentStatus.module.css +7 -12
- package/lib/list/Subject/Subject.module.css +27 -27
- package/lib/list/TagNew/TagNew.module.css +115 -117
- package/lib/list/Thread/Thread.module.css +42 -42
- package/lib/list/UserTime/UserTime.js +3 -5
- package/lib/list/UserTime/UserTime.module.css +75 -58
- package/lib/list/listCommon.module.css +60 -60
- package/lib/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
- package/lib/list/status/StatusListItem/StatusListItem.js +0 -0
- package/lib/list/status/StatusListItem/StatusListItem.module.css +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 +41 -41
- package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
- package/lib/setup/header/Button/HeaderButton.module.css +5 -5
- package/lib/setup/header/Link/HeaderLink.module.css +21 -21
- package/lib/setup/header/Search/Search.module.css +68 -68
- package/lib/setup/header/Views/Views.module.css +37 -37
- package/lib/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
- package/lib/setup/helptips/Link/HelpTipsLink.module.css +7 -7
- package/lib/setup/helptips/Link/Link.js +0 -0
- package/lib/setup/helptips/ListGroup/ListGroup.module.css +22 -22
- package/lib/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
- package/lib/setup/helptips/Title/Title.js +0 -0
- package/lib/setup/table/TableData/SetupTableData.module.css +44 -44
- package/lib/setup/table/TableData/Tablehover.module.css +6 -6
- package/lib/setup/table/TableHead/SetupTableHead.module.css +12 -12
- package/lib/setup/table/TableRow/SetupTableRow.module.css +14 -14
- package/lib/setup/table/Text/TableText.module.css +37 -37
- package/lib/setup/table/Text/Text.js +0 -0
- package/lib/svg/PlusIcon.js +1 -1
- package/lib/svg/SnippetIcon.js +2 -2
- package/lib/version2/AlertClose/AlertClose.module.css +42 -42
- package/lib/version2/GlobalNotification/GlobalNotification.module.css +124 -127
- package/lib/version2/alertIcons/AlertIcons.module.css +67 -67
- package/lib/version2/errorstate/V2_ErrorStates.module.css +46 -46
- package/lib/version2/lookup/AlertHeader/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 -127
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
- package/package.json +104 -104
- package/css_error.log +0 -1
- package/es/common/dot_boxShadow.module.css +0 -77
- package/lib/common/dot_boxShadow.module.css +0 -77
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
[dir=ltr] .container {
|
|
2
|
-
padding-left: var(--zd_size20);
|
|
3
|
-
}[dir=rtl] .container {
|
|
4
|
-
padding-right: var(--zd_size20);
|
|
5
|
-
}
|
|
6
|
-
.size70 {
|
|
7
|
-
flex-basis: var(--zd_size70);
|
|
8
|
-
-webkit-flex-basis: var(--zd_size70);
|
|
9
|
-
-moz-flex-basis: var(--zd_size70);
|
|
10
|
-
-ms-flex-basis: var(--zd_size70);
|
|
11
|
-
}
|
|
12
|
-
.size90 {
|
|
13
|
-
flex-basis: var(--zd_size90);
|
|
14
|
-
-webkit-flex-basis: var(--zd_size90);
|
|
15
|
-
-moz-flex-basis: var(--zd_size90);
|
|
16
|
-
-ms-flex-basis: var(--zd_size90);
|
|
17
|
-
}
|
|
18
|
-
.size150 {
|
|
19
|
-
flex-basis: var(--zd_size150);
|
|
20
|
-
-webkit-flex-basis: var(--zd_size150);
|
|
21
|
-
-moz-flex-basis: var(--zd_size150);
|
|
22
|
-
-ms-flex-basis: var(--zd_size150);
|
|
23
|
-
}
|
|
24
|
-
.size220 {
|
|
25
|
-
flex-basis: var(--zd_size220);
|
|
26
|
-
-webkit-flex-basis: var(--zd_size220);
|
|
27
|
-
-moz-flex-basis: var(--zd_size220);
|
|
28
|
-
-ms-flex-basis: var(--zd_size220);
|
|
29
|
-
}
|
|
30
|
-
.center {
|
|
31
|
-
text-align: center;
|
|
32
|
-
}
|
|
33
|
-
[dir=ltr] .left {
|
|
34
|
-
text-align: left;
|
|
35
|
-
}
|
|
36
|
-
[dir=rtl] .left {
|
|
37
|
-
text-align: right;
|
|
38
|
-
}
|
|
39
|
-
[dir=ltr] .right {
|
|
40
|
-
text-align: right;
|
|
41
|
-
}
|
|
42
|
-
[dir=rtl] .right {
|
|
43
|
-
text-align: left;
|
|
44
|
-
}
|
|
1
|
+
[dir=ltr] .container {
|
|
2
|
+
padding-left: var(--zd_size20);
|
|
3
|
+
}[dir=rtl] .container {
|
|
4
|
+
padding-right: var(--zd_size20);
|
|
5
|
+
}
|
|
6
|
+
.size70 {
|
|
7
|
+
flex-basis: var(--zd_size70);
|
|
8
|
+
-webkit-flex-basis: var(--zd_size70);
|
|
9
|
+
-moz-flex-basis: var(--zd_size70);
|
|
10
|
+
-ms-flex-basis: var(--zd_size70);
|
|
11
|
+
}
|
|
12
|
+
.size90 {
|
|
13
|
+
flex-basis: var(--zd_size90);
|
|
14
|
+
-webkit-flex-basis: var(--zd_size90);
|
|
15
|
+
-moz-flex-basis: var(--zd_size90);
|
|
16
|
+
-ms-flex-basis: var(--zd_size90);
|
|
17
|
+
}
|
|
18
|
+
.size150 {
|
|
19
|
+
flex-basis: var(--zd_size150);
|
|
20
|
+
-webkit-flex-basis: var(--zd_size150);
|
|
21
|
+
-moz-flex-basis: var(--zd_size150);
|
|
22
|
+
-ms-flex-basis: var(--zd_size150);
|
|
23
|
+
}
|
|
24
|
+
.size220 {
|
|
25
|
+
flex-basis: var(--zd_size220);
|
|
26
|
+
-webkit-flex-basis: var(--zd_size220);
|
|
27
|
+
-moz-flex-basis: var(--zd_size220);
|
|
28
|
+
-ms-flex-basis: var(--zd_size220);
|
|
29
|
+
}
|
|
30
|
+
.center {
|
|
31
|
+
text-align: center;
|
|
32
|
+
}
|
|
33
|
+
[dir=ltr] .left {
|
|
34
|
+
text-align: left;
|
|
35
|
+
}
|
|
36
|
+
[dir=rtl] .left {
|
|
37
|
+
text-align: right;
|
|
38
|
+
}
|
|
39
|
+
[dir=ltr] .right {
|
|
40
|
+
text-align: right;
|
|
41
|
+
}
|
|
42
|
+
[dir=rtl] .right {
|
|
43
|
+
text-align: left;
|
|
44
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
.opac0 {
|
|
2
|
-
opacity: 0;
|
|
3
|
-
}
|
|
4
|
-
.container:hover .opac0 {
|
|
5
|
-
opacity: 1;
|
|
6
|
-
}
|
|
1
|
+
.opac0 {
|
|
2
|
+
opacity: 0;
|
|
3
|
+
}
|
|
4
|
+
.container:hover .opac0 {
|
|
5
|
+
opacity: 1;
|
|
6
|
+
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
border-bottom: 1px solid var(--zdt_setuptablehead_border);
|
|
3
|
-
}[dir=ltr] .container {
|
|
4
|
-
padding-right: var(--zd_size40);
|
|
5
|
-
padding-left: var(--zd_size40);
|
|
6
|
-
}[dir=rtl] .container {
|
|
7
|
-
padding-left: var(--zd_size40);
|
|
8
|
-
padding-right: var(--zd_size40);
|
|
9
|
-
}
|
|
10
|
-
.subContainer {
|
|
11
|
-
height: var(--zd_size40);
|
|
12
|
-
}
|
|
1
|
+
.container {
|
|
2
|
+
border-bottom: 1px solid var(--zdt_setuptablehead_border);
|
|
3
|
+
}[dir=ltr] .container {
|
|
4
|
+
padding-right: var(--zd_size40);
|
|
5
|
+
padding-left: var(--zd_size40);
|
|
6
|
+
}[dir=rtl] .container {
|
|
7
|
+
padding-left: var(--zd_size40);
|
|
8
|
+
padding-right: var(--zd_size40);
|
|
9
|
+
}
|
|
10
|
+
.subContainer {
|
|
11
|
+
height: var(--zd_size40);
|
|
12
|
+
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
position: relative;
|
|
3
|
-
height: var(--zd_size52);
|
|
4
|
-
border-bottom: 1px solid var(--zdt_setuptablerow_border);
|
|
5
|
-
}[dir=ltr] .container {
|
|
6
|
-
margin-right: var(--zd_size40);
|
|
7
|
-
margin-left: var(--zd_size40);
|
|
8
|
-
}[dir=rtl] .container {
|
|
9
|
-
margin-left: var(--zd_size40);
|
|
10
|
-
margin-right: var(--zd_size40);
|
|
11
|
-
}
|
|
12
|
-
.container:hover {
|
|
13
|
-
background-color: var( --zdt_setuptablerow_hover_bg);
|
|
14
|
-
}
|
|
1
|
+
.container {
|
|
2
|
+
position: relative;
|
|
3
|
+
height: var(--zd_size52);
|
|
4
|
+
border-bottom: 1px solid var(--zdt_setuptablerow_border);
|
|
5
|
+
}[dir=ltr] .container {
|
|
6
|
+
margin-right: var(--zd_size40);
|
|
7
|
+
margin-left: var(--zd_size40);
|
|
8
|
+
}[dir=rtl] .container {
|
|
9
|
+
margin-left: var(--zd_size40);
|
|
10
|
+
margin-right: var(--zd_size40);
|
|
11
|
+
}
|
|
12
|
+
.container:hover {
|
|
13
|
+
background-color: var( --zdt_setuptablerow_hover_bg);
|
|
14
|
+
}
|
|
@@ -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/es/svg/PlusIcon.js
CHANGED
|
@@ -19,7 +19,7 @@ export default class PlusIcon extends React.Component {
|
|
|
19
19
|
style: {
|
|
20
20
|
fill: '#767d89'
|
|
21
21
|
},
|
|
22
|
-
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
|
|
22
|
+
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"
|
|
23
23
|
})));
|
|
24
24
|
}
|
|
25
25
|
}
|
package/es/svg/SnippetIcon.js
CHANGED
|
@@ -16,12 +16,12 @@ export default class SnippetIcon extends React.Component {
|
|
|
16
16
|
isSymbol: isSymbol,
|
|
17
17
|
className: className
|
|
18
18
|
}, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
|
|
19
|
-
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
|
|
19
|
+
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"
|
|
20
20
|
}), /*#__PURE__*/React.createElement("path", {
|
|
21
21
|
style: {
|
|
22
22
|
fill: '#03A3FE'
|
|
23
23
|
},
|
|
24
|
-
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
|
|
24
|
+
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"
|
|
25
25
|
})));
|
|
26
26
|
}
|
|
27
27
|
}
|
|
@@ -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,128 +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
|
-
|
|
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
|
-
|
|
125
|
-
[dir=rtl] .close {
|
|
126
|
-
left: var(--zd_size12);
|
|
127
|
-
margin: auto var(--zd_size25) auto 0;
|
|
1
|
+
.varClass {
|
|
2
|
+
/* globalnotfication default variables */
|
|
3
|
+
--commonalert_border_color: var(--zdt_commonalert_default_border);
|
|
4
|
+
--globalnotification_bg_color: var(--zdt_globalnotification_default_bg);
|
|
5
|
+
--globalnotification_text_color: var(--zdt_globalnotification_default_text);
|
|
6
|
+
--globalnotification_box_shadow: var(--zdt_globalnotification_default_box_shadow);
|
|
7
|
+
}
|
|
8
|
+
.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;
|
|
128
125
|
}
|