@zohodesk/components 1.0.0-temp-667 → 1.0.0-temp-70

package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  children: _propTypes["default"].node.isRequired,
+  component: _propTypes["default"].element,
+  enterDelay: _propTypes["default"].number,
+  enterDuration: _propTypes["default"].number,
+  enterHideStyle: _propTypes["default"].object,
+  enterName: _propTypes["default"].string,
+  enterShowStyle: _propTypes["default"].object,
+  exitDelay: _propTypes["default"].number,
+  exitDuration: _propTypes["default"].number,
+  exitName: _propTypes["default"].string,
+  isActive: _propTypes["default"].bool,
+  isCustomized: _propTypes["default"].bool,
+  isFlex: _propTypes["default"].bool,
+  name: _propTypes["default"].oneOf(['fade', 'slideDown', 'flyDown', 'slideRight', 'shrink', 'expand', 'slideLeft']),
+  needUIPack: _propTypes["default"].bool,
+  runOnMount: _propTypes["default"].bool
+};
+exports.propTypes = propTypes;

package/lib/common/common.module.css

@@ -23,6 +23,19 @@
   overflow: auto;
 }
 
+.preventScrollBubbleX {
+  overscroll-behavior-x: contain;
+}
+
+.preventScrollBubbleY {
+  overscroll-behavior-y: contain;
+}
+
+.preventScrollBubbleBoth {
+  overscroll-behavior: contain;
+}
+
+
 /*  --Position Props-- */
 .posrel {
   position: relative;
@@ -53,14 +66,17 @@
 .clboth {
   clear: both;
 }
+
 .disable,
 .disabled {
   position: relative;
 }
+
 .disable::after {
   cursor: no-drop;
   background: var(--zdt_disable_bg);
 }
+
 .disable::after,
 .disabled::after,
 .readonly::after {
@@ -71,10 +87,12 @@
   content: '';
   user-select: none;
 }
+
 [dir=ltr] .disable::after, [dir=ltr] .disabled::after, [dir=ltr] .readonly::after {
   left: 0;
   right: 0;
 }
+
 [dir=rtl] .disable::after, [dir=rtl] .disabled::after, [dir=rtl] .readonly::after {
   right: 0;
   left: 0;
@@ -83,6 +101,7 @@
 .disabled, .readonly {
   cursor: not-allowed;
 }
+
 .disabled::after, .readonly::after {
   cursor: not-allowed;
 }
@@ -217,6 +236,7 @@
   -ms-flex-align: end;
   align-items: flex-end;
 }
+
 .alignBaseline {
   -webkit-box-align: baseline;
   -ms-flex-align: baseline;
@@ -466,6 +486,7 @@
   word-wrap: normal;
   text-overflow: ellipsis;
 }
+
 .clamp {
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
@@ -492,11 +513,13 @@
   position: sticky;
   position: -webkit-sticky;
 }
-.fitContWidth{
+
+.fitContWidth {
   width: fit-content;
   width: -moz-fit-content;
 }
-.fitContHeight{
+
+.fitContHeight {
   height: fit-content;
   height: -moz-fit-content;
-}
+}

package/lib/deprecated/PortalLayer/PortalLayer.js

@@ -9,7 +9,9 @@ exports["default"] = exports.RefElement = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = require("./props/propTypes");
+
+var _defaultProps = require("./props/defaultProps");
 
 var _Modal = _interopRequireDefault(require("../../Modal/Modal"));
 
@@ -23,7 +25,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -33,7 +35,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var RefElement = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var Element = props.Element,
@@ -141,21 +143,8 @@ var PortalLayer = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = PortalLayer;
-PortalLayer.defaultProps = {
-  autoZIndexNeeded: true,
-  isChildrenRestrictionNeeded: false,
-  portalId: 'portal1'
-};
-PortalLayer.propTypes = {
-  autoZIndexNeeded: _propTypes["default"].bool,
-  children: _propTypes["default"].element,
-  initialState: _propTypes["default"].bool,
-  isChildrenRestrictionNeeded: _propTypes["default"].bool,
-  portalId: _propTypes["default"].string,
-  renderChildren: _propTypes["default"].func,
-  saveGetFunction: _propTypes["default"].func,
-  saveUpdateFunction: _propTypes["default"].func
-};
+PortalLayer.defaultProps = _defaultProps.defaultProps;
+PortalLayer.propTypes = _propTypes.propTypes;
 
 if (false) {
   PortalLayer.docs = {

package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js

@@ -29,7 +29,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -39,7 +39,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var FreezeLayer = /*#__PURE__*/function (_Component) {
   _inherits(FreezeLayer, _Component);

package/lib/deprecated/PortalLayer/props/defaultProps.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  autoZIndexNeeded: true,
+  isChildrenRestrictionNeeded: false,
+  portalId: 'portal1'
+};
+exports.defaultProps = defaultProps;

package/lib/deprecated/PortalLayer/props/propTypes.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  autoZIndexNeeded: _propTypes["default"].bool,
+  children: _propTypes["default"].element,
+  initialState: _propTypes["default"].bool,
+  isChildrenRestrictionNeeded: _propTypes["default"].bool,
+  portalId: _propTypes["default"].string,
+  renderChildren: _propTypes["default"].func,
+  saveGetFunction: _propTypes["default"].func,
+  saveUpdateFunction: _propTypes["default"].func
+};
+exports.propTypes = propTypes;

package/lib/index.js

@@ -8,6 +8,14 @@ var _exportNames = {
   ReactDOM: true,
   renderToStaticMarkup: true,
   _provider: true,
+  Grid__default: true,
+  Grid__Basic_Detail_Layout: true,
+  Grid__Auto_Flow_Row: true,
+  Grid__Area_Based_Detail_Layout: true,
+  Grid__Line_Based_Detail_Layout: true,
+  Grid__Area_Based_List_Layout: true,
+  Grid__Line_Based_List_Layout: true,
+  Grid__Box_Alignment: true,
   Layout__default: true,
   Layout__two_Column: true,
   Layout__three_Column: true,
@@ -150,10 +158,6 @@ var _exportNames = {
   Provider__Zindex_For_FunctionComponent: true,
   SemanticButton: true,
   SemanticButton__default: true,
-  FocusScope: true,
-  FocusScope__default: true,
-  FocusRing: true,
-  FocusRing__default: true,
   LightNightMode__AlternativeColors: true,
   ResponsiveDropBox: true
 };
@@ -469,28 +473,52 @@ Object.defineProperty(exports, "DropDownHeading__Heading", {
     return _DropDownHeading__default["default"];
   }
 });
-Object.defineProperty(exports, "FocusRing", {
+Object.defineProperty(exports, "Grid__Area_Based_Detail_Layout", {
   enumerable: true,
   get: function get() {
-    return _FocusRing["default"];
+    return _Grid__Area_Based_Detail_Layout["default"];
   }
 });
-Object.defineProperty(exports, "FocusRing__default", {
+Object.defineProperty(exports, "Grid__Area_Based_List_Layout", {
   enumerable: true,
   get: function get() {
-    return _FocusRing__default["default"];
+    return _Grid__Area_Based_List_Layout["default"];
   }
 });
-Object.defineProperty(exports, "FocusScope", {
+Object.defineProperty(exports, "Grid__Auto_Flow_Row", {
   enumerable: true,
   get: function get() {
-    return _FocusScope["default"];
+    return _Grid__Auto_Flow_Row["default"];
   }
 });
-Object.defineProperty(exports, "FocusScope__default", {
+Object.defineProperty(exports, "Grid__Basic_Detail_Layout", {
   enumerable: true,
   get: function get() {
-    return _FocusScope__default["default"];
+    return _Grid__Basic_Detail_Layout["default"];
+  }
+});
+Object.defineProperty(exports, "Grid__Box_Alignment", {
+  enumerable: true,
+  get: function get() {
+    return _Grid__Box_Alignment["default"];
+  }
+});
+Object.defineProperty(exports, "Grid__Line_Based_Detail_Layout", {
+  enumerable: true,
+  get: function get() {
+    return _Grid__Line_Based_Detail_Layout["default"];
+  }
+});
+Object.defineProperty(exports, "Grid__Line_Based_List_Layout", {
+  enumerable: true,
+  get: function get() {
+    return _Grid__Line_Based_List_Layout["default"];
+  }
+});
+Object.defineProperty(exports, "Grid__default", {
+  enumerable: true,
+  get: function get() {
+    return _Grid__default["default"];
   }
 });
 Object.defineProperty(exports, "GroupSelect", {
@@ -1094,6 +1122,36 @@ Object.keys(_Layout).forEach(function (key) {
   });
 });
 
+var _Grid = require("./ucl/Grid");
+
+Object.keys(_Grid).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Grid[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Grid[key];
+    }
+  });
+});
+
+var _Grid__default = _interopRequireDefault(require("./ucl/Grid/docs/Grid__default.docs"));
+
+var _Grid__Basic_Detail_Layout = _interopRequireDefault(require("./ucl/Grid/docs/Grid__Basic_Detail_Layout.docs"));
+
+var _Grid__Auto_Flow_Row = _interopRequireDefault(require("./ucl/Grid/docs/Grid__Auto_Flow_Row.docs"));
+
+var _Grid__Area_Based_Detail_Layout = _interopRequireDefault(require("./ucl/Grid/docs/Grid__Area_Based_Detail_Layout.docs"));
+
+var _Grid__Line_Based_Detail_Layout = _interopRequireDefault(require("./ucl/Grid/docs/Grid__Line_Based_Detail_Layout.docs"));
+
+var _Grid__Area_Based_List_Layout = _interopRequireDefault(require("./ucl/Grid/docs/Grid__Area_Based_List_Layout.docs"));
+
+var _Grid__Line_Based_List_Layout = _interopRequireDefault(require("./ucl/Grid/docs/Grid__Line_Based_List_Layout.docs"));
+
+var _Grid__Box_Alignment = _interopRequireDefault(require("./ucl/Grid/docs/Grid__Box_Alignment.docs"));
+
 var _Layout__default = _interopRequireDefault(require("./Layout/docs/Layout__default.docs"));
 
 var _Layout__two_Column = _interopRequireDefault(require("./Layout/docs/Layout__two_Column.docs"));
@@ -1406,14 +1464,6 @@ var _Button2 = _interopRequireDefault(require("./semantic/Button/Button"));
 
 var _Button__defaultDocs = _interopRequireDefault(require("./semantic/Button/docs/Button__default.docs.js"));
 
-var _FocusScope = _interopRequireDefault(require("./a11y/FocusScope/FocusScope"));
-
-var _FocusScope__default = _interopRequireDefault(require("./a11y/FocusScope/docs/FocusScope__default.docs"));
-
-var _FocusRing = _interopRequireDefault(require("./beta/FocusRing/FocusRing"));
-
-var _FocusRing__default = _interopRequireDefault(require("./beta/FocusRing/docs/FocusRing__default.docs"));
-
 var _AlternativeColors = _interopRequireDefault(require("./LightNightMode/docs/AlternativeColors.docs"));
 
 var _ResponsiveDropBox = _interopRequireDefault(require("./ResponsiveDropBox/ResponsiveDropBox"));

package/lib/semantic/Button/Button.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 var _semanticButtonModule = _interopRequireDefault(require("./semanticButton.module.css"));
 
@@ -23,7 +25,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -33,7 +35,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var Button = /*#__PURE__*/function (_React$Component) {
   _inherits(Button, _React$Component);
@@ -92,43 +94,8 @@ var Button = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = Button;
-Button.defaultProps = {
-  children: null,
-  autoFocus: false,
-  dataId: 'semanticButton',
-  disabled: false,
-  palette: 'primary',
-  text: 'Button',
-  type: 'button',
-  value: 'text',
-  customClass: '',
-  a11y: {}
-};
-Button.propTypes = {
-  ariaControls: _propTypes["default"].bool,
-  ariaExpanded: _propTypes["default"].bool,
-  ariaHaspopup: _propTypes["default"].bool,
-  ariaLabel: _propTypes["default"].string,
-  autofocus: _propTypes["default"].bool,
-  children: _propTypes["default"].node,
-  customClass: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  name: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  ref: _propTypes["default"].func,
-  text: _propTypes["default"].string,
-  title: _propTypes["default"].string,
-  type: _propTypes["default"].oneOf(['submit', 'reset', 'button']),
-  value: _propTypes["default"].string,
-  a11y: _propTypes["default"].shape({
-    ariaLabel: _propTypes["default"].string,
-    ariaHaspopup: _propTypes["default"].bool,
-    ariaExpanded: _propTypes["default"].bool,
-    ariaControls: _propTypes["default"].string,
-    ariaLabelledby: _propTypes["default"].string
-  })
-};
+Button.defaultProps = _defaultProps.defaultProps;
+Button.propTypes = _propTypes.propTypes;
 
 if (false) {
   Button.docs = {

package/lib/semantic/Button/docs/Button__default.docs.js

@@ -23,7 +23,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -33,7 +33,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var Button__default = /*#__PURE__*/function (_React$Component) {
   _inherits(Button__default, _React$Component);

package/lib/semantic/Button/props/defaultProps.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  children: null,
+  autoFocus: false,
+  dataId: 'semanticButton',
+  disabled: false,
+  palette: 'primary',
+  text: 'Button',
+  type: 'button',
+  value: 'text',
+  customClass: '',
+  a11y: {}
+};
+exports.defaultProps = defaultProps;

package/lib/semantic/Button/props/propTypes.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  ariaControls: _propTypes["default"].bool,
+  ariaExpanded: _propTypes["default"].bool,
+  ariaHaspopup: _propTypes["default"].bool,
+  ariaLabel: _propTypes["default"].string,
+  autofocus: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  customClass: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  name: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  ref: _propTypes["default"].func,
+  text: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  type: _propTypes["default"].oneOf(['submit', 'reset', 'button']),
+  value: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    ariaLabel: _propTypes["default"].string,
+    ariaHaspopup: _propTypes["default"].bool,
+    ariaExpanded: _propTypes["default"].bool,
+    ariaControls: _propTypes["default"].string,
+    ariaLabelledby: _propTypes["default"].string
+  })
+};
+exports.propTypes = propTypes;

package/lib/ucl/Grid/Grid.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
+
+var _theme = require("@zohodesk/theme");
+
+var _GridModule = _interopRequireDefault(require("./css/Grid.module.css"));
+
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
+
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
+
+var _propConstants = _interopRequireDefault(require("./props/propConstants"));
+
+var _cssJSLogic = _interopRequireDefault(require("./css/cssJSLogic"));
+
+var _componentNames = _interopRequireDefault(require("./componentNames"));
+
+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; }
+
+var additionStyle = ['base'];
+
+var Grid = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+  var tagName = props.tagName,
+      customStyle = props.customStyle,
+      customId = props.customId,
+      tagAttributes = props.tagAttributes,
+      tagGeneralAttributes = props.tagGeneralAttributes,
+      children = props.children,
+      a11y = props.a11y;
+  /* external customization - need memorize?*/
+
+  var newStyle = (0, _useMergeStyle["default"])(_GridModule["default"], customStyle, additionStyle);
+  /* css classname added based on logic */
+
+  var className = (0, _cssJSLogic["default"])(props, newStyle);
+  return /*#__PURE__*/_react["default"].createElement(tagName, _objectSpread(_objectSpread(_objectSpread({}, tagGeneralAttributes), {}, {
+    'data-id': customId,
+    className: className,
+    ref: ref
+  }, tagAttributes), a11y), children);
+});
+
+Grid.displayName = 'Grid';
+Grid.defaultProps = _defaultProps["default"];
+Grid.propTypes = _propTypes["default"];
+Grid.constantProps = _propConstants["default"];
+
+var _default = (0, _theme.withTheme)(Grid, _componentNames["default"].GridLayout);
+
+exports["default"] = _default;
+Grid.docs = {
+  componentGroup: 'Grid',
+  folderName: 'Style Guide',
+  description: ' ',
+  external: false
+};

package/lib/ucl/Grid/componentNames.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  "GridLayout": "GridLayout",
+  "NileLayout": "NileLayout",
+  "AmazonLayout": "AmazonLayout",
+  "YangtzeLayout": "YangtzeLayout"
+};
+exports["default"] = _default;