@zohodesk/dot 1.0.0-temp-181 → 1.0.0-temp-181.2

package/es/v1/DotWrapper/utils/themeProperties.js

@@ -133,7 +133,52 @@ export const themeImports = {
   '../libraryChunks/themes/svg/yellow/Yellow_Dark_SVG'),
   Lib_Yellow_PureDark_SVG: () => import(
   /* webpackChunkName: 'Lib_Yellow_PureDark_SVG' */
-  '../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG')
+  '../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG'),
+  Lib_Blue_Light_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Blue_Light_DeskComponent' */
+  '../libraryChunks/themes/desk-components/blue/Blue_Light_DeskComponent'),
+  Lib_Blue_Dark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Blue_Dark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/blue/Blue_Dark_DeskComponent'),
+  Lib_Blue_PureDark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Blue_PureDark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/blue/Blue_PureDark_DeskComponent'),
+  Lib_Green_Light_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Green_Light_DeskComponent' */
+  '../libraryChunks/themes/desk-components/green/Green_Light_DeskComponent'),
+  Lib_Green_Dark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Green_Dark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/green/Green_Dark_DeskComponent'),
+  Lib_Green_PureDark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Green_PureDark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/green/Green_PureDark_DeskComponent'),
+  Lib_Orange_Light_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Orange_Light_DeskComponent' */
+  '../libraryChunks/themes/desk-components/orange/Orange_Light_DeskComponent'),
+  Lib_Orange_Dark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Orange_Dark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/orange/Orange_Dark_DeskComponent'),
+  Lib_Orange_PureDark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Orange_PureDark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/orange/Orange_PureDark_DeskComponent'),
+  Lib_Red_Light_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Red_Light_DeskComponent' */
+  '../libraryChunks/themes/desk-components/red/Red_Light_DeskComponent'),
+  Lib_Red_Dark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Red_Dark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/red/Red_Dark_DeskComponent'),
+  Lib_Red_PureDark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Red_PureDark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/red/Red_PureDark_DeskComponent'),
+  Lib_Yellow_Light_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Light_DeskComponent' */
+  '../libraryChunks/themes/desk-components/yellow/Yellow_Light_DeskComponent'),
+  Lib_Yellow_Dark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Dark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/yellow/Yellow_Dark_DeskComponent'),
+  Lib_Yellow_PureDark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Yellow_PureDark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/yellow/Yellow_PureDark_DeskComponent')
 };
 export const themeMapping = {
   component: {
@@ -216,5 +261,32 @@ export const themeMapping = {
       dark: 'Lib_Yellow_Dark_SVG',
       pureDark: 'Lib_Yellow_PureDark_SVG'
     }
+  },
+  deskComponents: {
+    blue: {
+      light: 'Lib_Blue_Light_DeskComponent',
+      dark: 'Lib_Blue_Dark_DeskComponent',
+      pureDark: 'Lib_Blue_PureDark_DeskComponent'
+    },
+    green: {
+      light: 'Lib_Green_Light_DeskComponent',
+      dark: 'Lib_Green_Dark_DeskComponent',
+      pureDark: 'Lib_Green_PureDark_DeskComponent'
+    },
+    orange: {
+      light: 'Lib_Orange_Light_DeskComponent',
+      dark: 'Lib_Orange_Dark_DeskComponent',
+      pureDark: 'Lib_Orange_PureDark_DeskComponent'
+    },
+    red: {
+      light: 'Lib_Red_Light_DeskComponent',
+      dark: 'Lib_Red_Dark_DeskComponent',
+      pureDark: 'Lib_Red_PureDark_DeskComponent'
+    },
+    yellow: {
+      light: 'Lib_Yellow_Light_DeskComponent',
+      dark: 'Lib_Yellow_Dark_DeskComponent',
+      pureDark: 'Lib_Yellow_PureDark_DeskComponent'
+    }
   }
 };

package/es/v1/form/layout/Section/props/propTypes.js

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types';
 export const propTypes = {
+  children: PropTypes.node,
   className: PropTypes.string,
   containerClass: PropTypes.string,
   dataId: PropTypes.string,

package/lib/common/dot_boxShadow.module.css

@@ -35,6 +35,4 @@
 
     /* desktop notification */
     --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
-
-
 }

package/lib/v1/DotWrapper/DotWrapper.js

@@ -7,34 +7,59 @@ exports["default"] = DotWrapper;
 
 var _react = _interopRequireDefault(require("react"));
 
-require("@zohodesk/variables/assets/sizeVariables.module.css");
-
 var _dynamicImports = require("./libraryChunks/dynamicImports");
 
+require("@zohodesk/variables/assets/colorVariables.module.css");
+
+require("@zohodesk/variables/assets/dotVariables.module.css");
+
+require("@zohodesk/components/es/common/basic.module.css");
+
+require("@zohodesk/variables/lib/fontFamilyVariables.module.css");
+
+require("@zohodesk/components/lib/common/boxShadow.module.css");
+
+require("../../common/dot_boxShadow.module.css");
+
+require("@zohodesk-private/desk-components/es/common/Dc_boxShadow.module.css");
+
 var _propTypes = require("./props/propTypes");
 
 var _defaultProps = require("./props/defaultProps");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function DotWrapper(props) {
-  var appearance = props.appearance,
+  var children = props.children,
+      appearance = props.appearance,
       theme = props.theme,
       library = props.library,
-      isZoom = props.isZoom,
-      baseZoomSize = props.baseZoomSize;
+      baseZoomSize = props.baseZoomSize,
+      baseFontSize = props.baseFontSize,
+      className = props.className;
   (0, _dynamicImports.getAppearance)(appearance, library);
   (0, _dynamicImports.getTheme)(appearance, theme, library);
-  var wrapperStyle = {
-    background: 'aqua',
-    color: '#000',
-    padding: 'var(--zd_size20)',
+  baseZoomSize && (0, _dynamicImports.getZoomSize)();
+  baseFontSize && (0, _dynamicImports.getFontSize)();
+  var baseZoom = {
     '--zd_baseSize': baseZoomSize
   };
+  var baseFont = {
+    '--zd_baseFontSize': baseFontSize
+  };
+
+  var combinedStyles = _objectSpread(_objectSpread({}, baseZoom), baseFont);
+
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "rootWrapper",
-    style: wrapperStyle
-  }, "Dot Wrapper");
+    className: "".concat(className, " rootWrapper"),
+    style: combinedStyles
+  }, children);
 }
 
 DotWrapper.propTypes = _propTypes.propTypes;

package/lib/v1/DotWrapper/libraryChunks/appearance/desk-components/DarkMode_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/dark/mode/deskComponents_DarkMode.module.css");

package/lib/v1/DotWrapper/libraryChunks/appearance/desk-components/LightMode_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/light/mode/deskComponents_LightMode.module.css");

package/lib/v1/DotWrapper/libraryChunks/appearance/desk-components/PureDarkMode_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/pureDark/mode/deskComponents_PureDarkMode.module.css");

package/lib/v1/DotWrapper/libraryChunks/dynamicImports.js

@@ -4,12 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getAppearance = getAppearance;
+exports.getFontSize = getFontSize;
 exports.getTheme = getTheme;
+exports.getZoomSize = getZoomSize;
 
 var _appearanceProperties = require("../utils/appearanceProperties");
 
 var _themeProperties = require("../utils/themeProperties");
 
+var _sizeProperties = require("../utils/sizeProperties");
+
 var _importFiles = require("../utils/importFiles");
 
 var _errorMessage = require("../utils/errorMessage");
@@ -22,12 +26,22 @@ function getAppearance(mode, library) {
   var libArray = typeof library === 'string' ? [library] : library != undefined ? library : defaultLib;
   console.log('get appearance -->', mode, libArray);
   (0, _errorMessage.errorMessage)(modeArray, mode, 'appearance');
-  (0, _importFiles.importFiles)(libArray, _appearanceProperties.appearanceMapping, _appearanceProperties.appearanceImports, mode);
+  (0, _importFiles.importFiles)('appearance', libArray, _appearanceProperties.appearanceMapping, _appearanceProperties.appearanceImports, mode);
 }
 
 function getTheme(mode, theme, library) {
   var libArray = typeof library === 'string' ? [library] : library != undefined ? library : defaultLib;
   console.log('get theme -->', theme, libArray);
   (0, _errorMessage.errorMessage)(themeArray, theme, 'theme');
-  (0, _importFiles.importFiles)(libArray, _themeProperties.themeMapping, _themeProperties.themeImports, mode, theme);
+  (0, _importFiles.importFiles)('theme', libArray, _themeProperties.themeMapping, _themeProperties.themeImports, mode, theme);
+}
+
+function getZoomSize() {
+  console.log('get zoom size variables');
+  (0, _importFiles.importFiles)('zoom', null, _sizeProperties.mapping, _sizeProperties.imports);
+}
+
+function getFontSize() {
+  console.log('font size variables');
+  (0, _importFiles.importFiles)('font', null, _sizeProperties.mapping, _sizeProperties.imports);
 }

package/lib/v1/DotWrapper/libraryChunks/size/fontSize.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/variables/assets/fontsizeVariables.module.css");

package/lib/v1/DotWrapper/libraryChunks/size/zoomSize.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/variables/assets/sizeVariables.module.css");

package/lib/v1/DotWrapper/libraryChunks/themes/desk-components/blue/Blue_Dark_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/dark/themes/blue/blue_deskComponentsTheme_DarkTheme.module.css");

package/lib/v1/DotWrapper/libraryChunks/themes/desk-components/blue/Blue_Light_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/light/themes/blue/blue_deskComponentsTheme_LightTheme.module.css");

package/lib/v1/DotWrapper/libraryChunks/themes/desk-components/blue/Blue_PureDark_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/pureDark/themes/blue/blue_deskComponentsTheme_PureDarkTheme.module.css");

package/lib/v1/DotWrapper/libraryChunks/themes/desk-components/green/Green_Dark_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/dark/themes/green/green_deskComponentsTheme_DarkTheme.module.css");

package/lib/v1/DotWrapper/libraryChunks/themes/desk-components/green/Green_Light_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/light/themes/green/green_deskComponentsTheme_LightTheme.module.css");

package/lib/v1/DotWrapper/libraryChunks/themes/desk-components/green/Green_PureDark_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/pureDark/themes/green/green_deskComponentsTheme_PureDarkTheme.module.css");

package/lib/v1/DotWrapper/libraryChunks/themes/desk-components/orange/Orange_Dark_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/dark/themes/orange/orange_deskComponentsTheme_DarkTheme.module.css");

package/lib/v1/DotWrapper/libraryChunks/themes/desk-components/orange/Orange_Light_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/light/themes/orange/orange_deskComponentsTheme_LightTheme.module.css");

package/lib/v1/DotWrapper/libraryChunks/themes/desk-components/orange/Orange_PureDark_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/pureDark/themes/orange/orange_deskComponentsTheme_PureDarkTheme.module.css");

package/lib/v1/DotWrapper/libraryChunks/themes/desk-components/red/Red_Dark_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/dark/themes/red/red_deskComponentsTheme_DarkTheme.module.css");

package/lib/v1/DotWrapper/libraryChunks/themes/desk-components/red/Red_Light_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/light/themes/red/red_deskComponentsTheme_LightTheme.module.css");

package/lib/v1/DotWrapper/libraryChunks/themes/desk-components/red/Red_PureDark_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/pureDark/themes/red/red_deskComponentsTheme_PureDarkTheme.module.css");

package/lib/v1/DotWrapper/libraryChunks/themes/desk-components/yellow/Yellow_Dark_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/dark/themes/yellow/yellow_deskComponentsTheme_DarkTheme.module.css");

package/lib/v1/DotWrapper/libraryChunks/themes/desk-components/yellow/Yellow_Light_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/light/themes/yellow/yellow_deskComponentsTheme_LightTheme.module.css");

package/lib/v1/DotWrapper/libraryChunks/themes/desk-components/yellow/Yellow_PureDark_DeskComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk-private/desk-components/assets/Appearance/pureDark/themes/yellow/yellow_deskComponentsTheme_PureDarkTheme.module.css");

package/lib/v1/DotWrapper/props/defaultProps.js

@@ -8,7 +8,6 @@ var defaultProps = {
   appearance: 'light',
   theme: 'blue',
   library: ['component'],
-  isZoom: false,
-  baseZoomSize: '1'
+  className: ''
 };
 exports.defaultProps = defaultProps;

package/lib/v1/DotWrapper/props/propTypes.js

@@ -10,10 +10,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var propTypes = {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].arrayOf(_propTypes["default"].element)]),
   appearance: _propTypes["default"].oneOf(['light', 'dark', 'pureDark']),
   theme: _propTypes["default"].oneOf(['blue', 'green', 'orange', 'red', 'yellow']),
-  library: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(['component', 'dot', 'svg'])),
-  isZoom: _propTypes["default"].bool,
-  baseZoomSize: _propTypes["default"].number
+  library: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(['component', 'dot', 'svg', 'deskComponents'])),
+  baseZoomSize: _propTypes["default"].number,
+  baseFontSize: _propTypes["default"].number,
+  className: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/v1/DotWrapper/utils/appearanceProperties.js

@@ -56,6 +56,21 @@ var appearanceImports = {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require('../libraryChunks/appearance/svg/PureDarkMode_SVG'));
     });
+  },
+  Lib_LightMode_DeskComponent: function Lib_LightMode_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/appearance/desk-components/LightMode_DeskComponent'));
+    });
+  },
+  Lib_DarkMode_DeskComponent: function Lib_DarkMode_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/appearance/desk-components/DarkMode_DeskComponent'));
+    });
+  },
+  Lib_PureDarkMode_DeskComponent: function Lib_PureDarkMode_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/appearance/desk-components/PureDarkMode_DeskComponent'));
+    });
   }
 };
 exports.appearanceImports = appearanceImports;
@@ -74,6 +89,11 @@ var appearanceMapping = {
     light: 'Lib_LightMode_SVG',
     dark: 'Lib_DarkMode_SVG',
     pureDark: 'Lib_PureDarkMode_SVG'
+  },
+  deskComponents: {
+    light: 'Lib_LightMode_DeskComponent',
+    dark: 'Lib_DarkMode_DeskComponent',
+    pureDark: 'Lib_PureDarkMode_DeskComponent'
   }
 };
 exports.appearanceMapping = appearanceMapping;

package/lib/v1/DotWrapper/utils/importFiles.js

@@ -5,21 +5,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.importFiles = importFiles;
 
-function importFiles(libArray, mapping, imports, mode, theme) {
-  return libArray.map(function (libName) {
-    var importFile = theme ? [mapping[libName][theme][mode]] : [mapping[libName][mode]];
-    console.log("Import file for ".concat(libName, " -->"), importFile);
-    var promises = [];
-    importFile.forEach(function (fileKey) {
-      if (imports[fileKey]) {
-        promises.push(imports[fileKey]());
-      } else {
-        console.error("Import not found for ".concat(fileKey));
-      }
+function importFiles(type, libArray, mapping, imports, mode, theme) {
+  if (type === 'appearance' || type === 'theme') {
+    return libArray.map(function (libName) {
+      var importFile = theme ? [mapping[libName][theme][mode]] : [mapping[libName][mode]];
+      console.log("Import file for ".concat(libName, " -->"), importFile);
+      var promises = [];
+      importFile.forEach(function (fileKey) {
+        if (imports[fileKey]) {
+          promises.push(imports[fileKey]());
+        } else {
+          console.error("Import not found for ".concat(fileKey));
+        }
+      });
+      return Promise.all(promises)["catch"](function (error) {
+        console.error("Error importing files for ".concat(libName, ":"), error);
+        return Promise.reject(error);
+      });
     });
-    return Promise.all(promises)["catch"](function (error) {
-      console.error("Error importing files for ".concat(libName, ":"), error);
-      return Promise.reject(error);
-    });
-  });
+  }
+
+  if (type === 'zoom') {
+    return imports[mapping.zoomSize]();
+  }
+
+  if (type === 'font') {
+    return imports[mapping.fontSize]();
+  }
 }

package/lib/v1/DotWrapper/utils/sizeProperties.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mapping = exports.imports = void 0;
+
+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); }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+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 imports = {
+  Lib_ZoomSize: function Lib_ZoomSize() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/size/zoomSize'));
+    });
+  },
+  Lib_FontSize: function Lib_FontSize() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/size/fontSize'));
+    });
+  }
+};
+exports.imports = imports;
+var mapping = {
+  zoomSize: 'Lib_ZoomSize',
+  fontSize: 'Lib_FontSize'
+};
+exports.mapping = mapping;

package/lib/v1/DotWrapper/utils/themeProperties.js

@@ -236,6 +236,81 @@ var themeImports = {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG'));
     });
+  },
+  Lib_Blue_Light_DeskComponent: function Lib_Blue_Light_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/desk-components/blue/Blue_Light_DeskComponent'));
+    });
+  },
+  Lib_Blue_Dark_DeskComponent: function Lib_Blue_Dark_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/desk-components/blue/Blue_Dark_DeskComponent'));
+    });
+  },
+  Lib_Blue_PureDark_DeskComponent: function Lib_Blue_PureDark_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/desk-components/blue/Blue_PureDark_DeskComponent'));
+    });
+  },
+  Lib_Green_Light_DeskComponent: function Lib_Green_Light_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/desk-components/green/Green_Light_DeskComponent'));
+    });
+  },
+  Lib_Green_Dark_DeskComponent: function Lib_Green_Dark_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/desk-components/green/Green_Dark_DeskComponent'));
+    });
+  },
+  Lib_Green_PureDark_DeskComponent: function Lib_Green_PureDark_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/desk-components/green/Green_PureDark_DeskComponent'));
+    });
+  },
+  Lib_Orange_Light_DeskComponent: function Lib_Orange_Light_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/desk-components/orange/Orange_Light_DeskComponent'));
+    });
+  },
+  Lib_Orange_Dark_DeskComponent: function Lib_Orange_Dark_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/desk-components/orange/Orange_Dark_DeskComponent'));
+    });
+  },
+  Lib_Orange_PureDark_DeskComponent: function Lib_Orange_PureDark_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/desk-components/orange/Orange_PureDark_DeskComponent'));
+    });
+  },
+  Lib_Red_Light_DeskComponent: function Lib_Red_Light_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/desk-components/red/Red_Light_DeskComponent'));
+    });
+  },
+  Lib_Red_Dark_DeskComponent: function Lib_Red_Dark_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/desk-components/red/Red_Dark_DeskComponent'));
+    });
+  },
+  Lib_Red_PureDark_DeskComponent: function Lib_Red_PureDark_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/desk-components/red/Red_PureDark_DeskComponent'));
+    });
+  },
+  Lib_Yellow_Light_DeskComponent: function Lib_Yellow_Light_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/desk-components/yellow/Yellow_Light_DeskComponent'));
+    });
+  },
+  Lib_Yellow_Dark_DeskComponent: function Lib_Yellow_Dark_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/desk-components/yellow/Yellow_Dark_DeskComponent'));
+    });
+  },
+  Lib_Yellow_PureDark_DeskComponent: function Lib_Yellow_PureDark_DeskComponent() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/desk-components/yellow/Yellow_PureDark_DeskComponent'));
+    });
   }
 };
 exports.themeImports = themeImports;
@@ -320,6 +395,33 @@ var themeMapping = {
       dark: 'Lib_Yellow_Dark_SVG',
       pureDark: 'Lib_Yellow_PureDark_SVG'
     }
+  },
+  deskComponents: {
+    blue: {
+      light: 'Lib_Blue_Light_DeskComponent',
+      dark: 'Lib_Blue_Dark_DeskComponent',
+      pureDark: 'Lib_Blue_PureDark_DeskComponent'
+    },
+    green: {
+      light: 'Lib_Green_Light_DeskComponent',
+      dark: 'Lib_Green_Dark_DeskComponent',
+      pureDark: 'Lib_Green_PureDark_DeskComponent'
+    },
+    orange: {
+      light: 'Lib_Orange_Light_DeskComponent',
+      dark: 'Lib_Orange_Dark_DeskComponent',
+      pureDark: 'Lib_Orange_PureDark_DeskComponent'
+    },
+    red: {
+      light: 'Lib_Red_Light_DeskComponent',
+      dark: 'Lib_Red_Dark_DeskComponent',
+      pureDark: 'Lib_Red_PureDark_DeskComponent'
+    },
+    yellow: {
+      light: 'Lib_Yellow_Light_DeskComponent',
+      dark: 'Lib_Yellow_Dark_DeskComponent',
+      pureDark: 'Lib_Yellow_PureDark_DeskComponent'
+    }
   }
 };
 exports.themeMapping = themeMapping;

package/lib/v1/form/layout/Section/props/propTypes.js

@@ -10,6 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var propTypes = {
+  children: _propTypes["default"].node,
   className: _propTypes["default"].string,
   containerClass: _propTypes["default"].string,
   dataId: _propTypes["default"].string,