@primer/components 31.0.2-rc.1e80de40 → 31.1.0

package/src/__tests__/__snapshots__/Caret.test.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.test.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.test.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__/ConfirmationDialog.test.tsx.snap

@@ -1,89 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ConfirmationDialog renders consistently 1`] = `
-.c0 {
-  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
-  line-height: 1.5;
-  color: #24292f;
-}
-
-.c1 {
-  position: relative;
-  display: inline-block;
-  padding: 6px 16px;
-  font-family: inherit;
-  font-weight: 600;
-  line-height: 20px;
-  white-space: nowrap;
-  vertical-align: middle;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border-radius: 6px;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  text-align: center;
-  font-size: 14px;
-  color: #24292f;
-  background-color: #f6f8fa;
-  border: 1px solid rgba(27,31,36,0.15);
-  box-shadow: 0 1px 0 rgba(27,31,36,0.04),inset 0 1px 0 rgba(255,255,255,0.25);
-}
-
-.c1:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c1:focus {
-  outline: none;
-}
-
-.c1:disabled {
-  cursor: default;
-}
-
-.c1:disabled svg {
-  opacity: 0.6;
-}
-
-.c1:hover {
-  background-color: #f3f4f6;
-  border-color: rgba(27,31,36,0.15);
-}
-
-.c1:focus {
-  border-color: rgba(27,31,36,0.15);
-  box-shadow: 0 0 0 3px rgba(9,105,218,0.3);
-}
-
-.c1:active {
-  background-color: hsla(220,14%,94%,1);
-  box-shadow: inset 0 0.15em 0.3em rgba(27,31,36,0.15);
-}
-
-.c1:disabled {
-  color: #8c959f;
-  background-color: #f6f8fa;
-  border-color: rgba(27,31,36,0.15);
-}
-
-<div
-  className="c0"
-  color="fg.default"
-  data-portal-root={true}
-  fontFamily="normal"
->
-  <button
-    className="c1"
-    onClick={[Function]}
-  >
-    Show dialog
-  </button>
-</div>
-`;

package/src/__tests__/__snapshots__/CounterLabel.test.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.test.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"
-/>
-`;