@mrshmllw/smores-react 2.1.0 → 2.1.4

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

@@ -0,0 +1,273 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders 1`] = `
+.c0 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+}
+
+.c6 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}
+
+.c3 {
+  font-size: 14px;
+  line-height: 20px;
+  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;
+}
+
+.c5 {
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  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;
+}
+
+.c7 {
+  font-size: 14px;
+  line-height: 23px;
+  font-weight: 400;
+  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;
+}
+
+.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: 18px;
+  height: 18px;
+  -webkit-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+  transform: rotate(180deg);
+  margin-top: 0;
+  margin-right: 0;
+  margin-bottom: 0;
+  margin-left: 0;
+}
+
+.c1 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  height: 24px;
+}
+
+.c1 > div {
+  width: 24px;
+  margin-right: 4px;
+}
+
+.c1 > div:last-child {
+  margin-right: 0;
+}
+
+.c2 {
+  background: #F9F9F9;
+  cursor: pointer;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  border-radius: 50%;
+}
+
+.c4 {
+  background: none;
+  cursor: pointer;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  border-radius: 50%;
+}
+
+@media (min-width:768px) {
+  .c3 {
+    font-size: 16px;
+    line-height: 23px;
+  }
+}
+
+@media (min-width:768px) {
+  .c5 {
+    font-size: 16px;
+    line-height: 23px;
+  }
+}
+
+@media (min-width:768px) {
+  .c7 {
+    font-size: 16px;
+    line-height: 26px;
+  }
+}
+
+<div
+  class="c0 c1"
+  direction="row"
+>
+  <div
+    class="c2"
+  >
+    <p
+      class="c3"
+      color="blue7"
+      cursor="inherit"
+      title=""
+    >
+      1
+    </p>
+  </div>
+  <div
+    class="c4"
+  >
+    <p
+      class="c5"
+      color="blue7"
+      cursor="inherit"
+      title=""
+    >
+      2
+    </p>
+  </div>
+  <div
+    class="c4"
+  >
+    <p
+      class="c5"
+      color="blue7"
+      cursor="inherit"
+      title=""
+    >
+      3
+    </p>
+  </div>
+  <div
+    class="c4"
+  >
+    <p
+      class="c5"
+      color="blue7"
+      cursor="inherit"
+      title=""
+    >
+      4
+    </p>
+  </div>
+  <div
+    class="c4"
+  >
+    <p
+      class="c5"
+      color="blue7"
+      cursor="inherit"
+      title=""
+    >
+      5
+    </p>
+  </div>
+  <div
+    class="c6"
+  >
+    <p
+      class="c7"
+      color="blue7"
+      cursor="inherit"
+      title=""
+    >
+      ...
+    </p>
+  </div>
+  <div
+    class="c4"
+  >
+    <p
+      class="c5"
+      color="blue7"
+      cursor="inherit"
+      title=""
+    >
+      11
+    </p>
+  </div>
+  <div
+    class="c4"
+  >
+    <span
+      class="c8"
+      color="blue7"
+      rotate="180"
+      size="18"
+    >
+      <svg
+        fill="none"
+        height="100%"
+        viewBox="0 0 24 24"
+        width="100%"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M2.087 12.401c.014.033.042.058.06.089a.99.99 0 00.177.238c.008.007.01.018.018.025l8 7a1 1 0 101.316-1.505L5.661 13H21a1 1 0 100-2H5.661l5.997-5.248a1 1 0 10-1.316-1.504l-8 7c-.008.007-.011.018-.018.025a.99.99 0 00-.177.238c-.018.031-.045.056-.06.089a.97.97 0 000 .801z"
+          fill="#112035"
+        />
+      </svg>
+    </span>
+  </div>
+</div>
+`;

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

@@ -0,0 +1,146 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders - checked 1`] = `
+.c0 {
+  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;
+}
+
+.c3 {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background-color: #ffffff;
+  margin-right: 10px;
+  border: 8px solid #55D6AA;
+}
+
+.c1 {
+  position: absolute;
+  opacity: 0;
+  height: 0;
+  width: 0;
+}
+
+.c2 {
+  font-family: 'Gordita',sans-serif;
+  text-transform: none;
+  font-size: 16px;
+  line-height: 17px;
+  color: #112035;
+  margin-bottom: 0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+}
+
+.c4 {
+  position: relative;
+  bottom: -5px;
+}
+
+<div
+  class="c0"
+>
+  <input
+    checked=""
+    class="c1"
+    id="radioButtonOne"
+    type="radio"
+    value="true"
+  />
+  <label
+    class="c2"
+    for="radioButtonOne"
+  >
+    <div
+      class="c3"
+    />
+    <span
+      class="c4"
+    >
+      What a lovely label
+    </span>
+  </label>
+</div>
+`;
+
+exports[`renders - unchecked 1`] = `
+.c0 {
+  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;
+}
+
+.c3 {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background-color: #ffffff;
+  margin-right: 10px;
+  border: 1px solid #D2D2D2;
+}
+
+.c1 {
+  position: absolute;
+  opacity: 0;
+  height: 0;
+  width: 0;
+}
+
+.c2 {
+  font-family: 'Gordita',sans-serif;
+  text-transform: none;
+  font-size: 16px;
+  line-height: 17px;
+  color: #112035;
+  margin-bottom: 0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+}
+
+.c4 {
+  position: relative;
+  bottom: -5px;
+}
+
+<div
+  class="c0"
+>
+  <input
+    class="c1"
+    id="radioButtonOne"
+    type="radio"
+    value="false"
+  />
+  <label
+    class="c2"
+    for="radioButtonOne"
+  >
+    <div
+      class="c3"
+    />
+    <span
+      class="c4"
+    >
+      What a lovely label
+    </span>
+  </label>
+</div>
+`;

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

@@ -0,0 +1,96 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`default renders correctly 1`] = `
+.c1 {
+  font-size: 14px;
+  line-height: 23px;
+  font-weight: 400;
+  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;
+}
+
+.c2 {
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 400;
+  margin: 0;
+  padding: 0;
+  color: #636768;
+  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 {
+  border-radius: 0;
+  border: 1px solid #D2D2D2;
+  display: grid;
+  grid-template-columns: auto 24px;
+  padding: 16px;
+  grid-gap: 16px;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  cursor: pointer;
+}
+
+.c0 .iconRight {
+  justify-self: end;
+}
+
+@media (min-width:768px) {
+  .c1 {
+    font-size: 16px;
+    line-height: 26px;
+  }
+}
+
+@media (min-width:768px) {
+  .c2 {
+    font-size: 14px;
+    line-height: 18px;
+  }
+}
+
+@media (min-width:768px) {
+  .c0 {
+    grid-gap: 24px;
+  }
+}
+
+<div>
+  <div
+    class="c0"
+  >
+    <div
+      class=""
+    >
+      <h1
+        class="c1"
+        color="blue7"
+        cursor="inherit"
+        title=""
+      >
+        This is a Row with a heading
+      </h1>
+      <p
+        class="c2"
+        color="grey8"
+        cursor="inherit"
+        title=""
+      />
+    </div>
+  </div>
+</div>
+`;

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

@@ -0,0 +1,146 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders 1`] = `
+.c2 {
+  font-size: 8px;
+  line-height: 100%;
+  font-weight: 700;
+  text-transform: uppercase;
+  -webkit-letter-spacing: 0.75px;
+  -moz-letter-spacing: 0.75px;
+  -ms-letter-spacing: 0.75px;
+  letter-spacing: 0.75px;
+  margin: 0;
+  padding: 0;
+  color: #D2D2D2;
+  text-align: left;
+  cursor: inherit;
+  -webkit-letter-spacing: 0.15px;
+  -moz-letter-spacing: 0.15px;
+  -ms-letter-spacing: 0.15px;
+  letter-spacing: 0.15px;
+}
+
+.c1 {
+  margin-bottom: 0px;
+}
+
+.c0 {
+  position: relative;
+  width: 100%;
+  background: #ffffff;
+}
+
+.c3 {
+  display: block;
+  border: none;
+  border-bottom: 1px solid #D2D2D2;
+  outline: none;
+  color: #112035;
+  font-size: 16px;
+  height: 32px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.c3::-webkit-input-placeholder {
+  color: #D2D2D2;
+}
+
+.c3::-moz-placeholder {
+  color: #D2D2D2;
+}
+
+.c3:-ms-input-placeholder {
+  color: #D2D2D2;
+}
+
+.c3::placeholder {
+  color: #D2D2D2;
+}
+
+.c3:hover,
+.c3:focus,
+.c3:focus-visible {
+  border-color: #9E9E9E;
+}
+
+.c4 {
+  box-sizing: border-box;
+  overflow-y: hidden;
+  position: absolute;
+  width: 100%;
+  visibility: hidden;
+}
+
+.c4 ul {
+  max-height: 0px;
+}
+
+.c5 {
+  position: relative;
+  list-style: none;
+  overflow-y: auto;
+  padding: 0;
+  margin: 0;
+  background-color: #ffffff;
+  border: 1px solid #D2D2D2;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+  z-index: 1000;
+}
+
+.c5 li {
+  padding: 16px 14px;
+  box-sizing: border-box;
+  font-size: 16px;
+  color: #112035;
+  cursor: pointer;
+}
+
+.c5 li:hover {
+  background-color: #F8F6F6;
+}
+
+@media (min-width:768px) {
+  .c2 {
+    font-size: 10px;
+  }
+}
+
+<div
+  class="c0"
+>
+  <div
+    class="c1"
+  >
+    <label
+      class="c2"
+      color="grey4"
+      cursor="inherit"
+      title=""
+    >
+      Days
+    </label>
+  </div>
+  <input
+    autocomplete="off"
+    class="c3"
+    id="days"
+    name="search_input"
+    type="text"
+    value=""
+  />
+  <div
+    class="c4"
+  >
+    <ul
+      class="c5"
+    >
+      <li>
+        No results
+      </li>
+    </ul>
+  </div>
+</div>
+`;

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

@@ -0,0 +1,54 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders 1`] = `
+.c1 {
+  font-size: 8px;
+  line-height: 100%;
+  font-weight: 700;
+  text-transform: uppercase;
+  -webkit-letter-spacing: 0.75px;
+  -moz-letter-spacing: 0.75px;
+  -ms-letter-spacing: 0.75px;
+  letter-spacing: 0.75px;
+  margin: 0;
+  padding: 0;
+  color: #B52525;
+  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: inline-block;
+  border: 1px solid;
+  padding: 2px 13px 4px 13px;
+  border-radius: 8px;
+}
+
+.c2 {
+  font-weight: 500;
+  text-transform: uppercase;
+}
+
+@media (min-width:768px) {
+  .c1 {
+    font-size: 10px;
+  }
+}
+
+<div
+  class="c0"
+>
+  <span
+    class="c1 c2"
+    color="red7"
+    cursor="inherit"
+    title=""
+  >
+    Cancelled - Refunded Manually
+  </span>
+</div>
+`;