npm - @diplodoc/components - Versions diffs - 3.0.0-alpha-7 → 3.0.0 - Mend

@diplodoc/components 3.0.0-alpha-7 → 3.0.0

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 (167) hide show

package/build/cjs/components/BookmarkButton/BookmarkButton.css.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/BookmarkButton/Users/3y3k0/doctools/docs-components/src/components/BookmarkButton/BookmarkButton.scss", "../../../../src/components/BookmarkButton/%3Cinput%20css%20WOLFx-%3E"],
+  "sources": ["../../../../src/components/BookmarkButton/Users/3y3k0/doctools/docs-components/src/components/BookmarkButton/BookmarkButton.scss", "../../../../src/components/BookmarkButton/%3Cinput%20css%20fdS9K_%3E"],
   "sourcesContent": [".dc-bookmark-button {\n    vertical-align: middle;\n    margin: 0 4px 4px;\n\n    &:hover::before {\n        background-color: transparent;\n    }\n\n    &_active &__icon {\n        color: var(--g-color-base-brand);\n    }\n}\n", ".dc-bookmark-button {\n  vertical-align: middle;\n  margin: 0 4px 4px;\n}\n.dc-bookmark-button:hover::before {\n  background-color: transparent;\n}\n.dc-bookmark-button_active .dc-bookmark-button__icon {\n  color: var(--g-color-base-brand);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Cb29rbWFya0J1dHRvbiIsInNvdXJjZXMiOlsiQm9va21hcmtCdXR0b24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJO0VBQ0E7O0FBRUE7RUFDSTs7QUFHSjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiLmRjLWJvb2ttYXJrLWJ1dHRvbiB7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICBtYXJnaW46IDAgNHB4IDRweDtcblxuICAgICY6aG92ZXI6OmJlZm9yZSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgICZfYWN0aXZlICZfX2ljb24ge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci1iYXNlLWJyYW5kKTtcbiAgICB9XG59XG4iXX0= */"],
   "mappings": ";AAAA,CAAA;AACI,kBAAA;AACA,UAAA,EAAA,IAAA;ACCJ;ADCI,CAJJ,kBAII,MAAA;AACI,oBAAA;ACCR;ADEI,CAAA,0BAAA,CAAA;AACI,SAAA,IAAA;ACAR;",
   "names": []

package/build/cjs/components/Breadcrumbs/Breadcrumbs.css.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Breadcrumbs/%3Cinput%20css%20xmerDG%3E", "../../../../src/components/Breadcrumbs/Users/3y3k0/doctools/docs-components/src/components/Breadcrumbs/Breadcrumbs.scss", "../../../../src/components/Breadcrumbs/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
-  "sourcesContent": ["@charset \"UTF-8\";\n.dc-breadcrumbs {\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n  width: 100%;\n}\n.dc-breadcrumbs__items {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--g-color-text-secondary);\n}\n.dc-breadcrumbs__item {\n  display: inline;\n}\n.dc-breadcrumbs__item::after {\n  content: \" / \";\n  margin: 0 5px;\n  color: var(--g-color-text-hint);\n}\n.dc-breadcrumbs__item:last-child::after {\n  display: none;\n}\n.dc-breadcrumbs__item:last-child {\n  color: var(--g-color-text-primary);\n}\n.dc-breadcrumbs__text {\n  white-space: nowrap;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9CcmVhZGNydW1icyIsInNvdXJjZXMiOlsiQnJlYWRjcnVtYnMuc2NzcyIsIi4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBR0E7RUNBSTtFQUNBO0VEQ0E7O0FBRUE7RUNDQTtFQUNBO0VBQ0E7RURBSTtFQUNBO0VBQ0E7RUFFQTs7QUFHSjtFQUNJOztBQUVBO0VBQ0k7RUFDQTtFQUNBOztBQUdKO0VBQ0k7O0FBRUo7RUFDSTs7QUFJUjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLWJyZWFkY3J1bWJzIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0xKTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgICZfX2l0ZW1zIHtcbiAgICAgICAgQGluY2x1ZGUgcmVzZXQtbGlzdC1zdHlsZSgpO1xuXG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtc2Vjb25kYXJ5KTtcbiAgICB9XG5cbiAgICAmX19pdGVtIHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lO1xuXG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgIGNvbnRlbnQ6ICdcXGEwLyAnO1xuICAgICAgICAgICAgbWFyZ2luOiAwIDVweDtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtaGludCk7XG4gICAgICAgIH1cblxuICAgICAgICAmOmxhc3QtY2hpbGQ6OmFmdGVyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX190ZXh0IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG59XG4iLCJAaW1wb3J0ICcuL3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xuICAgIG1hcmdpbi10b3A6IGNhbGMoI3skb2Zmc2V0fSAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBAaW5jbHVkZSBpc2xhbmRzLWZvY3VzKCk7XG5cbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc0KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNDAwO1xufVxuXG5AbWl4aW4gY29udHJpYnV0b3JzLXRleHQoKSB7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuXG5AbWl4aW4gdGV4dC1ib2R5LTEoKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG59XG5cbkBtaXhpbiBkZXNrdG9wLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */", "@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-breadcrumbs {\n    @include text-size(body-1);\n    width: 100%;\n\n    &__items {\n        @include reset-list-style();\n\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        color: var(--g-color-text-secondary);\n    }\n\n    &__item {\n        display: inline;\n\n        &::after {\n            content: '\\a0/ ';\n            margin: 0 5px;\n            color: var(--g-color-text-hint);\n        }\n\n        &:last-child::after {\n            display: none;\n        }\n        &:last-child {\n            color: var(--g-color-text-primary);\n        }\n    }\n\n    &__text {\n        white-space: nowrap;\n    }\n}\n", "@import './variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
+  "sources": ["../../../../src/components/Breadcrumbs/%3Cinput%20css%20tNFf2R%3E", "../../../../src/components/Breadcrumbs/Users/3y3k0/doctools/docs-components/src/components/Breadcrumbs/Breadcrumbs.scss", "../../../../src/components/Breadcrumbs/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
+  "sourcesContent": ["@charset \"UTF-8\";\n.dc-breadcrumbs {\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n  width: 100%;\n}\n.dc-breadcrumbs__items {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--g-color-text-secondary);\n}\n.dc-breadcrumbs__item {\n  display: inline;\n}\n.dc-breadcrumbs__item::after {\n  content: \" / \";\n  margin: 0 5px;\n  color: var(--g-color-text-hint);\n}\n.dc-breadcrumbs__item:last-child::after {\n  display: none;\n}\n.dc-breadcrumbs__item:last-child {\n  color: var(--g-color-text-primary);\n}\n.dc-breadcrumbs__text {\n  white-space: nowrap;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9CcmVhZGNydW1icyIsInNvdXJjZXMiOlsiQnJlYWRjcnVtYnMuc2NzcyIsIi4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBR0E7RUNBSTtFQUNBO0VEQ0E7O0FBRUE7RUNDQTtFQUNBO0VBQ0E7RURBSTtFQUNBO0VBQ0E7RUFFQTs7QUFHSjtFQUNJOztBQUVBO0VBQ0k7RUFDQTtFQUNBOztBQUdKO0VBQ0k7O0FBRUo7RUFDSTs7QUFJUjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLWJyZWFkY3J1bWJzIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0xKTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgICZfX2l0ZW1zIHtcbiAgICAgICAgQGluY2x1ZGUgcmVzZXQtbGlzdC1zdHlsZSgpO1xuXG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtc2Vjb25kYXJ5KTtcbiAgICB9XG5cbiAgICAmX19pdGVtIHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lO1xuXG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgIGNvbnRlbnQ6ICdcXGEwLyAnO1xuICAgICAgICAgICAgbWFyZ2luOiAwIDVweDtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtaGludCk7XG4gICAgICAgIH1cblxuICAgICAgICAmOmxhc3QtY2hpbGQ6OmFmdGVyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX190ZXh0IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG59XG4iLCJAaW1wb3J0ICcuL3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xuICAgIG1hcmdpbi10b3A6IGNhbGMoI3skb2Zmc2V0fSAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDApIHtcbiAgICAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgIH1cbiAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICBvdXRsaW5lOiAwO1xuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG5cbiAgICBAaW5jbHVkZSBmb2N1c2FibGUoKTtcbn1cblxuQG1peGluIGhlYWRpbmcxKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0yKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0yKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzUoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */", "@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-breadcrumbs {\n    @include text-size(body-1);\n    width: 100%;\n\n    &__items {\n        @include reset-list-style();\n\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        color: var(--g-color-text-secondary);\n    }\n\n    &__item {\n        display: inline;\n\n        &::after {\n            content: '\\a0/ ';\n            margin: 0 5px;\n            color: var(--g-color-text-hint);\n        }\n\n        &:last-child::after {\n            display: none;\n        }\n        &:last-child {\n            color: var(--g-color-text-primary);\n        }\n    }\n\n    &__text {\n        white-space: nowrap;\n    }\n}\n", "@import './variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin focusable($offset: 0) {\n    &:focus {\n        outline: 2px solid var(--g-color-line-focus);\n        outline-offset: $offset;\n    }\n    &:focus:not(:focus-visible) {\n        outline: 0;\n    }\n}\n\n@mixin link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n\n    @include focusable();\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
   "mappings": ";;;ACGA,CAAA;ACAI,aAAA,IAAA;AACA,eAAA,IAAA;ADCA,SAAA;ADAJ;ACEI,CAAA;ACCA,UAAA;AACA,WAAA;AACA,cAAA;ADAI,eAAA;AACA,YAAA;AACA,iBAAA;AAEA,SAAA,IAAA;ADAR;ACGI,CAAA;AACI,WAAA;ADDR;ACGQ,CAHJ,oBAGI;AACI,WAAA;AACA,UAAA,EAAA;AACA,SAAA,IAAA;ADDZ;ACIQ,CATJ,oBASI,WAAA;AACI,WAAA;ADFZ;ACIQ,CAZJ,oBAYI;AACI,SAAA,IAAA;ADFZ;ACMI,CAAA;AACI,eAAA;ADJR;",
   "names": []
 }

package/build/cjs/components/ContributorAvatars/Avatars/Avatar.js CHANGED Viewed

@@ -63,7 +63,7 @@ var Avatar = (props) => {
   }
   const initials = getInitials(contributor);
   return /* @__PURE__ */ import_react.default.createElement(
-    "div",
+    "button",
     {
       key,
       className: b("avatar", { size, default: true }),

package/build/cjs/components/ContributorAvatars/Avatars/Avatar.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/ContributorAvatars/Avatars/Avatar.tsx"],
-  "sourcesContent": ["import React, {BaseSyntheticEvent} from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../../models';\nimport {AvatarData, AvatarSizes, PopupData} from '../models';\nimport {getUserIdentificator} from '../utils';\n\nimport '../ContributorAvatars.scss';\n\nconst b = block('contributor-avatars');\n\ninterface AvatarProps {\n    avatarData: AvatarData;\n    popupData?: PopupData;\n    isRedirect?: boolean;\n}\n\nconst Avatar: React.FC<AvatarProps> = (props) => {\n    const {avatarData, popupData, isRedirect = false} = props;\n    const {contributor, size = AvatarSizes.SMALL, inDetails = false} = avatarData;\n    const {changeVisiblilityPopup = () => {}, ref} = popupData || {};\n    const {avatar, email, login} = contributor;\n\n    const key = `avatar-${login || email}`;\n\n    if (avatar) {\n        return (\n            <img\n                key={key}\n                className={b('avatar', {size})}\n                src={avatar}\n                ref={ref}\n                onMouseOver={() => changeVisiblilityPopup(true)}\n                onMouseLeave={() => changeVisiblilityPopup(false)}\n                onTouchStart={() => changeVisiblilityPopup()}\n                onTouchEnd={(event: BaseSyntheticEvent) =>\n                    preventDefaultByComponent(event, inDetails, isRedirect)\n                }\n            />\n        );\n    }\n\n    const initials = getInitials(contributor);\n\n    return (\n        <div\n            key={key}\n            className={b('avatar', {size, default: true})}\n            ref={ref}\n            onMouseOver={() => changeVisiblilityPopup(true)}\n            onMouseLeave={() => changeVisiblilityPopup(false)}\n            onTouchStart={() => changeVisiblilityPopup()}\n            onTouchEnd={(event: BaseSyntheticEvent) =>\n                preventDefaultByComponent(event, inDetails, isRedirect)\n            }\n        >\n            {initials}\n        </div>\n    );\n};\n\nfunction preventDefaultByComponent(\n    event: BaseSyntheticEvent,\n    inDetails: boolean,\n    isRedirect: boolean,\n): void {\n    if (inDetails || isRedirect) {\n        return;\n    }\n\n    event.preventDefault();\n}\n\nfunction getInitials(contributor: Contributor) {\n    return getUserIdentificator(contributor).charAt(0).toUpperCase();\n}\n\nexport default Avatar;\n"],
+  "sourcesContent": ["import React, {BaseSyntheticEvent} from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../../models';\nimport {AvatarData, AvatarSizes, PopupData} from '../models';\nimport {getUserIdentificator} from '../utils';\n\nimport '../ContributorAvatars.scss';\n\nconst b = block('contributor-avatars');\n\ninterface AvatarProps {\n    avatarData: AvatarData;\n    popupData?: PopupData;\n    isRedirect?: boolean;\n}\n\nconst Avatar: React.FC<AvatarProps> = (props) => {\n    const {avatarData, popupData, isRedirect = false} = props;\n    const {contributor, size = AvatarSizes.SMALL, inDetails = false} = avatarData;\n    const {changeVisiblilityPopup = () => {}, ref} = popupData || {};\n    const {avatar, email, login} = contributor;\n\n    const key = `avatar-${login || email}`;\n\n    if (avatar) {\n        return (\n            <img\n                key={key}\n                className={b('avatar', {size})}\n                src={avatar}\n                ref={ref}\n                onMouseOver={() => changeVisiblilityPopup(true)}\n                onMouseLeave={() => changeVisiblilityPopup(false)}\n                onTouchStart={() => changeVisiblilityPopup()}\n                onTouchEnd={(event: BaseSyntheticEvent) =>\n                    preventDefaultByComponent(event, inDetails, isRedirect)\n                }\n            />\n        );\n    }\n\n    const initials = getInitials(contributor);\n\n    return (\n        <button\n            key={key}\n            className={b('avatar', {size, default: true})}\n            ref={ref}\n            onMouseOver={() => changeVisiblilityPopup(true)}\n            onMouseLeave={() => changeVisiblilityPopup(false)}\n            onTouchStart={() => changeVisiblilityPopup()}\n            onTouchEnd={(event: BaseSyntheticEvent) =>\n                preventDefaultByComponent(event, inDetails, isRedirect)\n            }\n        >\n            {initials}\n        </button>\n    );\n};\n\nfunction preventDefaultByComponent(\n    event: BaseSyntheticEvent,\n    inDetails: boolean,\n    isRedirect: boolean,\n): void {\n    if (inDetails || isRedirect) {\n        return;\n    }\n\n    event.preventDefault();\n}\n\nfunction getInitials(contributor: Contributor) {\n    return getUserIdentificator(contributor).charAt(0).toUpperCase();\n}\n\nexport default Avatar;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwC;AAExC,yBAAkB;AAGlB,oBAAiD;AACjD,mBAAmC;AAEnC,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,qBAAqB;AAQrC,IAAM,SAAgC,CAAC,UAAU;AAC7C,QAAM,EAAC,YAAY,WAAW,aAAa,MAAK,IAAI;AACpD,QAAM,EAAC,aAAa,OAAO,0BAAY,OAAO,YAAY,MAAK,IAAI;AACnE,QAAM,EAAC,yBAAyB,MAAM;AAAA,EAAC,GAAG,IAAG,IAAI,aAAa,CAAC;AAC/D,QAAM,EAAC,QAAQ,OAAO,MAAK,IAAI;AAE/B,QAAM,MAAM,UAAU,SAAS,KAAK;AAEpC,MAAI,QAAQ;AACR,WACI,6BAAAC,QAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,UAAU,EAAC,KAAI,CAAC;AAAA,QAC7B,KAAK;AAAA,QACL;AAAA,QACA,aAAa,MAAM,uBAAuB,IAAI;AAAA,QAC9C,cAAc,MAAM,uBAAuB,KAAK;AAAA,QAChD,cAAc,MAAM,uBAAuB;AAAA,QAC3C,YAAY,CAAC,UACT,0BAA0B,OAAO,WAAW,UAAU;AAAA;AAAA,IAE9D;AAAA,EAER;AAEA,QAAM,WAAW,YAAY,WAAW;AAExC,SACI,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,WAAW,EAAE,UAAU,EAAC,MAAM,SAAS,KAAI,CAAC;AAAA,MAC5C;AAAA,MACA,aAAa,MAAM,uBAAuB,IAAI;AAAA,MAC9C,cAAc,MAAM,uBAAuB,KAAK;AAAA,MAChD,cAAc,MAAM,uBAAuB;AAAA,MAC3C,YAAY,CAAC,UACT,0BAA0B,OAAO,WAAW,UAAU;AAAA;AAAA,IAGzD;AAAA,EACL;AAER;AAEA,SAAS,0BACL,OACA,WACA,YACI;AACJ,MAAI,aAAa,YAAY;AACzB;AAAA,EACJ;AAEA,QAAM,eAAe;AACzB;AAEA,SAAS,YAAY,aAA0B;AAC3C,aAAO,mCAAqB,WAAW,EAAE,OAAO,CAAC,EAAE,YAAY;AACnE;AAEA,IAAO,iBAAQ;",
   "names": ["block", "React"]
 }

package/build/cjs/components/ContributorAvatars/Avatars/AvatarWithDescription.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/ContributorAvatars/Avatars/AvatarWithDescription.tsx"],
-  "sourcesContent": ["import React, {Fragment, useRef, useState} from 'react';\n\nimport {Contributor} from '../../../models';\nimport {AvatarData, AvatarSizes, PopupData} from '../models';\n\nimport Avatar from './Avatar';\nimport Details from './Details';\n\ninterface AvatarWithDescriptionProps {\n    contributor: Contributor;\n    avatarSize: AvatarSizes;\n}\n\nconst AvatarWithDescription: React.FC<AvatarWithDescriptionProps> = (props) => {\n    const {contributor, avatarSize} = props;\n\n    const controlRef = useRef<HTMLImageElement | null>(null);\n    const [isVisiblePopup, setIsVisiblePopup] = useState(false);\n\n    const changeVisiblilityPopup = (visible?: boolean) => {\n        if (visible !== undefined) {\n            setIsVisiblePopup(visible);\n            return;\n        }\n\n        setIsVisiblePopup(!isVisiblePopup);\n    };\n\n    const avatarData: AvatarData = {\n        contributor,\n        size: avatarSize,\n    };\n\n    const popupData: PopupData = {\n        changeVisiblilityPopup,\n        ref: controlRef,\n        isVisiblePopup,\n    };\n\n    const avatarImg = <Avatar avatarData={avatarData} popupData={popupData} />;\n\n    return (\n        <Fragment>\n            {avatarImg}\n            <Details contributors={[contributor]} popupData={popupData} />\n        </Fragment>\n    );\n};\n\nexport default AvatarWithDescription;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgD;AAKhD,oBAAmB;AACnB,qBAAoB;AAOpB,IAAM,wBAA8D,CAAC,UAAU;AAC3E,QAAM,EAAC,aAAa,WAAU,IAAI;AAElC,QAAM,iBAAa,qBAAgC,IAAI;AACvD,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,KAAK;AAE1D,QAAM,yBAAyB,CAAC,YAAsB;AAClD,QAAI,YAAY,QAAW;AACvB,wBAAkB,OAAO;AACzB;AAAA,IACJ;AAEA,sBAAkB,CAAC,cAAc;AAAA,EACrC;AAEA,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM;AAAA,EACV;AAEA,QAAM,YAAuB;AAAA,IACzB;AAAA,IACA,KAAK;AAAA,IACL;AAAA,EACJ;AAEA,QAAM,YAAY,6BAAAA,QAAA,cAAC,cAAAC,SAAA,EAAO,YAAwB,WAAsB;AAExE,SACI,6BAAAD,QAAA,cAAC,6BACI,WACD,6BAAAA,QAAA,cAAC,eAAAE,SAAA,EAAQ,cAAc,CAAC,WAAW,GAAG,WAAsB,CAChE;AAER;AAEA,IAAO,gCAAQ;",
+  "sourcesContent": ["import React, {Fragment, useRef, useState} from 'react';\n\nimport {Contributor} from '../../../models';\nimport {AvatarData, AvatarSizes, PopupData} from '../models';\n\nimport Avatar from './Avatar';\nimport Details from './Details';\n\ninterface AvatarWithDescriptionProps {\n    contributor: Contributor;\n    avatarSize: AvatarSizes;\n}\n\nconst AvatarWithDescription: React.FC<AvatarWithDescriptionProps> = (props) => {\n    const {contributor, avatarSize} = props;\n\n    const controlRef = useRef<(HTMLButtonElement & HTMLImageElement) | null>(null);\n    const [isVisiblePopup, setIsVisiblePopup] = useState(false);\n\n    const changeVisiblilityPopup = (visible?: boolean) => {\n        if (visible !== undefined) {\n            setIsVisiblePopup(visible);\n            return;\n        }\n\n        setIsVisiblePopup(!isVisiblePopup);\n    };\n\n    const avatarData: AvatarData = {\n        contributor,\n        size: avatarSize,\n    };\n\n    const popupData: PopupData = {\n        changeVisiblilityPopup,\n        ref: controlRef,\n        isVisiblePopup,\n    };\n\n    const avatarImg = <Avatar avatarData={avatarData} popupData={popupData} />;\n\n    return (\n        <Fragment>\n            {avatarImg}\n            <Details contributors={[contributor]} popupData={popupData} />\n        </Fragment>\n    );\n};\n\nexport default AvatarWithDescription;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgD;AAKhD,oBAAmB;AACnB,qBAAoB;AAOpB,IAAM,wBAA8D,CAAC,UAAU;AAC3E,QAAM,EAAC,aAAa,WAAU,IAAI;AAElC,QAAM,iBAAa,qBAAsD,IAAI;AAC7E,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,KAAK;AAE1D,QAAM,yBAAyB,CAAC,YAAsB;AAClD,QAAI,YAAY,QAAW;AACvB,wBAAkB,OAAO;AACzB;AAAA,IACJ;AAEA,sBAAkB,CAAC,cAAc;AAAA,EACrC;AAEA,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM;AAAA,EACV;AAEA,QAAM,YAAuB;AAAA,IACzB;AAAA,IACA,KAAK;AAAA,IACL;AAAA,EACJ;AAEA,QAAM,YAAY,6BAAAA,QAAA,cAAC,cAAAC,SAAA,EAAO,YAAwB,WAAsB;AAExE,SACI,6BAAAD,QAAA,cAAC,6BACI,WACD,6BAAAA,QAAA,cAAC,eAAAE,SAAA,EAAQ,cAAc,CAAC,WAAW,GAAG,WAAsB,CAChE;AAER;AAEA,IAAO,gCAAQ;",
   "names": ["React", "Avatar", "Details"]
 }

package/build/cjs/components/ContributorAvatars/Avatars/Details.js CHANGED Viewed

@@ -37,7 +37,6 @@ var import_react = __toESM(require("react"));
 var import_uikit = require("@gravity-ui/uikit");
 var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
 var import_hooks = require("../../../hooks");
-var import_Link = __toESM(require("../../Link"));
 var import_models = require("../models");
 var import_utils = require("../utils");
 var import_Avatar = __toESM(require("./Avatar"));
@@ -71,7 +70,7 @@ function getContributorDetails(contributor) {
     inDetails: true
   };
   const avatarImg = /* @__PURE__ */ import_react.default.createElement(import_Avatar.default, { avatarData });
-  return /* @__PURE__ */ import_react.default.createElement(import_Link.default, { url, key: `details-${login || email}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: b("details") }, avatarImg, /* @__PURE__ */ import_react.default.createElement("div", { className: b("details_name") }, (0, import_utils.getName)(contributor, true))));
+  return /* @__PURE__ */ import_react.default.createElement(import_uikit.Link, { href: url, key: `details-${login || email}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: b("details") }, avatarImg, /* @__PURE__ */ import_react.default.createElement("div", { className: b("details_name") }, (0, import_utils.getName)(contributor, true))));
 }
 var Details_default = Details;
 //# sourceMappingURL=Details.js.map

package/build/cjs/components/ContributorAvatars/Avatars/Details.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/ContributorAvatars/Avatars/Details.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {Popup} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition} from '../../../hooks';\nimport {Contributor} from '../../../models';\nimport Link from '../../Link';\nimport {AvatarData, AvatarSizes, PopupData} from '../models';\nimport {getName} from '../utils';\n\nimport Avatar from './Avatar';\n\nimport '../ContributorAvatars.scss';\n\nconst b = block('contributor-avatars');\n\ninterface DetailsProps {\n    contributors: Contributor[];\n    popupData: PopupData;\n}\n\nconst Details: React.FC<DetailsProps> = (props) => {\n    const {contributors, popupData} = props;\n    const {ref, isVisiblePopup, changeVisiblilityPopup} = popupData || {};\n\n    const contributorsDetails = contributors.map((author: Contributor) => {\n        return getContributorDetails(author);\n    });\n\n    return (\n        <Popup\n            anchorRef={ref}\n            open={isVisiblePopup}\n            onOutsideClick={() => changeVisiblilityPopup(false)}\n            className={b('popup')}\n            contentClassName={b('popup_content')}\n            placement={PopperPosition.BOTTOM}\n            hasArrow={true}\n        >\n            {contributorsDetails}\n        </Popup>\n    );\n};\n\nfunction getContributorDetails(contributor: Contributor) {\n    const {login, email, url} = contributor;\n\n    const avatarData: AvatarData = {\n        contributor,\n        size: AvatarSizes.BIG,\n        inDetails: true,\n    };\n\n    const avatarImg = <Avatar avatarData={avatarData} />;\n\n    return (\n        <Link url={url} key={`details-${login || email}`}>\n            <div className={b('details')}>\n                {avatarImg}\n                <div className={b('details_name')}>{getName(contributor, true)}</div>\n            </div>\n        </Link>\n    );\n}\n\nexport default Details;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBAAoB;AACpB,yBAAkB;AAElB,mBAA6B;AAE7B,kBAAiB;AACjB,oBAAiD;AACjD,mBAAsB;AAEtB,oBAAmB;AAEnB,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,qBAAqB;AAOrC,IAAM,UAAkC,CAAC,UAAU;AAC/C,QAAM,EAAC,cAAc,UAAS,IAAI;AAClC,QAAM,EAAC,KAAK,gBAAgB,uBAAsB,IAAI,aAAa,CAAC;AAEpE,QAAM,sBAAsB,aAAa,IAAI,CAAC,WAAwB;AAClE,WAAO,sBAAsB,MAAM;AAAA,EACvC,CAAC;AAED,SACI,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM;AAAA,MACN,gBAAgB,MAAM,uBAAuB,KAAK;AAAA,MAClD,WAAW,EAAE,OAAO;AAAA,MACpB,kBAAkB,EAAE,eAAe;AAAA,MACnC,WAAW,4BAAe;AAAA,MAC1B,UAAU;AAAA;AAAA,IAET;AAAA,EACL;AAER;AAEA,SAAS,sBAAsB,aAA0B;AACrD,QAAM,EAAC,OAAO,OAAO,IAAG,IAAI;AAE5B,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM,0BAAY;AAAA,IAClB,WAAW;AAAA,EACf;AAEA,QAAM,YAAY,6BAAAA,QAAA,cAAC,cAAAC,SAAA,EAAO,YAAwB;AAElD,SACI,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,KAAU,KAAK,WAAW,SAAS,KAAK,MAC1C,6BAAAF,QAAA,cAAC,SAAI,WAAW,EAAE,SAAS,KACtB,WACD,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,cAAc,SAAI,sBAAQ,aAAa,IAAI,CAAE,CACnE,CACJ;AAER;AAEA,IAAO,kBAAQ;",
-  "names": ["block", "React", "Avatar", "Link"]
+  "sourcesContent": ["import React from 'react';\n\nimport {Link, Popup} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition} from '../../../hooks';\nimport {Contributor} from '../../../models';\nimport {AvatarData, AvatarSizes, PopupData} from '../models';\nimport {getName} from '../utils';\n\nimport Avatar from './Avatar';\n\nimport '../ContributorAvatars.scss';\n\nconst b = block('contributor-avatars');\n\ninterface DetailsProps {\n    contributors: Contributor[];\n    popupData: PopupData;\n}\n\nconst Details: React.FC<DetailsProps> = (props) => {\n    const {contributors, popupData} = props;\n    const {ref, isVisiblePopup, changeVisiblilityPopup} = popupData || {};\n\n    const contributorsDetails = contributors.map((author: Contributor) => {\n        return getContributorDetails(author);\n    });\n\n    return (\n        <Popup\n            anchorRef={ref}\n            open={isVisiblePopup}\n            onOutsideClick={() => changeVisiblilityPopup(false)}\n            className={b('popup')}\n            contentClassName={b('popup_content')}\n            placement={PopperPosition.BOTTOM}\n            hasArrow={true}\n        >\n            {contributorsDetails}\n        </Popup>\n    );\n};\n\nfunction getContributorDetails(contributor: Contributor) {\n    const {login, email, url} = contributor;\n\n    const avatarData: AvatarData = {\n        contributor,\n        size: AvatarSizes.BIG,\n        inDetails: true,\n    };\n\n    const avatarImg = <Avatar avatarData={avatarData} />;\n\n    return (\n        <Link href={url} key={`details-${login || email}`}>\n            <div className={b('details')}>\n                {avatarImg}\n                <div className={b('details_name')}>{getName(contributor, true)}</div>\n            </div>\n        </Link>\n    );\n}\n\nexport default Details;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBAA0B;AAC1B,yBAAkB;AAElB,mBAA6B;AAE7B,oBAAiD;AACjD,mBAAsB;AAEtB,oBAAmB;AAEnB,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,qBAAqB;AAOrC,IAAM,UAAkC,CAAC,UAAU;AAC/C,QAAM,EAAC,cAAc,UAAS,IAAI;AAClC,QAAM,EAAC,KAAK,gBAAgB,uBAAsB,IAAI,aAAa,CAAC;AAEpE,QAAM,sBAAsB,aAAa,IAAI,CAAC,WAAwB;AAClE,WAAO,sBAAsB,MAAM;AAAA,EACvC,CAAC;AAED,SACI,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM;AAAA,MACN,gBAAgB,MAAM,uBAAuB,KAAK;AAAA,MAClD,WAAW,EAAE,OAAO;AAAA,MACpB,kBAAkB,EAAE,eAAe;AAAA,MACnC,WAAW,4BAAe;AAAA,MAC1B,UAAU;AAAA;AAAA,IAET;AAAA,EACL;AAER;AAEA,SAAS,sBAAsB,aAA0B;AACrD,QAAM,EAAC,OAAO,OAAO,IAAG,IAAI;AAE5B,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM,0BAAY;AAAA,IAClB,WAAW;AAAA,EACf;AAEA,QAAM,YAAY,6BAAAA,QAAA,cAAC,cAAAC,SAAA,EAAO,YAAwB;AAElD,SACI,6BAAAD,QAAA,cAAC,qBAAK,MAAM,KAAK,KAAK,WAAW,SAAS,KAAK,MAC3C,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,SAAS,KACtB,WACD,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,cAAc,SAAI,sBAAQ,aAAa,IAAI,CAAE,CACnE,CACJ;AAER;AAEA,IAAO,kBAAQ;",
+  "names": ["block", "React", "Avatar"]
 }

package/build/cjs/components/ContributorAvatars/Avatars/HiddenAvatars.js CHANGED Viewed

@@ -54,14 +54,15 @@ var HiddenAvatars = (props) => {
   };
   const contributorsCountString = contributorsCount > LOWER_BOUND_MORE_CONTRIBUTORS ? `${LOWER_BOUND_MORE_CONTRIBUTORS}+` : `+${contributorsCount}`;
   return /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    "div",
+    "button",
     {
       className: b("avatar", { size: avatarsSize }),
       ref: controlRef,
       onClick: (event) => {
         setIsVisiblePopup(!isVisiblePopup);
         event.preventDefault();
-      }
+      },
+      "aria-expanded": isVisiblePopup
     },
     contributorsCountString
   ), /* @__PURE__ */ import_react.default.createElement(import_Details.default, { contributors, popupData }));

package/build/cjs/components/ContributorAvatars/Avatars/HiddenAvatars.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/ContributorAvatars/Avatars/HiddenAvatars.tsx"],
-  "sourcesContent": ["import React, {BaseSyntheticEvent, Fragment, useRef, useState} from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../../models';\nimport {AvatarSizes, PopupData} from '../models';\n\nimport Details from './Details';\n\nimport '../ContributorAvatars.scss';\n\nconst b = block('contributor-avatars');\n\nconst LOWER_BOUND_MORE_CONTRIBUTORS = 9;\n\nexport interface HiddenAvatarsProps {\n    contributors: Contributor[];\n    avatarsSize: AvatarSizes;\n}\n\nconst HiddenAvatars: React.FC<HiddenAvatarsProps> = (props) => {\n    const {contributors, avatarsSize} = props;\n    const contributorsCount = contributors.length;\n\n    const controlRef = useRef<HTMLImageElement | null>(null);\n    const [isVisiblePopup, setIsVisiblePopup] = useState(false);\n\n    if (contributorsCount === 0) {\n        return null;\n    }\n\n    const popupData: PopupData = {\n        ref: controlRef,\n        isVisiblePopup,\n        changeVisiblilityPopup: () => setIsVisiblePopup(false),\n    };\n\n    const contributorsCountString =\n        contributorsCount > LOWER_BOUND_MORE_CONTRIBUTORS\n            ? `${LOWER_BOUND_MORE_CONTRIBUTORS}+`\n            : `+${contributorsCount}`;\n\n    return (\n        <Fragment>\n            <div\n                className={b('avatar', {size: avatarsSize})}\n                ref={controlRef}\n                onClick={(event: BaseSyntheticEvent) => {\n                    setIsVisiblePopup(!isVisiblePopup);\n                    event.preventDefault();\n                }}\n            >\n                {contributorsCountString}\n            </div>\n            <Details contributors={contributors} popupData={popupData} />\n        </Fragment>\n    );\n};\n\nexport default HiddenAvatars;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoE;AAEpE,yBAAkB;AAKlB,qBAAoB;AAEpB,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,qBAAqB;AAErC,IAAM,gCAAgC;AAOtC,IAAM,gBAA8C,CAAC,UAAU;AAC3D,QAAM,EAAC,cAAc,YAAW,IAAI;AACpC,QAAM,oBAAoB,aAAa;AAEvC,QAAM,iBAAa,qBAAgC,IAAI;AACvD,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,KAAK;AAE1D,MAAI,sBAAsB,GAAG;AACzB,WAAO;AAAA,EACX;AAEA,QAAM,YAAuB;AAAA,IACzB,KAAK;AAAA,IACL;AAAA,IACA,wBAAwB,MAAM,kBAAkB,KAAK;AAAA,EACzD;AAEA,QAAM,0BACF,oBAAoB,gCACd,GAAG,6BAA6B,MAChC,IAAI,iBAAiB;AAE/B,SACI,6BAAAC,QAAA,cAAC,6BACG,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,EAAE,UAAU,EAAC,MAAM,YAAW,CAAC;AAAA,MAC1C,KAAK;AAAA,MACL,SAAS,CAAC,UAA8B;AACpC,0BAAkB,CAAC,cAAc;AACjC,cAAM,eAAe;AAAA,MACzB;AAAA;AAAA,IAEC;AAAA,EACL,GACA,6BAAAA,QAAA,cAAC,eAAAC,SAAA,EAAQ,cAA4B,WAAsB,CAC/D;AAER;AAEA,IAAO,wBAAQ;",
+  "sourcesContent": ["import React, {BaseSyntheticEvent, Fragment, useRef, useState} from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../../models';\nimport {AvatarSizes, PopupData} from '../models';\n\nimport Details from './Details';\n\nimport '../ContributorAvatars.scss';\n\nconst b = block('contributor-avatars');\n\nconst LOWER_BOUND_MORE_CONTRIBUTORS = 9;\n\nexport interface HiddenAvatarsProps {\n    contributors: Contributor[];\n    avatarsSize: AvatarSizes;\n}\n\nconst HiddenAvatars: React.FC<HiddenAvatarsProps> = (props) => {\n    const {contributors, avatarsSize} = props;\n    const contributorsCount = contributors.length;\n\n    const controlRef = useRef<(HTMLButtonElement & HTMLImageElement) | null>(null);\n    const [isVisiblePopup, setIsVisiblePopup] = useState(false);\n\n    if (contributorsCount === 0) {\n        return null;\n    }\n\n    const popupData: PopupData = {\n        ref: controlRef,\n        isVisiblePopup,\n        changeVisiblilityPopup: () => setIsVisiblePopup(false),\n    };\n\n    const contributorsCountString =\n        contributorsCount > LOWER_BOUND_MORE_CONTRIBUTORS\n            ? `${LOWER_BOUND_MORE_CONTRIBUTORS}+`\n            : `+${contributorsCount}`;\n\n    return (\n        <Fragment>\n            <button\n                className={b('avatar', {size: avatarsSize})}\n                ref={controlRef}\n                onClick={(event: BaseSyntheticEvent) => {\n                    setIsVisiblePopup(!isVisiblePopup);\n                    event.preventDefault();\n                }}\n                aria-expanded={isVisiblePopup}\n            >\n                {contributorsCountString}\n            </button>\n            <Details contributors={contributors} popupData={popupData} />\n        </Fragment>\n    );\n};\n\nexport default HiddenAvatars;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoE;AAEpE,yBAAkB;AAKlB,qBAAoB;AAEpB,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,qBAAqB;AAErC,IAAM,gCAAgC;AAOtC,IAAM,gBAA8C,CAAC,UAAU;AAC3D,QAAM,EAAC,cAAc,YAAW,IAAI;AACpC,QAAM,oBAAoB,aAAa;AAEvC,QAAM,iBAAa,qBAAsD,IAAI;AAC7E,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,KAAK;AAE1D,MAAI,sBAAsB,GAAG;AACzB,WAAO;AAAA,EACX;AAEA,QAAM,YAAuB;AAAA,IACzB,KAAK;AAAA,IACL;AAAA,IACA,wBAAwB,MAAM,kBAAkB,KAAK;AAAA,EACzD;AAEA,QAAM,0BACF,oBAAoB,gCACd,GAAG,6BAA6B,MAChC,IAAI,iBAAiB;AAE/B,SACI,6BAAAC,QAAA,cAAC,6BACG,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,EAAE,UAAU,EAAC,MAAM,YAAW,CAAC;AAAA,MAC1C,KAAK;AAAA,MACL,SAAS,CAAC,UAA8B;AACpC,0BAAkB,CAAC,cAAc;AACjC,cAAM,eAAe;AAAA,MACzB;AAAA,MACA,iBAAe;AAAA;AAAA,IAEd;AAAA,EACL,GACA,6BAAAA,QAAA,cAAC,eAAAC,SAAA,EAAQ,cAA4B,WAAsB,CAC/D;AAER;AAEA,IAAO,wBAAQ;",
   "names": ["block", "React", "Details"]
 }

package/build/cjs/components/ContributorAvatars/ContributorAvatars.css CHANGED Viewed

@@ -47,6 +47,13 @@
 .contributor-avatars__avatar {
   border-radius: 50%;
   box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);
+  border: 0;
+  color: inherit;
+  cursor: inherit;
+  background-color: inherit;
+  padding: 0;
+  align-items: initial;
+  font-family: inherit;
 }
 .contributor-avatars__avatar_size_small {
   height: 23px;
@@ -64,6 +71,13 @@
   font-size: 12px;
   font-weight: 500;
 }
+.contributor-avatars__avatar:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 1px;
+}
+.contributor-avatars__avatar:focus:not(:focus-visible) {
+  outline: 0;
+}
 .contributor-avatars__displayed_avatars {
   display: flex;
 }
@@ -83,6 +97,9 @@
   margin-left: 1.5px;
   margin-right: calc(1.5px + 2px);
 }
+.contributor-avatars__displayed_avatars a {
+  border-radius: 50%;
+}
 .contributor-avatars__hidden_avatars {
   font-size: 12px;
   font-weight: 500;
@@ -97,8 +114,6 @@
   text-align: center;
   display: flex;
   justify-content: center;
-  padding-left: 3px;
-  padding-right: 1px;
   margin: 0 1.5px;
   box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);
 }
@@ -129,7 +144,10 @@
 .contributor-avatars__popup a {
   cursor: pointer;
 }
-.contributor-avatars__popup_content > *:not(:first-child) {
-  margin: 12px;
+.contributor-avatars__popup_content {
+  padding: 12px;
+}
+.contributor-avatars__popup_content > *:not(:last-child) {
+  margin-bottom: 12px;
 }
 /*# sourceMappingURL=ContributorAvatars.css.map */

package/build/cjs/components/ContributorAvatars/ContributorAvatars.css.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/ContributorAvatars/Users/3y3k0/doctools/docs-components/src/components/ContributorAvatars/ContributorAvatars.scss", "../../../../src/components/ContributorAvatars/%3Cinput%20css%202zaFBz%3E", "../../../../src/components/ContributorAvatars/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
-  "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n$avatarsDistance: 2px;\n$avatarTextFontSize: 12px;\n$avatarTextFontWeight: 500;\n$detailsIndent: 12px;\n$avatarBorder: 1.5px;\n$textLineHeight: 18px;\n\n$avatarWrapperSmallSize: 23px;\n$avatarWrapperBigSize: 33px;\n\n@mixin disable-link-styles {\n    a,\n    a:hover,\n    a:visited,\n    a:active {\n        color: inherit;\n        text-decoration: none;\n        display: flex;\n    }\n\n    a {\n        cursor: pointer;\n    }\n}\n\n.contributor-avatars {\n    &__one_contributor {\n        display: flex;\n        margin: 0 $avatarBorder;\n        @include disable-link-styles;\n\n        & > * {\n            @include contributors-text();\n        }\n\n        @media screen and (max-width: map-get($screenBreakpoints, 'sm')) {\n            &_onlyAuthor > *:last-child {\n                margin-left: 5px;\n            }\n\n            & > *:last-child,\n            & > .desktop {\n                display: none;\n            }\n\n            &_onlyAuthor > *:last-child {\n                display: block;\n            }\n\n            & > *:not(:last-child) {\n                margin-right: 0px;\n            }\n        }\n\n        @media screen and (min-width: map-get($screenBreakpoints, 'sm')) {\n            & > .mobile {\n                display: none;\n            }\n\n            & > *:last-child {\n                margin-right: 0px;\n            }\n        }\n    }\n\n    &__avatar {\n        & {\n            border-radius: 50%;\n            box-shadow: 0 0 0 $avatarBorder var(--g-color-line-generic-accent);\n        }\n\n        &_size_small {\n            height: $avatarWrapperSmallSize;\n            width: $avatarWrapperSmallSize;\n        }\n\n        &_size_big {\n            height: $avatarWrapperBigSize;\n            width: $avatarWrapperBigSize;\n        }\n\n        &_default {\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            font-size: $avatarTextFontSize;\n            font-weight: $avatarTextFontWeight;\n        }\n    }\n\n    &__displayed_avatars {\n        display: flex;\n        @include disable-link-styles;\n\n        & > * {\n            margin-left: $avatarBorder;\n            margin-right: calc(#{$avatarBorder} + #{$avatarsDistance});\n        }\n    }\n\n    &__hidden_avatars {\n        font-size: $avatarTextFontSize;\n        font-weight: $avatarTextFontWeight;\n        color: var(--g-color-text-secondary);\n        border-radius: 50%;\n        text-align: center;\n        cursor: pointer;\n\n        & > * {\n            background: var(--g-color-base-misc-light);\n            flex-direction: column;\n            text-align: center;\n            display: flex;\n            justify-content: center;\n            padding-left: 3px;\n            padding-right: 1px;\n            margin: 0 $avatarBorder;\n            box-shadow: 0 0 0 $avatarBorder var(--g-color-line-generic-accent);\n        }\n    }\n\n    &__details {\n        display: flex;\n\n        & > div:last-child {\n            font-size: 13px;\n            font-weight: 400;\n            margin: auto $detailsIndent;\n        }\n    }\n\n    &__details_name {\n        color: var(--g-color-text-primary);\n        line-height: $textLineHeight;\n    }\n\n    &__popup {\n        box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);\n        @include disable-link-styles;\n    }\n\n    &__popup_content {\n        & > *:not(:first-child) {\n            margin: $detailsIndent;\n        }\n    }\n}\n", ".contributor-avatars__one_contributor {\n  display: flex;\n  margin: 0 1.5px;\n}\n.contributor-avatars__one_contributor a,\n.contributor-avatars__one_contributor a:hover,\n.contributor-avatars__one_contributor a:visited,\n.contributor-avatars__one_contributor a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.contributor-avatars__one_contributor a {\n  cursor: pointer;\n}\n.contributor-avatars__one_contributor > * {\n  font-size: 13px;\n  font-weight: 400;\n  margin-right: 5px;\n  align-self: center;\n}\n@media screen and (max-width: 577px) {\n  .contributor-avatars__one_contributor_onlyAuthor > *:last-child {\n    margin-left: 5px;\n  }\n  .contributor-avatars__one_contributor > *:last-child, .contributor-avatars__one_contributor > .desktop {\n    display: none;\n  }\n  .contributor-avatars__one_contributor_onlyAuthor > *:last-child {\n    display: block;\n  }\n  .contributor-avatars__one_contributor > *:not(:last-child) {\n    margin-right: 0px;\n  }\n}\n@media screen and (min-width: 577px) {\n  .contributor-avatars__one_contributor > .mobile {\n    display: none;\n  }\n  .contributor-avatars__one_contributor > *:last-child {\n    margin-right: 0px;\n  }\n}\n.contributor-avatars__avatar {\n  border-radius: 50%;\n  box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);\n}\n.contributor-avatars__avatar_size_small {\n  height: 23px;\n  width: 23px;\n}\n.contributor-avatars__avatar_size_big {\n  height: 33px;\n  width: 33px;\n}\n.contributor-avatars__avatar_default {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 500;\n}\n.contributor-avatars__displayed_avatars {\n  display: flex;\n}\n.contributor-avatars__displayed_avatars a,\n.contributor-avatars__displayed_avatars a:hover,\n.contributor-avatars__displayed_avatars a:visited,\n.contributor-avatars__displayed_avatars a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.contributor-avatars__displayed_avatars a {\n  cursor: pointer;\n}\n.contributor-avatars__displayed_avatars > * {\n  margin-left: 1.5px;\n  margin-right: calc(1.5px + 2px);\n}\n.contributor-avatars__hidden_avatars {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--g-color-text-secondary);\n  border-radius: 50%;\n  text-align: center;\n  cursor: pointer;\n}\n.contributor-avatars__hidden_avatars > * {\n  background: var(--g-color-base-misc-light);\n  flex-direction: column;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  padding-left: 3px;\n  padding-right: 1px;\n  margin: 0 1.5px;\n  box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);\n}\n.contributor-avatars__details {\n  display: flex;\n}\n.contributor-avatars__details > div:last-child {\n  font-size: 13px;\n  font-weight: 400;\n  margin: auto 12px;\n}\n.contributor-avatars__details_name {\n  color: var(--g-color-text-primary);\n  line-height: 18px;\n}\n.contributor-avatars__popup {\n  box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);\n}\n.contributor-avatars__popup a,\n.contributor-avatars__popup a:hover,\n.contributor-avatars__popup a:visited,\n.contributor-avatars__popup a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.contributor-avatars__popup a {\n  cursor: pointer;\n}\n.contributor-avatars__popup_content > *:not(:first-child) {\n  margin: 12px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Db250cmlidXRvckF2YXRhcnMiLCJzb3VyY2VzIjpbIkNvbnRyaWJ1dG9yQXZhdGFycy5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCSTtFQUNJO0VBQ0E7O0FBakJKO0FBQUE7QUFBQTtBQUFBO0VBSUk7RUFDQTtFQUNBOztBQUdKO0VBQ0k7O0FBVUE7RUM2Q0o7RUFDQTtFQUNBO0VBQ0E7O0FENUNJO0VBQ0k7SUFDSTs7RUFHSjtJQUVJOztFQUdKO0lBQ0k7O0VBR0o7SUFDSTs7O0FBSVI7RUFDSTtJQUNJOztFQUdKO0lBQ0k7OztBQU1SO0VBQ0k7RUFDQTs7QUFHSjtFQUNJLFFBakVhO0VBa0ViLE9BbEVhOztBQXFFakI7RUFDSSxRQXJFVztFQXNFWCxPQXRFVzs7QUF5RWY7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBLFdBckZTO0VBc0ZULGFBckZXOztBQXlGbkI7RUFDSTs7QUFqRko7QUFBQTtBQUFBO0FBQUE7RUFJSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUEwRUE7RUFDSSxhQTVGRztFQTZGSDs7QUFJUjtFQUNJLFdBckdhO0VBc0diLGFBckdlO0VBc0dmO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUlSO0VBQ0k7O0FBRUE7RUFDSTtFQUNBO0VBQ0E7O0FBSVI7RUFDSTtFQUNBLGFBaklTOztBQW9JYjtFQUNJOztBQS9ISjtBQUFBO0FBQUE7QUFBQTtFQUlJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQTBIQTtFQUNJLFFBN0lJIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuJGF2YXRhcnNEaXN0YW5jZTogMnB4O1xuJGF2YXRhclRleHRGb250U2l6ZTogMTJweDtcbiRhdmF0YXJUZXh0Rm9udFdlaWdodDogNTAwO1xuJGRldGFpbHNJbmRlbnQ6IDEycHg7XG4kYXZhdGFyQm9yZGVyOiAxLjVweDtcbiR0ZXh0TGluZUhlaWdodDogMThweDtcblxuJGF2YXRhcldyYXBwZXJTbWFsbFNpemU6IDIzcHg7XG4kYXZhdGFyV3JhcHBlckJpZ1NpemU6IDMzcHg7XG5cbkBtaXhpbiBkaXNhYmxlLWxpbmstc3R5bGVzIHtcbiAgICBhLFxuICAgIGE6aG92ZXIsXG4gICAgYTp2aXNpdGVkLFxuICAgIGE6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICB9XG5cbiAgICBhIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbn1cblxuLmNvbnRyaWJ1dG9yLWF2YXRhcnMge1xuICAgICZfX29uZV9jb250cmlidXRvciB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIG1hcmdpbjogMCAkYXZhdGFyQm9yZGVyO1xuICAgICAgICBAaW5jbHVkZSBkaXNhYmxlLWxpbmstc3R5bGVzO1xuXG4gICAgICAgICYgPiAqIHtcbiAgICAgICAgICAgIEBpbmNsdWRlIGNvbnRyaWJ1dG9ycy10ZXh0KCk7XG4gICAgICAgIH1cblxuICAgICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgICAgICZfb25seUF1dGhvciA+ICo6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDVweDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJiA+ICo6bGFzdC1jaGlsZCxcbiAgICAgICAgICAgICYgPiAuZGVza3RvcCB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJl9vbmx5QXV0aG9yID4gKjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJiA+ICo6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwcHg7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgICAgICYgPiAubW9iaWxlIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmID4gKjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDBweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2F2YXRhciB7XG4gICAgICAgICYge1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgJGF2YXRhckJvcmRlciB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYy1hY2NlbnQpO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9zaXplX3NtYWxsIHtcbiAgICAgICAgICAgIGhlaWdodDogJGF2YXRhcldyYXBwZXJTbWFsbFNpemU7XG4gICAgICAgICAgICB3aWR0aDogJGF2YXRhcldyYXBwZXJTbWFsbFNpemU7XG4gICAgICAgIH1cblxuICAgICAgICAmX3NpemVfYmlnIHtcbiAgICAgICAgICAgIGhlaWdodDogJGF2YXRhcldyYXBwZXJCaWdTaXplO1xuICAgICAgICAgICAgd2lkdGg6ICRhdmF0YXJXcmFwcGVyQmlnU2l6ZTtcbiAgICAgICAgfVxuXG4gICAgICAgICZfZGVmYXVsdCB7XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgZm9udC1zaXplOiAkYXZhdGFyVGV4dEZvbnRTaXplO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6ICRhdmF0YXJUZXh0Rm9udFdlaWdodDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2Rpc3BsYXllZF9hdmF0YXJzIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgQGluY2x1ZGUgZGlzYWJsZS1saW5rLXN0eWxlcztcblxuICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogJGF2YXRhckJvcmRlcjtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogY2FsYygjeyRhdmF0YXJCb3JkZXJ9ICsgI3skYXZhdGFyc0Rpc3RhbmNlfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19oaWRkZW5fYXZhdGFycyB7XG4gICAgICAgIGZvbnQtc2l6ZTogJGF2YXRhclRleHRGb250U2l6ZTtcbiAgICAgICAgZm9udC13ZWlnaHQ6ICRhdmF0YXJUZXh0Rm9udFdlaWdodDtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAgICYgPiAqIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigtLWctY29sb3ItYmFzZS1taXNjLWxpZ2h0KTtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDNweDtcbiAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDFweDtcbiAgICAgICAgICAgIG1hcmdpbjogMCAkYXZhdGFyQm9yZGVyO1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgJGF2YXRhckJvcmRlciB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYy1hY2NlbnQpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fZGV0YWlscyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG5cbiAgICAgICAgJiA+IGRpdjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgICAgICAgICBtYXJnaW46IGF1dG8gJGRldGFpbHNJbmRlbnQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19kZXRhaWxzX25hbWUge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuICAgICAgICBsaW5lLWhlaWdodDogJHRleHRMaW5lSGVpZ2h0O1xuICAgIH1cblxuICAgICZfX3BvcHVwIHtcbiAgICAgICAgYm94LXNoYWRvdzogMHB4IDNweCAyNHB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcbiAgICAgICAgQGluY2x1ZGUgZGlzYWJsZS1saW5rLXN0eWxlcztcbiAgICB9XG5cbiAgICAmX19wb3B1cF9jb250ZW50IHtcbiAgICAgICAgJiA+ICo6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgICAgICAgICAgbWFyZ2luOiAkZGV0YWlsc0luZGVudDtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkBpbXBvcnQgJy4vdmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICY6aG92ZXIsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmstaG92ZXIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcxKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0yKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0yKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzUoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */", "@import './variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
-  "mappings": ";AA6BI,CAAA;AACI,WAAA;AACA,UAAA,EAAA;AC5BR;ADWI,CAeA,qCAfA;CAeA;CAAA;CAAA;AAXI,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACTR;ADYI,CAMA,qCANA;AACI,UAAA;ACVR;ADoBQ,CALJ,qCAKI,EAAA;AE6CJ,aAAA;AACA,eAAA;AACA,gBAAA;AACA,cAAA;AD9DJ;ADkBQ,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AACI,GAAA,gDAAA,EAAA,CAAA;AACI,iBAAA;AChBd;ADmBU,GAdR,qCAcQ,EAAA,CAAA;EAAA,CAdR,qCAcQ,EAAA,CAAA;AAEI,aAAA;AClBd;ADqBU,GATA,gDASA,EAAA,CAAA;AACI,aAAA;ACnBd;ADsBU,GAvBR,qCAuBQ,EAAA,CAAA,KAAA;AACI,kBAAA;ACpBd;AACF;ADuBQ,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AACI,GA7BR,qCA6BQ,EAAA,CAAA;AACI,aAAA;ACrBd;ADwBU,GAjCR,qCAiCQ,EAAA,CAAA;AACI,kBAAA;ACtBd;AACF;AD2BQ,CAAA;AACI,iBAAA;AACA,cAAA,EAAA,EAAA,EAAA,MAAA,IAAA;ACzBZ;AD4BQ,CAAA;AACI,UAAA;AACA,SAAA;AC1BZ;AD6BQ,CAAA;AACI,UAAA;AACA,SAAA;AC3BZ;AD8BQ,CAAA;AACI,cAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;AACA,aAAA;AACA,eAAA;AC5BZ;ADgCI,CAAA;AACI,WAAA;AC9BR;ADnDI,CAgFA,uCAhFA;CAgFA;CAAA;CAAA;AA5EI,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACqDR;ADlDI,CAuEA,uCAvEA;AACI,UAAA;ACoDR;ADsBQ,CAJJ,uCAII,EAAA;AACI,eAAA;AACA,gBAAA,KAAA,MAAA,EAAA;ACpBZ;ADwBI,CAAA;AACI,aAAA;AACA,eAAA;AACA,SAAA,IAAA;AACA,iBAAA;AACA,cAAA;AACA,UAAA;ACtBR;ADwBQ,CARJ,oCAQI,EAAA;AACI,cAAA,IAAA;AACA,kBAAA;AACA,cAAA;AACA,WAAA;AACA,mBAAA;AACA,gBAAA;AACA,iBAAA;AACA,UAAA,EAAA;AACA,cAAA,EAAA,EAAA,EAAA,MAAA,IAAA;ACtBZ;AD0BI,CAAA;AACI,WAAA;ACxBR;AD0BQ,CAHJ,6BAGI,EAAA,GAAA;AACI,aAAA;AACA,eAAA;AACA,UAAA,KAAA;ACxBZ;AD4BI,CAAA;AACI,SAAA,IAAA;AACA,eAAA;AC1BR;AD6BI,CAAA;AACI,cAAA,IAAA,IAAA,KAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AC3BR;ADpGI,CA8HA,2BA9HA;CA8HA;CAAA;CAAA;AA1HI,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACsGR;ADnGI,CAqHA,2BArHA;AACI,UAAA;ACqGR;ADqBQ,CAAA,mCAAA,EAAA,CAAA,KAAA;AACI,UAAA;ACnBZ;",
+  "sources": ["../../../../src/components/ContributorAvatars/Users/3y3k0/doctools/docs-components/src/components/ContributorAvatars/ContributorAvatars.scss", "../../../../src/components/ContributorAvatars/%3Cinput%20css%206G3sb9%3E", "../../../../src/components/ContributorAvatars/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
+  "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n$avatarsDistance: 2px;\n$avatarTextFontSize: 12px;\n$avatarTextFontWeight: 500;\n$detailsIndent: 12px;\n$avatarBorder: 1.5px;\n$textLineHeight: 18px;\n\n$avatarWrapperSmallSize: 23px;\n$avatarWrapperBigSize: 33px;\n\n@mixin disable-link-styles {\n    a,\n    a:hover,\n    a:visited,\n    a:active {\n        color: inherit;\n        text-decoration: none;\n        display: flex;\n    }\n\n    a {\n        cursor: pointer;\n    }\n}\n\n.contributor-avatars {\n    &__one_contributor {\n        display: flex;\n        margin: 0 $avatarBorder;\n        @include disable-link-styles;\n\n        & > * {\n            @include contributors-text();\n        }\n\n        @media screen and (max-width: map-get($screenBreakpoints, 'sm')) {\n            &_onlyAuthor > *:last-child {\n                margin-left: 5px;\n            }\n\n            & > *:last-child,\n            & > .desktop {\n                display: none;\n            }\n\n            &_onlyAuthor > *:last-child {\n                display: block;\n            }\n\n            & > *:not(:last-child) {\n                margin-right: 0px;\n            }\n        }\n\n        @media screen and (min-width: map-get($screenBreakpoints, 'sm')) {\n            & > .mobile {\n                display: none;\n            }\n\n            & > *:last-child {\n                margin-right: 0px;\n            }\n        }\n    }\n\n    &__avatar {\n        & {\n            border-radius: 50%;\n            box-shadow: 0 0 0 $avatarBorder var(--g-color-line-generic-accent);\n            border: 0;\n            color: inherit;\n            cursor: inherit;\n            background-color: inherit;\n            padding: 0;\n            align-items: initial;\n            font-family: inherit;\n        }\n\n        &_size_small {\n            height: $avatarWrapperSmallSize;\n            width: $avatarWrapperSmallSize;\n        }\n\n        &_size_big {\n            height: $avatarWrapperBigSize;\n            width: $avatarWrapperBigSize;\n        }\n\n        &_default {\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            font-size: $avatarTextFontSize;\n            font-weight: $avatarTextFontWeight;\n        }\n\n        @include focusable(1px);\n    }\n\n    &__displayed_avatars {\n        display: flex;\n        @include disable-link-styles;\n\n        & > * {\n            margin-left: $avatarBorder;\n            margin-right: calc(#{$avatarBorder} + #{$avatarsDistance});\n        }\n        & a {\n            border-radius: 50%; // to have rounded outline on focus as all avatars rounded\n        }\n    }\n\n    &__hidden_avatars {\n        font-size: $avatarTextFontSize;\n        font-weight: $avatarTextFontWeight;\n        color: var(--g-color-text-secondary);\n        border-radius: 50%;\n        text-align: center;\n        cursor: pointer;\n\n        & > * {\n            background: var(--g-color-base-misc-light);\n            flex-direction: column;\n            text-align: center;\n            display: flex;\n            justify-content: center;\n            margin: 0 $avatarBorder;\n            box-shadow: 0 0 0 $avatarBorder var(--g-color-line-generic-accent);\n        }\n    }\n\n    &__details {\n        display: flex;\n\n        & > div:last-child {\n            font-size: 13px;\n            font-weight: 400;\n            margin: auto $detailsIndent;\n        }\n    }\n\n    &__details_name {\n        color: var(--g-color-text-primary);\n        line-height: $textLineHeight;\n    }\n\n    &__popup {\n        box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);\n        @include disable-link-styles;\n    }\n\n    &__popup_content {\n        padding: $detailsIndent;\n\n        & > *:not(:last-child) {\n            margin-bottom: $detailsIndent;\n        }\n    }\n}\n", ".contributor-avatars__one_contributor {\n  display: flex;\n  margin: 0 1.5px;\n}\n.contributor-avatars__one_contributor a,\n.contributor-avatars__one_contributor a:hover,\n.contributor-avatars__one_contributor a:visited,\n.contributor-avatars__one_contributor a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.contributor-avatars__one_contributor a {\n  cursor: pointer;\n}\n.contributor-avatars__one_contributor > * {\n  font-size: 13px;\n  font-weight: 400;\n  margin-right: 5px;\n  align-self: center;\n}\n@media screen and (max-width: 577px) {\n  .contributor-avatars__one_contributor_onlyAuthor > *:last-child {\n    margin-left: 5px;\n  }\n  .contributor-avatars__one_contributor > *:last-child, .contributor-avatars__one_contributor > .desktop {\n    display: none;\n  }\n  .contributor-avatars__one_contributor_onlyAuthor > *:last-child {\n    display: block;\n  }\n  .contributor-avatars__one_contributor > *:not(:last-child) {\n    margin-right: 0px;\n  }\n}\n@media screen and (min-width: 577px) {\n  .contributor-avatars__one_contributor > .mobile {\n    display: none;\n  }\n  .contributor-avatars__one_contributor > *:last-child {\n    margin-right: 0px;\n  }\n}\n.contributor-avatars__avatar {\n  border-radius: 50%;\n  box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);\n  border: 0;\n  color: inherit;\n  cursor: inherit;\n  background-color: inherit;\n  padding: 0;\n  align-items: initial;\n  font-family: inherit;\n}\n.contributor-avatars__avatar_size_small {\n  height: 23px;\n  width: 23px;\n}\n.contributor-avatars__avatar_size_big {\n  height: 33px;\n  width: 33px;\n}\n.contributor-avatars__avatar_default {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 500;\n}\n.contributor-avatars__avatar:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: 1px;\n}\n.contributor-avatars__avatar:focus:not(:focus-visible) {\n  outline: 0;\n}\n.contributor-avatars__displayed_avatars {\n  display: flex;\n}\n.contributor-avatars__displayed_avatars a,\n.contributor-avatars__displayed_avatars a:hover,\n.contributor-avatars__displayed_avatars a:visited,\n.contributor-avatars__displayed_avatars a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.contributor-avatars__displayed_avatars a {\n  cursor: pointer;\n}\n.contributor-avatars__displayed_avatars > * {\n  margin-left: 1.5px;\n  margin-right: calc(1.5px + 2px);\n}\n.contributor-avatars__displayed_avatars a {\n  border-radius: 50%;\n}\n.contributor-avatars__hidden_avatars {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--g-color-text-secondary);\n  border-radius: 50%;\n  text-align: center;\n  cursor: pointer;\n}\n.contributor-avatars__hidden_avatars > * {\n  background: var(--g-color-base-misc-light);\n  flex-direction: column;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  margin: 0 1.5px;\n  box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);\n}\n.contributor-avatars__details {\n  display: flex;\n}\n.contributor-avatars__details > div:last-child {\n  font-size: 13px;\n  font-weight: 400;\n  margin: auto 12px;\n}\n.contributor-avatars__details_name {\n  color: var(--g-color-text-primary);\n  line-height: 18px;\n}\n.contributor-avatars__popup {\n  box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);\n}\n.contributor-avatars__popup a,\n.contributor-avatars__popup a:hover,\n.contributor-avatars__popup a:visited,\n.contributor-avatars__popup a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.contributor-avatars__popup a {\n  cursor: pointer;\n}\n.contributor-avatars__popup_content {\n  padding: 12px;\n}\n.contributor-avatars__popup_content > *:not(:last-child) {\n  margin-bottom: 12px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Db250cmlidXRvckF2YXRhcnMiLCJzb3VyY2VzIjpbIkNvbnRyaWJ1dG9yQXZhdGFycy5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCSTtFQUNJO0VBQ0E7O0FBakJKO0FBQUE7QUFBQTtBQUFBO0VBSUk7RUFDQTtFQUNBOztBQUdKO0VBQ0k7O0FBVUE7RUMwREo7RUFDQTtFQUNBO0VBQ0E7O0FEekRJO0VBQ0k7SUFDSTs7RUFHSjtJQUVJOztFQUdKO0lBQ0k7O0VBR0o7SUFDSTs7O0FBSVI7RUFDSTtJQUNJOztFQUdKO0lBQ0k7OztBQU1SO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0ksUUF4RWE7RUF5RWIsT0F6RWE7O0FBNEVqQjtFQUNJLFFBNUVXO0VBNkVYLE9BN0VXOztBQWdGZjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsV0E1RlM7RUE2RlQsYUE1Rlc7O0FDMkJuQjtFQUNJO0VBQ0EsZ0JEa0VtQjs7QUNoRXZCO0VBQ0k7O0FEa0VKO0VBQ0k7O0FBMUZKO0FBQUE7QUFBQTtBQUFBO0VBSUk7RUFDQTtFQUNBOztBQUdKO0VBQ0k7O0FBbUZBO0VBQ0ksYUFyR0c7RUFzR0g7O0FBRUo7RUFDSTs7QUFJUjtFQUNJLFdBakhhO0VBa0hiLGFBakhlO0VBa0hmO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBSVI7RUFDSTs7QUFFQTtFQUNJO0VBQ0E7RUFDQTs7QUFJUjtFQUNJO0VBQ0EsYUEzSVM7O0FBOEliO0VBQ0k7O0FBeklKO0FBQUE7QUFBQTtBQUFBO0VBSUk7RUFDQTtFQUNBOztBQUdKO0VBQ0k7O0FBbUlKO0VBQ0ksU0F0SlE7O0FBd0pSO0VBQ0ksZUF6SkkiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcbkBpbXBvcnQgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4kYXZhdGFyc0Rpc3RhbmNlOiAycHg7XG4kYXZhdGFyVGV4dEZvbnRTaXplOiAxMnB4O1xuJGF2YXRhclRleHRGb250V2VpZ2h0OiA1MDA7XG4kZGV0YWlsc0luZGVudDogMTJweDtcbiRhdmF0YXJCb3JkZXI6IDEuNXB4O1xuJHRleHRMaW5lSGVpZ2h0OiAxOHB4O1xuXG4kYXZhdGFyV3JhcHBlclNtYWxsU2l6ZTogMjNweDtcbiRhdmF0YXJXcmFwcGVyQmlnU2l6ZTogMzNweDtcblxuQG1peGluIGRpc2FibGUtbGluay1zdHlsZXMge1xuICAgIGEsXG4gICAgYTpob3ZlcixcbiAgICBhOnZpc2l0ZWQsXG4gICAgYTphY3RpdmUge1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgIH1cblxuICAgIGEge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxufVxuXG4uY29udHJpYnV0b3ItYXZhdGFycyB7XG4gICAgJl9fb25lX2NvbnRyaWJ1dG9yIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgbWFyZ2luOiAwICRhdmF0YXJCb3JkZXI7XG4gICAgICAgIEBpbmNsdWRlIGRpc2FibGUtbGluay1zdHlsZXM7XG5cbiAgICAgICAgJiA+ICoge1xuICAgICAgICAgICAgQGluY2x1ZGUgY29udHJpYnV0b3JzLXRleHQoKTtcbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICAgICAgJl9vbmx5QXV0aG9yID4gKjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogNXB4O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmID4gKjpsYXN0LWNoaWxkLFxuICAgICAgICAgICAgJiA+IC5kZXNrdG9wIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmX29ubHlBdXRob3IgPiAqOmxhc3QtY2hpbGQge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmID4gKjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDBweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICAgICAgJiA+IC5tb2JpbGUge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYgPiAqOmxhc3QtY2hpbGQge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fYXZhdGFyIHtcbiAgICAgICAgJiB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAkYXZhdGFyQm9yZGVyIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljLWFjY2VudCk7XG4gICAgICAgICAgICBib3JkZXI6IDA7XG4gICAgICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgICAgIGN1cnNvcjogaW5oZXJpdDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGluaXRpYWw7XG4gICAgICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfc2l6ZV9zbWFsbCB7XG4gICAgICAgICAgICBoZWlnaHQ6ICRhdmF0YXJXcmFwcGVyU21hbGxTaXplO1xuICAgICAgICAgICAgd2lkdGg6ICRhdmF0YXJXcmFwcGVyU21hbGxTaXplO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9zaXplX2JpZyB7XG4gICAgICAgICAgICBoZWlnaHQ6ICRhdmF0YXJXcmFwcGVyQmlnU2l6ZTtcbiAgICAgICAgICAgIHdpZHRoOiAkYXZhdGFyV3JhcHBlckJpZ1NpemU7XG4gICAgICAgIH1cblxuICAgICAgICAmX2RlZmF1bHQge1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogJGF2YXRhclRleHRGb250U2l6ZTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiAkYXZhdGFyVGV4dEZvbnRXZWlnaHQ7XG4gICAgICAgIH1cblxuICAgICAgICBAaW5jbHVkZSBmb2N1c2FibGUoMXB4KTtcbiAgICB9XG5cbiAgICAmX19kaXNwbGF5ZWRfYXZhdGFycyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIEBpbmNsdWRlIGRpc2FibGUtbGluay1zdHlsZXM7XG5cbiAgICAgICAgJiA+ICoge1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6ICRhdmF0YXJCb3JkZXI7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IGNhbGMoI3skYXZhdGFyQm9yZGVyfSArICN7JGF2YXRhcnNEaXN0YW5jZX0pO1xuICAgICAgICB9XG4gICAgICAgICYgYSB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7IC8vIHRvIGhhdmUgcm91bmRlZCBvdXRsaW5lIG9uIGZvY3VzIGFzIGFsbCBhdmF0YXJzIHJvdW5kZWRcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2hpZGRlbl9hdmF0YXJzIHtcbiAgICAgICAgZm9udC1zaXplOiAkYXZhdGFyVGV4dEZvbnRTaXplO1xuICAgICAgICBmb250LXdlaWdodDogJGF2YXRhclRleHRGb250V2VpZ2h0O1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICAgJiA+ICoge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLW1pc2MtbGlnaHQpO1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIG1hcmdpbjogMCAkYXZhdGFyQm9yZGVyO1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgJGF2YXRhckJvcmRlciB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYy1hY2NlbnQpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fZGV0YWlscyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG5cbiAgICAgICAgJiA+IGRpdjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgICAgICAgICBtYXJnaW46IGF1dG8gJGRldGFpbHNJbmRlbnQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19kZXRhaWxzX25hbWUge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuICAgICAgICBsaW5lLWhlaWdodDogJHRleHRMaW5lSGVpZ2h0O1xuICAgIH1cblxuICAgICZfX3BvcHVwIHtcbiAgICAgICAgYm94LXNoYWRvdzogMHB4IDNweCAyNHB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcbiAgICAgICAgQGluY2x1ZGUgZGlzYWJsZS1saW5rLXN0eWxlcztcbiAgICB9XG5cbiAgICAmX19wb3B1cF9jb250ZW50IHtcbiAgICAgICAgcGFkZGluZzogJGRldGFpbHNJbmRlbnQ7XG5cbiAgICAgICAgJiA+ICo6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAkZGV0YWlsc0luZGVudDtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkBpbXBvcnQgJy4vdmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCkge1xuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgfVxuICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgIG91dGxpbmU6IDA7XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBAaW5jbHVkZSBpc2xhbmRzLWZvY3VzKCk7XG5cbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgICY6aG92ZXIsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmstaG92ZXIpO1xuICAgIH1cblxuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgpO1xufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@import './variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin focusable($offset: 0) {\n    &:focus {\n        outline: 2px solid var(--g-color-line-focus);\n        outline-offset: $offset;\n    }\n    &:focus:not(:focus-visible) {\n        outline: 0;\n    }\n}\n\n@mixin link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n\n    @include focusable();\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
+  "mappings": ";AA6BI,CAAA;AACI,WAAA;AACA,UAAA,EAAA;AC5BR;ADWI,CAeA,qCAfA;CAeA;CAAA;CAAA;AAXI,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACTR;ADYI,CAMA,qCANA;AACI,UAAA;ACVR;ADoBQ,CALJ,qCAKI,EAAA;AE0DJ,aAAA;AACA,eAAA;AACA,gBAAA;AACA,cAAA;AD3EJ;ADkBQ,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AACI,GAAA,gDAAA,EAAA,CAAA;AACI,iBAAA;AChBd;ADmBU,GAdR,qCAcQ,EAAA,CAAA;EAAA,CAdR,qCAcQ,EAAA,CAAA;AAEI,aAAA;AClBd;ADqBU,GATA,gDASA,EAAA,CAAA;AACI,aAAA;ACnBd;ADsBU,GAvBR,qCAuBQ,EAAA,CAAA,KAAA;AACI,kBAAA;ACpBd;AACF;ADuBQ,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AACI,GA7BR,qCA6BQ,EAAA,CAAA;AACI,aAAA;ACrBd;ADwBU,GAjCR,qCAiCQ,EAAA,CAAA;AACI,kBAAA;ACtBd;AACF;AD2BQ,CAAA;AACI,iBAAA;AACA,cAAA,EAAA,EAAA,EAAA,MAAA,IAAA;AACA,UAAA;AACA,SAAA;AACA,UAAA;AACA,oBAAA;AACA,WAAA;AACA,eAAA;AACA,eAAA;ACzBZ;AD4BQ,CAAA;AACI,UAAA;AACA,SAAA;AC1BZ;AD6BQ,CAAA;AACI,UAAA;AACA,SAAA;AC3BZ;AD8BQ,CAAA;AACI,cAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;AACA,aAAA;AACA,eAAA;AC5BZ;ACrCI,CFqCI,2BErCJ;AACI,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;ADuCR;ACrCI,CFiCI,2BEjCJ,MAAA,KAAA;AACI,WAAA;ADuCR;AD2BI,CAAA;AACI,WAAA;ACzBR;ADjEI,CAyFA,uCAzFA;CAyFA;CAAA;CAAA;AArFI,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACmER;ADhEI,CAgFA,uCAhFA;AACI,UAAA;ACkER;ADiBQ,CAJJ,uCAII,EAAA;AACI,eAAA;AACA,gBAAA,KAAA,MAAA,EAAA;ACfZ;ADiBQ,CARJ,uCAQI;AACI,iBAAA;ACfZ;ADmBI,CAAA;AACI,aAAA;AACA,eAAA;AACA,SAAA,IAAA;AACA,iBAAA;AACA,cAAA;AACA,UAAA;ACjBR;ADmBQ,CARJ,oCAQI,EAAA;AACI,cAAA,IAAA;AACA,kBAAA;AACA,cAAA;AACA,WAAA;AACA,mBAAA;AACA,UAAA,EAAA;AACA,cAAA,EAAA,EAAA,EAAA,MAAA,IAAA;ACjBZ;ADqBI,CAAA;AACI,WAAA;ACnBR;ADqBQ,CAHJ,6BAGI,EAAA,GAAA;AACI,aAAA;AACA,eAAA;AACA,UAAA,KAAA;ACnBZ;ADuBI,CAAA;AACI,SAAA,IAAA;AACA,eAAA;ACrBR;ADwBI,CAAA;AACI,cAAA,IAAA,IAAA,KAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;ACtBR;ADnHI,CAwIA,2BAxIA;CAwIA;CAAA;CAAA;AApII,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACqHR;ADlHI,CA+HA,2BA/HA;AACI,UAAA;ACoHR;ADeI,CAAA;AACI,WAAA;ACbR;ADeQ,CAHJ,mCAGI,EAAA,CAAA,KAAA;AACI,iBAAA;ACbZ;",
   "names": []
 }

package/build/cjs/components/ContributorAvatars/ContributorAvatars.js CHANGED Viewed

@@ -34,8 +34,8 @@ __export(ContributorAvatars_exports, {
 });
 module.exports = __toCommonJS(ContributorAvatars_exports);
 var import_react = __toESM(require("react"));
+var import_uikit = require("@gravity-ui/uikit");
 var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
-var import_Link = __toESM(require("../Link"));
 var import_Avatar = __toESM(require("./Avatars/Avatar"));
 var import_AvatarWithDescription = __toESM(require("./Avatars/AvatarWithDescription"));
 var import_HiddenAvatars = __toESM(require("./Avatars/HiddenAvatars"));
@@ -57,7 +57,15 @@ var ContributorAvatars = (props) => {
   const hiddenContributors = displayedContributors.splice(MAX_DISPLAYED_CONTRIBUTORS);
   const displayedAvatars = displayedContributors.map((contributor) => {
     const { url, login, email } = contributor;
-    return /* @__PURE__ */ import_react.default.createElement(import_Link.default, { key: `displayed-contributors-${login || email}`, url }, /* @__PURE__ */ import_react.default.createElement(import_AvatarWithDescription.default, { contributor, avatarSize: import_models.AvatarSizes.SMALL }));
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_uikit.Link,
+      {
+        key: `displayed-contributors-${login || email}`,
+        href: url,
+        extraProps: { tabIndex: contributor.avatar ? void 0 : -1 }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_AvatarWithDescription.default, { contributor, avatarSize: import_models.AvatarSizes.SMALL })
+    );
   });
   const hiddenAvatars = /* @__PURE__ */ import_react.default.createElement(import_HiddenAvatars.default, { contributors: hiddenContributors, avatarsSize: import_models.AvatarSizes.SMALL });
   const avatars = /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: b("displayed_avatars") }, displayedAvatars), /* @__PURE__ */ import_react.default.createElement("div", { className: b("hidden_avatars") }, hiddenAvatars));
@@ -75,10 +83,10 @@ function getOneAvatar(contributor, isAuthor, onlyAuthor) {
       contributor,
       avatarSize: import_models.AvatarSizes.SMALL
     }
-  )), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Link.default, { url: contributor.url }, (0, import_utils.getName)(contributor, isAuthor))));
+  )), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_uikit.Link, { href: contributor.url }, (0, import_utils.getName)(contributor, isAuthor))));
 }
 function getRedirectingAvatar(avatarData, url, isRedirect = false) {
-  return /* @__PURE__ */ import_react.default.createElement(import_Link.default, { url }, /* @__PURE__ */ import_react.default.createElement(import_Avatar.default, { avatarData, isRedirect }));
+  return /* @__PURE__ */ import_react.default.createElement(import_uikit.Link, { href: url, extraProps: { tabIndex: avatarData.contributor.avatar ? void 0 : -1 } }, /* @__PURE__ */ import_react.default.createElement(import_Avatar.default, { avatarData, isRedirect }));
 }
 var ContributorAvatars_default = ContributorAvatars;
 //# sourceMappingURL=ContributorAvatars.js.map

package/build/cjs/components/ContributorAvatars/ContributorAvatars.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/ContributorAvatars/ContributorAvatars.tsx"],
-  "sourcesContent": ["import React, {Fragment, ReactElement} from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../models';\nimport Link from '../Link';\n\nimport Avatar from './Avatars/Avatar';\nimport AvatarWithDescription from './Avatars/AvatarWithDescription';\nimport HiddenAvatars from './Avatars/HiddenAvatars';\nimport {AvatarData, AvatarSizes} from './models';\nimport {getName} from './utils';\n\nimport './ContributorAvatars.scss';\n\nconst b = block('contributor-avatars');\n\nconst MAX_DISPLAYED_CONTRIBUTORS = 3;\n\nexport interface ContributorAvatarsProps {\n    contributors: Contributor[];\n    isAuthor?: boolean;\n    onlyAuthor?: boolean;\n}\n\nconst ContributorAvatars: React.FC<ContributorAvatarsProps> = (props) => {\n    const {contributors, isAuthor = false, onlyAuthor = false} = props;\n\n    if (!contributors || contributors.length === 0) {\n        return null;\n    }\n\n    if (contributors.length === 1) {\n        const oneAvatar = getOneAvatar(contributors[0], isAuthor, onlyAuthor);\n        return oneAvatar;\n    }\n\n    const displayedContributors = [...contributors];\n    const hiddenContributors = displayedContributors.splice(MAX_DISPLAYED_CONTRIBUTORS);\n\n    const displayedAvatars = displayedContributors.map((contributor: Contributor) => {\n        const {url, login, email} = contributor;\n        return (\n            <Link key={`displayed-contributors-${login || email}`} url={url}>\n                <AvatarWithDescription contributor={contributor} avatarSize={AvatarSizes.SMALL} />\n            </Link>\n        );\n    });\n\n    const hiddenAvatars = (\n        <HiddenAvatars contributors={hiddenContributors} avatarsSize={AvatarSizes.SMALL} />\n    );\n\n    const avatars = (\n        <Fragment>\n            <div className={b('displayed_avatars')}>{displayedAvatars}</div>\n            <div className={b('hidden_avatars')}>{hiddenAvatars}</div>\n        </Fragment>\n    );\n\n    return avatars;\n};\n\nfunction getOneAvatar(\n    contributor: Contributor,\n    isAuthor: boolean,\n    onlyAuthor: boolean,\n): ReactElement {\n    const avatarData: AvatarData = {\n        contributor,\n        size: AvatarSizes.SMALL,\n    };\n\n    const wrapperModifiers = isAuthor ? {onlyAuthor} : {};\n\n    return (\n        <div className={b('one_contributor', wrapperModifiers)}>\n            <div className={'desktop'}>{getRedirectingAvatar(avatarData, contributor.url)} </div>\n            <div className={'mobile'}>\n                {isAuthor && onlyAuthor ? (\n                    getRedirectingAvatar(avatarData, contributor.url, true)\n                ) : (\n                    <AvatarWithDescription\n                        contributor={contributor}\n                        avatarSize={AvatarSizes.SMALL}\n                    />\n                )}\n            </div>\n            <div>\n                <Link url={contributor.url}>{getName(contributor, isAuthor)}</Link>\n            </div>\n        </div>\n    );\n}\n\nfunction getRedirectingAvatar(avatarData: AvatarData, url: string, isRedirect = false) {\n    return (\n        <Link url={url}>\n            <Avatar avatarData={avatarData} isRedirect={isRedirect} />\n        </Link>\n    );\n}\n\nexport default ContributorAvatars;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4C;AAE5C,yBAAkB;AAGlB,kBAAiB;AAEjB,oBAAmB;AACnB,mCAAkC;AAClC,2BAA0B;AAC1B,oBAAsC;AACtC,mBAAsB;AAEtB,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,qBAAqB;AAErC,IAAM,6BAA6B;AAQnC,IAAM,qBAAwD,CAAC,UAAU;AACrE,QAAM,EAAC,cAAc,WAAW,OAAO,aAAa,MAAK,IAAI;AAE7D,MAAI,CAAC,gBAAgB,aAAa,WAAW,GAAG;AAC5C,WAAO;AAAA,EACX;AAEA,MAAI,aAAa,WAAW,GAAG;AAC3B,UAAM,YAAY,aAAa,aAAa,CAAC,GAAG,UAAU,UAAU;AACpE,WAAO;AAAA,EACX;AAEA,QAAM,wBAAwB,CAAC,GAAG,YAAY;AAC9C,QAAM,qBAAqB,sBAAsB,OAAO,0BAA0B;AAElF,QAAM,mBAAmB,sBAAsB,IAAI,CAAC,gBAA6B;AAC7E,UAAM,EAAC,KAAK,OAAO,MAAK,IAAI;AAC5B,WACI,6BAAAC,QAAA,cAAC,YAAAC,SAAA,EAAK,KAAK,0BAA0B,SAAS,KAAK,IAAI,OACnD,6BAAAD,QAAA,cAAC,6BAAAE,SAAA,EAAsB,aAA0B,YAAY,0BAAY,OAAO,CACpF;AAAA,EAER,CAAC;AAED,QAAM,gBACF,6BAAAF,QAAA,cAAC,qBAAAG,SAAA,EAAc,cAAc,oBAAoB,aAAa,0BAAY,OAAO;AAGrF,QAAM,UACF,6BAAAH,QAAA,cAAC,6BACG,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,mBAAmB,KAAI,gBAAiB,GAC1D,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,gBAAgB,KAAI,aAAc,CACxD;AAGJ,SAAO;AACX;AAEA,SAAS,aACL,aACA,UACA,YACY;AACZ,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM,0BAAY;AAAA,EACtB;AAEA,QAAM,mBAAmB,WAAW,EAAC,WAAU,IAAI,CAAC;AAEpD,SACI,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,mBAAmB,gBAAgB,KACjD,6BAAAA,QAAA,cAAC,SAAI,WAAW,aAAY,qBAAqB,YAAY,YAAY,GAAG,GAAE,GAAC,GAC/E,6BAAAA,QAAA,cAAC,SAAI,WAAW,YACX,YAAY,aACT,qBAAqB,YAAY,YAAY,KAAK,IAAI,IAEtD,6BAAAA,QAAA;AAAA,IAAC,6BAAAE;AAAA,IAAA;AAAA,MACG;AAAA,MACA,YAAY,0BAAY;AAAA;AAAA,EAC5B,CAER,GACA,6BAAAF,QAAA,cAAC,aACG,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,KAAK,YAAY,WAAM,sBAAQ,aAAa,QAAQ,CAAE,CAChE,CACJ;AAER;AAEA,SAAS,qBAAqB,YAAwB,KAAa,aAAa,OAAO;AACnF,SACI,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,OACF,6BAAAD,QAAA,cAAC,cAAAI,SAAA,EAAO,YAAwB,YAAwB,CAC5D;AAER;AAEA,IAAO,6BAAQ;",
-  "names": ["block", "React", "Link", "AvatarWithDescription", "HiddenAvatars", "Avatar"]
+  "sourcesContent": ["import React, {Fragment, ReactElement} from 'react';\n\nimport {Link} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../models';\n\nimport Avatar from './Avatars/Avatar';\nimport AvatarWithDescription from './Avatars/AvatarWithDescription';\nimport HiddenAvatars from './Avatars/HiddenAvatars';\nimport {AvatarData, AvatarSizes} from './models';\nimport {getName} from './utils';\n\nimport './ContributorAvatars.scss';\n\nconst b = block('contributor-avatars');\n\nconst MAX_DISPLAYED_CONTRIBUTORS = 3;\n\nexport interface ContributorAvatarsProps {\n    contributors: Contributor[];\n    isAuthor?: boolean;\n    onlyAuthor?: boolean;\n}\n\nconst ContributorAvatars: React.FC<ContributorAvatarsProps> = (props) => {\n    const {contributors, isAuthor = false, onlyAuthor = false} = props;\n\n    if (!contributors || contributors.length === 0) {\n        return null;\n    }\n\n    if (contributors.length === 1) {\n        const oneAvatar = getOneAvatar(contributors[0], isAuthor, onlyAuthor);\n        return oneAvatar;\n    }\n\n    const displayedContributors = [...contributors];\n    const hiddenContributors = displayedContributors.splice(MAX_DISPLAYED_CONTRIBUTORS);\n\n    const displayedAvatars = displayedContributors.map((contributor: Contributor) => {\n        const {url, login, email} = contributor;\n        return (\n            <Link\n                key={`displayed-contributors-${login || email}`}\n                href={url}\n                extraProps={{tabIndex: contributor.avatar ? undefined : -1}} // as Avatar component may be button\n            >\n                <AvatarWithDescription contributor={contributor} avatarSize={AvatarSizes.SMALL} />\n            </Link>\n        );\n    });\n\n    const hiddenAvatars = (\n        <HiddenAvatars contributors={hiddenContributors} avatarsSize={AvatarSizes.SMALL} />\n    );\n\n    const avatars = (\n        <Fragment>\n            <div className={b('displayed_avatars')}>{displayedAvatars}</div>\n            <div className={b('hidden_avatars')}>{hiddenAvatars}</div>\n        </Fragment>\n    );\n\n    return avatars;\n};\n\nfunction getOneAvatar(\n    contributor: Contributor,\n    isAuthor: boolean,\n    onlyAuthor: boolean,\n): ReactElement {\n    const avatarData: AvatarData = {\n        contributor,\n        size: AvatarSizes.SMALL,\n    };\n\n    const wrapperModifiers = isAuthor ? {onlyAuthor} : {};\n\n    return (\n        <div className={b('one_contributor', wrapperModifiers)}>\n            <div className={'desktop'}>{getRedirectingAvatar(avatarData, contributor.url)} </div>\n            <div className={'mobile'}>\n                {isAuthor && onlyAuthor ? (\n                    getRedirectingAvatar(avatarData, contributor.url, true)\n                ) : (\n                    <AvatarWithDescription\n                        contributor={contributor}\n                        avatarSize={AvatarSizes.SMALL}\n                    />\n                )}\n            </div>\n            <div>\n                <Link href={contributor.url}>{getName(contributor, isAuthor)}</Link>\n            </div>\n        </div>\n    );\n}\n\nfunction getRedirectingAvatar(avatarData: AvatarData, url: string, isRedirect = false) {\n    // as Avatar component may be a button, one need to set tabIndex\n    return (\n        <Link href={url} extraProps={{tabIndex: avatarData.contributor.avatar ? undefined : -1}}>\n            <Avatar avatarData={avatarData} isRedirect={isRedirect} />\n        </Link>\n    );\n}\n\nexport default ContributorAvatars;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4C;AAE5C,mBAAmB;AACnB,yBAAkB;AAIlB,oBAAmB;AACnB,mCAAkC;AAClC,2BAA0B;AAC1B,oBAAsC;AACtC,mBAAsB;AAEtB,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,qBAAqB;AAErC,IAAM,6BAA6B;AAQnC,IAAM,qBAAwD,CAAC,UAAU;AACrE,QAAM,EAAC,cAAc,WAAW,OAAO,aAAa,MAAK,IAAI;AAE7D,MAAI,CAAC,gBAAgB,aAAa,WAAW,GAAG;AAC5C,WAAO;AAAA,EACX;AAEA,MAAI,aAAa,WAAW,GAAG;AAC3B,UAAM,YAAY,aAAa,aAAa,CAAC,GAAG,UAAU,UAAU;AACpE,WAAO;AAAA,EACX;AAEA,QAAM,wBAAwB,CAAC,GAAG,YAAY;AAC9C,QAAM,qBAAqB,sBAAsB,OAAO,0BAA0B;AAElF,QAAM,mBAAmB,sBAAsB,IAAI,CAAC,gBAA6B;AAC7E,UAAM,EAAC,KAAK,OAAO,MAAK,IAAI;AAC5B,WACI,6BAAAC,QAAA;AAAA,MAAC;AAAA;AAAA,QACG,KAAK,0BAA0B,SAAS,KAAK;AAAA,QAC7C,MAAM;AAAA,QACN,YAAY,EAAC,UAAU,YAAY,SAAS,SAAY,GAAE;AAAA;AAAA,MAE1D,6BAAAA,QAAA,cAAC,6BAAAC,SAAA,EAAsB,aAA0B,YAAY,0BAAY,OAAO;AAAA,IACpF;AAAA,EAER,CAAC;AAED,QAAM,gBACF,6BAAAD,QAAA,cAAC,qBAAAE,SAAA,EAAc,cAAc,oBAAoB,aAAa,0BAAY,OAAO;AAGrF,QAAM,UACF,6BAAAF,QAAA,cAAC,6BACG,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,mBAAmB,KAAI,gBAAiB,GAC1D,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,gBAAgB,KAAI,aAAc,CACxD;AAGJ,SAAO;AACX;AAEA,SAAS,aACL,aACA,UACA,YACY;AACZ,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM,0BAAY;AAAA,EACtB;AAEA,QAAM,mBAAmB,WAAW,EAAC,WAAU,IAAI,CAAC;AAEpD,SACI,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,mBAAmB,gBAAgB,KACjD,6BAAAA,QAAA,cAAC,SAAI,WAAW,aAAY,qBAAqB,YAAY,YAAY,GAAG,GAAE,GAAC,GAC/E,6BAAAA,QAAA,cAAC,SAAI,WAAW,YACX,YAAY,aACT,qBAAqB,YAAY,YAAY,KAAK,IAAI,IAEtD,6BAAAA,QAAA;AAAA,IAAC,6BAAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,YAAY,0BAAY;AAAA;AAAA,EAC5B,CAER,GACA,6BAAAD,QAAA,cAAC,aACG,6BAAAA,QAAA,cAAC,qBAAK,MAAM,YAAY,WAAM,sBAAQ,aAAa,QAAQ,CAAE,CACjE,CACJ;AAER;AAEA,SAAS,qBAAqB,YAAwB,KAAa,aAAa,OAAO;AAEnF,SACI,6BAAAA,QAAA,cAAC,qBAAK,MAAM,KAAK,YAAY,EAAC,UAAU,WAAW,YAAY,SAAS,SAAY,GAAE,KAClF,6BAAAA,QAAA,cAAC,cAAAG,SAAA,EAAO,YAAwB,YAAwB,CAC5D;AAER;AAEA,IAAO,6BAAQ;",
+  "names": ["block", "React", "AvatarWithDescription", "HiddenAvatars", "Avatar"]
 }

package/build/cjs/components/ContributorAvatars/models.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Contributor } from '../../models';
 export type PopupData = {
-    ref: React.MutableRefObject<HTMLImageElement | null>;
+    ref: React.MutableRefObject<(HTMLButtonElement & HTMLImageElement) | null>;
     isVisiblePopup: boolean;
     changeVisiblilityPopup: (visible?: boolean) => void;
 };

package/build/cjs/components/ContributorAvatars/models.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/ContributorAvatars/models.ts"],
-  "sourcesContent": ["import {Contributor} from '../../models';\n\nexport type PopupData = {\n    ref: React.MutableRefObject<HTMLImageElement | null>;\n    isVisiblePopup: boolean;\n    changeVisiblilityPopup: (visible?: boolean) => void;\n};\n\nexport type AvatarData = {\n    contributor: Contributor;\n    size?: string;\n    inDetails?: boolean;\n};\n\nexport enum AvatarSizes {\n    BIG = 'big',\n    SMALL = 'small',\n}\n"],
+  "sourcesContent": ["import {Contributor} from '../../models';\n\nexport type PopupData = {\n    ref: React.MutableRefObject<(HTMLButtonElement & HTMLImageElement) | null>;\n    isVisiblePopup: boolean;\n    changeVisiblilityPopup: (visible?: boolean) => void;\n};\n\nexport type AvatarData = {\n    contributor: Contributor;\n    size?: string;\n    inDetails?: boolean;\n};\n\nexport enum AvatarSizes {\n    BIG = 'big',\n    SMALL = 'small',\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcO,IAAK,cAAL,kBAAKA,iBAAL;AACH,EAAAA,aAAA,SAAM;AACN,EAAAA,aAAA,WAAQ;AAFA,SAAAA;AAAA,GAAA;",
   "names": ["AvatarSizes"]
 }

package/build/cjs/components/Contributors/Contributors.css.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Contributors/Users/3y3k0/doctools/docs-components/src/components/Contributors/Contributors.scss", "../../../../src/components/Contributors/%3Cinput%20css%20KOSctK%3E", "../../../../src/components/Contributors/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
-  "sourcesContent": ["@import '../../styles/mixins';\n\n.contributors {\n    display: flex;\n    margin: 0 0 32px;\n\n    &__title {\n        @include contributors-text();\n    }\n}\n", ".contributors {\n  display: flex;\n  margin: 0 0 32px;\n}\n.contributors__title {\n  font-size: 13px;\n  font-weight: 400;\n  margin-right: 5px;\n  align-self: center;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Db250cmlidXRvcnMiLCJzb3VyY2VzIjpbIkNvbnRyaWJ1dG9ycy5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0k7RUFDQTs7QUFFQTtFQ3lFQTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uY29udHJpYnV0b3JzIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbjogMCAwIDMycHg7XG5cbiAgICAmX190aXRsZSB7XG4gICAgICAgIEBpbmNsdWRlIGNvbnRyaWJ1dG9ycy10ZXh0KCk7XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@import './variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
-  "mappings": ";AAEA,CAAA;AACI,WAAA;AACA,UAAA,EAAA,EAAA;ACDJ;ADGI,CAAA;AEyEA,aAAA;AACA,eAAA;AACA,gBAAA;AACA,cAAA;ADzEJ;",
+  "sources": ["../../../../src/components/Contributors/Users/3y3k0/doctools/docs-components/src/components/Contributors/Contributors.scss", "../../../../src/components/Contributors/%3Cinput%20css%20PtOECt%3E", "../../../../src/components/Contributors/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
+  "sourcesContent": ["@import '../../styles/mixins';\n\n.contributors {\n    display: flex;\n    margin: 0 0 32px;\n\n    &__title {\n        @include contributors-text();\n    }\n}\n", ".contributors {\n  display: flex;\n  margin: 0 0 32px;\n}\n.contributors__title {\n  font-size: 13px;\n  font-weight: 400;\n  margin-right: 5px;\n  align-self: center;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Db250cmlidXRvcnMiLCJzb3VyY2VzIjpbIkNvbnRyaWJ1dG9ycy5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0k7RUFDQTs7QUFFQTtFQ3NGQTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uY29udHJpYnV0b3JzIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbjogMCAwIDMycHg7XG5cbiAgICAmX190aXRsZSB7XG4gICAgICAgIEBpbmNsdWRlIGNvbnRyaWJ1dG9ycy10ZXh0KCk7XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGZvY3VzYWJsZSgkb2Zmc2V0OiAwKSB7XG4gICAgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICBvdXRsaW5lLW9mZnNldDogJG9mZnNldDtcbiAgICB9XG4gICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgb3V0bGluZTogMDtcbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxuXG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKCk7XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc0KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNDAwO1xufVxuXG5AbWl4aW4gY29udHJpYnV0b3JzLXRleHQoKSB7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuXG5AbWl4aW4gdGV4dC1ib2R5LTEoKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG59XG5cbkBtaXhpbiBkZXNrdG9wLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */", "@import './variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin focusable($offset: 0) {\n    &:focus {\n        outline: 2px solid var(--g-color-line-focus);\n        outline-offset: $offset;\n    }\n    &:focus:not(:focus-visible) {\n        outline: 0;\n    }\n}\n\n@mixin link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n\n    @include focusable();\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
+  "mappings": ";AAEA,CAAA;AACI,WAAA;AACA,UAAA,EAAA,EAAA;ACDJ;ADGI,CAAA;AEsFA,aAAA;AACA,eAAA;AACA,gBAAA;AACA,cAAA;ADtFJ;",
   "names": []
 }

package/build/cjs/components/Control/Control.css CHANGED Viewed

@@ -1,4 +1,7 @@
 /* src/components/Control/Control.scss */
+.dc-control::before {
+  outline-offset: -2px;
+}
 .dc-control__tooltip {
   display: flex;
   align-items: center;

package/build/cjs/components/Control/Control.css.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Control/Users/3y3k0/doctools/docs-components/src/components/Control/Control.scss", "../../../../src/components/Control/%3Cinput%20css%20wuDpo1%3E", "../../../../src/components/Control/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
-  "sourcesContent": ["@import '../../styles/mixins';\n\n.dc-control {\n    &__tooltip {\n        display: flex;\n        align-items: center;\n        padding: 4px 8px;\n        border: none;\n        height: 26px;\n    }\n\n    &__tooltip-text {\n        @include text-size(body-1);\n        display: block;\n        white-space: nowrap;\n    }\n}\n", ".dc-control__tooltip {\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  border: none;\n  height: 26px;\n}\n.dc-control__tooltip-text {\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n  display: block;\n  white-space: nowrap;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Db250cm9sIiwic291cmNlcyI6WyJDb250cm9sLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0k7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VDUkE7RUFDQTtFRFNJO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLWNvbnRyb2wge1xuICAgICZfX3Rvb2x0aXAge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBwYWRkaW5nOiA0cHggOHB4O1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGhlaWdodDogMjZweDtcbiAgICB9XG5cbiAgICAmX190b29sdGlwLXRleHQge1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0xKTtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@import './variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
-  "mappings": ";AAGI,CAAA;AACI,WAAA;AACA,eAAA;AACA,WAAA,IAAA;AACA,UAAA;AACA,UAAA;ACFR;ADKI,CAAA;AERA,aAAA,IAAA;AACA,eAAA,IAAA;AFSI,WAAA;AACA,eAAA;ACFR;",
+  "sources": ["../../../../src/components/Control/Users/3y3k0/doctools/docs-components/src/components/Control/Control.scss", "../../../../src/components/Control/%3Cinput%20css%20QhdW_F%3E", "../../../../src/components/Control/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
+  "sourcesContent": ["@import '../../styles/mixins';\n\n.dc-control {\n    &::before {\n        outline-offset: -2px; // as outline on focues goes out of toc's borders\n    }\n    &__tooltip {\n        display: flex;\n        align-items: center;\n        padding: 4px 8px;\n        border: none;\n        height: 26px;\n    }\n\n    &__tooltip-text {\n        @include text-size(body-1);\n        display: block;\n        white-space: nowrap;\n    }\n}\n", ".dc-control::before {\n  outline-offset: -2px;\n}\n.dc-control__tooltip {\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  border: none;\n  height: 26px;\n}\n.dc-control__tooltip-text {\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n  display: block;\n  white-space: nowrap;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Db250cm9sIiwic291cmNlcyI6WyJDb250cm9sLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0k7RUFDSTs7QUFFSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0o7RUNYQTtFQUNBO0VEWUk7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uZGMtY29udHJvbCB7XG4gICAgJjo6YmVmb3JlIHtcbiAgICAgICAgb3V0bGluZS1vZmZzZXQ6IC0ycHg7IC8vIGFzIG91dGxpbmUgb24gZm9jdWVzIGdvZXMgb3V0IG9mIHRvYydzIGJvcmRlcnNcbiAgICB9XG4gICAgJl9fdG9vbHRpcCB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHBhZGRpbmc6IDRweCA4cHg7XG4gICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgaGVpZ2h0OiAyNnB4O1xuICAgIH1cblxuICAgICZfX3Rvb2x0aXAtdGV4dCB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTEpO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG59XG4iLCJAaW1wb3J0ICcuL3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xuICAgIG1hcmdpbi10b3A6IGNhbGMoI3skb2Zmc2V0fSAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDApIHtcbiAgICAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgIH1cbiAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICBvdXRsaW5lOiAwO1xuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG5cbiAgICBAaW5jbHVkZSBmb2N1c2FibGUoKTtcbn1cblxuQG1peGluIGhlYWRpbmcxKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0yKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0yKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzUoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */", "@import './variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin focusable($offset: 0) {\n    &:focus {\n        outline: 2px solid var(--g-color-line-focus);\n        outline-offset: $offset;\n    }\n    &:focus:not(:focus-visible) {\n        outline: 0;\n    }\n}\n\n@mixin link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n\n    @include focusable();\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
+  "mappings": ";AAGI,CAAA,UAAA;AACI,kBAAA;ACFR;ADII,CAAA;AACI,WAAA;AACA,eAAA;AACA,WAAA,IAAA;AACA,UAAA;AACA,UAAA;ACFR;ADKI,CAAA;AEXA,aAAA,IAAA;AACA,eAAA,IAAA;AFYI,WAAA;AACA,eAAA;ACFR;",
   "names": []
 }

package/build/cjs/components/Control/Control.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ButtonProps } from '@gravity-ui/uikit';
 import { PopperPosition } from '../../hooks';
 import { ControlSizes } from '../../models';
 import './Control.scss';
@@ -11,10 +12,15 @@ export interface ControlProps {
     setRef?: (ref: HTMLButtonElement) => void;
     isVerticalView?: boolean;
     tooltipText: string;
+    isTooltipHidden?: boolean;
     className?: string;
+    href?: string;
+    target?: string;
+    rel?: string;
     size?: ControlSizes;
     icon: React.FC<IconProps>;
     popupPosition?: PopperPosition;
+    buttonExtraProps?: ButtonProps['extraProps'];
 }
 declare const Control: React.ForwardRefExoticComponent<ControlProps & React.RefAttributes<unknown>>;
 export default Control;