@diplodoc/components 3.7.0 → 3.8.0

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

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

package/build/esm/components/ContributorAvatars/Avatars/Details.js

@@ -7,7 +7,7 @@ import { AvatarSizes } from "../models";
 import { getName } from "../utils";
 import Avatar from "./Avatar";
 import "../ContributorAvatars.css";
-var b = block("contributor-avatars");
+var b = block("dc-contributor-avatars");
 var Details = (props) => {
   const { contributors, popupData } = props;
   const { ref, isVisiblePopup, changeVisiblilityPopup } = popupData || {};

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/ContributorAvatars/Avatars/Details.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {Link, Popup} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition} from '../../../hooks';\nimport {Contributor} from '../../../models';\nimport {AvatarData, AvatarSizes, PopupData} from '../models';\nimport {getName} from '../utils';\n\nimport Avatar from './Avatar';\n\nimport '../ContributorAvatars.scss';\n\nconst b = block('contributor-avatars');\n\ninterface DetailsProps {\n    contributors: Contributor[];\n    popupData: PopupData;\n}\n\nconst Details: React.FC<DetailsProps> = (props) => {\n    const {contributors, popupData} = props;\n    const {ref, isVisiblePopup, changeVisiblilityPopup} = popupData || {};\n\n    const contributorsDetails = contributors.map((author: Contributor) => {\n        return getContributorDetails(author);\n    });\n\n    return (\n        <Popup\n            anchorRef={ref}\n            open={isVisiblePopup}\n            onOutsideClick={() => changeVisiblilityPopup(false)}\n            className={b('popup')}\n            contentClassName={b('popup_content')}\n            placement={PopperPosition.BOTTOM}\n            hasArrow={true}\n        >\n            {contributorsDetails}\n        </Popup>\n    );\n};\n\nfunction getContributorDetails(contributor: Contributor) {\n    const {login, email, url} = contributor;\n\n    const avatarData: AvatarData = {\n        contributor,\n        size: AvatarSizes.BIG,\n        inDetails: true,\n    };\n\n    const avatarImg = <Avatar avatarData={avatarData} />;\n\n    return (\n        <Link href={url} key={`details-${login || email}`}>\n            <div className={b('details')}>\n                {avatarImg}\n                <div className={b('details_name')}>{getName(contributor, true)}</div>\n            </div>\n        </Link>\n    );\n}\n\nexport default Details;\n"],
-  "mappings": ";AAAA,OAAO,WAAW;AAElB,SAAQ,MAAM,aAAY;AAC1B,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAE7B,SAAoB,mBAA6B;AACjD,SAAQ,eAAc;AAEtB,OAAO,YAAY;AAEnB,OAAO;AAEP,IAAM,IAAI,MAAM,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;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,eAAe;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,YAAY;AAAA,IAClB,WAAW;AAAA,EACf;AAEA,QAAM,YAAY,oCAAC,UAAO,YAAwB;AAElD,SACI,oCAAC,QAAK,MAAM,KAAK,KAAK,WAAW,SAAS,KAAK,MAC3C,oCAAC,SAAI,WAAW,EAAE,SAAS,KACtB,WACD,oCAAC,SAAI,WAAW,EAAE,cAAc,KAAI,QAAQ,aAAa,IAAI,CAAE,CACnE,CACJ;AAER;AAEA,IAAO,kBAAQ;",
+  "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"],
+  "mappings": ";AAAA,OAAO,WAAW;AAElB,SAAQ,MAAM,aAAY;AAC1B,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAE7B,SAAoB,mBAA6B;AACjD,SAAQ,eAAc;AAEtB,OAAO,YAAY;AAEnB,OAAO;AAEP,IAAM,IAAI,MAAM,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;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,eAAe;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,YAAY;AAAA,IAClB,WAAW;AAAA,EACf;AAEA,QAAM,YAAY,oCAAC,UAAO,YAAwB;AAElD,SACI,oCAAC,QAAK,MAAM,KAAK,KAAK,WAAW,SAAS,KAAK,MAC3C,oCAAC,SAAI,WAAW,EAAE,SAAS,KACtB,WACD,oCAAC,SAAI,WAAW,EAAE,cAAc,KAAI,QAAQ,aAAa,IAAI,CAAE,CACnE,CACJ;AAER;AAEA,IAAO,kBAAQ;",
   "names": []
 }

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

@@ -3,7 +3,7 @@ import React, { Fragment, useRef, useState } from "react";
 import block from "bem-cn-lite";
 import Details from "./Details";
 import "../ContributorAvatars.css";
-var b = block("contributor-avatars");
+var b = block("dc-contributor-avatars");
 var LOWER_BOUND_MORE_CONTRIBUTORS = 9;
 var HiddenAvatars = (props) => {
   const { contributors, avatarsSize } = props;

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

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

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

@@ -1,50 +1,31 @@
 /* src/components/ContributorAvatars/ContributorAvatars.scss */
-.contributor-avatars__one_contributor {
+.dc-contributor-avatars__one_contributor {
   display: flex;
   margin: 0 1.5px;
 }
-.contributor-avatars__one_contributor a,
-.contributor-avatars__one_contributor a:hover,
-.contributor-avatars__one_contributor a:visited,
-.contributor-avatars__one_contributor a:active {
+.dc-contributor-avatars__one_contributor a,
+.dc-contributor-avatars__one_contributor a:hover,
+.dc-contributor-avatars__one_contributor a:visited,
+.dc-contributor-avatars__one_contributor a:active {
   color: inherit;
   -webkit-text-decoration: none;
   text-decoration: none;
   display: flex;
 }
-.contributor-avatars__one_contributor a {
+.dc-contributor-avatars__one_contributor a {
   cursor: pointer;
 }
-.contributor-avatars__one_contributor > * {
+.dc-contributor-avatars__one_contributor a:hover,
+.dc-contributor-avatars__one_contributor a:active {
+  color: var(--g-color-text-link-hover);
+}
+.dc-contributor-avatars__one_contributor > * {
   font-size: 13px;
   font-weight: 400;
   margin-right: 5px;
   align-self: center;
 }
-@media screen and (max-width: 577px) {
-  .contributor-avatars__one_contributor_onlyAuthor > *:last-child {
-    margin-left: 5px;
-  }
-  .contributor-avatars__one_contributor > *:last-child,
-  .contributor-avatars__one_contributor > .desktop {
-    display: none;
-  }
-  .contributor-avatars__one_contributor_onlyAuthor > *:last-child {
-    display: block;
-  }
-  .contributor-avatars__one_contributor > *:not(:last-child) {
-    margin-right: 0px;
-  }
-}
-@media screen and (min-width: 577px) {
-  .contributor-avatars__one_contributor > .mobile {
-    display: none;
-  }
-  .contributor-avatars__one_contributor > *:last-child {
-    margin-right: 0px;
-  }
-}
-.contributor-avatars__avatar {
+.dc-contributor-avatars__avatar {
   border-radius: 50%;
   box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);
   border: 0;
@@ -55,15 +36,15 @@
   align-items: initial;
   font-family: inherit;
 }
-.contributor-avatars__avatar_size_small {
+.dc-contributor-avatars__avatar_size_small {
   height: 23px;
   width: 23px;
 }
-.contributor-avatars__avatar_size_big {
+.dc-contributor-avatars__avatar_size_big {
   height: 33px;
   width: 33px;
 }
-.contributor-avatars__avatar_default {
+.dc-contributor-avatars__avatar_default {
   text-align: center;
   display: flex;
   flex-direction: column;
@@ -71,36 +52,36 @@
   font-size: 12px;
   font-weight: 500;
 }
-.contributor-avatars__avatar:focus {
+.dc-contributor-avatars__avatar:focus {
   outline: 2px solid var(--g-color-line-focus);
   outline-offset: 1px;
 }
-.contributor-avatars__avatar:focus:not(:focus-visible) {
+.dc-contributor-avatars__avatar:focus:not(:focus-visible) {
   outline: 0;
 }
-.contributor-avatars__displayed_avatars {
+.dc-contributor-avatars__displayed_avatars {
   display: flex;
 }
-.contributor-avatars__displayed_avatars a,
-.contributor-avatars__displayed_avatars a:hover,
-.contributor-avatars__displayed_avatars a:visited,
-.contributor-avatars__displayed_avatars a:active {
+.dc-contributor-avatars__displayed_avatars a,
+.dc-contributor-avatars__displayed_avatars a:hover,
+.dc-contributor-avatars__displayed_avatars a:visited,
+.dc-contributor-avatars__displayed_avatars a:active {
   color: inherit;
   -webkit-text-decoration: none;
   text-decoration: none;
   display: flex;
 }
-.contributor-avatars__displayed_avatars a {
+.dc-contributor-avatars__displayed_avatars a {
   cursor: pointer;
 }
-.contributor-avatars__displayed_avatars > * {
+.dc-contributor-avatars__displayed_avatars > * {
   margin-left: 1.5px;
   margin-right: calc(1.5px + 2px);
 }
-.contributor-avatars__displayed_avatars a {
+.dc-contributor-avatars__displayed_avatars a {
   border-radius: 50%;
 }
-.contributor-avatars__hidden_avatars {
+.dc-contributor-avatars__hidden_avatars {
   font-size: 12px;
   font-weight: 500;
   color: var(--g-color-text-secondary);
@@ -108,7 +89,7 @@
   text-align: center;
   cursor: pointer;
 }
-.contributor-avatars__hidden_avatars > * {
+.dc-contributor-avatars__hidden_avatars > * {
   background: var(--g-color-base-misc-light);
   flex-direction: column;
   text-align: center;
@@ -117,37 +98,37 @@
   margin: 0 1.5px;
   box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);
 }
-.contributor-avatars__details {
+.dc-contributor-avatars__details {
   display: flex;
 }
-.contributor-avatars__details > div:last-child {
+.dc-contributor-avatars__details > div:last-child {
   font-size: 13px;
   font-weight: 400;
   margin: auto 12px;
 }
-.contributor-avatars__details_name {
+.dc-contributor-avatars__details_name {
   color: var(--g-color-text-primary);
   line-height: 18px;
 }
-.contributor-avatars__popup {
+.dc-contributor-avatars__popup {
   box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);
 }
-.contributor-avatars__popup a,
-.contributor-avatars__popup a:hover,
-.contributor-avatars__popup a:visited,
-.contributor-avatars__popup a:active {
+.dc-contributor-avatars__popup a,
+.dc-contributor-avatars__popup a:hover,
+.dc-contributor-avatars__popup a:visited,
+.dc-contributor-avatars__popup a:active {
   color: inherit;
   -webkit-text-decoration: none;
   text-decoration: none;
   display: flex;
 }
-.contributor-avatars__popup a {
+.dc-contributor-avatars__popup a {
   cursor: pointer;
 }
-.contributor-avatars__popup_content {
+.dc-contributor-avatars__popup_content {
   padding: 12px;
 }
-.contributor-avatars__popup_content > *:not(:last-child) {
+.dc-contributor-avatars__popup_content > *:not(:last-child) {
   margin-bottom: 12px;
 }
 /*# sourceMappingURL=ContributorAvatars.css.map */

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/ContributorAvatars/home/runner/work/components/components/src/components/ContributorAvatars/ContributorAvatars.scss", "../../../../src/components/ContributorAvatars/%3Cinput%20css%20m1IppP%3E", "../../../../src/components/ContributorAvatars/home/runner/work/components/components/src/styles/mixins.scss"],
-  "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n$avatarsDistance: 2px;\n$avatarTextFontSize: 12px;\n$avatarTextFontWeight: 500;\n$detailsIndent: 12px;\n$avatarBorder: 1.5px;\n$textLineHeight: 18px;\n\n$avatarWrapperSmallSize: 23px;\n$avatarWrapperBigSize: 33px;\n\n@mixin disable-link-styles {\n    a,\n    a:hover,\n    a:visited,\n    a:active {\n        color: inherit;\n        text-decoration: none;\n        display: flex;\n    }\n\n    a {\n        cursor: pointer;\n    }\n}\n\n.contributor-avatars {\n    &__one_contributor {\n        display: flex;\n        margin: 0 $avatarBorder;\n        @include disable-link-styles;\n\n        & > * {\n            @include contributors-text();\n        }\n\n        @media screen and (max-width: map-get($screenBreakpoints, 'sm')) {\n            &_onlyAuthor > *:last-child {\n                margin-left: 5px;\n            }\n\n            & > *:last-child,\n            & > .desktop {\n                display: none;\n            }\n\n            &_onlyAuthor > *:last-child {\n                display: block;\n            }\n\n            & > *:not(:last-child) {\n                margin-right: 0px;\n            }\n        }\n\n        @media screen and (min-width: map-get($screenBreakpoints, 'sm')) {\n            & > .mobile {\n                display: none;\n            }\n\n            & > *:last-child {\n                margin-right: 0px;\n            }\n        }\n    }\n\n    &__avatar {\n        & {\n            border-radius: 50%;\n            box-shadow: 0 0 0 $avatarBorder var(--g-color-line-generic-accent);\n            border: 0;\n            color: inherit;\n            cursor: inherit;\n            background-color: inherit;\n            padding: 0;\n            align-items: initial;\n            font-family: inherit;\n        }\n\n        &_size_small {\n            height: $avatarWrapperSmallSize;\n            width: $avatarWrapperSmallSize;\n        }\n\n        &_size_big {\n            height: $avatarWrapperBigSize;\n            width: $avatarWrapperBigSize;\n        }\n\n        &_default {\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            font-size: $avatarTextFontSize;\n            font-weight: $avatarTextFontWeight;\n        }\n\n        @include focusable(1px);\n    }\n\n    &__displayed_avatars {\n        display: flex;\n        @include disable-link-styles;\n\n        & > * {\n            margin-left: $avatarBorder;\n            margin-right: calc(#{$avatarBorder} + #{$avatarsDistance});\n        }\n        & a {\n            border-radius: 50%; // to have rounded outline on focus as all avatars rounded\n        }\n    }\n\n    &__hidden_avatars {\n        font-size: $avatarTextFontSize;\n        font-weight: $avatarTextFontWeight;\n        color: var(--g-color-text-secondary);\n        border-radius: 50%;\n        text-align: center;\n        cursor: pointer;\n\n        & > * {\n            background: var(--g-color-base-misc-light);\n            flex-direction: column;\n            text-align: center;\n            display: flex;\n            justify-content: center;\n            margin: 0 $avatarBorder;\n            box-shadow: 0 0 0 $avatarBorder var(--g-color-line-generic-accent);\n        }\n    }\n\n    &__details {\n        display: flex;\n\n        & > div:last-child {\n            font-size: 13px;\n            font-weight: 400;\n            margin: auto $detailsIndent;\n        }\n    }\n\n    &__details_name {\n        color: var(--g-color-text-primary);\n        line-height: $textLineHeight;\n    }\n\n    &__popup {\n        box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);\n        @include disable-link-styles;\n    }\n\n    &__popup_content {\n        padding: $detailsIndent;\n\n        & > *:not(:last-child) {\n            margin-bottom: $detailsIndent;\n        }\n    }\n}\n", ".contributor-avatars__one_contributor {\n  display: flex;\n  margin: 0 1.5px;\n}\n.contributor-avatars__one_contributor a,\n.contributor-avatars__one_contributor a:hover,\n.contributor-avatars__one_contributor a:visited,\n.contributor-avatars__one_contributor a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.contributor-avatars__one_contributor a {\n  cursor: pointer;\n}\n.contributor-avatars__one_contributor > * {\n  font-size: 13px;\n  font-weight: 400;\n  margin-right: 5px;\n  align-self: center;\n}\n@media screen and (max-width: 577px) {\n  .contributor-avatars__one_contributor_onlyAuthor > *:last-child {\n    margin-left: 5px;\n  }\n  .contributor-avatars__one_contributor > *:last-child, .contributor-avatars__one_contributor > .desktop {\n    display: none;\n  }\n  .contributor-avatars__one_contributor_onlyAuthor > *:last-child {\n    display: block;\n  }\n  .contributor-avatars__one_contributor > *:not(:last-child) {\n    margin-right: 0px;\n  }\n}\n@media screen and (min-width: 577px) {\n  .contributor-avatars__one_contributor > .mobile {\n    display: none;\n  }\n  .contributor-avatars__one_contributor > *:last-child {\n    margin-right: 0px;\n  }\n}\n.contributor-avatars__avatar {\n  border-radius: 50%;\n  box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);\n  border: 0;\n  color: inherit;\n  cursor: inherit;\n  background-color: inherit;\n  padding: 0;\n  align-items: initial;\n  font-family: inherit;\n}\n.contributor-avatars__avatar_size_small {\n  height: 23px;\n  width: 23px;\n}\n.contributor-avatars__avatar_size_big {\n  height: 33px;\n  width: 33px;\n}\n.contributor-avatars__avatar_default {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 500;\n}\n.contributor-avatars__avatar:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: 1px;\n}\n.contributor-avatars__avatar:focus:not(:focus-visible) {\n  outline: 0;\n}\n.contributor-avatars__displayed_avatars {\n  display: flex;\n}\n.contributor-avatars__displayed_avatars a,\n.contributor-avatars__displayed_avatars a:hover,\n.contributor-avatars__displayed_avatars a:visited,\n.contributor-avatars__displayed_avatars a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.contributor-avatars__displayed_avatars a {\n  cursor: pointer;\n}\n.contributor-avatars__displayed_avatars > * {\n  margin-left: 1.5px;\n  margin-right: calc(1.5px + 2px);\n}\n.contributor-avatars__displayed_avatars a {\n  border-radius: 50%;\n}\n.contributor-avatars__hidden_avatars {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--g-color-text-secondary);\n  border-radius: 50%;\n  text-align: center;\n  cursor: pointer;\n}\n.contributor-avatars__hidden_avatars > * {\n  background: var(--g-color-base-misc-light);\n  flex-direction: column;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  margin: 0 1.5px;\n  box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);\n}\n.contributor-avatars__details {\n  display: flex;\n}\n.contributor-avatars__details > div:last-child {\n  font-size: 13px;\n  font-weight: 400;\n  margin: auto 12px;\n}\n.contributor-avatars__details_name {\n  color: var(--g-color-text-primary);\n  line-height: 18px;\n}\n.contributor-avatars__popup {\n  box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);\n}\n.contributor-avatars__popup a,\n.contributor-avatars__popup a:hover,\n.contributor-avatars__popup a:visited,\n.contributor-avatars__popup a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.contributor-avatars__popup a {\n  cursor: pointer;\n}\n.contributor-avatars__popup_content {\n  padding: 12px;\n}\n.contributor-avatars__popup_content > *:not(:last-child) {\n  margin-bottom: 12px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyaWJ1dG9yQXZhdGFycyIsInNvdXJjZXMiOlsiQ29udHJpYnV0b3JBdmF0YXJzLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJJO0VBQ0k7RUFDQTs7QUFqQko7QUFBQTtBQUFBO0FBQUE7RUFJSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFVQTtFQ3FFSjtFQUNBO0VBQ0E7RUFDQTs7QURwRUk7RUFDSTtJQUNJOztFQUdKO0lBRUk7O0VBR0o7SUFDSTs7RUFHSjtJQUNJOzs7QUFJUjtFQUNJO0lBQ0k7O0VBR0o7SUFDSTs7O0FBTVI7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0o7RUFDSSxRQXhFYTtFQXlFYixPQXpFYTs7QUE0RWpCO0VBQ0ksUUE1RVc7RUE2RVgsT0E3RVc7O0FBZ0ZmO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQSxXQTVGUztFQTZGVCxhQTVGVzs7QUM0QmY7RUFDSTtFQUNBLGdCRGlFZTs7QUMvRG5CO0VBQ0k7O0FEaUVSO0VBQ0k7O0FBMUZKO0FBQUE7QUFBQTtBQUFBO0VBSUk7RUFDQTtFQUNBOztBQUdKO0VBQ0k7O0FBbUZBO0VBQ0ksYUFyR0c7RUFzR0g7O0FBRUo7RUFDSTs7QUFJUjtFQUNJLFdBakhhO0VBa0hiLGFBakhlO0VBa0hmO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBSVI7RUFDSTs7QUFFQTtFQUNJO0VBQ0E7RUFDQTs7QUFJUjtFQUNJO0VBQ0EsYUEzSVM7O0FBOEliO0VBQ0k7O0FBeklKO0FBQUE7QUFBQTtBQUFBO0VBSUk7RUFDQTtFQUNBOztBQUdKO0VBQ0k7O0FBbUlKO0VBQ0ksU0F0SlE7O0FBd0pSO0VBQ0ksZUF6SkkiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcbkBpbXBvcnQgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4kYXZhdGFyc0Rpc3RhbmNlOiAycHg7XG4kYXZhdGFyVGV4dEZvbnRTaXplOiAxMnB4O1xuJGF2YXRhclRleHRGb250V2VpZ2h0OiA1MDA7XG4kZGV0YWlsc0luZGVudDogMTJweDtcbiRhdmF0YXJCb3JkZXI6IDEuNXB4O1xuJHRleHRMaW5lSGVpZ2h0OiAxOHB4O1xuXG4kYXZhdGFyV3JhcHBlclNtYWxsU2l6ZTogMjNweDtcbiRhdmF0YXJXcmFwcGVyQmlnU2l6ZTogMzNweDtcblxuQG1peGluIGRpc2FibGUtbGluay1zdHlsZXMge1xuICAgIGEsXG4gICAgYTpob3ZlcixcbiAgICBhOnZpc2l0ZWQsXG4gICAgYTphY3RpdmUge1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgIH1cblxuICAgIGEge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxufVxuXG4uY29udHJpYnV0b3ItYXZhdGFycyB7XG4gICAgJl9fb25lX2NvbnRyaWJ1dG9yIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgbWFyZ2luOiAwICRhdmF0YXJCb3JkZXI7XG4gICAgICAgIEBpbmNsdWRlIGRpc2FibGUtbGluay1zdHlsZXM7XG5cbiAgICAgICAgJiA+ICoge1xuICAgICAgICAgICAgQGluY2x1ZGUgY29udHJpYnV0b3JzLXRleHQoKTtcbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICAgICAgJl9vbmx5QXV0aG9yID4gKjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogNXB4O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmID4gKjpsYXN0LWNoaWxkLFxuICAgICAgICAgICAgJiA+IC5kZXNrdG9wIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmX29ubHlBdXRob3IgPiAqOmxhc3QtY2hpbGQge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmID4gKjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDBweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICAgICAgJiA+IC5tb2JpbGUge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYgPiAqOmxhc3QtY2hpbGQge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fYXZhdGFyIHtcbiAgICAgICAgJiB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAkYXZhdGFyQm9yZGVyIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljLWFjY2VudCk7XG4gICAgICAgICAgICBib3JkZXI6IDA7XG4gICAgICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgICAgIGN1cnNvcjogaW5oZXJpdDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGluaXRpYWw7XG4gICAgICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfc2l6ZV9zbWFsbCB7XG4gICAgICAgICAgICBoZWlnaHQ6ICRhdmF0YXJXcmFwcGVyU21hbGxTaXplO1xuICAgICAgICAgICAgd2lkdGg6ICRhdmF0YXJXcmFwcGVyU21hbGxTaXplO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9zaXplX2JpZyB7XG4gICAgICAgICAgICBoZWlnaHQ6ICRhdmF0YXJXcmFwcGVyQmlnU2l6ZTtcbiAgICAgICAgICAgIHdpZHRoOiAkYXZhdGFyV3JhcHBlckJpZ1NpemU7XG4gICAgICAgIH1cblxuICAgICAgICAmX2RlZmF1bHQge1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogJGF2YXRhclRleHRGb250U2l6ZTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiAkYXZhdGFyVGV4dEZvbnRXZWlnaHQ7XG4gICAgICAgIH1cblxuICAgICAgICBAaW5jbHVkZSBmb2N1c2FibGUoMXB4KTtcbiAgICB9XG5cbiAgICAmX19kaXNwbGF5ZWRfYXZhdGFycyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIEBpbmNsdWRlIGRpc2FibGUtbGluay1zdHlsZXM7XG5cbiAgICAgICAgJiA+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"],
-  "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;",
+  "sources": ["../../../../src/components/ContributorAvatars/home/runner/work/components/components/src/components/ContributorAvatars/ContributorAvatars.scss", "../../../../src/components/ContributorAvatars/%3Cinput%20css%20Opi0od%3E", "../../../../src/components/ContributorAvatars/home/runner/work/components/components/src/styles/mixins.scss"],
+  "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n$avatarsDistance: 2px;\n$avatarTextFontSize: 12px;\n$avatarTextFontWeight: 500;\n$detailsIndent: 12px;\n$avatarBorder: 1.5px;\n$textLineHeight: 18px;\n\n$avatarWrapperSmallSize: 23px;\n$avatarWrapperBigSize: 33px;\n\n@mixin disable-link-styles {\n    a,\n    a:hover,\n    a:visited,\n    a:active {\n        color: inherit;\n        text-decoration: none;\n        display: flex;\n    }\n\n    a {\n        cursor: pointer;\n    }\n}\n\n.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"],
+  "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;",
   "names": []
 }

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

@@ -8,7 +8,7 @@ import HiddenAvatars from "./Avatars/HiddenAvatars";
 import { AvatarSizes } from "./models";
 import { getName } from "./utils";
 import "./ContributorAvatars.css";
-var b = block("contributor-avatars");
+var b = block("dc-contributor-avatars");
 var MAX_DISPLAYED_CONTRIBUTORS = 3;
 var ContributorAvatars = (props) => {
   const { contributors, isAuthor = false, onlyAuthor = false } = props;
@@ -16,8 +16,7 @@ var ContributorAvatars = (props) => {
     return null;
   }
   if (contributors.length === 1) {
-    const oneAvatar = getOneAvatar(contributors[0], isAuthor, onlyAuthor);
-    return oneAvatar;
+    return getOneAvatar(contributors[0], isAuthor, onlyAuthor);
   }
   const displayedContributors = [...contributors];
   const hiddenContributors = displayedContributors.splice(MAX_DISPLAYED_CONTRIBUTORS);
@@ -43,13 +42,7 @@ function getOneAvatar(contributor, isAuthor, onlyAuthor) {
     size: AvatarSizes.SMALL
   };
   const wrapperModifiers = isAuthor ? { onlyAuthor } : {};
-  return /* @__PURE__ */ React.createElement("div", { className: b("one_contributor", wrapperModifiers) }, /* @__PURE__ */ React.createElement("div", { className: "desktop" }, getRedirectingAvatar(avatarData, contributor.url), " "), /* @__PURE__ */ React.createElement("div", { className: "mobile" }, isAuthor && onlyAuthor ? getRedirectingAvatar(avatarData, contributor.url, true) : /* @__PURE__ */ React.createElement(
-    AvatarWithDescription,
-    {
-      contributor,
-      avatarSize: AvatarSizes.SMALL
-    }
-  )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Link, { href: contributor.url }, getName(contributor, isAuthor))));
+  return /* @__PURE__ */ React.createElement("div", { className: b("one_contributor", wrapperModifiers) }, getRedirectingAvatar(avatarData, contributor.url), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Link, { href: contributor.url }, getName(contributor, isAuthor))));
 }
 function getRedirectingAvatar(avatarData, url, isRedirect = false) {
   return /* @__PURE__ */ React.createElement(Link, { href: url, extraProps: { tabIndex: avatarData.contributor.avatar ? void 0 : -1 } }, /* @__PURE__ */ React.createElement(Avatar, { avatarData, isRedirect }));

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/ContributorAvatars/ContributorAvatars.tsx"],
-  "sourcesContent": ["import React, {Fragment, ReactElement} from 'react';\n\nimport {Link} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {Contributor} from '../../models';\n\nimport Avatar from './Avatars/Avatar';\nimport AvatarWithDescription from './Avatars/AvatarWithDescription';\nimport HiddenAvatars from './Avatars/HiddenAvatars';\nimport {AvatarData, AvatarSizes} from './models';\nimport {getName} from './utils';\n\nimport './ContributorAvatars.scss';\n\nconst b = block('contributor-avatars');\n\nconst MAX_DISPLAYED_CONTRIBUTORS = 3;\n\nexport interface ContributorAvatarsProps {\n    contributors: Contributor[];\n    isAuthor?: boolean;\n    onlyAuthor?: boolean;\n}\n\nconst ContributorAvatars: React.FC<ContributorAvatarsProps> = (props) => {\n    const {contributors, isAuthor = false, onlyAuthor = false} = props;\n\n    if (!contributors || contributors.length === 0) {\n        return null;\n    }\n\n    if (contributors.length === 1) {\n        const oneAvatar = getOneAvatar(contributors[0], isAuthor, onlyAuthor);\n        return oneAvatar;\n    }\n\n    const displayedContributors = [...contributors];\n    const hiddenContributors = displayedContributors.splice(MAX_DISPLAYED_CONTRIBUTORS);\n\n    const displayedAvatars = displayedContributors.map((contributor: Contributor) => {\n        const {url, login, email} = contributor;\n        return (\n            <Link\n                key={`displayed-contributors-${login || email}`}\n                href={url}\n                extraProps={{tabIndex: contributor.avatar ? undefined : -1}} // as Avatar component may be button\n            >\n                <AvatarWithDescription contributor={contributor} avatarSize={AvatarSizes.SMALL} />\n            </Link>\n        );\n    });\n\n    const hiddenAvatars = (\n        <HiddenAvatars contributors={hiddenContributors} avatarsSize={AvatarSizes.SMALL} />\n    );\n\n    const avatars = (\n        <Fragment>\n            <div className={b('displayed_avatars')}>{displayedAvatars}</div>\n            <div className={b('hidden_avatars')}>{hiddenAvatars}</div>\n        </Fragment>\n    );\n\n    return avatars;\n};\n\nfunction getOneAvatar(\n    contributor: Contributor,\n    isAuthor: boolean,\n    onlyAuthor: boolean,\n): ReactElement {\n    const avatarData: AvatarData = {\n        contributor,\n        size: AvatarSizes.SMALL,\n    };\n\n    const wrapperModifiers = isAuthor ? {onlyAuthor} : {};\n\n    return (\n        <div className={b('one_contributor', wrapperModifiers)}>\n            <div className={'desktop'}>{getRedirectingAvatar(avatarData, contributor.url)} </div>\n            <div className={'mobile'}>\n                {isAuthor && onlyAuthor ? (\n                    getRedirectingAvatar(avatarData, contributor.url, true)\n                ) : (\n                    <AvatarWithDescription\n                        contributor={contributor}\n                        avatarSize={AvatarSizes.SMALL}\n                    />\n                )}\n            </div>\n            <div>\n                <Link href={contributor.url}>{getName(contributor, isAuthor)}</Link>\n            </div>\n        </div>\n    );\n}\n\nfunction getRedirectingAvatar(avatarData: AvatarData, url: string, isRedirect = false) {\n    // as Avatar component may be a button, one need to set tabIndex\n    return (\n        <Link href={url} extraProps={{tabIndex: avatarData.contributor.avatar ? undefined : -1}}>\n            <Avatar avatarData={avatarData} isRedirect={isRedirect} />\n        </Link>\n    );\n}\n\nexport default ContributorAvatars;\n"],
-  "mappings": ";AAAA,OAAO,SAAQ,gBAA6B;AAE5C,SAAQ,YAAW;AACnB,OAAO,WAAW;AAIlB,OAAO,YAAY;AACnB,OAAO,2BAA2B;AAClC,OAAO,mBAAmB;AAC1B,SAAoB,mBAAkB;AACtC,SAAQ,eAAc;AAEtB,OAAO;AAEP,IAAM,IAAI,MAAM,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;AAAA,MAAC;AAAA;AAAA,QACG,KAAK,0BAA0B,SAAS,KAAK;AAAA,QAC7C,MAAM;AAAA,QACN,YAAY,EAAC,UAAU,YAAY,SAAS,SAAY,GAAE;AAAA;AAAA,MAE1D,oCAAC,yBAAsB,aAA0B,YAAY,YAAY,OAAO;AAAA,IACpF;AAAA,EAER,CAAC;AAED,QAAM,gBACF,oCAAC,iBAAc,cAAc,oBAAoB,aAAa,YAAY,OAAO;AAGrF,QAAM,UACF,oCAAC,gBACG,oCAAC,SAAI,WAAW,EAAE,mBAAmB,KAAI,gBAAiB,GAC1D,oCAAC,SAAI,WAAW,EAAE,gBAAgB,KAAI,aAAc,CACxD;AAGJ,SAAO;AACX;AAEA,SAAS,aACL,aACA,UACA,YACY;AACZ,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM,YAAY;AAAA,EACtB;AAEA,QAAM,mBAAmB,WAAW,EAAC,WAAU,IAAI,CAAC;AAEpD,SACI,oCAAC,SAAI,WAAW,EAAE,mBAAmB,gBAAgB,KACjD,oCAAC,SAAI,WAAW,aAAY,qBAAqB,YAAY,YAAY,GAAG,GAAE,GAAC,GAC/E,oCAAC,SAAI,WAAW,YACX,YAAY,aACT,qBAAqB,YAAY,YAAY,KAAK,IAAI,IAEtD;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,YAAY,YAAY;AAAA;AAAA,EAC5B,CAER,GACA,oCAAC,aACG,oCAAC,QAAK,MAAM,YAAY,OAAM,QAAQ,aAAa,QAAQ,CAAE,CACjE,CACJ;AAER;AAEA,SAAS,qBAAqB,YAAwB,KAAa,aAAa,OAAO;AAEnF,SACI,oCAAC,QAAK,MAAM,KAAK,YAAY,EAAC,UAAU,WAAW,YAAY,SAAS,SAAY,GAAE,KAClF,oCAAC,UAAO,YAAwB,YAAwB,CAC5D;AAER;AAEA,IAAO,6BAAQ;",
+  "sourcesContent": ["import 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"],
+  "mappings": ";AAAA,OAAO,SAAQ,gBAA6B;AAE5C,SAAQ,YAAW;AACnB,OAAO,WAAW;AAIlB,OAAO,YAAY;AACnB,OAAO,2BAA2B;AAClC,OAAO,mBAAmB;AAC1B,SAAoB,mBAAkB;AACtC,SAAQ,eAAc;AAEtB,OAAO;AAEP,IAAM,IAAI,MAAM,wBAAwB;AAExC,IAAM,6BAA6B;AAQnC,IAAM,qBAAwD,CAAC,UAAU;AACrE,QAAM,EAAC,cAAc,WAAW,OAAO,aAAa,MAAK,IAAI;AAE7D,MAAI,CAAC,gBAAgB,aAAa,WAAW,GAAG;AAC5C,WAAO;AAAA,EACX;AAEA,MAAI,aAAa,WAAW,GAAG;AAC3B,WAAO,aAAa,aAAa,CAAC,GAAG,UAAU,UAAU;AAAA,EAC7D;AAEA,QAAM,wBAAwB,CAAC,GAAG,YAAY;AAC9C,QAAM,qBAAqB,sBAAsB,OAAO,0BAA0B;AAElF,QAAM,mBAAmB,sBAAsB,IAAI,CAAC,gBAA6B;AAC7E,UAAM,EAAC,KAAK,OAAO,MAAK,IAAI;AAC5B,WACI;AAAA,MAAC;AAAA;AAAA,QACG,KAAK,0BAA0B,SAAS,KAAK;AAAA,QAC7C,MAAM;AAAA,QACN,YAAY,EAAC,UAAU,YAAY,SAAS,SAAY,GAAE;AAAA;AAAA,MAE1D,oCAAC,yBAAsB,aAA0B,YAAY,YAAY,OAAO;AAAA,IACpF;AAAA,EAER,CAAC;AAED,QAAM,gBACF,oCAAC,iBAAc,cAAc,oBAAoB,aAAa,YAAY,OAAO;AAGrF,QAAM,UACF,oCAAC,gBACG,oCAAC,SAAI,WAAW,EAAE,mBAAmB,KAAI,gBAAiB,GAC1D,oCAAC,SAAI,WAAW,EAAE,gBAAgB,KAAI,aAAc,CACxD;AAGJ,SAAO;AACX;AAEA,SAAS,aACL,aACA,UACA,YACY;AACZ,QAAM,aAAyB;AAAA,IAC3B;AAAA,IACA,MAAM,YAAY;AAAA,EACtB;AAEA,QAAM,mBAAmB,WAAW,EAAC,WAAU,IAAI,CAAC;AAEpD,SACI,oCAAC,SAAI,WAAW,EAAE,mBAAmB,gBAAgB,KAChD,qBAAqB,YAAY,YAAY,GAAG,GACjD,oCAAC,aACG,oCAAC,QAAK,MAAM,YAAY,OAAM,QAAQ,aAAa,QAAQ,CAAE,CACjE,CACJ;AAER;AAEA,SAAS,qBAAqB,YAAwB,KAAa,aAAa,OAAO;AAEnF,SACI,oCAAC,QAAK,MAAM,KAAK,YAAY,EAAC,UAAU,WAAW,YAAY,SAAS,SAAY,GAAE,KAClF,oCAAC,UAAO,YAAwB,YAAwB,CAC5D;AAER;AAEA,IAAO,6BAAQ;",
   "names": []
 }

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

@@ -1,9 +1,8 @@
 /* src/components/Contributors/Contributors.scss */
-.contributors {
+.dc-contributors {
   display: flex;
-  margin: 0 0 32px;
 }
-.contributors__title {
+.dc-contributors__title {
   font-size: 13px;
   font-weight: 400;
   margin-right: 5px;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Contributors/home/runner/work/components/components/src/components/Contributors/Contributors.scss", "../../../../src/components/Contributors/%3Cinput%20css%208Kdhdc%3E", "../../../../src/components/Contributors/home/runner/work/components/components/src/styles/mixins.scss"],
-  "sourcesContent": ["@import '../../styles/mixins';\n\n.contributors {\n    display: flex;\n    margin: 0 0 32px;\n\n    &__title {\n        @include contributors-text();\n    }\n}\n", ".contributors {\n  display: flex;\n  margin: 0 0 32px;\n}\n.contributors__title {\n  font-size: 13px;\n  font-weight: 400;\n  margin-right: 5px;\n  align-self: center;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyaWJ1dG9ycyIsInNvdXJjZXMiOlsiQ29udHJpYnV0b3JzLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDSTtFQUNBOztBQUVBO0VDaUdBO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbi5jb250cmlidXRvcnMge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luOiAwIDAgMzJweDtcblxuICAgICZfX3RpdGxlIHtcbiAgICAgICAgQGluY2x1ZGUgY29udHJpYnV0b3JzLXRleHQoKTtcbiAgICB9XG59XG4iLCJAaW1wb3J0ICcuL3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xuICAgIG1hcmdpbi10b3A6IGNhbGMoI3skb2Zmc2V0fSAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDAsICRtb2RlOiAnb3V0bGluZScpIHtcbiAgICBAaWYgJG1vZGUgPT0gJ291dGxpbmUnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGlmICRtb2RlID09ICdib3gtc2hhZG93JyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBAaW5jbHVkZSBpc2xhbmRzLWZvY3VzKCk7XG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgICY6aG92ZXIsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmstaG92ZXIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcxKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0yKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0yKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzUoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */", "@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"],
-  "mappings": ";AAEA,CAAA;AACI,WAAA;AACA,UAAA,EAAA,EAAA;ACDJ;ADGI,CAAA;AEiGA,aAAA;AACA,eAAA;AACA,gBAAA;AACA,cAAA;ADjGJ;",
+  "sources": ["../../../../src/components/Contributors/home/runner/work/components/components/src/components/Contributors/Contributors.scss", "../../../../src/components/Contributors/%3Cinput%20css%20qIPmBr%3E", "../../../../src/components/Contributors/home/runner/work/components/components/src/styles/mixins.scss"],
+  "sourcesContent": ["@import '../../styles/mixins';\n\n.dc-contributors {\n    display: flex;\n\n    &__title {\n        @include contributors-text();\n    }\n}\n", ".dc-contributors {\n  display: flex;\n}\n.dc-contributors__title {\n  font-size: 13px;\n  font-weight: 400;\n  margin-right: 5px;\n  align-self: center;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyaWJ1dG9ycyIsInNvdXJjZXMiOlsiQ29udHJpYnV0b3JzLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDSTs7QUFFQTtFQ2tHQTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uZGMtY29udHJpYnV0b3JzIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuXG4gICAgJl9fdGl0bGUge1xuICAgICAgICBAaW5jbHVkZSBjb250cmlidXRvcnMtdGV4dCgpO1xuICAgIH1cbn1cbiIsIkBpbXBvcnQgJy4vdmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcbiAgICBAaW5jbHVkZSBmb2N1c2FibGUoMCwgJ2JveC1zaGFkb3cnKTtcblxuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@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"],
+  "mappings": ";AAEA,CAAA;AACI,WAAA;ACDJ;ADGI,CAAA;AEkGA,aAAA;AACA,eAAA;AACA,gBAAA;AACA,cAAA;ADlGJ;",
   "names": []
 }

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

@@ -4,7 +4,7 @@ import block from "bem-cn-lite";
 import { useTranslation } from "../../hooks";
 import { ContributorAvatars } from "../ContributorAvatars";
 import "./Contributors.css";
-var b = block("contributors");
+var b = block("dc-contributors");
 var Contributors = (props) => {
   const { users, onlyAuthor = false, isAuthor = false, translationName = "contributors" } = props;
   const { t } = useTranslation(translationName);

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

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Control/home/runner/work/components/components/src/components/Control/Control.scss", "../../../../src/components/Control/%3Cinput%20css%20wfsN3x%3E", "../../../../src/components/Control/home/runner/work/components/components/src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/Control/home/runner/work/components/components/src/components/Control/Control.scss", "../../../../src/components/Control/%3Cinput%20css%20m0JCWb%3E", "../../../../src/components/Control/home/runner/work/components/components/src/styles/mixins.scss"],
   "sourcesContent": ["@import '../../styles/mixins';\n\n.dc-control {\n    &::before {\n        outline-offset: -2px; // as outline on focues goes out of toc's borders\n    }\n    &__tooltip {\n        display: flex;\n        align-items: center;\n        padding: 4px 8px;\n        border: none;\n        height: 26px;\n    }\n\n    &__tooltip-text {\n        @include text-size(body-1);\n        display: block;\n        white-space: nowrap;\n    }\n}\n", ".dc-control::before {\n  outline-offset: -2px;\n}\n.dc-control__tooltip {\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  border: none;\n  height: 26px;\n}\n.dc-control__tooltip-text {\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n  display: block;\n  white-space: nowrap;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyb2wiLCJzb3VyY2VzIjpbIkNvbnRyb2wuc2NzcyIsIi4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHSTtFQUNJOztBQUVKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQ1hBO0VBQ0E7RURZSTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbi5kYy1jb250cm9sIHtcbiAgICAmOjpiZWZvcmUge1xuICAgICAgICBvdXRsaW5lLW9mZnNldDogLTJweDsgLy8gYXMgb3V0bGluZSBvbiBmb2N1ZXMgZ29lcyBvdXQgb2YgdG9jJ3MgYm9yZGVyc1xuICAgIH1cbiAgICAmX190b29sdGlwIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgcGFkZGluZzogNHB4IDhweDtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBoZWlnaHQ6IDI2cHg7XG4gICAgfVxuXG4gICAgJl9fdG9vbHRpcC10ZXh0IHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMSk7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIH1cbn1cbiIsIkBpbXBvcnQgJy4vdmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcbiAgICBAaW5jbHVkZSBmb2N1c2FibGUoMCwgJ2JveC1zaGFkb3cnKTtcblxuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@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"],
   "mappings": ";AAGI,CAAA,UAAA;AACI,kBAAA;ACFR;ADII,CAAA;AACI,WAAA;AACA,eAAA;AACA,WAAA,IAAA;AACA,UAAA;AACA,UAAA;ACFR;ADKI,CAAA;AEXA,aAAA,IAAA;AACA,eAAA,IAAA;AFYI,WAAA;AACA,eAAA;ACFR;",
   "names": []