@mrshmllw/smores-react 1.8.1 → 2.0.0

package/dist/Message/__tests__/__snapshots__/Message.js.snap

@@ -1,279 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`default renders correctly 1`] = `
-.c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  width: 100%;
-  max-width: 32px;
-  height: 32px;
-  -webkit-transform: rotate(0deg);
-  -ms-transform: rotate(0deg);
-  transform: rotate(0deg);
-  margin-top: 0;
-  margin-right: 0;
-  margin-bottom: 0;
-  margin-left: 0;
-}
-
-.c1 {
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
-  align-self: center;
-}
-
-.c0 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background-color: #ACB6D8;
-  box-sizing: border-box;
-  border-radius: 8px;
-  margin-bottom: 24px;
-  padding: 16px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
-  color: #112035;
-  font-size: 16px;
-}
-
-.c0 span {
-  margin: 0 16px 0 0;
-}
-
-<div>
-  <div
-    class="c0"
-    type="info"
-  >
-    <div
-      class="c1"
-    >
-      <span
-        class="c2"
-        color="blue7"
-        rotate="0"
-        size="32"
-      >
-        <svg
-          fill="none"
-          height="100%"
-          viewBox="0 0 24 24"
-          width="100%"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            clip-rule="evenodd"
-            d="M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0zm-1 6.99a1 1 0 112 0c0 .553-.447 1.005-1 1.005-.553 0-1-.442-1-.995v-.01zM11 11a1 1 0 112 0v7a1 1 0 11-2 0v-7zm-9 1c0 5.514 4.486 10 10 10s10-4.486 10-10S17.514 2 12 2 2 6.486 2 12z"
-            fill="#112035"
-            fill-rule="evenodd"
-          />
-        </svg>
-      </span>
-    </div>
-    This is an infomation message for the customer!
-  </div>
-</div>
-`;
-
-exports[`info renders correctly 1`] = `
-.c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  width: 100%;
-  max-width: 32px;
-  height: 32px;
-  -webkit-transform: rotate(0deg);
-  -ms-transform: rotate(0deg);
-  transform: rotate(0deg);
-  margin-top: 0;
-  margin-right: 0;
-  margin-bottom: 0;
-  margin-left: 0;
-}
-
-.c1 {
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
-  align-self: center;
-}
-
-.c0 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background-color: #ACB6D8;
-  box-sizing: border-box;
-  border-radius: 8px;
-  margin-bottom: 24px;
-  padding: 16px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
-  color: #112035;
-  font-size: 16px;
-}
-
-.c0 span {
-  margin: 0 16px 0 0;
-}
-
-<div>
-  <div
-    class="c0"
-    type="info"
-  >
-    <div
-      class="c1"
-    >
-      <span
-        class="c2"
-        color="blue7"
-        rotate="0"
-        size="32"
-      >
-        <svg
-          fill="none"
-          height="100%"
-          viewBox="0 0 24 24"
-          width="100%"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            clip-rule="evenodd"
-            d="M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0zm-1 6.99a1 1 0 112 0c0 .553-.447 1.005-1 1.005-.553 0-1-.442-1-.995v-.01zM11 11a1 1 0 112 0v7a1 1 0 11-2 0v-7zm-9 1c0 5.514 4.486 10 10 10s10-4.486 10-10S17.514 2 12 2 2 6.486 2 12z"
-            fill="#112035"
-            fill-rule="evenodd"
-          />
-        </svg>
-      </span>
-    </div>
-    This is a infomational message for the customer!
-  </div>
-</div>
-`;
-
-exports[`warning renders correctly 1`] = `
-.c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  width: 100%;
-  max-width: 32px;
-  height: 32px;
-  -webkit-transform: rotate(0deg);
-  -ms-transform: rotate(0deg);
-  transform: rotate(0deg);
-  margin-top: 0;
-  margin-right: 0;
-  margin-bottom: 0;
-  margin-left: 0;
-}
-
-.c1 {
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
-  align-self: center;
-}
-
-.c0 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background-color: #ffffff;
-  box-sizing: border-box;
-  border: 1px solid #AB1D20;
-  border-radius: 8px;
-  margin-bottom: 24px;
-  padding: 16px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
-  color: #AB1D20;
-  font-size: 16px;
-}
-
-.c0 span {
-  margin: 0 16px 0 0;
-}
-
-<div>
-  <div
-    class="c0"
-    type="warning"
-  >
-    <div
-      class="c1"
-    >
-      <span
-        class="c2"
-        color="pink8"
-        rotate="0"
-        size="32"
-      >
-        <svg
-          fill="none"
-          height="100%"
-          viewBox="0 0 25 24"
-          width="100%"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M12.001 6a1 1 0 00-1 1v6a1 1 0 102 0V7a1 1 0 00-1-1zm0 10.005a1.003 1.003 0 000 2.005 1 1 0 001-1V17a.995.995 0 00-1-.995zm11.42-.503l-7.64-13.316A4.31 4.31 0 0012.001 0a4.31 4.31 0 00-3.78 2.186L.581 15.502a4.288 4.288 0 00.01 4.327A4.313 4.313 0 004.36 22h15.28a4.313 4.313 0 003.771-2.171 4.288 4.288 0 00.01-4.327zm-1.739 3.324A2.333 2.333 0 0119.642 20H4.361a2.331 2.331 0 01-2.042-1.174 2.306 2.306 0 01-.005-2.328l7.64-13.316A2.332 2.332 0 0112.001 2c.856 0 1.621.441 2.046 1.182l7.64 13.316c.418.73.417 1.6-.005 2.328z"
-            fill="#AB1D20"
-          />
-        </svg>
-      </span>
-    </div>
-    This is a warning message for the customer!
-  </div>
-</div>
-`;

package/dist/Modal/__tests__/__snapshots__/Modal.js.snap

@@ -1,208 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders 1`] = `
-.c3 {
-  margin-bottom: 8px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
-  align-items: flex-start;
-}
-
-.c4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.c8 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  width: 100%;
-  max-width: 32px;
-  height: 32px;
-  -webkit-transform: rotate(0deg);
-  -ms-transform: rotate(0deg);
-  transform: rotate(0deg);
-  margin-top: 0;
-  margin-right: 0;
-  margin-bottom: 0;
-  margin-left: 0;
-}
-
-.c6 {
-  font-size: 18px;
-  line-height: 23px;
-  font-weight: 500;
-  margin: 0;
-  padding: 0;
-  color: #112035;
-  text-align: left;
-  cursor: inherit;
-  -webkit-letter-spacing: 0.15px;
-  -moz-letter-spacing: 0.15px;
-  -ms-letter-spacing: 0.15px;
-  letter-spacing: 0.15px;
-}
-
-.c0 {
-  display: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: calc(100vh);
-  width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c1 {
-  position: fixed;
-  background: #112035;
-  opacity: 0.4;
-  height: calc(100vh);
-  width: 100%;
-  top: 0;
-  left: 0;
-  z-index: 999;
-}
-
-.c2 {
-  background: #ffffff;
-  z-index: 999;
-  border: 1px solid #E5E5E5;
-  box-sizing: border-box;
-  border-radius: 8px;
-  padding: 24px;
-  max-width: 460px;
-  position: fixed;
-}
-
-.c7 {
-  cursor: pointer;
-  background: #F9F9F9;
-  border-radius: 32px;
-  margin-right: 8px;
-}
-
-.c7:hover {
-  background: #F8F6F6;
-}
-
-.c7 svg {
-  padding: 3px;
-}
-
-.c5 {
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
-  align-self: center;
-}
-
-@media (min-width:768px) {
-  .c6 {
-    font-size: 21px;
-    line-height: 27px;
-  }
-}
-
-@media (max-width:768px) {
-  .c2 {
-    max-width: none;
-    width: 100%;
-    left: 0;
-    border-radius: 16px 16px 0px 0px;
-    padding: 10% 24px;
-    overflow: scroll;
-    max-height: 90vh;
-    position: fixed;
-    top: auto;
-    bottom: 0;
-  }
-}
-
-<div
-  class="c0"
->
-  <div
-    class="c1"
-  />
-  <div
-    class="c2"
-    width="460px"
-  >
-    <div
-      class="c3"
-    >
-      <div
-        class="c4 c5"
-        direction="column"
-      >
-        <h2
-          class="c6"
-          color="blue7"
-          cursor="inherit"
-          title=""
-        />
-      </div>
-      <div
-        class="c7"
-      >
-        <span
-          class="c8"
-          color="blue7"
-          rotate="0"
-          size="32"
-        >
-          <svg
-            fill="none"
-            height="100%"
-            viewBox="0 0 24 24"
-            width="100%"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M13.414 11.5l7.293-7.67c.39-.42.39-1.097 0-1.516a.953.953 0 00-1.414 0L12 9.985l-7.293-7.67a.953.953 0 00-1.414 0 1.125 1.125 0 000 1.514l7.293 7.671-7.293 7.67a1.125 1.125 0 000 1.516A.965.965 0 004 21a.965.965 0 00.707-.314L12 13.015l7.293 7.67A.965.965 0 0020 21a.965.965 0 00.707-.314c.39-.42.39-1.096 0-1.515L13.414 11.5z"
-              fill="#112035"
-            />
-          </svg>
-        </span>
-      </div>
-    </div>
-    <div
-      class="c4"
-      direction="column"
-    >
-      Text inside
-    </div>
-  </div>
-</div>
-`;