@mrshmllw/smores-react 1.8.1 → 2.0.0

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

@@ -1,273 +0,0 @@
-// 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

@@ -1,146 +0,0 @@
-// 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

@@ -1,96 +0,0 @@
-// 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

@@ -1,146 +0,0 @@
-// 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

@@ -1,54 +0,0 @@
-// 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>
-`;