everest-toolkit - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

dist/index.es.js

@@ -179,3 +179,3 @@ import React, { Fragment } from 'react';
 Text.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  children: PropTypes.node,
   bold: PropTypes.bool,
@@ -187,2 +187,239 @@ color: PropTypes.string,
 
+var Heading = function Heading(_ref) {
+  var size = _ref.size,
+      children = _ref.children,
+      _ref$underlined = _ref.underlined;
+
+  switch (size) {
+    case 1:
+      return React.createElement(
+        'h1',
+        null,
+        React.createElement(
+          Text,
+          { bold: true, size: '24px' },
+          children
+        )
+      );
+    case 2:
+      return React.createElement(
+        'h2',
+        null,
+        React.createElement(
+          Text,
+          { bold: true, size: '20px' },
+          children
+        )
+      );
+    case 3:
+      return React.createElement(
+        'h3',
+        { style: { margin: '16px 0' } },
+        React.createElement(
+          Text,
+          { bold: true, size: '16px' },
+          children
+        )
+      );
+    case 4:
+    default:
+      return React.createElement(
+        'h4',
+        { style: { margin: '8px 0' } },
+        React.createElement(
+          Text,
+          { bold: true, size: '12px' },
+          children
+        )
+      );
+  }
+};
+
+Heading.defaultProps = {
+  underlined: false
+};
+
+Heading.propTypes = {
+  size: PropTypes.number,
+  children: PropTypes.node,
+  underlined: PropTypes.bool
+};
+
+var _ref =
+/*#__PURE__*/
+React.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd"
+}, React.createElement("path", {
+  fill: "#FFF",
+  d: "M0 0h24v24H0z"
+}), React.createElement("path", {
+  fill: "#242F33",
+  fillRule: "nonzero",
+  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}));
+
+var exit = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20style%3D%22background%3A%23fff%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23242F33%22%20fill-rule%3D%22nonzero%22%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var _ref$1 =
+/*#__PURE__*/
+React.createElement("path", {
+  fill: "#242F33",
+  d: "M8.6 15.6l-4.2-4.2L3 12.8l5.6 5.6 12-12L19.2 5z"
+});
+
+var check = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%20%20%3Cpath%20fill%3D%22%23242F33%22%20fill-rule%3D%22nonzero%22%20d%3D%22M8.6%2015.6l-4.2-4.2L3%2012.8l5.6%205.6%2012-12L19.2%205z%22%2F%3E%3C%2Fsvg%3E";
+
+var _ref$2 =
+/*#__PURE__*/
+React.createElement("path", {
+  d: "M7 18.12L13.18 12 7 5.88 8.903 4 17 12l-8.097 8L7 18.12z",
+  fill: "#D3D3DB"
+});
+
+var continueImg = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M7%2018.12L13.18%2012L7%205.88L8.903%204L17%2012L8.903%2020L7%2018.12Z%22%20fill%3D%22%23D3D3DB%22%2F%3E%3C%2Fsvg%3E";
+
+var _ref$3 =
+/*#__PURE__*/
+React.createElement("path", {
+  d: "M118.65 60.09c0 32.395-26.36 58.744-58.754 58.744-32.395 0-58.745-26.349-58.745-58.744 0-32.395 26.35-58.754 58.745-58.754 32.394 0 58.754 26.36 58.754 58.754z",
+  fill: "#fff"
+});
+
+var _ref2 =
+/*#__PURE__*/
+React.createElement("path", {
+  d: "M59.901 1.34c-32.395 0-58.75 26.352-58.75 58.748 0 32.395 26.355 58.75 58.75 58.75 32.396 0 58.751-26.355 58.751-58.75 0-32.396-26.355-58.748-58.751-58.748zm0 118.649C26.871 119.989 0 93.116 0 60.086S26.87.185 59.9.185c33.031 0 59.902 26.871 59.902 59.9 0 33.03-26.87 59.904-59.902 59.904z",
+  fill: "#BBB"
+});
+
+var _ref3 =
+/*#__PURE__*/
+React.createElement("path", {
+  d: "M59.902 5.42C29.757 5.42 5.23 29.947 5.23 60.095c0 30.146 24.527 54.67 54.672 54.67 30.146 0 54.672-24.524 54.672-54.67 0-30.148-24.526-54.675-54.672-54.675z",
+  fill: "#006993"
+});
+
+var _ref4 =
+/*#__PURE__*/
+React.createElement("path", {
+  d: "M113.33 71.69c-5.324 24.605-27.261 43.084-53.43 43.084-21.517 0-40.185-12.504-49.089-30.632l58.704-36.344L113.33 71.69z",
+  fill: "#6A9D25"
+});
+
+var _ref5 =
+/*#__PURE__*/
+React.createElement("path", {
+  d: "M113.94 68.39v.02l-.612 3.278-43.814-23.892L10.809 84.15a51.98 51.98 0 01-2.225-5.203l40.375-49.4s3.59-5.274 7.931-5.645c4.572-.38 8.423 3.67 8.423 3.67L113.94 68.39z",
+  fill: "#fff"
+});
+
+var _ref6 =
+/*#__PURE__*/
+React.createElement("path", {
+  d: "M94.713 91.82c-2.187-.944-8.545-1.4-14.2-1.017-2.19.148-3.946.4-5.157.707l-.008-.004-7.99 2.17 14.553.635-.01-.005c2.1.08 4.37.058 6.539-.089 5.654-.382 8.462-1.453 6.273-2.397",
+  fill: "#1A1919"
+});
+
+var _ref7 =
+/*#__PURE__*/
+React.createElement("path", {
+  d: "M88.864 78.99a13.228 13.228 0 01-5.384 5.896l.03.01-16.153 8.782-3.79-17.997.02.01a13.207 13.207 0 011.033-8.001c3.119-6.697 11.08-9.595 17.777-6.477 6.688 3.128 9.595 11.079 6.467 17.777",
+  fill: "#fff"
+});
+
+var _ref8 =
+/*#__PURE__*/
+React.createElement("path", {
+  d: "M71.972 71.17a5.263 5.263 0 106.992-2.546 5.259 5.259 0 00-6.992 2.546z",
+  fill: "#DE4321"
+});
+
+var logo = "data:image/svg+xml,%3Csvg%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M118.65%2060.0899C118.65%2092.4851%2092.2904%20118.834%2059.896%20118.834C27.5008%20118.834%201.1515%2092.4851%201.1515%2060.0899C1.1515%2027.6955%2027.5008%201.3359%2059.896%201.3359C92.2904%201.3359%20118.65%2027.6955%20118.65%2060.0899Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M59.901%201.33997C27.5059%201.33997%201.15138%2027.6922%201.15138%2060.0881C1.15138%2092.4833%2027.5059%20118.838%2059.901%20118.838C92.2969%20118.838%20118.652%2092.4833%20118.652%2060.0881C118.652%2027.6922%2092.2969%201.33997%2059.901%201.33997ZM59.901%20119.989C26.8712%20119.989%20-6.10352e-05%2093.1157%20-6.10352e-05%2060.0859C-6.10352e-05%2027.0561%2026.8712%200.184842%2059.901%200.184842C92.9323%200.184842%20119.803%2027.0561%20119.803%2060.0859C119.803%2093.1157%2092.9323%20119.989%2059.901%20119.989Z%22%20fill%3D%22%23BBBBBB%22%2F%3E%3Cpath%20d%3D%22M59.902%205.41995C29.7575%205.41995%205.2303%2029.9471%205.2303%2060.0946C5.2303%2090.2406%2029.7575%20114.765%2059.902%20114.765C90.048%20114.765%20114.574%2090.2406%20114.574%2060.0946C114.574%2029.9471%2090.048%205.41995%2059.902%205.41995Z%22%20fill%3D%22%23006993%22%2F%3E%3Cpath%20d%3D%22M113.33%2071.69C108.006%2096.2945%2086.0685%20114.774%2059.8996%20114.774C38.3835%20114.774%2019.7145%20102.27%2010.8114%2084.1424L69.5153%2047.7975L113.33%2071.69Z%22%20fill%3D%22%236A9D25%22%2F%3E%3Cpath%20d%3D%22M113.94%2068.3899V68.4098L113.328%2071.6882L69.5136%2047.7957L10.8088%2084.1509C9.97691%2082.4672%209.23554%2080.7327%208.58398%2078.9481L48.959%2029.5484C48.959%2029.5484%2052.5488%2024.2742%2056.8903%2023.9031C61.4623%2023.5225%2065.3127%2027.5732%2065.3127%2027.5732L113.94%2068.3899Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M94.713%2091.82C92.5257%2090.8762%2086.1677%2090.4197%2080.5135%2090.8033C78.3233%2090.9505%2076.5674%2091.2023%2075.3563%2091.51L75.3482%2091.5064L67.3573%2093.676L81.9109%2094.3106L81.9013%2094.3062C84.0017%2094.3865%2086.2715%2094.3636%2088.4397%2094.2171C94.0938%2093.835%2096.9018%2092.7638%2094.713%2091.82%22%20fill%3D%22%231A1919%22%2F%3E%3Cpath%20d%3D%22M88.864%2078.99C87.6706%2081.5565%2085.7557%2083.5722%2083.48%2084.8857L83.5102%2084.8952L67.3575%2093.6783L63.5675%2075.6814L63.5874%2075.6917C63.1066%2073.0745%2063.407%2070.2872%2064.6203%2067.6898C67.7389%2060.9931%2075.6996%2058.0954%2082.397%2061.2132C89.0849%2064.3414%2091.9922%2072.2919%2088.864%2078.99%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M71.972%2071.17C70.7425%2073.8056%2071.8837%2076.9346%2074.5186%2078.1648C77.1535%2079.3921%2080.2839%2078.2546%2081.5127%2075.6167C82.7407%2072.9789%2081.601%2069.8521%2078.9639%2068.6241C76.3297%2067.3939%2073.1986%2068.5358%2071.972%2071.17Z%22%20fill%3D%22%23DE4321%22%2F%3E%3C%2Fsvg%3E";
+
+var _ref$4 =
+/*#__PURE__*/
+React.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd"
+}, React.createElement("rect", {
+  width: 39.167,
+  height: 39.167,
+  x: 0.417,
+  y: 0.417,
+  stroke: "#D3D3DB",
+  strokeWidth: 0.833,
+  rx: 3.333
+}), React.createElement("path", {
+  d: "M10 10h20v20H10z"
+}), React.createElement("path", {
+  fill: "#D62B2B",
+  fillRule: "nonzero",
+  d: "M27.142 22.383l1.191-1.191L27.142 20l-2.975 2.975-7.142-7.142L20 12.858l-1.192-1.191-1.191 1.191-1.192-1.191-1.783 1.783-1.192-1.192-1.192 1.192 1.192 1.192-1.783 1.783 1.191 1.192-1.191 1.191L12.858 20l2.975-2.975 7.142 7.142L20 27.142l1.192 1.191 1.191-1.191 1.192 1.191 1.783-1.783 1.192 1.192 1.192-1.192-1.192-1.192 1.783-1.783z"
+}));
+
+var weight = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Crect%20width%3D%2239.167%22%20height%3D%2239.167%22%20x%3D%22.417%22%20y%3D%22.417%22%20stroke%3D%22%23D3D3DB%22%20stroke-width%3D%22.833%22%20rx%3D%223.333%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10%2010h20v20H10z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23D62B2B%22%20fill-rule%3D%22nonzero%22%20d%3D%22M27.142%2022.383l1.191-1.191L27.142%2020l-2.975%202.975-7.142-7.142L20%2012.858l-1.192-1.191-1.191%201.191-1.192-1.191-1.783%201.783-1.192-1.192-1.192%201.192%201.192%201.192-1.783%201.783%201.191%201.192-1.191%201.191L12.858%2020l2.975-2.975%207.142%207.142L20%2027.142l1.192%201.191%201.191-1.191%201.192%201.191%201.783-1.783%201.192%201.192%201.192-1.192-1.192-1.192%201.783-1.783z%22%2F%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var _ref$5 =
+/*#__PURE__*/
+React.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd"
+}, React.createElement("rect", {
+  width: 39.167,
+  height: 39.167,
+  x: 0.417,
+  y: 0.417,
+  stroke: "#D3D3DB",
+  strokeWidth: 0.833,
+  rx: 3.333
+}), React.createElement("path", {
+  d: "M10 10h20v20H10z"
+}), React.createElement("path", {
+  fill: "#D62B2B",
+  fillRule: "nonzero",
+  d: "M15.833 19.167H17.5v1.666h-1.667v-1.666zM27.5 15v11.667c0 .916-.75 1.666-1.667 1.666H14.167c-.925 0-1.667-.75-1.667-1.666L12.508 15a1.66 1.66 0 011.659-1.667H15v-1.666h1.667v1.666h6.666v-1.666H25v1.666h.833c.917 0 1.667.75 1.667 1.667zm-13.333 1.667h11.666V15H14.167v1.667zm11.666 10v-8.334H14.167v8.334h11.666zM22.5 20.833h1.667v-1.666H22.5v1.666zm-3.333 0h1.666v-1.666h-1.666v1.666z"
+}));
+
+var calendar = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Crect%20width%3D%2239.167%22%20height%3D%2239.167%22%20x%3D%22.417%22%20y%3D%22.417%22%20stroke%3D%22%23D3D3DB%22%20stroke-width%3D%22.833%22%20rx%3D%223.333%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10%2010h20v20H10z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23D62B2B%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15.833%2019.167H17.5v1.666h-1.667v-1.666zM27.5%2015v11.667c0%20.916-.75%201.666-1.667%201.666H14.167c-.925%200-1.667-.75-1.667-1.666L12.508%2015a1.66%201.66%200%200%201%201.659-1.667H15v-1.666h1.667v1.666h6.666v-1.666H25v1.666h.833c.917%200%201.667.75%201.667%201.667zm-13.333%201.667h11.666V15H14.167v1.667zm11.666%2010v-8.334H14.167v8.334h11.666zM22.5%2020.833h1.667v-1.666H22.5v1.666zm-3.333%200h1.666v-1.666h-1.666v1.666z%22%2F%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var typeToImg = function typeToImg(type) {
+  switch (type) {
+    case 'exit':
+      return exit;
+    case 'check':
+      return check;
+    case 'continue':
+      return continueImg;
+    case 'logo':
+      return logo;
+    case 'weight':
+      return weight;
+    case 'calendar':
+      return calendar;
+    default:
+      return logo;
+  }
+};
+
+var Icon = function Icon(_ref) {
+  var name = _ref.name,
+      size = _ref.size,
+      rest = objectWithoutProperties(_ref, ['name', 'size']);
+  return React.createElement('img', _extends({
+    style: { height: size, width: size, objectFit: 'contain' },
+    src: typeToImg(name),
+    alt: name
+  }, rest));
+};
+
+Icon.defaultProps = {
+  size: 24
+};
+
+Icon.propTypes = {
+  size: PropTypes.number,
+  name: PropTypes.string
+};
+
 var css$2 = ":root {\n\t--blue: #2077d5;\n\t--grey90: #9da2a3;\n\t--black: #242f33;\n}\n\n.Input-module_input__1TjxO > input {\n\twidth: calc(100% - 16px);\n\tborder-radius: 4px;\n\tborder: solid 1px #9da2a3;\n\theight: 20px;\n\tpadding: 8px;\n\toutline: none;\n\t\n}\n\n.Input-module_input__1TjxO > input:active {\n\tborder: solid 1px var(--blue);\n}\n\n.Input-module_error__1y_EI > input {\n\tbackground-color: rgba(208, 2, 27, 0.08);\n\tborder: solid 1px #d0021b;\n} \n\n.Input-module_complete__1kT1Q > input {\n\tborder: solid 1px var(--black);\n}\n\n.Input-module_container__y-kIk {\n\tmargin: 5px 0;\n}";
@@ -331,3 +568,82 @@ var styles$1 = { "input": "Input-module_input__1TjxO", "error": "Input-module_error__1y_EI", "complete": "Input-module_complete__1kT1Q", "container": "Input-module_container__y-kIk" };
 
-export { Button, ButtonActions, Input, Text, NameInput, PhoneInput };
+var css$4 = ".InfoModal-module_container__3D2qW {\n\tbackground-color: #2077d5;\n\tpadding: 16px;\n\tposition: sticky;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n}";
+var styles$3 = { "container": "InfoModal-module_container__3D2qW" };
+styleInject(css$4);
+
+var InfoModal = function InfoModal(_ref) {
+  var title = _ref.title,
+      children = _ref.children;
+  return React.createElement(
+    'div',
+    { className: styles$3.container },
+    React.createElement(
+      'div',
+      { className: styles$3.title },
+      React.createElement(
+        Text,
+        { bold: true, size: '16px', color: 'white' },
+        title
+      )
+    ),
+    children
+  );
+};
+
+InfoModal.defaultProps = {};
+
+InfoModal.propTypes = {
+  title: PropTypes.string.isRequired,
+  children: PropTypes.node
+};
+
+var css$5 = ".modal-module_header__2s3jV {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\theight: 56px;\n\tbackground-color: #ffffff;\n\tborder-bottom: solid 1px #d3d3db;\n\tpadding: 8px 16px;\n}\n\n.modal-module_exit__cCQOn {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: pointer;\n\ttransition: transform 0.3s ease-in-out;\n}\n\n.modal-module_exit__cCQOn:hover {\n\ttransform: rotate(90deg);\n}\n\n.modal-module_overlay__3F2EL {\n\tposition: fixed;\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n\tbottom: 0;\n\ttransition: transform 0.3s ease-in-out;\n\ttransform: translateY(100vh);\n\tz-index: 20;\n\tbackground-color: rgba(255, 255, 255, 0.75);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.modal-module_container__1b3QW {\n\t/* position: fixed;\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n\tbottom: 0; */\n\twidth: 100%;\n\tmin-height: 100vh;\n}\n\n.modal-module_show__3NmeH {\n\ttransform: translateY(0);\n}\n\n.modal-module_content__4-ybI {\n\theight: calc(100vh - 56px);\n\tbackground-color: #FBFBFB;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.modal-module_content__4-ybI>div:first-child {\n\tflex-grow: 1;\n}\n\n.modal-module_title__2CN3c {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-size: 14px;\n\tfont-weight: 600;\n\tfont-style: normal;\n\tfont-stretch: normal;\n\tline-height: 1.71;\n\tletter-spacing: normal;\n\tcolor: #242f33;\n}\n\n@keyframes modal-module_modalAnimation__1Ohbv {\n\t0% {\n\t\ttransform: translateY(100vh);\n\t}\n\t100% {\n\t\ttransform: translateY(0);\n\t}\n}\n\n@media screen and (min-width: 768px) {\n\t.modal-module_container__1b3QW {\n\t\tposition: relative;\n\t\twidth: 490px;\n\t\t/* height: 50vh; */\n\t\tborder-radius: 4px;\n\t\tbox-shadow: 0 2px 6px 0 rgba(36, 47, 51, 0.16);\n\t\tborder: solid 1px #FBFBFB;\n\t\tbackground-color: #FFF;\n\t\tmin-height: auto;\n\t}\n\t.modal-module_content__4-ybI {\n\t\theight: auto;\n\t\tbackground: #ffffff;\n\t}\n\n\t.modal-module_header__2s3jV {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tjustify-content: flex-end;\n\t\tborder: none;\n\t}\n\n\t.modal-module_title__2CN3c {\n\t\tdisplay: none;\n\t}\n}";
+var styles$4 = { "header": "modal-module_header__2s3jV", "exit": "modal-module_exit__cCQOn", "overlay": "modal-module_overlay__3F2EL", "container": "modal-module_container__1b3QW", "show": "modal-module_show__3NmeH", "content": "modal-module_content__4-ybI", "title": "modal-module_title__2CN3c", "modalAnimation": "modal-module_modalAnimation__1Ohbv" };
+styleInject(css$5);
+
+var Modal = function Modal(_ref) {
+  var title = _ref.title,
+      closeButtonHandler = _ref.closeButtonHandler,
+      children = _ref.children,
+      isOpen = _ref.isOpen;
+  return React.createElement(
+    'div',
+    { className: [styles$4.overlay, isOpen ? styles$4.show : ''].join(' ') },
+    React.createElement(
+      'div',
+      { className: styles$4.container },
+      React.createElement(
+        'div',
+        { className: styles$4.header },
+        React.createElement(
+          'div',
+          { className: styles$4.title },
+          title
+        ),
+        React.createElement(
+          'div',
+          { className: styles$4.exit, onClick: closeButtonHandler },
+          React.createElement(Icon, { name: 'exit' })
+        )
+      ),
+      React.createElement(
+        'div',
+        { className: styles$4.content },
+        children
+      )
+    )
+  );
+};
+
+Modal.defaultProps = {
+  isOpen: true
+};
+
+Modal.propTypes = {
+  isOpen: PropTypes.bool,
+  title: PropTypes.string.isRequired,
+  closeButtonHandler: PropTypes.func.isRequired,
+  children: PropTypes.node.isRequired
+};
+
+export { Button, ButtonActions, Heading, Icon, Input, NameInput, PhoneInput, Text, InfoModal, Modal };
 //# sourceMappingURL=index.es.js.map

dist/index.js

@@ -186,3 +186,3 @@ 'use strict';
 Text.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  children: PropTypes.node,
   bold: PropTypes.bool,
@@ -194,2 +194,239 @@ color: PropTypes.string,
 
+var Heading = function Heading(_ref) {
+  var size = _ref.size,
+      children = _ref.children,
+      _ref$underlined = _ref.underlined;
+
+  switch (size) {
+    case 1:
+      return React__default.createElement(
+        'h1',
+        null,
+        React__default.createElement(
+          Text,
+          { bold: true, size: '24px' },
+          children
+        )
+      );
+    case 2:
+      return React__default.createElement(
+        'h2',
+        null,
+        React__default.createElement(
+          Text,
+          { bold: true, size: '20px' },
+          children
+        )
+      );
+    case 3:
+      return React__default.createElement(
+        'h3',
+        { style: { margin: '16px 0' } },
+        React__default.createElement(
+          Text,
+          { bold: true, size: '16px' },
+          children
+        )
+      );
+    case 4:
+    default:
+      return React__default.createElement(
+        'h4',
+        { style: { margin: '8px 0' } },
+        React__default.createElement(
+          Text,
+          { bold: true, size: '12px' },
+          children
+        )
+      );
+  }
+};
+
+Heading.defaultProps = {
+  underlined: false
+};
+
+Heading.propTypes = {
+  size: PropTypes.number,
+  children: PropTypes.node,
+  underlined: PropTypes.bool
+};
+
+var _ref =
+/*#__PURE__*/
+React__default.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd"
+}, React__default.createElement("path", {
+  fill: "#FFF",
+  d: "M0 0h24v24H0z"
+}), React__default.createElement("path", {
+  fill: "#242F33",
+  fillRule: "nonzero",
+  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}));
+
+var exit = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20style%3D%22background%3A%23fff%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23242F33%22%20fill-rule%3D%22nonzero%22%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var _ref$1 =
+/*#__PURE__*/
+React__default.createElement("path", {
+  fill: "#242F33",
+  d: "M8.6 15.6l-4.2-4.2L3 12.8l5.6 5.6 12-12L19.2 5z"
+});
+
+var check = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%20%20%3Cpath%20fill%3D%22%23242F33%22%20fill-rule%3D%22nonzero%22%20d%3D%22M8.6%2015.6l-4.2-4.2L3%2012.8l5.6%205.6%2012-12L19.2%205z%22%2F%3E%3C%2Fsvg%3E";
+
+var _ref$2 =
+/*#__PURE__*/
+React__default.createElement("path", {
+  d: "M7 18.12L13.18 12 7 5.88 8.903 4 17 12l-8.097 8L7 18.12z",
+  fill: "#D3D3DB"
+});
+
+var continueImg = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M7%2018.12L13.18%2012L7%205.88L8.903%204L17%2012L8.903%2020L7%2018.12Z%22%20fill%3D%22%23D3D3DB%22%2F%3E%3C%2Fsvg%3E";
+
+var _ref$3 =
+/*#__PURE__*/
+React__default.createElement("path", {
+  d: "M118.65 60.09c0 32.395-26.36 58.744-58.754 58.744-32.395 0-58.745-26.349-58.745-58.744 0-32.395 26.35-58.754 58.745-58.754 32.394 0 58.754 26.36 58.754 58.754z",
+  fill: "#fff"
+});
+
+var _ref2 =
+/*#__PURE__*/
+React__default.createElement("path", {
+  d: "M59.901 1.34c-32.395 0-58.75 26.352-58.75 58.748 0 32.395 26.355 58.75 58.75 58.75 32.396 0 58.751-26.355 58.751-58.75 0-32.396-26.355-58.748-58.751-58.748zm0 118.649C26.871 119.989 0 93.116 0 60.086S26.87.185 59.9.185c33.031 0 59.902 26.871 59.902 59.9 0 33.03-26.87 59.904-59.902 59.904z",
+  fill: "#BBB"
+});
+
+var _ref3 =
+/*#__PURE__*/
+React__default.createElement("path", {
+  d: "M59.902 5.42C29.757 5.42 5.23 29.947 5.23 60.095c0 30.146 24.527 54.67 54.672 54.67 30.146 0 54.672-24.524 54.672-54.67 0-30.148-24.526-54.675-54.672-54.675z",
+  fill: "#006993"
+});
+
+var _ref4 =
+/*#__PURE__*/
+React__default.createElement("path", {
+  d: "M113.33 71.69c-5.324 24.605-27.261 43.084-53.43 43.084-21.517 0-40.185-12.504-49.089-30.632l58.704-36.344L113.33 71.69z",
+  fill: "#6A9D25"
+});
+
+var _ref5 =
+/*#__PURE__*/
+React__default.createElement("path", {
+  d: "M113.94 68.39v.02l-.612 3.278-43.814-23.892L10.809 84.15a51.98 51.98 0 01-2.225-5.203l40.375-49.4s3.59-5.274 7.931-5.645c4.572-.38 8.423 3.67 8.423 3.67L113.94 68.39z",
+  fill: "#fff"
+});
+
+var _ref6 =
+/*#__PURE__*/
+React__default.createElement("path", {
+  d: "M94.713 91.82c-2.187-.944-8.545-1.4-14.2-1.017-2.19.148-3.946.4-5.157.707l-.008-.004-7.99 2.17 14.553.635-.01-.005c2.1.08 4.37.058 6.539-.089 5.654-.382 8.462-1.453 6.273-2.397",
+  fill: "#1A1919"
+});
+
+var _ref7 =
+/*#__PURE__*/
+React__default.createElement("path", {
+  d: "M88.864 78.99a13.228 13.228 0 01-5.384 5.896l.03.01-16.153 8.782-3.79-17.997.02.01a13.207 13.207 0 011.033-8.001c3.119-6.697 11.08-9.595 17.777-6.477 6.688 3.128 9.595 11.079 6.467 17.777",
+  fill: "#fff"
+});
+
+var _ref8 =
+/*#__PURE__*/
+React__default.createElement("path", {
+  d: "M71.972 71.17a5.263 5.263 0 106.992-2.546 5.259 5.259 0 00-6.992 2.546z",
+  fill: "#DE4321"
+});
+
+var logo = "data:image/svg+xml,%3Csvg%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M118.65%2060.0899C118.65%2092.4851%2092.2904%20118.834%2059.896%20118.834C27.5008%20118.834%201.1515%2092.4851%201.1515%2060.0899C1.1515%2027.6955%2027.5008%201.3359%2059.896%201.3359C92.2904%201.3359%20118.65%2027.6955%20118.65%2060.0899Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M59.901%201.33997C27.5059%201.33997%201.15138%2027.6922%201.15138%2060.0881C1.15138%2092.4833%2027.5059%20118.838%2059.901%20118.838C92.2969%20118.838%20118.652%2092.4833%20118.652%2060.0881C118.652%2027.6922%2092.2969%201.33997%2059.901%201.33997ZM59.901%20119.989C26.8712%20119.989%20-6.10352e-05%2093.1157%20-6.10352e-05%2060.0859C-6.10352e-05%2027.0561%2026.8712%200.184842%2059.901%200.184842C92.9323%200.184842%20119.803%2027.0561%20119.803%2060.0859C119.803%2093.1157%2092.9323%20119.989%2059.901%20119.989Z%22%20fill%3D%22%23BBBBBB%22%2F%3E%3Cpath%20d%3D%22M59.902%205.41995C29.7575%205.41995%205.2303%2029.9471%205.2303%2060.0946C5.2303%2090.2406%2029.7575%20114.765%2059.902%20114.765C90.048%20114.765%20114.574%2090.2406%20114.574%2060.0946C114.574%2029.9471%2090.048%205.41995%2059.902%205.41995Z%22%20fill%3D%22%23006993%22%2F%3E%3Cpath%20d%3D%22M113.33%2071.69C108.006%2096.2945%2086.0685%20114.774%2059.8996%20114.774C38.3835%20114.774%2019.7145%20102.27%2010.8114%2084.1424L69.5153%2047.7975L113.33%2071.69Z%22%20fill%3D%22%236A9D25%22%2F%3E%3Cpath%20d%3D%22M113.94%2068.3899V68.4098L113.328%2071.6882L69.5136%2047.7957L10.8088%2084.1509C9.97691%2082.4672%209.23554%2080.7327%208.58398%2078.9481L48.959%2029.5484C48.959%2029.5484%2052.5488%2024.2742%2056.8903%2023.9031C61.4623%2023.5225%2065.3127%2027.5732%2065.3127%2027.5732L113.94%2068.3899Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M94.713%2091.82C92.5257%2090.8762%2086.1677%2090.4197%2080.5135%2090.8033C78.3233%2090.9505%2076.5674%2091.2023%2075.3563%2091.51L75.3482%2091.5064L67.3573%2093.676L81.9109%2094.3106L81.9013%2094.3062C84.0017%2094.3865%2086.2715%2094.3636%2088.4397%2094.2171C94.0938%2093.835%2096.9018%2092.7638%2094.713%2091.82%22%20fill%3D%22%231A1919%22%2F%3E%3Cpath%20d%3D%22M88.864%2078.99C87.6706%2081.5565%2085.7557%2083.5722%2083.48%2084.8857L83.5102%2084.8952L67.3575%2093.6783L63.5675%2075.6814L63.5874%2075.6917C63.1066%2073.0745%2063.407%2070.2872%2064.6203%2067.6898C67.7389%2060.9931%2075.6996%2058.0954%2082.397%2061.2132C89.0849%2064.3414%2091.9922%2072.2919%2088.864%2078.99%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M71.972%2071.17C70.7425%2073.8056%2071.8837%2076.9346%2074.5186%2078.1648C77.1535%2079.3921%2080.2839%2078.2546%2081.5127%2075.6167C82.7407%2072.9789%2081.601%2069.8521%2078.9639%2068.6241C76.3297%2067.3939%2073.1986%2068.5358%2071.972%2071.17Z%22%20fill%3D%22%23DE4321%22%2F%3E%3C%2Fsvg%3E";
+
+var _ref$4 =
+/*#__PURE__*/
+React__default.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd"
+}, React__default.createElement("rect", {
+  width: 39.167,
+  height: 39.167,
+  x: 0.417,
+  y: 0.417,
+  stroke: "#D3D3DB",
+  strokeWidth: 0.833,
+  rx: 3.333
+}), React__default.createElement("path", {
+  d: "M10 10h20v20H10z"
+}), React__default.createElement("path", {
+  fill: "#D62B2B",
+  fillRule: "nonzero",
+  d: "M27.142 22.383l1.191-1.191L27.142 20l-2.975 2.975-7.142-7.142L20 12.858l-1.192-1.191-1.191 1.191-1.192-1.191-1.783 1.783-1.192-1.192-1.192 1.192 1.192 1.192-1.783 1.783 1.191 1.192-1.191 1.191L12.858 20l2.975-2.975 7.142 7.142L20 27.142l1.192 1.191 1.191-1.191 1.192 1.191 1.783-1.783 1.192 1.192 1.192-1.192-1.192-1.192 1.783-1.783z"
+}));
+
+var weight = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Crect%20width%3D%2239.167%22%20height%3D%2239.167%22%20x%3D%22.417%22%20y%3D%22.417%22%20stroke%3D%22%23D3D3DB%22%20stroke-width%3D%22.833%22%20rx%3D%223.333%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10%2010h20v20H10z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23D62B2B%22%20fill-rule%3D%22nonzero%22%20d%3D%22M27.142%2022.383l1.191-1.191L27.142%2020l-2.975%202.975-7.142-7.142L20%2012.858l-1.192-1.191-1.191%201.191-1.192-1.191-1.783%201.783-1.192-1.192-1.192%201.192%201.192%201.192-1.783%201.783%201.191%201.192-1.191%201.191L12.858%2020l2.975-2.975%207.142%207.142L20%2027.142l1.192%201.191%201.191-1.191%201.192%201.191%201.783-1.783%201.192%201.192%201.192-1.192-1.192-1.192%201.783-1.783z%22%2F%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var _ref$5 =
+/*#__PURE__*/
+React__default.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd"
+}, React__default.createElement("rect", {
+  width: 39.167,
+  height: 39.167,
+  x: 0.417,
+  y: 0.417,
+  stroke: "#D3D3DB",
+  strokeWidth: 0.833,
+  rx: 3.333
+}), React__default.createElement("path", {
+  d: "M10 10h20v20H10z"
+}), React__default.createElement("path", {
+  fill: "#D62B2B",
+  fillRule: "nonzero",
+  d: "M15.833 19.167H17.5v1.666h-1.667v-1.666zM27.5 15v11.667c0 .916-.75 1.666-1.667 1.666H14.167c-.925 0-1.667-.75-1.667-1.666L12.508 15a1.66 1.66 0 011.659-1.667H15v-1.666h1.667v1.666h6.666v-1.666H25v1.666h.833c.917 0 1.667.75 1.667 1.667zm-13.333 1.667h11.666V15H14.167v1.667zm11.666 10v-8.334H14.167v8.334h11.666zM22.5 20.833h1.667v-1.666H22.5v1.666zm-3.333 0h1.666v-1.666h-1.666v1.666z"
+}));
+
+var calendar = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Crect%20width%3D%2239.167%22%20height%3D%2239.167%22%20x%3D%22.417%22%20y%3D%22.417%22%20stroke%3D%22%23D3D3DB%22%20stroke-width%3D%22.833%22%20rx%3D%223.333%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10%2010h20v20H10z%22%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23D62B2B%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15.833%2019.167H17.5v1.666h-1.667v-1.666zM27.5%2015v11.667c0%20.916-.75%201.666-1.667%201.666H14.167c-.925%200-1.667-.75-1.667-1.666L12.508%2015a1.66%201.66%200%200%201%201.659-1.667H15v-1.666h1.667v1.666h6.666v-1.666H25v1.666h.833c.917%200%201.667.75%201.667%201.667zm-13.333%201.667h11.666V15H14.167v1.667zm11.666%2010v-8.334H14.167v8.334h11.666zM22.5%2020.833h1.667v-1.666H22.5v1.666zm-3.333%200h1.666v-1.666h-1.666v1.666z%22%2F%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var typeToImg = function typeToImg(type) {
+  switch (type) {
+    case 'exit':
+      return exit;
+    case 'check':
+      return check;
+    case 'continue':
+      return continueImg;
+    case 'logo':
+      return logo;
+    case 'weight':
+      return weight;
+    case 'calendar':
+      return calendar;
+    default:
+      return logo;
+  }
+};
+
+var Icon = function Icon(_ref) {
+  var name = _ref.name,
+      size = _ref.size,
+      rest = objectWithoutProperties(_ref, ['name', 'size']);
+  return React__default.createElement('img', _extends({
+    style: { height: size, width: size, objectFit: 'contain' },
+    src: typeToImg(name),
+    alt: name
+  }, rest));
+};
+
+Icon.defaultProps = {
+  size: 24
+};
+
+Icon.propTypes = {
+  size: PropTypes.number,
+  name: PropTypes.string
+};
+
 var css$2 = ":root {\n\t--blue: #2077d5;\n\t--grey90: #9da2a3;\n\t--black: #242f33;\n}\n\n.Input-module_input__1TjxO > input {\n\twidth: calc(100% - 16px);\n\tborder-radius: 4px;\n\tborder: solid 1px #9da2a3;\n\theight: 20px;\n\tpadding: 8px;\n\toutline: none;\n\t\n}\n\n.Input-module_input__1TjxO > input:active {\n\tborder: solid 1px var(--blue);\n}\n\n.Input-module_error__1y_EI > input {\n\tbackground-color: rgba(208, 2, 27, 0.08);\n\tborder: solid 1px #d0021b;\n} \n\n.Input-module_complete__1kT1Q > input {\n\tborder: solid 1px var(--black);\n}\n\n.Input-module_container__y-kIk {\n\tmargin: 5px 0;\n}";
@@ -338,8 +575,91 @@ var styles$1 = { "input": "Input-module_input__1TjxO", "error": "Input-module_error__1y_EI", "complete": "Input-module_complete__1kT1Q", "container": "Input-module_container__y-kIk" };
 
+var css$4 = ".InfoModal-module_container__3D2qW {\n\tbackground-color: #2077d5;\n\tpadding: 16px;\n\tposition: sticky;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n}";
+var styles$3 = { "container": "InfoModal-module_container__3D2qW" };
+styleInject(css$4);
+
+var InfoModal = function InfoModal(_ref) {
+  var title = _ref.title,
+      children = _ref.children;
+  return React__default.createElement(
+    'div',
+    { className: styles$3.container },
+    React__default.createElement(
+      'div',
+      { className: styles$3.title },
+      React__default.createElement(
+        Text,
+        { bold: true, size: '16px', color: 'white' },
+        title
+      )
+    ),
+    children
+  );
+};
+
+InfoModal.defaultProps = {};
+
+InfoModal.propTypes = {
+  title: PropTypes.string.isRequired,
+  children: PropTypes.node
+};
+
+var css$5 = ".modal-module_header__2s3jV {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\theight: 56px;\n\tbackground-color: #ffffff;\n\tborder-bottom: solid 1px #d3d3db;\n\tpadding: 8px 16px;\n}\n\n.modal-module_exit__cCQOn {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: pointer;\n\ttransition: transform 0.3s ease-in-out;\n}\n\n.modal-module_exit__cCQOn:hover {\n\ttransform: rotate(90deg);\n}\n\n.modal-module_overlay__3F2EL {\n\tposition: fixed;\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n\tbottom: 0;\n\ttransition: transform 0.3s ease-in-out;\n\ttransform: translateY(100vh);\n\tz-index: 20;\n\tbackground-color: rgba(255, 255, 255, 0.75);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.modal-module_container__1b3QW {\n\t/* position: fixed;\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n\tbottom: 0; */\n\twidth: 100%;\n\tmin-height: 100vh;\n}\n\n.modal-module_show__3NmeH {\n\ttransform: translateY(0);\n}\n\n.modal-module_content__4-ybI {\n\theight: calc(100vh - 56px);\n\tbackground-color: #FBFBFB;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.modal-module_content__4-ybI>div:first-child {\n\tflex-grow: 1;\n}\n\n.modal-module_title__2CN3c {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-size: 14px;\n\tfont-weight: 600;\n\tfont-style: normal;\n\tfont-stretch: normal;\n\tline-height: 1.71;\n\tletter-spacing: normal;\n\tcolor: #242f33;\n}\n\n@keyframes modal-module_modalAnimation__1Ohbv {\n\t0% {\n\t\ttransform: translateY(100vh);\n\t}\n\t100% {\n\t\ttransform: translateY(0);\n\t}\n}\n\n@media screen and (min-width: 768px) {\n\t.modal-module_container__1b3QW {\n\t\tposition: relative;\n\t\twidth: 490px;\n\t\t/* height: 50vh; */\n\t\tborder-radius: 4px;\n\t\tbox-shadow: 0 2px 6px 0 rgba(36, 47, 51, 0.16);\n\t\tborder: solid 1px #FBFBFB;\n\t\tbackground-color: #FFF;\n\t\tmin-height: auto;\n\t}\n\t.modal-module_content__4-ybI {\n\t\theight: auto;\n\t\tbackground: #ffffff;\n\t}\n\n\t.modal-module_header__2s3jV {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tjustify-content: flex-end;\n\t\tborder: none;\n\t}\n\n\t.modal-module_title__2CN3c {\n\t\tdisplay: none;\n\t}\n}";
+var styles$4 = { "header": "modal-module_header__2s3jV", "exit": "modal-module_exit__cCQOn", "overlay": "modal-module_overlay__3F2EL", "container": "modal-module_container__1b3QW", "show": "modal-module_show__3NmeH", "content": "modal-module_content__4-ybI", "title": "modal-module_title__2CN3c", "modalAnimation": "modal-module_modalAnimation__1Ohbv" };
+styleInject(css$5);
+
+var Modal = function Modal(_ref) {
+  var title = _ref.title,
+      closeButtonHandler = _ref.closeButtonHandler,
+      children = _ref.children,
+      isOpen = _ref.isOpen;
+  return React__default.createElement(
+    'div',
+    { className: [styles$4.overlay, isOpen ? styles$4.show : ''].join(' ') },
+    React__default.createElement(
+      'div',
+      { className: styles$4.container },
+      React__default.createElement(
+        'div',
+        { className: styles$4.header },
+        React__default.createElement(
+          'div',
+          { className: styles$4.title },
+          title
+        ),
+        React__default.createElement(
+          'div',
+          { className: styles$4.exit, onClick: closeButtonHandler },
+          React__default.createElement(Icon, { name: 'exit' })
+        )
+      ),
+      React__default.createElement(
+        'div',
+        { className: styles$4.content },
+        children
+      )
+    )
+  );
+};
+
+Modal.defaultProps = {
+  isOpen: true
+};
+
+Modal.propTypes = {
+  isOpen: PropTypes.bool,
+  title: PropTypes.string.isRequired,
+  closeButtonHandler: PropTypes.func.isRequired,
+  children: PropTypes.node.isRequired
+};
+
 exports.Button = Button;
 exports.ButtonActions = ButtonActions;
+exports.Heading = Heading;
+exports.Icon = Icon;
 exports.Input = Input;
-exports.Text = Text;
 exports.NameInput = NameInput;
 exports.PhoneInput = PhoneInput;
+exports.Text = Text;
+exports.InfoModal = InfoModal;
+exports.Modal = Modal;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "everest-toolkit",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Explore Share UI React Components Toolkit",
@@ -16,3 +16,4 @@ "author": "MiltonTulli",
   "scripts": {
-    "test": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test": "cross-env CI=1 react-scripts test --env=jsdom --silent",
+    "test:update": "yarn test -- -u",
     "test:watch": "react-scripts test --env=jsdom",
@@ -19,0 +20,0 @@ "build": "rollup -c",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

93491

increased by96.4%

Lines of code

1245

increased by103.76%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Number of low supply chain risk alerts

7

increased by600%

No dependency changes