@zohodesk/components 1.0.0-temp-129 → 1.0.0-temp-131

package/lib/ucl/Grid/css/Grid.module.css

@@ -1,308 +0,0 @@
-.cover {
-  height: 100%;
-  width: 100%;
-}
-
-/* Container Props */
-
-.grid {
-  display: grid;
-}
-
-.inlineGrid {
-  display: inline-grid;
-}
-
-.row {
-  grid-auto-flow: row;
-}
-
-.column {
-  grid-auto-flow: column;
-}
-
-.dense {
-  grid-auto-flow: dense;
-}
-
-.rowDense {
-  grid-auto-flow: row dense;
-}
-
-.colDense {
-  grid-auto-flow: column dense;
-}
-
-/* align-items props start */
-
-.alignItems_start {
-  align-items: start;
-}
-
-.alignItems_end {
-  align-items: end;
-}
-
-.alignItems_center {
-  align-items: center;
-}
-
-.alignItems_stretch {
-  align-items: stretch;
-}
-
-.alignItems_baseline {
-  align-items: baseline;
-}
-
-/* align-items props end */
-
-/* align-self props start */
-
-.alignSelf_start {
-  align-self: start;
-}
-
-.alignSelf_end {
-  align-self: end;
-}
-
-.alignSelf_center {
-  align-self: center;
-}
-
-.alignSelf_stretch {
-  align-self: stretch;
-}
-
-.alignSelf_baseline {
-  align-self: baseline;
-}
-
-/* align-self props End */
-
-/* align-content props start*/
-
-.alignContent_start {
-  align-content: start;
-}
-
-.alignContent_end {
-  align-content: end;
-}
-
-.alignContent_center {
-  align-content: center;
-}
-
-.alignContent_stretch {
-  align-content: stretch;
-}
-
-.alignContent_baseline {
-  align-content: baseline;
-}
-
-.alignContent_spaceBetween {
-  align-content: space-between;
-}
-
-.alignContent_spaceAround {
-  align-content: space-around;
-}
-
-.alignContent_spaceEvenly {
-  align-content: space-evenly;
-}
-
-/* align-content props end*/
-
-
-/* justify-items props start */
-
-.justifyItems_start {
-  justify-items: start;
-}
-
-.justifyItems_end {
-  justify-items: end;
-}
-
-.justifyItems_center {
-  justify-items: center;
-}
-
-.justifyItems_stretch {
-  justify-items: stretch;
-}
-
-.justifyItems_baseline {
-  justify-items: baseline;
-}
-
-/* justify-items props end */
-
-/* justify-self props start */
-
-.justifySelf_start {
-  justify-self: start;
-}
-
-.justifySelf_end {
-  justify-self: end;
-}
-
-.justifySelf_center {
-  justify-self: center;
-}
-
-.justifySelf_stretch {
-  justify-self: stretch;
-}
-
-.justifySelf_baseline {
-  justify-self: baseline;
-}
-
-/* justify-self props end */
-
-/* justify-content props start */
-
-.justifyContent_start {
-  justify-content: start;
-}
-
-.justifyContent_end {
-  justify-content: end;
-}
-
-.justifyContent_center {
-  justify-content: center;
-}
-
-.justifyContent_stretch {
-  justify-content: stretch;
-}
-
-.justifyContent_spaceBetween {
-  justify-content: space-between;
-}
-
-.justifyContent_spaceAround {
-  justify-content: space-around;
-}
-
-.justifyContent_spaceEvenly {
-  justify-content: space-evenly;
-}
-
-/* justify-content props end */
-
-.scroll_y {
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-.scroll_x {
-  overflow-x: auto;
-  overflow-y: hidden;
-}
-
-.scroll_none {
-  overflow: hidden;
-}
-
-.scroll_both {
-  overflow: auto;
-}
-
-/* Custom Grid Classes */
-.layout {
-  grid-template-columns: repeat(var(--zdg_base_columns, 12), 1fr);
-  grid-template-rows: repeat(var(--zdg_base_rows, 1), 1fr);
-  gap: var(--zd_layout_gap, var(--zd_size15));
-}
-
-.layout_areas {
-  grid-template-areas: var(--zdg_layout_areas, "content");
-  gap: var(--zd_layout_gap, var(--zd_size15));
-}
-
-.auto_repeat {
-  grid-template-columns: repeat(var(--zdg_auto_repeat, auto-fit), minmax(var(--zdg_auto_repeat_min, 0), var(--zdg_auto_repeat_max, 1fr)));
-  /* grid-template-columns: repeat(var(--zdg_auto_grid_placement, auto-fill), minmax(var(--zdg_auto_grid_min_item_size, 16rem), 1fr)); */
-}
-
-.auto_repeat_fixed {
-  grid-template-columns: repeat(var(--zdg_auto_repeat, auto-fit), var(--zdg_auto_repeat_val, 1fr));
-}
-
-.custom_columns {
-  grid-template-columns: var(--zdg_custom_columns, 1fr);
-}
-
-.custom_rows {
-  grid-template-rows: var(--zdg_custom_rows, auto);
-}
-
-.auto_columns {
-  grid-auto-columns: var(--zdg_auto_columns, auto);
-}
-
-.auto_rows {
-  grid-auto-rows: var(--zdg_auto_rows, auto);
-}
-
-
-/* Custom Grid Item Classes */
-.item_area {
-  grid-area: var(--zdg_item_area, content);
-}
-
-.item_col_span1 {
-  grid-column: auto/span 1
-}
-
-.item_col_span2 {
-  grid-column: auto/span 2;
-}
-
-.item_col_span3 {
-  grid-column: auto/span 3
-}
-
-.item_col_span4 {
-  grid-column: auto/span 4
-}
-
-.item_col_span5 {
-  grid-column: auto/span 5
-}
-
-.item_col_span6 {
-  grid-column: auto/span 6
-}
-
-.item_col_span7 {
-  grid-column: auto/span 7
-}
-
-.item_col_span8 {
-  grid-column: auto/span 8
-}
-
-.item_col_span9 {
-  grid-column: auto/span 9
-}
-
-.item_col_span10 {
-  grid-column: auto/span 10
-}
-
-.item_col_span11 {
-  grid-column: auto/span 11
-}
-
-.item_col_span12 {
-  grid-column: auto/span 12
-}

package/lib/ucl/Grid/css/cssJSLogic.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = _default;
-var _utils = require("@zohodesk/utils");
-var _propConstants = _interopRequireDefault(require("../props/propConstants"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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; }
-/**
- * container classname based on js state
- * @param {object} props flex props
- * @param {object} flex style object
- * @returns {string} classnames string with space separate
- */
-function _default(props, newStyle) {
-  var _compileClassNames;
-  var display = props.display,
-    flow = props.flow,
-    alignItems = props.alignItems,
-    alignSelf = props.alignSelf,
-    alignContent = props.alignContent,
-    justifyItems = props.justifyItems,
-    justifySelf = props.justifySelf,
-    justifyContent = props.justifyContent,
-    overFlowScroll = props.overFlowScroll,
-    isCover = props.isCover,
-    className = props.className;
-  var alignItemsClassname = "alignItems_".concat(alignItems);
-  var alignSelfClassname = "alignSelf_".concat(alignSelf);
-  var alignContentClassname = "alignContent_".concat(alignContent);
-  var justifyItemsClassname = "justifyItems_".concat(justifyItems);
-  var justifySelfClassname = "justifySelf_".concat(justifySelf);
-  var justifyContentClassname = "justifyContent_".concat(justifyContent);
-  var overFlow = "scroll_".concat(overFlowScroll);
-  return (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, newStyle.base, true), _defineProperty(_compileClassNames, newStyle.grid, display === _propConstants["default"].display.grid), _defineProperty(_compileClassNames, newStyle.inlineGrid, display === _propConstants["default"].display.inline), _defineProperty(_compileClassNames, newStyle[flow], flow && display), _defineProperty(_compileClassNames, newStyle[alignItemsClassname], alignItems && display), _defineProperty(_compileClassNames, newStyle[justifyItemsClassname], justifyItems && display), _defineProperty(_compileClassNames, newStyle[alignContentClassname], alignContent && display), _defineProperty(_compileClassNames, newStyle[justifyContentClassname], justifyContent && display), _defineProperty(_compileClassNames, newStyle[alignSelfClassname], alignSelf), _defineProperty(_compileClassNames, newStyle[justifySelfClassname], justifySelf), _defineProperty(_compileClassNames, newStyle[overFlow], overFlowScroll), _defineProperty(_compileClassNames, newStyle.cover, isCover), _defineProperty(_compileClassNames, className, className), _compileClassNames));
-}

package/lib/ucl/Grid/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "GridPropConstants", {
-  enumerable: true,
-  get: function get() {
-    return _propConstants["default"];
-  }
-});
-Object.defineProperty(exports, "GridPropTypes", {
-  enumerable: true,
-  get: function get() {
-    return _propTypes["default"];
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Grid["default"];
-  }
-});
-var _Grid = _interopRequireDefault(require("./Grid"));
-var _propTypes = _interopRequireDefault(require("./props/propTypes"));
-var _propConstants = _interopRequireDefault(require("./props/propConstants"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/ucl/Grid/props/ariaPropTypes.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _generalAriaProps = _interopRequireDefault(require("@zohodesk/utils/es/props/generalAriaProps"));
-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 _default = {
-  a11y: _propTypes["default"].shape(_objectSpread({}, _generalAriaProps["default"]))
-};
-exports["default"] = _default;

package/lib/ucl/Grid/props/defaultProps.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
-  tagName: 'div',
-  isCover: false,
-  customStyle: {},
-  tagAttributes: {},
-  tagGeneralAttributes: {}
-};
-exports["default"] = _default;

package/lib/ucl/Grid/props/propConstants.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
-  display: {
-    inline: "inline",
-    grid: "grid"
-  },
-  flow: {
-    row: "row",
-    column: "column",
-    dense: "dense",
-    rowDense: "rowDense",
-    colDense: "colDense"
-  },
-  alignItems: {
-    start: "start",
-    end: "end",
-    center: "center",
-    stretch: "stretch",
-    baseline: "baseline"
-  },
-  alignSelf: {
-    start: "start",
-    end: "end",
-    center: "center",
-    stretch: "stretch",
-    baseline: "baseline"
-  },
-  alignContent: {
-    start: "start",
-    end: "end",
-    center: "center",
-    stretch: "stretch",
-    baseline: "baseline",
-    spaceBetween: "spaceBetween",
-    spaceAround: "spaceAround",
-    spaceEvenly: "spaceEvenly"
-  },
-  justifyItems: {
-    start: "start",
-    end: "end",
-    center: "center",
-    stretch: "stretch",
-    baseline: "baseline"
-  },
-  justifySelf: {
-    start: "start",
-    end: "end",
-    center: "center",
-    stretch: "stretch",
-    baseline: "baseline"
-  },
-  justifyContent: {
-    start: "start",
-    end: "end",
-    center: "center",
-    stretch: "stretch",
-    spaceBetween: "spaceBetween",
-    spaceAround: "spaceAround",
-    spaceEvenly: "spaceEvenly"
-  },
-  scroll: {
-    x: "x",
-    y: "y",
-    both: "both",
-    none: "none"
-  }
-};
-exports["default"] = _default;

package/lib/ucl/Grid/props/propTypes.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _automationProps = _interopRequireDefault(require("@zohodesk/utils/es/props/automationProps"));
-var _customStyleProps = _interopRequireDefault(require("@zohodesk/utils/es/props/customStyleProps"));
-var _tagAttributeProps = _interopRequireDefault(require("@zohodesk/utils/es/props/tagAttributeProps"));
-var _tagGeneralAttributeProps = _interopRequireDefault(require("@zohodesk/utils/es/props/tagGeneralAttributeProps"));
-var _propConstants = _interopRequireDefault(require("./propConstants"));
-var _ariaPropTypes = _interopRequireDefault(require("./ariaPropTypes"));
-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 _default = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
-  tagName: _propTypes["default"].string,
-  isCover: _propTypes["default"].bool,
-  alignItems: _propTypes["default"].oneOf(Object.values(_propConstants["default"].alignItems)),
-  alignSelf: _propTypes["default"].oneOf(Object.values(_propConstants["default"].alignSelf)),
-  alignContent: _propTypes["default"].oneOf(Object.values(_propConstants["default"].alignContent)),
-  justifyItems: _propTypes["default"].oneOf(Object.values(_propConstants["default"].justifyItems)),
-  justifySelf: _propTypes["default"].oneOf(Object.values(_propConstants["default"].justifySelf)),
-  justifyContent: _propTypes["default"].oneOf(Object.values(_propConstants["default"].justifyContent)),
-  flow: _propTypes["default"].oneOf(Object.values(_propConstants["default"].flow)),
-  overFlowScroll: _propTypes["default"].oneOf(Object.values(_propConstants["default"].scroll)),
-  display: _propTypes["default"].oneOf(Object.values(_propConstants["default"].display)),
-  children: _propTypes["default"].node,
-  className: _propTypes["default"].string
-}, _automationProps["default"]), _ariaPropTypes["default"]), _customStyleProps["default"]), _tagAttributeProps["default"]), _tagGeneralAttributeProps["default"]);
-exports["default"] = _default;