npm - @verdaccio/ui-components - Versions diffs - 2.0.0-6-next.6 → 2.0.0-6-next.7 - Mend

@verdaccio/ui-components 2.0.0-6-next.6 → 2.0.0-6-next.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (242) hide show

package/src/components/Distribution/__snapshots__/Dist.test.tsx.snap DELETED Viewed

@@ -1,1436 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`<Dist /> component should render the component in default state 1`] = `
-{
-  "asFragment": [Function],
-  "baseElement": .emotion-0 {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  position: relative;
-  padding-top: 0;
-  padding-bottom: 8px;
-}
-.emotion-2 {
-  margin: 0;
-  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.75;
-  font-weight: 700;
-  text-transform: capitalize;
-}
-.emotion-4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  width: 100%;
-  box-sizing: border-box;
-  text-align: left;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-left: 16px;
-  padding-right: 16px;
-  padding-left: 0;
-  padding-right: 0;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-.emotion-4.Mui-focusVisible {
-  background-color: rgba(0, 0, 0, 0.12);
-}
-.emotion-4.Mui-selected {
-  background-color: rgba(75, 94, 64, 0.08);
-}
-.emotion-4.Mui-selected.Mui-focusVisible {
-  background-color: rgba(75, 94, 64, 0.2);
-}
-.emotion-4.Mui-disabled {
-  opacity: 0.38;
-}
-.emotion-6 {
-  max-width: 100%;
-  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
-  font-size: 0.8125rem;
-  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;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  height: 32px;
-  color: rgba(0, 0, 0, 0.87);
-  background-color: rgba(0, 0, 0, 0.08);
-  border-radius: 16px;
-  white-space: nowrap;
-  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  cursor: default;
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  border: 0;
-  padding: 0;
-  vertical-align: middle;
-  box-sizing: border-box;
-  margin-right: 5px;
-  text-transform: capitalize;
-  margin-top: 5px;
-}
-.emotion-6.Mui-disabled {
-  opacity: 0.38;
-  pointer-events: none;
-}
-.emotion-6 .MuiChip-avatar {
-  margin-left: 5px;
-  margin-right: -6px;
-  width: 24px;
-  height: 24px;
-  color: #616161;
-  font-size: 0.75rem;
-}
-.emotion-6 .MuiChip-avatarColorPrimary {
-  color: #fff;
-  background-color: rgb(52, 65, 44);
-}
-.emotion-6 .MuiChip-avatarColorSecondary {
-  color: #fff;
-  background-color: rgb(22, 24, 29);
-}
-.emotion-6 .MuiChip-avatarSmall {
-  margin-left: 4px;
-  margin-right: -4px;
-  width: 18px;
-  height: 18px;
-  font-size: 0.625rem;
-}
-.emotion-6 .MuiChip-icon {
-  margin-left: 5px;
-  margin-right: -6px;
-  color: #616161;
-}
-.emotion-6 .MuiChip-deleteIcon {
-  -webkit-tap-highlight-color: transparent;
-  color: rgba(0, 0, 0, 0.26);
-  font-size: 22px;
-  cursor: pointer;
-  margin: 0 5px 0 -6px;
-}
-.emotion-6 .MuiChip-deleteIcon:hover {
-  color: rgba(0, 0, 0, 0.4);
-}
-.emotion-7 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding-left: 12px;
-  padding-right: 12px;
-  white-space: nowrap;
-}
-<body>
-    <div>
-      <ul
-        class="MuiList-root MuiList-padding MuiList-subheader emotion-0"
-      >
-        <h6
-          class="MuiTypography-root MuiTypography-subtitle1 emotion-1 emotion-2"
-        >
-          sidebar.distribution.title
-        </h6>
-        <li
-          class="MuiListItem-root MuiListItem-gutters MuiListItem-padding emotion-3 emotion-4"
-        >
-          <div
-            class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-          >
-            <span
-              class="MuiChip-label MuiChip-labelMedium emotion-7"
-            >
-              <b>
-                sidebar.distribution.file-count
-              </b>
-              :
-              7
-            </span>
-          </div>
-          <div
-            class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-          >
-            <span
-              class="MuiChip-label MuiChip-labelMedium emotion-7"
-            >
-              <b>
-                sidebar.distribution.size
-              </b>
-              :
-              10.00 Bytes
-            </span>
-          </div>
-        </li>
-      </ul>
-    </div>
-  </body>,
-  "container": .emotion-0 {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  position: relative;
-  padding-top: 0;
-  padding-bottom: 8px;
-}
-.emotion-2 {
-  margin: 0;
-  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.75;
-  font-weight: 700;
-  text-transform: capitalize;
-}
-.emotion-4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  width: 100%;
-  box-sizing: border-box;
-  text-align: left;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-left: 16px;
-  padding-right: 16px;
-  padding-left: 0;
-  padding-right: 0;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-.emotion-4.Mui-focusVisible {
-  background-color: rgba(0, 0, 0, 0.12);
-}
-.emotion-4.Mui-selected {
-  background-color: rgba(75, 94, 64, 0.08);
-}
-.emotion-4.Mui-selected.Mui-focusVisible {
-  background-color: rgba(75, 94, 64, 0.2);
-}
-.emotion-4.Mui-disabled {
-  opacity: 0.38;
-}
-.emotion-6 {
-  max-width: 100%;
-  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
-  font-size: 0.8125rem;
-  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;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  height: 32px;
-  color: rgba(0, 0, 0, 0.87);
-  background-color: rgba(0, 0, 0, 0.08);
-  border-radius: 16px;
-  white-space: nowrap;
-  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  cursor: default;
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  border: 0;
-  padding: 0;
-  vertical-align: middle;
-  box-sizing: border-box;
-  margin-right: 5px;
-  text-transform: capitalize;
-  margin-top: 5px;
-}
-.emotion-6.Mui-disabled {
-  opacity: 0.38;
-  pointer-events: none;
-}
-.emotion-6 .MuiChip-avatar {
-  margin-left: 5px;
-  margin-right: -6px;
-  width: 24px;
-  height: 24px;
-  color: #616161;
-  font-size: 0.75rem;
-}
-.emotion-6 .MuiChip-avatarColorPrimary {
-  color: #fff;
-  background-color: rgb(52, 65, 44);
-}
-.emotion-6 .MuiChip-avatarColorSecondary {
-  color: #fff;
-  background-color: rgb(22, 24, 29);
-}
-.emotion-6 .MuiChip-avatarSmall {
-  margin-left: 4px;
-  margin-right: -4px;
-  width: 18px;
-  height: 18px;
-  font-size: 0.625rem;
-}
-.emotion-6 .MuiChip-icon {
-  margin-left: 5px;
-  margin-right: -6px;
-  color: #616161;
-}
-.emotion-6 .MuiChip-deleteIcon {
-  -webkit-tap-highlight-color: transparent;
-  color: rgba(0, 0, 0, 0.26);
-  font-size: 22px;
-  cursor: pointer;
-  margin: 0 5px 0 -6px;
-}
-.emotion-6 .MuiChip-deleteIcon:hover {
-  color: rgba(0, 0, 0, 0.4);
-}
-.emotion-7 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding-left: 12px;
-  padding-right: 12px;
-  white-space: nowrap;
-}
-<div>
-    <ul
-      class="MuiList-root MuiList-padding MuiList-subheader emotion-0"
-    >
-      <h6
-        class="MuiTypography-root MuiTypography-subtitle1 emotion-1 emotion-2"
-      >
-        sidebar.distribution.title
-      </h6>
-      <li
-        class="MuiListItem-root MuiListItem-gutters MuiListItem-padding emotion-3 emotion-4"
-      >
-        <div
-          class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-        >
-          <span
-            class="MuiChip-label MuiChip-labelMedium emotion-7"
-          >
-            <b>
-              sidebar.distribution.file-count
-            </b>
-            :
-            7
-          </span>
-        </div>
-        <div
-          class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-        >
-          <span
-            class="MuiChip-label MuiChip-labelMedium emotion-7"
-          >
-            <b>
-              sidebar.distribution.size
-            </b>
-            :
-            10.00 Bytes
-          </span>
-        </div>
-      </li>
-    </ul>
-  </div>,
-  "debug": [Function],
-  "findAllByAltText": [Function],
-  "findAllByDisplayValue": [Function],
-  "findAllByLabelText": [Function],
-  "findAllByPlaceholderText": [Function],
-  "findAllByRole": [Function],
-  "findAllByTestId": [Function],
-  "findAllByText": [Function],
-  "findAllByTitle": [Function],
-  "findByAltText": [Function],
-  "findByDisplayValue": [Function],
-  "findByLabelText": [Function],
-  "findByPlaceholderText": [Function],
-  "findByRole": [Function],
-  "findByTestId": [Function],
-  "findByText": [Function],
-  "findByTitle": [Function],
-  "getAllByAltText": [Function],
-  "getAllByDisplayValue": [Function],
-  "getAllByLabelText": [Function],
-  "getAllByPlaceholderText": [Function],
-  "getAllByRole": [Function],
-  "getAllByTestId": [Function],
-  "getAllByText": [Function],
-  "getAllByTitle": [Function],
-  "getByAltText": [Function],
-  "getByDisplayValue": [Function],
-  "getByLabelText": [Function],
-  "getByPlaceholderText": [Function],
-  "getByRole": [Function],
-  "getByTestId": [Function],
-  "getByText": [Function],
-  "getByTitle": [Function],
-  "queryAllByAltText": [Function],
-  "queryAllByDisplayValue": [Function],
-  "queryAllByLabelText": [Function],
-  "queryAllByPlaceholderText": [Function],
-  "queryAllByRole": [Function],
-  "queryAllByTestId": [Function],
-  "queryAllByText": [Function],
-  "queryAllByTitle": [Function],
-  "queryByAltText": [Function],
-  "queryByDisplayValue": [Function],
-  "queryByLabelText": [Function],
-  "queryByPlaceholderText": [Function],
-  "queryByRole": [Function],
-  "queryByTestId": [Function],
-  "queryByText": [Function],
-  "queryByTitle": [Function],
-  "rerender": [Function],
-  "unmount": [Function],
-}
-`;
-exports[`<Dist /> component should render the component with license as object 1`] = `
-{
-  "asFragment": [Function],
-  "baseElement": .emotion-0 {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  position: relative;
-  padding-top: 0;
-  padding-bottom: 8px;
-}
-.emotion-2 {
-  margin: 0;
-  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.75;
-  font-weight: 700;
-  text-transform: capitalize;
-}
-.emotion-4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  width: 100%;
-  box-sizing: border-box;
-  text-align: left;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-left: 16px;
-  padding-right: 16px;
-  padding-left: 0;
-  padding-right: 0;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-.emotion-4.Mui-focusVisible {
-  background-color: rgba(0, 0, 0, 0.12);
-}
-.emotion-4.Mui-selected {
-  background-color: rgba(75, 94, 64, 0.08);
-}
-.emotion-4.Mui-selected.Mui-focusVisible {
-  background-color: rgba(75, 94, 64, 0.2);
-}
-.emotion-4.Mui-disabled {
-  opacity: 0.38;
-}
-.emotion-6 {
-  max-width: 100%;
-  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
-  font-size: 0.8125rem;
-  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;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  height: 32px;
-  color: rgba(0, 0, 0, 0.87);
-  background-color: rgba(0, 0, 0, 0.08);
-  border-radius: 16px;
-  white-space: nowrap;
-  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  cursor: default;
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  border: 0;
-  padding: 0;
-  vertical-align: middle;
-  box-sizing: border-box;
-  margin-right: 5px;
-  text-transform: capitalize;
-  margin-top: 5px;
-}
-.emotion-6.Mui-disabled {
-  opacity: 0.38;
-  pointer-events: none;
-}
-.emotion-6 .MuiChip-avatar {
-  margin-left: 5px;
-  margin-right: -6px;
-  width: 24px;
-  height: 24px;
-  color: #616161;
-  font-size: 0.75rem;
-}
-.emotion-6 .MuiChip-avatarColorPrimary {
-  color: #fff;
-  background-color: rgb(52, 65, 44);
-}
-.emotion-6 .MuiChip-avatarColorSecondary {
-  color: #fff;
-  background-color: rgb(22, 24, 29);
-}
-.emotion-6 .MuiChip-avatarSmall {
-  margin-left: 4px;
-  margin-right: -4px;
-  width: 18px;
-  height: 18px;
-  font-size: 0.625rem;
-}
-.emotion-6 .MuiChip-icon {
-  margin-left: 5px;
-  margin-right: -6px;
-  color: #616161;
-}
-.emotion-6 .MuiChip-deleteIcon {
-  -webkit-tap-highlight-color: transparent;
-  color: rgba(0, 0, 0, 0.26);
-  font-size: 22px;
-  cursor: pointer;
-  margin: 0 5px 0 -6px;
-}
-.emotion-6 .MuiChip-deleteIcon:hover {
-  color: rgba(0, 0, 0, 0.4);
-}
-.emotion-7 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding-left: 12px;
-  padding-right: 12px;
-  white-space: nowrap;
-}
-<body>
-    <div>
-      <ul
-        class="MuiList-root MuiList-padding MuiList-subheader emotion-0"
-      >
-        <h6
-          class="MuiTypography-root MuiTypography-subtitle1 emotion-1 emotion-2"
-        >
-          sidebar.distribution.title
-        </h6>
-        <li
-          class="MuiListItem-root MuiListItem-gutters MuiListItem-padding emotion-3 emotion-4"
-        >
-          <div
-            class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-          >
-            <span
-              class="MuiChip-label MuiChip-labelMedium emotion-7"
-            >
-              <b>
-                sidebar.distribution.file-count
-              </b>
-              :
-              7
-            </span>
-          </div>
-          <div
-            class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-          >
-            <span
-              class="MuiChip-label MuiChip-labelMedium emotion-7"
-            >
-              <b>
-                sidebar.distribution.size
-              </b>
-              :
-              10.00 Bytes
-            </span>
-          </div>
-          <div
-            class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-          >
-            <span
-              class="MuiChip-label MuiChip-labelMedium emotion-7"
-            >
-              <b>
-                sidebar.distribution.license
-              </b>
-              :
-              MIT
-            </span>
-          </div>
-        </li>
-      </ul>
-    </div>
-  </body>,
-  "container": .emotion-0 {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  position: relative;
-  padding-top: 0;
-  padding-bottom: 8px;
-}
-.emotion-2 {
-  margin: 0;
-  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.75;
-  font-weight: 700;
-  text-transform: capitalize;
-}
-.emotion-4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  width: 100%;
-  box-sizing: border-box;
-  text-align: left;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-left: 16px;
-  padding-right: 16px;
-  padding-left: 0;
-  padding-right: 0;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-.emotion-4.Mui-focusVisible {
-  background-color: rgba(0, 0, 0, 0.12);
-}
-.emotion-4.Mui-selected {
-  background-color: rgba(75, 94, 64, 0.08);
-}
-.emotion-4.Mui-selected.Mui-focusVisible {
-  background-color: rgba(75, 94, 64, 0.2);
-}
-.emotion-4.Mui-disabled {
-  opacity: 0.38;
-}
-.emotion-6 {
-  max-width: 100%;
-  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
-  font-size: 0.8125rem;
-  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;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  height: 32px;
-  color: rgba(0, 0, 0, 0.87);
-  background-color: rgba(0, 0, 0, 0.08);
-  border-radius: 16px;
-  white-space: nowrap;
-  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  cursor: default;
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  border: 0;
-  padding: 0;
-  vertical-align: middle;
-  box-sizing: border-box;
-  margin-right: 5px;
-  text-transform: capitalize;
-  margin-top: 5px;
-}
-.emotion-6.Mui-disabled {
-  opacity: 0.38;
-  pointer-events: none;
-}
-.emotion-6 .MuiChip-avatar {
-  margin-left: 5px;
-  margin-right: -6px;
-  width: 24px;
-  height: 24px;
-  color: #616161;
-  font-size: 0.75rem;
-}
-.emotion-6 .MuiChip-avatarColorPrimary {
-  color: #fff;
-  background-color: rgb(52, 65, 44);
-}
-.emotion-6 .MuiChip-avatarColorSecondary {
-  color: #fff;
-  background-color: rgb(22, 24, 29);
-}
-.emotion-6 .MuiChip-avatarSmall {
-  margin-left: 4px;
-  margin-right: -4px;
-  width: 18px;
-  height: 18px;
-  font-size: 0.625rem;
-}
-.emotion-6 .MuiChip-icon {
-  margin-left: 5px;
-  margin-right: -6px;
-  color: #616161;
-}
-.emotion-6 .MuiChip-deleteIcon {
-  -webkit-tap-highlight-color: transparent;
-  color: rgba(0, 0, 0, 0.26);
-  font-size: 22px;
-  cursor: pointer;
-  margin: 0 5px 0 -6px;
-}
-.emotion-6 .MuiChip-deleteIcon:hover {
-  color: rgba(0, 0, 0, 0.4);
-}
-.emotion-7 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding-left: 12px;
-  padding-right: 12px;
-  white-space: nowrap;
-}
-<div>
-    <ul
-      class="MuiList-root MuiList-padding MuiList-subheader emotion-0"
-    >
-      <h6
-        class="MuiTypography-root MuiTypography-subtitle1 emotion-1 emotion-2"
-      >
-        sidebar.distribution.title
-      </h6>
-      <li
-        class="MuiListItem-root MuiListItem-gutters MuiListItem-padding emotion-3 emotion-4"
-      >
-        <div
-          class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-        >
-          <span
-            class="MuiChip-label MuiChip-labelMedium emotion-7"
-          >
-            <b>
-              sidebar.distribution.file-count
-            </b>
-            :
-            7
-          </span>
-        </div>
-        <div
-          class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-        >
-          <span
-            class="MuiChip-label MuiChip-labelMedium emotion-7"
-          >
-            <b>
-              sidebar.distribution.size
-            </b>
-            :
-            10.00 Bytes
-          </span>
-        </div>
-        <div
-          class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-        >
-          <span
-            class="MuiChip-label MuiChip-labelMedium emotion-7"
-          >
-            <b>
-              sidebar.distribution.license
-            </b>
-            :
-            MIT
-          </span>
-        </div>
-      </li>
-    </ul>
-  </div>,
-  "debug": [Function],
-  "findAllByAltText": [Function],
-  "findAllByDisplayValue": [Function],
-  "findAllByLabelText": [Function],
-  "findAllByPlaceholderText": [Function],
-  "findAllByRole": [Function],
-  "findAllByTestId": [Function],
-  "findAllByText": [Function],
-  "findAllByTitle": [Function],
-  "findByAltText": [Function],
-  "findByDisplayValue": [Function],
-  "findByLabelText": [Function],
-  "findByPlaceholderText": [Function],
-  "findByRole": [Function],
-  "findByTestId": [Function],
-  "findByText": [Function],
-  "findByTitle": [Function],
-  "getAllByAltText": [Function],
-  "getAllByDisplayValue": [Function],
-  "getAllByLabelText": [Function],
-  "getAllByPlaceholderText": [Function],
-  "getAllByRole": [Function],
-  "getAllByTestId": [Function],
-  "getAllByText": [Function],
-  "getAllByTitle": [Function],
-  "getByAltText": [Function],
-  "getByDisplayValue": [Function],
-  "getByLabelText": [Function],
-  "getByPlaceholderText": [Function],
-  "getByRole": [Function],
-  "getByTestId": [Function],
-  "getByText": [Function],
-  "getByTitle": [Function],
-  "queryAllByAltText": [Function],
-  "queryAllByDisplayValue": [Function],
-  "queryAllByLabelText": [Function],
-  "queryAllByPlaceholderText": [Function],
-  "queryAllByRole": [Function],
-  "queryAllByTestId": [Function],
-  "queryAllByText": [Function],
-  "queryAllByTitle": [Function],
-  "queryByAltText": [Function],
-  "queryByDisplayValue": [Function],
-  "queryByLabelText": [Function],
-  "queryByPlaceholderText": [Function],
-  "queryByRole": [Function],
-  "queryByTestId": [Function],
-  "queryByText": [Function],
-  "queryByTitle": [Function],
-  "rerender": [Function],
-  "unmount": [Function],
-}
-`;
-exports[`<Dist /> component should render the component with license as string 1`] = `
-{
-  "asFragment": [Function],
-  "baseElement": .emotion-0 {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  position: relative;
-  padding-top: 0;
-  padding-bottom: 8px;
-}
-.emotion-2 {
-  margin: 0;
-  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.75;
-  font-weight: 700;
-  text-transform: capitalize;
-}
-.emotion-4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  width: 100%;
-  box-sizing: border-box;
-  text-align: left;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-left: 16px;
-  padding-right: 16px;
-  padding-left: 0;
-  padding-right: 0;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-.emotion-4.Mui-focusVisible {
-  background-color: rgba(0, 0, 0, 0.12);
-}
-.emotion-4.Mui-selected {
-  background-color: rgba(75, 94, 64, 0.08);
-}
-.emotion-4.Mui-selected.Mui-focusVisible {
-  background-color: rgba(75, 94, 64, 0.2);
-}
-.emotion-4.Mui-disabled {
-  opacity: 0.38;
-}
-.emotion-6 {
-  max-width: 100%;
-  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
-  font-size: 0.8125rem;
-  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;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  height: 32px;
-  color: rgba(0, 0, 0, 0.87);
-  background-color: rgba(0, 0, 0, 0.08);
-  border-radius: 16px;
-  white-space: nowrap;
-  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  cursor: default;
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  border: 0;
-  padding: 0;
-  vertical-align: middle;
-  box-sizing: border-box;
-  margin-right: 5px;
-  text-transform: capitalize;
-  margin-top: 5px;
-}
-.emotion-6.Mui-disabled {
-  opacity: 0.38;
-  pointer-events: none;
-}
-.emotion-6 .MuiChip-avatar {
-  margin-left: 5px;
-  margin-right: -6px;
-  width: 24px;
-  height: 24px;
-  color: #616161;
-  font-size: 0.75rem;
-}
-.emotion-6 .MuiChip-avatarColorPrimary {
-  color: #fff;
-  background-color: rgb(52, 65, 44);
-}
-.emotion-6 .MuiChip-avatarColorSecondary {
-  color: #fff;
-  background-color: rgb(22, 24, 29);
-}
-.emotion-6 .MuiChip-avatarSmall {
-  margin-left: 4px;
-  margin-right: -4px;
-  width: 18px;
-  height: 18px;
-  font-size: 0.625rem;
-}
-.emotion-6 .MuiChip-icon {
-  margin-left: 5px;
-  margin-right: -6px;
-  color: #616161;
-}
-.emotion-6 .MuiChip-deleteIcon {
-  -webkit-tap-highlight-color: transparent;
-  color: rgba(0, 0, 0, 0.26);
-  font-size: 22px;
-  cursor: pointer;
-  margin: 0 5px 0 -6px;
-}
-.emotion-6 .MuiChip-deleteIcon:hover {
-  color: rgba(0, 0, 0, 0.4);
-}
-.emotion-7 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding-left: 12px;
-  padding-right: 12px;
-  white-space: nowrap;
-}
-<body>
-    <div>
-      <ul
-        class="MuiList-root MuiList-padding MuiList-subheader emotion-0"
-      >
-        <h6
-          class="MuiTypography-root MuiTypography-subtitle1 emotion-1 emotion-2"
-        >
-          sidebar.distribution.title
-        </h6>
-        <li
-          class="MuiListItem-root MuiListItem-gutters MuiListItem-padding emotion-3 emotion-4"
-        >
-          <div
-            class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-          >
-            <span
-              class="MuiChip-label MuiChip-labelMedium emotion-7"
-            >
-              <b>
-                sidebar.distribution.file-count
-              </b>
-              :
-              7
-            </span>
-          </div>
-          <div
-            class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-          >
-            <span
-              class="MuiChip-label MuiChip-labelMedium emotion-7"
-            >
-              <b>
-                sidebar.distribution.size
-              </b>
-              :
-              10.00 Bytes
-            </span>
-          </div>
-          <div
-            class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-          >
-            <span
-              class="MuiChip-label MuiChip-labelMedium emotion-7"
-            >
-              <b>
-                sidebar.distribution.license
-              </b>
-              :
-              MIT
-            </span>
-          </div>
-        </li>
-      </ul>
-    </div>
-  </body>,
-  "container": .emotion-0 {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  position: relative;
-  padding-top: 0;
-  padding-bottom: 8px;
-}
-.emotion-2 {
-  margin: 0;
-  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.75;
-  font-weight: 700;
-  text-transform: capitalize;
-}
-.emotion-4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  width: 100%;
-  box-sizing: border-box;
-  text-align: left;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-left: 16px;
-  padding-right: 16px;
-  padding-left: 0;
-  padding-right: 0;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-.emotion-4.Mui-focusVisible {
-  background-color: rgba(0, 0, 0, 0.12);
-}
-.emotion-4.Mui-selected {
-  background-color: rgba(75, 94, 64, 0.08);
-}
-.emotion-4.Mui-selected.Mui-focusVisible {
-  background-color: rgba(75, 94, 64, 0.2);
-}
-.emotion-4.Mui-disabled {
-  opacity: 0.38;
-}
-.emotion-6 {
-  max-width: 100%;
-  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
-  font-size: 0.8125rem;
-  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;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  height: 32px;
-  color: rgba(0, 0, 0, 0.87);
-  background-color: rgba(0, 0, 0, 0.08);
-  border-radius: 16px;
-  white-space: nowrap;
-  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  cursor: default;
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  border: 0;
-  padding: 0;
-  vertical-align: middle;
-  box-sizing: border-box;
-  margin-right: 5px;
-  text-transform: capitalize;
-  margin-top: 5px;
-}
-.emotion-6.Mui-disabled {
-  opacity: 0.38;
-  pointer-events: none;
-}
-.emotion-6 .MuiChip-avatar {
-  margin-left: 5px;
-  margin-right: -6px;
-  width: 24px;
-  height: 24px;
-  color: #616161;
-  font-size: 0.75rem;
-}
-.emotion-6 .MuiChip-avatarColorPrimary {
-  color: #fff;
-  background-color: rgb(52, 65, 44);
-}
-.emotion-6 .MuiChip-avatarColorSecondary {
-  color: #fff;
-  background-color: rgb(22, 24, 29);
-}
-.emotion-6 .MuiChip-avatarSmall {
-  margin-left: 4px;
-  margin-right: -4px;
-  width: 18px;
-  height: 18px;
-  font-size: 0.625rem;
-}
-.emotion-6 .MuiChip-icon {
-  margin-left: 5px;
-  margin-right: -6px;
-  color: #616161;
-}
-.emotion-6 .MuiChip-deleteIcon {
-  -webkit-tap-highlight-color: transparent;
-  color: rgba(0, 0, 0, 0.26);
-  font-size: 22px;
-  cursor: pointer;
-  margin: 0 5px 0 -6px;
-}
-.emotion-6 .MuiChip-deleteIcon:hover {
-  color: rgba(0, 0, 0, 0.4);
-}
-.emotion-7 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding-left: 12px;
-  padding-right: 12px;
-  white-space: nowrap;
-}
-<div>
-    <ul
-      class="MuiList-root MuiList-padding MuiList-subheader emotion-0"
-    >
-      <h6
-        class="MuiTypography-root MuiTypography-subtitle1 emotion-1 emotion-2"
-      >
-        sidebar.distribution.title
-      </h6>
-      <li
-        class="MuiListItem-root MuiListItem-gutters MuiListItem-padding emotion-3 emotion-4"
-      >
-        <div
-          class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-        >
-          <span
-            class="MuiChip-label MuiChip-labelMedium emotion-7"
-          >
-            <b>
-              sidebar.distribution.file-count
-            </b>
-            :
-            7
-          </span>
-        </div>
-        <div
-          class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-        >
-          <span
-            class="MuiChip-label MuiChip-labelMedium emotion-7"
-          >
-            <b>
-              sidebar.distribution.size
-            </b>
-            :
-            10.00 Bytes
-          </span>
-        </div>
-        <div
-          class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault emotion-5 emotion-6"
-        >
-          <span
-            class="MuiChip-label MuiChip-labelMedium emotion-7"
-          >
-            <b>
-              sidebar.distribution.license
-            </b>
-            :
-            MIT
-          </span>
-        </div>
-      </li>
-    </ul>
-  </div>,
-  "debug": [Function],
-  "findAllByAltText": [Function],
-  "findAllByDisplayValue": [Function],
-  "findAllByLabelText": [Function],
-  "findAllByPlaceholderText": [Function],
-  "findAllByRole": [Function],
-  "findAllByTestId": [Function],
-  "findAllByText": [Function],
-  "findAllByTitle": [Function],
-  "findByAltText": [Function],
-  "findByDisplayValue": [Function],
-  "findByLabelText": [Function],
-  "findByPlaceholderText": [Function],
-  "findByRole": [Function],
-  "findByTestId": [Function],
-  "findByText": [Function],
-  "findByTitle": [Function],
-  "getAllByAltText": [Function],
-  "getAllByDisplayValue": [Function],
-  "getAllByLabelText": [Function],
-  "getAllByPlaceholderText": [Function],
-  "getAllByRole": [Function],
-  "getAllByTestId": [Function],
-  "getAllByText": [Function],
-  "getAllByTitle": [Function],
-  "getByAltText": [Function],
-  "getByDisplayValue": [Function],
-  "getByLabelText": [Function],
-  "getByPlaceholderText": [Function],
-  "getByRole": [Function],
-  "getByTestId": [Function],
-  "getByText": [Function],
-  "getByTitle": [Function],
-  "queryAllByAltText": [Function],
-  "queryAllByDisplayValue": [Function],
-  "queryAllByLabelText": [Function],
-  "queryAllByPlaceholderText": [Function],
-  "queryAllByRole": [Function],
-  "queryAllByTestId": [Function],
-  "queryAllByText": [Function],
-  "queryAllByTitle": [Function],
-  "queryByAltText": [Function],
-  "queryByDisplayValue": [Function],
-  "queryByLabelText": [Function],
-  "queryByPlaceholderText": [Function],
-  "queryByRole": [Function],
-  "queryByTestId": [Function],
-  "queryByText": [Function],
-  "queryByTitle": [Function],
-  "rerender": [Function],
-  "unmount": [Function],
-}
-`;