@zohodesk/dot 1.0.0-temp-227 → 1.0.0-temp-228.1

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 (143) hide show
  1. package/README.md +5 -6
  2. package/es/ActionButton/ActionButton.js +19 -9
  3. package/es/ActionButton/props/defaultProps.js +2 -1
  4. package/es/ActionButton/props/propTypes.js +4 -1
  5. package/es/Attachment/Attachment.module.css +3 -3
  6. package/es/DotProvider/hooks/useDotProvider.js +3 -3
  7. package/es/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js +1 -0
  8. package/es/DotProvider/libraryChunks/appearance/variables/Light_Variables.js +1 -0
  9. package/es/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js +1 -0
  10. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -2
  11. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -2
  12. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -2
  13. package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -2
  14. package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -2
  15. package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -2
  16. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -2
  17. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -2
  18. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -2
  19. package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -2
  20. package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -2
  21. package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -2
  22. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -2
  23. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -2
  24. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -2
  25. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +2 -0
  26. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +2 -0
  27. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +2 -0
  28. package/es/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +2 -0
  29. package/es/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +2 -0
  30. package/es/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +2 -0
  31. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +2 -0
  32. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +2 -0
  33. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +2 -0
  34. package/es/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +2 -0
  35. package/es/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +2 -0
  36. package/es/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +2 -0
  37. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +2 -0
  38. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +2 -0
  39. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +2 -0
  40. package/es/DotProvider/utils/constants.js +2 -1
  41. package/es/DotProvider/utils/themeAppearanceAssetsConfig.js +15 -1
  42. package/es/DotProvider/utils/themeColorAssetsConfig.js +73 -1
  43. package/es/Image/Image.module.css +2 -2
  44. package/es/Onboarding/css/Onboarding.module.css +1 -1
  45. package/es/Separator/Separator.module.css +5 -5
  46. package/es/TagWithIcon/TagWithIcon.module.css +3 -3
  47. package/es/Upload/Upload.module.css +31 -2
  48. package/es/form/fields/Fields.module.css +73 -17
  49. package/es/form/fields/TextEditor/TextEditor.module.css +1 -1
  50. package/es/list/GridStencils/GridStencils.module.css +12 -2
  51. package/es/list/TagNew/TagNew.module.css +1 -1
  52. package/es/list/status/StatusListItem/StatusListItem.module.css +2 -2
  53. package/es/lookup/Lookup/Lookup.js +4 -6
  54. package/es/lookup/Lookup/__tests__/Lookup.spec.js +4 -101
  55. package/es/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +2 -223
  56. package/es/lookup/Lookup/props/propTypes.js +1 -6
  57. package/es/lookup/header/ModuleHeader/ModuleHeader.js +5 -12
  58. package/es/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +3 -87
  59. package/es/lookup/header/ModuleHeader/props/defaultProps.js +0 -2
  60. package/es/lookup/header/ModuleHeader/props/propTypes.js +0 -6
  61. package/es/version2/AlertClose/AlertClose.module.css +1 -1
  62. package/es/version2/GlobalNotification/GlobalNotification.module.css +1 -1
  63. package/es/version2/lookup/AlertHeader/AlertHeader.js +9 -19
  64. package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +3 -122
  65. package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +3 -1728
  66. package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +1 -6
  67. package/es/version2/lookup/AlertHeader/props/defaultProps.js +0 -2
  68. package/es/version2/lookup/AlertHeader/props/propTypes.js +0 -10
  69. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +8 -2
  70. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +2 -2
  71. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +3 -2
  72. package/lib/ActionButton/ActionButton.js +18 -9
  73. package/lib/ActionButton/props/defaultProps.js +2 -1
  74. package/lib/ActionButton/props/propTypes.js +4 -1
  75. package/lib/Attachment/Attachment.module.css +3 -3
  76. package/lib/DotProvider/hooks/useDotProvider.js +3 -3
  77. package/lib/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js +3 -0
  78. package/lib/DotProvider/libraryChunks/appearance/variables/Light_Variables.js +3 -0
  79. package/lib/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js +3 -0
  80. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -4
  81. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -4
  82. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -4
  83. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -4
  84. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -4
  85. package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -4
  86. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -4
  87. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -4
  88. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -4
  89. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -4
  90. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -4
  91. package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -4
  92. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -4
  93. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -4
  94. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -4
  95. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +5 -0
  96. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +5 -0
  97. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +5 -0
  98. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +5 -0
  99. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +5 -0
  100. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +5 -0
  101. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +5 -0
  102. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +5 -0
  103. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +5 -0
  104. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +5 -0
  105. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +5 -0
  106. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +5 -0
  107. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +5 -0
  108. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +5 -0
  109. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +5 -0
  110. package/lib/DotProvider/utils/constants.js +4 -2
  111. package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js +17 -2
  112. package/lib/DotProvider/utils/themeColorAssetsConfig.js +77 -2
  113. package/lib/Image/Image.module.css +2 -2
  114. package/lib/Onboarding/css/Onboarding.module.css +1 -1
  115. package/lib/Separator/Separator.module.css +5 -5
  116. package/lib/TagWithIcon/TagWithIcon.module.css +3 -3
  117. package/lib/Upload/Upload.module.css +31 -2
  118. package/lib/form/fields/Fields.module.css +73 -17
  119. package/lib/form/fields/TextEditor/TextEditor.module.css +1 -1
  120. package/lib/list/GridStencils/GridStencils.module.css +12 -2
  121. package/lib/list/TagNew/TagNew.module.css +1 -1
  122. package/lib/list/status/StatusListItem/StatusListItem.module.css +2 -2
  123. package/lib/lookup/Lookup/Lookup.js +4 -6
  124. package/lib/lookup/Lookup/__tests__/Lookup.spec.js +4 -101
  125. package/lib/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +2 -223
  126. package/lib/lookup/Lookup/props/propTypes.js +1 -8
  127. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +5 -13
  128. package/lib/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +2 -86
  129. package/lib/lookup/header/ModuleHeader/props/defaultProps.js +0 -2
  130. package/lib/lookup/header/ModuleHeader/props/propTypes.js +0 -6
  131. package/lib/version2/AlertClose/AlertClose.module.css +1 -1
  132. package/lib/version2/GlobalNotification/GlobalNotification.module.css +1 -1
  133. package/lib/version2/lookup/AlertHeader/AlertHeader.js +8 -19
  134. package/lib/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +2 -121
  135. package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +3 -1728
  136. package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +2 -4
  137. package/lib/version2/lookup/AlertHeader/props/defaultProps.js +0 -2
  138. package/lib/version2/lookup/AlertHeader/props/propTypes.js +0 -10
  139. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +8 -2
  140. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +2 -2
  141. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +3 -2
  142. package/package.json +17 -14
  143. package/_react-cli.config.js +0 -27
@@ -7,7 +7,7 @@ exports.themeColorMapping = exports.themeColorImports = void 0;
7
7
 
8
8
  var _constants = require("./constants");
9
9
 
10
- var _THEME_COLOR_BLUE, _THEME_COLOR_GREEN, _THEME_COLOR_ORANGE, _THEME_COLOR_RED, _THEME_COLOR_YELLOW, _LIBRARY_COMPONENT, _THEME_COLOR_BLUE2, _THEME_COLOR_GREEN2, _THEME_COLOR_ORANGE2, _THEME_COLOR_RED2, _THEME_COLOR_YELLOW2, _LIBRARY_DOT, _THEME_COLOR_BLUE3, _THEME_COLOR_GREEN3, _THEME_COLOR_ORANGE3, _THEME_COLOR_RED3, _THEME_COLOR_YELLOW3, _LIBRARY_SVG, _themeColorMapping;
10
+ var _THEME_COLOR_BLUE, _THEME_COLOR_GREEN, _THEME_COLOR_ORANGE, _THEME_COLOR_RED, _THEME_COLOR_YELLOW, _LIBRARY_VARIABLES, _THEME_COLOR_BLUE2, _THEME_COLOR_GREEN2, _THEME_COLOR_ORANGE2, _THEME_COLOR_RED2, _THEME_COLOR_YELLOW2, _LIBRARY_COMPONENT, _THEME_COLOR_BLUE3, _THEME_COLOR_GREEN3, _THEME_COLOR_ORANGE3, _THEME_COLOR_RED3, _THEME_COLOR_YELLOW3, _LIBRARY_DOT, _THEME_COLOR_BLUE4, _THEME_COLOR_GREEN4, _THEME_COLOR_ORANGE4, _THEME_COLOR_RED4, _THEME_COLOR_YELLOW4, _LIBRARY_SVG, _themeColorMapping;
11
11
 
12
12
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
13
13
 
@@ -18,6 +18,81 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
18
18
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
19
 
20
20
  var themeColorImports = {
21
+ Lib_Blue_Light_Variables: function Lib_Blue_Light_Variables() {
22
+ return Promise.resolve().then(function () {
23
+ return _interopRequireWildcard(require("../libraryChunks/themes/variables/blue/Blue_Light_Variables"));
24
+ });
25
+ },
26
+ Lib_Blue_Dark_Variables: function Lib_Blue_Dark_Variables() {
27
+ return Promise.resolve().then(function () {
28
+ return _interopRequireWildcard(require("../libraryChunks/themes/variables/blue/Blue_Dark_Variables"));
29
+ });
30
+ },
31
+ Lib_Blue_PureDark_Variables: function Lib_Blue_PureDark_Variables() {
32
+ return Promise.resolve().then(function () {
33
+ return _interopRequireWildcard(require("../libraryChunks/themes/variables/blue/Blue_PureDark_Variables"));
34
+ });
35
+ },
36
+ Lib_Green_Light_Variables: function Lib_Green_Light_Variables() {
37
+ return Promise.resolve().then(function () {
38
+ return _interopRequireWildcard(require("../libraryChunks/themes/variables/green/Green_Light_Variables"));
39
+ });
40
+ },
41
+ Lib_Green_Dark_Variables: function Lib_Green_Dark_Variables() {
42
+ return Promise.resolve().then(function () {
43
+ return _interopRequireWildcard(require("../libraryChunks/themes/variables/green/Green_Dark_Variables"));
44
+ });
45
+ },
46
+ Lib_Green_PureDark_Variables: function Lib_Green_PureDark_Variables() {
47
+ return Promise.resolve().then(function () {
48
+ return _interopRequireWildcard(require("../libraryChunks/themes/variables/green/Green_PureDark_Variables"));
49
+ });
50
+ },
51
+ Lib_Orange_Light_Variables: function Lib_Orange_Light_Variables() {
52
+ return Promise.resolve().then(function () {
53
+ return _interopRequireWildcard(require("../libraryChunks/themes/variables/orange/Orange_Light_Variables"));
54
+ });
55
+ },
56
+ Lib_Orange_Dark_Variables: function Lib_Orange_Dark_Variables() {
57
+ return Promise.resolve().then(function () {
58
+ return _interopRequireWildcard(require("../libraryChunks/themes/variables/orange/Orange_Dark_Variables"));
59
+ });
60
+ },
61
+ Lib_Orange_PureDark_Variables: function Lib_Orange_PureDark_Variables() {
62
+ return Promise.resolve().then(function () {
63
+ return _interopRequireWildcard(require("../libraryChunks/themes/variables/orange/Orange_PureDark_Variables"));
64
+ });
65
+ },
66
+ Lib_Red_Light_Variables: function Lib_Red_Light_Variables() {
67
+ return Promise.resolve().then(function () {
68
+ return _interopRequireWildcard(require("../libraryChunks/themes/variables/red/Red_Light_Variables"));
69
+ });
70
+ },
71
+ Lib_Red_Dark_Variables: function Lib_Red_Dark_Variables() {
72
+ return Promise.resolve().then(function () {
73
+ return _interopRequireWildcard(require("../libraryChunks/themes/variables/red/Red_Dark_Variables"));
74
+ });
75
+ },
76
+ Lib_Red_PureDark_Variables: function Lib_Red_PureDark_Variables() {
77
+ return Promise.resolve().then(function () {
78
+ return _interopRequireWildcard(require("../libraryChunks/themes/variables/red/Red_PureDark_Variables"));
79
+ });
80
+ },
81
+ Lib_Yellow_Light_Variables: function Lib_Yellow_Light_Variables() {
82
+ return Promise.resolve().then(function () {
83
+ return _interopRequireWildcard(require("../libraryChunks/themes/variables/yellow/Yellow_Light_Variables"));
84
+ });
85
+ },
86
+ Lib_Yellow_Dark_Variables: function Lib_Yellow_Dark_Variables() {
87
+ return Promise.resolve().then(function () {
88
+ return _interopRequireWildcard(require("../libraryChunks/themes/variables/yellow/Yellow_Dark_Variables"));
89
+ });
90
+ },
91
+ Lib_Yellow_PureDark_Variables: function Lib_Yellow_PureDark_Variables() {
92
+ return Promise.resolve().then(function () {
93
+ return _interopRequireWildcard(require("../libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables"));
94
+ });
95
+ },
21
96
  Lib_Blue_Light_Component: function Lib_Blue_Light_Component() {
22
97
  return Promise.resolve().then(function () {
23
98
  return _interopRequireWildcard(require("../libraryChunks/themes/component/blue/Blue_Light_Component"));
@@ -245,5 +320,5 @@ var themeColorImports = {
245
320
  }
246
321
  };
247
322
  exports.themeColorImports = themeColorImports;
248
- var themeColorMapping = (_themeColorMapping = {}, _defineProperty(_themeColorMapping, _constants.LIBRARY_COMPONENT, (_LIBRARY_COMPONENT = {}, _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE = {}, _defineProperty(_THEME_COLOR_BLUE, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_Component'), _defineProperty(_THEME_COLOR_BLUE, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_Component'), _defineProperty(_THEME_COLOR_BLUE, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_Component'), _THEME_COLOR_BLUE)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN = {}, _defineProperty(_THEME_COLOR_GREEN, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_Component'), _defineProperty(_THEME_COLOR_GREEN, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_Component'), _defineProperty(_THEME_COLOR_GREEN, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_Component'), _THEME_COLOR_GREEN)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE = {}, _defineProperty(_THEME_COLOR_ORANGE, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_Component'), _defineProperty(_THEME_COLOR_ORANGE, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_Component'), _defineProperty(_THEME_COLOR_ORANGE, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_Component'), _THEME_COLOR_ORANGE)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED = {}, _defineProperty(_THEME_COLOR_RED, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_Component'), _defineProperty(_THEME_COLOR_RED, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_Component'), _defineProperty(_THEME_COLOR_RED, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_Component'), _THEME_COLOR_RED)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW = {}, _defineProperty(_THEME_COLOR_YELLOW, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_Component'), _defineProperty(_THEME_COLOR_YELLOW, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_Component'), _defineProperty(_THEME_COLOR_YELLOW, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_Component'), _THEME_COLOR_YELLOW)), _LIBRARY_COMPONENT)), _defineProperty(_themeColorMapping, _constants.LIBRARY_DOT, (_LIBRARY_DOT = {}, _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE2 = {}, _defineProperty(_THEME_COLOR_BLUE2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_Dot'), _defineProperty(_THEME_COLOR_BLUE2, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_Dot'), _defineProperty(_THEME_COLOR_BLUE2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_Dot'), _THEME_COLOR_BLUE2)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN2 = {}, _defineProperty(_THEME_COLOR_GREEN2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_Dot'), _defineProperty(_THEME_COLOR_GREEN2, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_Dot'), _defineProperty(_THEME_COLOR_GREEN2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_Dot'), _THEME_COLOR_GREEN2)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE2 = {}, _defineProperty(_THEME_COLOR_ORANGE2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_Dot'), _defineProperty(_THEME_COLOR_ORANGE2, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_Dot'), _defineProperty(_THEME_COLOR_ORANGE2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_Dot'), _THEME_COLOR_ORANGE2)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED2 = {}, _defineProperty(_THEME_COLOR_RED2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_Dot'), _defineProperty(_THEME_COLOR_RED2, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_Dot'), _defineProperty(_THEME_COLOR_RED2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_Dot'), _THEME_COLOR_RED2)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW2 = {}, _defineProperty(_THEME_COLOR_YELLOW2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_Dot'), _defineProperty(_THEME_COLOR_YELLOW2, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_Dot'), _defineProperty(_THEME_COLOR_YELLOW2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_Dot'), _THEME_COLOR_YELLOW2)), _LIBRARY_DOT)), _defineProperty(_themeColorMapping, _constants.LIBRARY_SVG, (_LIBRARY_SVG = {}, _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE3 = {}, _defineProperty(_THEME_COLOR_BLUE3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_SVG'), _defineProperty(_THEME_COLOR_BLUE3, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_SVG'), _defineProperty(_THEME_COLOR_BLUE3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_SVG'), _THEME_COLOR_BLUE3)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN3 = {}, _defineProperty(_THEME_COLOR_GREEN3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_SVG'), _defineProperty(_THEME_COLOR_GREEN3, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_SVG'), _defineProperty(_THEME_COLOR_GREEN3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_SVG'), _THEME_COLOR_GREEN3)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE3 = {}, _defineProperty(_THEME_COLOR_ORANGE3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_SVG'), _defineProperty(_THEME_COLOR_ORANGE3, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_SVG'), _defineProperty(_THEME_COLOR_ORANGE3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_SVG'), _THEME_COLOR_ORANGE3)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED3 = {}, _defineProperty(_THEME_COLOR_RED3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_SVG'), _defineProperty(_THEME_COLOR_RED3, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_SVG'), _defineProperty(_THEME_COLOR_RED3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_SVG'), _THEME_COLOR_RED3)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW3 = {}, _defineProperty(_THEME_COLOR_YELLOW3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_SVG'), _defineProperty(_THEME_COLOR_YELLOW3, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_SVG'), _defineProperty(_THEME_COLOR_YELLOW3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_SVG'), _THEME_COLOR_YELLOW3)), _LIBRARY_SVG)), _themeColorMapping);
323
+ var themeColorMapping = (_themeColorMapping = {}, _defineProperty(_themeColorMapping, _constants.LIBRARY_VARIABLES, (_LIBRARY_VARIABLES = {}, _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE = {}, _defineProperty(_THEME_COLOR_BLUE, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_Variables'), _defineProperty(_THEME_COLOR_BLUE, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_Variables'), _defineProperty(_THEME_COLOR_BLUE, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_Variables'), _THEME_COLOR_BLUE)), _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN = {}, _defineProperty(_THEME_COLOR_GREEN, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_Variables'), _defineProperty(_THEME_COLOR_GREEN, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_Variables'), _defineProperty(_THEME_COLOR_GREEN, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_Variables'), _THEME_COLOR_GREEN)), _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE = {}, _defineProperty(_THEME_COLOR_ORANGE, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_Variables'), _defineProperty(_THEME_COLOR_ORANGE, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_Variables'), _defineProperty(_THEME_COLOR_ORANGE, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_Variables'), _THEME_COLOR_ORANGE)), _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED = {}, _defineProperty(_THEME_COLOR_RED, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_Variables'), _defineProperty(_THEME_COLOR_RED, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_Variables'), _defineProperty(_THEME_COLOR_RED, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_Variables'), _THEME_COLOR_RED)), _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW = {}, _defineProperty(_THEME_COLOR_YELLOW, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_Variables'), _defineProperty(_THEME_COLOR_YELLOW, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_Variables'), _defineProperty(_THEME_COLOR_YELLOW, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_Variables'), _THEME_COLOR_YELLOW)), _LIBRARY_VARIABLES)), _defineProperty(_themeColorMapping, _constants.LIBRARY_COMPONENT, (_LIBRARY_COMPONENT = {}, _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE2 = {}, _defineProperty(_THEME_COLOR_BLUE2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_Component'), _defineProperty(_THEME_COLOR_BLUE2, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_Component'), _defineProperty(_THEME_COLOR_BLUE2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_Component'), _THEME_COLOR_BLUE2)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN2 = {}, _defineProperty(_THEME_COLOR_GREEN2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_Component'), _defineProperty(_THEME_COLOR_GREEN2, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_Component'), _defineProperty(_THEME_COLOR_GREEN2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_Component'), _THEME_COLOR_GREEN2)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE2 = {}, _defineProperty(_THEME_COLOR_ORANGE2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_Component'), _defineProperty(_THEME_COLOR_ORANGE2, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_Component'), _defineProperty(_THEME_COLOR_ORANGE2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_Component'), _THEME_COLOR_ORANGE2)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED2 = {}, _defineProperty(_THEME_COLOR_RED2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_Component'), _defineProperty(_THEME_COLOR_RED2, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_Component'), _defineProperty(_THEME_COLOR_RED2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_Component'), _THEME_COLOR_RED2)), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW2 = {}, _defineProperty(_THEME_COLOR_YELLOW2, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_Component'), _defineProperty(_THEME_COLOR_YELLOW2, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_Component'), _defineProperty(_THEME_COLOR_YELLOW2, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_Component'), _THEME_COLOR_YELLOW2)), _LIBRARY_COMPONENT)), _defineProperty(_themeColorMapping, _constants.LIBRARY_DOT, (_LIBRARY_DOT = {}, _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE3 = {}, _defineProperty(_THEME_COLOR_BLUE3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_Dot'), _defineProperty(_THEME_COLOR_BLUE3, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_Dot'), _defineProperty(_THEME_COLOR_BLUE3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_Dot'), _THEME_COLOR_BLUE3)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN3 = {}, _defineProperty(_THEME_COLOR_GREEN3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_Dot'), _defineProperty(_THEME_COLOR_GREEN3, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_Dot'), _defineProperty(_THEME_COLOR_GREEN3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_Dot'), _THEME_COLOR_GREEN3)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE3 = {}, _defineProperty(_THEME_COLOR_ORANGE3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_Dot'), _defineProperty(_THEME_COLOR_ORANGE3, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_Dot'), _defineProperty(_THEME_COLOR_ORANGE3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_Dot'), _THEME_COLOR_ORANGE3)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED3 = {}, _defineProperty(_THEME_COLOR_RED3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_Dot'), _defineProperty(_THEME_COLOR_RED3, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_Dot'), _defineProperty(_THEME_COLOR_RED3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_Dot'), _THEME_COLOR_RED3)), _defineProperty(_LIBRARY_DOT, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW3 = {}, _defineProperty(_THEME_COLOR_YELLOW3, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_Dot'), _defineProperty(_THEME_COLOR_YELLOW3, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_Dot'), _defineProperty(_THEME_COLOR_YELLOW3, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_Dot'), _THEME_COLOR_YELLOW3)), _LIBRARY_DOT)), _defineProperty(_themeColorMapping, _constants.LIBRARY_SVG, (_LIBRARY_SVG = {}, _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_BLUE, (_THEME_COLOR_BLUE4 = {}, _defineProperty(_THEME_COLOR_BLUE4, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Blue_Light_SVG'), _defineProperty(_THEME_COLOR_BLUE4, _constants.THEME_APPEARANCE_DARK, 'Lib_Blue_Dark_SVG'), _defineProperty(_THEME_COLOR_BLUE4, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Blue_PureDark_SVG'), _THEME_COLOR_BLUE4)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_GREEN, (_THEME_COLOR_GREEN4 = {}, _defineProperty(_THEME_COLOR_GREEN4, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Green_Light_SVG'), _defineProperty(_THEME_COLOR_GREEN4, _constants.THEME_APPEARANCE_DARK, 'Lib_Green_Dark_SVG'), _defineProperty(_THEME_COLOR_GREEN4, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Green_PureDark_SVG'), _THEME_COLOR_GREEN4)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_ORANGE, (_THEME_COLOR_ORANGE4 = {}, _defineProperty(_THEME_COLOR_ORANGE4, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Orange_Light_SVG'), _defineProperty(_THEME_COLOR_ORANGE4, _constants.THEME_APPEARANCE_DARK, 'Lib_Orange_Dark_SVG'), _defineProperty(_THEME_COLOR_ORANGE4, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Orange_PureDark_SVG'), _THEME_COLOR_ORANGE4)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_RED, (_THEME_COLOR_RED4 = {}, _defineProperty(_THEME_COLOR_RED4, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Red_Light_SVG'), _defineProperty(_THEME_COLOR_RED4, _constants.THEME_APPEARANCE_DARK, 'Lib_Red_Dark_SVG'), _defineProperty(_THEME_COLOR_RED4, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Red_PureDark_SVG'), _THEME_COLOR_RED4)), _defineProperty(_LIBRARY_SVG, _constants.THEME_COLOR_YELLOW, (_THEME_COLOR_YELLOW4 = {}, _defineProperty(_THEME_COLOR_YELLOW4, _constants.THEME_APPEARANCE_LIGHT, 'Lib_Yellow_Light_SVG'), _defineProperty(_THEME_COLOR_YELLOW4, _constants.THEME_APPEARANCE_DARK, 'Lib_Yellow_Dark_SVG'), _defineProperty(_THEME_COLOR_YELLOW4, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_Yellow_PureDark_SVG'), _THEME_COLOR_YELLOW4)), _LIBRARY_SVG)), _themeColorMapping);
249
324
  exports.themeColorMapping = themeColorMapping;
@@ -1,10 +1,10 @@
1
1
  .imgFullSize{
2
2
  height:100% ;
3
- width:100%
3
+ width:100%
4
4
  }
5
5
  .imgMaxFullSize{
6
6
  max-height:100% ;
7
- max-width:100%
7
+ max-width:100%
8
8
  }
9
9
  .imgFullSize, .imgMaxFullSize{
10
10
  /* Variable:Ignore */
@@ -471,7 +471,7 @@
471
471
  transform: translateX(calc(var(--local_translate_movement) * -1));
472
472
  }
473
473
  .carouselItem {
474
- width: 100%
474
+ width: 100%
475
475
  }
476
476
 
477
477
 
@@ -1,23 +1,23 @@
1
1
  .varClass {
2
- --separator_fontSize: 15px;
2
+ --separator_fontSize: var(--zd_font_size15);
3
3
  }
4
4
  .separator {
5
5
  font-size: var(--separator_fontSize);
6
6
  margin: 0 var(--zd_size5) ;
7
7
  }
8
8
  .dot {
9
- --separator_fontSize: 8px;
9
+ --separator_fontSize: var(--zd_font_size8);
10
10
  }
11
11
  .slash {
12
- --separator_fontSize: 10px;
12
+ --separator_fontSize: var(--zd_font_size10);
13
13
  /* line-height: var(--zd_size10); */
14
14
  }
15
15
  .arrow {
16
- --separator_fontSize: 8px;
16
+ --separator_fontSize: var(--zd_font_size8);
17
17
  /* line-height: var(--zd_size7); */
18
18
  }
19
19
  .comma {
20
- --separator_fontSize: 15px;
20
+ --separator_fontSize: var(--zd_font_size15);
21
21
  /* line-height: var(--zd_size13); */
22
22
  }
23
23
  .none {
@@ -2,8 +2,8 @@
2
2
  --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
3
3
  --tag_text_color: var(--zdt_tagWithIconGrey_text);
4
4
  --tag_border_color: var(--zdt_tagWithIconGrey_border);
5
- --tag_small_fontSize: 10px;
6
- --tag_large_fontSize: 12px;
5
+ --tag_small_fontSize: var(--zd_font_size10);
6
+ --tag_large_fontSize: var(--zd_font_size12);
7
7
  }
8
8
 
9
9
  .wrapper {
@@ -20,7 +20,7 @@
20
20
 
21
21
  .small, .large {
22
22
  border: 1px solid var(--tag_border_color);
23
- border-radius: var(--zd_size4);
23
+ border-radius: 4px;
24
24
  padding: 0 var(--zd_size6) ;
25
25
  }
26
26
 
@@ -4,40 +4,49 @@
4
4
  vertical-align: middle;
5
5
  cursor: pointer;
6
6
  padding: var(--zd_size5) ;
7
- border-radius: var(--zd_size2);
7
+ border-radius: 2px;
8
8
  }
9
+
9
10
  .light {
10
11
  background-color: var(--zdt_upload_default_bg);
11
12
  }
13
+
12
14
  .night {
13
15
  background-color: var(--zdt_upload_night_bg);
14
16
  }
17
+
15
18
  .overlay {
16
19
  position: absolute;
17
20
  top: 0 ;
18
21
  bottom: 0 ;
19
22
  background-color: var(--zdt_upload_overlay_bg);
20
23
  }
24
+
21
25
  [dir=ltr] .overlay {
22
26
  left: 0 ;
23
27
  right: 0 ;
24
28
  }
29
+
25
30
  [dir=rtl] .overlay {
26
31
  right: 0 ;
27
32
  left: 0 ;
28
33
  }
34
+
29
35
  .small {
30
36
  width: var(--zd_size50) ;
31
37
  height: var(--zd_size40) ;
32
38
  }
39
+
33
40
  .medium {
34
41
  height: var(--zd_size49) ;
35
42
  width: var(--zd_size65) ;
36
43
  }
44
+
37
45
  .preview {
38
46
  opacity: 0.4;
39
47
  cursor: default;
40
48
  }
49
+
41
50
  .loader {
42
51
  position: absolute;
43
52
  bottom: calc( var(--zd_size1) * -1 ) ;
@@ -45,31 +54,40 @@
45
54
  width: 0% ;
46
55
  transition: width var(--zd_transition6) ease;
47
56
  }
57
+
48
58
  [dir=ltr] .loader {
49
59
  left: 0 ;
50
60
  }
61
+
51
62
  [dir=rtl] .loader {
52
63
  right: 0 ;
53
64
  }
65
+
54
66
  .light .loader {
55
67
  background: var(--zdt_upload_loader_default_bg);
56
68
  }
69
+
57
70
  .night .loader {
58
71
  background: var(--zdt_upload_loader_night_bg);
59
72
  }
73
+
60
74
  .uploadimage {
61
75
  width: 100% ;
62
76
  height: 100% ;
63
77
  }
78
+
64
79
  [dir=ltr] .attachInfo {
65
80
  padding: var(--zd_size4) 0 0 var(--zd_size8) ;
66
81
  }
82
+
67
83
  [dir=rtl] .attachInfo {
68
84
  padding: var(--zd_size4) var(--zd_size8) 0 0 ;
69
85
  }
86
+
70
87
  .fileIcon {
71
88
  font-size: var(--zd_font_size14) ;
72
89
  }
90
+
73
91
  .attachsize {
74
92
  font-size: var(--zd_font_size10) ;
75
93
  letter-spacing: 1px;
@@ -77,12 +95,15 @@
77
95
  text-transform: uppercase;
78
96
  padding: var(--zd_size4) 0 var(--zd_size2) ;
79
97
  }
98
+
80
99
  .light .attachsize {
81
100
  color: var(--zdt_upload_attachsize_default_text);
82
101
  }
102
+
83
103
  .night .attachsize {
84
104
  color: var(--zdt_upload_attachsize_night_text);
85
105
  }
106
+
86
107
  .uploadclose {
87
108
  height: var(--zd_size12) ;
88
109
  width: var(--zd_size12) ;
@@ -92,34 +113,42 @@
92
113
  font-size: var(--zd_font_size12) ;
93
114
  text-align: center;
94
115
  }
116
+
95
117
  [dir=ltr] .uploadclose {
96
118
  right: 0 ;
97
119
  }
120
+
98
121
  [dir=rtl] .uploadclose {
99
122
  left: 0 ;
100
123
  }
124
+
101
125
  .light .uploadclose {
102
126
  color: var(--zdt_upload_uploadclose_default_text);
103
127
  background-color: var(--zdt_upload_uploadclose_default_bg);
104
128
  }
129
+
105
130
  .light .uploadclose:hover {
106
131
  background-color: var(--zdt_upload_uploadclose_default_hover_text);
107
132
  }
133
+
108
134
  .night .uploadclose {
109
135
  color: var(--zdt_upload_uploadclose_night_text);
110
136
  background-color: var(--zdt_upload_uploadclose_night_bg);
111
137
  }
138
+
112
139
  .night .uploadclose:hover {
113
140
  background-color: var(--zdt_upload_uploadclose_night_hover_text);
114
141
  }
142
+
115
143
  .uploadclose,
116
144
  .overlay {
117
145
  opacity: 0;
118
146
  visibility: hidden;
119
147
  transition: var(--zd_transition3);
120
148
  }
149
+
121
150
  .container:hover .uploadclose,
122
151
  .container:hover .overlay {
123
152
  opacity: 1;
124
153
  visibility: visible;
125
- }
154
+ }
@@ -3,138 +3,178 @@
3
3
  position: relative;
4
4
  word-break: break-word;
5
5
  }
6
+
6
7
  .fieldContainer {
7
8
  position: relative;
8
9
  min-height: var(--zd_size25) ;
9
10
  }
11
+
10
12
  .fieldMargin_large {
11
13
  margin-top: var(--zd_size10) ;
12
14
  }
15
+
13
16
  .fieldMargin_medium {
14
17
  margin-top: var(--zd_size5) ;
15
18
  }
19
+
16
20
  .fieldMargin_small {
17
21
  margin-top: 0 ;
18
22
  }
23
+
19
24
  .radioContainer,
20
25
  .checkbox {
21
26
  composes: dflex alignVertical flexwrap from '~@zohodesk/components/es/common/common.module.css';
22
27
  }
28
+
23
29
  .checkbox {
24
30
  min-height: var(--zd_size28) ;
25
31
  }
32
+
26
33
  .checkboxRow {
27
34
  display: inherit;
28
35
  }
36
+
29
37
  .lineClamp_one,
30
38
  .lineClamp_two {
31
39
  composes: clamp from '~@zohodesk/components/es/common/common.module.css';
32
40
  }
41
+
33
42
  .lineClamp_one {
34
43
  -webkit-line-clamp: 1;
35
44
  }
45
+
36
46
  .lineClamp_two {
37
47
  -webkit-line-clamp: 2;
38
48
  }
49
+
39
50
  .checkboxText {
40
51
  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
41
52
  line-height: normal;
42
53
  }
54
+
43
55
  [dir=ltr] .checkboxText {
44
56
  padding-left: var(--zd_size6) ;
45
57
  }
58
+
46
59
  [dir=rtl] .checkboxText {
47
60
  padding-right: var(--zd_size6) ;
48
61
  }
62
+
49
63
  .cbTextPointer {
50
64
  cursor: pointer;
51
65
  }
66
+
52
67
  .disabled, .readonly {
53
68
  cursor: not-allowed;
54
69
  }
70
+
55
71
  .cbTextReadonly,
56
72
  .disabled .fieldLabel,
57
73
  .readonly .fieldLabel {
58
74
  --label_cursor: not-allowed;
59
75
  }
76
+
60
77
  [dir=ltr] .radio {
61
78
  margin: var(--zd_size5) var(--zd_size32) var(--zd_size5) 0 ;
62
79
  }
80
+
63
81
  [dir=rtl] .radio {
64
82
  margin: var(--zd_size5) 0 var(--zd_size5) var(--zd_size32) ;
65
83
  }
66
- .radio, .radioWrap {
67
- max-width: 100%
84
+
85
+ .radio,
86
+ .radioWrap {
87
+ max-width: 100%
68
88
  }
89
+
69
90
  .radiosWrapper {
70
91
  gap: var(--zd_size10)
71
92
  }
93
+
72
94
  .radioBox {
73
95
  max-width: 100% ;
74
96
  transition: border var(--zd_transition3);
75
97
  border: 1px solid var(--zdt_radiofield_box_border);
76
98
  border-radius: 6px;
77
99
  }
100
+
78
101
  .radioBox.primaryTextOnly {
79
102
  height: var(--zd_size36) ;
80
103
  padding: 0 var(--zd_size10) ;
81
104
  }
105
+
82
106
  .radioBox.withSecondaryText {
83
107
  padding: var(--zd_size18) var(--zd_size16) ;
84
108
  }
109
+
85
110
  .hoverableRadioBox:hover, .radioBoxActive {
86
111
  border-color: var(--zdt_radiofield_box_active_border)
87
112
  }
113
+
88
114
  .radioBoxActive {
89
115
  background-color: var(--zdt_radiofield_box_active_bg)
90
116
  }
117
+
91
118
  [dir=ltr] .duration {
92
119
  margin-right: var(--zd_size15) ;
93
120
  }
121
+
94
122
  [dir=rtl] .duration {
95
123
  margin-left: var(--zd_size15) ;
96
124
  }
125
+
97
126
  .durationWidth {
98
127
  width: var(--zd_size94) ;
99
128
  }
129
+
100
130
  .flex {
101
131
  composes: dflex from '~@zohodesk/components/es/common/common.module.css';
102
132
  }
133
+
103
134
  .periodContainer {
104
135
  composes: dflex flexrow flexwrap from '~@zohodesk/components/es/common/common.module.css';
105
136
  width: 100% ;
106
- /*margin-left: var(--zd_size15);*/
137
+ /*margin-left: 15px;*/
107
138
  }
139
+
108
140
  .phoneIcon {
109
141
  color: var(--zdt_fields_phoneicon_icon);
110
142
  display: inline-block;
111
143
  margin: var(--zd_size15) var(--zd_size10) 0 var(--zd_size10) ;
112
144
  cursor: pointer;
113
145
  }
146
+
114
147
  .phoneIcon:hover {
115
148
  color: var(--zdt_fields_phoneicon_hover_icon);
116
149
  }
150
+
117
151
  .newtabIcon {
118
152
  color: var(--zdt_fields_newtabicon_icon);
119
153
  cursor: pointer;
120
154
  }
155
+
121
156
  .newtabIcon:hover {
122
- color: var(--zdt_fields_newtabicon_hover_icon);
157
+ color: var(--zdt_fields_newtabicon_hover_icon);
123
158
  }
159
+
124
160
  .labelContainer {
125
161
  composes: dflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
126
162
  }
163
+
127
164
  .lockIcon,
128
165
  .infoIcon {
129
166
  color: var(--zdt_fields_lockicon_icon);
130
167
  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
131
168
  }
169
+
132
170
  [dir=ltr] .lockIcon, [dir=ltr] .infoIcon {
133
171
  margin-left: var(--zd_size5) ;
134
172
  }
173
+
135
174
  [dir=rtl] .lockIcon, [dir=rtl] .infoIcon {
136
175
  margin-right: var(--zd_size5) ;
137
176
  }
177
+
138
178
  /* .infoIcon {
139
179
  opacity: 0;
140
180
  visibility: hidden;
@@ -149,49 +189,62 @@
149
189
  .lockIcon:hover {
150
190
  color: var(--zdt_fields_lockicon_hover_icon);
151
191
  }
192
+
152
193
  .timeFormat {
153
194
  font-size: var(--zd_font_size11) ;
154
195
  color: var(--zdt_fields_lockicon_icon);
155
196
  }
197
+
156
198
  [dir=ltr] .timeFormat {
157
199
  margin-left: var(--zd_size4) ;
158
200
  }
201
+
159
202
  [dir=rtl] .timeFormat {
160
203
  margin-right: var(--zd_size4) ;
161
204
  }
205
+
162
206
  .newTab {
163
207
  color: var(--zdt_fields_lockicon_icon);
164
208
  font-size: 0 ;
165
209
  display: none;
166
210
  cursor: pointer;
167
211
  }
212
+
168
213
  [dir=ltr] .newTab {
169
214
  margin-left: var(--zd_size6) ;
170
215
  }
216
+
171
217
  [dir=rtl] .newTab {
172
218
  margin-right: var(--zd_size6) ;
173
219
  }
220
+
174
221
  .newTab:hover {
175
222
  color: var(--zdt_fields_phoneicon_icon);
176
223
  }
224
+
177
225
  .container:hover .newTab {
178
226
  display: block;
179
227
  }
228
+
180
229
  .lockText {
181
230
  font-size: var(--zd_font_size13) ;
182
231
  font-style: italic;
183
232
  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
184
233
  }
234
+
185
235
  .labelMandatory:after {
186
236
  content: '*';
187
237
  color: var(--zdt_fields_lockicon_hover_icon);
188
238
  }
239
+
189
240
  [dir=ltr] .labelMandatory:after {
190
241
  padding-left: var(--zd_size2) ;
191
242
  }
243
+
192
244
  [dir=rtl] .labelMandatory:after {
193
245
  padding-right: var(--zd_size2) ;
194
246
  }
247
+
195
248
  .ePhiTag {
196
249
  composes: flexshrink from '~@zohodesk/components/es/common/common.module.css';
197
250
  color: var(--zdt_fields_phitag_text);
@@ -201,35 +254,38 @@
201
254
  background-color: var(--zdt_fields_phitag_bg);
202
255
  border: 1px solid var(--zdt_fields_phitag_border);
203
256
  padding: 0 var(--zd_size5) ;
204
- border-radius: var(--zd_size3);
257
+ border-radius: 3px;
205
258
  }
259
+
206
260
  [dir=ltr] .ePhiTag {
207
261
  margin-left: var(--zd_size8) ;
208
262
  }
263
+
209
264
  [dir=rtl] .ePhiTag {
210
265
  margin-right: var(--zd_size8) ;
211
266
  }
212
267
 
213
- .hasChildren{
214
- position: relative;
268
+ .hasChildren {
269
+ position: relative;
215
270
  }
216
271
 
217
- .rightPlaceholder{
272
+ .rightPlaceholder {
218
273
  position: absolute;
219
- bottom:var(--zd_size4)
274
+ bottom: var(--zd_size4)
220
275
  }
221
276
 
222
- [dir=ltr] .rightPlaceholder{
223
- right:var(--zd_size15)
277
+ [dir=ltr] .rightPlaceholder {
278
+ right: var(--zd_size15)
224
279
  }
225
280
 
226
- [dir=rtl] .rightPlaceholder{
227
- left:var(--zd_size15)
281
+ [dir=rtl] .rightPlaceholder {
282
+ left: var(--zd_size15)
228
283
  }
229
- .phoneField{
230
- composes: ltr-zone from '~@zohodesk/components/es/common/common.module.css';
284
+
285
+ .phoneField {
286
+ composes: ltr-zone from '~@zohodesk/components/es/common/common.module.css';
231
287
  }
232
288
 
233
- .lineClampPickListItem{
234
- --line-clamp: var(--picklist-field-line-clamp,3);
289
+ .lineClampPickListItem {
290
+ --line-clamp: var(--picklist-field-line-clamp, 3);
235
291
  }
@@ -701,7 +701,7 @@
701
701
  }
702
702
 
703
703
  .textEditor :global .KB_Editor_common_DropDown {
704
- padding: 0 !important;
704
+ padding: 0 !important;
705
705
  }
706
706
 
707
707
  .textEditor :global .KB_Editor_common_DropDown ul {