@zohodesk/components 1.0.0-temp-73 → 1.0.0-temp-74

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

@@ -1,63 +0,0 @@
-.container {
-    grid-template-columns: 200px 1fr 200px;
-    grid-template-rows: auto 1fr auto;
-    grid-gap: 12px;
-    grid-template-areas:
-        "header header header"
-        "nav content side"
-        "footer footer footer";
-    font-weight: bold;
-    background-color: #fff4e6;
-}
-
-.header, .aside, .nav, .main, .footer {
-    background: #F7AF9D44;
-    border: 3px solid #F7AF9D;
-}
-
-.header {
-    font-size: 14px;
-    grid-area: header;
-    text-align: center;
-}
-
-.nav {
-    grid-area: nav;
-}
-
-[dir=ltr] .nav {
-    margin-left: 0.6rem;
-}
-
-[dir=rtl] .nav {
-    margin-right: 0.6rem;
-}
-
-.main {
-    grid-area: content;
-    padding: 25px;
-}
-
-.aside {
-    grid-area: side;
-}
-
-[dir=ltr] .aside {
-    margin-right: 0.6rem;
-}
-
-[dir=rtl] .aside {
-    margin-left: 0.6rem;
-}
-
-.footer {
-    grid-area: footer;
-    text-align: center;
-    padding: 25px 0;
-}
-
-.nav ul li a {
-    text-decoration: none;
-    display: inline-block;
-    margin-bottom: 15px;
-}

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

@@ -1,23 +0,0 @@
-.container {
-    font-weight: bold;
-    grid-gap: 10px;
-    grid-template-columns: 1fr 1fr 1fr;
-    grid-template-rows: 1fr 1fr 1fr;
-    grid-auto-rows: 100px;
-    border-radius: 5px;
-    background-color: #fff4e6;
-    padding: 20px;
-}
-
-.item {
-    border-radius: 5px;
-    padding: 1rem;
-    background: #F7AF9D44;
-    border: 3px solid #F7AF9D;
-    text-align: center;
-}
-
-.item:nth-child(6n) {
-    grid-column: span 2;
-    background: cornflowerblue;
-}

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

@@ -1,21 +0,0 @@
-.container {
-    font-weight: bold;
-    grid-gap: 10px;
-    grid-template-columns: 200px 300px 1fr 200px;
-    border-radius: 5px;
-    background-color: #fff4e6;
-    padding: 20px;
-}
-
-.leftPanel,
-.propertiesPanel,
-.mainContent,
-.rightPanel {
-    color: #a63609;
-}
-
-.leftPanel, .propertiesPanel, .mainContent, .rightPanel {
-    border-radius: 5px;
-    background-color: #b4b3b2;
-    padding: 1em;
-}

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

@@ -1,16 +0,0 @@
-.container {
-    font-weight: bold;
-    grid-gap: 10px;
-    grid-auto-columns: 150px;
-    border-radius: 5px;
-    background-color: #fff4e6;
-    padding: 20px;
-    margin: 20px;
-}
-
-.item {
-    border-radius: 5px;
-    background: #F7AF9D44;
-    border: 3px solid #F7AF9D;
-    text-align: center;
-}

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

@@ -1,15 +0,0 @@
-.container {
-    font-weight: bold;
-    grid-template-columns: 1fr 1fr 1fr;
-    grid-gap: 10px;
-    border-radius: 5px;
-    background-color: #fff4e6;
-    padding: 20px;
-}
-
-.item {
-    color: #a63609;
-    border-radius: 5px;
-    background-color: #b4b3b2;
-    padding: 1em;
-}

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

@@ -1,38 +0,0 @@
-.container {
-    font-weight: bold;
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-    grid-gap: 10px;
-    border-radius: 5px;
-    background-color: #fff4e6;
-    padding: 20px;
-}
-
-.leftPanel,
-.propertiesPanel,
-.mainContent,
-.rightPanel {
-    color: #a63609;
-}
-
-.leftPanel, .propertiesPanel, .mainContent, .rightPanel {
-    border-radius: 5px;
-    background-color: #b4b3b2;
-    padding: 1em;
-}
-
-.leftPanel {
-    grid-column: 1 / 3;
-}
-
-.propertiesPanel {
-    grid-column: 3 / 5;
-}
-
-.mainContent {
-    grid-column: 5 / 10;
-}
-
-.rightPanel {
-    grid-column: 10 / 13;
-}

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

@@ -1,47 +0,0 @@
-.container {
-    grid-template-columns: 200px 1fr 250px;
-    grid-template-rows: auto 1fr auto;
-    grid-gap: 12px;
-    font-weight: bold;
-    background-color: #fff4e6;
-}
-
-.header, .aside, .nav, .main, .footer {
-    background: #F7AF9D44;
-    border: 3px solid #F7AF9D;
-}
-
-.header {
-    font-size: 14px;
-    grid-column: 1 / -1;
-    text-align: center;
-}
-
-.nav {
-    grid-column: 1 / 2;
-}
-
-[dir=ltr] .nav {
-    margin-left: 0.6rem;
-}
-
-[dir=rtl] .nav {
-    margin-right: 0.6rem;
-}
-
-.main {
-    grid-column: 2 / -1;
-    padding: 25px;
-}
-
-.footer {
-    grid-column: 1 / -1;
-    text-align: center;
-    padding: 25px 0;
-}
-
-.nav ul li a {
-    text-decoration: none;
-    display: inline-block;
-    margin-bottom: 15px;
-}

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

@@ -1,30 +0,0 @@
-.parent {
-    width: 100%;
-    height: 100%;
-}
-
-.container,
-.inlineContainer {
-    gap: 10px;
-}
-
-.container, .inlineContainer {
-    background-color: DodgerBlue;
-    padding: 10px;
-}
-
-.container {
-    width: 80%
-}
-
-.item {
-    width: 90px;
-    height: 90px;
-    align-items: center;
-    justify-content: center;
-    background-color: #f1f1f1;
-}
-
-.sampleOne {
-    background-color: red;
-}

package/lib/ucl/Grid/index.js

@@ -1,31 +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,23 +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,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _propConstants = _interopRequireDefault(require("./propConstants"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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,46 +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;