@verdaccio/ui-components 2.0.0-6-next.4 → 2.0.0-6-next.5

package/build/components/Search/__snapshots__/Search.test.tsx.snap

@@ -0,0 +1,473 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<Search /> component should load the component in default state 1`] = `
+.emotion-0 {
+  width: 100%;
+  position: relative;
+  z-index: 1;
+}
+
+.emotion-2 {
+  width: 100%;
+}
+
+.emotion-2.Mui-focused .MuiAutocomplete-clearIndicator {
+  visibility: visible;
+}
+
+@media (pointer: fine) {
+  .emotion-2:hover .MuiAutocomplete-clearIndicator {
+    visibility: visible;
+  }
+}
+
+.emotion-2 .MuiAutocomplete-tag {
+  margin: 3px;
+  max-width: calc(100% - 6px);
+}
+
+.emotion-2 .MuiAutocomplete-inputRoot {
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.MuiAutocomplete-hasPopupIcon.emotion-2 .MuiAutocomplete-inputRoot,
+.MuiAutocomplete-hasClearIcon.emotion-2 .MuiAutocomplete-inputRoot {
+  padding-right: 30px;
+}
+
+.MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.emotion-2 .MuiAutocomplete-inputRoot {
+  padding-right: 56px;
+}
+
+.emotion-2 .MuiAutocomplete-inputRoot .MuiAutocomplete-input {
+  width: 0;
+  min-width: 30px;
+}
+
+.emotion-2 .MuiInput-root {
+  padding-bottom: 1px;
+}
+
+.emotion-2 .MuiInput-root .MuiInput-input {
+  padding: 4px 4px 4px 0px;
+}
+
+.emotion-2 .MuiInput-root.MuiInputBase-sizeSmall .MuiInput-input {
+  padding: 2px 4px 3px 0;
+}
+
+.emotion-2 .MuiOutlinedInput-root {
+  padding: 9px;
+}
+
+.MuiAutocomplete-hasPopupIcon.emotion-2 .MuiOutlinedInput-root,
+.MuiAutocomplete-hasClearIcon.emotion-2 .MuiOutlinedInput-root {
+  padding-right: 39px;
+}
+
+.MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.emotion-2 .MuiOutlinedInput-root {
+  padding-right: 65px;
+}
+
+.emotion-2 .MuiOutlinedInput-root .MuiAutocomplete-input {
+  padding: 7.5px 4px 7.5px 6px;
+}
+
+.emotion-2 .MuiOutlinedInput-root .MuiAutocomplete-endAdornment {
+  right: 9px;
+}
+
+.emotion-2 .MuiOutlinedInput-root.MuiInputBase-sizeSmall {
+  padding-top: 6px;
+  padding-bottom: 6px;
+  padding-left: 6px;
+}
+
+.emotion-2 .MuiOutlinedInput-root.MuiInputBase-sizeSmall .MuiAutocomplete-input {
+  padding: 2.5px 4px 2.5px 6px;
+}
+
+.emotion-2 .MuiFilledInput-root {
+  padding-top: 19px;
+  padding-left: 8px;
+}
+
+.MuiAutocomplete-hasPopupIcon.emotion-2 .MuiFilledInput-root,
+.MuiAutocomplete-hasClearIcon.emotion-2 .MuiFilledInput-root {
+  padding-right: 39px;
+}
+
+.MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.emotion-2 .MuiFilledInput-root {
+  padding-right: 65px;
+}
+
+.emotion-2 .MuiFilledInput-root .MuiFilledInput-input {
+  padding: 7px 4px;
+}
+
+.emotion-2 .MuiFilledInput-root .MuiAutocomplete-endAdornment {
+  right: 9px;
+}
+
+.emotion-2 .MuiFilledInput-root.MuiInputBase-sizeSmall {
+  padding-bottom: 1px;
+}
+
+.emotion-2 .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input {
+  padding: 2.5px 4px;
+}
+
+.emotion-2 .MuiInputBase-hiddenLabel {
+  padding-top: 8px;
+}
+
+.emotion-2 .MuiFilledInput-root.MuiInputBase-hiddenLabel {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.emotion-2 .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input {
+  padding-top: 16px;
+  padding-bottom: 17px;
+}
+
+.emotion-2 .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input {
+  padding-top: 8px;
+  padding-bottom: 9px;
+}
+
+.emotion-2 .MuiAutocomplete-input {
+  -webkit-box-flex: 1;
+  -webkit-flex-grow: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  text-overflow: ellipsis;
+  opacity: 1;
+}
+
+.emotion-4 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+  width: 100%;
+}
+
+.emotion-4 .MuiInputBase-root:before {
+  content: '';
+  border: none;
+}
+
+.emotion-4 .MuiInputBase-root:after {
+  border-color: #fff;
+}
+
+.emotion-4 .MuiInputBase-root:hover:before {
+  content: none;
+}
+
+.emotion-4 .MuiInputBase-root:hover:after {
+  content: none;
+  -webkit-transform: scaleX(1);
+  -moz-transform: scaleX(1);
+  -ms-transform: scaleX(1);
+  transform: scaleX(1);
+}
+
+@media screen and (min-width: 768px) {
+  .emotion-4 .MuiInputBase-root:hover:after {
+    content: '';
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .emotion-4 .MuiInputBase-input {
+    color: #fff;
+  }
+}
+
+.emotion-5 {
+  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  color: rgba(0, 0, 0, 0.87);
+  box-sizing: border-box;
+  position: relative;
+  cursor: text;
+  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;
+  width: 100%;
+  position: relative;
+}
+
+.emotion-5.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
+  cursor: default;
+}
+
+label+.emotion-5 {
+  margin-top: 16px;
+}
+
+.emotion-5:after {
+  border-bottom: 2px solid #4b5e40;
+  left: 0;
+  bottom: 0;
+  content: "";
+  position: absolute;
+  right: 0;
+  -webkit-transform: scaleX(0);
+  -moz-transform: scaleX(0);
+  -ms-transform: scaleX(0);
+  transform: scaleX(0);
+  -webkit-transition: -webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  transition: transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  pointer-events: none;
+}
+
+.emotion-5.Mui-focused:after {
+  -webkit-transform: scaleX(1) translateX(0);
+  -moz-transform: scaleX(1) translateX(0);
+  -ms-transform: scaleX(1) translateX(0);
+  transform: scaleX(1) translateX(0);
+}
+
+.emotion-5.Mui-error:before,
+.emotion-5.Mui-error:after {
+  border-bottom-color: #d32f2f;
+}
+
+.emotion-5:before {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
+  left: 0;
+  bottom: 0;
+  content: "\\00a0";
+  position: absolute;
+  right: 0;
+  -webkit-transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  pointer-events: none;
+}
+
+.emotion-5:hover:not(.Mui-disabled, .Mui-error):before {
+  border-bottom: 2px solid rgba(0, 0, 0, 0.87);
+}
+
+@media (hover: none) {
+  .emotion-5:hover:not(.Mui-disabled, .Mui-error):before {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
+  }
+}
+
+.emotion-5.Mui-disabled:before {
+  border-bottom-style: dotted;
+}
+
+.emotion-7 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  height: 0.01em;
+  max-height: 2em;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  white-space: nowrap;
+  color: rgba(0, 0, 0, 0.54);
+  margin-right: 8px;
+  color: #fff;
+}
+
+.emotion-8 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  fill: currentColor;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  font-size: 1.5rem;
+}
+
+.emotion-9 {
+  font: inherit;
+  letter-spacing: inherit;
+  color: currentColor;
+  padding: 4px 0 5px;
+  border: 0;
+  box-sizing: content-box;
+  background: none;
+  height: 1.4375em;
+  margin: 0;
+  -webkit-tap-highlight-color: transparent;
+  display: block;
+  min-width: 0;
+  width: 100%;
+  -webkit-animation-name: mui-auto-fill-cancel;
+  animation-name: mui-auto-fill-cancel;
+  -webkit-animation-duration: 10ms;
+  animation-duration: 10ms;
+}
+
+.emotion-9::-webkit-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-9::-moz-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-9:-ms-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-9::-ms-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-9:focus {
+  outline: 0;
+}
+
+.emotion-9:invalid {
+  box-shadow: none;
+}
+
+.emotion-9::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-9::-webkit-input-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-9::-moz-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-9:-ms-input-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-9::-ms-input-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-9:focus::-webkit-input-placeholder {
+  opacity: 0.42;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-9:focus::-moz-placeholder {
+  opacity: 0.42;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-9:focus:-ms-input-placeholder {
+  opacity: 0.42;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-9:focus::-ms-input-placeholder {
+  opacity: 0.42;
+}
+
+.emotion-9.Mui-disabled {
+  opacity: 1;
+  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
+}
+
+.emotion-9:-webkit-autofill {
+  -webkit-animation-duration: 5000s;
+  animation-duration: 5000s;
+  -webkit-animation-name: mui-auto-fill;
+  animation-name: mui-auto-fill;
+}
+
+<div
+  class="emotion-0 emotion-1"
+>
+  <div
+    class="MuiAutocomplete-root MuiAutocomplete-fullWidth emotion-2"
+  >
+    <div
+      class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root emotion-3 emotion-4"
+    >
+      <div
+        class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiAutocomplete-inputRoot emotion-5"
+      >
+        <div
+          class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-standard MuiInputAdornment-sizeMedium emotion-6 emotion-7"
+        >
+          <span
+            class="notranslate"
+          >
+            ​
+          </span>
+          <svg
+            aria-hidden="true"
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
+            data-testid="SearchIcon"
+            focusable="false"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
+            />
+          </svg>
+        </div>
+        <input
+          aria-autocomplete="list"
+          aria-expanded="false"
+          aria-invalid="false"
+          autocapitalize="none"
+          autocomplete="off"
+          class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedStart MuiAutocomplete-input MuiAutocomplete-inputFocused emotion-9"
+          id="search-header-suggest"
+          placeholder="search.packages"
+          role="combobox"
+          spellcheck="false"
+          type="text"
+          value=""
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;

package/build/components/Search/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Search["default"];
+  }
+});
+var _Search = _interopRequireDefault(require("./Search"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+//# sourceMappingURL=index.js.map

package/build/components/Search/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Search/index.ts"],"sourcesContent":["export { default } from './Search';\n"],"mappings":";;;;;;;;;;;AAAA;AAAmC"}

package/build/components/Search/styles.js

@@ -0,0 +1,61 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTextField = exports.StyledInputAdornment = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
+var _ = require("../../");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var StyledTextField = /*#__PURE__*/(0, _base["default"])(_.TextField, process.env.NODE_ENV === "production" ? {
+  target: "e8lao7a1"
+} : {
+  target: "e8lao7a1",
+  label: "StyledTextField"
+})(function (props) {
+  var _props$theme, _props$theme2, _props$theme3, _props$theme4;
+  return {
+    '& .MuiInputBase-root': _defineProperty({
+      ':before': {
+        content: "''",
+        border: 'none'
+      },
+      ':after': {
+        borderColor: (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.palette.white
+      },
+      ':hover:before': {
+        content: 'none'
+      },
+      ':hover:after': {
+        content: 'none',
+        transform: 'scaleX(1)'
+      }
+    }, "@media screen and (min-width: ".concat((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.breakPoints.medium, "px)"), {
+      ':hover:after': {
+        content: "''"
+      }
+    }),
+    '& .MuiInputBase-input': _defineProperty({}, "@media screen and (min-width: ".concat((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.breakPoints.medium, "px)"), {
+      color: (_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.palette.white
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlYXJjaC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUytCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlYXJjaC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgSW5wdXRBZG9ybm1lbnQgZnJvbSAnQG11aS9tYXRlcmlhbC9JbnB1dEFkb3JubWVudCc7XG5cbmltcG9ydCB7IFRleHRGaWVsZCwgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuXG5leHBvcnQgaW50ZXJmYWNlIElucHV0RmllbGRQcm9wcyB7XG4gIGNvbG9yOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0RmllbGQgPSBzdHlsZWQoVGV4dEZpZWxkKTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICAnJiAuTXVpSW5wdXRCYXNlLXJvb3QnOiB7XG4gICAgJzpiZWZvcmUnOiB7XG4gICAgICBjb250ZW50OiBcIicnXCIsXG4gICAgICBib3JkZXI6ICdub25lJyxcbiAgICB9LFxuICAgICc6YWZ0ZXInOiB7XG4gICAgICBib3JkZXJDb2xvcjogcHJvcHMudGhlbWU/LnBhbGV0dGUud2hpdGUsXG4gICAgfSxcbiAgICAnOmhvdmVyOmJlZm9yZSc6IHtcbiAgICAgIGNvbnRlbnQ6ICdub25lJyxcbiAgICB9LFxuICAgICc6aG92ZXI6YWZ0ZXInOiB7XG4gICAgICBjb250ZW50OiAnbm9uZScsXG4gICAgICB0cmFuc2Zvcm06ICdzY2FsZVgoMSknLFxuICAgIH0sXG4gICAgW2BAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAke3Byb3BzLnRoZW1lPy5icmVha1BvaW50cy5tZWRpdW19cHgpYF06IHtcbiAgICAgICc6aG92ZXI6YWZ0ZXInOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbiAgJyYgLk11aUlucHV0QmFzZS1pbnB1dCc6IHtcbiAgICBbYEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7cHJvcHMudGhlbWU/LmJyZWFrUG9pbnRzLm1lZGl1bX1weClgXToge1xuICAgICAgY29sb3I6IHByb3BzLnRoZW1lPy5wYWxldHRlLndoaXRlLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dEFkb3JubWVudCA9IHN0eWxlZChJbnB1dEFkb3JubWVudCk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgY29sb3I6IHByb3BzLnRoZW1lPy5wYWxldHRlLndoaXRlLFxufSkpO1xuIl19 */");
+exports.StyledTextField = StyledTextField;
+var StyledInputAdornment = /*#__PURE__*/(0, _base["default"])(_InputAdornment["default"], process.env.NODE_ENV === "production" ? {
+  target: "e8lao7a0"
+} : {
+  target: "e8lao7a0",
+  label: "StyledInputAdornment"
+})(function (props) {
+  var _props$theme5;
+  return {
+    color: (_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.palette.white
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlYXJjaC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NvQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWFyY2gvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IElucHV0QWRvcm5tZW50IGZyb20gJ0BtdWkvbWF0ZXJpYWwvSW5wdXRBZG9ybm1lbnQnO1xuXG5pbXBvcnQgeyBUZXh0RmllbGQsIFRoZW1lIH0gZnJvbSAnLi4vLi4vJztcblxuZXhwb3J0IGludGVyZmFjZSBJbnB1dEZpZWxkUHJvcHMge1xuICBjb2xvcjogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dEZpZWxkID0gc3R5bGVkKFRleHRGaWVsZCk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgJyYgLk11aUlucHV0QmFzZS1yb290Jzoge1xuICAgICc6YmVmb3JlJzoge1xuICAgICAgY29udGVudDogXCInJ1wiLFxuICAgICAgYm9yZGVyOiAnbm9uZScsXG4gICAgfSxcbiAgICAnOmFmdGVyJzoge1xuICAgICAgYm9yZGVyQ29sb3I6IHByb3BzLnRoZW1lPy5wYWxldHRlLndoaXRlLFxuICAgIH0sXG4gICAgJzpob3ZlcjpiZWZvcmUnOiB7XG4gICAgICBjb250ZW50OiAnbm9uZScsXG4gICAgfSxcbiAgICAnOmhvdmVyOmFmdGVyJzoge1xuICAgICAgY29udGVudDogJ25vbmUnLFxuICAgICAgdHJhbnNmb3JtOiAnc2NhbGVYKDEpJyxcbiAgICB9LFxuICAgIFtgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHtwcm9wcy50aGVtZT8uYnJlYWtQb2ludHMubWVkaXVtfXB4KWBdOiB7XG4gICAgICAnOmhvdmVyOmFmdGVyJzoge1xuICAgICAgICBjb250ZW50OiBcIicnXCIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG4gICcmIC5NdWlJbnB1dEJhc2UtaW5wdXQnOiB7XG4gICAgW2BAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAke3Byb3BzLnRoZW1lPy5icmVha1BvaW50cy5tZWRpdW19cHgpYF06IHtcbiAgICAgIGNvbG9yOiBwcm9wcy50aGVtZT8ucGFsZXR0ZS53aGl0ZSxcbiAgICB9LFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRBZG9ybm1lbnQgPSBzdHlsZWQoSW5wdXRBZG9ybm1lbnQpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGNvbG9yOiBwcm9wcy50aGVtZT8ucGFsZXR0ZS53aGl0ZSxcbn0pKTtcbiJdfQ== */");
+exports.StyledInputAdornment = StyledInputAdornment;
+//# sourceMappingURL=styles.js.map

package/build/components/Search/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["StyledTextField","TextField","props","content","border","borderColor","theme","palette","white","transform","breakPoints","medium","color","StyledInputAdornment","InputAdornment"],"sources":["../../../src/components/Search/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport InputAdornment from '@mui/material/InputAdornment';\n\nimport { TextField, Theme } from '../../';\n\nexport interface InputFieldProps {\n  color: string;\n}\n\nexport const StyledTextField = styled(TextField)<{ theme?: Theme }>((props) => ({\n  '& .MuiInputBase-root': {\n    ':before': {\n      content: \"''\",\n      border: 'none',\n    },\n    ':after': {\n      borderColor: props.theme?.palette.white,\n    },\n    ':hover:before': {\n      content: 'none',\n    },\n    ':hover:after': {\n      content: 'none',\n      transform: 'scaleX(1)',\n    },\n    [`@media screen and (min-width: ${props.theme?.breakPoints.medium}px)`]: {\n      ':hover:after': {\n        content: \"''\",\n      },\n    },\n  },\n  '& .MuiInputBase-input': {\n    [`@media screen and (min-width: ${props.theme?.breakPoints.medium}px)`]: {\n      color: props.theme?.palette.white,\n    },\n  },\n}));\n\nexport const StyledInputAdornment = styled(InputAdornment)<{ theme?: Theme }>((props) => ({\n  color: props.theme?.palette.white,\n}));\n"],"mappings":";;;;;;;;AACA;AAEA;AAA0C;AAAA;AAAA;AAAA;AAMnC,IAAMA,eAAe,gBAAG,sBAAOC,WAAS;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB,UAACC,KAAK;EAAA;EAAA,OAAM;IAC9E,sBAAsB;MACpB,SAAS,EAAE;QACTC,OAAO,EAAE,IAAI;QACbC,MAAM,EAAE;MACV,CAAC;MACD,QAAQ,EAAE;QACRC,WAAW,kBAAEH,KAAK,CAACI,KAAK,iDAAX,aAAaC,OAAO,CAACC;MACpC,CAAC;MACD,eAAe,EAAE;QACfL,OAAO,EAAE;MACX,CAAC;MACD,cAAc,EAAE;QACdA,OAAO,EAAE,MAAM;QACfM,SAAS,EAAE;MACb;IAAC,4DACiCP,KAAK,CAACI,KAAK,kDAAX,cAAaI,WAAW,CAACC,MAAM,UAAQ;MACvE,cAAc,EAAE;QACdR,OAAO,EAAE;MACX;IACF,CAAC,CACF;IACD,uBAAuB,+EACaD,KAAK,CAACI,KAAK,kDAAX,cAAaI,WAAW,CAACC,MAAM,UAAQ;MACvEC,KAAK,mBAAEV,KAAK,CAACI,KAAK,kDAAX,cAAaC,OAAO,CAACC;IAC9B,CAAC;EAEL,CAAC;AAAA,CAAC,6uDAAC;AAAC;AAEG,IAAMK,oBAAoB,gBAAG,sBAAOC,0BAAc;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB,UAACZ,KAAK;EAAA;EAAA,OAAM;IACxFU,KAAK,mBAAEV,KAAK,CAACI,KAAK,kDAAX,cAAaC,OAAO,CAACC;EAC9B,CAAC;AAAA,CAAC,ivDAAC;AAAC"}

package/build/components/SideBarTittle/SideBarTittle.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _Heading = _interopRequireDefault(require("../Heading"));
+var _Icons = require("../Icons");
+var _utils = require("./utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var ModuleJS = function ModuleJS(_ref) {
+  var module = _ref.module;
+  if (module === 'commonjs') {
+    return /*#__PURE__*/_react["default"].createElement(_Icons.CommonJS, null);
+  } else if (module === 'module') {
+    return /*#__PURE__*/_react["default"].createElement(_Icons.ES6Modules, null);
+  } else {
+    return null;
+  }
+};
+var DetailSidebarTitle = function DetailSidebarTitle(_ref2) {
+  var description = _ref2.description,
+    packageName = _ref2.packageName,
+    version = _ref2.version,
+    isLatest = _ref2.isLatest,
+    hasTypes = _ref2.hasTypes,
+    moduleType = _ref2.moduleType,
+    time = _ref2.time;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    className: 'detail-info',
+    display: "flex",
+    flexDirection: "column",
+    marginBottom: "8px"
+  }, /*#__PURE__*/_react["default"].createElement(StyledHeading, null, /*#__PURE__*/_react["default"].createElement(TitleWrapper, null, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, packageName, hasTypes && /*#__PURE__*/_react["default"].createElement(_Icons.TypeScript, null), /*#__PURE__*/_react["default"].createElement(ModuleJS, {
+    module: moduleType
+  })))), description && /*#__PURE__*/_react["default"].createElement("div", null, description), /*#__PURE__*/_react["default"].createElement(StyledBoxVersion, {
+    title: (0, _utils.formatDate)(time)
+  }, isLatest ? t('sidebar.detail.latest-version', {
+    version: version
+  }) : t('sidebar.detail.version', {
+    version: version
+  }), time ? ' - ' + t('sidebar.detail.published') + ' ' + (0, _utils.formatDateDistance)(time) : t('versions.not-available')));
+};
+var _default = DetailSidebarTitle;
+exports["default"] = _default;
+var TitleWrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "ef4bsox2"
+} : {
+  target: "ef4bsox2",
+  label: "TitleWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center"
+} : {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NpZGVCYXJUaXR0bGUvU2lkZUJhclRpdHRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0VxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TaWRlQmFyVGl0dGxlL1NpZGVCYXJUaXR0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9IZWFkaW5nJztcbmltcG9ydCB7IENvbW1vbkpTLCBFUzZNb2R1bGVzLCBUeXBlU2NyaXB0IH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgZm9ybWF0RGF0ZSwgZm9ybWF0RGF0ZURpc3RhbmNlIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCB0eXBlIE1vZHVsZVR5cGUgPSAnY29tbW9uanMnIHwgJ21vZHVsZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHBhY2thZ2VOYW1lOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICB2ZXJzaW9uOiBzdHJpbmc7XG4gIGlzTGF0ZXN0OiBib29sZWFuO1xuICBoYXNUeXBlcz86IGJvb2xlYW47XG4gIG1vZHVsZVR5cGU6IE1vZHVsZVR5cGUgfCB2b2lkO1xuICB0aW1lOiBzdHJpbmc7XG59XG5cbmNvbnN0IE1vZHVsZUpTOiBSZWFjdC5GQzx7IG1vZHVsZTogTW9kdWxlVHlwZSB8IHZvaWQgfT4gPSAoeyBtb2R1bGUgfSkgPT4ge1xuICBpZiAobW9kdWxlID09PSAnY29tbW9uanMnKSB7XG4gICAgcmV0dXJuIDxDb21tb25KUyAvPjtcbiAgfSBlbHNlIGlmIChtb2R1bGUgPT09ICdtb2R1bGUnKSB7XG4gICAgcmV0dXJuIDxFUzZNb2R1bGVzIC8+O1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCBEZXRhaWxTaWRlYmFyVGl0bGU6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGRlc2NyaXB0aW9uLFxuICBwYWNrYWdlTmFtZSxcbiAgdmVyc2lvbixcbiAgaXNMYXRlc3QsXG4gIGhhc1R5cGVzLFxuICBtb2R1bGVUeXBlLFxuICB0aW1lLFxufSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEJveCBjbGFzc05hbWU9eydkZXRhaWwtaW5mbyd9IGRpc3BsYXk9XCJmbGV4XCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpbkJvdHRvbT1cIjhweFwiPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+XG4gICAgICAgIDxUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIHtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgIHtoYXNUeXBlcyAmJiA8VHlwZVNjcmlwdCAvPn1cbiAgICAgICAgICAgIDxNb2R1bGVKUyBtb2R1bGU9e21vZHVsZVR5cGV9IC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPC9TdHlsZWRIZWFkaW5nPlxuICAgICAge2Rlc2NyaXB0aW9uICYmIDxkaXY+e2Rlc2NyaXB0aW9ufTwvZGl2Pn1cbiAgICAgIDxTdHlsZWRCb3hWZXJzaW9uIHRpdGxlPXtmb3JtYXREYXRlKHRpbWUpfT5cbiAgICAgICAge2lzTGF0ZXN0XG4gICAgICAgICAgPyB0KCdzaWRlYmFyLmRldGFpbC5sYXRlc3QtdmVyc2lvbicsIHsgdmVyc2lvbiB9KVxuICAgICAgICAgIDogdCgnc2lkZWJhci5kZXRhaWwudmVyc2lvbicsIHsgdmVyc2lvbiB9KX1cbiAgICAgICAge3RpbWVcbiAgICAgICAgICA/ICcgLSAnICsgdCgnc2lkZWJhci5kZXRhaWwucHVibGlzaGVkJykgKyAnICcgKyBmb3JtYXREYXRlRGlzdGFuY2UodGltZSlcbiAgICAgICAgICA6IHQoJ3ZlcnNpb25zLm5vdC1hdmFpbGFibGUnKX1cbiAgICAgIDwvU3R5bGVkQm94VmVyc2lvbj5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERldGFpbFNpZGViYXJUaXRsZTtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdih7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG59KTtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZChIZWFkaW5nKSh7XG4gIGZvbnRTaXplOiAnMXJlbScsXG4gIGZvbnRXZWlnaHQ6IDcwMCxcbn0pO1xuXG5jb25zdCBTdHlsZWRCb3hWZXJzaW9uID0gc3R5bGVkKEJveCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS50ZXh0LnNlY29uZGFyeSxcbn0pKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledHeading = /*#__PURE__*/(0, _base["default"])(_Heading["default"], process.env.NODE_ENV === "production" ? {
+  target: "ef4bsox1"
+} : {
+  target: "ef4bsox1",
+  label: "StyledHeading"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1wd9x1m",
+  styles: "font-size:1rem;font-weight:700"
+} : {
+  name: "1wd9x1m",
+  styles: "font-size:1rem;font-weight:700",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NpZGVCYXJUaXR0bGUvU2lkZUJhclRpdHRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUVzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TaWRlQmFyVGl0dGxlL1NpZGVCYXJUaXR0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9IZWFkaW5nJztcbmltcG9ydCB7IENvbW1vbkpTLCBFUzZNb2R1bGVzLCBUeXBlU2NyaXB0IH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgZm9ybWF0RGF0ZSwgZm9ybWF0RGF0ZURpc3RhbmNlIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCB0eXBlIE1vZHVsZVR5cGUgPSAnY29tbW9uanMnIHwgJ21vZHVsZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHBhY2thZ2VOYW1lOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICB2ZXJzaW9uOiBzdHJpbmc7XG4gIGlzTGF0ZXN0OiBib29sZWFuO1xuICBoYXNUeXBlcz86IGJvb2xlYW47XG4gIG1vZHVsZVR5cGU6IE1vZHVsZVR5cGUgfCB2b2lkO1xuICB0aW1lOiBzdHJpbmc7XG59XG5cbmNvbnN0IE1vZHVsZUpTOiBSZWFjdC5GQzx7IG1vZHVsZTogTW9kdWxlVHlwZSB8IHZvaWQgfT4gPSAoeyBtb2R1bGUgfSkgPT4ge1xuICBpZiAobW9kdWxlID09PSAnY29tbW9uanMnKSB7XG4gICAgcmV0dXJuIDxDb21tb25KUyAvPjtcbiAgfSBlbHNlIGlmIChtb2R1bGUgPT09ICdtb2R1bGUnKSB7XG4gICAgcmV0dXJuIDxFUzZNb2R1bGVzIC8+O1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCBEZXRhaWxTaWRlYmFyVGl0bGU6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGRlc2NyaXB0aW9uLFxuICBwYWNrYWdlTmFtZSxcbiAgdmVyc2lvbixcbiAgaXNMYXRlc3QsXG4gIGhhc1R5cGVzLFxuICBtb2R1bGVUeXBlLFxuICB0aW1lLFxufSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEJveCBjbGFzc05hbWU9eydkZXRhaWwtaW5mbyd9IGRpc3BsYXk9XCJmbGV4XCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpbkJvdHRvbT1cIjhweFwiPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+XG4gICAgICAgIDxUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIHtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgIHtoYXNUeXBlcyAmJiA8VHlwZVNjcmlwdCAvPn1cbiAgICAgICAgICAgIDxNb2R1bGVKUyBtb2R1bGU9e21vZHVsZVR5cGV9IC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPC9TdHlsZWRIZWFkaW5nPlxuICAgICAge2Rlc2NyaXB0aW9uICYmIDxkaXY+e2Rlc2NyaXB0aW9ufTwvZGl2Pn1cbiAgICAgIDxTdHlsZWRCb3hWZXJzaW9uIHRpdGxlPXtmb3JtYXREYXRlKHRpbWUpfT5cbiAgICAgICAge2lzTGF0ZXN0XG4gICAgICAgICAgPyB0KCdzaWRlYmFyLmRldGFpbC5sYXRlc3QtdmVyc2lvbicsIHsgdmVyc2lvbiB9KVxuICAgICAgICAgIDogdCgnc2lkZWJhci5kZXRhaWwudmVyc2lvbicsIHsgdmVyc2lvbiB9KX1cbiAgICAgICAge3RpbWVcbiAgICAgICAgICA/ICcgLSAnICsgdCgnc2lkZWJhci5kZXRhaWwucHVibGlzaGVkJykgKyAnICcgKyBmb3JtYXREYXRlRGlzdGFuY2UodGltZSlcbiAgICAgICAgICA6IHQoJ3ZlcnNpb25zLm5vdC1hdmFpbGFibGUnKX1cbiAgICAgIDwvU3R5bGVkQm94VmVyc2lvbj5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERldGFpbFNpZGViYXJUaXRsZTtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdih7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG59KTtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZChIZWFkaW5nKSh7XG4gIGZvbnRTaXplOiAnMXJlbScsXG4gIGZvbnRXZWlnaHQ6IDcwMCxcbn0pO1xuXG5jb25zdCBTdHlsZWRCb3hWZXJzaW9uID0gc3R5bGVkKEJveCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS50ZXh0LnNlY29uZGFyeSxcbn0pKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledBoxVersion = /*#__PURE__*/(0, _base["default"])(_Box["default"], process.env.NODE_ENV === "production" ? {
+  target: "ef4bsox0"
+} : {
+  target: "ef4bsox0",
+  label: "StyledBoxVersion"
+})(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    color: theme === null || theme === void 0 ? void 0 : theme.palette.text.secondary
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NpZGVCYXJUaXR0bGUvU2lkZUJhclRpdHRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEV5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TaWRlQmFyVGl0dGxlL1NpZGVCYXJUaXR0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9IZWFkaW5nJztcbmltcG9ydCB7IENvbW1vbkpTLCBFUzZNb2R1bGVzLCBUeXBlU2NyaXB0IH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgZm9ybWF0RGF0ZSwgZm9ybWF0RGF0ZURpc3RhbmNlIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCB0eXBlIE1vZHVsZVR5cGUgPSAnY29tbW9uanMnIHwgJ21vZHVsZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHBhY2thZ2VOYW1lOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICB2ZXJzaW9uOiBzdHJpbmc7XG4gIGlzTGF0ZXN0OiBib29sZWFuO1xuICBoYXNUeXBlcz86IGJvb2xlYW47XG4gIG1vZHVsZVR5cGU6IE1vZHVsZVR5cGUgfCB2b2lkO1xuICB0aW1lOiBzdHJpbmc7XG59XG5cbmNvbnN0IE1vZHVsZUpTOiBSZWFjdC5GQzx7IG1vZHVsZTogTW9kdWxlVHlwZSB8IHZvaWQgfT4gPSAoeyBtb2R1bGUgfSkgPT4ge1xuICBpZiAobW9kdWxlID09PSAnY29tbW9uanMnKSB7XG4gICAgcmV0dXJuIDxDb21tb25KUyAvPjtcbiAgfSBlbHNlIGlmIChtb2R1bGUgPT09ICdtb2R1bGUnKSB7XG4gICAgcmV0dXJuIDxFUzZNb2R1bGVzIC8+O1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCBEZXRhaWxTaWRlYmFyVGl0bGU6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGRlc2NyaXB0aW9uLFxuICBwYWNrYWdlTmFtZSxcbiAgdmVyc2lvbixcbiAgaXNMYXRlc3QsXG4gIGhhc1R5cGVzLFxuICBtb2R1bGVUeXBlLFxuICB0aW1lLFxufSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEJveCBjbGFzc05hbWU9eydkZXRhaWwtaW5mbyd9IGRpc3BsYXk9XCJmbGV4XCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpbkJvdHRvbT1cIjhweFwiPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+XG4gICAgICAgIDxUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIHtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgIHtoYXNUeXBlcyAmJiA8VHlwZVNjcmlwdCAvPn1cbiAgICAgICAgICAgIDxNb2R1bGVKUyBtb2R1bGU9e21vZHVsZVR5cGV9IC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPC9TdHlsZWRIZWFkaW5nPlxuICAgICAge2Rlc2NyaXB0aW9uICYmIDxkaXY+e2Rlc2NyaXB0aW9ufTwvZGl2Pn1cbiAgICAgIDxTdHlsZWRCb3hWZXJzaW9uIHRpdGxlPXtmb3JtYXREYXRlKHRpbWUpfT5cbiAgICAgICAge2lzTGF0ZXN0XG4gICAgICAgICAgPyB0KCdzaWRlYmFyLmRldGFpbC5sYXRlc3QtdmVyc2lvbicsIHsgdmVyc2lvbiB9KVxuICAgICAgICAgIDogdCgnc2lkZWJhci5kZXRhaWwudmVyc2lvbicsIHsgdmVyc2lvbiB9KX1cbiAgICAgICAge3RpbWVcbiAgICAgICAgICA/ICcgLSAnICsgdCgnc2lkZWJhci5kZXRhaWwucHVibGlzaGVkJykgKyAnICcgKyBmb3JtYXREYXRlRGlzdGFuY2UodGltZSlcbiAgICAgICAgICA6IHQoJ3ZlcnNpb25zLm5vdC1hdmFpbGFibGUnKX1cbiAgICAgIDwvU3R5bGVkQm94VmVyc2lvbj5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERldGFpbFNpZGViYXJUaXRsZTtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdih7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG59KTtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZChIZWFkaW5nKSh7XG4gIGZvbnRTaXplOiAnMXJlbScsXG4gIGZvbnRXZWlnaHQ6IDcwMCxcbn0pO1xuXG5jb25zdCBTdHlsZWRCb3hWZXJzaW9uID0gc3R5bGVkKEJveCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS50ZXh0LnNlY29uZGFyeSxcbn0pKTtcbiJdfQ== */");
+//# sourceMappingURL=SideBarTittle.js.map

package/build/components/SideBarTittle/SideBarTittle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBarTittle.js","names":["ModuleJS","module","DetailSidebarTitle","description","packageName","version","isLatest","hasTypes","moduleType","time","useTranslation","t","formatDate","formatDateDistance","TitleWrapper","StyledHeading","Heading","StyledBoxVersion","Box","theme","color","palette","text","secondary"],"sources":["../../../src/components/SideBarTittle/SideBarTittle.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Theme } from '../../Theme';\nimport Heading from '../Heading';\nimport { CommonJS, ES6Modules, TypeScript } from '../Icons';\nimport { formatDate, formatDateDistance } from './utils';\n\nexport type ModuleType = 'commonjs' | 'module';\n\ninterface Props {\n  packageName: string;\n  description?: string;\n  version: string;\n  isLatest: boolean;\n  hasTypes?: boolean;\n  moduleType: ModuleType | void;\n  time: string;\n}\n\nconst ModuleJS: React.FC<{ module: ModuleType | void }> = ({ module }) => {\n  if (module === 'commonjs') {\n    return <CommonJS />;\n  } else if (module === 'module') {\n    return <ES6Modules />;\n  } else {\n    return null;\n  }\n};\n\nconst DetailSidebarTitle: React.FC<Props> = ({\n  description,\n  packageName,\n  version,\n  isLatest,\n  hasTypes,\n  moduleType,\n  time,\n}) => {\n  const { t } = useTranslation();\n  return (\n    <Box className={'detail-info'} display=\"flex\" flexDirection=\"column\" marginBottom=\"8px\">\n      <StyledHeading>\n        <TitleWrapper>\n          <>\n            {packageName}\n            {hasTypes && <TypeScript />}\n            <ModuleJS module={moduleType} />\n          </>\n        </TitleWrapper>\n      </StyledHeading>\n      {description && <div>{description}</div>}\n      <StyledBoxVersion title={formatDate(time)}>\n        {isLatest\n          ? t('sidebar.detail.latest-version', { version })\n          : t('sidebar.detail.version', { version })}\n        {time\n          ? ' - ' + t('sidebar.detail.published') + ' ' + formatDateDistance(time)\n          : t('versions.not-available')}\n      </StyledBoxVersion>\n    </Box>\n  );\n};\n\nexport default DetailSidebarTitle;\n\nconst TitleWrapper = styled.div({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nconst StyledHeading = styled(Heading)({\n  fontSize: '1rem',\n  fontWeight: 700,\n});\n\nconst StyledBoxVersion = styled(Box)<{ theme?: Theme }>(({ theme }) => ({\n  color: theme?.palette.text.secondary,\n}));\n"],"mappings":";;;;;;;AACA;AACA;AACA;AAGA;AACA;AACA;AAAyD;AAAA;AAczD,IAAMA,QAAiD,GAAG,SAApDA,QAAiD,OAAmB;EAAA,IAAbC,MAAM,QAANA,MAAM;EACjE,IAAIA,MAAM,KAAK,UAAU,EAAE;IACzB,oBAAO,gCAAC,eAAQ,OAAG;EACrB,CAAC,MAAM,IAAIA,MAAM,KAAK,QAAQ,EAAE;IAC9B,oBAAO,gCAAC,iBAAU,OAAG;EACvB,CAAC,MAAM;IACL,OAAO,IAAI;EACb;AACF,CAAC;AAED,IAAMC,kBAAmC,GAAG,SAAtCA,kBAAmC,QAQnC;EAAA,IAPJC,WAAW,SAAXA,WAAW;IACXC,WAAW,SAAXA,WAAW;IACXC,OAAO,SAAPA,OAAO;IACPC,QAAQ,SAARA,QAAQ;IACRC,QAAQ,SAARA,QAAQ;IACRC,UAAU,SAAVA,UAAU;IACVC,IAAI,SAAJA,IAAI;EAEJ,sBAAc,IAAAC,4BAAc,GAAE;IAAtBC,CAAC,mBAADA,CAAC;EACT,oBACE,gCAAC,eAAG;IAAC,SAAS,EAAE,aAAc;IAAC,OAAO,EAAC,MAAM;IAAC,aAAa,EAAC,QAAQ;IAAC,YAAY,EAAC;EAAK,gBACrF,gCAAC,aAAa,qBACZ,gCAAC,YAAY,qBACX,kEACGP,WAAW,EACXG,QAAQ,iBAAI,gCAAC,iBAAU,OAAG,eAC3B,gCAAC,QAAQ;IAAC,MAAM,EAAEC;EAAW,EAAG,CAC/B,CACU,CACD,EACfL,WAAW,iBAAI,6CAAMA,WAAW,CAAO,eACxC,gCAAC,gBAAgB;IAAC,KAAK,EAAE,IAAAS,iBAAU,EAACH,IAAI;EAAE,GACvCH,QAAQ,GACLK,CAAC,CAAC,+BAA+B,EAAE;IAAEN,OAAO,EAAPA;EAAQ,CAAC,CAAC,GAC/CM,CAAC,CAAC,wBAAwB,EAAE;IAAEN,OAAO,EAAPA;EAAQ,CAAC,CAAC,EAC3CI,IAAI,GACD,KAAK,GAAGE,CAAC,CAAC,0BAA0B,CAAC,GAAG,GAAG,GAAG,IAAAE,yBAAkB,EAACJ,IAAI,CAAC,GACtEE,CAAC,CAAC,wBAAwB,CAAC,CACd,CACf;AAEV,CAAC;AAAC,eAEaT,kBAAkB;AAAA;AAEjC,IAAMY,YAAY,gBAAG;EAAA;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAGnB;AAEF,IAAMC,aAAa,gBAAG,sBAAOC,mBAAO;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC;EAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAGnC;AAEF,IAAMC,gBAAgB,gBAAG,sBAAOC,eAAG;EAAA;AAAA;EAAA;EAAA;AAAA,EAAC,CAAoB;EAAA,IAAGC,KAAK,SAALA,KAAK;EAAA,OAAQ;IACtEC,KAAK,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,OAAO,CAACC,IAAI,CAACC;EAC7B,CAAC;AAAA,CAAC,iqGAAC"}