@zohodesk/dot 1.0.0-temp-195.3 → 1.0.0-temp-198.2
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/.cli/UnValidatedFiles.html +1 -1
- package/.cli/propValidation_report.html +1 -1
- package/es/ActionButton/ActionButton.module.css +192 -192
- package/es/AlphabeticList/AlphabeticList.module.css +57 -57
- package/es/AttachmentViewer/AttachmentViewer.module.css +352 -352
- package/es/ChannelIcon/ChannelIcon.module.css +225 -225
- package/es/DotProvider/DotProvider.js +60 -0
- package/es/DotProvider/hooks/useDotProvider.js +55 -0
- package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +97 -0
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +3 -0
- package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +1 -0
- package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +1 -0
- package/es/DotProvider/props/defaultProps.js +11 -0
- package/es/DotProvider/props/propTypes.js +16 -0
- package/es/DotProvider/utils/assetPromiseHandlers/fontSizeAssetPromise.js +4 -0
- package/es/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +28 -0
- package/es/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +29 -0
- package/es/DotProvider/utils/assetPromiseHandlers/zoomSizeAssetPromise.js +4 -0
- package/es/DotProvider/utils/constants.js +14 -0
- package/es/DotProvider/utils/errorValidation.js +17 -0
- package/es/DotProvider/utils/getAssetsImportPromises.js +17 -0
- package/es/DotProvider/utils/sizeAssetsConfig.js +12 -0
- package/es/DotProvider/utils/themeAppearanceAssetsConfig.js +47 -0
- package/es/DotProvider/utils/themeColorAssetsConfig.js +221 -0
- package/es/FormAction/FormAction.module.css +100 -100
- package/es/IconButton/IconButton.module.css +22 -22
- package/es/ImportantNotes/__tests__/ImportantNotes.spec.js +96 -0
- package/es/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +333 -0
- package/es/TagWithIcon/TagWithIcon.module.css +66 -66
- package/es/Upload/__tests__/Upload.spec.js +140 -0
- package/es/Upload/__tests__/__snapshots__/Upload.spec.js.snap +459 -0
- package/es/Upload/props/propTypes.js +1 -1
- package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/es/common/dot_boxShadow.module.css +0 -2
- package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
- package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
- package/es/layout/SubtabLayout/SubtabLayout.module.css +164 -164
- package/es/list/Comment/Comment.module.css +29 -29
- package/es/list/Dot/Dot.module.css +15 -15
- package/es/list/ListLayout/ListLayout.module.css +79 -79
- package/es/list/Subject/Subject.module.css +34 -34
- package/es/list/Thread/Thread.module.css +42 -42
- package/es/version2/GlobalNotification/GlobalNotification.module.css +177 -177
- package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
- package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -132
- package/lib/ActionButton/ActionButton.module.css +192 -192
- package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
- package/lib/AttachmentViewer/AttachmentViewer.module.css +352 -352
- package/lib/ChannelIcon/ChannelIcon.module.css +225 -225
- package/lib/DotProvider/DotProvider.js +88 -0
- package/lib/DotProvider/hooks/useDotProvider.js +83 -0
- package/lib/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +119 -0
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +7 -0
- package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +3 -0
- package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +3 -0
- package/lib/DotProvider/props/defaultProps.js +20 -0
- package/lib/DotProvider/props/propTypes.js +28 -0
- package/lib/DotProvider/utils/assetPromiseHandlers/fontSizeAssetPromise.js +12 -0
- package/lib/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +39 -0
- package/lib/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +40 -0
- package/lib/DotProvider/utils/assetPromiseHandlers/zoomSizeAssetPromise.js +12 -0
- package/lib/DotProvider/utils/constants.js +34 -0
- package/lib/DotProvider/utils/errorValidation.js +25 -0
- package/lib/DotProvider/utils/getAssetsImportPromises.js +22 -0
- package/lib/DotProvider/utils/sizeAssetsConfig.js +31 -0
- package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js +69 -0
- package/lib/DotProvider/utils/themeColorAssetsConfig.js +249 -0
- package/lib/FormAction/FormAction.module.css +100 -100
- package/lib/IconButton/IconButton.module.css +22 -22
- package/lib/ImportantNotes/__tests__/ImportantNotes.spec.js +96 -0
- package/lib/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +333 -0
- package/lib/TagWithIcon/TagWithIcon.module.css +66 -66
- package/lib/Upload/__tests__/Upload.spec.js +140 -0
- package/lib/Upload/__tests__/__snapshots__/Upload.spec.js.snap +459 -0
- package/lib/Upload/props/propTypes.js +1 -1
- package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
- package/lib/common/dot_boxShadow.module.css +0 -2
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
- package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
- package/lib/layout/SubtabLayout/SubtabLayout.module.css +164 -164
- package/lib/list/Comment/Comment.module.css +29 -29
- package/lib/list/Dot/Dot.module.css +15 -15
- package/lib/list/ListLayout/ListLayout.module.css +79 -79
- package/lib/list/Subject/Subject.module.css +34 -34
- package/lib/list/Thread/Thread.module.css +42 -42
- package/lib/version2/GlobalNotification/GlobalNotification.module.css +177 -177
- package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
- package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -132
- package/package.json +4 -4
- package/result.json +1 -1
- package/unittest/index.html +1 -1
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
.varClass {
|
|
2
|
-
--icon_color: var(--zdt_comment_iconText);
|
|
3
|
-
}
|
|
4
|
-
.container {
|
|
5
|
-
composes: varClass;
|
|
6
|
-
composes: inlineBlockMiddle from '../listCommon.module.css';
|
|
7
|
-
position: relative;
|
|
8
|
-
color: var(--icon_color);
|
|
9
|
-
padding: 0 var(--zd_size2) ;
|
|
10
|
-
cursor: pointer;
|
|
11
|
-
}
|
|
12
|
-
.container:hover {
|
|
13
|
-
--icon_color: var(--zdt_comment_hover_iconText);
|
|
14
|
-
}
|
|
15
|
-
.count {
|
|
16
|
-
position: absolute;
|
|
17
|
-
top: var(--zd_size1) ;
|
|
18
|
-
font-size: var(--zd_font_size9) ;
|
|
19
|
-
text-align: center;
|
|
20
|
-
}
|
|
21
|
-
[dir=ltr] .count {
|
|
22
|
-
left: 100% ;
|
|
23
|
-
}
|
|
24
|
-
[dir=rtl] .count {
|
|
25
|
-
right: 100% ;
|
|
26
|
-
}
|
|
27
|
-
.commentIcon {
|
|
28
|
-
font-size: var(--zd_font_size13) ;
|
|
29
|
-
}
|
|
1
|
+
.varClass {
|
|
2
|
+
--icon_color: var(--zdt_comment_iconText);
|
|
3
|
+
}
|
|
4
|
+
.container {
|
|
5
|
+
composes: varClass;
|
|
6
|
+
composes: inlineBlockMiddle from '../listCommon.module.css';
|
|
7
|
+
position: relative;
|
|
8
|
+
color: var(--icon_color);
|
|
9
|
+
padding: 0 var(--zd_size2) ;
|
|
10
|
+
cursor: pointer;
|
|
11
|
+
}
|
|
12
|
+
.container:hover {
|
|
13
|
+
--icon_color: var(--zdt_comment_hover_iconText);
|
|
14
|
+
}
|
|
15
|
+
.count {
|
|
16
|
+
position: absolute;
|
|
17
|
+
top: var(--zd_size1) ;
|
|
18
|
+
font-size: var(--zd_font_size9) ;
|
|
19
|
+
text-align: center;
|
|
20
|
+
}
|
|
21
|
+
[dir=ltr] .count {
|
|
22
|
+
left: 100% ;
|
|
23
|
+
}
|
|
24
|
+
[dir=rtl] .count {
|
|
25
|
+
right: 100% ;
|
|
26
|
+
}
|
|
27
|
+
.commentIcon {
|
|
28
|
+
font-size: var(--zd_font_size13) ;
|
|
29
|
+
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
.varClass {
|
|
2
|
-
--dotColor: var(--zdt_dot_text)
|
|
3
|
-
}
|
|
4
|
-
.dot {
|
|
5
|
-
composes: varClass;
|
|
6
|
-
font-size: var(--zd_font_size16) ;
|
|
7
|
-
color: var(--dotColor);
|
|
8
|
-
transform: perspective(1px);
|
|
9
|
-
}
|
|
10
|
-
.list {
|
|
11
|
-
margin: 0 var(--zd_size6) ;
|
|
12
|
-
}
|
|
13
|
-
.minimalList {
|
|
14
|
-
margin: 0 var(--zd_size6) ;
|
|
15
|
-
}
|
|
1
|
+
.varClass {
|
|
2
|
+
--dotColor: var(--zdt_dot_text)
|
|
3
|
+
}
|
|
4
|
+
.dot {
|
|
5
|
+
composes: varClass;
|
|
6
|
+
font-size: var(--zd_font_size16) ;
|
|
7
|
+
color: var(--dotColor);
|
|
8
|
+
transform: perspective(1px);
|
|
9
|
+
}
|
|
10
|
+
.list {
|
|
11
|
+
margin: 0 var(--zd_size6) ;
|
|
12
|
+
}
|
|
13
|
+
.minimalList {
|
|
14
|
+
margin: 0 var(--zd_size6) ;
|
|
15
|
+
}
|
|
@@ -1,80 +1,80 @@
|
|
|
1
|
-
.varClass {
|
|
2
|
-
--listBorder: var(--zdt_listLayout_border)
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.container {
|
|
6
|
-
position: relative;
|
|
7
|
-
composes: varClass;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.listHover:hover, .hoveredStyle, .listHover:focus-within, .hoveredStyle:focus-within {
|
|
11
|
-
background-color: var(--zdt_listLayout_hover_bg);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.active, .active:hover {
|
|
15
|
-
background-color: var(--zdt_listLayout_active_bg);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.cursorPointer {
|
|
19
|
-
cursor: pointer
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
/* View */
|
|
23
|
-
.classic .innerContainer {
|
|
24
|
-
min-height: var(--zd_size70) ;
|
|
25
|
-
padding: var(--zd_size13) 0 ;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.compact .innerContainer {
|
|
29
|
-
min-height: var(--zd_size41) ;
|
|
30
|
-
padding: var(--zd_size5) 0 ;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.superCompact .innerContainer {
|
|
34
|
-
min-height: var(--zd_size35) ;
|
|
35
|
-
padding: var(--zd_size2) 0 ;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.compact .innerContainer,
|
|
39
|
-
.classic .innerContainer,
|
|
40
|
-
.superCompact .innerContainer {
|
|
41
|
-
/* css:theme-validation:ignore */
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.compact .innerContainer, .classic .innerContainer, .superCompact .innerContainer {
|
|
45
|
-
border-bottom: 1px dotted var(--listBorder);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
[dir=ltr] .compact, [dir=ltr] .classic, [dir=ltr] .superCompact {
|
|
49
|
-
border-left: var(--zd_size2) solid transparent;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
[dir=rtl] .compact, [dir=rtl] .classic, [dir=rtl] .superCompact {
|
|
53
|
-
border-right: var(--zd_size2) solid transparent;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
[dir=ltr] .keyboardActive, [dir=ltr] .active {
|
|
57
|
-
border-top-left-radius: var(--zd_size5);
|
|
58
|
-
border-bottom-left-radius: var(--zd_size5);
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
[dir=rtl] .keyboardActive, [dir=rtl] .active {
|
|
62
|
-
border-top-right-radius: var(--zd_size5);
|
|
63
|
-
border-bottom-right-radius: var(--zd_size5);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
[dir=ltr] .keyboardActive {
|
|
67
|
-
border-left-color: var(--zdt_listLayout_keyboard_active_border);
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
[dir=rtl] .keyboardActive {
|
|
71
|
-
border-right-color: var(--zdt_listLayout_keyboard_active_border);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
[dir=ltr] .active {
|
|
75
|
-
border-left-color: var(--zdt_listLayout_active_border);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
[dir=rtl] .active {
|
|
79
|
-
border-right-color: var(--zdt_listLayout_active_border);
|
|
1
|
+
.varClass {
|
|
2
|
+
--listBorder: var(--zdt_listLayout_border)
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.container {
|
|
6
|
+
position: relative;
|
|
7
|
+
composes: varClass;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.listHover:hover, .hoveredStyle, .listHover:focus-within, .hoveredStyle:focus-within {
|
|
11
|
+
background-color: var(--zdt_listLayout_hover_bg);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.active, .active:hover {
|
|
15
|
+
background-color: var(--zdt_listLayout_active_bg);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.cursorPointer {
|
|
19
|
+
cursor: pointer
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
/* View */
|
|
23
|
+
.classic .innerContainer {
|
|
24
|
+
min-height: var(--zd_size70) ;
|
|
25
|
+
padding: var(--zd_size13) 0 ;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.compact .innerContainer {
|
|
29
|
+
min-height: var(--zd_size41) ;
|
|
30
|
+
padding: var(--zd_size5) 0 ;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.superCompact .innerContainer {
|
|
34
|
+
min-height: var(--zd_size35) ;
|
|
35
|
+
padding: var(--zd_size2) 0 ;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.compact .innerContainer,
|
|
39
|
+
.classic .innerContainer,
|
|
40
|
+
.superCompact .innerContainer {
|
|
41
|
+
/* css:theme-validation:ignore */
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.compact .innerContainer, .classic .innerContainer, .superCompact .innerContainer {
|
|
45
|
+
border-bottom: 1px dotted var(--listBorder);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
[dir=ltr] .compact, [dir=ltr] .classic, [dir=ltr] .superCompact {
|
|
49
|
+
border-left: var(--zd_size2) solid transparent;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
[dir=rtl] .compact, [dir=rtl] .classic, [dir=rtl] .superCompact {
|
|
53
|
+
border-right: var(--zd_size2) solid transparent;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
[dir=ltr] .keyboardActive, [dir=ltr] .active {
|
|
57
|
+
border-top-left-radius: var(--zd_size5);
|
|
58
|
+
border-bottom-left-radius: var(--zd_size5);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
[dir=rtl] .keyboardActive, [dir=rtl] .active {
|
|
62
|
+
border-top-right-radius: var(--zd_size5);
|
|
63
|
+
border-bottom-right-radius: var(--zd_size5);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
[dir=ltr] .keyboardActive {
|
|
67
|
+
border-left-color: var(--zdt_listLayout_keyboard_active_border);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
[dir=rtl] .keyboardActive {
|
|
71
|
+
border-right-color: var(--zdt_listLayout_keyboard_active_border);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
[dir=ltr] .active {
|
|
75
|
+
border-left-color: var(--zdt_listLayout_active_border);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
[dir=rtl] .active {
|
|
79
|
+
border-right-color: var(--zdt_listLayout_active_border);
|
|
80
80
|
}
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
.varClass {
|
|
2
|
-
--subject_text: var(--zdt_subject_text);
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.subject {
|
|
6
|
-
composes: varClass;
|
|
7
|
-
/* css:theme-validation:ignore */
|
|
8
|
-
color: var(--subject_text);
|
|
9
|
-
display: block;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.dotted {
|
|
13
|
-
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.font_regular {
|
|
17
|
-
font-family: var(--zd_regular);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.font_semibold {
|
|
21
|
-
font-family: var(--zd_semibold);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.font_bold {
|
|
25
|
-
font-family: var(--zd_bold);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.font_semibold,
|
|
29
|
-
.font_bold {
|
|
30
|
-
composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.cursorPointer {
|
|
34
|
-
cursor: pointer;
|
|
1
|
+
.varClass {
|
|
2
|
+
--subject_text: var(--zdt_subject_text);
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.subject {
|
|
6
|
+
composes: varClass;
|
|
7
|
+
/* css:theme-validation:ignore */
|
|
8
|
+
color: var(--subject_text);
|
|
9
|
+
display: block;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.dotted {
|
|
13
|
+
composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.font_regular {
|
|
17
|
+
font-family: var(--zd_regular);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.font_semibold {
|
|
21
|
+
font-family: var(--zd_semibold);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.font_bold {
|
|
25
|
+
font-family: var(--zd_bold);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.font_semibold,
|
|
29
|
+
.font_bold {
|
|
30
|
+
composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.cursorPointer {
|
|
34
|
+
cursor: pointer;
|
|
35
35
|
}
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
.varClass {
|
|
2
|
-
--icon_color: var(--zdt_thread_iconText);
|
|
3
|
-
}
|
|
4
|
-
.container {
|
|
5
|
-
composes: varClass;
|
|
6
|
-
position: relative;
|
|
7
|
-
color: var(--icon_color);
|
|
8
|
-
cursor: pointer;
|
|
9
|
-
}
|
|
10
|
-
.container:hover {
|
|
11
|
-
--icon_color: var(--zdt_thread_hover_iconText);
|
|
12
|
-
}
|
|
13
|
-
.count {
|
|
14
|
-
font-size: var(--zd_font_size9) ;
|
|
15
|
-
}
|
|
16
|
-
.align_left .count {
|
|
17
|
-
position: absolute;
|
|
18
|
-
line-height: normal;
|
|
19
|
-
top: var(--zd_size3) ;
|
|
20
|
-
}
|
|
21
|
-
[dir=ltr] .align_left .count {
|
|
22
|
-
text-align: left;
|
|
23
|
-
left: var(--zd_size8) ;
|
|
24
|
-
}
|
|
25
|
-
[dir=rtl] .align_left .count {
|
|
26
|
-
text-align: right;
|
|
27
|
-
right: var(--zd_size8) ;
|
|
28
|
-
}
|
|
29
|
-
.align_right {
|
|
30
|
-
composes: dInflex alignFend from '~@zohodesk/components/lib/common/common.module.css';
|
|
31
|
-
}
|
|
32
|
-
.align_right .count {
|
|
33
|
-
position: relative;
|
|
34
|
-
bottom: var(--zd_size2) ;
|
|
35
|
-
}
|
|
36
|
-
[dir=ltr] .align_right .count {
|
|
37
|
-
right: var(--zd_size5) ;
|
|
38
|
-
float: right;
|
|
39
|
-
}
|
|
40
|
-
[dir=rtl] .align_right .count {
|
|
41
|
-
left: var(--zd_size5) ;
|
|
42
|
-
float: left;
|
|
1
|
+
.varClass {
|
|
2
|
+
--icon_color: var(--zdt_thread_iconText);
|
|
3
|
+
}
|
|
4
|
+
.container {
|
|
5
|
+
composes: varClass;
|
|
6
|
+
position: relative;
|
|
7
|
+
color: var(--icon_color);
|
|
8
|
+
cursor: pointer;
|
|
9
|
+
}
|
|
10
|
+
.container:hover {
|
|
11
|
+
--icon_color: var(--zdt_thread_hover_iconText);
|
|
12
|
+
}
|
|
13
|
+
.count {
|
|
14
|
+
font-size: var(--zd_font_size9) ;
|
|
15
|
+
}
|
|
16
|
+
.align_left .count {
|
|
17
|
+
position: absolute;
|
|
18
|
+
line-height: normal;
|
|
19
|
+
top: var(--zd_size3) ;
|
|
20
|
+
}
|
|
21
|
+
[dir=ltr] .align_left .count {
|
|
22
|
+
text-align: left;
|
|
23
|
+
left: var(--zd_size8) ;
|
|
24
|
+
}
|
|
25
|
+
[dir=rtl] .align_left .count {
|
|
26
|
+
text-align: right;
|
|
27
|
+
right: var(--zd_size8) ;
|
|
28
|
+
}
|
|
29
|
+
.align_right {
|
|
30
|
+
composes: dInflex alignFend from '~@zohodesk/components/lib/common/common.module.css';
|
|
31
|
+
}
|
|
32
|
+
.align_right .count {
|
|
33
|
+
position: relative;
|
|
34
|
+
bottom: var(--zd_size2) ;
|
|
35
|
+
}
|
|
36
|
+
[dir=ltr] .align_right .count {
|
|
37
|
+
right: var(--zd_size5) ;
|
|
38
|
+
float: right;
|
|
39
|
+
}
|
|
40
|
+
[dir=rtl] .align_right .count {
|
|
41
|
+
left: var(--zd_size5) ;
|
|
42
|
+
float: left;
|
|
43
43
|
}
|