@zohodesk/dot 1.9.7 → 1.9.9

package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/light/themes/blue/blue_ctaTokens_LightTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/light/themes/blue/blue_ctaTokens_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/blue/blue_ctaTokens_PureDarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/blue/blue_ctaTokens_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/green/green_ctaTokens_DarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/green/green_ctaTokens_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/light/themes/green/green_ctaTokens_LightTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/light/themes/green/green_ctaTokens_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/green/green_ctaTokens_PureDarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/green/green_ctaTokens_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/orange/orange_ctaTokens_DarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/orange/orange_ctaTokens_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/light/themes/orange/orange_ctaTokens_LightTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/light/themes/orange/orange_ctaTokens_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/orange/orange_ctaTokens_PureDarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/orange/orange_ctaTokens_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/red/red_ctaTokens_DarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/red/red_ctaTokens_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/light/themes/red/red_ctaTokens_LightTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/light/themes/red/red_ctaTokens_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/red/red_ctaTokens_PureDarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/red/red_ctaTokens_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/yellow/yellow_ctaTokens_DarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/yellow/yellow_ctaTokens_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/light/themes/yellow/yellow_ctaTokens_LightTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/light/themes/yellow/yellow_ctaTokens_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/yellow/yellow_ctaTokens_PureDarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/yellow/yellow_ctaTokens_PureDarkModifyCategory.module.css");

package/lib/DotProvider/utils/constants.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.THEME_COLOR_YELLOW = exports.THEME_COLOR_RED = exports.THEME_COLOR_ORANGE = exports.THEME_COLOR_GREEN = exports.THEME_COLOR_BLUE = exports.THEME_COLORS = exports.THEME_APPEARANCE_PURE_DARK = exports.THEME_APPEARANCE_LIGHT = exports.THEME_APPEARANCE_DARK = exports.THEME_APPEARANCES = exports.LIBRARY_SVG = exports.LIBRARY_DOT = exports.LIBRARY_COMPONENT = exports.LIBRARIES = void 0;
+exports.THEME_COLOR_YELLOW = exports.THEME_COLOR_RED = exports.THEME_COLOR_ORANGE = exports.THEME_COLOR_GREEN = exports.THEME_COLOR_BLUE = exports.THEME_COLORS = exports.THEME_APPEARANCE_PURE_DARK = exports.THEME_APPEARANCE_LIGHT = exports.THEME_APPEARANCE_DARK = exports.THEME_APPEARANCES = exports.LIBRARY_VARIABLES = exports.LIBRARY_SVG = exports.LIBRARY_DOT = exports.LIBRARY_COMPONENT = exports.LIBRARIES = void 0;
+var LIBRARY_VARIABLES = 'variables';
+exports.LIBRARY_VARIABLES = LIBRARY_VARIABLES;
 var LIBRARY_COMPONENT = 'component';
 exports.LIBRARY_COMPONENT = LIBRARY_COMPONENT;
 var LIBRARY_DOT = 'dot';
@@ -26,7 +28,7 @@ var THEME_COLOR_RED = 'red';
 exports.THEME_COLOR_RED = THEME_COLOR_RED;
 var THEME_COLOR_YELLOW = 'yellow';
 exports.THEME_COLOR_YELLOW = THEME_COLOR_YELLOW;
-var LIBRARIES = [LIBRARY_COMPONENT, LIBRARY_DOT, LIBRARY_SVG];
+var LIBRARIES = [LIBRARY_VARIABLES, LIBRARY_COMPONENT, LIBRARY_DOT, LIBRARY_SVG];
 exports.LIBRARIES = LIBRARIES;
 var THEME_APPEARANCES = [THEME_APPEARANCE_LIGHT, THEME_APPEARANCE_DARK, THEME_APPEARANCE_PURE_DARK];
 exports.THEME_APPEARANCES = THEME_APPEARANCES;

package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js

@@ -7,7 +7,7 @@ exports.themeAppearanceMapping = exports.themeAppearanceImports = void 0;
 
 var _constants = require("./constants");
 
-var _LIBRARY_COMPONENT, _LIBRARY_DOT, _LIBRARY_SVG, _themeAppearanceMappi;
+var _LIBRARY_VARIABLES, _LIBRARY_COMPONENT, _LIBRARY_DOT, _LIBRARY_SVG, _themeAppearanceMappi;
 
 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); }
 
@@ -18,6 +18,21 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 var themeAppearanceImports = {
+  Lib_LightMode_Variables: function Lib_LightMode_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/appearance/variables/Light_Variables"));
+    });
+  },
+  Lib_DarkMode_Variables: function Lib_DarkMode_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/appearance/variables/Dark_Variables"));
+    });
+  },
+  Lib_PureDarkMode_Variables: function Lib_PureDarkMode_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/appearance/variables/PureDark_Variables"));
+    });
+  },
   Lib_LightMode_Component: function Lib_LightMode_Component() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require("../libraryChunks/appearance/component/Light_Component"));
@@ -65,5 +80,5 @@ var themeAppearanceImports = {
   }
 };
 exports.themeAppearanceImports = themeAppearanceImports;
-var themeAppearanceMapping = (_themeAppearanceMappi = {}, _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_COMPONENT, (_LIBRARY_COMPONENT = {}, _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_Component'), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_Component'), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_Component'), _LIBRARY_COMPONENT)), _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_DOT, (_LIBRARY_DOT = {}, _defineProperty(_LIBRARY_DOT, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_Dot'), _defineProperty(_LIBRARY_DOT, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_Dot'), _defineProperty(_LIBRARY_DOT, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_Dot'), _LIBRARY_DOT)), _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_SVG, (_LIBRARY_SVG = {}, _defineProperty(_LIBRARY_SVG, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_SVG'), _defineProperty(_LIBRARY_SVG, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_SVG'), _defineProperty(_LIBRARY_SVG, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_SVG'), _LIBRARY_SVG)), _themeAppearanceMappi);
+var themeAppearanceMapping = (_themeAppearanceMappi = {}, _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_VARIABLES, (_LIBRARY_VARIABLES = {}, _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_Variables'), _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_Variables'), _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_Variables'), _LIBRARY_VARIABLES)), _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_COMPONENT, (_LIBRARY_COMPONENT = {}, _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_Component'), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_Component'), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_Component'), _LIBRARY_COMPONENT)), _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_DOT, (_LIBRARY_DOT = {}, _defineProperty(_LIBRARY_DOT, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_Dot'), _defineProperty(_LIBRARY_DOT, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_Dot'), _defineProperty(_LIBRARY_DOT, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_Dot'), _LIBRARY_DOT)), _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_SVG, (_LIBRARY_SVG = {}, _defineProperty(_LIBRARY_SVG, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_SVG'), _defineProperty(_LIBRARY_SVG, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_SVG'), _defineProperty(_LIBRARY_SVG, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_SVG'), _LIBRARY_SVG)), _themeAppearanceMappi);
 exports.themeAppearanceMapping = themeAppearanceMapping;

package/lib/DotProvider/utils/themeColorAssetsConfig.js

@@ -7,7 +7,7 @@ exports.themeColorMapping = exports.themeColorImports = void 0;
 
 var _constants = require("./constants");
 
-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;
+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;
 
 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); }
 
@@ -18,6 +18,81 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 var themeColorImports = {
+  Lib_Blue_Light_Variables: function Lib_Blue_Light_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/themes/variables/blue/Blue_Light_Variables"));
+    });
+  },
+  Lib_Blue_Dark_Variables: function Lib_Blue_Dark_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/themes/variables/blue/Blue_Dark_Variables"));
+    });
+  },
+  Lib_Blue_PureDark_Variables: function Lib_Blue_PureDark_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/themes/variables/blue/Blue_PureDark_Variables"));
+    });
+  },
+  Lib_Green_Light_Variables: function Lib_Green_Light_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/themes/variables/green/Green_Light_Variables"));
+    });
+  },
+  Lib_Green_Dark_Variables: function Lib_Green_Dark_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/themes/variables/green/Green_Dark_Variables"));
+    });
+  },
+  Lib_Green_PureDark_Variables: function Lib_Green_PureDark_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/themes/variables/green/Green_PureDark_Variables"));
+    });
+  },
+  Lib_Orange_Light_Variables: function Lib_Orange_Light_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/themes/variables/orange/Orange_Light_Variables"));
+    });
+  },
+  Lib_Orange_Dark_Variables: function Lib_Orange_Dark_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/themes/variables/orange/Orange_Dark_Variables"));
+    });
+  },
+  Lib_Orange_PureDark_Variables: function Lib_Orange_PureDark_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/themes/variables/orange/Orange_PureDark_Variables"));
+    });
+  },
+  Lib_Red_Light_Variables: function Lib_Red_Light_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/themes/variables/red/Red_Light_Variables"));
+    });
+  },
+  Lib_Red_Dark_Variables: function Lib_Red_Dark_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/themes/variables/red/Red_Dark_Variables"));
+    });
+  },
+  Lib_Red_PureDark_Variables: function Lib_Red_PureDark_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/themes/variables/red/Red_PureDark_Variables"));
+    });
+  },
+  Lib_Yellow_Light_Variables: function Lib_Yellow_Light_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/themes/variables/yellow/Yellow_Light_Variables"));
+    });
+  },
+  Lib_Yellow_Dark_Variables: function Lib_Yellow_Dark_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/themes/variables/yellow/Yellow_Dark_Variables"));
+    });
+  },
+  Lib_Yellow_PureDark_Variables: function Lib_Yellow_PureDark_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables"));
+    });
+  },
   Lib_Blue_Light_Component: function Lib_Blue_Light_Component() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require("../libraryChunks/themes/component/blue/Blue_Light_Component"));
@@ -245,5 +320,5 @@ var themeColorImports = {
   }
 };
 exports.themeColorImports = themeColorImports;
-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);
+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);
 exports.themeColorMapping = themeColorMapping;

package/lib/Image/Image.module.css

@@ -1,10 +1,10 @@
 .imgFullSize{
     height:100% ;
-    width:100% 
+    width:100%  
 }
 .imgMaxFullSize{
     max-height:100% ;
-    max-width:100% 
+    max-width:100%  
 }
 .imgFullSize, .imgMaxFullSize{
   /*  Variable:Ignore  */

package/lib/Onboarding/css/Onboarding.module.css

@@ -471,7 +471,7 @@
   transform: translateX(calc(var(--local_translate_movement) * -1));
 }
 .carouselItem {
-  width: 100% 
+  width: 100%  
 }
 
 

package/lib/Separator/Separator.module.css

@@ -1,23 +1,23 @@
 .varClass {
-  --separator_fontSize: 15px;
+  --separator_fontSize: var(--zd_font_size15);
 }
 .separator {
   font-size: var(--separator_fontSize);
   margin: 0 var(--zd_size5) ;
 }
 .dot {
-  --separator_fontSize: 8px;
+  --separator_fontSize: var(--zd_font_size8);
 }
 .slash {
-  --separator_fontSize: 10px;
+  --separator_fontSize: var(--zd_font_size10);
   /* line-height: var(--zd_size10); */
 }
 .arrow {
-  --separator_fontSize: 8px;
+  --separator_fontSize: var(--zd_font_size8);
   /* line-height: var(--zd_size7); */
 }
 .comma {
-  --separator_fontSize: 15px;
+  --separator_fontSize: var(--zd_font_size15);
   /* line-height: var(--zd_size13); */
 }
 .none {

package/lib/TagWithIcon/TagWithIcon.module.css

@@ -2,8 +2,8 @@
   --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
   --tag_text_color: var(--zdt_tagWithIconGrey_text);
   --tag_border_color: var(--zdt_tagWithIconGrey_border);
-  --tag_small_fontSize: 10px;
-  --tag_large_fontSize: 12px;
+  --tag_small_fontSize: var(--zd_font_size10);
+  --tag_large_fontSize: var(--zd_font_size12);
 }
 
 .wrapper {
@@ -20,7 +20,7 @@
 
 .small, .large {
   border: 1px solid var(--tag_border_color);
-  border-radius: var(--zd_size4);
+  border-radius: 4px;
   padding: 0 var(--zd_size6) ;
 }
 

package/lib/Upload/Upload.module.css

@@ -4,40 +4,49 @@
   vertical-align: middle;
   cursor: pointer;
   padding: var(--zd_size5) ;
-  border-radius: var(--zd_size2);
+  border-radius: 2px;
 }
+
 .light {
   background-color: var(--zdt_upload_default_bg);
 }
+
 .night {
   background-color: var(--zdt_upload_night_bg);
 }
+
 .overlay {
   position: absolute;
   top: 0 ;
   bottom: 0 ;
   background-color: var(--zdt_upload_overlay_bg);
 }
+
 [dir=ltr] .overlay {
   left: 0 ;
   right: 0 ;
 }
+
 [dir=rtl] .overlay {
   right: 0 ;
   left: 0 ;
 }
+
 .small {
   width: var(--zd_size50) ;
   height: var(--zd_size40) ;
 }
+
 .medium {
   height: var(--zd_size49) ;
   width: var(--zd_size65) ;
 }
+
 .preview {
   opacity: 0.4;
   cursor: default;
 }
+
 .loader {
   position: absolute;
   bottom: calc( var(--zd_size1) * -1 ) ;
@@ -45,31 +54,40 @@
   width: 0% ;
   transition: width var(--zd_transition6) ease;
 }
+
 [dir=ltr] .loader {
   left: 0 ;
 }
+
 [dir=rtl] .loader {
   right: 0 ;
 }
+
 .light .loader {
   background: var(--zdt_upload_loader_default_bg);
 }
+
 .night .loader {
   background: var(--zdt_upload_loader_night_bg);
 }
+
 .uploadimage {
   width: 100% ;
   height: 100% ;
 }
+
 [dir=ltr] .attachInfo {
   padding: var(--zd_size4) 0 0 var(--zd_size8) ;
 }
+
 [dir=rtl] .attachInfo {
   padding: var(--zd_size4) var(--zd_size8) 0 0 ;
 }
+
 .fileIcon {
   font-size: var(--zd_font_size14) ;
 }
+
 .attachsize {
   font-size: var(--zd_font_size10) ;
   letter-spacing: 1px;
@@ -77,12 +95,15 @@
   text-transform: uppercase;
   padding: var(--zd_size4) 0 var(--zd_size2) ;
 }
+
 .light .attachsize {
   color: var(--zdt_upload_attachsize_default_text);
 }
+
 .night .attachsize {
   color: var(--zdt_upload_attachsize_night_text);
 }
+
 .uploadclose {
   height: var(--zd_size12) ;
   width: var(--zd_size12) ;
@@ -92,34 +113,42 @@
   font-size: var(--zd_font_size12) ;
   text-align: center;
 }
+
 [dir=ltr] .uploadclose {
   right: 0 ;
 }
+
 [dir=rtl] .uploadclose {
   left: 0 ;
 }
+
 .light .uploadclose {
   color: var(--zdt_upload_uploadclose_default_text);
   background-color: var(--zdt_upload_uploadclose_default_bg);
 }
+
 .light .uploadclose:hover {
   background-color: var(--zdt_upload_uploadclose_default_hover_text);
 }
+
 .night .uploadclose {
   color: var(--zdt_upload_uploadclose_night_text);
   background-color: var(--zdt_upload_uploadclose_night_bg);
 }
+
 .night .uploadclose:hover {
   background-color: var(--zdt_upload_uploadclose_night_hover_text);
 }
+
 .uploadclose,
 .overlay {
   opacity: 0;
   visibility: hidden;
   transition: var(--zd_transition3);
 }
+
 .container:hover .uploadclose,
 .container:hover .overlay {
   opacity: 1;
   visibility: visible;
-}
+}