@primer/components 29.1.0-rc.79e8b21e → 29.1.0

package/src/__tests__/__snapshots__/Caret.tsx.snap

@@ -1,373 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Caret renders cardinal directions 1`] = `
-<svg
-  height={16}
-  style={
-    Object {
-      "bottom": "100%",
-      "left": "50%",
-      "marginLeft": -8,
-      "pointerEvents": "none",
-      "position": "absolute",
-    }
-  }
-  width={16}
->
-  <g
-    transform="translate(8,16) rotate(180)"
-  >
-    <path
-      d="M-8,0L0,8L8,0L-8,0Z"
-      fill="#ffffff"
-    />
-    <path
-      d="M-8,0L0,8L8,0"
-      fill="none"
-      stroke="#d0d7de"
-      strokeWidth="1px"
-    />
-  </g>
-</svg>
-`;
-
-exports[`Caret renders cardinal directions 2`] = `
-<svg
-  height={16}
-  style={
-    Object {
-      "left": "100%",
-      "marginTop": -8,
-      "pointerEvents": "none",
-      "position": "absolute",
-      "top": "50%",
-    }
-  }
-  width={16}
->
-  <g
-    transform="translate(0,8) rotate(-90)"
-  >
-    <path
-      d="M-8,0L0,8L8,0L-8,0Z"
-      fill="#ffffff"
-    />
-    <path
-      d="M-8,0L0,8L8,0"
-      fill="none"
-      stroke="#d0d7de"
-      strokeWidth="1px"
-    />
-  </g>
-</svg>
-`;
-
-exports[`Caret renders cardinal directions 3`] = `
-<svg
-  height={16}
-  style={
-    Object {
-      "left": "50%",
-      "marginLeft": -8,
-      "pointerEvents": "none",
-      "position": "absolute",
-      "top": "100%",
-    }
-  }
-  width={16}
->
-  <g
-    transform="translate(8,0)"
-  >
-    <path
-      d="M-8,0L0,8L8,0L-8,0Z"
-      fill="#ffffff"
-    />
-    <path
-      d="M-8,0L0,8L8,0"
-      fill="none"
-      stroke="#d0d7de"
-      strokeWidth="1px"
-    />
-  </g>
-</svg>
-`;
-
-exports[`Caret renders cardinal directions 4`] = `
-<svg
-  height={16}
-  style={
-    Object {
-      "marginTop": -8,
-      "pointerEvents": "none",
-      "position": "absolute",
-      "right": "100%",
-      "top": "50%",
-    }
-  }
-  width={16}
->
-  <g
-    transform="translate(16,8) rotate(90)"
-  >
-    <path
-      d="M-8,0L0,8L8,0L-8,0Z"
-      fill="#ffffff"
-    />
-    <path
-      d="M-8,0L0,8L8,0"
-      fill="none"
-      stroke="#d0d7de"
-      strokeWidth="1px"
-    />
-  </g>
-</svg>
-`;
-
-exports[`Caret renders cardinal directions 5`] = `
-<svg
-  height={16}
-  style={
-    Object {
-      "bottom": "100%",
-      "left": 8,
-      "marginLeft": null,
-      "pointerEvents": "none",
-      "position": "absolute",
-    }
-  }
-  width={16}
->
-  <g
-    transform="translate(8,16) rotate(180)"
-  >
-    <path
-      d="M-8,0L0,8L8,0L-8,0Z"
-      fill="#ffffff"
-    />
-    <path
-      d="M-8,0L0,8L8,0"
-      fill="none"
-      stroke="#d0d7de"
-      strokeWidth="1px"
-    />
-  </g>
-</svg>
-`;
-
-exports[`Caret renders cardinal directions 6`] = `
-<svg
-  height={16}
-  style={
-    Object {
-      "bottom": "100%",
-      "marginLeft": null,
-      "pointerEvents": "none",
-      "position": "absolute",
-      "right": 8,
-    }
-  }
-  width={16}
->
-  <g
-    transform="translate(8,16) rotate(180)"
-  >
-    <path
-      d="M-8,0L0,8L8,0L-8,0Z"
-      fill="#ffffff"
-    />
-    <path
-      d="M-8,0L0,8L8,0"
-      fill="none"
-      stroke="#d0d7de"
-      strokeWidth="1px"
-    />
-  </g>
-</svg>
-`;
-
-exports[`Caret renders cardinal directions 7`] = `
-<svg
-  height={16}
-  style={
-    Object {
-      "left": 8,
-      "marginLeft": null,
-      "pointerEvents": "none",
-      "position": "absolute",
-      "top": "100%",
-    }
-  }
-  width={16}
->
-  <g
-    transform="translate(8,0)"
-  >
-    <path
-      d="M-8,0L0,8L8,0L-8,0Z"
-      fill="#ffffff"
-    />
-    <path
-      d="M-8,0L0,8L8,0"
-      fill="none"
-      stroke="#d0d7de"
-      strokeWidth="1px"
-    />
-  </g>
-</svg>
-`;
-
-exports[`Caret renders cardinal directions 8`] = `
-<svg
-  height={16}
-  style={
-    Object {
-      "marginLeft": null,
-      "pointerEvents": "none",
-      "position": "absolute",
-      "right": 8,
-      "top": "100%",
-    }
-  }
-  width={16}
->
-  <g
-    transform="translate(8,0)"
-  >
-    <path
-      d="M-8,0L0,8L8,0L-8,0Z"
-      fill="#ffffff"
-    />
-    <path
-      d="M-8,0L0,8L8,0"
-      fill="none"
-      stroke="#d0d7de"
-      strokeWidth="1px"
-    />
-  </g>
-</svg>
-`;
-
-exports[`Caret renders cardinal directions 9`] = `
-<svg
-  height={16}
-  style={
-    Object {
-      "marginTop": null,
-      "pointerEvents": "none",
-      "position": "absolute",
-      "right": "100%",
-      "top": 8,
-    }
-  }
-  width={16}
->
-  <g
-    transform="translate(16,8) rotate(90)"
-  >
-    <path
-      d="M-8,0L0,8L8,0L-8,0Z"
-      fill="#ffffff"
-    />
-    <path
-      d="M-8,0L0,8L8,0"
-      fill="none"
-      stroke="#d0d7de"
-      strokeWidth="1px"
-    />
-  </g>
-</svg>
-`;
-
-exports[`Caret renders cardinal directions 10`] = `
-<svg
-  height={16}
-  style={
-    Object {
-      "bottom": 8,
-      "marginTop": null,
-      "pointerEvents": "none",
-      "position": "absolute",
-      "right": "100%",
-    }
-  }
-  width={16}
->
-  <g
-    transform="translate(16,8) rotate(90)"
-  >
-    <path
-      d="M-8,0L0,8L8,0L-8,0Z"
-      fill="#ffffff"
-    />
-    <path
-      d="M-8,0L0,8L8,0"
-      fill="none"
-      stroke="#d0d7de"
-      strokeWidth="1px"
-    />
-  </g>
-</svg>
-`;
-
-exports[`Caret renders cardinal directions 11`] = `
-<svg
-  height={16}
-  style={
-    Object {
-      "left": "100%",
-      "marginTop": null,
-      "pointerEvents": "none",
-      "position": "absolute",
-      "top": 8,
-    }
-  }
-  width={16}
->
-  <g
-    transform="translate(0,8) rotate(-90)"
-  >
-    <path
-      d="M-8,0L0,8L8,0L-8,0Z"
-      fill="#ffffff"
-    />
-    <path
-      d="M-8,0L0,8L8,0"
-      fill="none"
-      stroke="#d0d7de"
-      strokeWidth="1px"
-    />
-  </g>
-</svg>
-`;
-
-exports[`Caret renders cardinal directions 12`] = `
-<svg
-  height={16}
-  style={
-    Object {
-      "bottom": 8,
-      "left": "100%",
-      "marginTop": null,
-      "pointerEvents": "none",
-      "position": "absolute",
-    }
-  }
-  width={16}
->
-  <g
-    transform="translate(0,8) rotate(-90)"
-  >
-    <path
-      d="M-8,0L0,8L8,0L-8,0Z"
-      fill="#ffffff"
-    />
-    <path
-      d="M-8,0L0,8L8,0"
-      fill="none"
-      stroke="#d0d7de"
-      strokeWidth="1px"
-    />
-  </g>
-</svg>
-`;

package/src/__tests__/__snapshots__/CircleBadge.tsx.snap

@@ -1,141 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CircleBadge CircleBadge.Icon renders consistently 1`] = `
-.c0 {
-  height: auto;
-  max-width: 60%;
-  max-height: 55%;
-}
-
-<svg
-  aria-hidden="true"
-  className="c0"
-  dangerouslySetInnerHTML={
-    Object {
-      "__html": "<path fill-rule=\\"evenodd\\" d=\\"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z\\"></path>",
-    }
-  }
-  fill="currentColor"
-  height={16}
-  role="img"
-  style={
-    Object {
-      "display": "inline-block",
-      "userSelect": "none",
-      "verticalAlign": "text-bottom",
-    }
-  }
-  viewBox="0 0 16 16"
-  width={16}
-/>
-`;
-
-exports[`CircleBadge renders consistently 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;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  background-color: #ffffff;
-  border-radius: 50%;
-  box-shadow: 0 3px 6px rgba(140,149,159,0.15);
-  width: 96px;
-  height: 96px;
-}
-
-<div
-  className="c0"
->
-  <img
-    alt=""
-    src="primer.jpg"
-  />
-</div>
-`;
-
-exports[`CircleBadge respects the inline prop 1`] = `
-.c0 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-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;
-  background-color: #ffffff;
-  border-radius: 50%;
-  box-shadow: 0 3px 6px rgba(140,149,159,0.15);
-  width: 96px;
-  height: 96px;
-}
-
-<div
-  className="c0"
-/>
-`;
-
-exports[`CircleBadge respects the variant prop 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;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  background-color: #ffffff;
-  border-radius: 50%;
-  box-shadow: 0 3px 6px rgba(140,149,159,0.15);
-  width: 128px;
-  height: 128px;
-}
-
-<div
-  className="c0"
-/>
-`;
-
-exports[`CircleBadge uses the size prop to override the variant prop 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;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  background-color: #ffffff;
-  border-radius: 50%;
-  box-shadow: 0 3px 6px rgba(140,149,159,0.15);
-  width: 20px;
-  height: 20px;
-}
-
-<div
-  className="c0"
-  size={20}
-/>
-`;

package/src/__tests__/__snapshots__/CircleOcticon.tsx.snap

@@ -1,64 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CircleOcticon renders consistently 1`] = `
-.c0 {
-  overflow: hidden;
-  width: 32px;
-  height: 32px;
-  border-width: 0;
-  border-radius: 50%;
-  border-style: solid;
-  border-color: #d0d7de;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  width: 32px;
-  height: 32px;
-  -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;
-}
-
-<div
-  className="c0"
-  overflow="hidden"
-  size={32}
->
-  <div
-    className="c1"
-    display="flex"
-    size={32}
-  >
-    <svg
-      aria-hidden="true"
-      className="octicon octicon-check"
-      dangerouslySetInnerHTML={
-        Object {
-          "__html": "<path fill-rule=\\"evenodd\\" d=\\"M21.03 5.72a.75.75 0 010 1.06l-11.5 11.5a.75.75 0 01-1.072-.012l-5.5-5.75a.75.75 0 111.084-1.036l4.97 5.195L19.97 5.72a.75.75 0 011.06 0z\\"></path>",
-        }
-      }
-      fill="currentColor"
-      height={32}
-      role="img"
-      style={
-        Object {
-          "display": "inline-block",
-          "userSelect": "none",
-          "verticalAlign": "text-bottom",
-        }
-      }
-      viewBox="0 0 24 24"
-      width={32}
-    />
-  </div>
-</div>
-`;

package/src/__tests__/__snapshots__/CounterLabel.tsx.snap

@@ -1,22 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CounterLabel renders consistently 1`] = `
-.c0 {
-  display: inline-block;
-  padding: 2px 5px;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 1;
-  border-radius: 20px;
-  color: #24292f;
-  background-color: rgba(175,184,193,0.2);
-}
-
-.c0:empty {
-  display: none;
-}
-
-<span
-  className="c0"
-/>
-`;

package/src/__tests__/__snapshots__/Details.tsx.snap

@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Details renders consistently 1`] = `
-.c0 > summary {
-  list-style: none;
-}
-
-.c0 > summary::-webkit-details-marker {
-  display: none;
-}
-
-<details
-  className="c0"
-/>
-`;