@mrshmllw/smores-react 1.8.0 → 2.0.2

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

@@ -0,0 +1,167 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders 1`] = `
+.c4 {
+  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: 24px;
+  height: 24px;
+  -webkit-transform: rotate(0deg);
+  -ms-transform: rotate(0deg);
+  transform: rotate(0deg);
+  margin-top: 0;
+  margin-right: 0;
+  margin-bottom: 0;
+  margin-left: 0;
+}
+
+.c0 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  height: 44px;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+.c1 {
+  width: 100%;
+  position: relative;
+}
+
+.c2 {
+  width: 100%;
+  height: 32px;
+  padding-right: 24px;
+  background-color: #ffffff;
+  border: none;
+  border-bottom: 1px solid #D2D2D2;
+  border-radius: 0;
+  font-size: 16px;
+  cursor: pointer;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.c2:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.c2:not(:focus):invalid {
+  color: #D2D2D2;
+}
+
+.c2:hover,
+.c2:valid,
+.c2:focus,
+.c2:focus-visible,
+.c2:checked {
+  outline: none;
+  border-color: #9E9E9E;
+}
+
+.c3 {
+  position: absolute;
+  top: 50%;
+  z-index: 1;
+  right: 0;
+  pointer-events: none;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
+
+<div
+  class="c0"
+>
+  <div
+    class="c1"
+  >
+    <select
+      class="c2"
+      required=""
+    >
+      <option
+        hidden=""
+        value=""
+      />
+      <option
+        value="Monday"
+      >
+        Monday
+      </option>
+      <option
+        value="Tuesday"
+      >
+        Tuesday
+      </option>
+      <option
+        value="Wednesday"
+      >
+        Wednesday
+      </option>
+      <option
+        value="Thursday"
+      >
+        Thursday
+      </option>
+      <option
+        value="Friday"
+      >
+        Friday
+      </option>
+      <option
+        value="Saturday"
+      >
+        Saturday
+      </option>
+      <option
+        value="Sunday"
+      >
+        Sunday
+      </option>
+    </select>
+    <div
+      class="c3"
+    >
+      <span
+        class="c4"
+        color="grey4"
+        rotate="0"
+        size="24"
+      >
+        <svg
+          fill="none"
+          height="100%"
+          viewBox="0 0 24 24"
+          width="100%"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M19.66 8.248a1 1 0 00-1.412.095L12 15.482l-6.248-7.14a1 1 0 10-1.504 1.317l7 8a.995.995 0 001.504 0l7-8a1 1 0 00-.093-1.411z"
+            fill="#D2D2D2"
+          />
+        </svg>
+      </span>
+    </div>
+  </div>
+</div>
+`;

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

@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders 1`] = `
+.c0 {
+  font-size: 24px;
+  margin-top: 0;
+  margin-right: 0;
+  margin-bottom: 0;
+  margin-left: 0;
+}
+
+<span
+  aria-label="wink"
+  class="c0"
+  role="img"
+  size="24"
+>
+  😉
+</span>
+`;