@zohodesk/components 1.0.0-temp-79 → 1.0.0-temp-81

package/lib/Layout/props/defaultProps.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContainerDefaultProps = exports.BoxDefaultProps = void 0;
+var BoxDefaultProps = {
+  dataId: 'boxComponent',
+  isScrollAttribute: false,
+  tagName: 'div'
+};
+exports.BoxDefaultProps = BoxDefaultProps;
+var ContainerDefaultProps = {
+  dataId: 'containerComponent',
+  isScrollAttribute: false,
+  isCover: true,
+  alignBox: 'column',
+  tagName: 'div'
+};
+exports.ContainerDefaultProps = ContainerDefaultProps;

package/lib/Layout/props/propTypes.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContainerProps = exports.BoxProps = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var BoxProps = {
+  adjust: _propTypes["default"].bool,
+  align: _propTypes["default"].oneOf(['start', 'end', 'center']),
+  children: _propTypes["default"].oneOfType([_propTypes["default"].node, _propTypes["default"].string]),
+  className: _propTypes["default"].string,
+  column: _propTypes["default"].oneOf(['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']),
+  dataId: _propTypes["default"].string,
+  eleRef: _propTypes["default"].func,
+  flexible: _propTypes["default"].bool,
+  hidden: _propTypes["default"].arrayOf(function (propValue, key, componentName, location, propFullName) {
+    if (['xs', 'sm', 'md', 'lg', 'xl'].indexOf(propValue[key]) === -1) {
+      return new Error("Invalid prop `".concat(propFullName, "` supplied to") + " `".concat(componentName, "`. Validation failed."));
+    }
+  }),
+  isFirst: _propTypes["default"].bool,
+  isLast: _propTypes["default"].bool,
+  isScrollAttribute: _propTypes["default"].bool,
+  scroll: _propTypes["default"].PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none']),
+  shrink: _propTypes["default"].bool,
+  tagName: _propTypes["default"].string,
+  tourId: _propTypes["default"].string,
+  preventParentScroll: _propTypes["default"].PropTypes.oneOf(['vertical', 'horizontal', 'both'])
+};
+exports.BoxProps = BoxProps;
+var ContainerProps = {
+  align: _propTypes["default"].oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around', 'baseline']),
+  alignBox: _propTypes["default"].oneOf(['row', 'column', 'row-reverse', 'column-reverse']),
+  alignContent: _propTypes["default"].oneOf(['start', 'end', 'center', 'around', 'between']),
+  children: _propTypes["default"].oneOfType([_propTypes["default"].node, _propTypes["default"].string]),
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  eleRef: _propTypes["default"].func,
+  hidden: _propTypes["default"].array,
+  isCover: _propTypes["default"].bool,
+  isInline: _propTypes["default"].bool,
+  isScrollAttribute: _propTypes["default"].bool,
+  scroll: _propTypes["default"].oneOf(['vertical', 'horizontal', 'both', 'none']),
+  tagName: _propTypes["default"].string,
+  tourId: _propTypes["default"].string,
+  wrap: _propTypes["default"].oneOf(['wrap', 'wrap-reverse', 'nowrap']),
+  preventParentScroll: _propTypes["default"].PropTypes.oneOf(['vertical', 'horizontal', 'both'])
+};
+exports.ContainerProps = ContainerProps;

package/lib/Layout/utils.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ViewportSizeType = exports.ColumnSizeType = void 0;
+exports.createProps = createProps;
+exports.getClass = getClass;
+exports.isInteger = isInteger;
+exports.setProps = setProps;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var ColumnSizeType = _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].bool]);
+exports.ColumnSizeType = ColumnSizeType;
+var ViewportSizeType = _propTypes["default"].oneOf(['xs', 'sm', 'md', 'lg']);
+exports.ViewportSizeType = ViewportSizeType;
+function getClass(styles, className) {
+  return styles && styles[className] ? styles[className] : className;
+}
+function createProps(propTypes, props, classNames) {
+  var newProps = {};
+  Object.keys(props).filter(function (key) {
+    return key === 'children' || !propTypes[key];
+  }).forEach(function (key) {
+    return newProps[key] = props[key];
+  });
+  var className = classNames.filter(function (cn) {
+    return cn;
+  }).join(' ').trim();
+  return Object.assign({}, newProps, {
+    className: className
+  });
+}
+function isInteger(value) {
+  return typeof value === 'number' && isFinite(value) && Math.floor(value) === value;
+}
+function setProps(childProps, props) {
+  var values = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  Object.keys(values).map(function (value) {
+    if (props[value]) {
+      childProps[values[value]] = props[value];
+    }
+  });
+  return childProps;
+}

package/lib/LightNightMode/Colors.json

@@ -0,0 +1,497 @@
+[
+   {
+      "lightColor": "#c8cbdc",
+      "equalNightColors": "#3e4d63, #5a616f, #c8cbdc, #384157, #828994",
+      "equalPureDarkColors": "#585858, #3e4d63"
+   },
+   {
+      "lightColor": "#788190",
+      "equalNightColors": "#828994, #a8b0bd, #788190",
+      "equalPureDarkColors": "#828994"
+   },
+   {
+      "lightColor": "#d5dde7",
+      "equalNightColors": "#384157, #2d3748, #d5dde7, #828994, #262f3d, rgba(255 255 255 / 0.2)",
+      "equalPureDarkColors": "#585858, #383838, #161515, #333, #384157"
+   },
+   {
+      "lightColor": "#0a73eb",
+      "equalNightColors": "#479dff, #828994, #334b68",
+      "equalPureDarkColors": "#479dff"
+   },
+   {
+      "lightColor": "#f6f8fb",
+      "equalNightColors": "#262f3d, #384157, #f6f8fb, #2e3642, #1b212b, #e2e4e6, rgba(255 255 255 / 0.03), #000",
+      "equalPureDarkColors": "#2b2b2b, #262626, #212121, #262f3d"
+   },
+   {
+      "lightColor": "#f1f7fe",
+      "equalNightColors": "#2c3b4d",
+      "equalPureDarkColors": "#252d37, #383838"
+   },
+   {
+      "lightColor": "rgba(255 255 255 / 0.5)",
+      "equalNightColors": "rgba(22 27 35 / 0.5)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "#000",
+      "equalNightColors": "#e2e4e6, #a8b0bd, #3e4d63",
+      "equalPureDarkColors": "#e2e4e6"
+   },
+   {
+      "lightColor": "#fff",
+      "equalNightColors": "#232b38, #fff, #e2e4e6, #479dff, #433c32, #313d54, #272727",
+      "equalPureDarkColors": "#212121, #232b38, #161515"
+   },
+   {
+      "lightColor": "rgba(0 0 0 / 0.11)",
+      "equalNightColors": "rgba(255 255 255 / 0.14)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "rgba(255 255 255 / 0.14)",
+      "equalNightColors": "rgba(0 0 0 / 0.11)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "#0053b8",
+      "equalNightColors": "#6eb2ff, #0053b8, #1065cc",
+      "equalPureDarkColors": "#6eb2ff"
+   },
+   {
+      "lightColor": "rgba(10 115 235 / 0.2)",
+      "equalNightColors": "rgba(10 115 235 / 0.2)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "#5a616f",
+      "equalNightColors": "#a8b0bd, #2c3b4d",
+      "equalPureDarkColors": "#999, #a8b0bd"
+   },
+   {
+      "lightColor": "#de3535",
+      "equalNightColors": "#ff6b6b",
+      "equalPureDarkColors": "#ff6b6b"
+   },
+   {
+      "lightColor": "#ab1a18",
+      "equalNightColors": "#cc302d",
+      "equalPureDarkColors": "#cc302d"
+   },
+   {
+      "lightColor": "#26a942",
+      "equalNightColors": "#4ac064",
+      "equalPureDarkColors": "#4ac064"
+   },
+   {
+      "lightColor": "#0e7526",
+      "equalNightColors": "#1b8c35",
+      "equalPureDarkColors": "#1b8c35"
+   },
+   {
+      "lightColor": "#f6b041",
+      "equalNightColors": "#f6b041",
+      "equalPureDarkColors": "#f6b041"
+   },
+   {
+      "lightColor": "#e7ecf4",
+      "equalNightColors": "#161b23, #384157, #2d3748, #1b212b, rgba(255 255 255 / 0.03), #1c2534",
+      "equalPureDarkColors": "#161b23"
+   },
+   {
+      "lightColor": "#ebf0f5",
+      "equalNightColors": "#2d3748, #384157, #ebf0f5",
+      "equalPureDarkColors": "#161515, #222, #2e2e2e, #2b2b2b, #2d3748"
+   },
+   {
+      "lightColor": "rgba(0 0 0 / 0.95)",
+      "equalNightColors": "#3e4d63",
+      "equalPureDarkColors": "#585858, #3e4d63"
+   },
+   {
+      "lightColor": "#b7d1f0",
+      "equalNightColors": "#3f536b",
+      "equalPureDarkColors": "#2c4664, #3f536b"
+   },
+   {
+      "lightColor": "#ecf4fd",
+      "equalNightColors": "#262f3d, #25333a",
+      "equalPureDarkColors": "#2b2b2b, #262626, #212121, #262f3d"
+   },
+   {
+      "lightColor": "#fdf3f3",
+      "equalNightColors": "rgba(255 107 107 / 0.05), #31323f, #503348, #2e2e3b, rgba(255 128 31 / 0.05), rgba(255 107 107 / 0.05), #fdf3f3",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "rgba(0 0 0 / 0.02)",
+      "equalNightColors": "rgba(225 225 225 / 0.06)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "rgba(0 0 0 / 0.12)",
+      "equalNightColors": "rgba(225 225 225 / 0.12)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "rgba(225 225 225 / 0.15)",
+      "equalNightColors": "rgba(225 225 225 / 0.12)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "rgba(0 0 0 / 0.16)",
+      "equalNightColors": "rgba(168 176 189 / 0.3)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "rgba(225 225 225 / 0.17)",
+      "equalNightColors": "rgba(225 225 225 / 0.14)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "rgba(44 51 77 / 0.1)",
+      "equalNightColors": "rgba(225 225 225 / 0.12)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "rgba(225 225 225 / 0.12)",
+      "equalNightColors": "rgba(225 225 225 / 0.12)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "rgba(225 225 225 / 0.06)",
+      "equalNightColors": "rgba(225 225 225 / 0.06)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "#2381ed",
+      "equalNightColors": "rgba(255 255 255 / 0.15)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "#ff6f00",
+      "equalNightColors": "#ff801f",
+      "equalPureDarkColors": "#ff801f"
+   },
+   {
+      "lightColor": "#1e2633",
+      "equalNightColors": "#e2e4e6, #3e4d63, #1e2633",
+      "equalPureDarkColors": "#e2e4e6"
+   },
+   {
+      "lightColor": "#f2faf5",
+      "equalNightColors": "#232b38, #28373f",
+      "equalPureDarkColors": "#212121, #232b38, #161515"
+   },
+   {
+      "lightColor": "#fcebeb",
+      "equalNightColors": "#583a45, #864654, #fcebeb",
+      "equalPureDarkColors": "#583a45"
+   },
+   {
+      "lightColor": "rgba(55 84 170 / 0.25)",
+      "equalNightColors": "rgba(0 0 0 / 0.3), rgba(0 0 0 / 0.4)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "#5cc1a5",
+      "equalNightColors": "#5cc1a5, #4ac064",
+      "equalPureDarkColors": "#5cc1a5"
+   },
+   {
+      "lightColor": "#010101",
+      "equalNightColors": "#ff6b6b, #e2e4e6",
+      "equalPureDarkColors": "#ff6b6b"
+   },
+   {
+      "lightColor": "#bdd9f9",
+      "equalNightColors": "#2d3748, #2d4869",
+      "equalPureDarkColors": "#161515, #222, #2e2e2e, #2b2b2b, #2d3748"
+   },
+   {
+      "lightColor": "#f8eaae",
+      "equalNightColors": "#2d3748, #574c3d",
+      "equalPureDarkColors": "#161515, #222, #2e2e2e, #2b2b2b, #2d3748"
+   },
+   {
+      "lightColor": "#2c334d",
+      "equalNightColors": "#151c28, #1b212b",
+      "equalPureDarkColors": "#101010"
+   },
+   {
+      "lightColor": "rgba(0 0 0 / 0.45)",
+      "equalNightColors": "rgba(0 0 0 / 0.8)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "rgba(0 0 0 / 0.9)",
+      "equalNightColors": "rgba(0 0 0 / 0.8)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "rgba(44 51 77 / 0.45)",
+      "equalNightColors": "rgba(44 51 77 / 0.75)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "#f6f7f8",
+      "equalNightColors": "#262f3d",
+      "equalPureDarkColors": "#2b2b2b, #262626, #212121, #262f3d"
+   },
+   {
+      "lightColor": "rgba(55 84 170 / 0.25)",
+      "equalNightColors": "rgba(0 0 0 / 0.4)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "#e9f7ef",
+      "equalNightColors": "#2c4e42",
+      "equalPureDarkColors": "#2c4e42"
+   },
+   {
+      "lightColor": "#fff1e6",
+      "equalNightColors": "#583c2c",
+      "equalPureDarkColors": "#583c2c"
+   },
+   {
+      "lightColor": "#fff6f0",
+      "equalNightColors": "#31333c",
+      "equalPureDarkColors": "#31333c"
+   },
+   {
+      "lightColor": "rgba(44 51 77 / 0.94)",
+      "equalNightColors": "rgba(27 33 43 / 0.9)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "#221f1f",
+      "equalNightColors": "#479dff",
+      "equalPureDarkColors": "#479dff"
+   },
+   {
+      "lightColor": "rgba(10 115 235 / 0.25)",
+      "equalNightColors": "#334b68",
+      "equalPureDarkColors": "#334b68"
+   },
+   {
+      "lightColor": "#3f70b7",
+      "equalNightColors": "#479dff",
+      "equalPureDarkColors": "#479dff"
+   },
+   {
+      "lightColor": "#e56471",
+      "equalNightColors": "#ff6b6b",
+      "equalPureDarkColors": "#ff6b6b"
+   },
+   {
+      "lightColor": "#a6add7",
+      "equalNightColors": "#828994",
+      "equalPureDarkColors": "#828994"
+   },
+   {
+      "lightColor": "#3f70b7",
+      "equalNightColors": "#334b68",
+      "equalPureDarkColors": "#334b68"
+   },
+   {
+      "lightColor": "rgba(55 84 170 / 0.25)",
+      "equalNightColors": "rgba(0 0 0 / 0.3)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "#dfe6f2",
+      "equalNightColors": "#384157",
+      "equalPureDarkColors": "#585858, #383838, #161515, #333, #384157"
+   },
+   {
+      "lightColor": "#eceff3",
+      "equalNightColors": "#1b212b",
+      "equalPureDarkColors": "#171717, #101010"
+   },
+   {
+      "lightColor": "#e8f6ff",
+      "equalNightColors": "rgba(71 157 255 / 0.25)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "#c2e9ff",
+      "equalNightColors": "#223b5a",
+      "equalPureDarkColors": "#223b5a"
+   },
+   {
+      "lightColor": "rgba(178 190 197 / 0.38)",
+      "equalNightColors": "rgba(120 129 144 / 0.38)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "rgba(120 129 144 / 40)",
+      "equalNightColors": "#384157",
+      "equalPureDarkColors": "#585858, #383838, #161515, #333, #384157"
+   },
+   {
+      "lightColor": "rgba(0 0 0 / 0.09)",
+      "equalNightColors": "rgba(0 0 0 / 0.4)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "rgba(0 0 0 / 0.06)",
+      "equalNightColors": "rgba(0 0 0 / 0.4)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "#edf4fd",
+      "equalNightColors": "transparent",
+      "equalPureDarkColors": "transparent"
+   },
+   {
+      "lightColor": "#fefcf3",
+      "equalNightColors": "transparent",
+      "equalPureDarkColors": "transparent"
+   },
+   {
+      "lightColor": "#e7f1fd",
+      "equalNightColors": "#253142",
+      "equalPureDarkColors": "#253142"
+   },
+   {
+      "lightColor": "#fefae8",
+      "equalNightColors": "#2d3239",
+      "equalPureDarkColors": "rgba(245, 176, 65, 0.05)"
+   },
+   {
+      "lightColor": "#f6a459",
+      "equalNightColors": "#f5b041",
+      "equalPureDarkColors": "#f5b041"
+   },
+   {
+      "lightColor": "#f3f6f9",
+      "equalNightColors": "#2d3748",
+      "equalPureDarkColors": "#161515, #222, #2e2e2e, #2b2b2b, #2d3748"
+   },
+   {
+      "lightColor": "#fcfffb",
+      "equalNightColors": "#293242",
+      "equalPureDarkColors": "#293242"
+   },
+   {
+      "lightColor": "#f4feef",
+      "equalNightColors": "#2a4042",
+      "equalPureDarkColors": "#2f3f42"
+   },
+   {
+      "lightColor": "#fdfdfd",
+      "equalNightColors": "#202937",
+      "equalPureDarkColors": "##202937"
+   },
+   {
+      "lightColor": "#e6eaf0",
+      "equalNightColors": "#2f3744",
+      "equalPureDarkColors": "#161515"
+   },
+   {
+      "lightColor": "#e7e9ec",
+      "equalNightColors": "#2d3748",
+      "equalPureDarkColors": "#161515, #222, #2e2e2e, #2b2b2b, #2d3748"
+   },
+   {
+      "lightColor": "#42485f",
+      "equalNightColors": "#2d3748",
+      "equalPureDarkColors": "#161515, #222, #2e2e2e, #2b2b2b, #2d3748"
+   },
+   {
+      "lightColor": "rgba(44 51 77 / 40)",
+      "equalNightColors": "rgba(27 33 43 / 40)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "rgba(200 203 220 / 0.5)",
+      "equalNightColors": "#39414e",
+      "equalPureDarkColors": "rgba(255, 255, 255, 0.08)"
+   },
+   {
+      "lightColor": "rgba(200 203 220 / 0.7)",
+      "equalNightColors": "#39414e",
+      "equalPureDarkColors": "rgba(255, 255, 255, 0.08)"
+   },
+   {
+      "lightColor": "#383f57",
+      "equalNightColors": "#232b38",
+      "equalPureDarkColors": "#212121, #232b38, #161515"
+   },
+   {
+      "lightColor": "#444a61",
+      "equalNightColors": "#444a61",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "#444a61",
+      "equalNightColors": "#262f3d",
+      "equalPureDarkColors": "#2b2b2b, #262626, #212121, #262f3d"
+   },
+   {
+      "lightColor": "#333a53",
+      "equalNightColors": "#232b38",
+      "equalPureDarkColors": "#212121, #232b38, #161515"
+   },
+   {
+      "lightColor": "#6cbbfc",
+      "equalNightColors": "#479dff",
+      "equalPureDarkColors": "#479dff"
+   },
+   {
+      "lightColor": "#61667a",
+      "equalNightColors": "#828994",
+      "equalPureDarkColors": "#828994"
+   },
+   {
+      "lightColor": "#5f6478",
+      "equalNightColors": "#5f6478",
+      "equalPureDarkColors": "rgba(255, 255, 255, 0.15)"
+   },
+   {
+      "lightColor": "#232b38",
+      "equalNightColors": "#383f57",
+      "equalPureDarkColors": "#383f57"
+   },
+   {
+      "lightColor": "#226db4",
+      "equalNightColors": "#e2e4e6",
+      "equalPureDarkColors": "#e2e4e6"
+   },
+   {
+      "lightColor": "rgba(222 53 53 / 0.3)",
+      "equalNightColors": "#4f3842",
+      "equalPureDarkColors": "#4f3842"
+   },
+   {
+      "lightColor": "#fef7ec",
+      "equalNightColors": "#433f39",
+      "equalPureDarkColors": "#433f39"
+   },
+   {
+      "lightColor": "rgba(131 134 146 / 0.9)",
+      "equalNightColors": "rgba(62 77 99 / 0.9)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "rgba(131 134 146 / 1)",
+      "equalNightColors": "#3e4d63",
+      "equalPureDarkColors": "#585858, #3e4d63"
+   },
+   {
+      "lightColor": "#f1dbdb",
+      "equalNightColors": "#2d3748",
+      "equalPureDarkColors": "#161515, #222, #2e2e2e, #2b2b2b, #2d3748"
+   },
+   {
+      "lightColor": "#fdf4f4",
+      "equalNightColors": "rgba(255 107 107 / 0.05)",
+      "equalPureDarkColors": ""
+   },
+   {
+      "lightColor": "#f2f2f2",
+      "equalNightColors": "#262f3d",
+      "equalPureDarkColors": "#2b2b2b, #262626, #212121, #262f3d"
+   }
+]