@zohodesk/components 1.0.0-alpha-250 → 1.0.0-alpha-253

package/es/LightNightMode/Colors.json

@@ -1,497 +0,0 @@
-[
-   {
-      "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"
-   }
-]

package/es/LightNightMode/docs/AlternativeColors.docs.js

@@ -1,94 +0,0 @@
-import React from 'react';
-import Container from '../../Layout/Container';
-import Box from '../../Layout/Box';
-import Colors from './../Colors.json';
-import style from '../../common/docStyle.module.css';
-export default class AlternativeColors extends React.Component {
-  render() {
-    const {
-      colors = Colors
-    } = this.props;
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Container, {
-      className: style.m20,
-      isCover: false
-    }, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Box, {
-      className: style.para
-    }, "Note: In some places, for single light mode color we used multipe night mode color values based on the places. Here in this docs, you can see the gold-border highlighted color in each row. So, that gold-highlighted is the ", /*#__PURE__*/React.createElement("b", null, "primary night mode color"), ". For more details kindly check this ", /*#__PURE__*/React.createElement("a", {
-      target: "_blank",
-      href: "https://sheet.zoho.com/sheet/open/122xr236d82d3bc7c4b8d9bff2e160a9ae7a4"
-    }, /*#__PURE__*/React.createElement("b", null, "sheet")), ".")), /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row",
-      className: style.head
-    }, /*#__PURE__*/React.createElement(Box, {
-      className: style.lft
-    }, "Light Mode Colors"), /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      className: style.rgt
-    }, "Alternate Night Mode Colors"), /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      className: style.rgt
-    }, "Alternate Pure Dark Mode Colors")), /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row",
-      className: style.content
-    }, /*#__PURE__*/React.createElement(Box, {
-      flexible: true
-    }, colors.map((index, i) => /*#__PURE__*/React.createElement(Container, {
-      alignBox: "row",
-      key: i,
-      isCover: false,
-      className: style.trow
-    }, /*#__PURE__*/React.createElement(Box, {
-      className: style.lft
-    }, /*#__PURE__*/React.createElement("span", {
-      style: {
-        backgroundColor: `${index.lightColor}`
-      },
-      className: style.rect
-    }), /*#__PURE__*/React.createElement("span", {
-      className: style.colorvalue,
-      onClick: () => navigator.clipboard.writeText(index.lightColor),
-      "data-title": `Copy ${index.lightColor}`
-    }, index.lightColor)), /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      className: style.rgt
-    }, index.equalNightColors.toString().split(", ").map((clrValue, j) => {
-      return /*#__PURE__*/React.createElement("div", {
-        className: style.nestedDiv,
-        key: j
-      }, /*#__PURE__*/React.createElement("span", {
-        style: {
-          backgroundColor: `${clrValue}`
-        },
-        className: `${style.rect} ${style.gold}`
-      }), /*#__PURE__*/React.createElement("span", {
-        className: style.colorvalue,
-        onClick: () => navigator.clipboard.writeText(clrValue),
-        "data-title": `Copy ${clrValue}`
-      }, clrValue));
-    })), /*#__PURE__*/React.createElement(Box, {
-      flexible: true,
-      className: style.rgt
-    }, index.equalPureDarkColors.toString().split(", ").map((clrValue, j) => {
-      return /*#__PURE__*/React.createElement("div", {
-        className: style.nestedDiv,
-        key: j
-      }, /*#__PURE__*/React.createElement("span", {
-        style: {
-          backgroundColor: `${clrValue}`
-        },
-        className: `${style.rect} ${style.gold}`
-      }), /*#__PURE__*/React.createElement("span", {
-        className: style.colorvalue,
-        onClick: () => navigator.clipboard.writeText(clrValue),
-        "data-title": `Copy ${clrValue}`
-      }, clrValue));
-    }))))))));
-  }
-
-}
-
-if (false) {
-  AlternativeColors.docs = {
-    componentGroup: 'LightNightMode'
-  };
-}