@primer/components 32.0.1-rc.c4c2c50a → 32.0.1

package/src/__tests__/__snapshots__/SideNav.test.tsx.snap

@@ -1,143 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SideNav SideNav.Link renders consistently 1`] = `
-.c0 {
-  color: #0969da;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  position: relative;
-  display: block;
-  width: 100%;
-  text-align: left;
-  font-size: 14px;
-}
-
-.c0:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c0:is(button) {
-  display: inline-block;
-  padding: 0;
-  font-size: inherit;
-  white-space: nowrap;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  background-color: transparent;
-  border: 0;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c0 > .c1 {
-  border-bottom: none;
-}
-
-.c1.variant-normal > .c0 {
-  color: #24292f;
-  padding: 16px;
-  border: 0;
-  border-top: 1px solid hsla(210,18%,87%,1);
-}
-
-.c1.variant-normal > .c0:first-child {
-  border-top: 0;
-  border-top-right-radius: 6px;
-  border-top-left-radius: 6px;
-}
-
-.c1.variant-normal > .c0:last-child {
-  border-bottom-right-radius: 6px;
-  border-bottom-left-radius: 6px;
-}
-
-.c1.variant-normal > .c0::before {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  width: 3px;
-  pointer-events: none;
-  content: '';
-}
-
-.c1.variant-normal > .c0:hover {
-  background-color: rgba(234,238,242,0.5);
-  outline: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c1.variant-normal > .c0:focus {
-  background-color: rgba(234,238,242,0.5);
-  outline: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  box-shadow: 0 0 0 3px rgba(9,105,218,0.3);
-  z-index: 1;
-}
-
-.c1.variant-normal > .c0[aria-current='page'],
-.c1.variant-normal > .c0[aria-selected='true'] {
-  background-color: #ffffff;
-}
-
-.c1.variant-normal > .c0[aria-current='page']::before,
-.c1.variant-normal > .c0[aria-selected='true']::before {
-  background-color: #FD8C73;
-}
-
-.c1.variant-lightweight > .c0 {
-  padding: 4px 0;
-  color: #0969da;
-}
-
-.c1.variant-lightweight > .c0:hover {
-  color: #24292f;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  outline: none;
-}
-
-.c1.variant-lightweight > .c0:focus {
-  color: #24292f;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(9,105,218,0.3);
-  z-index: 1;
-}
-
-.c1.variant-lightweight > .c0[aria-current='page'],
-.c1.variant-lightweight > .c0[aria-selected='true'] {
-  color: #24292f;
-  font-weight: 500;
-}
-
-<a
-  className="c0"
-/>
-`;
-
-exports[`SideNav renders consistently 1`] = `
-.c0 {
-  border-width: 0;
-  border-style: solid;
-  border-color: #d0d7de;
-  border-radius: 6px;
-}
-
-.c1 {
-  background-color: #f6f8fa;
-}
-
-<nav
-  className="c0 c1 variant-normal"
-/>
-`;

package/src/__tests__/__snapshots__/Spinner.test.tsx.snap

@@ -1,33 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Spinner renders consistently 1`] = `
-.c0 {
-  -webkit-animation: rotate-keyframes 1s linear infinite;
-  animation: rotate-keyframes 1s linear infinite;
-}
-
-<svg
-  className="c0"
-  fill="none"
-  height="32px"
-  viewBox="0 0 16 16"
-  width="32px"
->
-  <circle
-    cx="8"
-    cy="8"
-    r="7"
-    stroke="currentColor"
-    strokeOpacity="0.25"
-    strokeWidth="2"
-    vectorEffect="non-scaling-stroke"
-  />
-  <path
-    d="M15 8a7.002 7.002 0 00-7-7"
-    stroke="currentColor"
-    strokeLinecap="round"
-    strokeWidth="2"
-    vectorEffect="non-scaling-stroke"
-  />
-</svg>
-`;

package/src/__tests__/__snapshots__/StateLabel.test.tsx.snap

@@ -1,395 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`StateLabel renders children 1`] = `
-.c1 {
-  margin-right: 4px;
-}
-
-.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;
-  font-weight: 600;
-  line-height: 16px;
-  color: #ffffff;
-  text-align: center;
-  border-radius: 100px;
-  background-color: #2da44e;
-  color: #ffffff;
-  padding-left: 12px;
-  padding-right: 12px;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  font-size: 14px;
-}
-
-<span
-  className="c0"
->
-  <svg
-    aria-hidden="true"
-    className="c1"
-    dangerouslySetInnerHTML={
-      Object {
-        "__html": "<path d=\\"M8 9.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z\\"></path><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z\\"></path>",
-      }
-    }
-    fill="currentColor"
-    height={16}
-    role="img"
-    style={
-      Object {
-        "display": "inline-block",
-        "overflow": "visible",
-        "userSelect": "none",
-        "verticalAlign": "text-bottom",
-      }
-    }
-    viewBox="0 0 16 16"
-    width={16}
-  />
-  hi
-</span>
-`;
-
-exports[`StateLabel renders consistently 1`] = `
-.c1 {
-  margin-right: 4px;
-}
-
-.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;
-  font-weight: 600;
-  line-height: 16px;
-  color: #ffffff;
-  text-align: center;
-  border-radius: 100px;
-  background-color: #2da44e;
-  color: #ffffff;
-  padding-left: 12px;
-  padding-right: 12px;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  font-size: 14px;
-}
-
-<span
-  className="c0"
->
-  <svg
-    aria-hidden="true"
-    className="c1"
-    dangerouslySetInnerHTML={
-      Object {
-        "__html": "<path d=\\"M8 9.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z\\"></path><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z\\"></path>",
-      }
-    }
-    fill="currentColor"
-    height={16}
-    role="img"
-    style={
-      Object {
-        "display": "inline-block",
-        "overflow": "visible",
-        "userSelect": "none",
-        "verticalAlign": "text-bottom",
-      }
-    }
-    viewBox="0 0 16 16"
-    width={16}
-  />
-  Open
-</span>
-`;
-
-exports[`StateLabel respects the status prop 1`] = `
-.c1 {
-  margin-right: 4px;
-}
-
-.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;
-  font-weight: 600;
-  line-height: 16px;
-  color: #ffffff;
-  text-align: center;
-  border-radius: 100px;
-  background-color: #2da44e;
-  color: #ffffff;
-  padding-left: 12px;
-  padding-right: 12px;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  font-size: 14px;
-}
-
-<span
-  className="c0"
->
-  <svg
-    aria-hidden="true"
-    className="c1"
-    dangerouslySetInnerHTML={
-      Object {
-        "__html": "<path d=\\"M8 9.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z\\"></path><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z\\"></path>",
-      }
-    }
-    fill="currentColor"
-    height={16}
-    role="img"
-    style={
-      Object {
-        "display": "inline-block",
-        "overflow": "visible",
-        "userSelect": "none",
-        "verticalAlign": "text-bottom",
-      }
-    }
-    viewBox="0 0 16 16"
-    width={16}
-  />
-</span>
-`;
-
-exports[`StateLabel respects the status prop 2`] = `
-.c1 {
-  margin-right: 4px;
-}
-
-.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;
-  font-weight: 600;
-  line-height: 16px;
-  color: #ffffff;
-  text-align: center;
-  border-radius: 100px;
-  background-color: #cf222e;
-  color: #ffffff;
-  padding-left: 12px;
-  padding-right: 12px;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  font-size: 14px;
-}
-
-<span
-  className="c0"
->
-  <svg
-    aria-hidden="true"
-    className="c1"
-    dangerouslySetInnerHTML={
-      Object {
-        "__html": "<path d=\\"M11.28 6.78a.75.75 0 00-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l3.5-3.5z\\"></path><path fill-rule=\\"evenodd\\" d=\\"M16 8A8 8 0 110 8a8 8 0 0116 0zm-1.5 0a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z\\"></path>",
-      }
-    }
-    fill="currentColor"
-    height={16}
-    role="img"
-    style={
-      Object {
-        "display": "inline-block",
-        "overflow": "visible",
-        "userSelect": "none",
-        "verticalAlign": "text-bottom",
-      }
-    }
-    viewBox="0 0 16 16"
-    width={16}
-  />
-</span>
-`;
-
-exports[`StateLabel respects the status prop 3`] = `
-.c1 {
-  margin-right: 4px;
-}
-
-.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;
-  font-weight: 600;
-  line-height: 16px;
-  color: #ffffff;
-  text-align: center;
-  border-radius: 100px;
-  background-color: #8250df;
-  color: #ffffff;
-  padding-left: 12px;
-  padding-right: 12px;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  font-size: 14px;
-}
-
-<span
-  className="c0"
->
-  <svg
-    aria-hidden="true"
-    className="c1"
-    dangerouslySetInnerHTML={
-      Object {
-        "__html": "<path fill-rule=\\"evenodd\\" d=\\"M5 3.254V3.25v.005a.75.75 0 110-.005v.004zm.45 1.9a2.25 2.25 0 10-1.95.218v5.256a2.25 2.25 0 101.5 0V7.123A5.735 5.735 0 009.25 9h1.378a2.251 2.251 0 100-1.5H9.25a4.25 4.25 0 01-3.8-2.346zM12.75 9a.75.75 0 100-1.5.75.75 0 000 1.5zm-8.5 4.5a.75.75 0 100-1.5.75.75 0 000 1.5z\\"></path>",
-      }
-    }
-    fill="currentColor"
-    height={16}
-    role="img"
-    style={
-      Object {
-        "display": "inline-block",
-        "overflow": "visible",
-        "userSelect": "none",
-        "verticalAlign": "text-bottom",
-      }
-    }
-    viewBox="0 0 16 16"
-    width={16}
-  />
-</span>
-`;
-
-exports[`StateLabel respects the variant prop 1`] = `
-.c1 {
-  margin-right: 4px;
-}
-
-.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;
-  font-weight: 600;
-  line-height: 16px;
-  color: #ffffff;
-  text-align: center;
-  border-radius: 100px;
-  background-color: #2da44e;
-  color: #ffffff;
-  padding-left: 8px;
-  padding-right: 8px;
-  padding-top: 4px;
-  padding-bottom: 4px;
-  font-size: 12px;
-}
-
-<span
-  className="c0"
->
-  <svg
-    aria-hidden="true"
-    className="c1"
-    dangerouslySetInnerHTML={
-      Object {
-        "__html": "<path d=\\"M8 9.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z\\"></path><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z\\"></path>",
-      }
-    }
-    fill="currentColor"
-    height={16}
-    role="img"
-    style={
-      Object {
-        "display": "inline-block",
-        "overflow": "visible",
-        "userSelect": "none",
-        "verticalAlign": "text-bottom",
-      }
-    }
-    viewBox="0 0 16 16"
-    width={16}
-  />
-</span>
-`;
-
-exports[`StateLabel respects the variant prop 2`] = `
-.c1 {
-  margin-right: 4px;
-}
-
-.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;
-  font-weight: 600;
-  line-height: 16px;
-  color: #ffffff;
-  text-align: center;
-  border-radius: 100px;
-  background-color: #2da44e;
-  color: #ffffff;
-  padding-left: 12px;
-  padding-right: 12px;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  font-size: 14px;
-}
-
-<span
-  className="c0"
->
-  <svg
-    aria-hidden="true"
-    className="c1"
-    dangerouslySetInnerHTML={
-      Object {
-        "__html": "<path d=\\"M8 9.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z\\"></path><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z\\"></path>",
-      }
-    }
-    fill="currentColor"
-    height={16}
-    role="img"
-    style={
-      Object {
-        "display": "inline-block",
-        "overflow": "visible",
-        "userSelect": "none",
-        "verticalAlign": "text-bottom",
-      }
-    }
-    viewBox="0 0 16 16"
-    width={16}
-  />
-</span>
-`;

package/src/__tests__/__snapshots__/StyledOcticon.test.tsx.snap

@@ -1,26 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`StyledOcticon renders consistently 1`] = `
-<svg
-  aria-hidden="true"
-  className=""
-  dangerouslySetInnerHTML={
-    Object {
-      "__html": "<path fill-rule=\\"evenodd\\" d=\\"M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z\\"></path>",
-    }
-  }
-  fill="currentColor"
-  height={16}
-  role="img"
-  style={
-    Object {
-      "display": "inline-block",
-      "overflow": "visible",
-      "userSelect": "none",
-      "verticalAlign": "text-bottom",
-    }
-  }
-  viewBox="0 0 16 16"
-  width={16}
-/>
-`;

package/src/__tests__/__snapshots__/SubNav.test.tsx.snap

@@ -1,44 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SubNav renders consistently 1`] = `
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-}
-
-.c0 .SubNav-body {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  margin-bottom: -1px;
-}
-
-.c0 .SubNav-body > * {
-  margin-left: 8px;
-}
-
-.c0 .SubNav-body > *:first-child {
-  margin-left: 0;
-}
-
-.c0 .SubNav-actions {
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
-  align-self: center;
-}
-
-<nav
-  className="c0 SubNav"
->
-  <div
-    className="SubNav-body"
-  />
-</nav>
-`;