@zohodesk/dot 1.0.0-temp-193.4 → 1.0.0-temp-194

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 (185) hide show
  1. package/.cli/PropUnificationExcludeFilesArray.js +344 -344
  2. package/.cli/PropValidationExcludeFilesArray.js +8 -8
  3. package/css_error.log +1 -1
  4. package/es/ActionButton/ActionButton.module.css +192 -192
  5. package/es/AlphabeticList/AlphabeticList.module.css +57 -57
  6. package/es/AttachmentViewer/AttachmentViewer.module.css +352 -352
  7. package/es/ChannelIcon/ChannelIcon.module.css +225 -225
  8. package/es/Drawer/Drawer.module.css +2 -2
  9. package/es/FormAction/FormAction.module.css +100 -100
  10. package/es/IconButton/IconButton.module.css +22 -22
  11. package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -316
  12. package/es/Message/Message.module.css +1 -1
  13. package/es/PlusIcon/PlusIcon.module.css +1 -1
  14. package/es/TagWithIcon/TagWithIcon.module.css +66 -66
  15. package/es/ToastMessage/ToastMessage.module.css +1 -1
  16. package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  17. package/es/{common → deprecated}/dot_boxShadow.module.css +2 -0
  18. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
  19. package/es/form/fields/TextEditor/TextEditor.module.css +50 -63
  20. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -26
  21. package/es/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  22. package/es/list/Comment/Comment.module.css +29 -29
  23. package/es/list/Dot/Dot.module.css +15 -15
  24. package/es/list/DotNew/DotNew.module.css +2 -1
  25. package/es/list/ListLayout/ListLayout.module.css +79 -79
  26. package/es/list/Subject/Subject.module.css +34 -34
  27. package/es/list/TagNew/TagNew.module.css +1 -1
  28. package/es/list/Thread/Thread.module.css +42 -42
  29. package/es/lookup/Section/LookupSection.module.css +1 -1
  30. package/es/v1/svg/PlusIcon.js +1 -1
  31. package/es/v1/svg/SnippetIcon.js +2 -2
  32. package/es/version2/GlobalNotification/GlobalNotification.module.css +177 -177
  33. package/es/version2/alertIcons/AlertIcons.module.css +6 -3
  34. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
  35. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -3
  36. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -131
  37. package/lib/ActionButton/ActionButton.module.css +192 -192
  38. package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
  39. package/lib/AttachmentViewer/AttachmentViewer.module.css +352 -352
  40. package/lib/ChannelIcon/ChannelIcon.module.css +225 -225
  41. package/lib/Drawer/Drawer.module.css +2 -2
  42. package/lib/FormAction/FormAction.module.css +100 -100
  43. package/lib/IconButton/IconButton.module.css +22 -22
  44. package/lib/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -316
  45. package/lib/Message/Message.module.css +1 -1
  46. package/lib/PlusIcon/PlusIcon.module.css +1 -1
  47. package/lib/TagWithIcon/TagWithIcon.module.css +66 -66
  48. package/lib/ToastMessage/ToastMessage.module.css +1 -1
  49. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  50. package/lib/{common → deprecated}/dot_boxShadow.module.css +2 -0
  51. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +92 -92
  52. package/lib/form/fields/TextEditor/TextEditor.module.css +50 -63
  53. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -26
  54. package/lib/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  55. package/lib/list/Comment/Comment.module.css +29 -29
  56. package/lib/list/Dot/Dot.module.css +15 -15
  57. package/lib/list/DotNew/DotNew.module.css +2 -1
  58. package/lib/list/ListLayout/ListLayout.module.css +79 -79
  59. package/lib/list/Subject/Subject.module.css +34 -34
  60. package/lib/list/TagNew/TagNew.module.css +1 -1
  61. package/lib/list/Thread/Thread.module.css +42 -42
  62. package/lib/lookup/Section/LookupSection.module.css +1 -1
  63. package/lib/v1/svg/PlusIcon.js +1 -1
  64. package/lib/v1/svg/SnippetIcon.js +2 -2
  65. package/lib/version2/GlobalNotification/GlobalNotification.module.css +177 -177
  66. package/lib/version2/alertIcons/AlertIcons.module.css +6 -3
  67. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
  68. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -3
  69. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +132 -131
  70. package/package.json +15 -12
  71. package/propValidationArg.json +11 -11
  72. package/result.json +1 -1
  73. package/unittest/index.html +1 -1
  74. package/es/v1/DotProvider/DotProvider.js +0 -43
  75. package/es/v1/DotProvider/downloadAssets.js +0 -34
  76. package/es/v1/DotProvider/libraryChunks/dynamicImports.js +0 -56
  77. package/es/v1/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -3
  78. package/es/v1/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -3
  79. package/es/v1/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -3
  80. package/es/v1/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -3
  81. package/es/v1/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -3
  82. package/es/v1/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -3
  83. package/es/v1/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -3
  84. package/es/v1/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -3
  85. package/es/v1/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -3
  86. package/es/v1/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -3
  87. package/es/v1/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -3
  88. package/es/v1/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -3
  89. package/es/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -3
  90. package/es/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -3
  91. package/es/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -3
  92. package/es/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +0 -1
  93. package/es/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +0 -1
  94. package/es/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +0 -1
  95. package/es/v1/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +0 -1
  96. package/es/v1/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +0 -1
  97. package/es/v1/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +0 -1
  98. package/es/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +0 -1
  99. package/es/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +0 -1
  100. package/es/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +0 -1
  101. package/es/v1/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +0 -1
  102. package/es/v1/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +0 -1
  103. package/es/v1/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +0 -1
  104. package/es/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +0 -1
  105. package/es/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +0 -1
  106. package/es/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +0 -1
  107. package/es/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +0 -1
  108. package/es/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +0 -1
  109. package/es/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +0 -1
  110. package/es/v1/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +0 -1
  111. package/es/v1/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +0 -1
  112. package/es/v1/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +0 -1
  113. package/es/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +0 -1
  114. package/es/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +0 -1
  115. package/es/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +0 -1
  116. package/es/v1/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +0 -1
  117. package/es/v1/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +0 -1
  118. package/es/v1/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +0 -1
  119. package/es/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +0 -1
  120. package/es/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +0 -1
  121. package/es/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +0 -1
  122. package/es/v1/DotProvider/props/defaultProps.js +0 -13
  123. package/es/v1/DotProvider/props/propTypes.js +0 -14
  124. package/es/v1/DotProvider/useDotProvider.js +0 -42
  125. package/es/v1/DotProvider/utils/appearanceProperties.js +0 -46
  126. package/es/v1/DotProvider/utils/errorValidation.js +0 -13
  127. package/es/v1/DotProvider/utils/importFiles.js +0 -17
  128. package/es/v1/DotProvider/utils/sizeProperties.js +0 -12
  129. package/es/v1/DotProvider/utils/themeProperties.js +0 -220
  130. package/lib/v1/DotProvider/DotProvider.js +0 -71
  131. package/lib/v1/DotProvider/downloadAssets.js +0 -40
  132. package/lib/v1/DotProvider/libraryChunks/dynamicImports.js +0 -75
  133. package/lib/v1/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -7
  134. package/lib/v1/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -7
  135. package/lib/v1/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -7
  136. package/lib/v1/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -7
  137. package/lib/v1/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -7
  138. package/lib/v1/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -7
  139. package/lib/v1/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -7
  140. package/lib/v1/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -7
  141. package/lib/v1/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -7
  142. package/lib/v1/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -7
  143. package/lib/v1/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -7
  144. package/lib/v1/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -7
  145. package/lib/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -7
  146. package/lib/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -7
  147. package/lib/v1/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -7
  148. package/lib/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +0 -3
  149. package/lib/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +0 -3
  150. package/lib/v1/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +0 -3
  151. package/lib/v1/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +0 -3
  152. package/lib/v1/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +0 -3
  153. package/lib/v1/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +0 -3
  154. package/lib/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +0 -3
  155. package/lib/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +0 -3
  156. package/lib/v1/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +0 -3
  157. package/lib/v1/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +0 -3
  158. package/lib/v1/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +0 -3
  159. package/lib/v1/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +0 -3
  160. package/lib/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +0 -3
  161. package/lib/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +0 -3
  162. package/lib/v1/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +0 -3
  163. package/lib/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +0 -3
  164. package/lib/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +0 -3
  165. package/lib/v1/DotProvider/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +0 -3
  166. package/lib/v1/DotProvider/libraryChunks/themes/svg/green/Green_Dark_SVG.js +0 -3
  167. package/lib/v1/DotProvider/libraryChunks/themes/svg/green/Green_Light_SVG.js +0 -3
  168. package/lib/v1/DotProvider/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +0 -3
  169. package/lib/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +0 -3
  170. package/lib/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +0 -3
  171. package/lib/v1/DotProvider/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +0 -3
  172. package/lib/v1/DotProvider/libraryChunks/themes/svg/red/Red_Dark_SVG.js +0 -3
  173. package/lib/v1/DotProvider/libraryChunks/themes/svg/red/Red_Light_SVG.js +0 -3
  174. package/lib/v1/DotProvider/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +0 -3
  175. package/lib/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +0 -3
  176. package/lib/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +0 -3
  177. package/lib/v1/DotProvider/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +0 -3
  178. package/lib/v1/DotProvider/props/defaultProps.js +0 -20
  179. package/lib/v1/DotProvider/props/propTypes.js +0 -25
  180. package/lib/v1/DotProvider/useDotProvider.js +0 -58
  181. package/lib/v1/DotProvider/utils/appearanceProperties.js +0 -79
  182. package/lib/v1/DotProvider/utils/errorValidation.js +0 -18
  183. package/lib/v1/DotProvider/utils/importFiles.js +0 -22
  184. package/lib/v1/DotProvider/utils/sizeProperties.js +0 -31
  185. package/lib/v1/DotProvider/utils/themeProperties.js +0 -325
@@ -31,7 +31,7 @@
31
31
  </tr>
32
32
 
33
33
  </table>
34
- <br/>COVERAGE <span class="green">77.45%</span> <br/> less than 60% consider failure
34
+ <br/>COVERAGE <span class="green">84.5%</span> <br/> less than 60% consider failure
35
35
  </body>
36
36
  </html>
37
37
 
@@ -1,43 +0,0 @@
1
- import React, { useRef } from "react";
2
- import { defaultProps } from './props/defaultProps';
3
- import { propTypes } from './props/propTypes';
4
- import useDotProvider from "./useDotProvider";
5
-
6
- function DotProvider(props) {
7
- const {
8
- $ui_tag: Tag = React.Fragment,
9
- $ui_appearance,
10
- $ui_theme,
11
- $ui_baseZoomUnit,
12
- $ui_baseFontUnit,
13
- $method_providerElement,
14
- $method_getAssetPromise,
15
- $data_zoomUnitVariableName,
16
- $data_fontUnitVariableName,
17
- $data_modeDataAttribute,
18
- $data_themeDataAttribute,
19
- children,
20
- ...rest
21
- } = props;
22
- const internalRef = useRef(null);
23
- useDotProvider({
24
- appearance: $ui_appearance,
25
- theme: $ui_theme,
26
- baseZoomUnit: $ui_baseZoomUnit,
27
- baseFontUnit: $ui_baseFontUnit,
28
- providerElement: Tag !== React.Fragment ? () => internalRef.current : $method_providerElement,
29
- getAssetPromise: $method_getAssetPromise,
30
- zoomUnitVariableName: $data_zoomUnitVariableName,
31
- fontUnitVariableName: $data_fontUnitVariableName,
32
- modeDataAttribute: $data_modeDataAttribute,
33
- themeDataAttribute: $data_themeDataAttribute
34
- });
35
- return /*#__PURE__*/React.createElement(Tag, {
36
- ref: internalRef,
37
- ...rest
38
- }, children);
39
- }
40
-
41
- DotProvider.propTypes = propTypes;
42
- DotProvider.defaultProps = defaultProps;
43
- export default DotProvider;
@@ -1,34 +0,0 @@
1
- import { getAppearance, getTheme, getZoomSize, getFontSize } from './libraryChunks/dynamicImports';
2
- export function downloadAssets(_ref) {
3
- let {
4
- appearance,
5
- theme,
6
- baseZoomUnit,
7
- baseFontUnit,
8
- providerElement,
9
- zoomUnitVariableName,
10
- fontUnitVariableName,
11
- modeDataAttribute,
12
- themeDataAttribute
13
- } = _ref;
14
- const promises = [];
15
- const libAppearance = getAppearance(appearance);
16
- promises.push(libAppearance);
17
- const libTheme = getTheme(appearance, theme);
18
- promises.push(libTheme);
19
- const zoomSize = getZoomSize();
20
- promises.push(zoomSize);
21
- const fontSize = getFontSize();
22
- promises.push(fontSize);
23
- const resolvedZoomUnit = !isNaN(Number(baseZoomUnit)) ? `${Number(baseZoomUnit)}px` : baseZoomUnit;
24
- const providerElem = providerElement();
25
-
26
- if (providerElem) {
27
- providerElem.style.setProperty(zoomUnitVariableName, resolvedZoomUnit);
28
- providerElem.style.setProperty(fontUnitVariableName, baseFontUnit);
29
- providerElem.setAttribute(modeDataAttribute, appearance);
30
- providerElem.setAttribute(themeDataAttribute, theme);
31
- }
32
-
33
- return Promise.all(promises);
34
- }
@@ -1,56 +0,0 @@
1
- import { importFiles } from "../../../../es/v1/DotProvider/utils/importFiles";
2
- import { appearanceImports, appearanceMapping } from "../utils/appearanceProperties";
3
- import { themeImports, themeMapping } from "../utils/themeProperties";
4
- import { imports, mapping } from "../utils/sizeProperties";
5
- import { errorValidation } from "../utils/errorValidation";
6
- const defaultLib = ['component', 'dot', 'svg'];
7
- const modeArray = ['light', 'dark', 'pureDark'];
8
- const themeArray = ['blue', 'green', 'orange', 'red', 'yellow'];
9
- export function getAppearance(mode) {
10
- try {
11
- const libArray = defaultLib;
12
- errorValidation({
13
- options: modeArray,
14
- value: mode,
15
- type: 'appearance'
16
- });
17
- const importFilesArray = [];
18
- libArray.map(libName => {
19
- const importFile = appearanceMapping[libName][mode];
20
- importFilesArray.push(importFile);
21
- });
22
- return importFiles({
23
- file: importFilesArray,
24
- imports: appearanceImports
25
- });
26
- } catch (error) {
27
- console.log('Error: ', error);
28
- }
29
- }
30
- export function getTheme(mode, theme) {
31
- try {
32
- const libArray = defaultLib;
33
- errorValidation({
34
- options: themeArray,
35
- value: theme,
36
- type: 'theme'
37
- });
38
- const importFilesArray = [];
39
- libArray.map(libName => {
40
- const importFile = themeMapping[libName][theme][mode];
41
- importFilesArray.push(importFile);
42
- });
43
- return importFiles({
44
- file: importFilesArray,
45
- imports: themeImports
46
- });
47
- } catch (error) {
48
- console.log('Error: ', error);
49
- }
50
- }
51
- export function getZoomSize() {
52
- return imports[mapping.zoomSize]();
53
- }
54
- export function getFontSize() {
55
- return imports[mapping.fontSize]();
56
- }
@@ -1,3 +0,0 @@
1
- import '@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css';
2
- import '@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css';
3
- import '@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css';
@@ -1,3 +0,0 @@
1
- import '@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css';
2
- import '@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css';
3
- import '@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css';
@@ -1,3 +0,0 @@
1
- import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css';
2
- import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css';
3
- import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css';
@@ -1,3 +0,0 @@
1
- import '@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css';
2
- import '@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css';
3
- import '@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css';
@@ -1,3 +0,0 @@
1
- import '@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css';
2
- import '@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css';
3
- import '@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css';
@@ -1,3 +0,0 @@
1
- import '@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css';
2
- import '@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css';
3
- import '@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css';
@@ -1,3 +0,0 @@
1
- import '@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css';
2
- import '@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css';
3
- import '@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css';
@@ -1,3 +0,0 @@
1
- import '@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css';
2
- import '@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css';
3
- import '@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css';
@@ -1,3 +0,0 @@
1
- import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css';
2
- import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css';
3
- import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css';
@@ -1,3 +0,0 @@
1
- import '@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css';
2
- import '@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css';
3
- import '@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css';
@@ -1,3 +0,0 @@
1
- import '@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css';
2
- import '@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css';
3
- import '@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css';
@@ -1,3 +0,0 @@
1
- import '@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css';
2
- import '@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css';
3
- import '@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css';
@@ -1,3 +0,0 @@
1
- import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css';
2
- import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css';
3
- import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css';
@@ -1,3 +0,0 @@
1
- import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css';
2
- import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css';
3
- import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css';
@@ -1,3 +0,0 @@
1
- import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css';
2
- import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css';
3
- import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css';
@@ -1 +0,0 @@
1
- import './../../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css';
@@ -1 +0,0 @@
1
- import './../../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css';
@@ -1 +0,0 @@
1
- import './../../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css';
@@ -1 +0,0 @@
1
- import './../../../../../../../assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css';
@@ -1 +0,0 @@
1
- import './../../../../../../../assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css';
@@ -1 +0,0 @@
1
- import './../../../../../../../assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css';
@@ -1 +0,0 @@
1
- import './../../../../../../../assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css';
@@ -1 +0,0 @@
1
- import './../../../../../../../assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css';
@@ -1 +0,0 @@
1
- import './../../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css';
@@ -1 +0,0 @@
1
- import './../../../../../../../assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css';
@@ -1 +0,0 @@
1
- import './../../../../../../../assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css';
@@ -1 +0,0 @@
1
- import './../../../../../../../assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css';
@@ -1 +0,0 @@
1
- import './../../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css';
@@ -1 +0,0 @@
1
- import './../../../../../../../assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css';
@@ -1 +0,0 @@
1
- import './../../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css';
@@ -1 +0,0 @@
1
- import '@zohodesk/svg/assets/Appearance/dark/themes/blue/blue_SVGTheme_DarkTheme.module.css';
@@ -1 +0,0 @@
1
- import '@zohodesk/svg/assets/Appearance/light/themes/blue/blue_SVGTheme_LightTheme.module.css';
@@ -1 +0,0 @@
1
- import '@zohodesk/svg/assets/Appearance/pureDark/themes/blue/blue_SVGTheme_PureDarkTheme.module.css';
@@ -1 +0,0 @@
1
- import '@zohodesk/svg/assets/Appearance/dark/themes/green/green_SVGTheme_DarkTheme.module.css';
@@ -1 +0,0 @@
1
- import '@zohodesk/svg/assets/Appearance/light/themes/green/green_SVGTheme_LightTheme.module.css';
@@ -1 +0,0 @@
1
- import '@zohodesk/svg/assets/Appearance/pureDark/themes/green/green_SVGTheme_PureDarkTheme.module.css';
@@ -1 +0,0 @@
1
- import '@zohodesk/svg/assets/Appearance/dark/themes/orange/orange_SVGTheme_DarkTheme.module.css';
@@ -1 +0,0 @@
1
- import '@zohodesk/svg/assets/Appearance/light/themes/orange/orange_SVGTheme_LightTheme.module.css';
@@ -1 +0,0 @@
1
- import '@zohodesk/svg/assets/Appearance/pureDark/themes/orange/orange_SVGTheme_PureDarkTheme.module.css';
@@ -1 +0,0 @@
1
- import '@zohodesk/svg/assets/Appearance/dark/themes/red/red_SVGTheme_DarkTheme.module.css';
@@ -1 +0,0 @@
1
- import '@zohodesk/svg/assets/Appearance/light/themes/red/red_SVGTheme_LightTheme.module.css';
@@ -1 +0,0 @@
1
- import '@zohodesk/svg/assets/Appearance/pureDark/themes/red/red_SVGTheme_PureDarkTheme.module.css';
@@ -1 +0,0 @@
1
- import '@zohodesk/svg/assets/Appearance/dark/themes/yellow/yellow_SVGTheme_DarkTheme.module.css';
@@ -1 +0,0 @@
1
- import '@zohodesk/svg/assets/Appearance/light/themes/yellow/yellow_SVGTheme_LightTheme.module.css';
@@ -1 +0,0 @@
1
- import '@zohodesk/svg/assets/Appearance/pureDark/themes/yellow/yellow_SVGTheme_PureDarkTheme.module.css';
@@ -1,13 +0,0 @@
1
- export const defaultProps = {
2
- $ui_appearance: 'light',
3
- $ui_theme: 'blue',
4
- $ui_baseZoomUnit: '1px',
5
- $ui_baseFontUnit: '16px',
6
- $method_providerElement: () => {
7
- return document.documentElement;
8
- },
9
- $data_zoomUnitVariableName: '--zd_baseUnit',
10
- $data_fontUnitVariableName: '--zd_baseFontUnit',
11
- $data_modeDataAttribute: 'data-mode',
12
- $data_themeDataAttribute: 'data-theme'
13
- };
@@ -1,14 +0,0 @@
1
- import PropTypes from 'prop-types';
2
- export const propTypes = {
3
- $ui_appearance: PropTypes.oneOf(['light', 'dark', 'pureDark']),
4
- $ui_theme: PropTypes.oneOf(['blue', 'green', 'orange', 'red', 'yellow']),
5
- $ui_baseZoomUnit: PropTypes.string,
6
- $ui_baseFontUnit: PropTypes.string,
7
- $method_providerElement: PropTypes.func,
8
- $method_getAssetPromise: PropTypes.func,
9
- $data_zoomUnitVariableName: PropTypes.string,
10
- $data_fontUnitVariableName: PropTypes.string,
11
- $data_modeDataAttribute: PropTypes.string,
12
- $data_themeDataAttribute: PropTypes.string,
13
- children: PropTypes.element
14
- };
@@ -1,42 +0,0 @@
1
- import { useLayoutEffect } from 'react';
2
- import { downloadAssets } from './downloadAssets';
3
- import '@zohodesk/components/assets/Contrast/lightContrastLightness.module.css';
4
- import '@zohodesk/components/assets/Contrast/darkContrastLightness.module.css';
5
- import '@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.css';
6
- import '@zohodesk/variables/assets/colorVariables.module.css';
7
- import '@zohodesk/variables/assets/dotVariables.module.css';
8
- import '@zohodesk/components/es/common/basic.module.css';
9
- import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
10
- import '@zohodesk/components/lib/common/boxShadow.module.css';
11
- import '../../common/dot_boxShadow.module.css';
12
-
13
- function useDotProvider(_ref) {
14
- let {
15
- appearance,
16
- theme,
17
- baseZoomUnit,
18
- baseFontUnit,
19
- providerElement,
20
- getAssetPromise,
21
- zoomUnitVariableName,
22
- fontUnitVariableName,
23
- modeDataAttribute,
24
- themeDataAttribute
25
- } = _ref;
26
- useLayoutEffect(() => {
27
- const assetPromise = downloadAssets({
28
- appearance,
29
- theme,
30
- baseZoomUnit,
31
- baseFontUnit,
32
- providerElement,
33
- zoomUnitVariableName,
34
- fontUnitVariableName,
35
- modeDataAttribute,
36
- themeDataAttribute
37
- });
38
- getAssetPromise && getAssetPromise(assetPromise);
39
- }, [appearance, theme, baseZoomUnit, baseFontUnit, providerElement, getAssetPromise, zoomUnitVariableName, fontUnitVariableName, modeDataAttribute, themeDataAttribute]);
40
- }
41
-
42
- export default useDotProvider;
@@ -1,46 +0,0 @@
1
- export const appearanceImports = {
2
- Lib_LightMode_Component: () => import(
3
- /* webpackChunkName: 'Lib_LightMode_Component' */
4
- '@zohodesk/components/assets/Appearance/light/mode/Component_LightMode.module.css'),
5
- Lib_DarkMode_Component: () => import(
6
- /* webpackChunkName: 'Lib_DarkMode_Component' */
7
- '@zohodesk/components/assets/Appearance/dark/mode/Component_DarkMode.module.css'),
8
- Lib_PureDarkMode_Component: () => import(
9
- /* webpackChunkName: 'Lib_PureDarkMode_Component' */
10
- '@zohodesk/components/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css'),
11
- Lib_LightMode_Dot: () => import(
12
- /* webpackChunkName: 'Lib_LightMode_Dot' */
13
- './../../../../assets/Appearance/light/mode/Dot_LightMode.module.css'),
14
- Lib_DarkMode_Dot: () => import(
15
- /* webpackChunkName: 'Lib_DarkMode_Dot' */
16
- './../../../../assets/Appearance/dark/mode/Dot_DarkMode.module.css'),
17
- Lib_PureDarkMode_Dot: () => import(
18
- /* webpackChunkName: 'Lib_PureDarkMode_Dot' */
19
- './../../../../assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css'),
20
- Lib_LightMode_SVG: () => import(
21
- /* webpackChunkName: 'Lib_LightMode_SVG' */
22
- '@zohodesk/svg/assets/Appearance/light/mode/SVG_LightMode.module.css'),
23
- Lib_DarkMode_SVG: () => import(
24
- /* webpackChunkName: 'Lib_DarkMode_SVG' */
25
- '@zohodesk/svg/assets/Appearance/dark/mode/SVG_DarkMode.module.css'),
26
- Lib_PureDarkMode_SVG: () => import(
27
- /* webpackChunkName: 'Lib_PureDarkMode_SVG' */
28
- '@zohodesk/svg/assets/Appearance/pureDark/mode/SVG_PureDarkMode.module.css')
29
- };
30
- export const appearanceMapping = {
31
- component: {
32
- light: 'Lib_LightMode_Component',
33
- dark: 'Lib_DarkMode_Component',
34
- pureDark: 'Lib_PureDarkMode_Component'
35
- },
36
- dot: {
37
- light: 'Lib_LightMode_Dot',
38
- dark: 'Lib_DarkMode_Dot',
39
- pureDark: 'Lib_PureDarkMode_Dot'
40
- },
41
- svg: {
42
- light: 'Lib_LightMode_SVG',
43
- dark: 'Lib_DarkMode_SVG',
44
- pureDark: 'Lib_PureDarkMode_SVG'
45
- }
46
- };
@@ -1,13 +0,0 @@
1
- export function errorValidation(_ref) {
2
- let {
3
- options,
4
- value,
5
- type
6
- } = _ref;
7
-
8
- if (!options.includes(value)) {
9
- console.error(`We do not support the '${value} ${type}'. Please provide valid '${type}' values or check spelling. DotProvider supports light, dark and pureDark appearance & blue, green, orange, red & yellow theme.`);
10
- }
11
-
12
- return;
13
- }
@@ -1,17 +0,0 @@
1
- export function importFiles(_ref) {
2
- let {
3
- file,
4
- imports
5
- } = _ref;
6
- const promises = [];
7
- file.forEach(fileKey => {
8
- if (imports[fileKey]) {
9
- promises.push(imports[fileKey]());
10
- } else {
11
- console.error(`Import not found for ${fileKey} from ${imports}`);
12
- }
13
- });
14
- return Promise.all(promises).catch(error => {
15
- console.error(`Error importing files:`, error);
16
- });
17
- }
@@ -1,12 +0,0 @@
1
- export const imports = {
2
- Lib_ZoomSize: () => import(
3
- /* webpackChunkName: 'Lib_ZoomSize' */
4
- '@zohodesk/variables/assets/sizeVariables.module.css'),
5
- Lib_FontSize: () => import(
6
- /* webpackChunkName: 'Lib_FontSize' */
7
- '@zohodesk/variables/assets/fontsizeVariables.module.css')
8
- };
9
- export const mapping = {
10
- zoomSize: 'Lib_ZoomSize',
11
- fontSize: 'Lib_FontSize'
12
- };