@diplodoc/components 3.8.0-beta.1 → 3.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/components/BookmarkButton/BookmarkButton.css.map +2 -2
- package/build/cjs/components/Breadcrumbs/Breadcrumbs.css.map +2 -2
- package/build/cjs/components/ContributorAvatars/Avatars/Avatar.js +1 -1
- package/build/cjs/components/ContributorAvatars/Avatars/Avatar.js.map +2 -2
- package/build/cjs/components/ContributorAvatars/Avatars/Details.js +1 -1
- package/build/cjs/components/ContributorAvatars/Avatars/Details.js.map +2 -2
- package/build/cjs/components/ContributorAvatars/Avatars/HiddenAvatars.js +1 -1
- package/build/cjs/components/ContributorAvatars/Avatars/HiddenAvatars.js.map +2 -2
- package/build/cjs/components/ContributorAvatars/ContributorAvatars.css +38 -57
- package/build/cjs/components/ContributorAvatars/ContributorAvatars.css.map +3 -3
- package/build/cjs/components/ContributorAvatars/ContributorAvatars.js +3 -10
- package/build/cjs/components/ContributorAvatars/ContributorAvatars.js.map +2 -2
- package/build/cjs/components/Contributors/Contributors.css +2 -3
- package/build/cjs/components/Contributors/Contributors.css.map +3 -3
- package/build/cjs/components/Contributors/Contributors.js +1 -1
- package/build/cjs/components/Contributors/Contributors.js.map +2 -2
- package/build/cjs/components/Control/Control.css.map +2 -2
- package/build/cjs/components/Controls/Controls.css.map +2 -2
- package/build/cjs/components/Controls/single-controls/DividerControl/DividerControl.css.map +2 -2
- package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.css +3 -1
- package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +3 -3
- package/build/cjs/components/DocLayout/DocLayout.css +2 -0
- package/build/cjs/components/DocLayout/DocLayout.css.map +3 -3
- package/build/cjs/components/DocLeadingPage/DocLeadingPage.css.map +2 -2
- package/build/cjs/components/DocPage/DocPage.css +11 -5
- package/build/cjs/components/DocPage/DocPage.css.map +3 -3
- package/build/cjs/components/DocPage/DocPage.js +9 -2
- package/build/cjs/components/DocPage/DocPage.js.map +3 -3
- package/build/cjs/components/DocPageTitle/DocPageTitle.css.map +2 -2
- package/build/cjs/components/ErrorPage/ErrorPage.css.map +2 -2
- package/build/cjs/components/Feedback/Feedback.css +4 -0
- package/build/cjs/components/Feedback/Feedback.css.map +3 -3
- package/build/cjs/components/Mark/Mark.css.map +2 -2
- package/build/cjs/components/MiniToc/MiniToc.css.map +3 -3
- package/build/cjs/components/Paginator/Paginator.css.map +2 -2
- package/build/cjs/components/SearchBar/SearchBar.css.map +2 -2
- package/build/cjs/components/SearchItem/SearchItem.css.map +2 -2
- package/build/cjs/components/SearchPage/SearchPage.css.map +2 -2
- package/build/cjs/components/Subscribe/Subscribe.css +4 -0
- package/build/cjs/components/Subscribe/Subscribe.css.map +3 -3
- package/build/cjs/components/Toc/Toc.css.map +2 -2
- package/build/cjs/components/TocItem/TocItem.css.map +2 -2
- package/build/cjs/components/TocNavPanel/TocNavPanel.css.map +2 -2
- package/build/cjs/components/ToggleArrow/ToggleArrow.css.map +2 -2
- package/build/cjs/components/UpdatedAtDate/UpdatedAtDate.css +10 -0
- package/build/cjs/components/UpdatedAtDate/UpdatedAtDate.css.map +7 -0
- package/build/cjs/components/UpdatedAtDate/UpdatedAtDate.d.ts +7 -0
- package/build/cjs/components/UpdatedAtDate/UpdatedAtDate.js +52 -0
- package/build/cjs/components/UpdatedAtDate/UpdatedAtDate.js.map +7 -0
- package/build/cjs/config/i18n.js +26 -3
- package/build/cjs/config/i18n.js.map +3 -3
- package/build/cjs/models/index.d.ts +9 -3
- package/build/cjs/models/index.js +4 -0
- package/build/cjs/models/index.js.map +2 -2
- package/build/cjs/utils/date.d.ts +13 -0
- package/build/cjs/utils/date.js +82 -0
- package/build/cjs/utils/date.js.map +7 -0
- package/build/esm/components/BookmarkButton/BookmarkButton.css.map +2 -2
- package/build/esm/components/Breadcrumbs/Breadcrumbs.css.map +2 -2
- package/build/esm/components/ContributorAvatars/Avatars/Avatar.js +1 -1
- package/build/esm/components/ContributorAvatars/Avatars/Avatar.js.map +2 -2
- package/build/esm/components/ContributorAvatars/Avatars/Details.js +1 -1
- package/build/esm/components/ContributorAvatars/Avatars/Details.js.map +2 -2
- package/build/esm/components/ContributorAvatars/Avatars/HiddenAvatars.js +1 -1
- package/build/esm/components/ContributorAvatars/Avatars/HiddenAvatars.js.map +2 -2
- package/build/esm/components/ContributorAvatars/ContributorAvatars.css +38 -57
- package/build/esm/components/ContributorAvatars/ContributorAvatars.css.map +3 -3
- package/build/esm/components/ContributorAvatars/ContributorAvatars.js +3 -10
- package/build/esm/components/ContributorAvatars/ContributorAvatars.js.map +2 -2
- package/build/esm/components/Contributors/Contributors.css +2 -3
- package/build/esm/components/Contributors/Contributors.css.map +3 -3
- package/build/esm/components/Contributors/Contributors.js +1 -1
- package/build/esm/components/Contributors/Contributors.js.map +2 -2
- package/build/esm/components/Control/Control.css.map +2 -2
- package/build/esm/components/Controls/Controls.css.map +2 -2
- package/build/esm/components/Controls/single-controls/DividerControl/DividerControl.css.map +2 -2
- package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.css +3 -1
- package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +3 -3
- package/build/esm/components/DocLayout/DocLayout.css +2 -0
- package/build/esm/components/DocLayout/DocLayout.css.map +3 -3
- package/build/esm/components/DocLeadingPage/DocLeadingPage.css.map +2 -2
- package/build/esm/components/DocPage/DocPage.css +11 -5
- package/build/esm/components/DocPage/DocPage.css.map +3 -3
- package/build/esm/components/DocPage/DocPage.js +9 -2
- package/build/esm/components/DocPage/DocPage.js.map +2 -2
- package/build/esm/components/DocPageTitle/DocPageTitle.css.map +2 -2
- package/build/esm/components/ErrorPage/ErrorPage.css.map +2 -2
- package/build/esm/components/Feedback/Feedback.css +4 -0
- package/build/esm/components/Feedback/Feedback.css.map +3 -3
- package/build/esm/components/Mark/Mark.css.map +2 -2
- package/build/esm/components/MiniToc/MiniToc.css.map +3 -3
- package/build/esm/components/Paginator/Paginator.css.map +2 -2
- package/build/esm/components/SearchBar/SearchBar.css.map +2 -2
- package/build/esm/components/SearchItem/SearchItem.css.map +2 -2
- package/build/esm/components/SearchPage/SearchPage.css.map +2 -2
- package/build/esm/components/Subscribe/Subscribe.css +4 -0
- package/build/esm/components/Subscribe/Subscribe.css.map +3 -3
- package/build/esm/components/Toc/Toc.css.map +2 -2
- package/build/esm/components/TocItem/TocItem.css.map +2 -2
- package/build/esm/components/TocNavPanel/TocNavPanel.css.map +2 -2
- package/build/esm/components/ToggleArrow/ToggleArrow.css.map +2 -2
- package/build/esm/components/UpdatedAtDate/UpdatedAtDate.css +10 -0
- package/build/esm/components/UpdatedAtDate/UpdatedAtDate.css.map +7 -0
- package/build/esm/components/UpdatedAtDate/UpdatedAtDate.d.ts +7 -0
- package/build/esm/components/UpdatedAtDate/UpdatedAtDate.js +21 -0
- package/build/esm/components/UpdatedAtDate/UpdatedAtDate.js.map +7 -0
- package/build/esm/config/i18n.js +26 -3
- package/build/esm/config/i18n.js.map +3 -3
- package/build/esm/models/index.d.ts +9 -3
- package/build/esm/models/index.js +4 -0
- package/build/esm/models/index.js.map +2 -2
- package/build/esm/utils/date.d.ts +13 -0
- package/build/esm/utils/date.js +61 -0
- package/build/esm/utils/date.js.map +7 -0
- package/build/index.css.map +2 -2
- package/build/themes/common/index.css.map +2 -2
- package/package.json +1 -1
- package/src/i18n/ar.json +117 -0
- package/src/i18n/cs.json +120 -0
- package/src/i18n/en.json +4 -1
- package/src/i18n/es.json +120 -0
- package/src/i18n/fr.json +120 -0
- package/src/i18n/he.json +117 -0
- package/src/i18n/ru.json +4 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/BookmarkButton/
|
|
4
|
-
"sourcesContent": [".dc-bookmark-button {\n vertical-align: middle;\n margin: 0 4px 4px;\n\n &:hover::before {\n background-color: transparent;\n }\n\n &_active &__icon {\n color: var(--g-color-base-brand);\n }\n}\n", ".dc-bookmark-button {\n vertical-align: middle;\n margin: 0 4px 4px;\n}\n.dc-bookmark-button:hover::before {\n background-color: transparent;\n}\n.dc-bookmark-button_active .dc-bookmark-button__icon {\n color: var(--g-color-base-brand);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
3
|
+
"sources": ["../../../../src/components/BookmarkButton/home/runner/work/components/components/src/components/BookmarkButton/BookmarkButton.scss", "../../../../src/components/BookmarkButton/%3Cinput%20css%20rnG9SM%3E"],
|
|
4
|
+
"sourcesContent": [".dc-bookmark-button {\n vertical-align: middle;\n margin: 0 4px 4px;\n\n &:hover::before {\n background-color: transparent;\n }\n\n &_active &__icon {\n color: var(--g-color-base-brand);\n }\n}\n", ".dc-bookmark-button {\n vertical-align: middle;\n margin: 0 4px 4px;\n}\n.dc-bookmark-button:hover::before {\n background-color: transparent;\n}\n.dc-bookmark-button_active .dc-bookmark-button__icon {\n color: var(--g-color-base-brand);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0Jvb2ttYXJrQnV0dG9uIiwic291cmNlcyI6WyJCb29rbWFya0J1dHRvbi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0k7RUFDQTs7QUFFQTtFQUNJOztBQUdKO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyIuZGMtYm9va21hcmstYnV0dG9uIHtcbiAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgIG1hcmdpbjogMCA0cHggNHB4O1xuXG4gICAgJjpob3Zlcjo6YmVmb3JlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgfVxuXG4gICAgJl9hY3RpdmUgJl9faWNvbiB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLWJhc2UtYnJhbmQpO1xuICAgIH1cbn1cbiJdfQ== */"],
|
|
5
5
|
"mappings": ";AAAA,CAAA;AACI,kBAAA;AACA,UAAA,EAAA,IAAA;ACCJ;ADCI,CAJJ,kBAII,MAAA;AACI,oBAAA;ACCR;ADEI,CAAA,0BAAA,CAAA;AACI,SAAA,IAAA;ACAR;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/Breadcrumbs/%3Cinput%20css%
|
|
4
|
-
"sourcesContent": ["@charset \"UTF-8\";\n.dc-breadcrumbs {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n width: 100%;\n}\n.dc-breadcrumbs__items {\n margin: 0;\n padding: 0;\n list-style: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--g-color-text-secondary);\n}\n.dc-breadcrumbs__item {\n display: inline;\n}\n.dc-breadcrumbs__item::after {\n content: \" / \";\n margin: 0 5px;\n color: var(--g-color-text-hint);\n}\n.dc-breadcrumbs__item:last-child::after {\n display: none;\n}\n.dc-breadcrumbs__item:last-child {\n color: var(--g-color-text-primary);\n}\n.dc-breadcrumbs__text {\n white-space: nowrap;\n}\n.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL21hcnR5YW5vdi1hdi9XZWJzdG9ybVByb2plY3RzL2RpcGxvZG9jL3BhY2thZ2VzL2NvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMiLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJzLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUdBO0VDQUk7RUFDQTtFRENBOztBQUVBO0VDQ0E7RUFDQTtFQUNBO0VEQUk7RUFDQTtFQUNBO0VBRUE7O0FBR0o7RUFDSTs7QUFFQTtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUVKO0VBQ0k7O0FBSVI7RUFDSTs7QUFFQTtFQUNJO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLWJyZWFkY3J1bWJzIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0xKTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgICZfX2l0ZW1zIHtcbiAgICAgICAgQGluY2x1ZGUgcmVzZXQtbGlzdC1zdHlsZSgpO1xuXG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtc2Vjb25kYXJ5KTtcbiAgICB9XG5cbiAgICAmX19pdGVtIHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lO1xuXG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgIGNvbnRlbnQ6ICdcXGEwLyAnO1xuICAgICAgICAgICAgbWFyZ2luOiAwIDVweDtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtaGludCk7XG4gICAgICAgIH1cblxuICAgICAgICAmOmxhc3QtY2hpbGQ6OmFmdGVyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX190ZXh0IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuICAgICAgICAmX2xpbmsge1xuICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAaW1wb3J0ICcuL3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xuICAgIG1hcmdpbi10b3A6IGNhbGMoI3skb2Zmc2V0fSAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDAsICRtb2RlOiAnb3V0bGluZScpIHtcbiAgICBAaWYgJG1vZGUgPT0gJ291dGxpbmUnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGlmICRtb2RlID09ICdib3gtc2hhZG93JyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBAaW5jbHVkZSBpc2xhbmRzLWZvY3VzKCk7XG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgICY6aG92ZXIsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmstaG92ZXIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcxKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0yKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0yKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzUoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */", "@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-breadcrumbs {\n @include text-size(body-1);\n width: 100%;\n\n &__items {\n @include reset-list-style();\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n color: var(--g-color-text-secondary);\n }\n\n &__item {\n display: inline;\n\n &::after {\n content: '\\a0/ ';\n margin: 0 5px;\n color: var(--g-color-text-hint);\n }\n\n &:last-child::after {\n display: none;\n }\n &:last-child {\n color: var(--g-color-text-primary);\n }\n }\n\n &__text {\n white-space: nowrap;\n\n &_link {\n outline: none;\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n }\n }\n}\n", "@import './variables';\n\n@mixin text-size($name) {\n font-size: var(--g-text-#{$name}-font-size);\n line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n color: inherit;\n text-decoration: none;\n}\n\n@mixin islands-focus() {\n outline: none;\n\n .utilityfocus &:focus {\n outline: 2px solid #ffdb4d;\n }\n}\n\n@mixin focusable($offset: 0, $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 @include islands-focus();\n @include focusable(0, 'box-shadow');\n\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n border-radius: var(--g-focus-border-radius);\n\n &:hover,\n &:active {\n color: var(--g-color-text-link-hover);\n }\n}\n\n@mixin heading1() {\n @include text-size(display-3);\n font-weight: 500;\n\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n @include text-size(display-2);\n }\n}\n\n@mixin heading2() {\n @include text-size(display-1);\n font-weight: 500;\n}\n\n@mixin heading3() {\n @include text-size(header-2);\n font-weight: 500;\n}\n\n@mixin heading4() {\n @include text-size(header-1);\n font-weight: 500;\n}\n\n@mixin heading5() {\n @include text-size(body-3);\n font-weight: 500;\n}\n\n@mixin heading6() {\n @include text-size(body-3);\n font-weight: 400;\n}\n\n@mixin contributors-text() {\n font-size: 13px;\n font-weight: 400;\n margin-right: 5px;\n align-self: center;\n}\n\n@mixin text-body-1() {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n display: none;\n }\n}\n\n@mixin desktop-tablet-only() {\n @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n display: none;\n }\n}\n\n@mixin mobile-tablet-only() {\n @media (min-width: map-get($screenBreakpoints, 'md')) {\n display: none;\n }\n}\n\n@mixin mobile-only() {\n @media (min-width: map-get($screenBreakpoints, 'sm')) {\n display: none;\n }\n}\n"],
|
|
3
|
+
"sources": ["../../../../src/components/Breadcrumbs/%3Cinput%20css%20zuvFtr%3E", "../../../../src/components/Breadcrumbs/home/runner/work/components/components/src/components/Breadcrumbs/Breadcrumbs.scss", "../../../../src/components/Breadcrumbs/home/runner/work/components/components/src/styles/mixins.scss"],
|
|
4
|
+
"sourcesContent": ["@charset \"UTF-8\";\n.dc-breadcrumbs {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n width: 100%;\n}\n.dc-breadcrumbs__items {\n margin: 0;\n padding: 0;\n list-style: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--g-color-text-secondary);\n}\n.dc-breadcrumbs__item {\n display: inline;\n}\n.dc-breadcrumbs__item::after {\n content: \" / \";\n margin: 0 5px;\n color: var(--g-color-text-hint);\n}\n.dc-breadcrumbs__item:last-child::after {\n display: none;\n}\n.dc-breadcrumbs__item:last-child {\n color: var(--g-color-text-primary);\n}\n.dc-breadcrumbs__text {\n white-space: nowrap;\n}\n.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzIiwic291cmNlcyI6WyJCcmVhZGNydW1icy5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFHQTtFQ0FJO0VBQ0E7RURDQTs7QUFFQTtFQ0NBO0VBQ0E7RUFDQTtFREFJO0VBQ0E7RUFDQTtFQUVBOztBQUdKO0VBQ0k7O0FBRUE7RUFDSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFFSjtFQUNJOztBQUlSO0VBQ0k7O0FBRUE7RUFDSTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uLy4uL3N0eWxlcy92YXJpYWJsZXMnO1xuQGltcG9ydCAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbi5kYy1icmVhZGNydW1icyB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMSk7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAmX19pdGVtcyB7XG4gICAgICAgIEBpbmNsdWRlIHJlc2V0LWxpc3Qtc3R5bGUoKTtcblxuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblxuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXNlY29uZGFyeSk7XG4gICAgfVxuXG4gICAgJl9faXRlbSB7XG4gICAgICAgIGRpc3BsYXk6IGlubGluZTtcblxuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICBjb250ZW50OiAnXFxhMC8gJztcbiAgICAgICAgICAgIG1hcmdpbjogMCA1cHg7XG4gICAgICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWhpbnQpO1xuICAgICAgICB9XG5cbiAgICAgICAgJjpsYXN0LWNoaWxkOjphZnRlciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fdGV4dCB7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cbiAgICAgICAgJl9saW5rIHtcbiAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGZvY3VzYWJsZSgkb2Zmc2V0OiAwLCAkbW9kZTogJ291dGxpbmUnKSB7XG4gICAgQGlmICRtb2RlID09ICdvdXRsaW5lJyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lLW9mZnNldDogJG9mZnNldDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBpZiAkbW9kZSA9PSAnYm94LXNoYWRvdycge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDJweCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc0KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNDAwO1xufVxuXG5AbWl4aW4gY29udHJpYnV0b3JzLXRleHQoKSB7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuXG5AbWl4aW4gdGV4dC1ib2R5LTEoKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG59XG5cbkBtaXhpbiBkZXNrdG9wLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */", "@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-breadcrumbs {\n @include text-size(body-1);\n width: 100%;\n\n &__items {\n @include reset-list-style();\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n color: var(--g-color-text-secondary);\n }\n\n &__item {\n display: inline;\n\n &::after {\n content: '\\a0/ ';\n margin: 0 5px;\n color: var(--g-color-text-hint);\n }\n\n &:last-child::after {\n display: none;\n }\n &:last-child {\n color: var(--g-color-text-primary);\n }\n }\n\n &__text {\n white-space: nowrap;\n\n &_link {\n outline: none;\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n }\n }\n}\n", "@import './variables';\n\n@mixin text-size($name) {\n font-size: var(--g-text-#{$name}-font-size);\n line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n color: inherit;\n text-decoration: none;\n}\n\n@mixin islands-focus() {\n outline: none;\n\n .utilityfocus &:focus {\n outline: 2px solid #ffdb4d;\n }\n}\n\n@mixin focusable($offset: 0, $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 @include islands-focus();\n @include focusable(0, 'box-shadow');\n\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n border-radius: var(--g-focus-border-radius);\n\n &:hover,\n &:active {\n color: var(--g-color-text-link-hover);\n }\n}\n\n@mixin heading1() {\n @include text-size(display-3);\n font-weight: 500;\n\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n @include text-size(display-2);\n }\n}\n\n@mixin heading2() {\n @include text-size(display-1);\n font-weight: 500;\n}\n\n@mixin heading3() {\n @include text-size(header-2);\n font-weight: 500;\n}\n\n@mixin heading4() {\n @include text-size(header-1);\n font-weight: 500;\n}\n\n@mixin heading5() {\n @include text-size(body-3);\n font-weight: 500;\n}\n\n@mixin heading6() {\n @include text-size(body-3);\n font-weight: 400;\n}\n\n@mixin contributors-text() {\n font-size: 13px;\n font-weight: 400;\n margin-right: 5px;\n align-self: center;\n}\n\n@mixin text-body-1() {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n display: none;\n }\n}\n\n@mixin desktop-tablet-only() {\n @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n display: none;\n }\n}\n\n@mixin mobile-tablet-only() {\n @media (min-width: map-get($screenBreakpoints, 'md')) {\n display: none;\n }\n}\n\n@mixin mobile-only() {\n @media (min-width: map-get($screenBreakpoints, 'sm')) {\n display: none;\n }\n}\n"],
|
|
5
5
|
"mappings": ";;;ACGA,CAAA;ACAI,aAAA,IAAA;AACA,eAAA,IAAA;ADCA,SAAA;ADAJ;ACEI,CAAA;ACCA,UAAA;AACA,WAAA;AACA,cAAA;ADAI,eAAA;AACA,YAAA;AACA,iBAAA;AAEA,SAAA,IAAA;ADAR;ACGI,CAAA;AACI,WAAA;ADDR;ACGQ,CAHJ,oBAGI;AACI,WAAA;AACA,UAAA,EAAA;AACA,SAAA,IAAA;ADDZ;ACIQ,CATJ,oBASI,WAAA;AACI,WAAA;ADFZ;ACIQ,CAZJ,oBAYI;AACI,SAAA,IAAA;ADFZ;ACMI,CAAA;AACI,eAAA;ADJR;ACMQ,CAAA;AACI,WAAA;AACA,SAAA,IAAA;AACA,2BAAA;AAAA,mBAAA;AACA,UAAA;ADJZ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -38,7 +38,7 @@ var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
|
|
|
38
38
|
var import_models = require("../models");
|
|
39
39
|
var import_utils = require("../utils");
|
|
40
40
|
var import_ContributorAvatars = require("../ContributorAvatars.css");
|
|
41
|
-
var b = (0, import_bem_cn_lite.default)("contributor-avatars");
|
|
41
|
+
var b = (0, import_bem_cn_lite.default)("dc-contributor-avatars");
|
|
42
42
|
var Avatar = (props) => {
|
|
43
43
|
const { avatarData, popupData, isRedirect = false } = props;
|
|
44
44
|
const { contributor, size = import_models.AvatarSizes.SMALL, inDetails = false } = avatarData;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/components/ContributorAvatars/Avatars/Avatar.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, {BaseSyntheticEvent} from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../../models';\nimport {AvatarData, AvatarSizes, PopupData} from '../models';\nimport {getUserIdentificator} from '../utils';\n\nimport '../ContributorAvatars.scss';\n\nconst b = block('contributor-avatars');\n\ninterface AvatarProps {\n avatarData: AvatarData;\n popupData?: PopupData;\n isRedirect?: boolean;\n}\n\nconst Avatar: React.FC<AvatarProps> = (props) => {\n const {avatarData, popupData, isRedirect = false} = props;\n const {contributor, size = AvatarSizes.SMALL, inDetails = false} = avatarData;\n const {changeVisiblilityPopup = () => {}, ref} = popupData || {};\n const {avatar, email, login} = contributor;\n\n const key = `avatar-${login || email}`;\n\n if (avatar) {\n return (\n <img\n key={key}\n className={b('avatar', {size})}\n src={avatar}\n ref={ref}\n onMouseOver={() => changeVisiblilityPopup(true)}\n onMouseLeave={() => changeVisiblilityPopup(false)}\n onTouchStart={() => changeVisiblilityPopup()}\n onTouchEnd={(event: BaseSyntheticEvent) =>\n preventDefaultByComponent(event, inDetails, isRedirect)\n }\n />\n );\n }\n\n const initials = getInitials(contributor);\n\n return (\n <button\n key={key}\n className={b('avatar', {size, default: true})}\n ref={ref}\n onMouseOver={() => changeVisiblilityPopup(true)}\n onMouseLeave={() => changeVisiblilityPopup(false)}\n onTouchStart={() => changeVisiblilityPopup()}\n onTouchEnd={(event: BaseSyntheticEvent) =>\n preventDefaultByComponent(event, inDetails, isRedirect)\n }\n >\n {initials}\n </button>\n );\n};\n\nfunction preventDefaultByComponent(\n event: BaseSyntheticEvent,\n inDetails: boolean,\n isRedirect: boolean,\n): void {\n if (inDetails || isRedirect) {\n return;\n }\n\n event.preventDefault();\n}\n\nfunction getInitials(contributor: Contributor) {\n return getUserIdentificator(contributor).charAt(0).toUpperCase();\n}\n\nexport default Avatar;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwC;AAExC,yBAAkB;AAGlB,oBAAiD;AACjD,mBAAmC;AAEnC,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,
|
|
4
|
+
"sourcesContent": ["import React, {BaseSyntheticEvent} from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../../models';\nimport {AvatarData, AvatarSizes, PopupData} from '../models';\nimport {getUserIdentificator} from '../utils';\n\nimport '../ContributorAvatars.scss';\n\nconst b = block('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"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwC;AAExC,yBAAkB;AAGlB,oBAAiD;AACjD,mBAAmC;AAEnC,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,wBAAwB;AAQxC,IAAM,SAAgC,CAAC,UAAU;AAC7C,QAAM,EAAC,YAAY,WAAW,aAAa,MAAK,IAAI;AACpD,QAAM,EAAC,aAAa,OAAO,0BAAY,OAAO,YAAY,MAAK,IAAI;AACnE,QAAM,EAAC,yBAAyB,MAAM;AAAA,EAAC,GAAG,IAAG,IAAI,aAAa,CAAC;AAC/D,QAAM,EAAC,QAAQ,OAAO,MAAK,IAAI;AAE/B,QAAM,MAAM,UAAU,SAAS,KAAK;AAEpC,MAAI,QAAQ;AACR,WACI,6BAAAC,QAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,UAAU,EAAC,KAAI,CAAC;AAAA,QAC7B,KAAK;AAAA,QACL;AAAA,QACA,aAAa,MAAM,uBAAuB,IAAI;AAAA,QAC9C,cAAc,MAAM,uBAAuB,KAAK;AAAA,QAChD,cAAc,MAAM,uBAAuB;AAAA,QAC3C,YAAY,CAAC,UACT,0BAA0B,OAAO,WAAW,UAAU;AAAA;AAAA,IAE9D;AAAA,EAER;AAEA,QAAM,WAAW,YAAY,WAAW;AAExC,SACI,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,WAAW,EAAE,UAAU,EAAC,MAAM,SAAS,KAAI,CAAC;AAAA,MAC5C;AAAA,MACA,aAAa,MAAM,uBAAuB,IAAI;AAAA,MAC9C,cAAc,MAAM,uBAAuB,KAAK;AAAA,MAChD,cAAc,MAAM,uBAAuB;AAAA,MAC3C,YAAY,CAAC,UACT,0BAA0B,OAAO,WAAW,UAAU;AAAA;AAAA,IAGzD;AAAA,EACL;AAER;AAEA,SAAS,0BACL,OACA,WACA,YACI;AACJ,MAAI,aAAa,YAAY;AACzB;AAAA,EACJ;AAEA,QAAM,eAAe;AACzB;AAEA,SAAS,YAAY,aAA0B;AAC3C,aAAO,mCAAqB,WAAW,EAAE,OAAO,CAAC,EAAE,YAAY;AACnE;AAEA,IAAO,iBAAQ;",
|
|
6
6
|
"names": ["block", "React"]
|
|
7
7
|
}
|
|
@@ -41,7 +41,7 @@ var import_models = require("../models");
|
|
|
41
41
|
var import_utils = require("../utils");
|
|
42
42
|
var import_Avatar = __toESM(require("./Avatar"));
|
|
43
43
|
var import_ContributorAvatars = require("../ContributorAvatars.css");
|
|
44
|
-
var b = (0, import_bem_cn_lite.default)("contributor-avatars");
|
|
44
|
+
var b = (0, import_bem_cn_lite.default)("dc-contributor-avatars");
|
|
45
45
|
var Details = (props) => {
|
|
46
46
|
const { contributors, popupData } = props;
|
|
47
47
|
const { ref, isVisiblePopup, changeVisiblilityPopup } = popupData || {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/components/ContributorAvatars/Avatars/Details.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\n\nimport {Link, Popup} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition} from '../../../hooks';\nimport {Contributor} from '../../../models';\nimport {AvatarData, AvatarSizes, PopupData} from '../models';\nimport {getName} from '../utils';\n\nimport Avatar from './Avatar';\n\nimport '../ContributorAvatars.scss';\n\nconst b = block('contributor-avatars');\n\ninterface DetailsProps {\n contributors: Contributor[];\n popupData: PopupData;\n}\n\nconst Details: React.FC<DetailsProps> = (props) => {\n const {contributors, popupData} = props;\n const {ref, isVisiblePopup, changeVisiblilityPopup} = popupData || {};\n\n const contributorsDetails = contributors.map((author: Contributor) => {\n return getContributorDetails(author);\n });\n\n return (\n <Popup\n anchorRef={ref}\n open={isVisiblePopup}\n onOutsideClick={() => changeVisiblilityPopup(false)}\n className={b('popup')}\n contentClassName={b('popup_content')}\n placement={PopperPosition.BOTTOM}\n hasArrow={true}\n >\n {contributorsDetails}\n </Popup>\n );\n};\n\nfunction getContributorDetails(contributor: Contributor) {\n const {login, email, url} = contributor;\n\n const avatarData: AvatarData = {\n contributor,\n size: AvatarSizes.BIG,\n inDetails: true,\n };\n\n const avatarImg = <Avatar avatarData={avatarData} />;\n\n return (\n <Link href={url} key={`details-${login || email}`}>\n <div className={b('details')}>\n {avatarImg}\n <div className={b('details_name')}>{getName(contributor, true)}</div>\n </div>\n </Link>\n );\n}\n\nexport default Details;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBAA0B;AAC1B,yBAAkB;AAElB,mBAA6B;AAE7B,oBAAiD;AACjD,mBAAsB;AAEtB,oBAAmB;AAEnB,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\n\nimport {Link, Popup} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition} from '../../../hooks';\nimport {Contributor} from '../../../models';\nimport {AvatarData, AvatarSizes, PopupData} from '../models';\nimport {getName} from '../utils';\n\nimport Avatar from './Avatar';\n\nimport '../ContributorAvatars.scss';\n\nconst b = block('dc-contributor-avatars');\n\ninterface DetailsProps {\n contributors: Contributor[];\n popupData: PopupData;\n}\n\nconst Details: React.FC<DetailsProps> = (props) => {\n const {contributors, popupData} = props;\n const {ref, isVisiblePopup, changeVisiblilityPopup} = popupData || {};\n\n const contributorsDetails = contributors.map((author: Contributor) => {\n return getContributorDetails(author);\n });\n\n return (\n <Popup\n anchorRef={ref}\n open={isVisiblePopup}\n onOutsideClick={() => changeVisiblilityPopup(false)}\n className={b('popup')}\n contentClassName={b('popup_content')}\n placement={PopperPosition.BOTTOM}\n hasArrow={true}\n >\n {contributorsDetails}\n </Popup>\n );\n};\n\nfunction getContributorDetails(contributor: Contributor) {\n const {login, email, url} = contributor;\n\n const avatarData: AvatarData = {\n contributor,\n size: AvatarSizes.BIG,\n inDetails: true,\n };\n\n const avatarImg = <Avatar avatarData={avatarData} />;\n\n return (\n <Link href={url} key={`details-${login || email}`}>\n <div className={b('details')}>\n {avatarImg}\n <div className={b('details_name')}>{getName(contributor, true)}</div>\n </div>\n </Link>\n );\n}\n\nexport default Details;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBAA0B;AAC1B,yBAAkB;AAElB,mBAA6B;AAE7B,oBAAiD;AACjD,mBAAsB;AAEtB,oBAAmB;AAEnB,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,wBAAwB;AAOxC,IAAM,UAAkC,CAAC,UAAU;AAC/C,QAAM,EAAC,cAAc,UAAS,IAAI;AAClC,QAAM,EAAC,KAAK,gBAAgB,uBAAsB,IAAI,aAAa,CAAC;AAEpE,QAAM,sBAAsB,aAAa,IAAI,CAAC,WAAwB;AAClE,WAAO,sBAAsB,MAAM;AAAA,EACvC,CAAC;AAED,SACI,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM;AAAA,MACN,gBAAgB,MAAM,uBAAuB,KAAK;AAAA,MAClD,WAAW,EAAE,OAAO;AAAA,MACpB,kBAAkB,EAAE,eAAe;AAAA,MACnC,WAAW,4BAAe;AAAA,MAC1B,UAAU;AAAA;AAAA,IAET;AAAA,EACL;AAER;AAEA,SAAS,sBAAsB,aAA0B;AACrD,QAAM,EAAC,OAAO,OAAO,IAAG,IAAI;AAE5B,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM,0BAAY;AAAA,IAClB,WAAW;AAAA,EACf;AAEA,QAAM,YAAY,6BAAAA,QAAA,cAAC,cAAAC,SAAA,EAAO,YAAwB;AAElD,SACI,6BAAAD,QAAA,cAAC,qBAAK,MAAM,KAAK,KAAK,WAAW,SAAS,KAAK,MAC3C,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,SAAS,KACtB,WACD,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,cAAc,SAAI,sBAAQ,aAAa,IAAI,CAAE,CACnE,CACJ;AAER;AAEA,IAAO,kBAAQ;",
|
|
6
6
|
"names": ["block", "React", "Avatar"]
|
|
7
7
|
}
|
|
@@ -37,7 +37,7 @@ var import_react = __toESM(require("react"));
|
|
|
37
37
|
var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
|
|
38
38
|
var import_Details = __toESM(require("./Details"));
|
|
39
39
|
var import_ContributorAvatars = require("../ContributorAvatars.css");
|
|
40
|
-
var b = (0, import_bem_cn_lite.default)("contributor-avatars");
|
|
40
|
+
var b = (0, import_bem_cn_lite.default)("dc-contributor-avatars");
|
|
41
41
|
var LOWER_BOUND_MORE_CONTRIBUTORS = 9;
|
|
42
42
|
var HiddenAvatars = (props) => {
|
|
43
43
|
const { contributors, avatarsSize } = props;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/components/ContributorAvatars/Avatars/HiddenAvatars.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, {BaseSyntheticEvent, Fragment, useRef, useState} from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../../models';\nimport {AvatarSizes, PopupData} from '../models';\n\nimport Details from './Details';\n\nimport '../ContributorAvatars.scss';\n\nconst b = block('contributor-avatars');\n\nconst LOWER_BOUND_MORE_CONTRIBUTORS = 9;\n\nexport interface HiddenAvatarsProps {\n contributors: Contributor[];\n avatarsSize: AvatarSizes;\n}\n\nconst HiddenAvatars: React.FC<HiddenAvatarsProps> = (props) => {\n const {contributors, avatarsSize} = props;\n const contributorsCount = contributors.length;\n\n const controlRef = useRef<(HTMLButtonElement & HTMLImageElement) | null>(null);\n const [isVisiblePopup, setIsVisiblePopup] = useState(false);\n\n if (contributorsCount === 0) {\n return null;\n }\n\n const popupData: PopupData = {\n ref: controlRef,\n isVisiblePopup,\n changeVisiblilityPopup: () => setIsVisiblePopup(false),\n };\n\n const contributorsCountString =\n contributorsCount > LOWER_BOUND_MORE_CONTRIBUTORS\n ? `${LOWER_BOUND_MORE_CONTRIBUTORS}+`\n : `+${contributorsCount}`;\n\n return (\n <Fragment>\n <button\n className={b('avatar', {size: avatarsSize})}\n ref={controlRef}\n onClick={(event: BaseSyntheticEvent) => {\n setIsVisiblePopup(!isVisiblePopup);\n event.preventDefault();\n }}\n aria-expanded={isVisiblePopup}\n >\n {contributorsCountString}\n </button>\n <Details contributors={contributors} popupData={popupData} />\n </Fragment>\n );\n};\n\nexport default HiddenAvatars;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoE;AAEpE,yBAAkB;AAKlB,qBAAoB;AAEpB,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,
|
|
4
|
+
"sourcesContent": ["import React, {BaseSyntheticEvent, Fragment, useRef, useState} from 'react';\n\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../../models';\nimport {AvatarSizes, PopupData} from '../models';\n\nimport Details from './Details';\n\nimport '../ContributorAvatars.scss';\n\nconst b = block('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"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoE;AAEpE,yBAAkB;AAKlB,qBAAoB;AAEpB,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,wBAAwB;AAExC,IAAM,gCAAgC;AAOtC,IAAM,gBAA8C,CAAC,UAAU;AAC3D,QAAM,EAAC,cAAc,YAAW,IAAI;AACpC,QAAM,oBAAoB,aAAa;AAEvC,QAAM,iBAAa,qBAAsD,IAAI;AAC7E,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,KAAK;AAE1D,MAAI,sBAAsB,GAAG;AACzB,WAAO;AAAA,EACX;AAEA,QAAM,YAAuB;AAAA,IACzB,KAAK;AAAA,IACL;AAAA,IACA,wBAAwB,MAAM,kBAAkB,KAAK;AAAA,EACzD;AAEA,QAAM,0BACF,oBAAoB,gCACd,GAAG,6BAA6B,MAChC,IAAI,iBAAiB;AAE/B,SACI,6BAAAC,QAAA,cAAC,6BACG,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,EAAE,UAAU,EAAC,MAAM,YAAW,CAAC;AAAA,MAC1C,KAAK;AAAA,MACL,SAAS,CAAC,UAA8B;AACpC,0BAAkB,CAAC,cAAc;AACjC,cAAM,eAAe;AAAA,MACzB;AAAA,MACA,iBAAe;AAAA;AAAA,IAEd;AAAA,EACL,GACA,6BAAAA,QAAA,cAAC,eAAAC,SAAA,EAAQ,cAA4B,WAAsB,CAC/D;AAER;AAEA,IAAO,wBAAQ;",
|
|
6
6
|
"names": ["block", "React", "Details"]
|
|
7
7
|
}
|
|
@@ -1,50 +1,31 @@
|
|
|
1
1
|
/* src/components/ContributorAvatars/ContributorAvatars.scss */
|
|
2
|
-
.contributor-avatars__one_contributor {
|
|
2
|
+
.dc-contributor-avatars__one_contributor {
|
|
3
3
|
display: flex;
|
|
4
4
|
margin: 0 1.5px;
|
|
5
5
|
}
|
|
6
|
-
.contributor-avatars__one_contributor a,
|
|
7
|
-
.contributor-avatars__one_contributor a:hover,
|
|
8
|
-
.contributor-avatars__one_contributor a:visited,
|
|
9
|
-
.contributor-avatars__one_contributor a:active {
|
|
6
|
+
.dc-contributor-avatars__one_contributor a,
|
|
7
|
+
.dc-contributor-avatars__one_contributor a:hover,
|
|
8
|
+
.dc-contributor-avatars__one_contributor a:visited,
|
|
9
|
+
.dc-contributor-avatars__one_contributor a:active {
|
|
10
10
|
color: inherit;
|
|
11
11
|
-webkit-text-decoration: none;
|
|
12
12
|
text-decoration: none;
|
|
13
13
|
display: flex;
|
|
14
14
|
}
|
|
15
|
-
.contributor-avatars__one_contributor a {
|
|
15
|
+
.dc-contributor-avatars__one_contributor a {
|
|
16
16
|
cursor: pointer;
|
|
17
17
|
}
|
|
18
|
-
.contributor-avatars__one_contributor
|
|
18
|
+
.dc-contributor-avatars__one_contributor a:hover,
|
|
19
|
+
.dc-contributor-avatars__one_contributor a:active {
|
|
20
|
+
color: var(--g-color-text-link-hover);
|
|
21
|
+
}
|
|
22
|
+
.dc-contributor-avatars__one_contributor > * {
|
|
19
23
|
font-size: 13px;
|
|
20
24
|
font-weight: 400;
|
|
21
25
|
margin-right: 5px;
|
|
22
26
|
align-self: center;
|
|
23
27
|
}
|
|
24
|
-
|
|
25
|
-
.contributor-avatars__one_contributor_onlyAuthor > *:last-child {
|
|
26
|
-
margin-left: 5px;
|
|
27
|
-
}
|
|
28
|
-
.contributor-avatars__one_contributor > *:last-child,
|
|
29
|
-
.contributor-avatars__one_contributor > .desktop {
|
|
30
|
-
display: none;
|
|
31
|
-
}
|
|
32
|
-
.contributor-avatars__one_contributor_onlyAuthor > *:last-child {
|
|
33
|
-
display: block;
|
|
34
|
-
}
|
|
35
|
-
.contributor-avatars__one_contributor > *:not(:last-child) {
|
|
36
|
-
margin-right: 0px;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
@media screen and (min-width: 577px) {
|
|
40
|
-
.contributor-avatars__one_contributor > .mobile {
|
|
41
|
-
display: none;
|
|
42
|
-
}
|
|
43
|
-
.contributor-avatars__one_contributor > *:last-child {
|
|
44
|
-
margin-right: 0px;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
.contributor-avatars__avatar {
|
|
28
|
+
.dc-contributor-avatars__avatar {
|
|
48
29
|
border-radius: 50%;
|
|
49
30
|
box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);
|
|
50
31
|
border: 0;
|
|
@@ -55,15 +36,15 @@
|
|
|
55
36
|
align-items: initial;
|
|
56
37
|
font-family: inherit;
|
|
57
38
|
}
|
|
58
|
-
.contributor-avatars__avatar_size_small {
|
|
39
|
+
.dc-contributor-avatars__avatar_size_small {
|
|
59
40
|
height: 23px;
|
|
60
41
|
width: 23px;
|
|
61
42
|
}
|
|
62
|
-
.contributor-avatars__avatar_size_big {
|
|
43
|
+
.dc-contributor-avatars__avatar_size_big {
|
|
63
44
|
height: 33px;
|
|
64
45
|
width: 33px;
|
|
65
46
|
}
|
|
66
|
-
.contributor-avatars__avatar_default {
|
|
47
|
+
.dc-contributor-avatars__avatar_default {
|
|
67
48
|
text-align: center;
|
|
68
49
|
display: flex;
|
|
69
50
|
flex-direction: column;
|
|
@@ -71,36 +52,36 @@
|
|
|
71
52
|
font-size: 12px;
|
|
72
53
|
font-weight: 500;
|
|
73
54
|
}
|
|
74
|
-
.contributor-avatars__avatar:focus {
|
|
55
|
+
.dc-contributor-avatars__avatar:focus {
|
|
75
56
|
outline: 2px solid var(--g-color-line-focus);
|
|
76
57
|
outline-offset: 1px;
|
|
77
58
|
}
|
|
78
|
-
.contributor-avatars__avatar:focus:not(:focus-visible) {
|
|
59
|
+
.dc-contributor-avatars__avatar:focus:not(:focus-visible) {
|
|
79
60
|
outline: 0;
|
|
80
61
|
}
|
|
81
|
-
.contributor-avatars__displayed_avatars {
|
|
62
|
+
.dc-contributor-avatars__displayed_avatars {
|
|
82
63
|
display: flex;
|
|
83
64
|
}
|
|
84
|
-
.contributor-avatars__displayed_avatars a,
|
|
85
|
-
.contributor-avatars__displayed_avatars a:hover,
|
|
86
|
-
.contributor-avatars__displayed_avatars a:visited,
|
|
87
|
-
.contributor-avatars__displayed_avatars a:active {
|
|
65
|
+
.dc-contributor-avatars__displayed_avatars a,
|
|
66
|
+
.dc-contributor-avatars__displayed_avatars a:hover,
|
|
67
|
+
.dc-contributor-avatars__displayed_avatars a:visited,
|
|
68
|
+
.dc-contributor-avatars__displayed_avatars a:active {
|
|
88
69
|
color: inherit;
|
|
89
70
|
-webkit-text-decoration: none;
|
|
90
71
|
text-decoration: none;
|
|
91
72
|
display: flex;
|
|
92
73
|
}
|
|
93
|
-
.contributor-avatars__displayed_avatars a {
|
|
74
|
+
.dc-contributor-avatars__displayed_avatars a {
|
|
94
75
|
cursor: pointer;
|
|
95
76
|
}
|
|
96
|
-
.contributor-avatars__displayed_avatars > * {
|
|
77
|
+
.dc-contributor-avatars__displayed_avatars > * {
|
|
97
78
|
margin-left: 1.5px;
|
|
98
79
|
margin-right: calc(1.5px + 2px);
|
|
99
80
|
}
|
|
100
|
-
.contributor-avatars__displayed_avatars a {
|
|
81
|
+
.dc-contributor-avatars__displayed_avatars a {
|
|
101
82
|
border-radius: 50%;
|
|
102
83
|
}
|
|
103
|
-
.contributor-avatars__hidden_avatars {
|
|
84
|
+
.dc-contributor-avatars__hidden_avatars {
|
|
104
85
|
font-size: 12px;
|
|
105
86
|
font-weight: 500;
|
|
106
87
|
color: var(--g-color-text-secondary);
|
|
@@ -108,7 +89,7 @@
|
|
|
108
89
|
text-align: center;
|
|
109
90
|
cursor: pointer;
|
|
110
91
|
}
|
|
111
|
-
.contributor-avatars__hidden_avatars > * {
|
|
92
|
+
.dc-contributor-avatars__hidden_avatars > * {
|
|
112
93
|
background: var(--g-color-base-misc-light);
|
|
113
94
|
flex-direction: column;
|
|
114
95
|
text-align: center;
|
|
@@ -117,37 +98,37 @@
|
|
|
117
98
|
margin: 0 1.5px;
|
|
118
99
|
box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);
|
|
119
100
|
}
|
|
120
|
-
.contributor-avatars__details {
|
|
101
|
+
.dc-contributor-avatars__details {
|
|
121
102
|
display: flex;
|
|
122
103
|
}
|
|
123
|
-
.contributor-avatars__details > div:last-child {
|
|
104
|
+
.dc-contributor-avatars__details > div:last-child {
|
|
124
105
|
font-size: 13px;
|
|
125
106
|
font-weight: 400;
|
|
126
107
|
margin: auto 12px;
|
|
127
108
|
}
|
|
128
|
-
.contributor-avatars__details_name {
|
|
109
|
+
.dc-contributor-avatars__details_name {
|
|
129
110
|
color: var(--g-color-text-primary);
|
|
130
111
|
line-height: 18px;
|
|
131
112
|
}
|
|
132
|
-
.contributor-avatars__popup {
|
|
113
|
+
.dc-contributor-avatars__popup {
|
|
133
114
|
box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);
|
|
134
115
|
}
|
|
135
|
-
.contributor-avatars__popup a,
|
|
136
|
-
.contributor-avatars__popup a:hover,
|
|
137
|
-
.contributor-avatars__popup a:visited,
|
|
138
|
-
.contributor-avatars__popup a:active {
|
|
116
|
+
.dc-contributor-avatars__popup a,
|
|
117
|
+
.dc-contributor-avatars__popup a:hover,
|
|
118
|
+
.dc-contributor-avatars__popup a:visited,
|
|
119
|
+
.dc-contributor-avatars__popup a:active {
|
|
139
120
|
color: inherit;
|
|
140
121
|
-webkit-text-decoration: none;
|
|
141
122
|
text-decoration: none;
|
|
142
123
|
display: flex;
|
|
143
124
|
}
|
|
144
|
-
.contributor-avatars__popup a {
|
|
125
|
+
.dc-contributor-avatars__popup a {
|
|
145
126
|
cursor: pointer;
|
|
146
127
|
}
|
|
147
|
-
.contributor-avatars__popup_content {
|
|
128
|
+
.dc-contributor-avatars__popup_content {
|
|
148
129
|
padding: 12px;
|
|
149
130
|
}
|
|
150
|
-
.contributor-avatars__popup_content > *:not(:last-child) {
|
|
131
|
+
.dc-contributor-avatars__popup_content > *:not(:last-child) {
|
|
151
132
|
margin-bottom: 12px;
|
|
152
133
|
}
|
|
153
134
|
/*# sourceMappingURL=ContributorAvatars.css.map */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/ContributorAvatars/
|
|
4
|
-
"sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n$avatarsDistance: 2px;\n$avatarTextFontSize: 12px;\n$avatarTextFontWeight: 500;\n$detailsIndent: 12px;\n$avatarBorder: 1.5px;\n$textLineHeight: 18px;\n\n$avatarWrapperSmallSize: 23px;\n$avatarWrapperBigSize: 33px;\n\n@mixin disable-link-styles {\n a,\n a:hover,\n a:visited,\n a:active {\n color: inherit;\n text-decoration: none;\n display: flex;\n }\n\n a {\n cursor: pointer;\n }\n}\n\n.contributor-avatars {\n &__one_contributor {\n display: flex;\n margin: 0 $avatarBorder;\n @include disable-link-styles;\n\n & > * {\n @include contributors-text();\n }\n\n @media screen and (max-width: map-get($screenBreakpoints, 'sm')) {\n &_onlyAuthor > *:last-child {\n margin-left: 5px;\n }\n\n & > *:last-child,\n & > .desktop {\n display: none;\n }\n\n &_onlyAuthor > *:last-child {\n display: block;\n }\n\n & > *:not(:last-child) {\n margin-right: 0px;\n }\n }\n\n @media screen and (min-width: map-get($screenBreakpoints, 'sm')) {\n & > .mobile {\n display: none;\n }\n\n & > *:last-child {\n margin-right: 0px;\n }\n }\n }\n\n &__avatar {\n & {\n border-radius: 50%;\n box-shadow: 0 0 0 $avatarBorder var(--g-color-line-generic-accent);\n border: 0;\n color: inherit;\n cursor: inherit;\n background-color: inherit;\n padding: 0;\n align-items: initial;\n font-family: inherit;\n }\n\n &_size_small {\n height: $avatarWrapperSmallSize;\n width: $avatarWrapperSmallSize;\n }\n\n &_size_big {\n height: $avatarWrapperBigSize;\n width: $avatarWrapperBigSize;\n }\n\n &_default {\n text-align: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n font-size: $avatarTextFontSize;\n font-weight: $avatarTextFontWeight;\n }\n\n @include focusable(1px);\n }\n\n &__displayed_avatars {\n display: flex;\n @include disable-link-styles;\n\n & > * {\n margin-left: $avatarBorder;\n margin-right: calc(#{$avatarBorder} + #{$avatarsDistance});\n }\n & a {\n border-radius: 50%; // to have rounded outline on focus as all avatars rounded\n }\n }\n\n &__hidden_avatars {\n font-size: $avatarTextFontSize;\n font-weight: $avatarTextFontWeight;\n color: var(--g-color-text-secondary);\n border-radius: 50%;\n text-align: center;\n cursor: pointer;\n\n & > * {\n background: var(--g-color-base-misc-light);\n flex-direction: column;\n text-align: center;\n display: flex;\n justify-content: center;\n margin: 0 $avatarBorder;\n box-shadow: 0 0 0 $avatarBorder var(--g-color-line-generic-accent);\n }\n }\n\n &__details {\n display: flex;\n\n & > div:last-child {\n font-size: 13px;\n font-weight: 400;\n margin: auto $detailsIndent;\n }\n }\n\n &__details_name {\n color: var(--g-color-text-primary);\n line-height: $textLineHeight;\n }\n\n &__popup {\n box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);\n @include disable-link-styles;\n }\n\n &__popup_content {\n padding: $detailsIndent;\n\n & > *:not(:last-child) {\n margin-bottom: $detailsIndent;\n }\n }\n}\n", ".contributor-avatars__one_contributor {\n display: flex;\n margin: 0 1.5px;\n}\n.contributor-avatars__one_contributor a,\n.contributor-avatars__one_contributor a:hover,\n.contributor-avatars__one_contributor a:visited,\n.contributor-avatars__one_contributor a:active {\n color: inherit;\n text-decoration: none;\n display: flex;\n}\n.contributor-avatars__one_contributor a {\n cursor: pointer;\n}\n.contributor-avatars__one_contributor > * {\n font-size: 13px;\n font-weight: 400;\n margin-right: 5px;\n align-self: center;\n}\n@media screen and (max-width: 577px) {\n .contributor-avatars__one_contributor_onlyAuthor > *:last-child {\n margin-left: 5px;\n }\n .contributor-avatars__one_contributor > *:last-child, .contributor-avatars__one_contributor > .desktop {\n display: none;\n }\n .contributor-avatars__one_contributor_onlyAuthor > *:last-child {\n display: block;\n }\n .contributor-avatars__one_contributor > *:not(:last-child) {\n margin-right: 0px;\n }\n}\n@media screen and (min-width: 577px) {\n .contributor-avatars__one_contributor > .mobile {\n display: none;\n }\n .contributor-avatars__one_contributor > *:last-child {\n margin-right: 0px;\n }\n}\n.contributor-avatars__avatar {\n border-radius: 50%;\n box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);\n border: 0;\n color: inherit;\n cursor: inherit;\n background-color: inherit;\n padding: 0;\n align-items: initial;\n font-family: inherit;\n}\n.contributor-avatars__avatar_size_small {\n height: 23px;\n width: 23px;\n}\n.contributor-avatars__avatar_size_big {\n height: 33px;\n width: 33px;\n}\n.contributor-avatars__avatar_default {\n text-align: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n font-size: 12px;\n font-weight: 500;\n}\n.contributor-avatars__avatar:focus {\n outline: 2px solid var(--g-color-line-focus);\n outline-offset: 1px;\n}\n.contributor-avatars__avatar:focus:not(:focus-visible) {\n outline: 0;\n}\n.contributor-avatars__displayed_avatars {\n display: flex;\n}\n.contributor-avatars__displayed_avatars a,\n.contributor-avatars__displayed_avatars a:hover,\n.contributor-avatars__displayed_avatars a:visited,\n.contributor-avatars__displayed_avatars a:active {\n color: inherit;\n text-decoration: none;\n display: flex;\n}\n.contributor-avatars__displayed_avatars a {\n cursor: pointer;\n}\n.contributor-avatars__displayed_avatars > * {\n margin-left: 1.5px;\n margin-right: calc(1.5px + 2px);\n}\n.contributor-avatars__displayed_avatars a {\n border-radius: 50%;\n}\n.contributor-avatars__hidden_avatars {\n font-size: 12px;\n font-weight: 500;\n color: var(--g-color-text-secondary);\n border-radius: 50%;\n text-align: center;\n cursor: pointer;\n}\n.contributor-avatars__hidden_avatars > * {\n background: var(--g-color-base-misc-light);\n flex-direction: column;\n text-align: center;\n display: flex;\n justify-content: center;\n margin: 0 1.5px;\n box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);\n}\n.contributor-avatars__details {\n display: flex;\n}\n.contributor-avatars__details > div:last-child {\n font-size: 13px;\n font-weight: 400;\n margin: auto 12px;\n}\n.contributor-avatars__details_name {\n color: var(--g-color-text-primary);\n line-height: 18px;\n}\n.contributor-avatars__popup {\n box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);\n}\n.contributor-avatars__popup a,\n.contributor-avatars__popup a:hover,\n.contributor-avatars__popup a:visited,\n.contributor-avatars__popup a:active {\n color: inherit;\n text-decoration: none;\n display: flex;\n}\n.contributor-avatars__popup a {\n cursor: pointer;\n}\n.contributor-avatars__popup_content {\n padding: 12px;\n}\n.contributor-avatars__popup_content > *:not(:last-child) {\n margin-bottom: 12px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL21hcnR5YW5vdi1hdi9XZWJzdG9ybVByb2plY3RzL2RpcGxvZG9jL3BhY2thZ2VzL2NvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ29udHJpYnV0b3JBdmF0YXJzIiwic291cmNlcyI6WyJDb250cmlidXRvckF2YXRhcnMuc2NzcyIsIi4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Qkk7RUFDSTtFQUNBOztBQWpCSjtBQUFBO0FBQUE7QUFBQTtFQUlJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQVVBO0VDcUVKO0VBQ0E7RUFDQTtFQUNBOztBRHBFSTtFQUNJO0lBQ0k7O0VBR0o7SUFFSTs7RUFHSjtJQUNJOztFQUdKO0lBQ0k7OztBQUlSO0VBQ0k7SUFDSTs7RUFHSjtJQUNJOzs7QUFNUjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJLFFBeEVhO0VBeUViLE9BekVhOztBQTRFakI7RUFDSSxRQTVFVztFQTZFWCxPQTdFVzs7QUFnRmY7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBLFdBNUZTO0VBNkZULGFBNUZXOztBQzRCZjtFQUNJO0VBQ0EsZ0JEaUVlOztBQy9EbkI7RUFDSTs7QURpRVI7RUFDSTs7QUExRko7QUFBQTtBQUFBO0FBQUE7RUFJSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFtRkE7RUFDSSxhQXJHRztFQXNHSDs7QUFFSjtFQUNJOztBQUlSO0VBQ0ksV0FqSGE7RUFrSGIsYUFqSGU7RUFrSGY7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFJUjtFQUNJOztBQUVBO0VBQ0k7RUFDQTtFQUNBOztBQUlSO0VBQ0k7RUFDQSxhQTNJUzs7QUE4SWI7RUFDSTs7QUF6SUo7QUFBQTtBQUFBO0FBQUE7RUFJSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFtSUo7RUFDSSxTQXRKUTs7QUF3SlI7RUFDSSxlQXpKSSIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uLy4uL3N0eWxlcy92YXJpYWJsZXMnO1xuQGltcG9ydCAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbiRhdmF0YXJzRGlzdGFuY2U6IDJweDtcbiRhdmF0YXJUZXh0Rm9udFNpemU6IDEycHg7XG4kYXZhdGFyVGV4dEZvbnRXZWlnaHQ6IDUwMDtcbiRkZXRhaWxzSW5kZW50OiAxMnB4O1xuJGF2YXRhckJvcmRlcjogMS41cHg7XG4kdGV4dExpbmVIZWlnaHQ6IDE4cHg7XG5cbiRhdmF0YXJXcmFwcGVyU21hbGxTaXplOiAyM3B4O1xuJGF2YXRhcldyYXBwZXJCaWdTaXplOiAzM3B4O1xuXG5AbWl4aW4gZGlzYWJsZS1saW5rLXN0eWxlcyB7XG4gICAgYSxcbiAgICBhOmhvdmVyLFxuICAgIGE6dmlzaXRlZCxcbiAgICBhOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgfVxuXG4gICAgYSB7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG59XG5cbi5jb250cmlidXRvci1hdmF0YXJzIHtcbiAgICAmX19vbmVfY29udHJpYnV0b3Ige1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBtYXJnaW46IDAgJGF2YXRhckJvcmRlcjtcbiAgICAgICAgQGluY2x1ZGUgZGlzYWJsZS1saW5rLXN0eWxlcztcblxuICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICBAaW5jbHVkZSBjb250cmlidXRvcnMtdGV4dCgpO1xuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgICAgICAmX29ubHlBdXRob3IgPiAqOmxhc3QtY2hpbGQge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA1cHg7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYgPiAqOmxhc3QtY2hpbGQsXG4gICAgICAgICAgICAmID4gLmRlc2t0b3Age1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICZfb25seUF1dGhvciA+ICo6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYgPiAqOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgICAgICAmID4gLm1vYmlsZSB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJiA+ICo6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwcHg7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19hdmF0YXIge1xuICAgICAgICAmIHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwICRhdmF0YXJCb3JkZXIgdmFyKC0tZy1jb2xvci1saW5lLWdlbmVyaWMtYWNjZW50KTtcbiAgICAgICAgICAgIGJvcmRlcjogMDtcbiAgICAgICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICAgICAgY3Vyc29yOiBpbmhlcml0O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogaW5oZXJpdDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogaW5pdGlhbDtcbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgICB9XG5cbiAgICAgICAgJl9zaXplX3NtYWxsIHtcbiAgICAgICAgICAgIGhlaWdodDogJGF2YXRhcldyYXBwZXJTbWFsbFNpemU7XG4gICAgICAgICAgICB3aWR0aDogJGF2YXRhcldyYXBwZXJTbWFsbFNpemU7XG4gICAgICAgIH1cblxuICAgICAgICAmX3NpemVfYmlnIHtcbiAgICAgICAgICAgIGhlaWdodDogJGF2YXRhcldyYXBwZXJCaWdTaXplO1xuICAgICAgICAgICAgd2lkdGg6ICRhdmF0YXJXcmFwcGVyQmlnU2l6ZTtcbiAgICAgICAgfVxuXG4gICAgICAgICZfZGVmYXVsdCB7XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgZm9udC1zaXplOiAkYXZhdGFyVGV4dEZvbnRTaXplO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6ICRhdmF0YXJUZXh0Rm9udFdlaWdodDtcbiAgICAgICAgfVxuXG4gICAgICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgxcHgpO1xuICAgIH1cblxuICAgICZfX2Rpc3BsYXllZF9hdmF0YXJzIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgQGluY2x1ZGUgZGlzYWJsZS1saW5rLXN0eWxlcztcblxuICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogJGF2YXRhckJvcmRlcjtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogY2FsYygjeyRhdmF0YXJCb3JkZXJ9ICsgI3skYXZhdGFyc0Rpc3RhbmNlfSk7XG4gICAgICAgIH1cbiAgICAgICAgJiBhIHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTsgLy8gdG8gaGF2ZSByb3VuZGVkIG91dGxpbmUgb24gZm9jdXMgYXMgYWxsIGF2YXRhcnMgcm91bmRlZFxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9faGlkZGVuX2F2YXRhcnMge1xuICAgICAgICBmb250LXNpemU6ICRhdmF0YXJUZXh0Rm9udFNpemU7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiAkYXZhdGFyVGV4dEZvbnRXZWlnaHQ7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLWJhc2UtbWlzYy1saWdodCk7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgbWFyZ2luOiAwICRhdmF0YXJCb3JkZXI7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAkYXZhdGFyQm9yZGVyIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljLWFjY2VudCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19kZXRhaWxzIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcblxuICAgICAgICAmID4gZGl2Omxhc3QtY2hpbGQge1xuICAgICAgICAgICAgZm9udC1zaXplOiAxM3B4O1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgICAgIG1hcmdpbjogYXV0byAkZGV0YWlsc0luZGVudDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2RldGFpbHNfbmFtZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAkdGV4dExpbmVIZWlnaHQ7XG4gICAgfVxuXG4gICAgJl9fcG9wdXAge1xuICAgICAgICBib3gtc2hhZG93OiAwcHggM3B4IDI0cHggcmdiYSgwLCAwLCAwLCAwLjIpO1xuICAgICAgICBAaW5jbHVkZSBkaXNhYmxlLWxpbmstc3R5bGVzO1xuICAgIH1cblxuICAgICZfX3BvcHVwX2NvbnRlbnQge1xuICAgICAgICBwYWRkaW5nOiAkZGV0YWlsc0luZGVudDtcblxuICAgICAgICAmID4gKjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206ICRkZXRhaWxzSW5kZW50O1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGZvY3VzYWJsZSgkb2Zmc2V0OiAwLCAkbW9kZTogJ291dGxpbmUnKSB7XG4gICAgQGlmICRtb2RlID09ICdvdXRsaW5lJyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lLW9mZnNldDogJG9mZnNldDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBpZiAkbW9kZSA9PSAnYm94LXNoYWRvdycge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDJweCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc0KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNDAwO1xufVxuXG5AbWl4aW4gY29udHJpYnV0b3JzLXRleHQoKSB7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuXG5AbWl4aW4gdGV4dC1ib2R5LTEoKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG59XG5cbkBtaXhpbiBkZXNrdG9wLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */", "@import './variables';\n\n@mixin text-size($name) {\n font-size: var(--g-text-#{$name}-font-size);\n line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n color: inherit;\n text-decoration: none;\n}\n\n@mixin islands-focus() {\n outline: none;\n\n .utilityfocus &:focus {\n outline: 2px solid #ffdb4d;\n }\n}\n\n@mixin focusable($offset: 0, $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 @include islands-focus();\n @include focusable(0, 'box-shadow');\n\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n border-radius: var(--g-focus-border-radius);\n\n &:hover,\n &:active {\n color: var(--g-color-text-link-hover);\n }\n}\n\n@mixin heading1() {\n @include text-size(display-3);\n font-weight: 500;\n\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n @include text-size(display-2);\n }\n}\n\n@mixin heading2() {\n @include text-size(display-1);\n font-weight: 500;\n}\n\n@mixin heading3() {\n @include text-size(header-2);\n font-weight: 500;\n}\n\n@mixin heading4() {\n @include text-size(header-1);\n font-weight: 500;\n}\n\n@mixin heading5() {\n @include text-size(body-3);\n font-weight: 500;\n}\n\n@mixin heading6() {\n @include text-size(body-3);\n font-weight: 400;\n}\n\n@mixin contributors-text() {\n font-size: 13px;\n font-weight: 400;\n margin-right: 5px;\n align-self: center;\n}\n\n@mixin text-body-1() {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n display: none;\n }\n}\n\n@mixin desktop-tablet-only() {\n @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n display: none;\n }\n}\n\n@mixin mobile-tablet-only() {\n @media (min-width: map-get($screenBreakpoints, 'md')) {\n display: none;\n }\n}\n\n@mixin mobile-only() {\n @media (min-width: map-get($screenBreakpoints, 'sm')) {\n display: none;\n }\n}\n"],
|
|
5
|
-
"mappings": ";AA6BI,CAAA;AACI,WAAA;AACA,UAAA,EAAA;AC5BR;ADWI,CAeA,
|
|
3
|
+
"sources": ["../../../../src/components/ContributorAvatars/home/runner/work/components/components/src/components/ContributorAvatars/ContributorAvatars.scss", "../../../../src/components/ContributorAvatars/%3Cinput%20css%20brGcVr%3E", "../../../../src/components/ContributorAvatars/home/runner/work/components/components/src/styles/mixins.scss"],
|
|
4
|
+
"sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n$avatarsDistance: 2px;\n$avatarTextFontSize: 12px;\n$avatarTextFontWeight: 500;\n$detailsIndent: 12px;\n$avatarBorder: 1.5px;\n$textLineHeight: 18px;\n\n$avatarWrapperSmallSize: 23px;\n$avatarWrapperBigSize: 33px;\n\n@mixin disable-link-styles {\n a,\n a:hover,\n a:visited,\n a:active {\n color: inherit;\n text-decoration: none;\n display: flex;\n }\n\n a {\n cursor: pointer;\n }\n}\n\n.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 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 focusable(1px);\n }\n\n &__displayed_avatars {\n display: flex;\n @include disable-link-styles;\n\n & > * {\n margin-left: $avatarBorder;\n margin-right: calc(#{$avatarBorder} + #{$avatarsDistance});\n }\n & a {\n border-radius: 50%; // to have rounded outline on focus as all avatars rounded\n }\n }\n\n &__hidden_avatars {\n font-size: $avatarTextFontSize;\n font-weight: $avatarTextFontWeight;\n color: var(--g-color-text-secondary);\n border-radius: 50%;\n text-align: center;\n cursor: pointer;\n\n & > * {\n background: var(--g-color-base-misc-light);\n flex-direction: column;\n text-align: center;\n display: flex;\n justify-content: center;\n margin: 0 $avatarBorder;\n box-shadow: 0 0 0 $avatarBorder var(--g-color-line-generic-accent);\n }\n }\n\n &__details {\n display: flex;\n\n & > div:last-child {\n font-size: 13px;\n font-weight: 400;\n margin: auto $detailsIndent;\n }\n }\n\n &__details_name {\n color: var(--g-color-text-primary);\n line-height: $textLineHeight;\n }\n\n &__popup {\n box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);\n @include disable-link-styles;\n }\n\n &__popup_content {\n padding: $detailsIndent;\n\n & > *:not(:last-child) {\n margin-bottom: $detailsIndent;\n }\n }\n}\n", ".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}\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.dc-contributor-avatars__popup_content {\n padding: 12px;\n}\n.dc-contributor-avatars__popup_content > *:not(:last-child) {\n margin-bottom: 12px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyaWJ1dG9yQXZhdGFycyIsInNvdXJjZXMiOlsiQ29udHJpYnV0b3JBdmF0YXJzLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJJO0VBQ0k7RUFDQTs7QUFqQko7QUFBQTtBQUFBO0FBQUE7RUFJSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFVQTtBQUFBO0VBRUk7O0FBR0o7RUNnRUo7RUFDQTtFQUNBO0VBQ0E7O0FEN0RJO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0ksUUFoRGE7RUFpRGIsT0FqRGE7O0FBb0RqQjtFQUNJLFFBcERXO0VBcURYLE9BckRXOztBQXdEZjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsV0FwRVM7RUFxRVQsYUFwRVc7O0FDNEJmO0VBQ0k7RUFDQSxnQkR5Q2U7O0FDdkNuQjtFQUNJOztBRHlDUjtFQUNJOztBQWxFSjtBQUFBO0FBQUE7QUFBQTtFQUlJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQTJEQTtFQUNJLGFBN0VHO0VBOEVIOztBQUVKO0VBQ0k7O0FBSVI7RUFDSSxXQXpGYTtFQTBGYixhQXpGZTtFQTBGZjtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUlSO0VBQ0k7O0FBRUE7RUFDSTtFQUNBO0VBQ0E7O0FBSVI7RUFDSTtFQUNBLGFBbkhTOztBQXNIYjtFQUNJOztBQWpISjtBQUFBO0FBQUE7QUFBQTtFQUlJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQTJHSjtFQUNJLFNBOUhROztBQWdJUjtFQUNJLGVBaklJIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuJGF2YXRhcnNEaXN0YW5jZTogMnB4O1xuJGF2YXRhclRleHRGb250U2l6ZTogMTJweDtcbiRhdmF0YXJUZXh0Rm9udFdlaWdodDogNTAwO1xuJGRldGFpbHNJbmRlbnQ6IDEycHg7XG4kYXZhdGFyQm9yZGVyOiAxLjVweDtcbiR0ZXh0TGluZUhlaWdodDogMThweDtcblxuJGF2YXRhcldyYXBwZXJTbWFsbFNpemU6IDIzcHg7XG4kYXZhdGFyV3JhcHBlckJpZ1NpemU6IDMzcHg7XG5cbkBtaXhpbiBkaXNhYmxlLWxpbmstc3R5bGVzIHtcbiAgICBhLFxuICAgIGE6aG92ZXIsXG4gICAgYTp2aXNpdGVkLFxuICAgIGE6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICB9XG5cbiAgICBhIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbn1cblxuLmRjLWNvbnRyaWJ1dG9yLWF2YXRhcnMge1xuICAgICZfX29uZV9jb250cmlidXRvciB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIG1hcmdpbjogMCAkYXZhdGFyQm9yZGVyO1xuICAgICAgICBAaW5jbHVkZSBkaXNhYmxlLWxpbmstc3R5bGVzO1xuXG4gICAgICAgIGE6aG92ZXIsXG4gICAgICAgIGE6YWN0aXZlIHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgICAgIH1cblxuICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICBAaW5jbHVkZSBjb250cmlidXRvcnMtdGV4dCgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fYXZhdGFyIHtcbiAgICAgICAgJiB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAkYXZhdGFyQm9yZGVyIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljLWFjY2VudCk7XG4gICAgICAgICAgICBib3JkZXI6IDA7XG4gICAgICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgICAgIGN1cnNvcjogaW5oZXJpdDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGluaXRpYWw7XG4gICAgICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfc2l6ZV9zbWFsbCB7XG4gICAgICAgICAgICBoZWlnaHQ6ICRhdmF0YXJXcmFwcGVyU21hbGxTaXplO1xuICAgICAgICAgICAgd2lkdGg6ICRhdmF0YXJXcmFwcGVyU21hbGxTaXplO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9zaXplX2JpZyB7XG4gICAgICAgICAgICBoZWlnaHQ6ICRhdmF0YXJXcmFwcGVyQmlnU2l6ZTtcbiAgICAgICAgICAgIHdpZHRoOiAkYXZhdGFyV3JhcHBlckJpZ1NpemU7XG4gICAgICAgIH1cblxuICAgICAgICAmX2RlZmF1bHQge1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogJGF2YXRhclRleHRGb250U2l6ZTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiAkYXZhdGFyVGV4dEZvbnRXZWlnaHQ7XG4gICAgICAgIH1cblxuICAgICAgICBAaW5jbHVkZSBmb2N1c2FibGUoMXB4KTtcbiAgICB9XG5cbiAgICAmX19kaXNwbGF5ZWRfYXZhdGFycyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIEBpbmNsdWRlIGRpc2FibGUtbGluay1zdHlsZXM7XG5cbiAgICAgICAgJiA+ICoge1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6ICRhdmF0YXJCb3JkZXI7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IGNhbGMoI3skYXZhdGFyQm9yZGVyfSArICN7JGF2YXRhcnNEaXN0YW5jZX0pO1xuICAgICAgICB9XG4gICAgICAgICYgYSB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7IC8vIHRvIGhhdmUgcm91bmRlZCBvdXRsaW5lIG9uIGZvY3VzIGFzIGFsbCBhdmF0YXJzIHJvdW5kZWRcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2hpZGRlbl9hdmF0YXJzIHtcbiAgICAgICAgZm9udC1zaXplOiAkYXZhdGFyVGV4dEZvbnRTaXplO1xuICAgICAgICBmb250LXdlaWdodDogJGF2YXRhclRleHRGb250V2VpZ2h0O1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICAgJiA+ICoge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLW1pc2MtbGlnaHQpO1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIG1hcmdpbjogMCAkYXZhdGFyQm9yZGVyO1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgJGF2YXRhckJvcmRlciB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYy1hY2NlbnQpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fZGV0YWlscyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG5cbiAgICAgICAgJiA+IGRpdjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgICAgICAgICBtYXJnaW46IGF1dG8gJGRldGFpbHNJbmRlbnQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19kZXRhaWxzX25hbWUge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuICAgICAgICBsaW5lLWhlaWdodDogJHRleHRMaW5lSGVpZ2h0O1xuICAgIH1cblxuICAgICZfX3BvcHVwIHtcbiAgICAgICAgYm94LXNoYWRvdzogMHB4IDNweCAyNHB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcbiAgICAgICAgQGluY2x1ZGUgZGlzYWJsZS1saW5rLXN0eWxlcztcbiAgICB9XG5cbiAgICAmX19wb3B1cF9jb250ZW50IHtcbiAgICAgICAgcGFkZGluZzogJGRldGFpbHNJbmRlbnQ7XG5cbiAgICAgICAgJiA+ICo6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAkZGV0YWlsc0luZGVudDtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkBpbXBvcnQgJy4vdmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcbiAgICBAaW5jbHVkZSBmb2N1c2FibGUoMCwgJ2JveC1zaGFkb3cnKTtcblxuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@import './variables';\n\n@mixin text-size($name) {\n font-size: var(--g-text-#{$name}-font-size);\n line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n color: inherit;\n text-decoration: none;\n}\n\n@mixin islands-focus() {\n outline: none;\n\n .utilityfocus &:focus {\n outline: 2px solid #ffdb4d;\n }\n}\n\n@mixin focusable($offset: 0, $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 @include islands-focus();\n @include focusable(0, 'box-shadow');\n\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n border-radius: var(--g-focus-border-radius);\n\n &:hover,\n &:active {\n color: var(--g-color-text-link-hover);\n }\n}\n\n@mixin heading1() {\n @include text-size(display-3);\n font-weight: 500;\n\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n @include text-size(display-2);\n }\n}\n\n@mixin heading2() {\n @include text-size(display-1);\n font-weight: 500;\n}\n\n@mixin heading3() {\n @include text-size(header-2);\n font-weight: 500;\n}\n\n@mixin heading4() {\n @include text-size(header-1);\n font-weight: 500;\n}\n\n@mixin heading5() {\n @include text-size(body-3);\n font-weight: 500;\n}\n\n@mixin heading6() {\n @include text-size(body-3);\n font-weight: 400;\n}\n\n@mixin contributors-text() {\n font-size: 13px;\n font-weight: 400;\n margin-right: 5px;\n align-self: center;\n}\n\n@mixin text-body-1() {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n display: none;\n }\n}\n\n@mixin desktop-tablet-only() {\n @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n display: none;\n }\n}\n\n@mixin mobile-tablet-only() {\n @media (min-width: map-get($screenBreakpoints, 'md')) {\n display: none;\n }\n}\n\n@mixin mobile-only() {\n @media (min-width: map-get($screenBreakpoints, 'sm')) {\n display: none;\n }\n}\n"],
|
|
5
|
+
"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;AEgEJ,aAAA;AACA,eAAA;AACA,gBAAA;AACA,cAAA;ADlFJ;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;AClBQ,CFYA,8BEZA;AACI,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;ADoBZ;AClBQ,CFQA,8BERA,MAAA,KAAA;AACI,WAAA;ADoBZ;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;AChBR;ADjGI,CAgHA,8BAhHA;CAgHA;CAAA;CAAA;AA5GI,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACmGR;ADhGI,CAuGA,8BAvGA;AACI,UAAA;ACkGR;ADSI,CAAA;AACI,WAAA;ACPR;ADSQ,CAHJ,sCAGI,EAAA,CAAA,KAAA;AACI,iBAAA;ACPZ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -42,7 +42,7 @@ var import_HiddenAvatars = __toESM(require("./Avatars/HiddenAvatars"));
|
|
|
42
42
|
var import_models = require("./models");
|
|
43
43
|
var import_utils = require("./utils");
|
|
44
44
|
var import_ContributorAvatars = require("./ContributorAvatars.css");
|
|
45
|
-
var b = (0, import_bem_cn_lite.default)("contributor-avatars");
|
|
45
|
+
var b = (0, import_bem_cn_lite.default)("dc-contributor-avatars");
|
|
46
46
|
var MAX_DISPLAYED_CONTRIBUTORS = 3;
|
|
47
47
|
var ContributorAvatars = (props) => {
|
|
48
48
|
const { contributors, isAuthor = false, onlyAuthor = false } = props;
|
|
@@ -50,8 +50,7 @@ var ContributorAvatars = (props) => {
|
|
|
50
50
|
return null;
|
|
51
51
|
}
|
|
52
52
|
if (contributors.length === 1) {
|
|
53
|
-
|
|
54
|
-
return oneAvatar;
|
|
53
|
+
return getOneAvatar(contributors[0], isAuthor, onlyAuthor);
|
|
55
54
|
}
|
|
56
55
|
const displayedContributors = [...contributors];
|
|
57
56
|
const hiddenContributors = displayedContributors.splice(MAX_DISPLAYED_CONTRIBUTORS);
|
|
@@ -77,13 +76,7 @@ function getOneAvatar(contributor, isAuthor, onlyAuthor) {
|
|
|
77
76
|
size: import_models.AvatarSizes.SMALL
|
|
78
77
|
};
|
|
79
78
|
const wrapperModifiers = isAuthor ? { onlyAuthor } : {};
|
|
80
|
-
return /* @__PURE__ */ import_react.default.createElement("div", { className: b("one_contributor", wrapperModifiers) }, /* @__PURE__ */ import_react.default.createElement("div",
|
|
81
|
-
import_AvatarWithDescription.default,
|
|
82
|
-
{
|
|
83
|
-
contributor,
|
|
84
|
-
avatarSize: import_models.AvatarSizes.SMALL
|
|
85
|
-
}
|
|
86
|
-
)), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_uikit.Link, { href: contributor.url }, (0, import_utils.getName)(contributor, isAuthor))));
|
|
79
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { className: b("one_contributor", wrapperModifiers) }, getRedirectingAvatar(avatarData, contributor.url), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_uikit.Link, { href: contributor.url }, (0, import_utils.getName)(contributor, isAuthor))));
|
|
87
80
|
}
|
|
88
81
|
function getRedirectingAvatar(avatarData, url, isRedirect = false) {
|
|
89
82
|
return /* @__PURE__ */ import_react.default.createElement(import_uikit.Link, { href: url, extraProps: { tabIndex: avatarData.contributor.avatar ? void 0 : -1 } }, /* @__PURE__ */ import_react.default.createElement(import_Avatar.default, { avatarData, isRedirect }));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/ContributorAvatars/ContributorAvatars.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, {Fragment, ReactElement} from 'react';\n\nimport {Link} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../models';\n\nimport Avatar from './Avatars/Avatar';\nimport AvatarWithDescription from './Avatars/AvatarWithDescription';\nimport HiddenAvatars from './Avatars/HiddenAvatars';\nimport {AvatarData, AvatarSizes} from './models';\nimport {getName} from './utils';\n\nimport './ContributorAvatars.scss';\n\nconst b = block('contributor-avatars');\n\nconst MAX_DISPLAYED_CONTRIBUTORS = 3;\n\nexport interface ContributorAvatarsProps {\n contributors: Contributor[];\n isAuthor?: boolean;\n onlyAuthor?: boolean;\n}\n\nconst ContributorAvatars: React.FC<ContributorAvatarsProps> = (props) => {\n const {contributors, isAuthor = false, onlyAuthor = false} = props;\n\n if (!contributors || contributors.length === 0) {\n return null;\n }\n\n if (contributors.length === 1) {\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4C;AAE5C,mBAAmB;AACnB,yBAAkB;AAIlB,oBAAmB;AACnB,mCAAkC;AAClC,2BAA0B;AAC1B,oBAAsC;AACtC,mBAAsB;AAEtB,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,
|
|
4
|
+
"sourcesContent": ["import React, {Fragment, ReactElement} from 'react';\n\nimport {Link} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../models';\n\nimport Avatar from './Avatars/Avatar';\nimport AvatarWithDescription from './Avatars/AvatarWithDescription';\nimport HiddenAvatars from './Avatars/HiddenAvatars';\nimport {AvatarData, AvatarSizes} from './models';\nimport {getName} from './utils';\n\nimport './ContributorAvatars.scss';\n\nconst b = block('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"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4C;AAE5C,mBAAmB;AACnB,yBAAkB;AAIlB,oBAAmB;AACnB,mCAAkC;AAClC,2BAA0B;AAC1B,oBAAsC;AACtC,mBAAsB;AAEtB,gCAAO;AAEP,IAAM,QAAI,mBAAAA,SAAM,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,6BAAAC,QAAA;AAAA,MAAC;AAAA;AAAA,QACG,KAAK,0BAA0B,SAAS,KAAK;AAAA,QAC7C,MAAM;AAAA,QACN,YAAY,EAAC,UAAU,YAAY,SAAS,SAAY,GAAE;AAAA;AAAA,MAE1D,6BAAAA,QAAA,cAAC,6BAAAC,SAAA,EAAsB,aAA0B,YAAY,0BAAY,OAAO;AAAA,IACpF;AAAA,EAER,CAAC;AAED,QAAM,gBACF,6BAAAD,QAAA,cAAC,qBAAAE,SAAA,EAAc,cAAc,oBAAoB,aAAa,0BAAY,OAAO;AAGrF,QAAM,UACF,6BAAAF,QAAA,cAAC,6BACG,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,mBAAmB,KAAI,gBAAiB,GAC1D,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,gBAAgB,KAAI,aAAc,CACxD;AAGJ,SAAO;AACX;AAEA,SAAS,aACL,aACA,UACA,YACY;AACZ,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM,0BAAY;AAAA,EACtB;AAEA,QAAM,mBAAmB,WAAW,EAAC,WAAU,IAAI,CAAC;AAEpD,SACI,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,mBAAmB,gBAAgB,KAChD,qBAAqB,YAAY,YAAY,GAAG,GACjD,6BAAAA,QAAA,cAAC,aACG,6BAAAA,QAAA,cAAC,qBAAK,MAAM,YAAY,WAAM,sBAAQ,aAAa,QAAQ,CAAE,CACjE,CACJ;AAER;AAEA,SAAS,qBAAqB,YAAwB,KAAa,aAAa,OAAO;AAEnF,SACI,6BAAAA,QAAA,cAAC,qBAAK,MAAM,KAAK,YAAY,EAAC,UAAU,WAAW,YAAY,SAAS,SAAY,GAAE,KAClF,6BAAAA,QAAA,cAAC,cAAAG,SAAA,EAAO,YAAwB,YAAwB,CAC5D;AAER;AAEA,IAAO,6BAAQ;",
|
|
6
6
|
"names": ["block", "React", "AvatarWithDescription", "HiddenAvatars", "Avatar"]
|
|
7
7
|
}
|