@primer/components 32.0.1-rc.c4c2c50a → 32.1.0

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

@@ -1,201 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Dialog Dialog.Header renders consistently 1`] = `
-.c1 {
-  font-size: 14px;
-  font-weight: 600;
-  font-family: sans-serif;
-  color: #24292f;
-}
-
-.c0 {
-  padding: 16px;
-  background-color: #f6f8fa;
-  border-radius: 6px 6px 0px 0px;
-  border-bottom: 1px solid #d0d7de;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-@media screen and (max-width:750px) {
-  .c0 {
-    border-radius: 0px;
-  }
-}
-
-<div
-  className="c0"
->
-  <span
-    className="c1"
-    color="fg.default"
-    fontFamily="sans-serif"
-    fontSize={1}
-    fontWeight="bold"
-  />
-</div>
-`;
-
-exports[`Dialog renders consistently 1`] = `
-Array [
-  .c0:before {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: block;
-  cursor: default;
-  content: ' ';
-  background: transparent;
-  z-index: 99;
-  background: rgba(27,31,36,0.5);
-}
-
-<span
-    className="c0"
-  />,
-  .c4 {
-  padding: 16px;
-}
-
-.c1 {
-  border: none;
-  padding: 0;
-  background: transparent;
-  outline: none;
-  cursor: pointer;
-  border-radius: 6px;
-  color: #57606a;
-  position: absolute;
-  top: 16px;
-  right: 16px;
-}
-
-.c1:focus {
-  box-shadow: 0 0 0 3px rgba(9,105,218,0.3);
-}
-
-.c1:hover {
-  color: #0969da;
-}
-
-.c3 {
-  font-size: 14px;
-  font-weight: 600;
-  font-family: sans-serif;
-  color: #24292f;
-}
-
-.c5 {
-  font-family: sans-serif;
-}
-
-.c0 {
-  box-shadow: 0 8px 24px rgba(140,149,159,0.2);
-  border-radius: 6px;
-  position: fixed;
-  top: 0;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
-  transform: translateX(-50%);
-  max-height: 80vh;
-  z-index: 999;
-  margin: 10vh auto;
-  background-color: #ffffff;
-  width: 440px;
-  outline: none;
-}
-
-.c2 {
-  padding: 16px;
-  background-color: #f6f8fa;
-  border-radius: 6px 6px 0px 0px;
-  border-bottom: 1px solid #d0d7de;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-@media screen and (max-width:750px) {
-  .c0 {
-    width: 100vw;
-    margin: 0;
-    border-radius: 0;
-    height: 100vh;
-  }
-}
-
-@media screen and (max-width:750px) {
-  .c2 {
-    border-radius: 0px;
-  }
-}
-
-<div
-    aria-labelledby="header"
-    aria-modal="true"
-    className="c0"
-    onKeyDown={[Function]}
-    role="dialog"
-    tabIndex={-1}
-  >
-    <button
-      aria-label="Close"
-      className="c1"
-      onClick={[Function]}
-    >
-      <svg
-        aria-hidden="true"
-        className="octicon octicon-x"
-        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}
-      />
-    </button>
-    <div
-      className="c2"
-      id="header"
-    >
-      <span
-        className="c3"
-        color="fg.default"
-        fontFamily="sans-serif"
-        fontSize={1}
-        fontWeight="bold"
-      >
-        Title
-      </span>
-    </div>
-    <div
-      className="c4"
-    >
-      <span
-        className="c5"
-        fontFamily="sans-serif"
-      >
-        Some content
-      </span>
-    </div>
-  </div>,
-]
-`;

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

@@ -1,249 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Dropdown renders consistently 1`] = `
-.c0 {
-  position: relative;
-  display: inline-block;
-}
-
-.c0 > summary {
-  list-style: none;
-}
-
-.c0 > summary::-webkit-details-marker {
-  display: none;
-}
-
-<details
-  className="c0"
-  onToggle={[Function]}
->
-  Hello!
-</details>
-`;
-
-exports[`Dropdown.Button renders consistently 1`] = `
-.c0 {
-  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);
-}
-
-.c0:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c0:focus {
-  outline: none;
-}
-
-.c0:disabled {
-  cursor: default;
-}
-
-.c0:disabled svg {
-  opacity: 0.6;
-}
-
-.c0:hover {
-  background-color: #f3f4f6;
-  border-color: rgba(27,31,36,0.15);
-}
-
-.c0:focus {
-  border-color: rgba(27,31,36,0.15);
-  box-shadow: 0 0 0 3px rgba(9,105,218,0.3);
-}
-
-.c0:active {
-  background-color: hsla(220,14%,94%,1);
-  box-shadow: inset 0 0.15em 0.3em rgba(27,31,36,0.15);
-}
-
-.c0:disabled {
-  color: #8c959f;
-  background-color: #f6f8fa;
-  border-color: rgba(27,31,36,0.15);
-}
-
-.c1 {
-  border: 4px solid transparent;
-  margin-left: 12px;
-  border-top-color: currentcolor;
-  border-bottom-width: 0;
-  content: '';
-  display: inline-block;
-  height: 0;
-  vertical-align: middle;
-  width: 0;
-}
-
-<summary
-  aria-haspopup="true"
-  className="c0"
->
-  Hello!
-  <div
-    className="c1"
-  />
-</summary>
-`;
-
-exports[`Dropdown.Caret renders consistently 1`] = `
-.c0 {
-  border: 4px solid transparent;
-  margin-left: 12px;
-  border-top-color: currentcolor;
-  border-bottom-width: 0;
-  content: '';
-  display: inline-block;
-  height: 0;
-  vertical-align: middle;
-  width: 0;
-}
-
-<div
-  className="c0"
-/>
-`;
-
-exports[`Dropdown.Item renders consistently 1`] = `
-.c0 {
-  display: block;
-  padding: 4px 10px 4px 15px;
-  overflow: hidden;
-  color: #24292f;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.c0 a {
-  color: #24292f;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  display: block;
-  overflow: hidden;
-  color: #24292f;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.c0:focus,
-.c0 a:focus {
-  color: #ffffff;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: #0969da;
-}
-
-.c0:hover,
-.c0:hover a {
-  color: #ffffff;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: #0969da;
-  outline: none;
-}
-
-<li
-  className="c0"
->
-  Hello!
-</li>
-`;
-
-exports[`Dropdown.Menu renders consistently 1`] = `
-.c0 {
-  background-clip: padding-box;
-  background-color: #ffffff;
-  border: 1px solid #d0d7de;
-  border-radius: 6px;
-  box-shadow: 0 8px 24px rgba(140,149,159,0.2);
-  left: 0;
-  list-style: none;
-  margin-top: 2px;
-  padding: 5px 0 5px 0 !important;
-  position: absolute;
-  top: 100%;
-  width: 160px;
-  z-index: 100;
-  right: 0;
-  left: auto;
-}
-
-.c0::before {
-  position: absolute;
-  display: inline-block;
-  content: '';
-}
-
-.c0::after {
-  position: absolute;
-  display: inline-block;
-  content: '';
-}
-
-.c0::before {
-  border: 8px solid transparent;
-  border-bottom-color: #ffffff;
-}
-
-.c0::after {
-  border: 7px solid transparent;
-  border-bottom-color: #ffffff;
-}
-
-.c0 > ul {
-  list-style: none;
-}
-
-.c0::before {
-  top: -16px;
-  right: 9px;
-  left: auto;
-}
-
-.c0::after {
-  top: -14px;
-  right: 10px;
-  left: auto;
-}
-
-<ul
-  className="c0"
-  direction="sw"
->
-  <li>
-    1
-  </li>
-  <li>
-    2
-  </li>
-  <li>
-    3
-  </li>
-</ul>
-`;

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

@@ -1,107 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DropdownMenu renders consistently 1`] = `
-.c0 {
-  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);
-}
-
-.c0:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c0:focus {
-  outline: none;
-}
-
-.c0:disabled {
-  cursor: default;
-}
-
-.c0:disabled svg {
-  opacity: 0.6;
-}
-
-.c0:hover {
-  background-color: #f3f4f6;
-  border-color: rgba(27,31,36,0.15);
-}
-
-.c0:focus {
-  border-color: rgba(27,31,36,0.15);
-  box-shadow: 0 0 0 3px rgba(9,105,218,0.3);
-}
-
-.c0:active {
-  background-color: hsla(220,14%,94%,1);
-  box-shadow: inset 0 0.15em 0.3em rgba(27,31,36,0.15);
-}
-
-.c0:disabled {
-  color: #8c959f;
-  background-color: #f6f8fa;
-  border-color: rgba(27,31,36,0.15);
-}
-
-.c1 {
-  margin-left: 4px;
-}
-
-<button
-  aria-haspopup="true"
-  aria-labelledby="react-aria-1"
-  className="c0"
-  id="react-aria-1"
-  onClick={[Function]}
-  onKeyDown={[Function]}
-  tabIndex={0}
-  type="button"
->
-  <svg
-    aria-hidden="true"
-    className="c1"
-    dangerouslySetInnerHTML={
-      Object {
-        "__html": "<path d=\\"M4.427 7.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 7H4.604a.25.25 0 00-.177.427z\\"></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}
-  />
-</button>
-`;

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

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FilterList renders consistently 1`] = `
-.c0 {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-<ul
-  className="c0"
-/>
-`;

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

@@ -1,80 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FilterList.Item renders consistently 1`] = `
-.c0 {
-  position: relative;
-  display: block;
-  padding: 8px 11px;
-  margin: 0 0 5px 0;
-  overflow: hidden;
-  font-size: 14px;
-  color: #57606a;
-  background-color: !important;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  cursor: pointer;
-  border-radius: 3px;
-}
-
-.c0:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: #f6f8fa;
-}
-
-.c0:active {
-  color: #ffffff;
-  background-color: #0969da;
-}
-
-.c0 .count {
-  float: right;
-  font-weight: 600;
-}
-
-<a
-  className="c0"
-/>
-`;
-
-exports[`FilterList.Item respects the "selected" prop 1`] = `
-.c0 {
-  position: relative;
-  display: block;
-  padding: 8px 11px;
-  margin: 0 0 5px 0;
-  overflow: hidden;
-  font-size: 14px;
-  color: #ffffff;
-  background-color: #0969da!important;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  cursor: pointer;
-  border-radius: 3px;
-}
-
-.c0:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: #f6f8fa;
-}
-
-.c0:active {
-  color: #ffffff;
-  background-color: #0969da;
-}
-
-.c0 .count {
-  float: right;
-  font-weight: 600;
-}
-
-<a
-  className="c0"
-  selected={true}
-/>
-`;

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

@@ -1,32 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FilteredSearch renders consistently 1`] = `
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c0 summary {
-  border-radius: 0;
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-  border-right: 0;
-}
-
-.c0 .TextInput-wrapper {
-  border-radius: 0;
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-  z-index: 1;
-}
-
-<div
-  className="c0"
-/>
-`;

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

@@ -1,32 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Flash renders consistently 1`] = `
-.c0 {
-  position: relative;
-  color: #24292f;
-  padding: 16px;
-  border-style: solid;
-  border-width: 1px;
-  border-radius: 6px;
-  margin-top: 0;
-  color: #24292f;
-  background-color: #ddf4ff;
-  border-color: rgba(84,174,255,0.4);
-}
-
-.c0 p:last-child {
-  margin-bottom: 0;
-}
-
-.c0 svg {
-  margin-right: 8px;
-}
-
-.c0 svg {
-  color: #0969da;
-}
-
-<div
-  className="c0"
-/>
-`;