@zohodesk/dot 1.0.0-temp-186 → 1.0.0-temp-187

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 (190) hide show
  1. package/.cli/PropUnificationExcludeFilesArray.js +344 -344
  2. package/.cli/PropValidationExcludeFilesArray.js +8 -8
  3. package/.cli/propValidation_report.html +1 -1
  4. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  5. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  6. package/coverage/ExternalLink/index.html +1 -1
  7. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  8. package/coverage/ExternalLink/props/index.html +1 -1
  9. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  10. package/coverage/IconButton/IconButton.js.html +1 -1
  11. package/coverage/IconButton/IconButton.module.css.html +1 -1
  12. package/coverage/IconButton/index.html +1 -1
  13. package/coverage/IconButton/props/defaultProps.js.html +1 -1
  14. package/coverage/IconButton/props/index.html +1 -1
  15. package/coverage/IconButton/props/propTypes.js.html +1 -1
  16. package/coverage/Image/Image.js.html +1 -1
  17. package/coverage/Image/Image.module.css.html +1 -1
  18. package/coverage/Image/index.html +1 -1
  19. package/coverage/Image/props/defaultProps.js.html +1 -1
  20. package/coverage/Image/props/index.html +1 -1
  21. package/coverage/Image/props/propTypes.js.html +1 -1
  22. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  23. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
  24. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  25. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  26. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  27. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  28. package/coverage/coverage-final.json +16 -16
  29. package/coverage/coverage-summary.json +16 -16
  30. package/coverage/index.html +1 -1
  31. package/css_error.log +1 -1
  32. package/es/ExternalLink/ExternalLink.module.css +3 -3
  33. package/es/FlipCard/FlipCard.module.css +44 -44
  34. package/es/FreezeLayer/css/FreezeLayer.module.css +42 -42
  35. package/es/Hooks/Dragger/css/Dragger.module.css +2 -2
  36. package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -316
  37. package/es/Image/Image.module.css +11 -11
  38. package/es/Image/__tests__/__snapshots__/Image.spec.js.snap +74 -74
  39. package/es/Link/Link.module.css +3 -3
  40. package/es/Loader/Loader.module.css +47 -47
  41. package/es/MessageBanner/MessageBanner.module.css +46 -46
  42. package/es/NewStar/NewStar.module.css +244 -244
  43. package/es/PlusIcon/PlusIcon.module.css +18 -18
  44. package/es/Upload/Upload.module.css +125 -125
  45. package/es/alert/AlertLookup/AlertLookup.module.css +26 -26
  46. package/es/avatar/AvatarClose/AvatarClose.module.css +37 -37
  47. package/es/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
  48. package/es/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
  49. package/es/avatar/AvatarThread/AvatarThread.module.css +166 -166
  50. package/es/common/dot_animation.module.css +26 -26
  51. package/es/common/dot_boxShadow.module.css +39 -39
  52. package/es/common/dot_common.module.css +3 -3
  53. package/es/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -42
  54. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +59 -59
  55. package/es/deprecated/utils/KeyboardApi.js +25 -25
  56. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +100 -100
  57. package/es/emptystate/EditionPage/EditionPage.css +43 -43
  58. package/es/errorstate/Inconvenience/Inconvenience.module.css +7 -7
  59. package/es/errorstate/LinkText/LinkText.module.css +6 -6
  60. package/es/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  61. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  62. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  63. package/es/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  64. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  65. package/es/errorstate/WillBack/WillBack.module.css +34 -34
  66. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +5 -4
  67. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
  68. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -37
  69. package/es/form/layout/Field/Field.module.css +22 -22
  70. package/es/form/layout/Section/ModuleFormSection.module.css +3 -3
  71. package/es/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  72. package/es/list/DepartmentDropDown/DepartmentDropDown.js +7 -2
  73. package/es/list/DepartmentDropDown/props/defaultProps.js +2 -1
  74. package/es/list/DepartmentDropDown/props/propTypes.js +2 -1
  75. package/es/list/DotNew/DotNew.module.css +24 -24
  76. package/es/list/Icons/Icons.module.css +16 -16
  77. package/es/list/ListStencils/ListStencils.module.css +67 -67
  78. package/es/list/SecondaryText/SecondaryText.module.css +136 -136
  79. package/es/list/SecondryPanel/SecondryPanel.module.css +5 -5
  80. package/es/list/SentimentStatus/SentimentStatus.module.css +12 -12
  81. package/es/list/TagNew/TagNew.module.css +116 -116
  82. package/es/list/listCommon.module.css +78 -78
  83. package/es/list/status/StatusListItem/StatusListItem.module.css +35 -5
  84. package/es/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  85. package/es/lookup/Section/LookupSection.module.css +8 -8
  86. package/es/lookup/header/Search/LookupSearch.module.css +57 -57
  87. package/es/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  88. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  89. package/es/setup/header/Button/HeaderButton.module.css +5 -5
  90. package/es/setup/header/Link/HeaderLink.module.css +21 -21
  91. package/es/setup/header/Views/Views.module.css +38 -38
  92. package/es/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  93. package/es/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  94. package/es/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  95. package/es/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  96. package/es/setup/table/TableData/SetupTableData.module.css +44 -44
  97. package/es/setup/table/TableData/Tablehover.module.css +6 -6
  98. package/es/setup/table/TableHead/SetupTableHead.module.css +12 -12
  99. package/es/setup/table/TableRow/SetupTableRow.module.css +14 -14
  100. package/es/svg/PlusIcon.js +1 -1
  101. package/es/svg/SnippetIcon.js +2 -2
  102. package/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +1 -2
  103. package/es/v1/svg/PlusIcon.js +1 -1
  104. package/es/v1/svg/SnippetIcon.js +2 -2
  105. package/es/version2/AlertClose/AlertClose.module.css +42 -42
  106. package/es/version2/alertIcons/AlertIcons.module.css +67 -67
  107. package/es/version2/errorstate/V2_ErrorStates.module.css +46 -46
  108. package/install.md +12 -12
  109. package/lib/ExternalLink/ExternalLink.module.css +3 -3
  110. package/lib/FlipCard/FlipCard.module.css +44 -44
  111. package/lib/FreezeLayer/css/FreezeLayer.module.css +42 -42
  112. package/lib/Hooks/Dragger/css/Dragger.module.css +2 -2
  113. package/lib/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -316
  114. package/lib/Image/Image.module.css +11 -11
  115. package/lib/Image/__tests__/__snapshots__/Image.spec.js.snap +74 -74
  116. package/lib/Link/Link.module.css +3 -3
  117. package/lib/Loader/Loader.module.css +47 -47
  118. package/lib/MessageBanner/MessageBanner.module.css +46 -46
  119. package/lib/NewStar/NewStar.module.css +244 -244
  120. package/lib/PlusIcon/PlusIcon.module.css +18 -18
  121. package/lib/Upload/Upload.module.css +125 -125
  122. package/lib/alert/AlertLookup/AlertLookup.module.css +26 -26
  123. package/lib/avatar/AvatarClose/AvatarClose.module.css +37 -37
  124. package/lib/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
  125. package/lib/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
  126. package/lib/avatar/AvatarThread/AvatarThread.module.css +166 -166
  127. package/lib/common/dot_animation.module.css +26 -26
  128. package/lib/common/dot_boxShadow.module.css +39 -39
  129. package/lib/common/dot_common.module.css +3 -3
  130. package/lib/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -42
  131. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +59 -59
  132. package/lib/deprecated/utils/KeyboardApi.js +25 -25
  133. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +100 -100
  134. package/lib/emptystate/EditionPage/EditionPage.css +43 -43
  135. package/lib/errorstate/Inconvenience/Inconvenience.module.css +7 -7
  136. package/lib/errorstate/LinkText/LinkText.module.css +6 -6
  137. package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  138. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  139. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  140. package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  141. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  142. package/lib/errorstate/WillBack/WillBack.module.css +34 -34
  143. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +6 -5
  144. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
  145. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -37
  146. package/lib/form/layout/Field/Field.module.css +22 -22
  147. package/lib/form/layout/Section/ModuleFormSection.module.css +3 -3
  148. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  149. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +8 -3
  150. package/lib/list/DepartmentDropDown/props/defaultProps.js +2 -1
  151. package/lib/list/DepartmentDropDown/props/propTypes.js +1 -1
  152. package/lib/list/DotNew/DotNew.module.css +24 -24
  153. package/lib/list/Icons/Icons.module.css +16 -16
  154. package/lib/list/ListStencils/ListStencils.module.css +67 -67
  155. package/lib/list/SecondaryText/SecondaryText.module.css +136 -136
  156. package/lib/list/SecondryPanel/SecondryPanel.module.css +5 -5
  157. package/lib/list/SentimentStatus/SentimentStatus.module.css +12 -12
  158. package/lib/list/TagNew/TagNew.module.css +116 -116
  159. package/lib/list/listCommon.module.css +78 -78
  160. package/lib/list/status/StatusListItem/StatusListItem.module.css +35 -5
  161. package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  162. package/lib/lookup/Section/LookupSection.module.css +8 -8
  163. package/lib/lookup/header/Search/LookupSearch.module.css +57 -57
  164. package/lib/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  165. package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  166. package/lib/setup/header/Button/HeaderButton.module.css +5 -5
  167. package/lib/setup/header/Link/HeaderLink.module.css +21 -21
  168. package/lib/setup/header/Views/Views.module.css +38 -38
  169. package/lib/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  170. package/lib/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  171. package/lib/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  172. package/lib/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  173. package/lib/setup/table/TableData/SetupTableData.module.css +44 -44
  174. package/lib/setup/table/TableData/Tablehover.module.css +6 -6
  175. package/lib/setup/table/TableHead/SetupTableHead.module.css +12 -12
  176. package/lib/setup/table/TableRow/SetupTableRow.module.css +14 -14
  177. package/lib/svg/PlusIcon.js +1 -1
  178. package/lib/svg/SnippetIcon.js +2 -2
  179. package/lib/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +1 -2
  180. package/lib/v1/svg/PlusIcon.js +1 -1
  181. package/lib/v1/svg/SnippetIcon.js +2 -2
  182. package/lib/version2/AlertClose/AlertClose.module.css +42 -42
  183. package/lib/version2/alertIcons/AlertIcons.module.css +67 -67
  184. package/lib/version2/errorstate/V2_ErrorStates.module.css +46 -46
  185. package/package.json +5 -5
  186. package/postPublish.js +8 -8
  187. package/prePublish.js +70 -70
  188. package/propValidationArg.json +11 -11
  189. package/react-cli.config.js +23 -23
  190. package/result.json +1 -1
@@ -1,40 +1,40 @@
1
- :root {
2
- /* attachment viewer */
3
- --zd_bs_attachmentviewer_selected: var(--zd_bs_contrast_outline, 0 0 4px 2px var(--zdt_attachmentviewer_selected_box_shadow) inset);
4
-
5
- /* texteditor */
6
- --zd_bs_texteditor_menu: var(--zd_bs_contrast_outline, -1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow));
7
- --zd_bs_texteditor_ul: var(--zd_bs_contrast_outline, 0 1px 32px 0 var(--zdt_texteditor_dropdown_box_shadow));
8
-
9
- /* subtab layout */
10
- --zd_bs_subtablayout_shadow: var(--zd_bs_contrast_outline, 0 0 6px var(--zdt_subtablayout_shadowstyle_box_shadow));
11
-
12
- /* drawer */
13
- --zd_bs_drawer_shadow: var(--zd_bs_contrast_outline, 0 6px 12px var(--zdt_drawer_default_box_shadow));
14
-
15
- /* dot new */
16
- --zd_bs_dotnew_shadow: var(--zd_bs_contrast_outline, 0 0 15px 1px var(--zdt_dotnew_default_box_shadow));
17
-
18
- /* tag new */
19
- --zd_bs_tagnew_shadow: var(--zd_bs_contrast_outline, 0 8px 30px 0 var(--zdt_tagnew_default_box_shadow));
20
-
21
- /* lookup section */
22
- --zd_bs_lookupsection_shadow: var(--zd_bs_contrast_outline, 0px 4px 20px var(--zdt_lookupsection_box_shadow));
23
-
24
- /* message */
25
- --zd_bs_message_container: var(--zd_bs_contrast_outline, 0 0 19px 1px var(--zdt_message_default_box_shadow));
26
-
27
- /* plus icon */
28
- --zd_bs_plusicon_container: var(--zd_bs_contrast_outline, 0 2px 3px 0 var(--zdt_plusicon_box_shadow));
29
-
30
- /* toast message */
31
- --zd_bs_toastmessage_container: var(--zd_bs_contrast_outline, 0 5px 40px 7px var(--zdt_toastmessage_default_box_shadow));
32
-
33
- /* global notification */
34
- --zd_bs_globalnotification_container: var(--zd_bs_contrast_outline, 0px 4px 4px 0px var(--zdt_message_default_box_shadow));
35
-
36
- /* desktop notification */
37
- --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
38
-
39
-
1
+ :root {
2
+ /* attachment viewer */
3
+ --zd_bs_attachmentviewer_selected: var(--zd_bs_contrast_outline, 0 0 4px 2px var(--zdt_attachmentviewer_selected_box_shadow) inset);
4
+
5
+ /* texteditor */
6
+ --zd_bs_texteditor_menu: var(--zd_bs_contrast_outline, -1px 1px 2px 0 var(--zdt_texteditor_menu_after_box_shadow));
7
+ --zd_bs_texteditor_ul: var(--zd_bs_contrast_outline, 0 1px 32px 0 var(--zdt_texteditor_dropdown_box_shadow));
8
+
9
+ /* subtab layout */
10
+ --zd_bs_subtablayout_shadow: var(--zd_bs_contrast_outline, 0 0 6px var(--zdt_subtablayout_shadowstyle_box_shadow));
11
+
12
+ /* drawer */
13
+ --zd_bs_drawer_shadow: var(--zd_bs_contrast_outline, 0 6px 12px var(--zdt_drawer_default_box_shadow));
14
+
15
+ /* dot new */
16
+ --zd_bs_dotnew_shadow: var(--zd_bs_contrast_outline, 0 0 15px 1px var(--zdt_dotnew_default_box_shadow));
17
+
18
+ /* tag new */
19
+ --zd_bs_tagnew_shadow: var(--zd_bs_contrast_outline, 0 8px 30px 0 var(--zdt_tagnew_default_box_shadow));
20
+
21
+ /* lookup section */
22
+ --zd_bs_lookupsection_shadow: var(--zd_bs_contrast_outline, 0px 4px 20px var(--zdt_lookupsection_box_shadow));
23
+
24
+ /* message */
25
+ --zd_bs_message_container: var(--zd_bs_contrast_outline, 0 0 19px 1px var(--zdt_message_default_box_shadow));
26
+
27
+ /* plus icon */
28
+ --zd_bs_plusicon_container: var(--zd_bs_contrast_outline, 0 2px 3px 0 var(--zdt_plusicon_box_shadow));
29
+
30
+ /* toast message */
31
+ --zd_bs_toastmessage_container: var(--zd_bs_contrast_outline, 0 5px 40px 7px var(--zdt_toastmessage_default_box_shadow));
32
+
33
+ /* global notification */
34
+ --zd_bs_globalnotification_container: var(--zd_bs_contrast_outline, 0px 4px 4px 0px var(--zdt_message_default_box_shadow));
35
+
36
+ /* desktop notification */
37
+ --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
38
+
39
+
40
40
  }
@@ -1,4 +1,4 @@
1
- .audioImage {
2
- background-image: url('../../images/audio_thumbnail.png');
3
- background-repeat: no-repeat;
1
+ .audioImage {
2
+ background-image: url('../../images/audio_thumbnail.png');
3
+ background-repeat: no-repeat;
4
4
  }
@@ -1,42 +1,42 @@
1
- .container {
2
- top: 0 ;
3
- bottom: 0 ;
4
- position: absolute;
5
- overflow: hidden;
6
- }[dir=ltr] .container {
7
- left: 0 ;
8
- right: 0 ;
9
- }[dir=rtl] .container {
10
- right: 0 ;
11
- left: 0 ;
12
- }
13
- .default {
14
- background-color: var(--zdt_freezelayer_default_bg);
15
- }
16
- .dark {
17
- background-color: var(--zdt_freezelayer_dark_bg);
18
- }
19
- .darkLight {
20
- background-color: var(--zdt_freezelayer_darklight_bg);
21
- }
22
- .plain {
23
- background-color: var(--zdt_freezelayer_plain_bg);
24
- }
25
- .snow {
26
- background-color: var(--zdt_freezelayer_snow_bg);
27
- }
28
- .index3 {
29
- z-index: 3;
30
- }
31
- .index5 {
32
- z-index: 5;
33
- }
34
- .index7 {
35
- z-index: 7;
36
- }
37
- .index10 {
38
- z-index: 10;
39
- }
40
- .delay {
41
- transition-delay: var(--zd_transition2);
42
- }
1
+ .container {
2
+ top: 0 ;
3
+ bottom: 0 ;
4
+ position: absolute;
5
+ overflow: hidden;
6
+ }[dir=ltr] .container {
7
+ left: 0 ;
8
+ right: 0 ;
9
+ }[dir=rtl] .container {
10
+ right: 0 ;
11
+ left: 0 ;
12
+ }
13
+ .default {
14
+ background-color: var(--zdt_freezelayer_default_bg);
15
+ }
16
+ .dark {
17
+ background-color: var(--zdt_freezelayer_dark_bg);
18
+ }
19
+ .darkLight {
20
+ background-color: var(--zdt_freezelayer_darklight_bg);
21
+ }
22
+ .plain {
23
+ background-color: var(--zdt_freezelayer_plain_bg);
24
+ }
25
+ .snow {
26
+ background-color: var(--zdt_freezelayer_snow_bg);
27
+ }
28
+ .index3 {
29
+ z-index: 3;
30
+ }
31
+ .index5 {
32
+ z-index: 5;
33
+ }
34
+ .index7 {
35
+ z-index: 7;
36
+ }
37
+ .index10 {
38
+ z-index: 10;
39
+ }
40
+ .delay {
41
+ transition-delay: var(--zd_transition2);
42
+ }
@@ -1,59 +1,59 @@
1
- /* css:lineheight-validation:ignore */
2
- .container {
3
- position: relative;
4
- line-height: var(--zd_size18);
5
- composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
6
- padding: var(--zd_size3) var(--zd_size15) ;
7
- cursor: pointer;
8
- }
9
- [dir=ltr] .container {
10
- margin-left: var(--zd_size15) ;
11
- }
12
- [dir=rtl] .container {
13
- margin-right: var(--zd_size15) ;
14
- }
15
- .container:hover {
16
- background: var(--zdt_selectdropzdt_selectdropdown_hover_bg down_hover_bg);
17
- }
18
- .departName {
19
- font-size: var(--zd_font_size13) ;
20
- color: var(--zdt_selectdropdown_departname_text);
21
- composes: flexgrow dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
22
- }
23
- .departIcon {
24
- color: var(--zdt_selectdropdown_departicon);
25
- cursor: pointer;
26
- }
27
- [dir=ltr] .departIcon {
28
- margin-left: var(--zd_size5) ;
29
- }
30
- [dir=rtl] .departIcon {
31
- margin-right: var(--zd_size5) ;
32
- }
33
- .rulesPopup {
34
- max-height: var(--zd_size260) ;
35
- padding: var(--zd_size10) 0 ;
36
- }
37
-
38
- .rulesDepart {
39
- margin: 0 var(--zd_size5) var(--zd_size10) var(--zd_size5) ;
40
- }
41
- .searchDepart {
42
- padding: 0 var(--zd_size20) ;
43
- margin: 0 0 var(--zd_size10) 0 ;
44
- }
45
-
46
- /*Variables */
47
- /* select dropdown */
48
-
49
- [data-mode='dark'] {
50
- --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
51
- --zdt_selectdropdown_departname_text: var(--zd_dark4);
52
- --zdt_selectdropdown_departicon: var(--zd_dark5);
53
- }
54
-
55
- [data-mode='default'] {
56
- --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
57
- --zdt_selectdropdown_departname_text: var(--zd_dark4);
58
- --zdt_selectdropdown_departicon: var(--zd_dark5);
59
- }
1
+ /* css:lineheight-validation:ignore */
2
+ .container {
3
+ position: relative;
4
+ line-height: var(--zd_size18);
5
+ composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
6
+ padding: var(--zd_size3) var(--zd_size15) ;
7
+ cursor: pointer;
8
+ }
9
+ [dir=ltr] .container {
10
+ margin-left: var(--zd_size15) ;
11
+ }
12
+ [dir=rtl] .container {
13
+ margin-right: var(--zd_size15) ;
14
+ }
15
+ .container:hover {
16
+ background: var(--zdt_selectdropzdt_selectdropdown_hover_bg down_hover_bg);
17
+ }
18
+ .departName {
19
+ font-size: var(--zd_font_size13) ;
20
+ color: var(--zdt_selectdropdown_departname_text);
21
+ composes: flexgrow dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
22
+ }
23
+ .departIcon {
24
+ color: var(--zdt_selectdropdown_departicon);
25
+ cursor: pointer;
26
+ }
27
+ [dir=ltr] .departIcon {
28
+ margin-left: var(--zd_size5) ;
29
+ }
30
+ [dir=rtl] .departIcon {
31
+ margin-right: var(--zd_size5) ;
32
+ }
33
+ .rulesPopup {
34
+ max-height: var(--zd_size260) ;
35
+ padding: var(--zd_size10) 0 ;
36
+ }
37
+
38
+ .rulesDepart {
39
+ margin: 0 var(--zd_size5) var(--zd_size10) var(--zd_size5) ;
40
+ }
41
+ .searchDepart {
42
+ padding: 0 var(--zd_size20) ;
43
+ margin: 0 0 var(--zd_size10) 0 ;
44
+ }
45
+
46
+ /*Variables */
47
+ /* select dropdown */
48
+
49
+ [data-mode='dark'] {
50
+ --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
51
+ --zdt_selectdropdown_departname_text: var(--zd_dark4);
52
+ --zdt_selectdropdown_departicon: var(--zd_dark5);
53
+ }
54
+
55
+ [data-mode='default'] {
56
+ --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
57
+ --zdt_selectdropdown_departname_text: var(--zd_dark4);
58
+ --zdt_selectdropdown_departicon: var(--zd_dark5);
59
+ }
@@ -55,10 +55,10 @@ Shortcut.addAll = function (keysObj, props) {
55
55
  return;
56
56
  });
57
57
  };
58
- /**
59
- * @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
60
- * @param callback = any function
61
- * @param action = keypress or keydown or keyup
58
+ /**
59
+ * @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
60
+ * @param callback = any function
61
+ * @param action = keypress or keydown or keyup
62
62
  */
63
63
 
64
64
 
@@ -93,8 +93,8 @@ Shortcut.add = function (keycombo, cpFunc, action, displayLabel) {
93
93
  tempjson.action = action || 'keypress';
94
94
  shortcutdatas[keycombo.toLowerCase()] = tempjson;
95
95
  };
96
- /*Shortcut.prototype.remove = function(){
97
-
96
+ /*Shortcut.prototype.remove = function(){
97
+
98
98
  };*/
99
99
 
100
100
 
@@ -254,25 +254,25 @@ function _convertToKeyCharacter(e) {
254
254
  }
255
255
 
256
256
  function _defaultCallBack(keycombo, keyOptions) {
257
- /*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
258
- if (keyOptions.callbackflow !== undefined) {
259
- keycombo = keyOptions.callbackflow.split(',');
260
- var click = function(i, combo) {
261
- setTimeout(function() {
262
- jQuery("[data-shortcut-key='" + combo + "']").trigger('click');
263
- }, i * 200);
264
- };
265
- for (var i = 0; i < keycombo.length; i++) {
266
- var clickFunc = click.bind(this, i);
267
- clickFunc(keycombo[i]);
268
- highLightKeys(keycombo[i]);
269
- }
270
- return;
271
- }
272
- if (keyElement.length === 1) {
273
- keyElement.trigger('click');
274
- highLightKeys(keycombo);
275
- return;
257
+ /*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
258
+ if (keyOptions.callbackflow !== undefined) {
259
+ keycombo = keyOptions.callbackflow.split(',');
260
+ var click = function(i, combo) {
261
+ setTimeout(function() {
262
+ jQuery("[data-shortcut-key='" + combo + "']").trigger('click');
263
+ }, i * 200);
264
+ };
265
+ for (var i = 0; i < keycombo.length; i++) {
266
+ var clickFunc = click.bind(this, i);
267
+ clickFunc(keycombo[i]);
268
+ highLightKeys(keycombo[i]);
269
+ }
270
+ return;
271
+ }
272
+ if (keyElement.length === 1) {
273
+ keyElement.trigger('click');
274
+ highLightKeys(keycombo);
275
+ return;
276
276
  }*/
277
277
  }
278
278
 
@@ -1,100 +1,100 @@
1
- .wrapper {
2
- position: relative;
3
- max-width: 100% ;
4
- }
5
- .maxHgt {
6
- max-height: var(--zd_size265) ;
7
- padding: var(--zd_size10) 0 ;
8
- }
9
- .responsivemaxHgt {
10
- padding: 0 ;
11
- }
12
- .title {
13
- padding-top: var(--zd_size6) ;
14
- }
15
- [dir=ltr] .default_arrow, [dir=ltr] .overlay_arrow {
16
- padding: 0 0 0 var(--zd_size5) ;
17
- }
18
- [dir=rtl] .default_arrow, [dir=rtl] .overlay_arrow {
19
- padding: 0 var(--zd_size5) 0 0 ;
20
- }
21
- .overlay_arrow {
22
- position: absolute;
23
- top: 50% ;
24
- transform: translateY(-50%) perspective(1px);
25
- }
26
- [dir=ltr] .overlay_arrow {
27
- left: 100% ;
28
- }
29
- [dir=rtl] .overlay_arrow {
30
- right: 100% ;
31
- }
32
- .hoverIcon .arrow {
33
- opacity: 0;
34
- visibility: hidden;
35
- }
36
- .hoverIcon:hover .arrow
37
- /* .hoverIcon:focus .arrow */
38
- {
39
- opacity: 1;
40
- visibility: visible;
41
- }
42
- .value {
43
- composes: dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
44
- }
45
- .search {
46
- padding: var(--zd_size6) var(--zd_size20) 0 ;
47
- }
48
- .svgWrapper {
49
- padding-bottom: var(--zd_size25) ;
50
- }
51
- .cursorDefault {
52
- cursor: default;
53
- }
54
- .cursor {
55
- cursor: pointer;
56
- }
57
- [dir=ltr] .dropBoxContainer {
58
- text-align: left;
59
- }
60
- [dir=rtl] .dropBoxContainer {
61
- text-align: right;
62
- }
63
- [dir=ltr] .iconBox {
64
- margin-right: var(--zd_size4) ;
65
- }
66
- [dir=rtl] .iconBox {
67
- margin-left: var(--zd_size4) ;
68
- }
69
- .iconBox > i {
70
- display: block;
71
- }
72
- .loader {
73
- width: var(--zd_size40) ;
74
- margin: 0 auto ;
75
- }
76
- .seperatedLine {
77
- height: var(--zd_size1) ;
78
- border-bottom: 1px solid var(--zdt_toggledropdown_line_border);
79
- margin: var(--zd_size7) 0 var(--zd_size8) ;
80
- }
81
- .hiddenInput {
82
- width: 0 ;
83
- height: 0 ;
84
- opacity: 0;
85
- position: absolute;
86
- }
87
- .hiddenInputElement{
88
- width: 100% ;
89
- -webkit-appearance: none;
90
- -moz-appearance: none;
91
- appearance: none;
92
- padding: 0 ;
93
- border: 0;
94
- }
95
- .groupName {
96
- margin: var(--zd_size6) 0 ;
97
- }
98
- .dropdown {
99
- background-color: transparent;
100
- }
1
+ .wrapper {
2
+ position: relative;
3
+ max-width: 100% ;
4
+ }
5
+ .maxHgt {
6
+ max-height: var(--zd_size265) ;
7
+ padding: var(--zd_size10) 0 ;
8
+ }
9
+ .responsivemaxHgt {
10
+ padding: 0 ;
11
+ }
12
+ .title {
13
+ padding-top: var(--zd_size6) ;
14
+ }
15
+ [dir=ltr] .default_arrow, [dir=ltr] .overlay_arrow {
16
+ padding: 0 0 0 var(--zd_size5) ;
17
+ }
18
+ [dir=rtl] .default_arrow, [dir=rtl] .overlay_arrow {
19
+ padding: 0 var(--zd_size5) 0 0 ;
20
+ }
21
+ .overlay_arrow {
22
+ position: absolute;
23
+ top: 50% ;
24
+ transform: translateY(-50%) perspective(1px);
25
+ }
26
+ [dir=ltr] .overlay_arrow {
27
+ left: 100% ;
28
+ }
29
+ [dir=rtl] .overlay_arrow {
30
+ right: 100% ;
31
+ }
32
+ .hoverIcon .arrow {
33
+ opacity: 0;
34
+ visibility: hidden;
35
+ }
36
+ .hoverIcon:hover .arrow
37
+ /* .hoverIcon:focus .arrow */
38
+ {
39
+ opacity: 1;
40
+ visibility: visible;
41
+ }
42
+ .value {
43
+ composes: dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
44
+ }
45
+ .search {
46
+ padding: var(--zd_size6) var(--zd_size20) 0 ;
47
+ }
48
+ .svgWrapper {
49
+ padding-bottom: var(--zd_size25) ;
50
+ }
51
+ .cursorDefault {
52
+ cursor: default;
53
+ }
54
+ .cursor {
55
+ cursor: pointer;
56
+ }
57
+ [dir=ltr] .dropBoxContainer {
58
+ text-align: left;
59
+ }
60
+ [dir=rtl] .dropBoxContainer {
61
+ text-align: right;
62
+ }
63
+ [dir=ltr] .iconBox {
64
+ margin-right: var(--zd_size4) ;
65
+ }
66
+ [dir=rtl] .iconBox {
67
+ margin-left: var(--zd_size4) ;
68
+ }
69
+ .iconBox > i {
70
+ display: block;
71
+ }
72
+ .loader {
73
+ width: var(--zd_size40) ;
74
+ margin: 0 auto ;
75
+ }
76
+ .seperatedLine {
77
+ height: var(--zd_size1) ;
78
+ border-bottom: 1px solid var(--zdt_toggledropdown_line_border);
79
+ margin: var(--zd_size7) 0 var(--zd_size8) ;
80
+ }
81
+ .hiddenInput {
82
+ width: 0 ;
83
+ height: 0 ;
84
+ opacity: 0;
85
+ position: absolute;
86
+ }
87
+ .hiddenInputElement{
88
+ width: 100% ;
89
+ -webkit-appearance: none;
90
+ -moz-appearance: none;
91
+ appearance: none;
92
+ padding: 0 ;
93
+ border: 0;
94
+ }
95
+ .groupName {
96
+ margin: var(--zd_size6) 0 ;
97
+ }
98
+ .dropdown {
99
+ background-color: transparent;
100
+ }
@@ -1,43 +1,43 @@
1
- .editionContainer {
2
- text-align: center;
3
- }
4
- .svg {
5
- margin-top: var(--zd_size140) ;
6
- }
7
- .header {
8
- font-size: var(--zd_font_size20) ;
9
- font-family: var(--zd_semibold);
10
- margin-top: var(--zd_size16) ;
11
- }
12
- .description {
13
- font-size: var(--zd_font_size15) ;
14
- font-family: var(--zd_semibold);
15
- margin: var(--zd_size20) 0 ;
16
- }
17
- .content {
18
- margin: var(--zd_size10) 0 ;
19
- }
20
- .footer {
21
- font-size: var(--zd_font_size13) ;
22
- position: relative;
23
- display: inline-block;
24
- margin: var(--zd_size10) 0 var(--zd_size80) 0 ;
25
- }
26
- .footer::before {
27
- content: '';
28
- position: absolute;
29
- top: calc( var(--zd_size10) * -1 ) ;
30
- border-top: var(--zd_size1) solid var(--zdt_editionpage_footer_text);
31
- }
32
- [dir=ltr] .footer::before {
33
- left: calc( var(--zd_size20) * -1 ) ;
34
- right: calc( var(--zd_size20) * -1 ) ;
35
- }
36
- [dir=rtl] .footer::before {
37
- right: calc( var(--zd_size20) * -1 ) ;
38
- left: calc( var(--zd_size20) * -1 ) ;
39
- }
40
- .button {
41
- color: var(--zdt_editionpage_primary_text);
42
- cursor: pointer;
43
- }
1
+ .editionContainer {
2
+ text-align: center;
3
+ }
4
+ .svg {
5
+ margin-top: var(--zd_size140) ;
6
+ }
7
+ .header {
8
+ font-size: var(--zd_font_size20) ;
9
+ font-family: var(--zd_semibold);
10
+ margin-top: var(--zd_size16) ;
11
+ }
12
+ .description {
13
+ font-size: var(--zd_font_size15) ;
14
+ font-family: var(--zd_semibold);
15
+ margin: var(--zd_size20) 0 ;
16
+ }
17
+ .content {
18
+ margin: var(--zd_size10) 0 ;
19
+ }
20
+ .footer {
21
+ font-size: var(--zd_font_size13) ;
22
+ position: relative;
23
+ display: inline-block;
24
+ margin: var(--zd_size10) 0 var(--zd_size80) 0 ;
25
+ }
26
+ .footer::before {
27
+ content: '';
28
+ position: absolute;
29
+ top: calc( var(--zd_size10) * -1 ) ;
30
+ border-top: var(--zd_size1) solid var(--zdt_editionpage_footer_text);
31
+ }
32
+ [dir=ltr] .footer::before {
33
+ left: calc( var(--zd_size20) * -1 ) ;
34
+ right: calc( var(--zd_size20) * -1 ) ;
35
+ }
36
+ [dir=rtl] .footer::before {
37
+ right: calc( var(--zd_size20) * -1 ) ;
38
+ left: calc( var(--zd_size20) * -1 ) ;
39
+ }
40
+ .button {
41
+ color: var(--zdt_editionpage_primary_text);
42
+ cursor: pointer;
43
+ }
@@ -1,7 +1,7 @@
1
- .imageContainer {
2
- margin-top: calc( var(--zd_size35) * -1 ) ;
3
- }[dir=ltr] .imageContainer {
4
- margin-left: calc( var(--zd_size30) * -1 ) ;
5
- }[dir=rtl] .imageContainer {
6
- margin-right: calc( var(--zd_size30) * -1 ) ;
7
- }
1
+ .imageContainer {
2
+ margin-top: calc( var(--zd_size35) * -1 ) ;
3
+ }[dir=ltr] .imageContainer {
4
+ margin-left: calc( var(--zd_size30) * -1 ) ;
5
+ }[dir=rtl] .imageContainer {
6
+ margin-right: calc( var(--zd_size30) * -1 ) ;
7
+ }
@@ -1,6 +1,6 @@
1
- .text {
2
- color: var(--zdt_linktext_default_text);
3
- display: inline-block;
4
- font-size: var(--zd_font_size15) ;
5
- cursor: pointer;
6
- }
1
+ .text {
2
+ color: var(--zdt_linktext_default_text);
3
+ display: inline-block;
4
+ font-size: var(--zd_font_size15) ;
5
+ cursor: pointer;
6
+ }