@terraware/web-components 3.5.12-rc.7 → 3.5.12

package/components/svg/TerrawareLogoDesktop.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+const SvgTerrawareLogoDesktop = _ref => {
+  let {
+    title,
+    titleId,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 140 30",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fill: "#2C8658",
+    d: "M26.25 1.824V.274h8.446v1.55h-3.272v8.655h-1.902V1.824zM38.605 10.628q-1.194 0-2.063-.478a3.3 3.3 0 0 1-1.328-1.366q-.465-.886-.465-2.087 0-1.18.465-2.073a3.44 3.44 0 0 1 1.313-1.395q.842-.503 1.98-.503.733 0 1.385.229.656.224 1.157.698.507.473.796 1.205.29.728.29 1.734v.553h-6.508V5.93h4.714a1.9 1.9 0 0 0-.232-.922 1.66 1.66 0 0 0-.636-.643 1.84 1.84 0 0 0-.94-.234q-.575 0-1.009.269-.434.264-.677.697-.238.429-.243.942V7.1q0 .667.254 1.146.252.473.708.728.455.249 1.064.249.409 0 .74-.11.33-.114.573-.334.244-.219.367-.543l1.747.19q-.165.667-.63 1.166-.46.492-1.179.767-.719.27-1.643.269M43.718 10.479V2.825h1.814v1.276h.083q.216-.663.744-1.021.532-.364 1.215-.364.154 0 .346.015.196.01.325.035v1.659a2 2 0 0 0-.377-.07 4 4 0 0 0-.49-.035 1.95 1.95 0 0 0-.92.214q-.404.21-.637.583-.232.375-.232.862v4.5zM49.489 10.479V2.825h1.814v1.276h.083q.216-.663.744-1.021.533-.364 1.214-.364.156 0 .347.015.196.01.325.035v1.659a2 2 0 0 0-.377-.07 4 4 0 0 0-.49-.035 1.95 1.95 0 0 0-.921.214q-.403.21-.636.583-.232.375-.232.862v4.5zM57.402 10.633a3.4 3.4 0 0 1-1.36-.26 2.2 2.2 0 0 1-.95-.776q-.347-.514-.347-1.266 0-.648.248-1.071.248-.424.677-.678t.967-.383q.543-.135 1.122-.195.697-.07 1.132-.124.434-.06.63-.18a.42.42 0 0 0 .202-.383v-.03q0-.564-.347-.872-.346-.31-.997-.31-.688 0-1.09.29-.399.289-.538.683l-1.747-.24q.207-.697.682-1.166a3 3 0 0 1 1.163-.707 4.6 4.6 0 0 1 1.52-.24q.573 0 1.142.13.568.13 1.039.429.47.294.754.802.29.508.29 1.27v5.123h-1.799V9.427h-.062a2.2 2.2 0 0 1-.48.598 2.3 2.3 0 0 1-.77.444 3.2 3.2 0 0 1-1.081.164m.486-1.325q.563 0 .977-.215a1.6 1.6 0 0 0 .635-.578q.228-.359.228-.782v-.902a.9.9 0 0 1-.3.13q-.207.06-.465.105-.258.044-.512.08l-.44.059q-.417.055-.749.18-.33.124-.522.348a.83.83 0 0 0-.19.568q0 .498.376.753.377.254.962.254M65.114 10.479 62.87 2.825h1.908l1.395 5.381h.073l1.426-5.38h1.887l1.426 5.35h.078l1.375-5.35h1.912l-2.248 7.653h-1.949l-1.488-5.172h-.109l-1.489 5.172zM77.941 10.633a3.4 3.4 0 0 1-1.36-.26 2.2 2.2 0 0 1-.95-.776q-.347-.514-.347-1.266 0-.648.248-1.071.249-.424.678-.678t.966-.383q.543-.135 1.122-.195.697-.07 1.132-.124.435-.06.63-.18a.42.42 0 0 0 .202-.383v-.03q0-.564-.346-.872-.347-.31-.998-.31-.687 0-1.09.29-.399.289-.538.683l-1.747-.24q.207-.697.682-1.166a3 3 0 0 1 1.163-.707 4.6 4.6 0 0 1 1.52-.24q.573 0 1.142.13t1.039.429q.47.294.755.802.29.508.289 1.27v5.123h-1.799V9.427h-.062a2.2 2.2 0 0 1-.48.598q-.305.274-.77.444a3.2 3.2 0 0 1-1.08.164m.486-1.325q.564 0 .977-.215a1.6 1.6 0 0 0 .636-.578q.227-.359.227-.782v-.902a.9.9 0 0 1-.3.13q-.207.06-.465.105-.258.044-.512.08l-.439.059q-.419.055-.75.18-.33.124-.521.348a.83.83 0 0 0-.192.568q0 .498.378.753.377.254.961.254M84.014 10.479V2.825h1.815v1.276h.082q.217-.663.745-1.021.533-.364 1.214-.364.156 0 .347.015.196.01.325.035v1.659a2 2 0 0 0-.377-.07 4 4 0 0 0-.491-.035 1.95 1.95 0 0 0-.92.214q-.403.21-.636.583-.233.375-.233.862v4.5zM92.973 10.628q-1.194 0-2.062-.478a3.3 3.3 0 0 1-1.329-1.366q-.465-.886-.465-2.087 0-1.18.465-2.073a3.44 3.44 0 0 1 1.313-1.395q.843-.503 1.98-.503.734 0 1.385.229.657.224 1.158.698.507.473.796 1.205.29.728.29 1.734v.553h-6.508V5.93h4.714a1.9 1.9 0 0 0-.233-.922 1.66 1.66 0 0 0-.636-.643 1.84 1.84 0 0 0-.94-.234q-.575 0-1.008.269-.434.264-.677.697-.239.429-.243.942V7.1q0 .667.253 1.146.254.473.708.728.454.249 1.065.249.408 0 .74-.11.33-.114.573-.334.243-.219.367-.543l1.747.19q-.165.667-.63 1.166-.46.492-1.18.767-.717.27-1.643.269M101.343 10.479V2.315h1.236V5.35h.075q.107-.192.31-.443.202-.25.562-.438.36-.192.951-.192.77 0 1.373.375.604.375.947 1.08.347.706.347 1.698 0 .993-.343 1.702-.343.705-.943 1.088a2.5 2.5 0 0 1-1.368.38q-.58 0-.947-.188a1.8 1.8 0 0 1-.571-.439 3 3 0 0 1-.318-.446h-.104v.953zm1.212-3.062q0 .645.194 1.132t.562.762q.368.27.902.27.554 0 .926-.282a1.76 1.76 0 0 0 .562-.778q.195-.49.195-1.104 0-.605-.191-1.088a1.67 1.67 0 0 0-.562-.761q-.372-.28-.93-.28-.538 0-.91.268a1.65 1.65 0 0 0-.558.745q-.19.48-.19 1.116M109.098 12.774q-.278 0-.504-.043a1.6 1.6 0 0 1-.339-.088l.297-.977q.34.088.604.076a.74.74 0 0 0 .467-.191q.207-.18.364-.586l.153-.407-2.324-6.202h1.323l1.609 4.751h.066l1.609-4.75h1.327l-2.617 6.939a2.8 2.8 0 0 1-.464.809q-.28.334-.669.502-.39.167-.902.167"
+  }), /*#__PURE__*/React.createElement("g", {
+    fill: "#1B5035",
+    clipPath: "url(#terraware-logo-desktop_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M31.014 24.777a29.05 29.05 0 0 0-11.352-4.213V16.62c0-1.07-.203-1.94-.675-2.408-.338-.468-1.014-.735-1.825-.735h-2.297v1.404h1.892c.946 0 1.284.669 1.284 1.806v3.677c-.811-.066-1.69-.133-2.5-.133-.676 0-1.284 0-1.96.067v-6.821l-1.69.468v6.486A28.3 28.3 0 0 0 0 24.777 35.5 35.5 0 0 1 11.892 21.3v5.283c0 1.07.203 1.939.676 2.407.405.468 1.013.736 1.824.736h2.365V28.32h-1.892c-.946 0-1.284-.669-1.284-1.805v-5.35c.676-.067 1.284-.067 1.96-.067.447 0 .878.017 1.3.035.405.016.802.032 1.2.032v8.56l1.689-.468v-7.892a34 34 0 0 1 11.284 3.411M55.27 23.573c0-1.27.338-2.006 1.42-2.006l.675-.067v-1.538h-1.149c-.878 0-1.554.335-2.027.803-.54.601-.743 1.538-.743 2.741v4.013h1.824zM61.554 21.567c-1.081 0-1.419.736-1.419 2.006v3.946h-1.824v-4.013c0-1.203.203-2.14.743-2.741.473-.468 1.149-.803 2.027-.803h1.149V21.5zM90.946 21.567c-1.081 0-1.419.736-1.419 2.006v3.946h-1.824v-4.013c0-1.203.202-2.14.743-2.741.473-.468 1.149-.803 2.027-.803h1.149V21.5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M48.243 27.72c1.554 0 2.568-.469 3.379-1.606l-1.487-.869c-.473.535-1.013.736-1.824.736-1.081 0-1.892-.602-2.095-1.672h5.946v-.401c0-2.274-1.554-3.946-3.919-3.946s-3.851 1.873-3.851 3.879c0 2.14 1.486 3.878 3.851 3.878m0-6.153c1.014 0 1.757.535 2.027 1.404h-3.986c.338-.936 1.013-1.404 1.96-1.404M68.784 26.783c-.676.602-1.352.936-2.297.936-1.892 0-3.514-1.605-3.514-3.878s1.554-3.879 3.514-3.879c.878 0 1.689.335 2.297 1.003v-.802h1.824v7.356h-1.824zm-3.92-2.942c0 1.27.812 2.207 1.96 2.207 1.149 0 2.027-.87 2.027-2.207 0-1.27-.878-2.14-2.027-2.14-1.216 0-1.96 1.003-1.96 2.14M82.432 27.72c2.23 0 3.92-1.74 3.92-3.88s-1.757-3.81-3.92-3.878c-2.027 0-3.85 1.672-3.85 3.879s1.688 3.878 3.85 3.878m0-1.74c-1.148 0-1.959-.869-1.959-2.14 0-1.203.81-2.072 1.96-2.14 1.216 0 2.026.87 2.026 2.14 0 1.338-.878 2.14-2.027 2.14M111.149 26.783c-.676.602-1.352.936-2.298.936-1.892 0-3.513-1.605-3.513-3.878s1.554-3.879 3.513-3.879c.879 0 1.69.335 2.298 1.003v-.802h1.824v7.356h-1.824zm-3.987-2.942c0 1.27.811 2.207 1.96 2.207 1.148 0 2.027-.87 2.027-2.207 0-1.27-.879-2.14-2.027-2.14s-1.96 1.003-1.96 2.14",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M122.365 19.093a1.205 1.205 0 1 0 0-2.407c-.676 0-1.216.535-1.216 1.136 0 .67.54 1.27 1.216 1.27M123.311 20.23h-1.824v7.356h1.824zM46.284 15.415H35.946v1.806h4.19v10.298h1.891V17.22h4.257z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M128.446 27.72c2.23 0 3.919-1.74 3.919-3.88s-1.757-3.81-3.919-3.878c-2.027 0-3.851 1.672-3.851 3.879s1.689 3.878 3.851 3.878m0-1.74c-1.149 0-1.959-.869-1.959-2.14 0-1.203.81-2.072 1.959-2.14 1.216 0 2.027.87 2.027 2.14 0 1.338-.878 2.14-2.027 2.14",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M120.135 21.768v-1.605h-2.094v-3.477l-1.825.535v3.009h-1.959v1.605h1.959v3.744c0 1.204.203 2.14.743 2.742.473.468 1.149.803 2.027.803h1.149v-1.605h-.676c-1.081 0-1.418-.736-1.418-2.006v-3.745zM77.838 15.682v1.539h-.676c-1.216 0-1.419.601-1.419 2.006v.936h2.095v1.605h-2.095v7.155l-1.824.535v-7.556h-1.96v-1.605h1.96v-1.07c0-1.27.203-2.14.743-2.742.406-.535 1.149-.803 2.027-.803zM99.527 27.519h-1.824v-3.544c0-1.405-.27-2.274-1.284-2.274-.946 0-1.622.735-1.622 2.274v3.544h-1.824v-7.49h1.824v1.003a3.04 3.04 0 0 1 2.298-1.003c.945 0 1.689.401 2.162 1.338.675-.87 1.351-1.338 2.5-1.338.811 0 1.554.334 1.959.87.473.601.541 1.404.541 2.407v4.213h-1.825v-4.012c0-1.204-.405-1.806-1.283-1.806-.946 0-1.622.735-1.622 2.207zM137.432 20.03c-.81 0-1.418.333-2.162.935v-.802h-1.824v7.356h1.824v-3.076l-.002-.276c-.007-.628-.014-1.205.34-1.73.338-.469.743-.736 1.284-.736 1.149 0 1.284.87 1.284 2.34v3.478H140V22.57c0-1.605-1.216-2.54-2.568-2.54"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "terraware-logo-desktop_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 13.476h140v16.25H0z"
+  }))));
+};
+var _default = exports.default = SvgTerrawareLogoDesktop;

package/components/svg/TerrawareLogoMobile.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+const SvgTerrawareLogoMobile = _ref => {
+  let {
+    title,
+    titleId,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 106 24",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fill: "#1B5035",
+    d: "M26.049 14.737a23.95 23.95 0 0 0-9.517-3.63v-3.4c0-.921-.17-1.67-.566-2.073-.283-.404-.85-.634-1.53-.634h-1.925v1.21h1.586c.793 0 1.076.576 1.076 1.555v3.17c-.68-.059-1.416-.116-2.096-.116-.566 0-1.076 0-1.643.057V5l-1.416.403v5.589c-3.625.46-7.024 1.786-9.97 3.745a29.1 29.1 0 0 1 9.97-2.996v4.551c0 .922.17 1.671.566 2.074.34.404.85.634 1.53.634h1.983v-1.21H12.51c-.794 0-1.077-.576-1.077-1.555v-4.61c.567-.057 1.077-.057 1.643-.057.375 0 .736.015 1.09.03.34.014.673.027 1.006.027V19l1.416-.403v-6.799a28 28 0 0 1 9.46 2.939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#2C8658",
+    d: "M30.912 8.13V6.365h9.284V8.13h-3.597V18h-2.09V8.13zm13.08 10.04q-1.311 0-2.267-.545a3.7 3.7 0 0 1-1.46-1.557q-.51-1.011-.511-2.38 0-1.347.511-2.364a3.87 3.87 0 0 1 1.443-1.591q.927-.574 2.177-.574.806 0 1.522.261.722.255 1.273.796.557.54.875 1.375.318.83.318 1.977v.63H40.72v-1.386h5.182a2.2 2.2 0 0 0-.256-1.05q-.25-.467-.699-.734a1.97 1.97 0 0 0-1.034-.267q-.63 0-1.108.307-.477.3-.744.796a2.3 2.3 0 0 0-.267 1.073v1.21q0 .762.278 1.307.279.54.778.83.501.284 1.17.284.45 0 .813-.125.364-.13.631-.38t.404-.62l1.92.216q-.181.761-.693 1.33a3.4 3.4 0 0 1-1.296.875q-.79.306-1.806.306m5.121-.17V9.273h1.995v1.454h.09q.24-.756.819-1.165.585-.414 1.335-.414.17 0 .38.017.217.01.358.04v1.892a2 2 0 0 0-.414-.08 4 4 0 0 0-.54-.04 2.1 2.1 0 0 0-1.011.245q-.444.238-.7.664t-.255.983V18zm5.844 0V9.273h1.994v1.454h.091q.24-.756.818-1.165.585-.414 1.336-.414.17 0 .38.017.216.01.358.04v1.892a2 2 0 0 0-.414-.08 4 4 0 0 0-.54-.04 2.1 2.1 0 0 0-1.012.245q-.442.238-.699.664-.255.427-.255.983V18zm8.199.176a3.6 3.6 0 0 1-1.495-.295q-.658-.302-1.045-.887-.38-.584-.38-1.443 0-.739.272-1.222.273-.482.744-.772a3.8 3.8 0 0 1 1.063-.438 9 9 0 0 1 1.233-.221q.767-.08 1.244-.142.478-.069.693-.205.222-.142.222-.437v-.035q0-.642-.38-.994-.381-.352-1.097-.352-.756 0-1.2.33-.436.33-.59.778l-1.92-.273q.227-.795.75-1.33.522-.54 1.278-.806a4.9 4.9 0 0 1 1.67-.273q.631 0 1.256.148.625.147 1.142.488.517.336.83.915.318.58.318 1.45V18h-1.977v-1.199h-.069a2.5 2.5 0 0 1-.528.682 2.5 2.5 0 0 1-.847.506q-.506.187-1.187.187m.534-1.511q.619 0 1.074-.244.454-.25.699-.66.25-.409.25-.892v-1.028a1 1 0 0 1-.33.148 5 5 0 0 1-.511.119q-.284.051-.563.09l-.483.069q-.46.063-.824.205a1.37 1.37 0 0 0-.573.397q-.21.25-.21.648 0 .568.414.858.415.29 1.057.29M71.133 18l-2.466-8.727h2.097l1.534 6.136h.08l1.568-6.136h2.073l1.569 6.102h.085l1.511-6.102h2.103L78.815 18h-2.142l-1.636-5.898h-.12L73.281 18zm13.601.176a3.6 3.6 0 0 1-1.494-.295q-.66-.302-1.046-.887-.38-.584-.38-1.443 0-.739.272-1.222.273-.482.745-.772a3.8 3.8 0 0 1 1.062-.438 9 9 0 0 1 1.233-.221q.767-.08 1.244-.142.478-.069.694-.205.22-.142.221-.437v-.035q0-.642-.38-.994-.381-.352-1.097-.352-.756 0-1.199.33-.438.33-.591.778l-1.92-.273q.226-.795.75-1.33.522-.54 1.278-.806a4.9 4.9 0 0 1 1.67-.273q.631 0 1.256.148.625.147 1.142.488.517.336.83.915.318.58.318 1.45V18h-1.977v-1.199h-.069q-.187.364-.528.682a2.5 2.5 0 0 1-.847.506q-.506.187-1.187.187m.534-1.511q.619 0 1.074-.244.454-.25.699-.66.25-.409.25-.892v-1.028a1 1 0 0 1-.33.148 5 5 0 0 1-.511.119q-.284.051-.563.09l-.483.069q-.46.063-.823.205a1.37 1.37 0 0 0-.574.397q-.21.25-.21.648 0 .568.414.858.415.29 1.057.29M90.91 18V9.273h1.994v1.454h.091q.24-.756.819-1.165.585-.414 1.335-.414.17 0 .38.017.216.01.358.04v1.892a2 2 0 0 0-.414-.08 4 4 0 0 0-.54-.04 2.1 2.1 0 0 0-1.012.245q-.443.238-.698.664t-.256.983V18zm9.348.17q-1.312 0-2.267-.545a3.7 3.7 0 0 1-1.46-1.557q-.512-1.011-.512-2.38 0-1.347.512-2.364a3.87 3.87 0 0 1 1.443-1.591q.926-.574 2.176-.574.807 0 1.523.261.721.255 1.273.796.556.54.875 1.375.318.83.318 1.977v.63h-7.154v-1.386h5.182a2.2 2.2 0 0 0-.255-1.05q-.25-.467-.699-.734a1.97 1.97 0 0 0-1.034-.267q-.63 0-1.108.307-.478.3-.745.796a2.3 2.3 0 0 0-.267 1.073v1.21q0 .762.279 1.307.278.54.778.83.5.284 1.171.284.449 0 .812-.125.364-.13.631-.38t.403-.62l1.921.216q-.183.761-.694 1.33a3.4 3.4 0 0 1-1.295.875q-.79.306-1.807.306"
+  }));
+};
+var _default = exports.default = SvgTerrawareLogoMobile;

package/components/svg/Touchscreen.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+const SvgTouchscreen = _ref => {
+  let {
+    title,
+    titleId,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    d: "M8.25 2A2.26 2.26 0 0 0 6 4.25v15.5A2.26 2.26 0 0 0 8.25 22h7.5A2.26 2.26 0 0 0 18 19.75V4.25A2.26 2.26 0 0 0 15.75 2zm0 1.5h7.5c.423 0 .75.327.75.75v15.5c0 .423-.327.75-.75.75h-7.5a.74.74 0 0 1-.75-.75V4.25c0-.423.327-.75.75-.75M12 5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5m-1.25 12.5a.751.751 0 1 0 0 1.5h2.5a.751.751 0 1 0 0-1.5z"
+  }));
+};
+var _default = exports.default = SvgTouchscreen;

package/components/svg/UploadCloud.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+const SvgUploadCloud = _ref => {
+  let {
+    title,
+    titleId,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 200 128",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#upload-cloud_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#E2F6EC",
+    fillRule: "evenodd",
+    d: "M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "url(#upload-cloud_svg__b)",
+    fillOpacity: 0.2,
+    fillRule: "evenodd",
+    d: "M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "url(#upload-cloud_svg__c)",
+    d: "M108.999 106.449h-.019c-2.75 0-4.982-3.33-5-7.449-.018 4.109-2.239 7.434-4.98 7.449 2.741.015 4.962 3.34 4.98 7.449.018-4.119 2.25-7.449 5-7.449z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "url(#upload-cloud_svg__d)",
+    d: "M142.999 19.449h-.019c-2.75 0-4.982-3.33-5-7.449-.018 4.11-2.239 7.434-4.98 7.449 2.741.015 4.962 3.34 4.98 7.449.018-4.119 2.25-7.449 5-7.449z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "url(#upload-cloud_svg__e)",
+    d: "M66.999 42.449h-.02c-2.75 0-4.98-3.33-4.999-7.449-.018 4.11-2.239 7.434-4.98 7.449 2.741.015 4.962 3.34 4.98 7.449.018-4.119 2.25-7.449 5-7.449z"
+  }), /*#__PURE__*/React.createElement("mask", {
+    id: "upload-cloud_svg__g",
+    width: 200,
+    height: 128,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: 'alpha'
+    }
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#E2F6EC",
+    fillRule: "evenodd",
+    d: "M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "url(#upload-cloud_svg__f)",
+    fillOpacity: 0.2,
+    fillRule: "evenodd",
+    d: "M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734",
+    clipRule: "evenodd"
+  })), /*#__PURE__*/React.createElement("g", {
+    mask: "url(#upload-cloud_svg__g)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "url(#upload-cloud_svg__h)",
+    d: "M155.247 93.985 110.72 49.458 74.964 78.966l45.07 45.069z",
+    opacity: 0.25
+  })), /*#__PURE__*/React.createElement("path", {
+    fill: "#EAF3DC",
+    d: "M84.057 60c.679-8.2 7.57-14.667 15.943-14.667S115.264 51.8 115.943 60h.724C122.916 60 128 65.084 128 71.333s-5.084 11.334-11.333 11.334H83.333C77.084 82.667 72 77.583 72 71.333 72 65.084 77.084 60 83.333 60z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#2C8658",
+    d: "M100 45.333c-8.373 0-15.264 6.467-15.943 14.667h-.724C77.084 60 72 65.084 72 71.333s5.084 11.334 11.333 11.334h12v-4h-12c-4.044 0-7.333-3.29-7.333-7.334S79.29 64 83.333 64H86a2 2 0 0 0 2-2v-.667c0-6.616 5.384-12 12-12s12 5.384 12 12V62a2 2 0 0 0 2 2h2.667c4.044 0 7.333 3.29 7.333 7.333s-3.289 7.334-7.333 7.334h-12v4h12c6.249 0 11.333-5.084 11.333-11.334C128 65.084 122.916 60 116.667 60h-.724c-.679-8.2-7.57-14.667-15.943-14.667m-.031 18.638a2 2 0 0 0-1.565.797l-5.818 5.818a2.002 2.002 0 0 0 .63 3.295 2 2 0 0 0 2.198-.467L98 70.828V86a2.002 2.002 0 0 0 2.772 1.874A2 2 0 0 0 102 86V70.828l2.586 2.586a2 2 0 0 0 2.857.03 2 2 0 0 0 .586-1.436 2.007 2.007 0 0 0-.615-1.422l-5.828-5.828a2 2 0 0 0-1.617-.787"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "upload-cloud_svg__b",
+    x1: 133,
+    x2: 49.23,
+    y1: 114,
+    y2: 31.784,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#F1F0EC"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 1,
+    stopColor: "#84D6AC"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "upload-cloud_svg__c",
+    x1: 99,
+    x2: 109,
+    y1: 99,
+    y2: 114,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#2C8658"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 1,
+    stopColor: "#ACD278"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "upload-cloud_svg__d",
+    x1: 133,
+    x2: 143,
+    y1: 12,
+    y2: 27,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#2C8658"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 1,
+    stopColor: "#ACD278"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "upload-cloud_svg__e",
+    x1: 57,
+    x2: 67,
+    y1: 35,
+    y2: 50,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#2C8658"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 1,
+    stopColor: "#ACD278"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "upload-cloud_svg__f",
+    x1: 133,
+    x2: 49.23,
+    y1: 114,
+    y2: 31.784,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#F1F0EC"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 1,
+    stopColor: "#84D6AC"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "upload-cloud_svg__h",
+    x1: 89.408,
+    x2: 133.953,
+    y1: 67,
+    y2: 114.369,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#2C8658"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 1,
+    stopColor: "#ACD278"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "upload-cloud_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h200v128H0z"
+  }))));
+};
+var _default = exports.default = SvgUploadCloud;

package/components/svg/Warning.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+const SvgWarning = _ref => {
+  let {
+    title,
+    titleId,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    d: "M12 2.526c-.777 0-1.555.38-1.975 1.138l-7.74 13.984C1.47 19.122 2.575 21 4.26 21H19.74c1.686 0 2.791-1.878 1.975-3.352L13.975 3.664c-.42-.759-1.198-1.138-1.975-1.138m0 1.449c.254 0 .508.138.662.416l7.741 13.983c.297.536-.05 1.126-.662 1.126H4.26c-.612 0-.959-.59-.662-1.126l7.74-13.983c.154-.278.408-.416.662-.416m-.012 4.014a.75.75 0 0 0-.738.761v5a.751.751 0 1 0 1.5 0v-5a.75.75 0 0 0-.762-.76M12 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
+  }));
+};
+var _default = exports.default = SvgWarning;

package/components/svg/WelcomeClipboard.js

@@ -0,0 +1,133 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+const SvgWelcomeClipboard = _ref => {
+  let {
+    title,
+    titleId,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 136 118",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("g", {
+    filter: "url(#welcome-clipboard_svg__a)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: 97,
+    height: 79,
+    x: 102.152,
+    y: 8.5,
+    fill: "#E3E1D9",
+    stroke: "#7F775B",
+    rx: 3.5,
+    transform: "rotate(90 102.152 8.5)"
+  }), /*#__PURE__*/React.createElement("rect", {
+    width: 87,
+    height: 74,
+    x: 99.652,
+    y: 12,
+    fill: "#fff",
+    rx: 2,
+    transform: "rotate(90 99.652 12)"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#9A9172",
+    stroke: "#7F775B",
+    d: "M56.714 4.5h.369l.109-.352c.303-.979 1.136-1.89 2.382-2.564C60.814.913 62.424.5 64.198.5s3.383.413 4.624 1.084c1.245.674 2.078 1.585 2.382 2.564l.109.352h8.339a1.5 1.5 0 0 1 1.5 1.5v7a1.5 1.5 0 0 1-1.5 1.5h-32a1.5 1.5 0 0 1-1.5-1.5V6a1.5 1.5 0 0 1 1.5-1.5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#E3E1D9",
+    d: "M39.326 90.738c0-.55.446-.996.996-.996H51.61a.996.996 0 0 1 0 1.992H40.322a.996.996 0 0 1-.996-.996M39.326 85.095c0-1.1.892-1.992 1.992-1.992h36.187a1.992 1.992 0 0 1 0 3.983H41.318c-1.1 0-1.992-.891-1.992-1.992M39.326 75.469c0-.55.446-.996.996-.996h8.632a.996.996 0 0 1 0 1.992h-8.632a.996.996 0 0 1-.996-.996M39.326 69.825c0-1.1.892-1.992 1.992-1.992h17.264a1.992 1.992 0 1 1 0 3.984H41.317c-1.1 0-1.992-.891-1.992-1.992M39.293 60.197c0-.55.446-.996.996-.996h7.653a.996.996 0 0 1 0 1.992H40.29a.996.996 0 0 1-.996-.996M38.967 54.282c0-1.05.85-1.9 1.899-1.9H89.48a1.899 1.899 0 1 1 0 3.799H40.866a1.9 1.9 0 0 1-1.9-1.9M39.326 44.929c0-.55.446-.996.996-.996h14.94a.996.996 0 1 1 0 1.992h-14.94a.996.996 0 0 1-.996-.996M39.326 39.284c0-1.1.892-1.992 1.992-1.992h38.51a1.992 1.992 0 1 1 0 3.984h-38.51c-1.1 0-1.992-.892-1.992-1.992M39.324 29.654c0-.55.446-.996.996-.996h11.288a.996.996 0 1 1 0 1.992H40.32a.996.996 0 0 1-.996-.996M38.969 23.899c0-1.049.85-1.899 1.899-1.899h43.296a1.899 1.899 0 1 1 0 3.798H40.868a1.9 1.9 0 0 1-1.9-1.899"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 35.172,
+    cy: 24.279,
+    r: 1.519,
+    fill: "#E3E1D9"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 35.172,
+    cy: 39.471,
+    r: 1.519,
+    fill: "#E3E1D9"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 35.172,
+    cy: 69.854,
+    r: 1.519,
+    fill: "#E3E1D9"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 35.172,
+    cy: 85.046,
+    r: 1.519,
+    fill: "#E3E1D9"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 35.172,
+    cy: 54.663,
+    r: 1.519,
+    fill: "#E3E1D9"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#E7F2D5",
+    d: "M85.603 47.984s14.652-7.97 26.48-3.452 16.355 19.822 16.355 19.822-14.652 7.97-26.48 3.452-16.355-19.822-16.355-19.822"
+  }), /*#__PURE__*/React.createElement("path", {
+    stroke: "#A3D24F",
+    strokeLinecap: "round",
+    strokeMiterlimit: 10,
+    strokeWidth: 2,
+    d: "M117.478 58.932c-8.467-5.72-16.299-11.015-40.826-12.502"
+  }), /*#__PURE__*/React.createElement("path", {
+    stroke: "#A3D24F",
+    strokeLinecap: "round",
+    strokeMiterlimit: 10,
+    strokeWidth: 2,
+    d: "M85.603 47.984s14.652-7.97 26.48-3.452 16.355 19.822 16.355 19.822-14.652 7.97-26.48 3.452-16.355-19.822-16.355-19.822Z"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 22.783,
+    cy: 40,
+    r: 15,
+    fill: "#fff",
+    stroke: "#2C8658",
+    strokeWidth: 2
+  }), /*#__PURE__*/React.createElement("path", {
+    stroke: "#2C8658",
+    strokeLinecap: "round",
+    strokeWidth: 2,
+    d: "M22.54 31.048V48.47M31.25 39.759H13.827"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
+    id: "welcome-clipboard_svg__a",
+    width: 134.844,
+    height: 118,
+    x: 0.783,
+    y: 0,
+    colorInterpolationFilters: "sRGB",
+    filterUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("feFlood", {
+    floodOpacity: 0,
+    result: "BackgroundImageFix"
+  }), /*#__PURE__*/React.createElement("feColorMatrix", {
+    in: "SourceAlpha",
+    result: "hardAlpha",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+  }), /*#__PURE__*/React.createElement("feOffset", {
+    dy: 6
+  }), /*#__PURE__*/React.createElement("feGaussianBlur", {
+    stdDeviation: 3
+  }), /*#__PURE__*/React.createElement("feComposite", {
+    in2: "hardAlpha",
+    operator: "out"
+  }), /*#__PURE__*/React.createElement("feColorMatrix", {
+    values: "0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 0.1 0"
+  }), /*#__PURE__*/React.createElement("feBlend", {
+    in2: "BackgroundImageFix",
+    result: "effect1_dropShadow_820_17368"
+  }), /*#__PURE__*/React.createElement("feBlend", {
+    in: "SourceGraphic",
+    in2: "effect1_dropShadow_820_17368",
+    result: "shape"
+  }))));
+};
+var _default = exports.default = SvgWelcomeClipboard;