@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.
Files changed (124) hide show
  1. package/build/cjs/components/BookmarkButton/BookmarkButton.css.map +2 -2
  2. package/build/cjs/components/Breadcrumbs/Breadcrumbs.css.map +2 -2
  3. package/build/cjs/components/ContributorAvatars/Avatars/Avatar.js +1 -1
  4. package/build/cjs/components/ContributorAvatars/Avatars/Avatar.js.map +2 -2
  5. package/build/cjs/components/ContributorAvatars/Avatars/Details.js +1 -1
  6. package/build/cjs/components/ContributorAvatars/Avatars/Details.js.map +2 -2
  7. package/build/cjs/components/ContributorAvatars/Avatars/HiddenAvatars.js +1 -1
  8. package/build/cjs/components/ContributorAvatars/Avatars/HiddenAvatars.js.map +2 -2
  9. package/build/cjs/components/ContributorAvatars/ContributorAvatars.css +38 -57
  10. package/build/cjs/components/ContributorAvatars/ContributorAvatars.css.map +3 -3
  11. package/build/cjs/components/ContributorAvatars/ContributorAvatars.js +3 -10
  12. package/build/cjs/components/ContributorAvatars/ContributorAvatars.js.map +2 -2
  13. package/build/cjs/components/Contributors/Contributors.css +2 -3
  14. package/build/cjs/components/Contributors/Contributors.css.map +3 -3
  15. package/build/cjs/components/Contributors/Contributors.js +1 -1
  16. package/build/cjs/components/Contributors/Contributors.js.map +2 -2
  17. package/build/cjs/components/Control/Control.css.map +2 -2
  18. package/build/cjs/components/Controls/Controls.css.map +2 -2
  19. package/build/cjs/components/Controls/single-controls/DividerControl/DividerControl.css.map +2 -2
  20. package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.css +3 -1
  21. package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +3 -3
  22. package/build/cjs/components/DocLayout/DocLayout.css +2 -0
  23. package/build/cjs/components/DocLayout/DocLayout.css.map +3 -3
  24. package/build/cjs/components/DocLeadingPage/DocLeadingPage.css.map +2 -2
  25. package/build/cjs/components/DocPage/DocPage.css +11 -5
  26. package/build/cjs/components/DocPage/DocPage.css.map +3 -3
  27. package/build/cjs/components/DocPage/DocPage.js +9 -2
  28. package/build/cjs/components/DocPage/DocPage.js.map +3 -3
  29. package/build/cjs/components/DocPageTitle/DocPageTitle.css.map +2 -2
  30. package/build/cjs/components/ErrorPage/ErrorPage.css.map +2 -2
  31. package/build/cjs/components/Feedback/Feedback.css +4 -0
  32. package/build/cjs/components/Feedback/Feedback.css.map +3 -3
  33. package/build/cjs/components/Mark/Mark.css.map +2 -2
  34. package/build/cjs/components/MiniToc/MiniToc.css.map +3 -3
  35. package/build/cjs/components/Paginator/Paginator.css.map +2 -2
  36. package/build/cjs/components/SearchBar/SearchBar.css.map +2 -2
  37. package/build/cjs/components/SearchItem/SearchItem.css.map +2 -2
  38. package/build/cjs/components/SearchPage/SearchPage.css.map +2 -2
  39. package/build/cjs/components/Subscribe/Subscribe.css +4 -0
  40. package/build/cjs/components/Subscribe/Subscribe.css.map +3 -3
  41. package/build/cjs/components/Toc/Toc.css.map +2 -2
  42. package/build/cjs/components/TocItem/TocItem.css.map +2 -2
  43. package/build/cjs/components/TocNavPanel/TocNavPanel.css.map +2 -2
  44. package/build/cjs/components/ToggleArrow/ToggleArrow.css.map +2 -2
  45. package/build/cjs/components/UpdatedAtDate/UpdatedAtDate.css +10 -0
  46. package/build/cjs/components/UpdatedAtDate/UpdatedAtDate.css.map +7 -0
  47. package/build/cjs/components/UpdatedAtDate/UpdatedAtDate.d.ts +7 -0
  48. package/build/cjs/components/UpdatedAtDate/UpdatedAtDate.js +52 -0
  49. package/build/cjs/components/UpdatedAtDate/UpdatedAtDate.js.map +7 -0
  50. package/build/cjs/config/i18n.js +26 -3
  51. package/build/cjs/config/i18n.js.map +3 -3
  52. package/build/cjs/models/index.d.ts +9 -3
  53. package/build/cjs/models/index.js +4 -0
  54. package/build/cjs/models/index.js.map +2 -2
  55. package/build/cjs/utils/date.d.ts +13 -0
  56. package/build/cjs/utils/date.js +82 -0
  57. package/build/cjs/utils/date.js.map +7 -0
  58. package/build/esm/components/BookmarkButton/BookmarkButton.css.map +2 -2
  59. package/build/esm/components/Breadcrumbs/Breadcrumbs.css.map +2 -2
  60. package/build/esm/components/ContributorAvatars/Avatars/Avatar.js +1 -1
  61. package/build/esm/components/ContributorAvatars/Avatars/Avatar.js.map +2 -2
  62. package/build/esm/components/ContributorAvatars/Avatars/Details.js +1 -1
  63. package/build/esm/components/ContributorAvatars/Avatars/Details.js.map +2 -2
  64. package/build/esm/components/ContributorAvatars/Avatars/HiddenAvatars.js +1 -1
  65. package/build/esm/components/ContributorAvatars/Avatars/HiddenAvatars.js.map +2 -2
  66. package/build/esm/components/ContributorAvatars/ContributorAvatars.css +38 -57
  67. package/build/esm/components/ContributorAvatars/ContributorAvatars.css.map +3 -3
  68. package/build/esm/components/ContributorAvatars/ContributorAvatars.js +3 -10
  69. package/build/esm/components/ContributorAvatars/ContributorAvatars.js.map +2 -2
  70. package/build/esm/components/Contributors/Contributors.css +2 -3
  71. package/build/esm/components/Contributors/Contributors.css.map +3 -3
  72. package/build/esm/components/Contributors/Contributors.js +1 -1
  73. package/build/esm/components/Contributors/Contributors.js.map +2 -2
  74. package/build/esm/components/Control/Control.css.map +2 -2
  75. package/build/esm/components/Controls/Controls.css.map +2 -2
  76. package/build/esm/components/Controls/single-controls/DividerControl/DividerControl.css.map +2 -2
  77. package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.css +3 -1
  78. package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +3 -3
  79. package/build/esm/components/DocLayout/DocLayout.css +2 -0
  80. package/build/esm/components/DocLayout/DocLayout.css.map +3 -3
  81. package/build/esm/components/DocLeadingPage/DocLeadingPage.css.map +2 -2
  82. package/build/esm/components/DocPage/DocPage.css +11 -5
  83. package/build/esm/components/DocPage/DocPage.css.map +3 -3
  84. package/build/esm/components/DocPage/DocPage.js +9 -2
  85. package/build/esm/components/DocPage/DocPage.js.map +2 -2
  86. package/build/esm/components/DocPageTitle/DocPageTitle.css.map +2 -2
  87. package/build/esm/components/ErrorPage/ErrorPage.css.map +2 -2
  88. package/build/esm/components/Feedback/Feedback.css +4 -0
  89. package/build/esm/components/Feedback/Feedback.css.map +3 -3
  90. package/build/esm/components/Mark/Mark.css.map +2 -2
  91. package/build/esm/components/MiniToc/MiniToc.css.map +3 -3
  92. package/build/esm/components/Paginator/Paginator.css.map +2 -2
  93. package/build/esm/components/SearchBar/SearchBar.css.map +2 -2
  94. package/build/esm/components/SearchItem/SearchItem.css.map +2 -2
  95. package/build/esm/components/SearchPage/SearchPage.css.map +2 -2
  96. package/build/esm/components/Subscribe/Subscribe.css +4 -0
  97. package/build/esm/components/Subscribe/Subscribe.css.map +3 -3
  98. package/build/esm/components/Toc/Toc.css.map +2 -2
  99. package/build/esm/components/TocItem/TocItem.css.map +2 -2
  100. package/build/esm/components/TocNavPanel/TocNavPanel.css.map +2 -2
  101. package/build/esm/components/ToggleArrow/ToggleArrow.css.map +2 -2
  102. package/build/esm/components/UpdatedAtDate/UpdatedAtDate.css +10 -0
  103. package/build/esm/components/UpdatedAtDate/UpdatedAtDate.css.map +7 -0
  104. package/build/esm/components/UpdatedAtDate/UpdatedAtDate.d.ts +7 -0
  105. package/build/esm/components/UpdatedAtDate/UpdatedAtDate.js +21 -0
  106. package/build/esm/components/UpdatedAtDate/UpdatedAtDate.js.map +7 -0
  107. package/build/esm/config/i18n.js +26 -3
  108. package/build/esm/config/i18n.js.map +3 -3
  109. package/build/esm/models/index.d.ts +9 -3
  110. package/build/esm/models/index.js +4 -0
  111. package/build/esm/models/index.js.map +2 -2
  112. package/build/esm/utils/date.d.ts +13 -0
  113. package/build/esm/utils/date.js +61 -0
  114. package/build/esm/utils/date.js.map +7 -0
  115. package/build/index.css.map +2 -2
  116. package/build/themes/common/index.css.map +2 -2
  117. package/package.json +1 -1
  118. package/src/i18n/ar.json +117 -0
  119. package/src/i18n/cs.json +120 -0
  120. package/src/i18n/en.json +4 -1
  121. package/src/i18n/es.json +120 -0
  122. package/src/i18n/fr.json +120 -0
  123. package/src/i18n/he.json +117 -0
  124. package/src/i18n/ru.json +4 -1
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../src/components/BookmarkButton/Users/martyanov-av/WebstormProjects/diplodoc/packages/components/src/components/BookmarkButton/BookmarkButton.scss", "../../../../src/components/BookmarkButton/%3Cinput%20css%20kUhF8i%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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL21hcnR5YW5vdi1hdi9XZWJzdG9ybVByb2plY3RzL2RpcGxvZG9jL3BhY2thZ2VzL2NvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQm9va21hcmtCdXR0b24iLCJzb3VyY2VzIjpbIkJvb2ttYXJrQnV0dG9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSTtFQUNBOztBQUVBO0VBQ0k7O0FBR0o7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIi5kYy1ib29rbWFyay1idXR0b24ge1xuICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgbWFyZ2luOiAwIDRweCA0cHg7XG5cbiAgICAmOmhvdmVyOjpiZWZvcmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICB9XG5cbiAgICAmX2FjdGl2ZSAmX19pY29uIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItYmFzZS1icmFuZCk7XG4gICAgfVxufVxuIl19 */"],
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%20G5afB0%3E", "../../../../src/components/Breadcrumbs/Users/martyanov-av/WebstormProjects/diplodoc/packages/components/src/components/Breadcrumbs/Breadcrumbs.scss", "../../../../src/components/Breadcrumbs/Users/martyanov-av/WebstormProjects/diplodoc/packages/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,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,qBAAqB;AAQrC,IAAM,SAAgC,CAAC,UAAU;AAC7C,QAAM,EAAC,YAAY,WAAW,aAAa,MAAK,IAAI;AACpD,QAAM,EAAC,aAAa,OAAO,0BAAY,OAAO,YAAY,MAAK,IAAI;AACnE,QAAM,EAAC,yBAAyB,MAAM;AAAA,EAAC,GAAG,IAAG,IAAI,aAAa,CAAC;AAC/D,QAAM,EAAC,QAAQ,OAAO,MAAK,IAAI;AAE/B,QAAM,MAAM,UAAU,SAAS,KAAK;AAEpC,MAAI,QAAQ;AACR,WACI,6BAAAC,QAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,WAAW,EAAE,UAAU,EAAC,KAAI,CAAC;AAAA,QAC7B,KAAK;AAAA,QACL;AAAA,QACA,aAAa,MAAM,uBAAuB,IAAI;AAAA,QAC9C,cAAc,MAAM,uBAAuB,KAAK;AAAA,QAChD,cAAc,MAAM,uBAAuB;AAAA,QAC3C,YAAY,CAAC,UACT,0BAA0B,OAAO,WAAW,UAAU;AAAA;AAAA,IAE9D;AAAA,EAER;AAEA,QAAM,WAAW,YAAY,WAAW;AAExC,SACI,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,WAAW,EAAE,UAAU,EAAC,MAAM,SAAS,KAAI,CAAC;AAAA,MAC5C;AAAA,MACA,aAAa,MAAM,uBAAuB,IAAI;AAAA,MAC9C,cAAc,MAAM,uBAAuB,KAAK;AAAA,MAChD,cAAc,MAAM,uBAAuB;AAAA,MAC3C,YAAY,CAAC,UACT,0BAA0B,OAAO,WAAW,UAAU;AAAA;AAAA,IAGzD;AAAA,EACL;AAER;AAEA,SAAS,0BACL,OACA,WACA,YACI;AACJ,MAAI,aAAa,YAAY;AACzB;AAAA,EACJ;AAEA,QAAM,eAAe;AACzB;AAEA,SAAS,YAAY,aAA0B;AAC3C,aAAO,mCAAqB,WAAW,EAAE,OAAO,CAAC,EAAE,YAAY;AACnE;AAEA,IAAO,iBAAQ;",
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,qBAAqB;AAOrC,IAAM,UAAkC,CAAC,UAAU;AAC/C,QAAM,EAAC,cAAc,UAAS,IAAI;AAClC,QAAM,EAAC,KAAK,gBAAgB,uBAAsB,IAAI,aAAa,CAAC;AAEpE,QAAM,sBAAsB,aAAa,IAAI,CAAC,WAAwB;AAClE,WAAO,sBAAsB,MAAM;AAAA,EACvC,CAAC;AAED,SACI,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM;AAAA,MACN,gBAAgB,MAAM,uBAAuB,KAAK;AAAA,MAClD,WAAW,EAAE,OAAO;AAAA,MACpB,kBAAkB,EAAE,eAAe;AAAA,MACnC,WAAW,4BAAe;AAAA,MAC1B,UAAU;AAAA;AAAA,IAET;AAAA,EACL;AAER;AAEA,SAAS,sBAAsB,aAA0B;AACrD,QAAM,EAAC,OAAO,OAAO,IAAG,IAAI;AAE5B,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM,0BAAY;AAAA,IAClB,WAAW;AAAA,EACf;AAEA,QAAM,YAAY,6BAAAA,QAAA,cAAC,cAAAC,SAAA,EAAO,YAAwB;AAElD,SACI,6BAAAD,QAAA,cAAC,qBAAK,MAAM,KAAK,KAAK,WAAW,SAAS,KAAK,MAC3C,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,SAAS,KACtB,WACD,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,cAAc,SAAI,sBAAQ,aAAa,IAAI,CAAE,CACnE,CACJ;AAER;AAEA,IAAO,kBAAQ;",
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,qBAAqB;AAErC,IAAM,gCAAgC;AAOtC,IAAM,gBAA8C,CAAC,UAAU;AAC3D,QAAM,EAAC,cAAc,YAAW,IAAI;AACpC,QAAM,oBAAoB,aAAa;AAEvC,QAAM,iBAAa,qBAAsD,IAAI;AAC7E,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,KAAK;AAE1D,MAAI,sBAAsB,GAAG;AACzB,WAAO;AAAA,EACX;AAEA,QAAM,YAAuB;AAAA,IACzB,KAAK;AAAA,IACL;AAAA,IACA,wBAAwB,MAAM,kBAAkB,KAAK;AAAA,EACzD;AAEA,QAAM,0BACF,oBAAoB,gCACd,GAAG,6BAA6B,MAChC,IAAI,iBAAiB;AAE/B,SACI,6BAAAC,QAAA,cAAC,6BACG,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,EAAE,UAAU,EAAC,MAAM,YAAW,CAAC;AAAA,MAC1C,KAAK;AAAA,MACL,SAAS,CAAC,UAA8B;AACpC,0BAAkB,CAAC,cAAc;AACjC,cAAM,eAAe;AAAA,MACzB;AAAA,MACA,iBAAe;AAAA;AAAA,IAEd;AAAA,EACL,GACA,6BAAAA,QAAA,cAAC,eAAAC,SAAA,EAAQ,cAA4B,WAAsB,CAC/D;AAER;AAEA,IAAO,wBAAQ;",
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
- @media screen and (max-width: 577px) {
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/Users/martyanov-av/WebstormProjects/diplodoc/packages/components/src/components/ContributorAvatars/ContributorAvatars.scss", "../../../../src/components/ContributorAvatars/%3Cinput%20css%20oYjsBY%3E", "../../../../src/components/ContributorAvatars/Users/martyanov-av/WebstormProjects/diplodoc/packages/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.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,qCAfA;CAeA;CAAA;CAAA;AAXI,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACTR;ADYI,CAMA,qCANA;AACI,UAAA;ACVR;ADoBQ,CALJ,qCAKI,EAAA;AEqEJ,aAAA;AACA,eAAA;AACA,gBAAA;AACA,cAAA;ADtFJ;ADkBQ,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AACI,GAAA,gDAAA,EAAA,CAAA;AACI,iBAAA;AChBd;ADmBU,GAdR,qCAcQ,EAAA,CAAA;EAAA,CAdR,qCAcQ,EAAA,CAAA;AAEI,aAAA;AClBd;ADqBU,GATA,gDASA,EAAA,CAAA;AACI,aAAA;ACnBd;ADsBU,GAvBR,qCAuBQ,EAAA,CAAA,KAAA;AACI,kBAAA;ACpBd;AACF;ADuBQ,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AACI,GA7BR,qCA6BQ,EAAA,CAAA;AACI,aAAA;ACrBd;ADwBU,GAjCR,qCAiCQ,EAAA,CAAA;AACI,kBAAA;ACtBd;AACF;AD2BQ,CAAA;AACI,iBAAA;AACA,cAAA,EAAA,EAAA,EAAA,MAAA,IAAA;AACA,UAAA;AACA,SAAA;AACA,UAAA;AACA,oBAAA;AACA,WAAA;AACA,eAAA;AACA,eAAA;ACzBZ;AD4BQ,CAAA;AACI,UAAA;AACA,SAAA;AC1BZ;AD6BQ,CAAA;AACI,UAAA;AACA,SAAA;AC3BZ;AD8BQ,CAAA;AACI,cAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;AACA,aAAA;AACA,eAAA;AC5BZ;ACpCQ,CFoCA,2BEpCA;AACI,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;ADsCZ;ACpCQ,CFgCA,2BEhCA,MAAA,KAAA;AACI,WAAA;ADsCZ;AD2BI,CAAA;AACI,WAAA;ACzBR;ADjEI,CAyFA,uCAzFA;CAyFA;CAAA;CAAA;AArFI,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACmER;ADhEI,CAgFA,uCAhFA;AACI,UAAA;ACkER;ADiBQ,CAJJ,uCAII,EAAA;AACI,eAAA;AACA,gBAAA,KAAA,MAAA,EAAA;ACfZ;ADiBQ,CARJ,uCAQI;AACI,iBAAA;ACfZ;ADmBI,CAAA;AACI,aAAA;AACA,eAAA;AACA,SAAA,IAAA;AACA,iBAAA;AACA,cAAA;AACA,UAAA;ACjBR;ADmBQ,CARJ,oCAQI,EAAA;AACI,cAAA,IAAA;AACA,kBAAA;AACA,cAAA;AACA,WAAA;AACA,mBAAA;AACA,UAAA,EAAA;AACA,cAAA,EAAA,EAAA,EAAA,MAAA,IAAA;ACjBZ;ADqBI,CAAA;AACI,WAAA;ACnBR;ADqBQ,CAHJ,6BAGI,EAAA,GAAA;AACI,aAAA;AACA,eAAA;AACA,UAAA,KAAA;ACnBZ;ADuBI,CAAA;AACI,SAAA,IAAA;AACA,eAAA;ACrBR;ADwBI,CAAA;AACI,cAAA,IAAA,IAAA,KAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;ACtBR;ADnHI,CAwIA,2BAxIA;CAwIA;CAAA;CAAA;AApII,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACqHR;ADlHI,CA+HA,2BA/HA;AACI,UAAA;ACoHR;ADeI,CAAA;AACI,WAAA;ACbR;ADeQ,CAHJ,mCAGI,EAAA,CAAA,KAAA;AACI,iBAAA;ACbZ;",
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
- const oneAvatar = getOneAvatar(contributors[0], isAuthor, onlyAuthor);
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", { className: "desktop" }, getRedirectingAvatar(avatarData, contributor.url), " "), /* @__PURE__ */ import_react.default.createElement("div", { className: "mobile" }, isAuthor && onlyAuthor ? getRedirectingAvatar(avatarData, contributor.url, true) : /* @__PURE__ */ import_react.default.createElement(
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 const oneAvatar = getOneAvatar(contributors[0], isAuthor, onlyAuthor);\n return oneAvatar;\n }\n\n const displayedContributors = [...contributors];\n const hiddenContributors = displayedContributors.splice(MAX_DISPLAYED_CONTRIBUTORS);\n\n const displayedAvatars = displayedContributors.map((contributor: Contributor) => {\n const {url, login, email} = contributor;\n return (\n <Link\n key={`displayed-contributors-${login || email}`}\n href={url}\n extraProps={{tabIndex: contributor.avatar ? undefined : -1}} // as Avatar component may be button\n >\n <AvatarWithDescription contributor={contributor} avatarSize={AvatarSizes.SMALL} />\n </Link>\n );\n });\n\n const hiddenAvatars = (\n <HiddenAvatars contributors={hiddenContributors} avatarsSize={AvatarSizes.SMALL} />\n );\n\n const avatars = (\n <Fragment>\n <div className={b('displayed_avatars')}>{displayedAvatars}</div>\n <div className={b('hidden_avatars')}>{hiddenAvatars}</div>\n </Fragment>\n );\n\n return avatars;\n};\n\nfunction getOneAvatar(\n contributor: Contributor,\n isAuthor: boolean,\n onlyAuthor: boolean,\n): ReactElement {\n const avatarData: AvatarData = {\n contributor,\n size: AvatarSizes.SMALL,\n };\n\n const wrapperModifiers = isAuthor ? {onlyAuthor} : {};\n\n return (\n <div className={b('one_contributor', wrapperModifiers)}>\n <div className={'desktop'}>{getRedirectingAvatar(avatarData, contributor.url)} </div>\n <div className={'mobile'}>\n {isAuthor && onlyAuthor ? (\n getRedirectingAvatar(avatarData, contributor.url, true)\n ) : (\n <AvatarWithDescription\n contributor={contributor}\n avatarSize={AvatarSizes.SMALL}\n />\n )}\n </div>\n <div>\n <Link href={contributor.url}>{getName(contributor, isAuthor)}</Link>\n </div>\n </div>\n );\n}\n\nfunction getRedirectingAvatar(avatarData: AvatarData, url: string, isRedirect = false) {\n // as Avatar component may be a button, one need to set tabIndex\n return (\n <Link href={url} extraProps={{tabIndex: avatarData.contributor.avatar ? undefined : -1}}>\n <Avatar avatarData={avatarData} isRedirect={isRedirect} />\n </Link>\n );\n}\n\nexport default ContributorAvatars;\n"],
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,qBAAqB;AAErC,IAAM,6BAA6B;AAQnC,IAAM,qBAAwD,CAAC,UAAU;AACrE,QAAM,EAAC,cAAc,WAAW,OAAO,aAAa,MAAK,IAAI;AAE7D,MAAI,CAAC,gBAAgB,aAAa,WAAW,GAAG;AAC5C,WAAO;AAAA,EACX;AAEA,MAAI,aAAa,WAAW,GAAG;AAC3B,UAAM,YAAY,aAAa,aAAa,CAAC,GAAG,UAAU,UAAU;AACpE,WAAO;AAAA,EACX;AAEA,QAAM,wBAAwB,CAAC,GAAG,YAAY;AAC9C,QAAM,qBAAqB,sBAAsB,OAAO,0BAA0B;AAElF,QAAM,mBAAmB,sBAAsB,IAAI,CAAC,gBAA6B;AAC7E,UAAM,EAAC,KAAK,OAAO,MAAK,IAAI;AAC5B,WACI,6BAAAC,QAAA;AAAA,MAAC;AAAA;AAAA,QACG,KAAK,0BAA0B,SAAS,KAAK;AAAA,QAC7C,MAAM;AAAA,QACN,YAAY,EAAC,UAAU,YAAY,SAAS,SAAY,GAAE;AAAA;AAAA,MAE1D,6BAAAA,QAAA,cAAC,6BAAAC,SAAA,EAAsB,aAA0B,YAAY,0BAAY,OAAO;AAAA,IACpF;AAAA,EAER,CAAC;AAED,QAAM,gBACF,6BAAAD,QAAA,cAAC,qBAAAE,SAAA,EAAc,cAAc,oBAAoB,aAAa,0BAAY,OAAO;AAGrF,QAAM,UACF,6BAAAF,QAAA,cAAC,6BACG,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,mBAAmB,KAAI,gBAAiB,GAC1D,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,gBAAgB,KAAI,aAAc,CACxD;AAGJ,SAAO;AACX;AAEA,SAAS,aACL,aACA,UACA,YACY;AACZ,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM,0BAAY;AAAA,EACtB;AAEA,QAAM,mBAAmB,WAAW,EAAC,WAAU,IAAI,CAAC;AAEpD,SACI,6BAAAA,QAAA,cAAC,SAAI,WAAW,EAAE,mBAAmB,gBAAgB,KACjD,6BAAAA,QAAA,cAAC,SAAI,WAAW,aAAY,qBAAqB,YAAY,YAAY,GAAG,GAAE,GAAC,GAC/E,6BAAAA,QAAA,cAAC,SAAI,WAAW,YACX,YAAY,aACT,qBAAqB,YAAY,YAAY,KAAK,IAAI,IAEtD,6BAAAA,QAAA;AAAA,IAAC,6BAAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,YAAY,0BAAY;AAAA;AAAA,EAC5B,CAER,GACA,6BAAAD,QAAA,cAAC,aACG,6BAAAA,QAAA,cAAC,qBAAK,MAAM,YAAY,WAAM,sBAAQ,aAAa,QAAQ,CAAE,CACjE,CACJ;AAER;AAEA,SAAS,qBAAqB,YAAwB,KAAa,aAAa,OAAO;AAEnF,SACI,6BAAAA,QAAA,cAAC,qBAAK,MAAM,KAAK,YAAY,EAAC,UAAU,WAAW,YAAY,SAAS,SAAY,GAAE,KAClF,6BAAAA,QAAA,cAAC,cAAAG,SAAA,EAAO,YAAwB,YAAwB,CAC5D;AAER;AAEA,IAAO,6BAAQ;",
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
  }
@@ -1,9 +1,8 @@
1
1
  /* src/components/Contributors/Contributors.scss */
2
- .contributors {
2
+ .dc-contributors {
3
3
  display: flex;
4
- margin: 0 0 32px;
5
4
  }
6
- .contributors__title {
5
+ .dc-contributors__title {
7
6
  font-size: 13px;
8
7
  font-weight: 400;
9
8
  margin-right: 5px;