feat(starrating): updated snapshot

pluralsight · Nov 2, 2018 · 3c49573 · 3c49573
1 parent 28d5fa6
commit 3c49573
Showing 1 changed file with 276 additions and 0 deletions.
diff --git a/packages/starrating/src/react/__specs__/__snapshots__/storyshots.spec.js.snap b/packages/starrating/src/react/__specs__/__snapshots__/storyshots.spec.js.snap
@@ -387,6 +387,282 @@ exports[`Storyshots onClick onClick 1`] = `
 </div>
 `;
 
+exports[`Storyshots theme dark 1`] = `
+<div>
+  <span
+    style={
+      Object {
+        "clip": "rect(1px, 1px, 1px, 1px)",
+        "clipPath": "polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px)",
+        "height": "1px",
+        "overflow": "hidden",
+        "position": "absolute",
+        "whiteSpace": "nowrap",
+        "width": "1px",
+      }
+    }
+  >
+    This is rated 2.5
+  </span>
+  <div
+    className="css-3pplc0"
+    role="presentation"
+  >
+    <svg
+      aria-label="star fill icon"
+      role="img"
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.71590761,13.8522772 L2.25298114,9.9052852 C2.0291483,9.74356485 1.97879619,9.43101223 2.14051654,9.2071794 C2.23452325,9.07706721 2.38528246,9 2.54580174,9 L9.32999992,9 L11.5259342,2.42042174 C11.6133563,2.15848284 11.8965694,2.01700903 12.1585083,2.10443114 C12.3076212,2.15419757 12.4246481,2.2711924 12.4744554,2.42029163 L14.6724396,9 L21.4541983,9 C21.7303406,9 21.9541983,9.22385763 21.9541983,9.5 C21.9541983,9.66051929 21.877131,9.81127849 21.7470189,9.9052852 L16.2840924,13.8522772 L18.5094075,20.5282225 C18.5967314,20.7901941 18.4551514,21.0733541 18.1931797,21.160678 C18.0405447,21.2115563 17.8727519,21.1858764 17.7423206,21.091676 L12.0021534,16.9459997 L6.25731585,21.0924971 C6.03340576,21.2541105 5.72087724,21.203609 5.55926386,20.9796989 C5.46513169,20.8492818 5.43948525,20.6815443 5.49034729,20.5289581 L7.71590761,13.8522772 Z"
+      />
+    </svg>
+  </div>
+  <div
+    className="css-3pplc0"
+    role="presentation"
+  >
+    <svg
+      aria-label="star fill icon"
+      role="img"
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.71590761,13.8522772 L2.25298114,9.9052852 C2.0291483,9.74356485 1.97879619,9.43101223 2.14051654,9.2071794 C2.23452325,9.07706721 2.38528246,9 2.54580174,9 L9.32999992,9 L11.5259342,2.42042174 C11.6133563,2.15848284 11.8965694,2.01700903 12.1585083,2.10443114 C12.3076212,2.15419757 12.4246481,2.2711924 12.4744554,2.42029163 L14.6724396,9 L21.4541983,9 C21.7303406,9 21.9541983,9.22385763 21.9541983,9.5 C21.9541983,9.66051929 21.877131,9.81127849 21.7470189,9.9052852 L16.2840924,13.8522772 L18.5094075,20.5282225 C18.5967314,20.7901941 18.4551514,21.0733541 18.1931797,21.160678 C18.0405447,21.2115563 17.8727519,21.1858764 17.7423206,21.091676 L12.0021534,16.9459997 L6.25731585,21.0924971 C6.03340576,21.2541105 5.72087724,21.203609 5.55926386,20.9796989 C5.46513169,20.8492818 5.43948525,20.6815443 5.49034729,20.5289581 L7.71590761,13.8522772 Z"
+      />
+    </svg>
+  </div>
+  <svg
+    fill="none"
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <mask
+      height="24"
+      id="mask0"
+      mask-type="alpha"
+      maskUnits="userSpaceOnUse"
+      width="12"
+      x="12"
+      y="0"
+    >
+      <path
+        clipRule="evenodd"
+        d="M12 0H24V24H12V0Z"
+        fill="white"
+        fillRule="evenodd"
+      />
+    </mask>
+    <g
+      mask="url(#mask0)"
+    >
+      <path
+        d="M7.71604 13.8523L2.25311 9.90532C2.02928 9.7436 1.97893 9.43105 2.14065 9.20721C2.23466 9.0771 2.38542 9.00004 2.54593 9.00004H9.33013L11.5261 2.42046C11.6135 2.15852 11.8967 2.01704 12.1586 2.10447C12.3078 2.15423 12.4248 2.27123 12.4746 2.42033L14.6726 9.00004H21.4543C21.7305 9.00004 21.9543 9.22389 21.9543 9.50004C21.9543 9.66055 21.8773 9.81131 21.7472 9.90532L16.2842 13.8523L18.5095 20.5283C18.5969 20.7902 18.4553 21.0734 18.1933 21.1607C18.0407 21.2116 17.8729 21.1859 17.7425 21.0917L12.0023 16.946L6.25745 21.0925C6.03354 21.2541 5.72101 21.2036 5.5594 20.9797C5.46527 20.8493 5.43962 20.6816 5.49048 20.529L7.71604 13.8523Z"
+        fill="#363636"
+      />
+    </g>
+    <mask
+      height="24"
+      id="mask1"
+      mask-type="alpha"
+      maskUnits="userSpaceOnUse"
+      width="12"
+      x="0"
+      y="0"
+    >
+      <path
+        clipRule="evenodd"
+        d="M0 0H12V24H0V0Z"
+        fill="white"
+        fillRule="evenodd"
+      />
+    </mask>
+    <g
+      mask="url(#mask1)"
+    >
+      <path
+        d="M7.71604 13.8523L2.25311 9.90532C2.02928 9.7436 1.97893 9.43105 2.14065 9.20721C2.23466 9.0771 2.38542 9.00004 2.54593 9.00004H9.33013L11.5261 2.42046C11.6135 2.15852 11.8967 2.01704 12.1586 2.10447C12.3078 2.15423 12.4248 2.27123 12.4746 2.42033L14.6726 9.00004H21.4543C21.7305 9.00004 21.9543 9.22389 21.9543 9.50004C21.9543 9.66055 21.8773 9.81131 21.7472 9.90532L16.2842 13.8523L18.5095 20.5283C18.5969 20.7902 18.4553 21.0734 18.1933 21.1607C18.0407 21.2116 17.8729 21.1859 17.7425 21.0917L12.0023 16.946L6.25745 21.0925C6.03354 21.2541 5.72101 21.2036 5.5594 20.9797C5.46527 20.8493 5.43962 20.6816 5.49048 20.529L7.71604 13.8523Z"
+        fill="#FFC200"
+      />
+    </g>
+  </svg>
+  <div
+    className="css-1ct2z2u"
+    role="presentation"
+  >
+    <svg
+      aria-label="star fill icon"
+      role="img"
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.71590761,13.8522772 L2.25298114,9.9052852 C2.0291483,9.74356485 1.97879619,9.43101223 2.14051654,9.2071794 C2.23452325,9.07706721 2.38528246,9 2.54580174,9 L9.32999992,9 L11.5259342,2.42042174 C11.6133563,2.15848284 11.8965694,2.01700903 12.1585083,2.10443114 C12.3076212,2.15419757 12.4246481,2.2711924 12.4744554,2.42029163 L14.6724396,9 L21.4541983,9 C21.7303406,9 21.9541983,9.22385763 21.9541983,9.5 C21.9541983,9.66051929 21.877131,9.81127849 21.7470189,9.9052852 L16.2840924,13.8522772 L18.5094075,20.5282225 C18.5967314,20.7901941 18.4551514,21.0733541 18.1931797,21.160678 C18.0405447,21.2115563 17.8727519,21.1858764 17.7423206,21.091676 L12.0021534,16.9459997 L6.25731585,21.0924971 C6.03340576,21.2541105 5.72087724,21.203609 5.55926386,20.9796989 C5.46513169,20.8492818 5.43948525,20.6815443 5.49034729,20.5289581 L7.71590761,13.8522772 Z"
+      />
+    </svg>
+  </div>
+  <div
+    className="css-1ct2z2u"
+    role="presentation"
+  >
+    <svg
+      aria-label="star fill icon"
+      role="img"
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.71590761,13.8522772 L2.25298114,9.9052852 C2.0291483,9.74356485 1.97879619,9.43101223 2.14051654,9.2071794 C2.23452325,9.07706721 2.38528246,9 2.54580174,9 L9.32999992,9 L11.5259342,2.42042174 C11.6133563,2.15848284 11.8965694,2.01700903 12.1585083,2.10443114 C12.3076212,2.15419757 12.4246481,2.2711924 12.4744554,2.42029163 L14.6724396,9 L21.4541983,9 C21.7303406,9 21.9541983,9.22385763 21.9541983,9.5 C21.9541983,9.66051929 21.877131,9.81127849 21.7470189,9.9052852 L16.2840924,13.8522772 L18.5094075,20.5282225 C18.5967314,20.7901941 18.4551514,21.0733541 18.1931797,21.160678 C18.0405447,21.2115563 17.8727519,21.1858764 17.7423206,21.091676 L12.0021534,16.9459997 L6.25731585,21.0924971 C6.03340576,21.2541105 5.72087724,21.203609 5.55926386,20.9796989 C5.46513169,20.8492818 5.43948525,20.6815443 5.49034729,20.5289581 L7.71590761,13.8522772 Z"
+      />
+    </svg>
+  </div>
+</div>
+`;
+
+exports[`Storyshots theme light 1`] = `
+<div>
+  <span
+    style={
+      Object {
+        "clip": "rect(1px, 1px, 1px, 1px)",
+        "clipPath": "polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px)",
+        "height": "1px",
+        "overflow": "hidden",
+        "position": "absolute",
+        "whiteSpace": "nowrap",
+        "width": "1px",
+      }
+    }
+  >
+    This is rated 2.5
+  </span>
+  <div
+    className="css-3pplc0"
+    role="presentation"
+  >
+    <svg
+      aria-label="star fill icon"
+      role="img"
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.71590761,13.8522772 L2.25298114,9.9052852 C2.0291483,9.74356485 1.97879619,9.43101223 2.14051654,9.2071794 C2.23452325,9.07706721 2.38528246,9 2.54580174,9 L9.32999992,9 L11.5259342,2.42042174 C11.6133563,2.15848284 11.8965694,2.01700903 12.1585083,2.10443114 C12.3076212,2.15419757 12.4246481,2.2711924 12.4744554,2.42029163 L14.6724396,9 L21.4541983,9 C21.7303406,9 21.9541983,9.22385763 21.9541983,9.5 C21.9541983,9.66051929 21.877131,9.81127849 21.7470189,9.9052852 L16.2840924,13.8522772 L18.5094075,20.5282225 C18.5967314,20.7901941 18.4551514,21.0733541 18.1931797,21.160678 C18.0405447,21.2115563 17.8727519,21.1858764 17.7423206,21.091676 L12.0021534,16.9459997 L6.25731585,21.0924971 C6.03340576,21.2541105 5.72087724,21.203609 5.55926386,20.9796989 C5.46513169,20.8492818 5.43948525,20.6815443 5.49034729,20.5289581 L7.71590761,13.8522772 Z"
+      />
+    </svg>
+  </div>
+  <div
+    className="css-3pplc0"
+    role="presentation"
+  >
+    <svg
+      aria-label="star fill icon"
+      role="img"
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.71590761,13.8522772 L2.25298114,9.9052852 C2.0291483,9.74356485 1.97879619,9.43101223 2.14051654,9.2071794 C2.23452325,9.07706721 2.38528246,9 2.54580174,9 L9.32999992,9 L11.5259342,2.42042174 C11.6133563,2.15848284 11.8965694,2.01700903 12.1585083,2.10443114 C12.3076212,2.15419757 12.4246481,2.2711924 12.4744554,2.42029163 L14.6724396,9 L21.4541983,9 C21.7303406,9 21.9541983,9.22385763 21.9541983,9.5 C21.9541983,9.66051929 21.877131,9.81127849 21.7470189,9.9052852 L16.2840924,13.8522772 L18.5094075,20.5282225 C18.5967314,20.7901941 18.4551514,21.0733541 18.1931797,21.160678 C18.0405447,21.2115563 17.8727519,21.1858764 17.7423206,21.091676 L12.0021534,16.9459997 L6.25731585,21.0924971 C6.03340576,21.2541105 5.72087724,21.203609 5.55926386,20.9796989 C5.46513169,20.8492818 5.43948525,20.6815443 5.49034729,20.5289581 L7.71590761,13.8522772 Z"
+      />
+    </svg>
+  </div>
+  <svg
+    fill="none"
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <mask
+      height="24"
+      id="mask0"
+      mask-type="alpha"
+      maskUnits="userSpaceOnUse"
+      width="12"
+      x="12"
+      y="0"
+    >
+      <path
+        clipRule="evenodd"
+        d="M12 0H24V24H12V0Z"
+        fill="white"
+        fillRule="evenodd"
+      />
+    </mask>
+    <g
+      mask="url(#mask0)"
+    >
+      <g
+        opacity="0.25"
+      >
+        <path
+          d="M7.71604 13.8523L2.25311 9.90532C2.02928 9.7436 1.97893 9.43105 2.14065 9.20721C2.23466 9.0771 2.38542 9.00004 2.54593 9.00004H9.33013L11.5261 2.42046C11.6135 2.15852 11.8967 2.01704 12.1586 2.10447C12.3078 2.15423 12.4248 2.27123 12.4746 2.42033L14.6726 9.00004H21.4543C21.7305 9.00004 21.9543 9.22389 21.9543 9.50004C21.9543 9.66055 21.8773 9.81131 21.7472 9.90532L16.2842 13.8523L18.5095 20.5283C18.5969 20.7902 18.4553 21.0734 18.1933 21.1607C18.0407 21.2116 17.8729 21.1859 17.7425 21.0917L12.0023 16.946L6.25745 21.0925C6.03354 21.2541 5.72101 21.2036 5.5594 20.9797C5.46527 20.8493 5.43962 20.6816 5.49048 20.529L7.71604 13.8523Z"
+          fill="#555555"
+        />
+      </g>
+    </g>
+    <mask
+      height="24"
+      id="mask1"
+      mask-type="alpha"
+      maskUnits="userSpaceOnUse"
+      width="12"
+      x="0"
+      y="0"
+    >
+      <path
+        clipRule="evenodd"
+        d="M0 0H12V24H0V0Z"
+        fill="white"
+        fillRule="evenodd"
+      />
+    </mask>
+    <g
+      mask="url(#mask1)"
+    >
+      <path
+        d="M7.71604 13.8523L2.25311 9.90532C2.02928 9.7436 1.97893 9.43105 2.14065 9.20721C2.23466 9.0771 2.38542 9.00004 2.54593 9.00004H9.33013L11.5261 2.42046C11.6135 2.15852 11.8967 2.01704 12.1586 2.10447C12.3078 2.15423 12.4248 2.27123 12.4746 2.42033L14.6726 9.00004H21.4543C21.7305 9.00004 21.9543 9.22389 21.9543 9.50004C21.9543 9.66055 21.8773 9.81131 21.7472 9.90532L16.2842 13.8523L18.5095 20.5283C18.5969 20.7902 18.4553 21.0734 18.1933 21.1607C18.0407 21.2116 17.8729 21.1859 17.7425 21.0917L12.0023 16.946L6.25745 21.0925C6.03354 21.2541 5.72101 21.2036 5.5594 20.9797C5.46527 20.8493 5.43962 20.6816 5.49048 20.529L7.71604 13.8523Z"
+        fill="#FFC200"
+      />
+    </g>
+  </svg>
+  <div
+    className="css-17ylsva"
+    role="presentation"
+  >
+    <svg
+      aria-label="star fill icon"
+      role="img"
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.71590761,13.8522772 L2.25298114,9.9052852 C2.0291483,9.74356485 1.97879619,9.43101223 2.14051654,9.2071794 C2.23452325,9.07706721 2.38528246,9 2.54580174,9 L9.32999992,9 L11.5259342,2.42042174 C11.6133563,2.15848284 11.8965694,2.01700903 12.1585083,2.10443114 C12.3076212,2.15419757 12.4246481,2.2711924 12.4744554,2.42029163 L14.6724396,9 L21.4541983,9 C21.7303406,9 21.9541983,9.22385763 21.9541983,9.5 C21.9541983,9.66051929 21.877131,9.81127849 21.7470189,9.9052852 L16.2840924,13.8522772 L18.5094075,20.5282225 C18.5967314,20.7901941 18.4551514,21.0733541 18.1931797,21.160678 C18.0405447,21.2115563 17.8727519,21.1858764 17.7423206,21.091676 L12.0021534,16.9459997 L6.25731585,21.0924971 C6.03340576,21.2541105 5.72087724,21.203609 5.55926386,20.9796989 C5.46513169,20.8492818 5.43948525,20.6815443 5.49034729,20.5289581 L7.71590761,13.8522772 Z"
+      />
+    </svg>
+  </div>
+  <div
+    className="css-17ylsva"
+    role="presentation"
+  >
+    <svg
+      aria-label="star fill icon"
+      role="img"
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.71590761,13.8522772 L2.25298114,9.9052852 C2.0291483,9.74356485 1.97879619,9.43101223 2.14051654,9.2071794 C2.23452325,9.07706721 2.38528246,9 2.54580174,9 L9.32999992,9 L11.5259342,2.42042174 C11.6133563,2.15848284 11.8965694,2.01700903 12.1585083,2.10443114 C12.3076212,2.15419757 12.4246481,2.2711924 12.4744554,2.42029163 L14.6724396,9 L21.4541983,9 C21.7303406,9 21.9541983,9.22385763 21.9541983,9.5 C21.9541983,9.66051929 21.877131,9.81127849 21.7470189,9.9052852 L16.2840924,13.8522772 L18.5094075,20.5282225 C18.5967314,20.7901941 18.4551514,21.0733541 18.1931797,21.160678 C18.0405447,21.2115563 17.8727519,21.1858764 17.7423206,21.091676 L12.0021534,16.9459997 L6.25731585,21.0924971 C6.03340576,21.2541105 5.72087724,21.203609 5.55926386,20.9796989 C5.46513169,20.8492818 5.43948525,20.6815443 5.49034729,20.5289581 L7.71590761,13.8522772 Z"
+      />
+    </svg>
+  </div>
+</div>
+`;
+
 exports[`Storyshots value value 1 1`] = `
 <div>
   <span