@diplodoc/components 5.2.1 → 5.2.2

package/build/esm/components/BookmarkButton/BookmarkButton.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/BookmarkButton/BookmarkButton.scss", "../../../../src/components/BookmarkButton/%3Cinput css RkZzsb%3E"],
+  "sources": ["../../../../src/components/BookmarkButton/BookmarkButton.scss", "../../../../src/components/BookmarkButton/%3Cinput css 7sX8Wv%3E"],
   "sourcesContent": ["// same as share button keep it sync :)\n\n.dc-bookmark-button {\n    vertical-align: middle;\n    margin: 0 0 5px 12px;\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 0 5px 12px;\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0Jvb2ttYXJrQnV0dG9uIiwic291cmNlcyI6WyJCb29rbWFya0J1dHRvbi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0k7RUFDQTs7QUFFQTtFQUNJOztBQUdKO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBzYW1lIGFzIHNoYXJlIGJ1dHRvbiBrZWVwIGl0IHN5bmMgOilcblxuLmRjLWJvb2ttYXJrLWJ1dHRvbiB7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICBtYXJnaW46IDAgMCA1cHggMTJweDtcblxuICAgICY6aG92ZXI6OmJlZm9yZSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgICZfYWN0aXZlICZfX2ljb24ge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci1iYXNlLWJyYW5kKTtcbiAgICB9XG59XG4iXX0= */"],
   "mappings": ";AAEA,CAAA;AACI,kBAAA;AACA,UAAA,EAAA,EAAA,IAAA;ACDJ;ADGI,CAJJ,kBAII,MAAA;AACI,oBAAA;ACDR;ADII,CAAA,0BAAA,CAAA;AACI,SAAA,IAAA;ACFR;",
   "names": []

package/build/esm/components/Breadcrumbs/Breadcrumbs.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Breadcrumbs/%3Cinput css -CElNK%3E", "../../../../src/components/Breadcrumbs/Breadcrumbs.scss", "../../../../src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/Breadcrumbs/%3Cinput css k8kNFU%3E", "../../../../src/components/Breadcrumbs/Breadcrumbs.scss", "../../../../src/styles/mixins.scss"],
   "sourcesContent": ["@charset \"UTF-8\";\n.dc-breadcrumbs {\n  width: 100%;\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\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.dc-breadcrumbs__text_link {\n  outline: none;\n  color: var(--g-color-text-link);\n  text-decoration: none;\n  cursor: pointer;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzIiwic291cmNlcyI6WyJCcmVhZGNydW1icy5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFHQTtFQUNJO0VDQUE7RUFDQTs7QURHQTtFQ0NBO0VBQ0E7RUFDQTtFREFJO0VBQ0E7RUFDQTtFQUVBOztBQUdKO0VBQ0k7O0FBRUE7RUFDSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFFSjtFQUNJOztBQUlSO0VBQ0k7O0FBRUE7RUFDSTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL3N0eWxlcy92YXJpYWJsZXMnO1xuQHVzZSAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbi5kYy1icmVhZGNydW1icyB7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICBAaW5jbHVkZSBtaXhpbnMudGV4dC1zaXplKGJvZHktMSk7XG5cbiAgICAmX19pdGVtcyB7XG4gICAgICAgIEBpbmNsdWRlIG1peGlucy5yZXNldC1saXN0LXN0eWxlKCk7XG5cbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1zZWNvbmRhcnkpO1xuICAgIH1cblxuICAgICZfX2l0ZW0ge1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmU7XG5cbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgICAgY29udGVudDogJ1xcYTAvICc7XG4gICAgICAgICAgICBtYXJnaW46IDAgNXB4O1xuICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1oaW50KTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6bGFzdC1jaGlsZDo6YWZ0ZXIge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX3RleHQge1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuXG4gICAgICAgICZfbGluayB7XG4gICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICAgICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJ3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */", "@use '../../styles/variables';\n@use '../../styles/mixins';\n\n.dc-breadcrumbs {\n    width: 100%;\n\n    @include mixins.text-size(body-1);\n\n    &__items {\n        @include mixins.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        &_link {\n            outline: none;\n            color: var(--g-color-text-link);\n            text-decoration: none;\n            cursor: pointer;\n        }\n    }\n}\n", "@use 'sass:map';\n@use '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, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$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, $mode: 'outline') {\n    @if $mode == 'outline' {\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    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\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(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
   "mappings": ";;;ACGA,CAAA;AACI,SAAA;ACAA,aAAA,IAAA;AACA,eAAA,IAAA;AFAJ;ACGI,CAAA;ACCA,UAAA;AACA,WAAA;AACA,cAAA;ADAI,eAAA;AACA,YAAA;AACA,iBAAA;AAEA,SAAA,IAAA;ADDR;ACII,CAAA;AACI,WAAA;ADFR;ACIQ,CAHJ,oBAGI;AACI,WAAA;AACA,UAAA,EAAA;AACA,SAAA,IAAA;ADFZ;ACKQ,CATJ,oBASI,WAAA;AACI,WAAA;ADHZ;ACKQ,CAZJ,oBAYI;AACI,SAAA,IAAA;ADHZ;ACOI,CAAA;AACI,eAAA;ADLR;ACOQ,CAAA;AACI,WAAA;AACA,SAAA,IAAA;AACA,2BAAA;AAAA,mBAAA;AACA,UAAA;ADLZ;",
   "names": []

package/build/esm/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,5 +1,5 @@
+import type { BreadcrumbItem } from '../../models';
 import React from 'react';
-import { BreadcrumbItem } from '../../models';
 import './Breadcrumbs.scss';
 export interface BreadcrumbsProps {
     items: BreadcrumbItem[];

package/build/esm/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport block from 'bem-cn-lite';\n\nimport {BreadcrumbItem} from '../../models';\n\nimport './Breadcrumbs.scss';\n\nconst b = block('dc-breadcrumbs');\n\nexport interface BreadcrumbsProps {\n    items: BreadcrumbItem[];\n    className?: string;\n}\n\nexport const Breadcrumbs: React.FC<BreadcrumbsProps> = ({items, className}) => {\n    if (!items || !items.length) {\n        return null;\n    }\n\n    return (\n        <nav className={b(null, className)} aria-label=\"Breadcrumbs\">\n            <ol className={b('items')}>\n                {items.map(({name, url}, index, subItems) => (\n                    <li key={index} className={b('item')}>\n                        {renderItem({name, url}, index === subItems.length - 1)}\n                    </li>\n                ))}\n            </ol>\n        </nav>\n    );\n};\n\nfunction renderItem({name, url}: BreadcrumbItem, isLast: boolean) {\n    const hasUrl = url && !isLast;\n\n    return React.createElement(\n        hasUrl ? 'a' : 'span',\n        {\n            className: b('text', {link: hasUrl}),\n            href: url,\n            ['aria-current']: isLast ? 'page' : null,\n        },\n        name,\n    );\n}\n"],
-  "mappings": ";AAAA,OAAO,WAAW;AAClB,OAAO,WAAW;AAIlB,OAAO;AAEP,IAAM,IAAI,MAAM,gBAAgB;AAOzB,IAAM,cAA0C,CAAC,EAAC,OAAO,UAAS,MAAM;AAC3E,MAAI,CAAC,SAAS,CAAC,MAAM,QAAQ;AACzB,WAAO;AAAA,EACX;AAEA,SACI,oCAAC,SAAI,WAAW,EAAE,MAAM,SAAS,GAAG,cAAW,iBAC3C,oCAAC,QAAG,WAAW,EAAE,OAAO,KACnB,MAAM,IAAI,CAAC,EAAC,MAAM,IAAG,GAAG,OAAO,aAC5B,oCAAC,QAAG,KAAK,OAAO,WAAW,EAAE,MAAM,KAC9B,WAAW,EAAC,MAAM,IAAG,GAAG,UAAU,SAAS,SAAS,CAAC,CAC1D,CACH,CACL,CACJ;AAER;AAEA,SAAS,WAAW,EAAC,MAAM,IAAG,GAAmB,QAAiB;AAC9D,QAAM,SAAS,OAAO,CAAC;AAEvB,SAAO,MAAM;AAAA,IACT,SAAS,MAAM;AAAA,IACf;AAAA,MACI,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAM,CAAC;AAAA,MACnC,MAAM;AAAA,MACN,CAAC,cAAc,GAAG,SAAS,SAAS;AAAA,IACxC;AAAA,IACA;AAAA,EACJ;AACJ;",
+  "sourcesContent": ["import type {BreadcrumbItem} from '../../models';\n\nimport React from 'react';\nimport block from 'bem-cn-lite';\n\nimport './Breadcrumbs.scss';\n\nconst b = block('dc-breadcrumbs');\n\nexport interface BreadcrumbsProps {\n    items: BreadcrumbItem[];\n    className?: string;\n}\n\nexport const Breadcrumbs: React.FC<BreadcrumbsProps> = ({items, className}) => {\n    if (!items || !items.length) {\n        return null;\n    }\n\n    return (\n        <nav className={b(null, className)} aria-label=\"Breadcrumbs\">\n            <ol className={b('items')}>\n                {items.map(({name, url}, index, subItems) => (\n                    <li key={index} className={b('item')}>\n                        {renderItem({name, url}, index === subItems.length - 1)}\n                    </li>\n                ))}\n            </ol>\n        </nav>\n    );\n};\n\nfunction renderItem({name, url}: BreadcrumbItem, isLast: boolean) {\n    const hasUrl = url && !isLast;\n\n    return React.createElement(\n        hasUrl ? 'a' : 'span',\n        {\n            className: b('text', {link: hasUrl}),\n            href: url,\n            ['aria-current']: isLast ? 'page' : null,\n        },\n        name,\n    );\n}\n"],
+  "mappings": ";AAEA,OAAO,WAAW;AAClB,OAAO,WAAW;AAElB,OAAO;AAEP,IAAM,IAAI,MAAM,gBAAgB;AAOzB,IAAM,cAA0C,CAAC,EAAC,OAAO,UAAS,MAAM;AAC3E,MAAI,CAAC,SAAS,CAAC,MAAM,QAAQ;AACzB,WAAO;AAAA,EACX;AAEA,SACI,oCAAC,SAAI,WAAW,EAAE,MAAM,SAAS,GAAG,cAAW,iBAC3C,oCAAC,QAAG,WAAW,EAAE,OAAO,KACnB,MAAM,IAAI,CAAC,EAAC,MAAM,IAAG,GAAG,OAAO,aAC5B,oCAAC,QAAG,KAAK,OAAO,WAAW,EAAE,MAAM,KAC9B,WAAW,EAAC,MAAM,IAAG,GAAG,UAAU,SAAS,SAAS,CAAC,CAC1D,CACH,CACL,CACJ;AAER;AAEA,SAAS,WAAW,EAAC,MAAM,IAAG,GAAmB,QAAiB;AAC9D,QAAM,SAAS,OAAO,CAAC;AAEvB,SAAO,MAAM;AAAA,IACT,SAAS,MAAM;AAAA,IACf;AAAA,MACI,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAM,CAAC;AAAA,MACnC,MAAM;AAAA,MACN,CAAC,cAAc,GAAG,SAAS,SAAS;AAAA,IACxC;AAAA,IACA;AAAA,EACJ;AACJ;",
   "names": []
 }

package/build/esm/components/ConsentPopup/ConsentPopup.d.ts

@@ -1,4 +1,4 @@
+import type { AnalyticsParams } from '../../hooks';
 import React from 'react';
-import { AnalyticsParams } from '../../hooks';
 declare const ConsentPopup: React.FC<AnalyticsParams>;
 export default ConsentPopup;

package/build/esm/components/ConsentPopup/ConsentPopup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/ConsentPopup/ConsentPopup.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {ConsentManager, ConsentMode, CookieConsent} from '@gravity-ui/components';\n\nimport {AnalyticsParams, useAnalytics} from '../../hooks';\n\nconst ConsentPopup: React.FC<AnalyticsParams> = (props) => {\n    const consentManager = React.useMemo(\n        () =>\n            new ConsentManager(\n                props.consentMode === 'notification' ? ConsentMode.Notification : ConsentMode.Base,\n            ),\n        [props.consentMode],\n    );\n    const [useConsent, setUseConsent] = React.useState(\n        Boolean(consentManager?.getConsents().analytics),\n    );\n\n    const onConsentPopupClose = React.useCallback(() => {\n        setUseConsent(Boolean(consentManager?.getConsents().analytics));\n    }, [consentManager]);\n\n    useAnalytics({\n        gtmId: props.gtmId,\n        router: props.router,\n        useConsent,\n    });\n\n    if (!consentManager) {\n        return null;\n    }\n\n    return (\n        <CookieConsent consentManager={consentManager} onConsentPopupClose={onConsentPopupClose} />\n    );\n};\n\nexport default ConsentPopup;\n"],
-  "mappings": ";AAAA,OAAO,WAAW;AAClB,SAAQ,gBAAgB,aAAa,qBAAoB;AAEzD,SAAyB,oBAAmB;AAE5C,IAAM,eAA0C,CAAC,UAAU;AACvD,QAAM,iBAAiB,MAAM;AAAA,IACzB,MACI,IAAI;AAAA,MACA,MAAM,gBAAgB,iBAAiB,YAAY,eAAe,YAAY;AAAA,IAClF;AAAA,IACJ,CAAC,MAAM,WAAW;AAAA,EACtB;AACA,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM;AAAA,IACtC,QAAQ,iDAAgB,cAAc,SAAS;AAAA,EACnD;AAEA,QAAM,sBAAsB,MAAM,YAAY,MAAM;AAChD,kBAAc,QAAQ,iDAAgB,cAAc,SAAS,CAAC;AAAA,EAClE,GAAG,CAAC,cAAc,CAAC;AAEnB,eAAa;AAAA,IACT,OAAO,MAAM;AAAA,IACb,QAAQ,MAAM;AAAA,IACd;AAAA,EACJ,CAAC;AAED,MAAI,CAAC,gBAAgB;AACjB,WAAO;AAAA,EACX;AAEA,SACI,oCAAC,iBAAc,gBAAgC,qBAA0C;AAEjG;AAEA,IAAO,uBAAQ;",
+  "sourcesContent": ["import type {AnalyticsParams} from '../../hooks';\n\nimport React from 'react';\nimport {ConsentManager, ConsentMode, CookieConsent} from '@gravity-ui/components';\n\nimport {useAnalytics} from '../../hooks';\n\nconst ConsentPopup: React.FC<AnalyticsParams> = (props) => {\n    const consentManager = React.useMemo(\n        () =>\n            new ConsentManager(\n                props.consentMode === 'notification' ? ConsentMode.Notification : ConsentMode.Base,\n            ),\n        [props.consentMode],\n    );\n    const [useConsent, setUseConsent] = React.useState(\n        Boolean(consentManager?.getConsents().analytics),\n    );\n\n    const onConsentPopupClose = React.useCallback(() => {\n        setUseConsent(Boolean(consentManager?.getConsents().analytics));\n    }, [consentManager]);\n\n    useAnalytics({\n        gtmId: props.gtmId,\n        router: props.router,\n        useConsent,\n    });\n\n    if (!consentManager) {\n        return null;\n    }\n\n    return (\n        <CookieConsent consentManager={consentManager} onConsentPopupClose={onConsentPopupClose} />\n    );\n};\n\nexport default ConsentPopup;\n"],
+  "mappings": ";AAEA,OAAO,WAAW;AAClB,SAAQ,gBAAgB,aAAa,qBAAoB;AAEzD,SAAQ,oBAAmB;AAE3B,IAAM,eAA0C,CAAC,UAAU;AACvD,QAAM,iBAAiB,MAAM;AAAA,IACzB,MACI,IAAI;AAAA,MACA,MAAM,gBAAgB,iBAAiB,YAAY,eAAe,YAAY;AAAA,IAClF;AAAA,IACJ,CAAC,MAAM,WAAW;AAAA,EACtB;AACA,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM;AAAA,IACtC,QAAQ,iDAAgB,cAAc,SAAS;AAAA,EACnD;AAEA,QAAM,sBAAsB,MAAM,YAAY,MAAM;AAChD,kBAAc,QAAQ,iDAAgB,cAAc,SAAS,CAAC;AAAA,EAClE,GAAG,CAAC,cAAc,CAAC;AAEnB,eAAa;AAAA,IACT,OAAO,MAAM;AAAA,IACb,QAAQ,MAAM;AAAA,IACd;AAAA,EACJ,CAAC;AAED,MAAI,CAAC,gBAAgB;AACjB,WAAO;AAAA,EACX;AAEA,SACI,oCAAC,iBAAc,gBAAgC,qBAA0C;AAEjG;AAEA,IAAO,uBAAQ;",
   "names": []
 }

package/build/esm/components/ContributorAvatars/Avatars/Avatar.d.ts

@@ -1,5 +1,5 @@
+import type { AvatarData, PopupData } from '../models';
 import React from 'react';
-import { AvatarData, PopupData } from '../models';
 import '../ContributorAvatars.scss';
 interface AvatarProps {
     avatarData: AvatarData;

package/build/esm/components/ContributorAvatars/Avatars/Avatar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/ContributorAvatars/Avatars/Avatar.tsx"],
-  "sourcesContent": ["import React, {BaseSyntheticEvent} from 'react';\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../../models';\nimport {AvatarData, AvatarSizes, PopupData} from '../models';\nimport {getUserIdentificator} from '../utils';\nimport '../ContributorAvatars.scss';\n\nconst b = block('dc-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,OAAO,WAAiC;AACxC,OAAO,WAAW;AAGlB,SAAoB,mBAA6B;AACjD,SAAQ,4BAA2B;AACnC,OAAO;AAEP,IAAM,IAAI,MAAM,wBAAwB;AAQxC,IAAM,SAAgC,CAAC,UAAU;AAC7C,QAAM,EAAC,YAAY,WAAW,aAAa,MAAK,IAAI;AACpD,QAAM,EAAC,aAAa,OAAO,YAAY,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;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;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,SAAO,qBAAqB,WAAW,EAAE,OAAO,CAAC,EAAE,YAAY;AACnE;AAEA,IAAO,iBAAQ;",
+  "sourcesContent": ["import type {BaseSyntheticEvent} from 'react';\nimport type {Contributor} from '../../../models';\nimport type {AvatarData, PopupData} from '../models';\n\nimport React from 'react';\nimport block from 'bem-cn-lite';\n\nimport {AvatarSizes} from '../models';\nimport {getUserIdentificator} from '../utils';\nimport '../ContributorAvatars.scss';\n\nconst b = block('dc-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": ";AAIA,OAAO,WAAW;AAClB,OAAO,WAAW;AAElB,SAAQ,mBAAkB;AAC1B,SAAQ,4BAA2B;AACnC,OAAO;AAEP,IAAM,IAAI,MAAM,wBAAwB;AAQxC,IAAM,SAAgC,CAAC,UAAU;AAC7C,QAAM,EAAC,YAAY,WAAW,aAAa,MAAK,IAAI;AACpD,QAAM,EAAC,aAAa,OAAO,YAAY,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;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;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,SAAO,qBAAqB,WAAW,EAAE,OAAO,CAAC,EAAE,YAAY;AACnE;AAEA,IAAO,iBAAQ;",
   "names": []
 }

package/build/esm/components/ContributorAvatars/Avatars/AvatarWithDescription.d.ts

@@ -1,6 +1,6 @@
+import type { Contributor } from '../../../models';
+import type { AvatarSizes } from '../models';
 import React from 'react';
-import { Contributor } from '../../../models';
-import { AvatarSizes } from '../models';
 interface AvatarWithDescriptionProps {
     contributor: Contributor;
     avatarSize: AvatarSizes;

package/build/esm/components/ContributorAvatars/Avatars/AvatarWithDescription.js.map

@@ -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<(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,OAAO,SAAQ,UAAU,QAAQ,gBAAe;AAKhD,OAAO,YAAY;AACnB,OAAO,aAAa;AAOpB,IAAM,wBAA8D,CAAC,UAAU;AAC3E,QAAM,EAAC,aAAa,WAAU,IAAI;AAElC,QAAM,aAAa,OAAsD,IAAI;AAC7E,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,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,oCAAC,UAAO,YAAwB,WAAsB;AAExE,SACI,oCAAC,gBACI,WACD,oCAAC,WAAQ,cAAc,CAAC,WAAW,GAAG,WAAsB,CAChE;AAER;AAEA,IAAO,gCAAQ;",
+  "sourcesContent": ["import type {Contributor} from '../../../models';\nimport type {AvatarData, AvatarSizes, PopupData} from '../models';\n\nimport React, {Fragment, useRef, useState} from 'react';\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": ";AAGA,OAAO,SAAQ,UAAU,QAAQ,gBAAe;AAEhD,OAAO,YAAY;AACnB,OAAO,aAAa;AAOpB,IAAM,wBAA8D,CAAC,UAAU;AAC3E,QAAM,EAAC,aAAa,WAAU,IAAI;AAElC,QAAM,aAAa,OAAsD,IAAI;AAC7E,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,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,oCAAC,UAAO,YAAwB,WAAsB;AAExE,SACI,oCAAC,gBACI,WACD,oCAAC,WAAQ,cAAc,CAAC,WAAW,GAAG,WAAsB,CAChE;AAER;AAEA,IAAO,gCAAQ;",
   "names": []
 }

package/build/esm/components/ContributorAvatars/Avatars/HiddenAvatars.d.ts

@@ -1,6 +1,6 @@
+import type { Contributor } from '../../../models';
+import type { AvatarSizes } from '../models';
 import React from 'react';
-import { Contributor } from '../../../models';
-import { AvatarSizes } from '../models';
 import '../ContributorAvatars.scss';
 export interface HiddenAvatarsProps {
     contributors: Contributor[];

package/build/esm/components/ContributorAvatars/Avatars/HiddenAvatars.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/ContributorAvatars/Avatars/HiddenAvatars.tsx"],
-  "sourcesContent": ["import React, {BaseSyntheticEvent, Fragment, useRef, useState} from 'react';\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../../models';\nimport {AvatarSizes, PopupData} from '../models';\n\nimport Details from './Details';\n\n// eslint-disable-next-line import/order\nimport '../ContributorAvatars.scss';\n\nconst b = block('dc-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,OAAO,SAA4B,UAAU,QAAQ,gBAAe;AACpE,OAAO,WAAW;AAKlB,OAAO,aAAa;AAGpB,OAAO;AAEP,IAAM,IAAI,MAAM,wBAAwB;AAExC,IAAM,gCAAgC;AAOtC,IAAM,gBAA8C,CAAC,UAAU;AAC3D,QAAM,EAAC,cAAc,YAAW,IAAI;AACpC,QAAM,oBAAoB,aAAa;AAEvC,QAAM,aAAa,OAAsD,IAAI;AAC7E,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,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,oCAAC,gBACG;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,oCAAC,WAAQ,cAA4B,WAAsB,CAC/D;AAER;AAEA,IAAO,wBAAQ;",
+  "sourcesContent": ["import type {BaseSyntheticEvent} from 'react';\nimport type {Contributor} from '../../../models';\nimport type {AvatarSizes, PopupData} from '../models';\n\nimport React, {Fragment, useRef, useState} from 'react';\nimport block from 'bem-cn-lite';\n\nimport Details from './Details';\n\n// eslint-disable-next-line import/order\nimport '../ContributorAvatars.scss';\n\nconst b = block('dc-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": ";AAIA,OAAO,SAAQ,UAAU,QAAQ,gBAAe;AAChD,OAAO,WAAW;AAElB,OAAO,aAAa;AAGpB,OAAO;AAEP,IAAM,IAAI,MAAM,wBAAwB;AAExC,IAAM,gCAAgC;AAOtC,IAAM,gBAA8C,CAAC,UAAU;AAC3D,QAAM,EAAC,cAAc,YAAW,IAAI;AACpC,QAAM,oBAAoB,aAAa;AAEvC,QAAM,aAAa,OAAsD,IAAI;AAC7E,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,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,oCAAC,gBACG;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,oCAAC,WAAQ,cAA4B,WAAsB,CAC/D;AAER;AAEA,IAAO,wBAAQ;",
   "names": []
 }

package/build/esm/components/ContributorAvatars/ContributorAvatars.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/ContributorAvatars/ContributorAvatars.scss", "../../../../src/components/ContributorAvatars/%3Cinput css xjuMKw%3E", "../../../../src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/ContributorAvatars/ContributorAvatars.scss", "../../../../src/components/ContributorAvatars/%3Cinput css Ly6-Va%3E", "../../../../src/styles/mixins.scss"],
   "sourcesContent": ["@use '../../styles/variables';\n@use '../../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.dc-contributor-avatars {\n    &__one_contributor {\n        display: flex;\n        margin: 0 $avatarBorder;\n        @include disable-link-styles;\n\n        a:hover,\n        a:active {\n            color: var(--g-color-text-link-hover);\n        }\n\n        & > * {\n            @include mixins.contributors-text();\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 mixins.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        padding: $detailsIndent;\n\n        & > *:not(:last-child) {\n            margin-bottom: $detailsIndent;\n        }\n\n        @include disable-link-styles;\n    }\n}\n", ".dc-contributor-avatars__one_contributor {\n  display: flex;\n  margin: 0 1.5px;\n}\n.dc-contributor-avatars__one_contributor a,\n.dc-contributor-avatars__one_contributor a:hover,\n.dc-contributor-avatars__one_contributor a:visited,\n.dc-contributor-avatars__one_contributor a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.dc-contributor-avatars__one_contributor a {\n  cursor: pointer;\n}\n.dc-contributor-avatars__one_contributor a:hover,\n.dc-contributor-avatars__one_contributor a:active {\n  color: var(--g-color-text-link-hover);\n}\n.dc-contributor-avatars__one_contributor > * {\n  font-size: 13px;\n  font-weight: 400;\n  margin-right: 5px;\n  align-self: center;\n}\n.dc-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.dc-contributor-avatars__avatar_size_small {\n  height: 23px;\n  width: 23px;\n}\n.dc-contributor-avatars__avatar_size_big {\n  height: 33px;\n  width: 33px;\n}\n.dc-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.dc-contributor-avatars__avatar:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: 1px;\n}\n.dc-contributor-avatars__avatar:focus:not(:focus-visible) {\n  outline: 0;\n}\n.dc-contributor-avatars__displayed_avatars {\n  display: flex;\n}\n.dc-contributor-avatars__displayed_avatars a,\n.dc-contributor-avatars__displayed_avatars a:hover,\n.dc-contributor-avatars__displayed_avatars a:visited,\n.dc-contributor-avatars__displayed_avatars a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.dc-contributor-avatars__displayed_avatars a {\n  cursor: pointer;\n}\n.dc-contributor-avatars__displayed_avatars > * {\n  margin-left: 1.5px;\n  margin-right: calc(1.5px + 2px);\n}\n.dc-contributor-avatars__displayed_avatars a {\n  border-radius: 50%;\n}\n.dc-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.dc-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.dc-contributor-avatars__details {\n  display: flex;\n}\n.dc-contributor-avatars__details > div:last-child {\n  font-size: 13px;\n  font-weight: 400;\n  margin: auto 12px;\n}\n.dc-contributor-avatars__details_name {\n  color: var(--g-color-text-primary);\n  line-height: 18px;\n}\n.dc-contributor-avatars__popup {\n  box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);\n  padding: 12px;\n}\n.dc-contributor-avatars__popup > *:not(:last-child) {\n  margin-bottom: 12px;\n}\n.dc-contributor-avatars__popup a,\n.dc-contributor-avatars__popup a:hover,\n.dc-contributor-avatars__popup a:visited,\n.dc-contributor-avatars__popup a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.dc-contributor-avatars__popup a {\n  cursor: pointer;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyaWJ1dG9yQXZhdGFycyIsInNvdXJjZXMiOlsiQ29udHJpYnV0b3JBdmF0YXJzLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJJO0VBQ0k7RUFDQTs7QUFqQko7QUFBQTtBQUFBO0FBQUE7RUFJSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFVQTtBQUFBO0VBRUk7O0FBR0o7RUN3RUo7RUFDQTtFQUNBO0VBQ0E7O0FEckVJO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0ksUUFoRGE7RUFpRGIsT0FqRGE7O0FBb0RqQjtFQUNJLFFBcERXO0VBcURYLE9BckRXOztBQXdEZjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsV0FwRVM7RUFxRVQsYUFwRVc7O0FDNkJmO0VBQ0k7RUFDQSxnQkR3Q3NCOztBQ3RDMUI7RUFDSTs7QUR3Q1I7RUFDSTs7QUFsRUo7QUFBQTtBQUFBO0FBQUE7RUFJSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUEyREE7RUFDSSxhQTdFRztFQThFSDs7QUFFSjtFQUNJOztBQUlSO0VBQ0ksV0F6RmE7RUEwRmIsYUF6RmU7RUEwRmY7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFJUjtFQUNJOztBQUVBO0VBQ0k7RUFDQTtFQUNBOztBQUlSO0VBQ0k7RUFDQSxhQW5IUzs7QUFzSGI7RUFDSTtFQUNBLFNBMUhROztBQTRIUjtFQUNJLGVBN0hJOztBQVFaO0FBQUE7QUFBQTtBQUFBO0VBSUk7RUFDQTtFQUNBOztBQUdKO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcbkB1c2UgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4kYXZhdGFyc0Rpc3RhbmNlOiAycHg7XG4kYXZhdGFyVGV4dEZvbnRTaXplOiAxMnB4O1xuJGF2YXRhclRleHRGb250V2VpZ2h0OiA1MDA7XG4kZGV0YWlsc0luZGVudDogMTJweDtcbiRhdmF0YXJCb3JkZXI6IDEuNXB4O1xuJHRleHRMaW5lSGVpZ2h0OiAxOHB4O1xuXG4kYXZhdGFyV3JhcHBlclNtYWxsU2l6ZTogMjNweDtcbiRhdmF0YXJXcmFwcGVyQmlnU2l6ZTogMzNweDtcblxuQG1peGluIGRpc2FibGUtbGluay1zdHlsZXMge1xuICAgIGEsXG4gICAgYTpob3ZlcixcbiAgICBhOnZpc2l0ZWQsXG4gICAgYTphY3RpdmUge1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgIH1cblxuICAgIGEge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxufVxuXG4uZGMtY29udHJpYnV0b3ItYXZhdGFycyB7XG4gICAgJl9fb25lX2NvbnRyaWJ1dG9yIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgbWFyZ2luOiAwICRhdmF0YXJCb3JkZXI7XG4gICAgICAgIEBpbmNsdWRlIGRpc2FibGUtbGluay1zdHlsZXM7XG5cbiAgICAgICAgYTpob3ZlcixcbiAgICAgICAgYTphY3RpdmUge1xuICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICAgICAgfVxuXG4gICAgICAgICYgPiAqIHtcbiAgICAgICAgICAgIEBpbmNsdWRlIG1peGlucy5jb250cmlidXRvcnMtdGV4dCgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fYXZhdGFyIHtcbiAgICAgICAgJiB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAkYXZhdGFyQm9yZGVyIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljLWFjY2VudCk7XG4gICAgICAgICAgICBib3JkZXI6IDA7XG4gICAgICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgICAgIGN1cnNvcjogaW5oZXJpdDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGluaXRpYWw7XG4gICAgICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfc2l6ZV9zbWFsbCB7XG4gICAgICAgICAgICBoZWlnaHQ6ICRhdmF0YXJXcmFwcGVyU21hbGxTaXplO1xuICAgICAgICAgICAgd2lkdGg6ICRhdmF0YXJXcmFwcGVyU21hbGxTaXplO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9zaXplX2JpZyB7XG4gICAgICAgICAgICBoZWlnaHQ6ICRhdmF0YXJXcmFwcGVyQmlnU2l6ZTtcbiAgICAgICAgICAgIHdpZHRoOiAkYXZhdGFyV3JhcHBlckJpZ1NpemU7XG4gICAgICAgIH1cblxuICAgICAgICAmX2RlZmF1bHQge1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogJGF2YXRhclRleHRGb250U2l6ZTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiAkYXZhdGFyVGV4dEZvbnRXZWlnaHQ7XG4gICAgICAgIH1cblxuICAgICAgICBAaW5jbHVkZSBtaXhpbnMuZm9jdXNhYmxlKDFweCk7XG4gICAgfVxuXG4gICAgJl9fZGlzcGxheWVkX2F2YXRhcnMge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBAaW5jbHVkZSBkaXNhYmxlLWxpbmstc3R5bGVzO1xuXG4gICAgICAgICYgPiAqIHtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAkYXZhdGFyQm9yZGVyO1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiBjYWxjKCN7JGF2YXRhckJvcmRlcn0gKyAjeyRhdmF0YXJzRGlzdGFuY2V9KTtcbiAgICAgICAgfVxuICAgICAgICAmIGEge1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlOyAvLyB0byBoYXZlIHJvdW5kZWQgb3V0bGluZSBvbiBmb2N1cyBhcyBhbGwgYXZhdGFycyByb3VuZGVkXG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19oaWRkZW5fYXZhdGFycyB7XG4gICAgICAgIGZvbnQtc2l6ZTogJGF2YXRhclRleHRGb250U2l6ZTtcbiAgICAgICAgZm9udC13ZWlnaHQ6ICRhdmF0YXJUZXh0Rm9udFdlaWdodDtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAgICYgPiAqIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigtLWctY29sb3ItYmFzZS1taXNjLWxpZ2h0KTtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICBtYXJnaW46IDAgJGF2YXRhckJvcmRlcjtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwICRhdmF0YXJCb3JkZXIgdmFyKC0tZy1jb2xvci1saW5lLWdlbmVyaWMtYWNjZW50KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2RldGFpbHMge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuXG4gICAgICAgICYgPiBkaXY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICBmb250LXNpemU6IDEzcHg7XG4gICAgICAgICAgICBmb250LXdlaWdodDogNDAwO1xuICAgICAgICAgICAgbWFyZ2luOiBhdXRvICRkZXRhaWxzSW5kZW50O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fZGV0YWlsc19uYW1lIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6ICR0ZXh0TGluZUhlaWdodDtcbiAgICB9XG5cbiAgICAmX19wb3B1cCB7XG4gICAgICAgIGJveC1zaGFkb3c6IDBweCAzcHggMjRweCByZ2JhKDAsIDAsIDAsIDAuMik7XG4gICAgICAgIHBhZGRpbmc6ICRkZXRhaWxzSW5kZW50O1xuXG4gICAgICAgICYgPiAqOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogJGRldGFpbHNJbmRlbnQ7XG4gICAgICAgIH1cblxuICAgICAgICBAaW5jbHVkZSBkaXNhYmxlLWxpbmstc3R5bGVzO1xuICAgIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJ3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */", "@use 'sass:map';\n@use '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, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$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, $mode: 'outline') {\n    @if $mode == 'outline' {\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    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\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(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
   "mappings": ";AA6BI,CAAA;AACI,WAAA;AACA,UAAA,EAAA;AC5BR;ADWI,CAeA,wCAfA;CAeA;CAAA;CAAA;AAXI,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACTR;ADYI,CAMA,wCANA;AACI,UAAA;ACVR;ADoBQ,CALJ,wCAKI,CAAA;CALJ;AAOQ,SAAA,IAAA;AClBZ;ADqBQ,CAVJ,wCAUI,EAAA;AEwEJ,aAAA;AACA,eAAA;AACA,gBAAA;AACA,cAAA;AD1FJ;ADqBQ,CAAA;AACI,iBAAA;AACA,cAAA,EAAA,EAAA,EAAA,MAAA,IAAA;AACA,UAAA;AACA,SAAA;AACA,UAAA;AACA,oBAAA;AACA,WAAA;AACA,eAAA;AACA,eAAA;ACnBZ;ADsBQ,CAAA;AACI,UAAA;AACA,SAAA;ACpBZ;ADuBQ,CAAA;AACI,UAAA;AACA,SAAA;ACrBZ;ADwBQ,CAAA;AACI,cAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;AACA,aAAA;AACA,eAAA;ACtBZ;ACjBQ,CFWA,8BEXA;AACI,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;ADmBZ;ACjBQ,CFOA,8BEPA,MAAA,KAAA;AACI,WAAA;ADmBZ;ADqBI,CAAA;AACI,WAAA;ACnBR;AD/CI,CAiEA,0CAjEA;CAiEA;CAAA;CAAA;AA7DI,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACiDR;AD9CI,CAwDA,0CAxDA;AACI,UAAA;ACgDR;ADWQ,CAJJ,0CAII,EAAA;AACI,eAAA;AACA,gBAAA,KAAA,MAAA,EAAA;ACTZ;ADWQ,CARJ,0CAQI;AACI,iBAAA;ACTZ;ADaI,CAAA;AACI,aAAA;AACA,eAAA;AACA,SAAA,IAAA;AACA,iBAAA;AACA,cAAA;AACA,UAAA;ACXR;ADaQ,CARJ,uCAQI,EAAA;AACI,cAAA,IAAA;AACA,kBAAA;AACA,cAAA;AACA,WAAA;AACA,mBAAA;AACA,UAAA,EAAA;AACA,cAAA,EAAA,EAAA,EAAA,MAAA,IAAA;ACXZ;ADeI,CAAA;AACI,WAAA;ACbR;ADeQ,CAHJ,gCAGI,EAAA,GAAA;AACI,aAAA;AACA,eAAA;AACA,UAAA,KAAA;ACbZ;ADiBI,CAAA;AACI,SAAA,IAAA;AACA,eAAA;ACfR;ADkBI,CAAA;AACI,cAAA,IAAA,IAAA,KAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AACA,WAAA;AChBR;ADkBQ,CAJJ,8BAII,EAAA,CAAA,KAAA;AACI,iBAAA;AChBZ;ADrGI,CAgHA,8BAhHA;CAgHA;CAAA;CAAA;AA5GI,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACuGR;ADpGI,CAuGA,8BAvGA;AACI,UAAA;ACsGR;",
   "names": []

package/build/esm/components/ContributorAvatars/ContributorAvatars.d.ts

@@ -1,5 +1,5 @@
+import type { Contributor } from '../../models';
 import React from 'react';
-import { Contributor } from '../../models';
 import './ContributorAvatars.scss';
 export interface ContributorAvatarsProps {
     contributors: Contributor[];

package/build/esm/components/ContributorAvatars/ContributorAvatars.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/ContributorAvatars/ContributorAvatars.tsx"],
-  "sourcesContent": ["import React, {Fragment, ReactElement} from 'react';\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';\nimport './ContributorAvatars.scss';\n\nconst b = block('dc-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        return getOneAvatar(contributors[0], isAuthor, onlyAuthor);\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            {getRedirectingAvatar(avatarData, contributor.url)}\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,OAAO,SAAQ,gBAA6B;AAC5C,SAAQ,YAAW;AACnB,OAAO,WAAW;AAIlB,OAAO,YAAY;AACnB,OAAO,2BAA2B;AAClC,OAAO,mBAAmB;AAC1B,SAAoB,mBAAkB;AACtC,SAAQ,eAAc;AACtB,OAAO;AAEP,IAAM,IAAI,MAAM,wBAAwB;AAExC,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,WAAO,aAAa,aAAa,CAAC,GAAG,UAAU,UAAU;AAAA,EAC7D;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;AAAA,MAAC;AAAA;AAAA,QACG,KAAK,0BAA0B,SAAS,KAAK;AAAA,QAC7C,MAAM;AAAA,QACN,YAAY,EAAC,UAAU,YAAY,SAAS,SAAY,GAAE;AAAA;AAAA,MAE1D,oCAAC,yBAAsB,aAA0B,YAAY,YAAY,OAAO;AAAA,IACpF;AAAA,EAER,CAAC;AAED,QAAM,gBACF,oCAAC,iBAAc,cAAc,oBAAoB,aAAa,YAAY,OAAO;AAGrF,QAAM,UACF,oCAAC,gBACG,oCAAC,SAAI,WAAW,EAAE,mBAAmB,KAAI,gBAAiB,GAC1D,oCAAC,SAAI,WAAW,EAAE,gBAAgB,KAAI,aAAc,CACxD;AAGJ,SAAO;AACX;AAEA,SAAS,aACL,aACA,UACA,YACY;AACZ,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM,YAAY;AAAA,EACtB;AAEA,QAAM,mBAAmB,WAAW,EAAC,WAAU,IAAI,CAAC;AAEpD,SACI,oCAAC,SAAI,WAAW,EAAE,mBAAmB,gBAAgB,KAChD,qBAAqB,YAAY,YAAY,GAAG,GACjD,oCAAC,aACG,oCAAC,QAAK,MAAM,YAAY,OAAM,QAAQ,aAAa,QAAQ,CAAE,CACjE,CACJ;AAER;AAEA,SAAS,qBAAqB,YAAwB,KAAa,aAAa,OAAO;AAEnF,SACI,oCAAC,QAAK,MAAM,KAAK,YAAY,EAAC,UAAU,WAAW,YAAY,SAAS,SAAY,GAAE,KAClF,oCAAC,UAAO,YAAwB,YAAwB,CAC5D;AAER;AAEA,IAAO,6BAAQ;",
+  "sourcesContent": ["import type {ReactElement} from 'react';\nimport type {Contributor} from '../../models';\nimport type {AvatarData} from './models';\n\nimport React, {Fragment} from 'react';\nimport {Link} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport Avatar from './Avatars/Avatar';\nimport AvatarWithDescription from './Avatars/AvatarWithDescription';\nimport HiddenAvatars from './Avatars/HiddenAvatars';\nimport {AvatarSizes} from './models';\nimport {getName} from './utils';\nimport './ContributorAvatars.scss';\n\nconst b = block('dc-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        return getOneAvatar(contributors[0], isAuthor, onlyAuthor);\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            {getRedirectingAvatar(avatarData, contributor.url)}\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": ";AAIA,OAAO,SAAQ,gBAAe;AAC9B,SAAQ,YAAW;AACnB,OAAO,WAAW;AAElB,OAAO,YAAY;AACnB,OAAO,2BAA2B;AAClC,OAAO,mBAAmB;AAC1B,SAAQ,mBAAkB;AAC1B,SAAQ,eAAc;AACtB,OAAO;AAEP,IAAM,IAAI,MAAM,wBAAwB;AAExC,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,WAAO,aAAa,aAAa,CAAC,GAAG,UAAU,UAAU;AAAA,EAC7D;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;AAAA,MAAC;AAAA;AAAA,QACG,KAAK,0BAA0B,SAAS,KAAK;AAAA,QAC7C,MAAM;AAAA,QACN,YAAY,EAAC,UAAU,YAAY,SAAS,SAAY,GAAE;AAAA;AAAA,MAE1D,oCAAC,yBAAsB,aAA0B,YAAY,YAAY,OAAO;AAAA,IACpF;AAAA,EAER,CAAC;AAED,QAAM,gBACF,oCAAC,iBAAc,cAAc,oBAAoB,aAAa,YAAY,OAAO;AAGrF,QAAM,UACF,oCAAC,gBACG,oCAAC,SAAI,WAAW,EAAE,mBAAmB,KAAI,gBAAiB,GAC1D,oCAAC,SAAI,WAAW,EAAE,gBAAgB,KAAI,aAAc,CACxD;AAGJ,SAAO;AACX;AAEA,SAAS,aACL,aACA,UACA,YACY;AACZ,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM,YAAY;AAAA,EACtB;AAEA,QAAM,mBAAmB,WAAW,EAAC,WAAU,IAAI,CAAC;AAEpD,SACI,oCAAC,SAAI,WAAW,EAAE,mBAAmB,gBAAgB,KAChD,qBAAqB,YAAY,YAAY,GAAG,GACjD,oCAAC,aACG,oCAAC,QAAK,MAAM,YAAY,OAAM,QAAQ,aAAa,QAAQ,CAAE,CACjE,CACJ;AAER;AAEA,SAAS,qBAAqB,YAAwB,KAAa,aAAa,OAAO;AAEnF,SACI,oCAAC,QAAK,MAAM,KAAK,YAAY,EAAC,UAAU,WAAW,YAAY,SAAS,SAAY,GAAE,KAClF,oCAAC,UAAO,YAAwB,YAAwB,CAC5D;AAER;AAEA,IAAO,6BAAQ;",
   "names": []
 }

package/build/esm/components/ContributorAvatars/models.d.ts

@@ -1,4 +1,4 @@
-import { Contributor } from '../../models';
+import type { Contributor } from '../../models';
 export type PopupData = {
     ref: React.MutableRefObject<(HTMLButtonElement & HTMLImageElement) | null>;
     isVisiblePopup: boolean;

package/build/esm/components/ContributorAvatars/models.js.map

@@ -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<(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"],
+  "sourcesContent": ["import type {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": ";AAcO,IAAK,cAAL,kBAAKA,iBAAL;AACH,EAAAA,aAAA,SAAM;AACN,EAAAA,aAAA,WAAQ;AAFA,SAAAA;AAAA,GAAA;",
   "names": ["AvatarSizes"]
 }

package/build/esm/components/ContributorAvatars/utils.d.ts

@@ -1,3 +1,3 @@
-import { Contributor } from '../../models';
+import type { Contributor } from '../../models';
 export declare function getName(contributor: Contributor, useFullName?: boolean): string;
 export declare function getUserIdentificator(contributor: Contributor): string;

package/build/esm/components/ContributorAvatars/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/ContributorAvatars/utils.ts"],
-  "sourcesContent": ["import {Contributor} from '../../models';\n\nexport function getName(contributor: Contributor, useFullName = false): string {\n    return useFullName\n        ? getUserIdentificator(contributor)\n        : getShortContributorName(getUserIdentificator(contributor));\n}\n\nexport function getUserIdentificator(contributor: Contributor): string {\n    const {name, email, login} = contributor;\n\n    return name || email || login || '';\n}\n\nfunction getShortContributorName(fullContributorName: string): string {\n    return fullContributorName.split(' ').reduce((result, current, index) => {\n        return index > 0 ? `${result} ${current.charAt(0)}.` : current;\n    }, '');\n}\n"],
+  "sourcesContent": ["import type {Contributor} from '../../models';\n\nexport function getName(contributor: Contributor, useFullName = false): string {\n    return useFullName\n        ? getUserIdentificator(contributor)\n        : getShortContributorName(getUserIdentificator(contributor));\n}\n\nexport function getUserIdentificator(contributor: Contributor): string {\n    const {name, email, login} = contributor;\n\n    return name || email || login || '';\n}\n\nfunction getShortContributorName(fullContributorName: string): string {\n    return fullContributorName.split(' ').reduce((result, current, index) => {\n        return index > 0 ? `${result} ${current.charAt(0)}.` : current;\n    }, '');\n}\n"],
   "mappings": ";AAEO,SAAS,QAAQ,aAA0B,cAAc,OAAe;AAC3E,SAAO,cACD,qBAAqB,WAAW,IAChC,wBAAwB,qBAAqB,WAAW,CAAC;AACnE;AAEO,SAAS,qBAAqB,aAAkC;AACnE,QAAM,EAAC,MAAM,OAAO,MAAK,IAAI;AAE7B,SAAO,QAAQ,SAAS,SAAS;AACrC;AAEA,SAAS,wBAAwB,qBAAqC;AAClE,SAAO,oBAAoB,MAAM,GAAG,EAAE,OAAO,CAAC,QAAQ,SAAS,UAAU;AACrE,WAAO,QAAQ,IAAI,GAAG,MAAM,IAAI,QAAQ,OAAO,CAAC,CAAC,MAAM;AAAA,EAC3D,GAAG,EAAE;AACT;",
   "names": []
 }

package/build/esm/components/Contributors/Contributors.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Contributors/Contributors.scss", "../../../../src/components/Contributors/%3Cinput css 6hV_Ay%3E", "../../../../src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/Contributors/Contributors.scss", "../../../../src/components/Contributors/%3Cinput css r8DXWK%3E", "../../../../src/styles/mixins.scss"],
   "sourcesContent": ["@use '../../styles/mixins';\n\n.dc-contributors {\n    display: flex;\n\n    &__title {\n        @include mixins.contributors-text();\n    }\n}\n", ".dc-contributors {\n  display: flex;\n}\n.dc-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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyaWJ1dG9ycyIsInNvdXJjZXMiOlsiQ29udHJpYnV0b3JzLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDSTs7QUFFQTtFQzBHQTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uZGMtY29udHJpYnV0b3JzIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuXG4gICAgJl9fdGl0bGUge1xuICAgICAgICBAaW5jbHVkZSBtaXhpbnMuY29udHJpYnV0b3JzLXRleHQoKTtcbiAgICB9XG59XG4iLCJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICd2YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDAsICRtb2RlOiAnb3V0bGluZScpIHtcbiAgICBAaWYgJG1vZGUgPT0gJ291dGxpbmUnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGlmICRtb2RlID09ICdib3gtc2hhZG93JyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBmb250LXdlaWdodDogNDAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */", "@use 'sass:map';\n@use '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, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$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, $mode: 'outline') {\n    @if $mode == 'outline' {\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    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\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(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
   "mappings": ";AAEA,CAAA;AACI,WAAA;ACDJ;ADGI,CAAA;AE0GA,aAAA;AACA,eAAA;AACA,gBAAA;AACA,cAAA;AD1GJ;",
   "names": []

package/build/esm/components/Contributors/Contributors.d.ts

@@ -1,5 +1,5 @@
+import type { Contributor } from '../../models';
 import React from 'react';
-import { Contributor } from '../../models';
 import './Contributors.scss';
 export interface ContributorsProps {
     users: Contributor[];

package/build/esm/components/Contributors/Contributors.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Contributors/Contributors.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../hooks';\nimport {Contributor} from '../../models';\nimport {ContributorAvatars} from '../ContributorAvatars';\n\nimport './Contributors.scss';\n\nconst b = block('dc-contributors');\n\nexport interface ContributorsProps {\n    users: Contributor[];\n    onlyAuthor?: boolean;\n    isAuthor?: boolean;\n    translationName?: string;\n}\n\nconst Contributors: React.FC<ContributorsProps> = (props) => {\n    const {users, onlyAuthor = false, isAuthor = false, translationName = 'contributors'} = props;\n    const {t} = useTranslation(translationName);\n\n    return (\n        <div className={b()}>\n            <div className={b('title')}>{t('title')}</div>\n            <ContributorAvatars contributors={users} isAuthor={isAuthor} onlyAuthor={onlyAuthor} />\n        </div>\n    );\n};\n\nexport default Contributors;\n"],
-  "mappings": ";AAAA,OAAO,WAAW;AAClB,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAE7B,SAAQ,0BAAyB;AAEjC,OAAO;AAEP,IAAM,IAAI,MAAM,iBAAiB;AASjC,IAAM,eAA4C,CAAC,UAAU;AACzD,QAAM,EAAC,OAAO,aAAa,OAAO,WAAW,OAAO,kBAAkB,eAAc,IAAI;AACxF,QAAM,EAAC,EAAC,IAAI,eAAe,eAAe;AAE1C,SACI,oCAAC,SAAI,WAAW,EAAE,KACd,oCAAC,SAAI,WAAW,EAAE,OAAO,KAAI,EAAE,OAAO,CAAE,GACxC,oCAAC,sBAAmB,cAAc,OAAO,UAAoB,YAAwB,CACzF;AAER;AAEA,IAAO,uBAAQ;",
+  "sourcesContent": ["import type {Contributor} from '../../models';\n\nimport React from 'react';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../hooks';\nimport {ContributorAvatars} from '../ContributorAvatars';\n\nimport './Contributors.scss';\n\nconst b = block('dc-contributors');\n\nexport interface ContributorsProps {\n    users: Contributor[];\n    onlyAuthor?: boolean;\n    isAuthor?: boolean;\n    translationName?: string;\n}\n\nconst Contributors: React.FC<ContributorsProps> = (props) => {\n    const {users, onlyAuthor = false, isAuthor = false, translationName = 'contributors'} = props;\n    const {t} = useTranslation(translationName);\n\n    return (\n        <div className={b()}>\n            <div className={b('title')}>{t('title')}</div>\n            <ContributorAvatars contributors={users} isAuthor={isAuthor} onlyAuthor={onlyAuthor} />\n        </div>\n    );\n};\n\nexport default Contributors;\n"],
+  "mappings": ";AAEA,OAAO,WAAW;AAClB,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,0BAAyB;AAEjC,OAAO;AAEP,IAAM,IAAI,MAAM,iBAAiB;AASjC,IAAM,eAA4C,CAAC,UAAU;AACzD,QAAM,EAAC,OAAO,aAAa,OAAO,WAAW,OAAO,kBAAkB,eAAc,IAAI;AACxF,QAAM,EAAC,EAAC,IAAI,eAAe,eAAe;AAE1C,SACI,oCAAC,SAAI,WAAW,EAAE,KACd,oCAAC,SAAI,WAAW,EAAE,OAAO,KAAI,EAAE,OAAO,CAAE,GACxC,oCAAC,sBAAmB,cAAc,OAAO,UAAoB,YAAwB,CACzF;AAER;AAEA,IAAO,uBAAQ;",
   "names": []
 }

package/build/esm/components/Control/Control.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Control/Control.scss", "../../../../src/components/Control/%3Cinput css c_q0tI%3E", "../../../../src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/Control/Control.scss", "../../../../src/components/Control/%3Cinput css LPKC_l%3E", "../../../../src/styles/mixins.scss"],
   "sourcesContent": ["@use '../../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        display: block;\n        white-space: nowrap;\n\n        @include mixins.text-size(body-1);\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  display: block;\n  white-space: nowrap;\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyb2wiLCJzb3VyY2VzIjpbIkNvbnRyb2wuc2NzcyIsIi4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHSTtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUNaSjtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbi5kYy1jb250cm9sIHtcbiAgICAmOjpiZWZvcmUge1xuICAgICAgICBvdXRsaW5lLW9mZnNldDogLTJweDsgLy8gYXMgb3V0bGluZSBvbiBmb2N1ZXMgZ29lcyBvdXQgb2YgdG9jJ3MgYm9yZGVyc1xuICAgIH1cbiAgICAmX190b29sdGlwIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgcGFkZGluZzogNHB4IDhweDtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBoZWlnaHQ6IDI2cHg7XG4gICAgfVxuXG4gICAgJl9fdG9vbHRpcC10ZXh0IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cbiAgICAgICAgQGluY2x1ZGUgbWl4aW5zLnRleHQtc2l6ZShib2R5LTEpO1xuICAgIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJ3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */", "@use 'sass:map';\n@use '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, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$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, $mode: 'outline') {\n    @if $mode == 'outline' {\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    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\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(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$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;AACI,WAAA;AACA,eAAA;AEZJ,aAAA,IAAA;AACA,eAAA,IAAA;ADUJ;",
   "names": []

package/build/esm/components/Controls/Controls.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Controls/Controls.scss", "../../../../src/styles/mixins.scss", "../../../../src/components/Controls/%3Cinput css 8i_7X-%3E"],
+  "sources": ["../../../../src/components/Controls/Controls.scss", "../../../../src/styles/mixins.scss", "../../../../src/components/Controls/%3Cinput css uYW-T6%3E"],
   "sourcesContent": ["@use 'sass:map';\n@use '../../styles/mixins';\n@use '../../styles/variables';\n\n.dc-controls {\n    display: flex;\n\n    @include mixins.text-size(body-1);\n\n    &__control:not(:last-child),\n    &__divider {\n        margin-right: 4px;\n    }\n\n    &__list {\n        padding: 4px 0;\n    }\n\n    &__list-icon {\n        font-size: 22px;\n    }\n\n    &__icon-rotated {\n        transform: rotate(90deg);\n    }\n\n    &__popup-tooltip {\n        padding: 0;\n    }\n\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        &_vertical {\n            flex-direction: column;\n        }\n\n        &_vertical &__divider {\n            height: 1px;\n            width: 16px;\n        }\n\n        &_vertical &__control:not(:last-child),\n        &_vertical &__divider {\n            margin-right: 0;\n            margin-bottom: 4px;\n        }\n    }\n}\n", "@use 'sass:map';\n@use '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, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$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, $mode: 'outline') {\n    @if $mode == 'outline' {\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    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\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(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n", ".dc-controls {\n  display: flex;\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.dc-controls__control:not(:last-child), .dc-controls__divider {\n  margin-right: 4px;\n}\n.dc-controls__list {\n  padding: 4px 0;\n}\n.dc-controls__list-icon {\n  font-size: 22px;\n}\n.dc-controls__icon-rotated {\n  transform: rotate(90deg);\n}\n.dc-controls__popup-tooltip {\n  padding: 0;\n}\n@media (min-width: 769px) {\n  .dc-controls_vertical {\n    flex-direction: column;\n  }\n  .dc-controls_vertical .dc-controls__divider {\n    height: 1px;\n    width: 16px;\n  }\n  .dc-controls_vertical .dc-controls__control:not(:last-child), .dc-controls_vertical .dc-controls__divider {\n    margin-right: 0;\n    margin-bottom: 4px;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzIiwic291cmNlcyI6WyJDb250cm9scy5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBO0VBQ0k7RUNEQTtFQUNBOztBRElBO0VBRUk7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJO0lBQ0k7O0VBR0o7SUFDSTtJQUNBOztFQUdKO0lBRUk7SUFDQSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuQHVzZSAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5cbi5kYy1jb250cm9scyB7XG4gICAgZGlzcGxheTogZmxleDtcblxuICAgIEBpbmNsdWRlIG1peGlucy50ZXh0LXNpemUoYm9keS0xKTtcblxuICAgICZfX2NvbnRyb2w6bm90KDpsYXN0LWNoaWxkKSxcbiAgICAmX19kaXZpZGVyIHtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiA0cHg7XG4gICAgfVxuXG4gICAgJl9fbGlzdCB7XG4gICAgICAgIHBhZGRpbmc6IDRweCAwO1xuICAgIH1cblxuICAgICZfX2xpc3QtaWNvbiB7XG4gICAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICB9XG5cbiAgICAmX19pY29uLXJvdGF0ZWQge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg5MGRlZyk7XG4gICAgfVxuXG4gICAgJl9fcG9wdXAtdG9vbHRpcCB7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuXG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgJl92ZXJ0aWNhbCB7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICB9XG5cbiAgICAgICAgJl92ZXJ0aWNhbCAmX19kaXZpZGVyIHtcbiAgICAgICAgICAgIGhlaWdodDogMXB4O1xuICAgICAgICAgICAgd2lkdGg6IDE2cHg7XG4gICAgICAgIH1cblxuICAgICAgICAmX3ZlcnRpY2FsICZfX2NvbnRyb2w6bm90KDpsYXN0LWNoaWxkKSxcbiAgICAgICAgJl92ZXJ0aWNhbCAmX19kaXZpZGVyIHtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDRweDtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJ3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */"],
   "mappings": ";AAIA,CAAA;AACI,WAAA;ACDA,aAAA,IAAA;AACA,eAAA,IAAA;ACDJ;AFKI,CAAA,oBAAA,KAAA;AAAA,CAAA;AAEI,gBAAA;AEJR;AFOI,CAAA;AACI,WAAA,IAAA;AELR;AFQI,CAAA;AACI,aAAA;AENR;AFSI,CAAA;AACI,aAAA,OAAA;AEPR;AFUI,CAAA;AACI,WAAA;AERR;AFWI,QAAA,WAAA;AACI,GAAA;AACI,oBAAA;AETV;AFYM,GAJA,qBAIA,CA1BJ;AA2BQ,YAAA;AACA,WAAA;AEVV;AFaM,GATA,qBASA,CA/BJ,oBA+BI,KAAA;EAAA,CATA,qBASA,CA/BJ;AAiCQ,kBAAA;AACA,mBAAA;AEZV;AACF;",
   "names": []

package/build/esm/components/Controls/ControlsLayout.d.ts

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
 import { PopperPosition } from '../../hooks';
 import { ControlSizes } from '../../models';
 type ControlsLayoutProps = {

package/build/esm/components/Controls/ControlsLayout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Controls/ControlsLayout.tsx"],
-  "sourcesContent": ["import React, {PropsWithChildren, createContext} from 'react';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition} from '../../hooks';\nimport {ControlSizes} from '../../models';\n\ntype ControlsLayoutProps = {\n    isWideView?: boolean;\n    isMobileView?: boolean;\n    isVerticalView?: boolean;\n    controlClassName?: string;\n    controlSize?: ControlSizes;\n    popupPosition?: PopperPosition;\n};\n\nexport const ControlsLayoutContext = createContext<ControlsLayoutProps>({\n    controlClassName: '',\n    isWideView: false,\n    isMobileView: false,\n    isVerticalView: false,\n    controlSize: ControlSizes.M,\n    popupPosition: PopperPosition.BOTTOM_END,\n});\n\nconst b = block('dc-controls');\n\nexport const ControlsLayout: React.FC<PropsWithChildren<ControlsLayoutProps>> = ({\n    isWideView,\n    isMobileView,\n    isVerticalView,\n    controlClassName,\n    controlSize,\n    popupPosition,\n    children,\n}) => {\n    return (\n        <ControlsLayoutContext.Provider\n            value={{\n                controlClassName: controlClassName || b('control'),\n                isWideView: isWideView,\n                isMobileView: isMobileView,\n                isVerticalView: isVerticalView,\n                controlSize: controlSize,\n                popupPosition: popupPosition,\n            }}\n        >\n            {children}\n        </ControlsLayoutContext.Provider>\n    );\n};\n"],
-  "mappings": ";AAAA,OAAO,SAA2B,qBAAoB;AACtD,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,oBAAmB;AAWpB,IAAM,wBAAwB,cAAmC;AAAA,EACpE,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,aAAa,aAAa;AAAA,EAC1B,eAAe,eAAe;AAClC,CAAC;AAED,IAAM,IAAI,MAAM,aAAa;AAEtB,IAAM,iBAAmE,CAAC;AAAA,EAC7E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,SACI;AAAA,IAAC,sBAAsB;AAAA,IAAtB;AAAA,MACG,OAAO;AAAA,QACH,kBAAkB,oBAAoB,EAAE,SAAS;AAAA,QACjD;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAAA;AAAA,IAEC;AAAA,EACL;AAER;",
+  "sourcesContent": ["import type {PropsWithChildren} from 'react';\n\nimport React, {createContext} from 'react';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition} from '../../hooks';\nimport {ControlSizes} from '../../models';\n\ntype ControlsLayoutProps = {\n    isWideView?: boolean;\n    isMobileView?: boolean;\n    isVerticalView?: boolean;\n    controlClassName?: string;\n    controlSize?: ControlSizes;\n    popupPosition?: PopperPosition;\n};\n\nexport const ControlsLayoutContext = createContext<ControlsLayoutProps>({\n    controlClassName: '',\n    isWideView: false,\n    isMobileView: false,\n    isVerticalView: false,\n    controlSize: ControlSizes.M,\n    popupPosition: PopperPosition.BOTTOM_END,\n});\n\nconst b = block('dc-controls');\n\nexport const ControlsLayout: React.FC<PropsWithChildren<ControlsLayoutProps>> = ({\n    isWideView,\n    isMobileView,\n    isVerticalView,\n    controlClassName,\n    controlSize,\n    popupPosition,\n    children,\n}) => {\n    return (\n        <ControlsLayoutContext.Provider\n            value={{\n                controlClassName: controlClassName || b('control'),\n                isWideView: isWideView,\n                isMobileView: isMobileView,\n                isVerticalView: isVerticalView,\n                controlSize: controlSize,\n                popupPosition: popupPosition,\n            }}\n        >\n            {children}\n        </ControlsLayoutContext.Provider>\n    );\n};\n"],
+  "mappings": ";AAEA,OAAO,SAAQ,qBAAoB;AACnC,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAC7B,SAAQ,oBAAmB;AAWpB,IAAM,wBAAwB,cAAmC;AAAA,EACpE,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,aAAa,aAAa;AAAA,EAC1B,eAAe,eAAe;AAClC,CAAC;AAED,IAAM,IAAI,MAAM,aAAa;AAEtB,IAAM,iBAAmE,CAAC;AAAA,EAC7E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,SACI;AAAA,IAAC,sBAAsB;AAAA,IAAtB;AAAA,MACG,OAAO;AAAA,QACH,kBAAkB,oBAAoB,EAAE,SAAS;AAAA,QACjD;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAAA;AAAA,IAEC;AAAA,EACL;AAER;",
   "names": []
 }

package/build/esm/components/Controls/single-controls/DividerControl/DividerControl.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/components/Controls/single-controls/DividerControl/DividerControl.scss", "../../../../../../src/components/Controls/single-controls/DividerControl/%3Cinput css B_enhv%3E"],
+  "sources": ["../../../../../../src/components/Controls/single-controls/DividerControl/DividerControl.scss", "../../../../../../src/components/Controls/single-controls/DividerControl/%3Cinput css oTywum%3E"],
   "sourcesContent": [".dc-divider-control {\n    background: var(--g-color-line-generic);\n\n    &:first-child {\n        display: none;\n    }\n\n    &:not(&_vertical) {\n        width: 100%;\n        height: 1px;\n    }\n\n    &_vertical {\n        width: 1px;\n    }\n\n    &#{&}_vertical#{&}_size_m {\n        height: 16px;\n    }\n    &#{&}_vertical#{&}_size_l {\n        height: 24px;\n    }\n}\n", ".dc-divider-control {\n  background: var(--g-color-line-generic);\n}\n.dc-divider-control:first-child {\n  display: none;\n}\n.dc-divider-control:not(.dc-divider-control_vertical) {\n  width: 100%;\n  height: 1px;\n}\n.dc-divider-control_vertical {\n  width: 1px;\n}\n.dc-divider-control.dc-divider-control_vertical.dc-divider-control_size_m {\n  height: 16px;\n}\n.dc-divider-control.dc-divider-control_vertical.dc-divider-control_size_l {\n  height: 24px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzL3NpbmdsZS1jb250cm9scy9EaXZpZGVyQ29udHJvbCIsInNvdXJjZXMiOlsiRGl2aWRlckNvbnRyb2wuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJOztBQUVBO0VBQ0k7O0FBR0o7RUFDSTtFQUNBOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTs7QUFFSjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiLmRjLWRpdmlkZXItY29udHJvbCB7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1saW5lLWdlbmVyaWMpO1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgJjpub3QoJl92ZXJ0aWNhbCkge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgfVxuXG4gICAgJl92ZXJ0aWNhbCB7XG4gICAgICAgIHdpZHRoOiAxcHg7XG4gICAgfVxuXG4gICAgJiN7Jn1fdmVydGljYWwjeyZ9X3NpemVfbSB7XG4gICAgICAgIGhlaWdodDogMTZweDtcbiAgICB9XG4gICAgJiN7Jn1fdmVydGljYWwjeyZ9X3NpemVfbCB7XG4gICAgICAgIGhlaWdodDogMjRweDtcbiAgICB9XG59XG4iXX0= */"],
   "mappings": ";AAAA,CAAA;AACI,cAAA,IAAA;ACCJ;ADCI,CAHJ,kBAGI;AACI,WAAA;ACCR;ADEI,CAPJ,kBAOI,KAAA,CAAA;AACI,SAAA;AACA,UAAA;ACAR;ADGI,CALA;AAMI,SAAA;ACDR;ADII,CAhBJ,kBAgBI,CATA,2BASA,CAAA;AACI,UAAA;ACFR;ADII,CAnBJ,kBAmBI,CAZA,2BAYA,CAAA;AACI,UAAA;ACFR;",
   "names": []

package/build/esm/components/Controls/single-controls/LangControl/LangControl.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/components/Controls/single-controls/LangControl/LangControl.scss", "../../../../../../src/styles/mixins.scss", "../../../../../../src/components/Controls/single-controls/LangControl/%3Cinput css vrL_PZ%3E"],
+  "sources": ["../../../../../../src/components/Controls/single-controls/LangControl/LangControl.scss", "../../../../../../src/styles/mixins.scss", "../../../../../../src/components/Controls/single-controls/LangControl/%3Cinput css iG4rOl%3E"],
   "sourcesContent": ["@use '../../../../styles/mixins';\n@use '../../../../styles/variables';\n\n.dc-lang-control {\n    display: flex;\n    align-items: center;\n    @include mixins.text-size(body-1);\n\n    &__popup {\n        width: 100px;\n        @include mixins.text-size(body-1);\n    }\n\n    div &__popup-tooltip {\n        padding: 0;\n    }\n\n    &__list {\n        padding: 4px 0;\n    }\n\n    &__list-item {\n        --g-focus-border-radius: 4px;\n\n        display: flex;\n        gap: 8px;\n        align-items: center;\n        width: 100%;\n        height: 100%;\n        border-radius: var(--g-focus-border-radius);\n        border: 0;\n        padding: 0 12px;\n        color: inherit;\n        cursor: pointer;\n        background-color: inherit;\n        font-family: inherit;\n\n        @include mixins.focusable(-2px);\n    }\n\n    &__list-item_tld {\n        flex-direction: column;\n        align-items: flex-start;\n        justify-content: center;\n        gap: 4px;\n    }\n\n    &__list-item_tld > span {\n        color: var(--g-color-text-hint);\n    }\n\n    &__list-item_disabled {\n        color: var(--g-color-text-secondary);\n        cursor: default;\n        opacity: 0.7;\n    }\n}\n", "@use 'sass:map';\n@use '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, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$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, $mode: 'outline') {\n    @if $mode == 'outline' {\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    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\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(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n", ".dc-lang-control {\n  display: flex;\n  align-items: center;\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.dc-lang-control__popup {\n  width: 100px;\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\ndiv .dc-lang-control__popup-tooltip {\n  padding: 0;\n}\n.dc-lang-control__list {\n  padding: 4px 0;\n}\n.dc-lang-control__list-item {\n  --g-focus-border-radius: 4px;\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--g-focus-border-radius);\n  border: 0;\n  padding: 0 12px;\n  color: inherit;\n  cursor: pointer;\n  background-color: inherit;\n  font-family: inherit;\n}\n.dc-lang-control__list-item:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: -2px;\n}\n.dc-lang-control__list-item:focus:not(:focus-visible) {\n  outline: 0;\n}\n.dc-lang-control__list-item_tld {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 4px;\n}\n.dc-lang-control__list-item_tld > span {\n  color: var(--g-color-text-hint);\n}\n.dc-lang-control__list-item_disabled {\n  color: var(--g-color-text-secondary);\n  cursor: default;\n  opacity: 0.7;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzL3NpbmdsZS1jb250cm9scy9MYW5nQ29udHJvbCIsInNvdXJjZXMiOlsiTGFuZ0NvbnRyb2wuc2NzcyIsIi4uLy4uLy4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQTtFQUNJO0VBQ0E7RUNEQTtFQUNBOztBREdBO0VBQ0k7RUNMSjtFQUNBOztBRFFBO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJO0VBRUE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQ0RBO0VBQ0k7RUFDQSxnQkRDc0I7O0FDQzFCO0VBQ0k7O0FEQ1I7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vLi4vLi4vc3R5bGVzL21peGlucyc7XG5AdXNlICcuLi8uLi8uLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcblxuLmRjLWxhbmctY29udHJvbCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIEBpbmNsdWRlIG1peGlucy50ZXh0LXNpemUoYm9keS0xKTtcblxuICAgICZfX3BvcHVwIHtcbiAgICAgICAgd2lkdGg6IDEwMHB4O1xuICAgICAgICBAaW5jbHVkZSBtaXhpbnMudGV4dC1zaXplKGJvZHktMSk7XG4gICAgfVxuXG4gICAgZGl2ICZfX3BvcHVwLXRvb2x0aXAge1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgIH1cblxuICAgICZfX2xpc3Qge1xuICAgICAgICBwYWRkaW5nOiA0cHggMDtcbiAgICB9XG5cbiAgICAmX19saXN0LWl0ZW0ge1xuICAgICAgICAtLWctZm9jdXMtYm9yZGVyLXJhZGl1czogNHB4O1xuXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGdhcDogOHB4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuICAgICAgICBib3JkZXI6IDA7XG4gICAgICAgIHBhZGRpbmc6IDAgMTJweDtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogaW5oZXJpdDtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG5cbiAgICAgICAgQGluY2x1ZGUgbWl4aW5zLmZvY3VzYWJsZSgtMnB4KTtcbiAgICB9XG5cbiAgICAmX19saXN0LWl0ZW1fdGxkIHtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBnYXA6IDRweDtcbiAgICB9XG5cbiAgICAmX19saXN0LWl0ZW1fdGxkID4gc3BhbiB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtaGludCk7XG4gICAgfVxuXG4gICAgJl9fbGlzdC1pdGVtX2Rpc2FibGVkIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgIG9wYWNpdHk6IDAuNztcbiAgICB9XG59XG4iLCJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICd2YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDAsICRtb2RlOiAnb3V0bGluZScpIHtcbiAgICBAaWYgJG1vZGUgPT0gJ291dGxpbmUnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGlmICRtb2RlID09ICdib3gtc2hhZG93JyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBmb250LXdlaWdodDogNDAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */"],
   "mappings": ";AAGA,CAAA;AACI,WAAA;AACA,eAAA;ACDA,aAAA,IAAA;AACA,eAAA,IAAA;ACAJ;AFGI,CAAA;AACI,SAAA;ACLJ,aAAA,IAAA;AACA,eAAA,IAAA;ACKJ;AFGI,IAAA,CAAA;AACI,WAAA;AEDR;AFII,CAAA;AACI,WAAA,IAAA;AEFR;AFKI,CAAA;AACI,2BAAA;AAEA,WAAA;AACA,OAAA;AACA,eAAA;AACA,SAAA;AACA,UAAA;AACA,iBAAA;AAAA,iBAAA,IAAA;AACA,UAAA;AACA,WAAA,EAAA;AACA,SAAA;AACA,UAAA;AACA,oBAAA;AACA,eAAA;AEJR;ADGQ,CDbJ,0BCaI;AACI,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;ACDZ;ADGQ,CDjBJ,0BCiBI,MAAA,KAAA;AACI,WAAA;ACDZ;AFEI,CAAA;AACI,kBAAA;AACA,eAAA;AACA,mBAAA;AACA,OAAA;AEAR;AFGI,CAPA,+BAOA,EAAA;AACI,SAAA,IAAA;AEDR;AFII,CAAA;AACI,SAAA,IAAA;AACA,UAAA;AACA,WAAA;AEFR;",
   "names": []

package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/components/Controls/single-controls/SettingsControl/SettingsControl.scss", "../../../../../../src/components/Controls/single-controls/SettingsControl/%3Cinput css iZgb3D%3E", "../../../../../../src/styles/mixins.scss"],
+  "sources": ["../../../../../../src/components/Controls/single-controls/SettingsControl/SettingsControl.scss", "../../../../../../src/components/Controls/single-controls/SettingsControl/%3Cinput css 9Nv3T8%3E", "../../../../../../src/styles/mixins.scss"],
   "sourcesContent": ["@use 'sass:map';\n@use '../../../../styles/mixins';\n@use '../../../../styles/variables';\n\n.dc-settings-control {\n    &__text-size-control {\n        display: flex;\n        align-items: center;\n    }\n\n    &__text-size-button {\n        &_s {\n            @include mixins.text-size(body-1);\n        }\n        &_m {\n            @include mixins.text-size(body-2);\n        }\n        &_l {\n            @include mixins.text-size(body-3);\n        }\n    }\n\n    &__text-size-button-icon {\n        &_active {\n            color: var(--g-color-base-brand);\n        }\n    }\n\n    &__popup {\n        width: 230px;\n        @include mixins.text-size(body-1);\n    }\n\n    &__popup-tooltip-content {\n        padding: 0;\n    }\n\n    &__list {\n        padding: 4px 0;\n        width: 230px;\n\n        .g-list__item_active {\n            background: transparent;\n        }\n    }\n\n    &__list-icon {\n        margin-right: 8px;\n    }\n\n    &__list-item {\n        display: flex;\n        padding: 12px;\n        width: 100%;\n    }\n\n    &__list-item-description {\n        color: var(--g-color-text-secondary);\n    }\n\n    &__list-item-control {\n        display: flex;\n        align-items: center;\n        margin-left: auto;\n\n        [dir='rtl'] & {\n            margin: 0 auto 0 0;\n        }\n\n        [dir='rtl'] & > label {\n            transform: rotate(180deg);\n        }\n    }\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md')) {\n        &__popup {\n            width: 100vw;\n        }\n\n        &__popup-tooltip {\n            position: fixed;\n            /* stylelint-disable-next-line declaration-no-important */\n            inset: var(--header-height) 0px auto 0px !important;\n            /* stylelint-disable-next-line declaration-no-important */\n            transform: translate3d(0, 0, 0) !important;\n        }\n\n        &__popup-tooltip-content {\n            max-width: 100%;\n        }\n\n        &__list {\n            width: 100%;\n        }\n    }\n}\n", ".dc-settings-control__text-size-control {\n  display: flex;\n  align-items: center;\n}\n.dc-settings-control__text-size-button_s {\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.dc-settings-control__text-size-button_m {\n  font-size: var(--g-text-body-2-font-size);\n  line-height: var(--g-text-body-2-line-height);\n}\n.dc-settings-control__text-size-button_l {\n  font-size: var(--g-text-body-3-font-size);\n  line-height: var(--g-text-body-3-line-height);\n}\n.dc-settings-control__text-size-button-icon_active {\n  color: var(--g-color-base-brand);\n}\n.dc-settings-control__popup {\n  width: 230px;\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.dc-settings-control__popup-tooltip-content {\n  padding: 0;\n}\n.dc-settings-control__list {\n  padding: 4px 0;\n  width: 230px;\n}\n.dc-settings-control__list .g-list__item_active {\n  background: transparent;\n}\n.dc-settings-control__list-icon {\n  margin-right: 8px;\n}\n.dc-settings-control__list-item {\n  display: flex;\n  padding: 12px;\n  width: 100%;\n}\n.dc-settings-control__list-item-description {\n  color: var(--g-color-text-secondary);\n}\n.dc-settings-control__list-item-control {\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n}\n[dir=rtl] .dc-settings-control__list-item-control {\n  margin: 0 auto 0 0;\n}\n[dir=rtl] .dc-settings-control__list-item-control > label {\n  transform: rotate(180deg);\n}\n@media (max-width: 769px) {\n  .dc-settings-control__popup {\n    width: 100vw;\n  }\n  .dc-settings-control__popup-tooltip {\n    position: fixed;\n    /* stylelint-disable-next-line declaration-no-important */\n    inset: var(--header-height) 0px auto 0px !important;\n    /* stylelint-disable-next-line declaration-no-important */\n    transform: translate3d(0, 0, 0) !important;\n  }\n  .dc-settings-control__popup-tooltip-content {\n    max-width: 100%;\n  }\n  .dc-settings-control__list {\n    width: 100%;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzL3NpbmdsZS1jb250cm9scy9TZXR0aW5nc0NvbnRyb2wiLCJzb3VyY2VzIjpbIlNldHRpbmdzQ29udHJvbC5zY3NzIiwiLi4vLi4vLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtJO0VBQ0k7RUFDQTs7QUFJQTtFQ1BKO0VBQ0E7O0FEU0k7RUNWSjtFQUNBOztBRFlJO0VDYko7RUFDQTs7QURrQkk7RUFDSTs7QUFJUjtFQUNJO0VDekJKO0VBQ0E7O0FENEJBO0VBQ0k7O0FBR0o7RUFDSTtFQUNBOztBQUVBO0VBQ0k7O0FBSVI7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7RUFDQTtFQUNBOztBQUVBO0VBQ0k7O0FBR0o7RUFDSTs7QUFJUjtFQUNJO0lBQ0k7O0VBR0o7SUFDSTtBQUNBO0lBQ0E7QUFDQTtJQUNBOztFQUdKO0lBQ0k7O0VBR0o7SUFDSSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJy4uLy4uLy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuQHVzZSAnLi4vLi4vLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5cbi5kYy1zZXR0aW5ncy1jb250cm9sIHtcbiAgICAmX190ZXh0LXNpemUtY29udHJvbCB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgfVxuXG4gICAgJl9fdGV4dC1zaXplLWJ1dHRvbiB7XG4gICAgICAgICZfcyB7XG4gICAgICAgICAgICBAaW5jbHVkZSBtaXhpbnMudGV4dC1zaXplKGJvZHktMSk7XG4gICAgICAgIH1cbiAgICAgICAgJl9tIHtcbiAgICAgICAgICAgIEBpbmNsdWRlIG1peGlucy50ZXh0LXNpemUoYm9keS0yKTtcbiAgICAgICAgfVxuICAgICAgICAmX2wge1xuICAgICAgICAgICAgQGluY2x1ZGUgbWl4aW5zLnRleHQtc2l6ZShib2R5LTMpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fdGV4dC1zaXplLWJ1dHRvbi1pY29uIHtcbiAgICAgICAgJl9hY3RpdmUge1xuICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItYmFzZS1icmFuZCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19wb3B1cCB7XG4gICAgICAgIHdpZHRoOiAyMzBweDtcbiAgICAgICAgQGluY2x1ZGUgbWl4aW5zLnRleHQtc2l6ZShib2R5LTEpO1xuICAgIH1cblxuICAgICZfX3BvcHVwLXRvb2x0aXAtY29udGVudCB7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuXG4gICAgJl9fbGlzdCB7XG4gICAgICAgIHBhZGRpbmc6IDRweCAwO1xuICAgICAgICB3aWR0aDogMjMwcHg7XG5cbiAgICAgICAgLmctbGlzdF9faXRlbV9hY3RpdmUge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19saXN0LWljb24ge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgICB9XG5cbiAgICAmX19saXN0LWl0ZW0ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBwYWRkaW5nOiAxMnB4O1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmX19saXN0LWl0ZW0tZGVzY3JpcHRpb24ge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXNlY29uZGFyeSk7XG4gICAgfVxuXG4gICAgJl9fbGlzdC1pdGVtLWNvbnRyb2wge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBtYXJnaW4tbGVmdDogYXV0bztcblxuICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgIG1hcmdpbjogMCBhdXRvIDAgMDtcbiAgICAgICAgfVxuXG4gICAgICAgIFtkaXI9J3J0bCddICYgPiBsYWJlbCB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgJl9fcG9wdXAge1xuICAgICAgICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgICAgICB9XG5cbiAgICAgICAgJl9fcG9wdXAtdG9vbHRpcCB7XG4gICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZGVjbGFyYXRpb24tbm8taW1wb3J0YW50ICovXG4gICAgICAgICAgICBpbnNldDogdmFyKC0taGVhZGVyLWhlaWdodCkgMHB4IGF1dG8gMHB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZGVjbGFyYXRpb24tbm8taW1wb3J0YW50ICovXG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cblxuICAgICAgICAmX19wb3B1cC10b29sdGlwLWNvbnRlbnQge1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9fbGlzdCB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJ3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */", "@use 'sass:map';\n@use '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, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$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, $mode: 'outline') {\n    @if $mode == 'outline' {\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    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\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(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
   "mappings": ";AAKI,CAAA;AACI,WAAA;AACA,eAAA;ACJR;ADQQ,CAAA;AEPJ,aAAA,IAAA;AACA,eAAA,IAAA;ADEJ;ADOQ,CAAA;AEVJ,aAAA,IAAA;AACA,eAAA,IAAA;ADMJ;ADMQ,CAAA;AEbJ,aAAA,IAAA;AACA,eAAA,IAAA;ADUJ;ADQQ,CAAA;AACI,SAAA,IAAA;ACNZ;ADUI,CAAA;AACI,SAAA;AEzBJ,aAAA,IAAA;AACA,eAAA,IAAA;ADkBJ;ADUI,CAAA;AACI,WAAA;ACRR;ADWI,CAAA;AACI,WAAA,IAAA;AACA,SAAA;ACTR;ADWQ,CAJJ,0BAII,CAAA;AACI,cAAA;ACTZ;ADaI,CAAA;AACI,gBAAA;ACXR;ADcI,CAAA;AACI,WAAA;AACA,WAAA;AACA,SAAA;ACZR;ADeI,CAAA;AACI,SAAA,IAAA;ACbR;ADgBI,CAAA;AACI,WAAA;AACA,eAAA;AACA,eAAA;ACdR;ADgBQ,CAAA,SAAA,CALJ;AAMQ,UAAA,EAAA,KAAA,EAAA;ACdZ;ADiBQ,CAAA,SAAA,CATJ,uCASI,EAAA;AACI,aAAA,OAAA;ACfZ;ADmBI,QAAA,WAAA;AACI,GA/CJ;AAgDQ,WAAA;ACjBV;ADoBM,GAAA;AACI,cAAA;AAEA,SAAA,IAAA;AAAA,WAAA;AAAA,YAAA;AAAA,UAAA;AAEA,eAAA,YAAA,CAAA,EAAA,CAAA,EAAA;AClBV;ADqBM,GAtDJ;AAuDQ,eAAA;ACnBV;ADsBM,GAtDJ;AAuDQ,WAAA;ACpBV;AACF;",
   "names": []