@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.
Files changed (175) hide show
  1. package/.cli/UnValidatedFiles.html +1 -1
  2. package/.cli/propValidation_report.html +1 -1
  3. package/es/ActionButton/ActionButton.module.css +192 -192
  4. package/es/AlphabeticList/AlphabeticList.module.css +57 -57
  5. package/es/AttachmentViewer/AttachmentViewer.module.css +352 -352
  6. package/es/ChannelIcon/ChannelIcon.module.css +225 -225
  7. package/es/DotProvider/DotProvider.js +60 -0
  8. package/es/DotProvider/hooks/useDotProvider.js +55 -0
  9. package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +97 -0
  10. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +3 -0
  11. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +3 -0
  12. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +3 -0
  13. package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +3 -0
  14. package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +3 -0
  15. package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +3 -0
  16. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +3 -0
  17. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +3 -0
  18. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +3 -0
  19. package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +3 -0
  20. package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +3 -0
  21. package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +3 -0
  22. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +3 -0
  23. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +3 -0
  24. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +3 -0
  25. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +1 -0
  26. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +1 -0
  27. package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +1 -0
  28. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +1 -0
  29. package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +1 -0
  30. package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +1 -0
  31. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +1 -0
  32. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +1 -0
  33. package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +1 -0
  34. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +1 -0
  35. package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +1 -0
  36. package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +1 -0
  37. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +1 -0
  38. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +1 -0
  39. package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +1 -0
  40. package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +1 -0
  41. package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +1 -0
  42. package/es/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +1 -0
  43. package/es/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +1 -0
  44. package/es/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +1 -0
  45. package/es/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +1 -0
  46. package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +1 -0
  47. package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +1 -0
  48. package/es/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +1 -0
  49. package/es/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +1 -0
  50. package/es/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +1 -0
  51. package/es/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +1 -0
  52. package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +1 -0
  53. package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +1 -0
  54. package/es/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +1 -0
  55. package/es/DotProvider/props/defaultProps.js +11 -0
  56. package/es/DotProvider/props/propTypes.js +16 -0
  57. package/es/DotProvider/utils/assetPromiseHandlers/fontSizeAssetPromise.js +4 -0
  58. package/es/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +28 -0
  59. package/es/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +29 -0
  60. package/es/DotProvider/utils/assetPromiseHandlers/zoomSizeAssetPromise.js +4 -0
  61. package/es/DotProvider/utils/constants.js +14 -0
  62. package/es/DotProvider/utils/errorValidation.js +17 -0
  63. package/es/DotProvider/utils/getAssetsImportPromises.js +17 -0
  64. package/es/DotProvider/utils/sizeAssetsConfig.js +12 -0
  65. package/es/DotProvider/utils/themeAppearanceAssetsConfig.js +47 -0
  66. package/es/DotProvider/utils/themeColorAssetsConfig.js +221 -0
  67. package/es/FormAction/FormAction.module.css +100 -100
  68. package/es/IconButton/IconButton.module.css +22 -22
  69. package/es/ImportantNotes/__tests__/ImportantNotes.spec.js +96 -0
  70. package/es/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +333 -0
  71. package/es/TagWithIcon/TagWithIcon.module.css +66 -66
  72. package/es/Upload/__tests__/Upload.spec.js +140 -0
  73. package/es/Upload/__tests__/__snapshots__/Upload.spec.js.snap +459 -0
  74. package/es/Upload/props/propTypes.js +1 -1
  75. package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  76. package/es/common/dot_boxShadow.module.css +0 -2
  77. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
  78. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  79. package/es/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  80. package/es/list/Comment/Comment.module.css +29 -29
  81. package/es/list/Dot/Dot.module.css +15 -15
  82. package/es/list/ListLayout/ListLayout.module.css +79 -79
  83. package/es/list/Subject/Subject.module.css +34 -34
  84. package/es/list/Thread/Thread.module.css +42 -42
  85. package/es/version2/GlobalNotification/GlobalNotification.module.css +177 -177
  86. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
  87. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -132
  88. package/lib/ActionButton/ActionButton.module.css +192 -192
  89. package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
  90. package/lib/AttachmentViewer/AttachmentViewer.module.css +352 -352
  91. package/lib/ChannelIcon/ChannelIcon.module.css +225 -225
  92. package/lib/DotProvider/DotProvider.js +88 -0
  93. package/lib/DotProvider/hooks/useDotProvider.js +83 -0
  94. package/lib/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +119 -0
  95. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +7 -0
  96. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +7 -0
  97. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +7 -0
  98. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +7 -0
  99. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +7 -0
  100. package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +7 -0
  101. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +7 -0
  102. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +7 -0
  103. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +7 -0
  104. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +7 -0
  105. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +7 -0
  106. package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +7 -0
  107. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +7 -0
  108. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +7 -0
  109. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +7 -0
  110. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +3 -0
  111. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +3 -0
  112. package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +3 -0
  113. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +3 -0
  114. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +3 -0
  115. package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +3 -0
  116. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +3 -0
  117. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +3 -0
  118. package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +3 -0
  119. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +3 -0
  120. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +3 -0
  121. package/lib/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +3 -0
  122. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +3 -0
  123. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +3 -0
  124. package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +3 -0
  125. package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +3 -0
  126. package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +3 -0
  127. package/lib/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +3 -0
  128. package/lib/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +3 -0
  129. package/lib/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +3 -0
  130. package/lib/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +3 -0
  131. package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +3 -0
  132. package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +3 -0
  133. package/lib/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +3 -0
  134. package/lib/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +3 -0
  135. package/lib/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +3 -0
  136. package/lib/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +3 -0
  137. package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +3 -0
  138. package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +3 -0
  139. package/lib/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +3 -0
  140. package/lib/DotProvider/props/defaultProps.js +20 -0
  141. package/lib/DotProvider/props/propTypes.js +28 -0
  142. package/lib/DotProvider/utils/assetPromiseHandlers/fontSizeAssetPromise.js +12 -0
  143. package/lib/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +39 -0
  144. package/lib/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +40 -0
  145. package/lib/DotProvider/utils/assetPromiseHandlers/zoomSizeAssetPromise.js +12 -0
  146. package/lib/DotProvider/utils/constants.js +34 -0
  147. package/lib/DotProvider/utils/errorValidation.js +25 -0
  148. package/lib/DotProvider/utils/getAssetsImportPromises.js +22 -0
  149. package/lib/DotProvider/utils/sizeAssetsConfig.js +31 -0
  150. package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js +69 -0
  151. package/lib/DotProvider/utils/themeColorAssetsConfig.js +249 -0
  152. package/lib/FormAction/FormAction.module.css +100 -100
  153. package/lib/IconButton/IconButton.module.css +22 -22
  154. package/lib/ImportantNotes/__tests__/ImportantNotes.spec.js +96 -0
  155. package/lib/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap +333 -0
  156. package/lib/TagWithIcon/TagWithIcon.module.css +66 -66
  157. package/lib/Upload/__tests__/Upload.spec.js +140 -0
  158. package/lib/Upload/__tests__/__snapshots__/Upload.spec.js.snap +459 -0
  159. package/lib/Upload/props/propTypes.js +1 -1
  160. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  161. package/lib/common/dot_boxShadow.module.css +0 -2
  162. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
  163. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  164. package/lib/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  165. package/lib/list/Comment/Comment.module.css +29 -29
  166. package/lib/list/Dot/Dot.module.css +15 -15
  167. package/lib/list/ListLayout/ListLayout.module.css +79 -79
  168. package/lib/list/Subject/Subject.module.css +34 -34
  169. package/lib/list/Thread/Thread.module.css +42 -42
  170. package/lib/version2/GlobalNotification/GlobalNotification.module.css +177 -177
  171. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
  172. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -132
  173. package/package.json +4 -4
  174. package/result.json +1 -1
  175. 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
  }