npm - @diplodoc/components - Versions diffs - 4.9.3 → 4.11.0 - Mend

@diplodoc/components 4.9.3 → 4.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (291) hide show

package/build/cjs/index.d.ts CHANGED Viewed

@@ -24,6 +24,7 @@ export * from './components/ErrorBoundary';
 export * from './components/Paginator';
 export * from './components/SearchItem';
 export * from './components/SearchPage';
+export * from './components/SearchSuggest';
 export * from './components/DocContentPage';
 export * from './config';
 export * from './models';

package/build/cjs/index.js CHANGED Viewed

@@ -43,6 +43,7 @@ __reExport(src_exports, require("./components/ErrorBoundary"), module.exports);
 __reExport(src_exports, require("./components/Paginator"), module.exports);
 __reExport(src_exports, require("./components/SearchItem"), module.exports);
 __reExport(src_exports, require("./components/SearchPage"), module.exports);
+__reExport(src_exports, require("./components/SearchSuggest"), module.exports);
 __reExport(src_exports, require("./components/DocContentPage"), module.exports);
 __reExport(src_exports, require("./config"), module.exports);
 __reExport(src_exports, require("./models"), module.exports);

package/build/cjs/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './components/Breadcrumbs';\nexport * from './components/ConsentPopup';\nexport * from './components/DocLayout';\nexport * from './components/DocLeadingPage';\nexport * from './components/DocPage';\nexport * from './components/DocPageTitle';\nexport * from './components/HTML';\nexport * from './components/Mark';\nexport * from './components/MiniToc';\nexport * from './components/Scrollspy';\nexport * from './components/StageLabel';\nexport * from './components/Text';\nexport * from './components/Toc';\nexport * from './components/ToggleArrow';\nexport * from './components/OutsideClick';\nexport * from './components/TocNavPanel';\nexport * from './components/Feedback';\nexport * from './components/Control';\nexport * from './components/Controls';\nexport * from './components/BookmarkButton';\nexport * from './components/SearchBar';\nexport * from './components/ErrorPage';\nexport * from './components/ErrorBoundary';\nexport * from './components/Paginator';\nexport * from './components/SearchItem';\nexport * from './components/SearchPage';\nexport * from './components/DocContentPage';\n\nexport * from './config';\nexport * from './models';\nexport * from './constants';\nexport * from './utils';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qCAAd;AACA,wBAAc,sCADd;AAEA,wBAAc,mCAFd;AAGA,wBAAc,wCAHd;AAIA,wBAAc,iCAJd;AAKA,wBAAc,sCALd;AAMA,wBAAc,8BANd;AAOA,wBAAc,8BAPd;AAQA,wBAAc,iCARd;AASA,wBAAc,mCATd;AAUA,wBAAc,oCAVd;AAWA,wBAAc,8BAXd;AAYA,wBAAc,6BAZd;AAaA,wBAAc,qCAbd;AAcA,wBAAc,sCAdd;AAeA,wBAAc,qCAfd;AAgBA,wBAAc,kCAhBd;AAiBA,wBAAc,iCAjBd;AAkBA,wBAAc,kCAlBd;AAmBA,wBAAc,wCAnBd;AAoBA,wBAAc,mCApBd;AAqBA,wBAAc,mCArBd;AAsBA,wBAAc,uCAtBd;AAuBA,wBAAc,mCAvBd;AAwBA,wBAAc,oCAxBd;AAyBA,wBAAc,oCAzBd;AA0BA,wBAAc,wCA1Bd;AA4BA,wBAAc,qBA5Bd;AA6BA,wBAAc,qBA7Bd;AA8BA,wBAAc,wBA9Bd;AA+BA,wBAAc,oBA/Bd;",
+  "sourcesContent": ["export * from './components/Breadcrumbs';\nexport * from './components/ConsentPopup';\nexport * from './components/DocLayout';\nexport * from './components/DocLeadingPage';\nexport * from './components/DocPage';\nexport * from './components/DocPageTitle';\nexport * from './components/HTML';\nexport * from './components/Mark';\nexport * from './components/MiniToc';\nexport * from './components/Scrollspy';\nexport * from './components/StageLabel';\nexport * from './components/Text';\nexport * from './components/Toc';\nexport * from './components/ToggleArrow';\nexport * from './components/OutsideClick';\nexport * from './components/TocNavPanel';\nexport * from './components/Feedback';\nexport * from './components/Control';\nexport * from './components/Controls';\nexport * from './components/BookmarkButton';\nexport * from './components/SearchBar';\nexport * from './components/ErrorPage';\nexport * from './components/ErrorBoundary';\nexport * from './components/Paginator';\nexport * from './components/SearchItem';\nexport * from './components/SearchPage';\nexport * from './components/SearchSuggest';\nexport * from './components/DocContentPage';\n\nexport * from './config';\nexport * from './models';\nexport * from './constants';\nexport * from './utils';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qCAAd;AACA,wBAAc,sCADd;AAEA,wBAAc,mCAFd;AAGA,wBAAc,wCAHd;AAIA,wBAAc,iCAJd;AAKA,wBAAc,sCALd;AAMA,wBAAc,8BANd;AAOA,wBAAc,8BAPd;AAQA,wBAAc,iCARd;AASA,wBAAc,mCATd;AAUA,wBAAc,oCAVd;AAWA,wBAAc,8BAXd;AAYA,wBAAc,6BAZd;AAaA,wBAAc,qCAbd;AAcA,wBAAc,sCAdd;AAeA,wBAAc,qCAfd;AAgBA,wBAAc,kCAhBd;AAiBA,wBAAc,iCAjBd;AAkBA,wBAAc,kCAlBd;AAmBA,wBAAc,wCAnBd;AAoBA,wBAAc,mCApBd;AAqBA,wBAAc,mCArBd;AAsBA,wBAAc,uCAtBd;AAuBA,wBAAc,mCAvBd;AAwBA,wBAAc,oCAxBd;AAyBA,wBAAc,oCAzBd;AA0BA,wBAAc,uCA1Bd;AA2BA,wBAAc,wCA3Bd;AA6BA,wBAAc,qBA7Bd;AA8BA,wBAAc,qBA9Bd;AA+BA,wBAAc,wBA/Bd;AAgCA,wBAAc,oBAhCd;",
   "names": []
 }

package/build/cjs/models/index.d.ts CHANGED Viewed

@@ -1,13 +1,12 @@
-/// <reference types="react" />
-import { LabelProps } from '@gravity-ui/uikit/build/esm/components/Label/Label';
 import type { Loc } from '../config/i18n';
+import { LabelProps } from '@gravity-ui/uikit/build/esm/components/Label/Label';
 export declare enum Theme {
     Light = "light",
     Dark = "dark"
 }
 export declare enum TextSizes {
-    S = "s",
-    M = "m",
+    S = "s",// 13px
+    M = "m",// 15px
     L = "l"
 }
 export declare enum ControlSizes {

package/build/cjs/models/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/models/index.ts"],
-  "sourcesContent": ["import {LabelProps} from '@gravity-ui/uikit/build/esm/components/Label/Label';\n\nimport type {Loc} from '../config/i18n';\n\nexport enum Theme {\n    Light = 'light',\n    Dark = 'dark',\n}\n\nexport enum TextSizes {\n    S = 's', // 13px\n    M = 'm', // 15px\n    L = 'l', // 17px\n}\n\nexport enum ControlSizes {\n    M = 'm',\n    L = 'l',\n}\n\nexport interface Config {\n    lang?: string;\n    loc?: Loc;\n    localeCode?: string;\n}\n\nexport interface DocSettings {\n    fullScreen?: boolean;\n    singlePage?: boolean;\n    wideFormat?: boolean;\n    showMiniToc?: boolean;\n    bookmarkedPage?: boolean;\n    theme?: Theme;\n    textSize?: TextSizes;\n    isLiked?: boolean;\n    isDisliked?: boolean;\n    dislikeVariants?: string[];\n}\n\nexport interface DocBasePageData {\n    toc: TocData;\n    leading?: boolean;\n    footer?: React.ReactNode;\n}\n\nexport interface DocLeadingPageData extends DocBasePageData {\n    leading: true;\n    data: DocLeadingData;\n}\n\nexport interface DocContentPageData extends DocBasePageData {\n    leading: true;\n    data: {\n        fullScreen?: boolean;\n    };\n    children?: React.ReactNode;\n}\n\nexport interface DocLeadingData {\n    title: string;\n    description: string | string[];\n    links: DocLeadingLinks[];\n    meta: DocMeta;\n}\n\nexport interface DocLeadingLinks {\n    title: string;\n    description?: string;\n    href?: string;\n    imgSrc?: string;\n    links?: DocLeadingLinks[];\n}\n\nexport enum VcsType {\n    Github = 'github',\n    Arcanum = 'arcanum',\n}\n\nexport interface DocPageData extends DocBasePageData {\n    leading?: false;\n    breadcrumbs?: BreadcrumbItem[];\n    html: string;\n    title?: string;\n    headings: DocHeadingItem[];\n    meta: DocMeta;\n    vcsUrl?: string;\n    vcsType?: VcsType;\n}\n\nexport interface DocHeadingItem {\n    title: string;\n    href: string;\n    level: number;\n    items?: DocHeadingItem[];\n}\n\nexport interface DocMeta {\n    title?: string;\n    description?: string;\n    keywords?: string[];\n    stage?: string;\n    editable?: boolean;\n    contributors?: Contributor[];\n    author?: unknown | Contributor;\n    __system?: Record<string, unknown>;\n    updatedAt?: string;\n}\n\nexport interface TocLabel {\n    title: string;\n    description?: string;\n    theme?: LabelProps['theme'];\n}\n\nexport interface TocData {\n    title?: string;\n    href: string;\n    items: TocItem[];\n    stage?: string;\n    editable?: boolean;\n    singlePage?: boolean;\n    label?: TocLabel;\n}\n\nexport interface TocItem {\n    id: string;\n    name: string;\n    href?: string;\n    items?: TocItem[];\n    expanded?: boolean;\n    labeled?: boolean;\n}\n\nexport interface BreadcrumbItem {\n    name: string;\n    url?: string;\n}\n\nexport interface Router {\n    pathname: string;\n    hash?: string;\n}\n\nexport enum Lang {\n    Ru = 'ru',\n    En = 'en',\n    He = 'he',\n    Es = 'es',\n    Fr = 'fr',\n    Cs = 'cs',\n    Ar = 'ar',\n}\n\nexport interface Contributor {\n    avatar: string;\n    login: string;\n    url: string;\n    name: string | null;\n    email: string | null;\n}\n\nexport interface DislikeData {\n    answers: string[];\n    comment: string;\n}\n\nexport enum FeedbackType {\n    like = 'like',\n    dislike = 'dislike',\n    indeterminate = 'indeterminate',\n}\n\nexport interface FeedbackSendData {\n    type: FeedbackType;\n    answers?: string[];\n    comment?: string;\n}\n\nexport enum SubscribeType {\n    documentation = 'documentation',\n    page = 'page',\n}\n\nexport interface SubscribeData {\n    email: string;\n    type: SubscribeType;\n}\n\nexport enum DocumentType {\n    Base = 'BASE',\n    Leading = 'LEADING',\n    PageConstructor = 'PAGE_CONSTRUCTOR',\n}\n"],
+  "sourcesContent": ["import type {Loc} from '../config/i18n';\n\nimport {LabelProps} from '@gravity-ui/uikit/build/esm/components/Label/Label';\n\nexport enum Theme {\n    Light = 'light',\n    Dark = 'dark',\n}\n\nexport enum TextSizes {\n    S = 's', // 13px\n    M = 'm', // 15px\n    L = 'l', // 17px\n}\n\nexport enum ControlSizes {\n    M = 'm',\n    L = 'l',\n}\n\nexport interface Config {\n    lang?: string;\n    loc?: Loc;\n    localeCode?: string;\n}\n\nexport interface DocSettings {\n    fullScreen?: boolean;\n    singlePage?: boolean;\n    wideFormat?: boolean;\n    showMiniToc?: boolean;\n    bookmarkedPage?: boolean;\n    theme?: Theme;\n    textSize?: TextSizes;\n    isLiked?: boolean;\n    isDisliked?: boolean;\n    dislikeVariants?: string[];\n}\n\nexport interface DocBasePageData {\n    toc: TocData;\n    leading?: boolean;\n    footer?: React.ReactNode;\n}\n\nexport interface DocLeadingPageData extends DocBasePageData {\n    leading: true;\n    data: DocLeadingData;\n}\n\nexport interface DocContentPageData extends DocBasePageData {\n    leading: true;\n    data: {\n        fullScreen?: boolean;\n    };\n    children?: React.ReactNode;\n}\n\nexport interface DocLeadingData {\n    title: string;\n    description: string | string[];\n    links: DocLeadingLinks[];\n    meta: DocMeta;\n}\n\nexport interface DocLeadingLinks {\n    title: string;\n    description?: string;\n    href?: string;\n    imgSrc?: string;\n    links?: DocLeadingLinks[];\n}\n\nexport enum VcsType {\n    Github = 'github',\n    Arcanum = 'arcanum',\n}\n\nexport interface DocPageData extends DocBasePageData {\n    leading?: false;\n    breadcrumbs?: BreadcrumbItem[];\n    html: string;\n    title?: string;\n    headings: DocHeadingItem[];\n    meta: DocMeta;\n    vcsUrl?: string;\n    vcsType?: VcsType;\n}\n\nexport interface DocHeadingItem {\n    title: string;\n    href: string;\n    level: number;\n    items?: DocHeadingItem[];\n}\n\nexport interface DocMeta {\n    title?: string;\n    description?: string;\n    keywords?: string[];\n    stage?: string;\n    editable?: boolean;\n    contributors?: Contributor[];\n    author?: unknown | Contributor;\n    __system?: Record<string, unknown>;\n    updatedAt?: string;\n}\n\nexport interface TocLabel {\n    title: string;\n    description?: string;\n    theme?: LabelProps['theme'];\n}\n\nexport interface TocData {\n    title?: string;\n    href: string;\n    items: TocItem[];\n    stage?: string;\n    editable?: boolean;\n    singlePage?: boolean;\n    label?: TocLabel;\n}\n\nexport interface TocItem {\n    id: string;\n    name: string;\n    href?: string;\n    items?: TocItem[];\n    expanded?: boolean;\n    labeled?: boolean;\n}\n\nexport interface BreadcrumbItem {\n    name: string;\n    url?: string;\n}\n\nexport interface Router {\n    pathname: string;\n    hash?: string;\n}\n\nexport enum Lang {\n    Ru = 'ru',\n    En = 'en',\n    He = 'he',\n    Es = 'es',\n    Fr = 'fr',\n    Cs = 'cs',\n    Ar = 'ar',\n}\n\nexport interface Contributor {\n    avatar: string;\n    login: string;\n    url: string;\n    name: string | null;\n    email: string | null;\n}\n\nexport interface DislikeData {\n    answers: string[];\n    comment: string;\n}\n\nexport enum FeedbackType {\n    like = 'like',\n    dislike = 'dislike',\n    indeterminate = 'indeterminate',\n}\n\nexport interface FeedbackSendData {\n    type: FeedbackType;\n    answers?: string[];\n    comment?: string;\n}\n\nexport enum SubscribeType {\n    documentation = 'documentation',\n    page = 'page',\n}\n\nexport interface SubscribeData {\n    email: string;\n    type: SubscribeType;\n}\n\nexport enum DocumentType {\n    Base = 'BASE',\n    Leading = 'LEADING',\n    PageConstructor = 'PAGE_CONSTRUCTOR',\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIO,IAAK,QAAL,kBAAKA,WAAL;AACH,EAAAA,OAAA,WAAQ;AACR,EAAAA,OAAA,UAAO;AAFC,SAAAA;AAAA,GAAA;AAKL,IAAK,YAAL,kBAAKC,eAAL;AACH,EAAAA,WAAA,OAAI;AACJ,EAAAA,WAAA,OAAI;AACJ,EAAAA,WAAA,OAAI;AAHI,SAAAA;AAAA,GAAA;AAML,IAAK,eAAL,kBAAKC,kBAAL;AACH,EAAAA,cAAA,OAAI;AACJ,EAAAA,cAAA,OAAI;AAFI,SAAAA;AAAA,GAAA;AA0DL,IAAK,UAAL,kBAAKC,aAAL;AACH,EAAAA,SAAA,YAAS;AACT,EAAAA,SAAA,aAAU;AAFF,SAAAA;AAAA,GAAA;AAsEL,IAAK,OAAL,kBAAKC,UAAL;AACH,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AAPG,SAAAA;AAAA,GAAA;AAuBL,IAAK,eAAL,kBAAKC,kBAAL;AACH,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,aAAU;AACV,EAAAA,cAAA,mBAAgB;AAHR,SAAAA;AAAA,GAAA;AAYL,IAAK,gBAAL,kBAAKC,mBAAL;AACH,EAAAA,eAAA,mBAAgB;AAChB,EAAAA,eAAA,UAAO;AAFC,SAAAA;AAAA,GAAA;AAUL,IAAK,eAAL,kBAAKC,kBAAL;AACH,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,aAAU;AACV,EAAAA,cAAA,qBAAkB;AAHV,SAAAA;AAAA,GAAA;",
   "names": ["Theme", "TextSizes", "ControlSizes", "VcsType", "Lang", "FeedbackType", "SubscribeType", "DocumentType"]
 }

package/build/cjs/utils/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ThemeContextProps } from '@gravity-ui/uikit';
 import { PopperPosition } from '../hooks';
 import { Contributor, DocContentPageData, DocLeadingPageData, DocPageData, DocumentType, Router } from '../models';
@@ -14,7 +13,7 @@ export declare function callSafe(func: ((path: string) => string) | undefined, p
 export declare const getRandomKey: () => number;
 export declare function isInvalidEmail(email: string): boolean;
 export declare function isContributor(contributor: unknown): contributor is Contributor;
-export declare const getPopupPosition: (isVerticalView: boolean | undefined, direction?: ThemeContextProps['direction']) => PopperPosition.BOTTOM_END | PopperPosition.RIGHT_START | PopperPosition.LEFT_START;
+export declare const getPopupPosition: (isVerticalView: boolean | undefined, direction?: ThemeContextProps["direction"]) => PopperPosition.BOTTOM_END | PopperPosition.RIGHT_START | PopperPosition.LEFT_START;
 export declare function getPageByType(type: DocumentType): import("react").FC<import("../components/DocContentPage").DocContentPageProps> | import("react").FC<import("../components/DocLeadingPage").DocLeadingPageProps> | import("react").FC<import("..").SearchWordsHighlighterProps & Omit<import("../components/DocPage").DocPageProps, keyof import("../models").DocSettings> & Required<Pick<import("../components/DocPage").DocPageProps, keyof import("../models").DocSettings>>>;
 export declare function getPageType({ data, leading, }: DocLeadingPageData | (DocPageData & {
     data?: undefined;

package/build/cjs/utils/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/index.ts"],
-  "sourcesContent": ["import {parse} from 'url';\n\nimport {ThemeContextProps} from '@gravity-ui/uikit';\n\nimport {DocContentPage} from '../components/DocContentPage';\nimport {DocLeadingPage} from '../components/DocLeadingPage';\nimport {DocPage} from '../components/DocPage';\nimport {PopperPosition} from '../hooks';\nimport {\n    Contributor,\n    DocContentPageData,\n    DocLeadingPageData,\n    DocPageData,\n    DocumentType,\n    Router,\n} from '../models';\n\nexport type InnerProps<TProps extends Partial<TDefaultProps>, TDefaultProps> = Omit<\n    TProps,\n    keyof TDefaultProps\n> &\n    Required<Pick<TProps, keyof TDefaultProps>>;\n\nexport type ChangeHandler<S> = <K extends keyof S, V extends S[K]>(\n    field: K,\n    value?: V,\n) => () => void;\n\nexport function normalizePath(path?: string | null) {\n    return path?.replace(/\\.html$/, '')?.replace(/\\/index$/, '/');\n}\n\nexport function normalizeHash(hash?: string | null) {\n    if (hash && hash.startsWith('#')) {\n        return hash.substring(1);\n    }\n    return hash;\n}\n\nexport function isActiveItem(router: Router, href: string, singlePage?: boolean) {\n    if (singlePage) {\n        return normalizeHash(router.hash) === normalizeHash(parse(href).hash);\n    }\n\n    return normalizePath(router.pathname) === normalizePath(parse(href).pathname);\n}\n\nexport function getLangPath(router: Router, lang: string) {\n    const path = router.hash ? normalizeHash(router.hash) : normalizePath(router.pathname);\n    const route = path?.split('../') || [];\n    const routeLast = route[route.length - 1];\n    const routeHtml = routeLast ? routeLast + '.html' : routeLast;\n    return `../${lang}/${routeHtml || ''}`;\n}\n\nexport function isExternalHref(href: string) {\n    return href.startsWith('http') || href.startsWith('//');\n}\n\nexport function getStateKey(\n    showMiniToc: boolean | unknown,\n    wideFormat: boolean | unknown,\n    singlePage: boolean | unknown,\n) {\n    return [\n        showMiniToc ? 'showMiniToc' : '',\n        wideFormat ? 'wideFormat' : '',\n        singlePage ? 'singlePage' : '',\n    ].join('|');\n}\n\nexport function callSafe(func: ((path: string) => string) | undefined, path: string) {\n    if (typeof func === 'function') {\n        return func(path);\n    }\n\n    if (typeof func === 'undefined') {\n        return path;\n    }\n\n    throw new Error('Path converter should be a function');\n}\n\nexport const getRandomKey = () => Math.random();\n\nexport function isInvalidEmail(email: string) {\n    const EMAIL_RE = /\\S+@\\S+/;\n\n    return !EMAIL_RE.test(email);\n}\n\nexport function isContributor(contributor: unknown): contributor is Contributor {\n    if (!contributor || typeof contributor !== 'object') {\n        return false;\n    }\n\n    const fields = ['avatar', 'login', 'url', 'name', 'email'];\n\n    for (const field of fields) {\n        if (field in contributor) {\n            return true;\n        }\n    }\n\n    return false;\n}\n\nexport const getPopupPosition = (\n    isVerticalView: boolean | undefined,\n    direction?: ThemeContextProps['direction'],\n) => {\n    if (isVerticalView && direction === 'rtl') {\n        return PopperPosition.RIGHT_START;\n    }\n\n    return isVerticalView ? PopperPosition.LEFT_START : PopperPosition.BOTTOM_END;\n};\n\nexport function getPageByType(type: DocumentType) {\n    const PageTypes = {\n        [DocumentType.Base]: DocPage,\n        [DocumentType.Leading]: DocLeadingPage,\n        [DocumentType.PageConstructor]: DocContentPage,\n    };\n\n    return PageTypes[type] || null;\n}\n\nexport function getPageType({\n    data,\n    leading,\n}: DocLeadingPageData | (DocPageData & {data?: undefined}) | DocContentPageData): DocumentType {\n    if (leading && data) {\n        return Object.prototype.hasOwnProperty.call(data, 'blocks')\n            ? DocumentType.PageConstructor\n            : DocumentType.Leading;\n    }\n\n    return DocumentType.Base;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AAIpB,4BAA6B;AAC7B,4BAA6B;AAC7B,qBAAsB;AACtB,mBAA6B;AAC7B,oBAOO;AAaA,SAAS,cAAc,MAAsB;AA5BpD;AA6BI,UAAO,kCAAM,QAAQ,WAAW,QAAzB,mBAA8B,QAAQ,YAAY;AAC7D;AAEO,SAAS,cAAc,MAAsB;AAChD,MAAI,QAAQ,KAAK,WAAW,GAAG,GAAG;AAC9B,WAAO,KAAK,UAAU,CAAC;AAAA,EAC3B;AACA,SAAO;AACX;AAEO,SAAS,aAAa,QAAgB,MAAc,YAAsB;AAC7E,MAAI,YAAY;AACZ,WAAO,cAAc,OAAO,IAAI,MAAM,kBAAc,kBAAM,IAAI,EAAE,IAAI;AAAA,EACxE;AAEA,SAAO,cAAc,OAAO,QAAQ,MAAM,kBAAc,kBAAM,IAAI,EAAE,QAAQ;AAChF;AAEO,SAAS,YAAY,QAAgB,MAAc;AACtD,QAAM,OAAO,OAAO,OAAO,cAAc,OAAO,IAAI,IAAI,cAAc,OAAO,QAAQ;AACrF,QAAM,SAAQ,6BAAM,MAAM,WAAU,CAAC;AACrC,QAAM,YAAY,MAAM,MAAM,SAAS,CAAC;AACxC,QAAM,YAAY,YAAY,YAAY,UAAU;AACpD,SAAO,MAAM,IAAI,IAAI,aAAa,EAAE;AACxC;AAEO,SAAS,eAAe,MAAc;AACzC,SAAO,KAAK,WAAW,MAAM,KAAK,KAAK,WAAW,IAAI;AAC1D;AAEO,SAAS,YACZ,aACA,YACA,YACF;AACE,SAAO;AAAA,IACH,cAAc,gBAAgB;AAAA,IAC9B,aAAa,eAAe;AAAA,IAC5B,aAAa,eAAe;AAAA,EAChC,EAAE,KAAK,GAAG;AACd;AAEO,SAAS,SAAS,MAA8C,MAAc;AACjF,MAAI,OAAO,SAAS,YAAY;AAC5B,WAAO,KAAK,IAAI;AAAA,EACpB;AAEA,MAAI,OAAO,SAAS,aAAa;AAC7B,WAAO;AAAA,EACX;AAEA,QAAM,IAAI,MAAM,qCAAqC;AACzD;AAEO,IAAM,eAAe,MAAM,KAAK,OAAO;AAEvC,SAAS,eAAe,OAAe;AAC1C,QAAM,WAAW;AAEjB,SAAO,CAAC,SAAS,KAAK,KAAK;AAC/B;AAEO,SAAS,cAAc,aAAkD;AAC5E,MAAI,CAAC,eAAe,OAAO,gBAAgB,UAAU;AACjD,WAAO;AAAA,EACX;AAEA,QAAM,SAAS,CAAC,UAAU,SAAS,OAAO,QAAQ,OAAO;AAEzD,aAAW,SAAS,QAAQ;AACxB,QAAI,SAAS,aAAa;AACtB,aAAO;AAAA,IACX;AAAA,EACJ;AAEA,SAAO;AACX;AAEO,IAAM,mBAAmB,CAC5B,gBACA,cACC;AACD,MAAI,kBAAkB,cAAc,OAAO;AACvC,WAAO,4BAAe;AAAA,EAC1B;AAEA,SAAO,iBAAiB,4BAAe,aAAa,4BAAe;AACvE;AAEO,SAAS,cAAc,MAAoB;AAC9C,QAAM,YAAY;AAAA,IACd,CAAC,2BAAa,IAAI,GAAG;AAAA,IACrB,CAAC,2BAAa,OAAO,GAAG;AAAA,IACxB,CAAC,2BAAa,eAAe,GAAG;AAAA,EACpC;AAEA,SAAO,UAAU,IAAI,KAAK;AAC9B;AAEO,SAAS,YAAY;AAAA,EACxB;AAAA,EACA;AACJ,GAA+F;AAC3F,MAAI,WAAW,MAAM;AACjB,WAAO,OAAO,UAAU,eAAe,KAAK,MAAM,QAAQ,IACpD,2BAAa,kBACb,2BAAa;AAAA,EACvB;AAEA,SAAO,2BAAa;AACxB;",
+  "sourcesContent": ["import {parse} from 'url';\nimport {ThemeContextProps} from '@gravity-ui/uikit';\n\nimport {DocContentPage} from '../components/DocContentPage';\nimport {DocLeadingPage} from '../components/DocLeadingPage';\nimport {DocPage} from '../components/DocPage';\nimport {PopperPosition} from '../hooks';\nimport {\n    Contributor,\n    DocContentPageData,\n    DocLeadingPageData,\n    DocPageData,\n    DocumentType,\n    Router,\n} from '../models';\n\nexport type InnerProps<TProps extends Partial<TDefaultProps>, TDefaultProps> = Omit<\n    TProps,\n    keyof TDefaultProps\n> &\n    Required<Pick<TProps, keyof TDefaultProps>>;\n\nexport type ChangeHandler<S> = <K extends keyof S, V extends S[K]>(\n    field: K,\n    value?: V,\n) => () => void;\n\nexport function normalizePath(path?: string | null) {\n    return path?.replace(/\\.html$/, '')?.replace(/\\/index$/, '/');\n}\n\nexport function normalizeHash(hash?: string | null) {\n    if (hash && hash.startsWith('#')) {\n        return hash.substring(1);\n    }\n    return hash;\n}\n\nexport function isActiveItem(router: Router, href: string, singlePage?: boolean) {\n    if (singlePage) {\n        return normalizeHash(router.hash) === normalizeHash(parse(href).hash);\n    }\n\n    return normalizePath(router.pathname) === normalizePath(parse(href).pathname);\n}\n\nexport function getLangPath(router: Router, lang: string) {\n    const path = router.hash ? normalizeHash(router.hash) : normalizePath(router.pathname);\n    const route = path?.split('../') || [];\n    const routeLast = route[route.length - 1];\n    const routeHtml = routeLast ? routeLast + '.html' : routeLast;\n    return `../${lang}/${routeHtml || ''}`;\n}\n\nexport function isExternalHref(href: string) {\n    return href.startsWith('http') || href.startsWith('//');\n}\n\nexport function getStateKey(\n    showMiniToc: boolean | unknown,\n    wideFormat: boolean | unknown,\n    singlePage: boolean | unknown,\n) {\n    return [\n        showMiniToc ? 'showMiniToc' : '',\n        wideFormat ? 'wideFormat' : '',\n        singlePage ? 'singlePage' : '',\n    ].join('|');\n}\n\nexport function callSafe(func: ((path: string) => string) | undefined, path: string) {\n    if (typeof func === 'function') {\n        return func(path);\n    }\n\n    if (typeof func === 'undefined') {\n        return path;\n    }\n\n    throw new Error('Path converter should be a function');\n}\n\nexport const getRandomKey = () => Math.random();\n\nexport function isInvalidEmail(email: string) {\n    const EMAIL_RE = /\\S+@\\S+/;\n\n    return !EMAIL_RE.test(email);\n}\n\nexport function isContributor(contributor: unknown): contributor is Contributor {\n    if (!contributor || typeof contributor !== 'object') {\n        return false;\n    }\n\n    const fields = ['avatar', 'login', 'url', 'name', 'email'];\n\n    for (const field of fields) {\n        if (field in contributor) {\n            return true;\n        }\n    }\n\n    return false;\n}\n\nexport const getPopupPosition = (\n    isVerticalView: boolean | undefined,\n    direction?: ThemeContextProps['direction'],\n) => {\n    if (isVerticalView && direction === 'rtl') {\n        return PopperPosition.RIGHT_START;\n    }\n\n    return isVerticalView ? PopperPosition.LEFT_START : PopperPosition.BOTTOM_END;\n};\n\nexport function getPageByType(type: DocumentType) {\n    const PageTypes = {\n        [DocumentType.Base]: DocPage,\n        [DocumentType.Leading]: DocLeadingPage,\n        [DocumentType.PageConstructor]: DocContentPage,\n    };\n\n    return PageTypes[type] || null;\n}\n\nexport function getPageType({\n    data,\n    leading,\n}: DocLeadingPageData | (DocPageData & {data?: undefined}) | DocContentPageData): DocumentType {\n    if (leading && data) {\n        return Object.prototype.hasOwnProperty.call(data, 'blocks')\n            ? DocumentType.PageConstructor\n            : DocumentType.Leading;\n    }\n\n    return DocumentType.Base;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AAGpB,4BAA6B;AAC7B,4BAA6B;AAC7B,qBAAsB;AACtB,mBAA6B;AAC7B,oBAOO;AAaA,SAAS,cAAc,MAAsB;AA3BpD;AA4BI,UAAO,kCAAM,QAAQ,WAAW,QAAzB,mBAA8B,QAAQ,YAAY;AAC7D;AAEO,SAAS,cAAc,MAAsB;AAChD,MAAI,QAAQ,KAAK,WAAW,GAAG,GAAG;AAC9B,WAAO,KAAK,UAAU,CAAC;AAAA,EAC3B;AACA,SAAO;AACX;AAEO,SAAS,aAAa,QAAgB,MAAc,YAAsB;AAC7E,MAAI,YAAY;AACZ,WAAO,cAAc,OAAO,IAAI,MAAM,kBAAc,kBAAM,IAAI,EAAE,IAAI;AAAA,EACxE;AAEA,SAAO,cAAc,OAAO,QAAQ,MAAM,kBAAc,kBAAM,IAAI,EAAE,QAAQ;AAChF;AAEO,SAAS,YAAY,QAAgB,MAAc;AACtD,QAAM,OAAO,OAAO,OAAO,cAAc,OAAO,IAAI,IAAI,cAAc,OAAO,QAAQ;AACrF,QAAM,SAAQ,6BAAM,MAAM,WAAU,CAAC;AACrC,QAAM,YAAY,MAAM,MAAM,SAAS,CAAC;AACxC,QAAM,YAAY,YAAY,YAAY,UAAU;AACpD,SAAO,MAAM,IAAI,IAAI,aAAa,EAAE;AACxC;AAEO,SAAS,eAAe,MAAc;AACzC,SAAO,KAAK,WAAW,MAAM,KAAK,KAAK,WAAW,IAAI;AAC1D;AAEO,SAAS,YACZ,aACA,YACA,YACF;AACE,SAAO;AAAA,IACH,cAAc,gBAAgB;AAAA,IAC9B,aAAa,eAAe;AAAA,IAC5B,aAAa,eAAe;AAAA,EAChC,EAAE,KAAK,GAAG;AACd;AAEO,SAAS,SAAS,MAA8C,MAAc;AACjF,MAAI,OAAO,SAAS,YAAY;AAC5B,WAAO,KAAK,IAAI;AAAA,EACpB;AAEA,MAAI,OAAO,SAAS,aAAa;AAC7B,WAAO;AAAA,EACX;AAEA,QAAM,IAAI,MAAM,qCAAqC;AACzD;AAEO,IAAM,eAAe,MAAM,KAAK,OAAO;AAEvC,SAAS,eAAe,OAAe;AAC1C,QAAM,WAAW;AAEjB,SAAO,CAAC,SAAS,KAAK,KAAK;AAC/B;AAEO,SAAS,cAAc,aAAkD;AAC5E,MAAI,CAAC,eAAe,OAAO,gBAAgB,UAAU;AACjD,WAAO;AAAA,EACX;AAEA,QAAM,SAAS,CAAC,UAAU,SAAS,OAAO,QAAQ,OAAO;AAEzD,aAAW,SAAS,QAAQ;AACxB,QAAI,SAAS,aAAa;AACtB,aAAO;AAAA,IACX;AAAA,EACJ;AAEA,SAAO;AACX;AAEO,IAAM,mBAAmB,CAC5B,gBACA,cACC;AACD,MAAI,kBAAkB,cAAc,OAAO;AACvC,WAAO,4BAAe;AAAA,EAC1B;AAEA,SAAO,iBAAiB,4BAAe,aAAa,4BAAe;AACvE;AAEO,SAAS,cAAc,MAAoB;AAC9C,QAAM,YAAY;AAAA,IACd,CAAC,2BAAa,IAAI,GAAG;AAAA,IACrB,CAAC,2BAAa,OAAO,GAAG;AAAA,IACxB,CAAC,2BAAa,eAAe,GAAG;AAAA,EACpC;AAEA,SAAO,UAAU,IAAI,KAAK;AAC9B;AAEO,SAAS,YAAY;AAAA,EACxB;AAAA,EACA;AACJ,GAA+F;AAC3F,MAAI,WAAW,MAAM;AACjB,WAAO,OAAO,UAAU,eAAe,KAAK,MAAM,QAAQ,IACpD,2BAAa,kBACb,2BAAa;AAAA,EACvB;AAEA,SAAO,2BAAa;AACxB;",
   "names": []
 }

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

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

package/build/esm/components/BookmarkButton/BookmarkButton.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/BookmarkButton/BookmarkButton.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {Star, StarFill} from '@gravity-ui/icons';\nimport {Button} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport './BookmarkButton.scss';\n\nconst b = block('dc-bookmark-button');\n\nexport interface BookmarkButtonProps {\n    className?: string;\n    isBookmarked: boolean;\n    onBookmark: (value: boolean) => void;\n}\n\nexport const BookmarkButton: React.FC<BookmarkButtonProps> = ({isBookmarked, onBookmark}) => {\n    const Icon = isBookmarked ? StarFill : Star;\n\n    return (\n        <Button\n            className={b({active: isBookmarked})}\n            onClick={() => {\n                onBookmark(!isBookmarked);\n            }}\n            view=\"flat-secondary\"\n        >\n            <Button.Icon className={b('icon')}>\n                <Icon width={24} height={24} />\n            </Button.Icon>\n        </Button>\n    );\n};\n"],
-  "mappings": ";AAAA,OAAO,WAAW;AAElB,SAAQ,MAAM,gBAAe;AAC7B,SAAQ,cAAa;AACrB,OAAO,WAAW;AAElB,OAAO;AAEP,IAAM,IAAI,MAAM,oBAAoB;AAQ7B,IAAM,iBAAgD,CAAC,EAAC,cAAc,WAAU,MAAM;AACzF,QAAM,OAAO,eAAe,WAAW;AAEvC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,EAAE,EAAC,QAAQ,aAAY,CAAC;AAAA,MACnC,SAAS,MAAM;AACX,mBAAW,CAAC,YAAY;AAAA,MAC5B;AAAA,MACA,MAAK;AAAA;AAAA,IAEL,oCAAC,OAAO,MAAP,EAAY,WAAW,EAAE,MAAM,KAC5B,oCAAC,QAAK,OAAO,IAAI,QAAQ,IAAI,CACjC;AAAA,EACJ;AAER;",
+  "sourcesContent": ["import React from 'react';\nimport {Star, StarFill} from '@gravity-ui/icons';\nimport {Button} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport './BookmarkButton.scss';\n\nconst b = block('dc-bookmark-button');\n\nexport interface BookmarkButtonProps {\n    className?: string;\n    isBookmarked: boolean;\n    onBookmark: (value: boolean) => void;\n}\n\nexport const BookmarkButton: React.FC<BookmarkButtonProps> = ({isBookmarked, onBookmark}) => {\n    const Icon = isBookmarked ? StarFill : Star;\n\n    return (\n        <Button\n            className={b({active: isBookmarked})}\n            onClick={() => {\n                onBookmark(!isBookmarked);\n            }}\n            view=\"flat-secondary\"\n        >\n            <Button.Icon className={b('icon')}>\n                <Icon width={24} height={24} />\n            </Button.Icon>\n        </Button>\n    );\n};\n"],
+  "mappings": ";AAAA,OAAO,WAAW;AAClB,SAAQ,MAAM,gBAAe;AAC7B,SAAQ,cAAa;AACrB,OAAO,WAAW;AAElB,OAAO;AAEP,IAAM,IAAI,MAAM,oBAAoB;AAQ7B,IAAM,iBAAgD,CAAC,EAAC,cAAc,WAAU,MAAM;AACzF,QAAM,OAAO,eAAe,WAAW;AAEvC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,EAAE,EAAC,QAAQ,aAAY,CAAC;AAAA,MACnC,SAAS,MAAM;AACX,mBAAW,CAAC,YAAY;AAAA,MAC5B;AAAA,MACA,MAAK;AAAA;AAAA,IAEL,oCAAC,OAAO,MAAP,EAAY,WAAW,EAAE,MAAM,KAC5B,oCAAC,QAAK,OAAO,IAAI,QAAQ,IAAI,CACjC;AAAA,EACJ;AAER;",
   "names": []
 }

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

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

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

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

package/build/esm/components/ConsentPopup/ConsentPopup.js CHANGED Viewed

@@ -3,7 +3,12 @@ import React from "react";
 import { ConsentManager, ConsentMode, CookieConsent } from "@gravity-ui/components";
 import { useAnalytics } from "../../hooks";
 var ConsentPopup = (props) => {
-  const consentManager = React.useMemo(() => new ConsentManager(ConsentMode.Base), []);
+  const consentManager = React.useMemo(
+    () => new ConsentManager(
+      props.consentMode === "notification" ? ConsentMode.Notification : ConsentMode.Base
+    ),
+    [props.consentMode]
+  );
   const [useConsent, setUseConsent] = React.useState(
     Boolean(consentManager == null ? void 0 : consentManager.getConsents().analytics)
   );

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

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

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/ContributorAvatars/Avatars/Details.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {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;",
+  "sourcesContent": ["import React from 'react';\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\n// eslint-disable-next-line import/order\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;AAClB,SAAQ,MAAM,aAAY;AAC1B,OAAO,WAAW;AAElB,SAAQ,sBAAqB;AAE7B,SAAoB,mBAA6B;AACjD,SAAQ,eAAc;AAEtB,OAAO,YAAY;AAGnB,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.map CHANGED Viewed

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/ContributorAvatars/home/runner/work/components/components/src/components/ContributorAvatars/ContributorAvatars.scss", "../../../../src/components/ContributorAvatars/%3Cinput%20css%20KjsQXe%3E", "../../../../src/components/ContributorAvatars/home/runner/work/components/components/src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/ContributorAvatars/home/runner/work/components/components/src/components/ContributorAvatars/ContributorAvatars.scss", "../../../../src/components/ContributorAvatars/%3Cinput%20css%20qEuN74%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.map CHANGED Viewed

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

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

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Contributors/home/runner/work/components/components/src/components/Contributors/Contributors.scss", "../../../../src/components/Contributors/%3Cinput%20css%20HklRls%3E", "../../../../src/components/Contributors/home/runner/work/components/components/src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/Contributors/home/runner/work/components/components/src/components/Contributors/Contributors.scss", "../../../../src/components/Contributors/%3Cinput%20css%20-P90f6%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.map CHANGED Viewed

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

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

@@ -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%20_-BGMK%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%20uXhKhw%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": []

package/build/esm/components/Control/Control.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Control/Control.tsx"],
-  "sourcesContent": ["import React, {forwardRef, useCallback, useImperativeHandle, useRef} from 'react';\n\nimport {Button, ButtonProps, Popup, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition, usePopupState} from '../../hooks';\nimport {ControlSizes} from '../../models';\nimport {getPopupPosition} from '../../utils';\n\nimport './Control.scss';\n\nconst b = block('dc-control');\n\nexport interface IconProps {\n    width: number;\n    height: number;\n}\n\nexport interface ControlProps {\n    onClick?: () => void;\n    setRef?: (ref: HTMLButtonElement) => void;\n    isWideView?: boolean;\n    isVerticalView?: boolean;\n    tooltipText: string;\n    isTooltipHidden?: boolean;\n    className?: string;\n    href?: string;\n    target?: string;\n    rel?: string;\n    size?: ControlSizes;\n    icon: React.FC<IconProps>;\n    popupPosition?: PopperPosition;\n    buttonExtraProps?: ButtonProps['extraProps'];\n}\n\nconst ICONS_SIZES = {\n    [ControlSizes.M]: 16,\n    [ControlSizes.L]: 20,\n};\n\nconst Control = forwardRef((props: ControlProps, ref) => {\n    const {\n        onClick,\n        className,\n        tooltipText,\n        isTooltipHidden,\n        isWideView,\n        isVerticalView,\n        size = ControlSizes.M,\n        icon,\n        popupPosition,\n        buttonExtraProps: extraProps,\n        href,\n        target,\n        rel,\n    } = props;\n\n    const controlRef = useRef<HTMLButtonElement | null>(null);\n\n    const popupState = usePopupState({autoclose: 3000});\n    const direction = useDirection();\n\n    const getTooltipAlign = useCallback(() => {\n        if (popupPosition) {\n            return popupPosition;\n        }\n\n        return getPopupPosition(isVerticalView, direction);\n    }, [isVerticalView, popupPosition, direction]);\n\n    useImperativeHandle(ref, () => controlRef.current, [controlRef]);\n\n    const position = getTooltipAlign();\n    const Icon = icon;\n    const iconSize = ICONS_SIZES[size];\n\n    return (\n        <React.Fragment>\n            <Button\n                view=\"flat-secondary\"\n                onClick={onClick}\n                ref={controlRef}\n                onMouseEnter={popupState.open}\n                onMouseLeave={popupState.close}\n                className={b(null, className)}\n                size={size}\n                href={href}\n                target={target}\n                rel={rel}\n                extraProps={{\n                    'aria-label': tooltipText,\n                    ...extraProps,\n                }}\n            >\n                <Button.Icon>\n                    <Icon width={iconSize} height={iconSize} />\n                </Button.Icon>\n                {isWideView ? tooltipText : null}\n            </Button>\n            {controlRef.current && (\n                <Popup\n                    anchorRef={controlRef}\n                    open={isTooltipHidden ? false : popupState.visible}\n                    onOutsideClick={popupState.close}\n                    contentClassName={b('tooltip')}\n                    placement={position}\n                >\n                    <span className={b('tooltip-text')}>{tooltipText}</span>\n                </Popup>\n            )}\n        </React.Fragment>\n    );\n});\n\nControl.displayName = 'DCControl';\n\nexport default Control;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAQ,YAAY,aAAa,qBAAqB,cAAa;AAE1E,SAAQ,QAAqB,OAAO,oBAAmB;AACvD,OAAO,WAAW;AAElB,SAAwB,qBAAoB;AAC5C,SAAQ,oBAAmB;AAC3B,SAAQ,wBAAuB;AAE/B,OAAO;AAEP,IAAM,IAAI,MAAM,YAAY;AAwB5B,IAAM,cAAc;AAAA,EAChB,CAAC,aAAa,CAAC,GAAG;AAAA,EAClB,CAAC,aAAa,CAAC,GAAG;AACtB;AAEA,IAAM,UAAU,WAAW,CAAC,OAAqB,QAAQ;AACrD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,aAAa;AAAA,IACpB;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI;AAEJ,QAAM,aAAa,OAAiC,IAAI;AAExD,QAAM,aAAa,cAAc,EAAC,WAAW,IAAI,CAAC;AAClD,QAAM,YAAY,aAAa;AAE/B,QAAM,kBAAkB,YAAY,MAAM;AACtC,QAAI,eAAe;AACf,aAAO;AAAA,IACX;AAEA,WAAO,iBAAiB,gBAAgB,SAAS;AAAA,EACrD,GAAG,CAAC,gBAAgB,eAAe,SAAS,CAAC;AAE7C,sBAAoB,KAAK,MAAM,WAAW,SAAS,CAAC,UAAU,CAAC;AAE/D,QAAM,WAAW,gBAAgB;AACjC,QAAM,OAAO;AACb,QAAM,WAAW,YAAY,IAAI;AAEjC,SACI,oCAAC,MAAM,UAAN,MACG;AAAA,IAAC;AAAA;AAAA,MACG,MAAK;AAAA,MACL;AAAA,MACA,KAAK;AAAA,MACL,cAAc,WAAW;AAAA,MACzB,cAAc,WAAW;AAAA,MACzB,WAAW,EAAE,MAAM,SAAS;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,QACR,cAAc;AAAA,SACX;AAAA;AAAA,IAGP,oCAAC,OAAO,MAAP,MACG,oCAAC,QAAK,OAAO,UAAU,QAAQ,UAAU,CAC7C;AAAA,IACC,aAAa,cAAc;AAAA,EAChC,GACC,WAAW,WACR;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM,kBAAkB,QAAQ,WAAW;AAAA,MAC3C,gBAAgB,WAAW;AAAA,MAC3B,kBAAkB,EAAE,SAAS;AAAA,MAC7B,WAAW;AAAA;AAAA,IAEX,oCAAC,UAAK,WAAW,EAAE,cAAc,KAAI,WAAY;AAAA,EACrD,CAER;AAER,CAAC;AAED,QAAQ,cAAc;AAEtB,IAAO,kBAAQ;",
+  "sourcesContent": ["import React, {forwardRef, useCallback, useImperativeHandle, useRef} from 'react';\nimport {Button, ButtonProps, Popup, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {PopperPosition, usePopupState} from '../../hooks';\nimport {ControlSizes} from '../../models';\nimport {getPopupPosition} from '../../utils';\n\nimport './Control.scss';\n\nconst b = block('dc-control');\n\nexport interface IconProps {\n    width: number;\n    height: number;\n}\n\nexport interface ControlProps {\n    onClick?: () => void;\n    setRef?: (ref: HTMLButtonElement) => void;\n    isWideView?: boolean;\n    isVerticalView?: boolean;\n    tooltipText: string;\n    isTooltipHidden?: boolean;\n    className?: string;\n    href?: string;\n    target?: string;\n    rel?: string;\n    size?: ControlSizes;\n    icon: React.FC<IconProps>;\n    popupPosition?: PopperPosition;\n    buttonExtraProps?: ButtonProps['extraProps'];\n}\n\nconst ICONS_SIZES = {\n    [ControlSizes.M]: 16,\n    [ControlSizes.L]: 20,\n};\n\nconst Control = forwardRef((props: ControlProps, ref) => {\n    const {\n        onClick,\n        className,\n        tooltipText,\n        isTooltipHidden,\n        isWideView,\n        isVerticalView,\n        size = ControlSizes.M,\n        icon,\n        popupPosition,\n        buttonExtraProps: extraProps,\n        href,\n        target,\n        rel,\n    } = props;\n\n    const controlRef = useRef<HTMLButtonElement | null>(null);\n\n    const popupState = usePopupState({autoclose: 3000});\n    const direction = useDirection();\n\n    const getTooltipAlign = useCallback(() => {\n        if (popupPosition) {\n            return popupPosition;\n        }\n\n        return getPopupPosition(isVerticalView, direction);\n    }, [isVerticalView, popupPosition, direction]);\n\n    useImperativeHandle(ref, () => controlRef.current, [controlRef]);\n\n    const position = getTooltipAlign();\n    const Icon = icon;\n    const iconSize = ICONS_SIZES[size];\n\n    return (\n        <React.Fragment>\n            <Button\n                view=\"flat-secondary\"\n                onClick={onClick}\n                ref={controlRef}\n                onMouseEnter={popupState.open}\n                onMouseLeave={popupState.close}\n                className={b(null, className)}\n                size={size}\n                href={href}\n                target={target}\n                rel={rel}\n                extraProps={{\n                    'aria-label': tooltipText,\n                    ...extraProps,\n                }}\n            >\n                <Button.Icon>\n                    <Icon width={iconSize} height={iconSize} />\n                </Button.Icon>\n                {isWideView ? tooltipText : null}\n            </Button>\n            {controlRef.current && (\n                <Popup\n                    anchorRef={controlRef}\n                    open={isTooltipHidden ? false : popupState.visible}\n                    onOutsideClick={popupState.close}\n                    contentClassName={b('tooltip')}\n                    placement={position}\n                >\n                    <span className={b('tooltip-text')}>{tooltipText}</span>\n                </Popup>\n            )}\n        </React.Fragment>\n    );\n});\n\nControl.displayName = 'DCControl';\n\nexport default Control;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAQ,YAAY,aAAa,qBAAqB,cAAa;AAC1E,SAAQ,QAAqB,OAAO,oBAAmB;AACvD,OAAO,WAAW;AAElB,SAAwB,qBAAoB;AAC5C,SAAQ,oBAAmB;AAC3B,SAAQ,wBAAuB;AAE/B,OAAO;AAEP,IAAM,IAAI,MAAM,YAAY;AAwB5B,IAAM,cAAc;AAAA,EAChB,CAAC,aAAa,CAAC,GAAG;AAAA,EAClB,CAAC,aAAa,CAAC,GAAG;AACtB;AAEA,IAAM,UAAU,WAAW,CAAC,OAAqB,QAAQ;AACrD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,aAAa;AAAA,IACpB;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI;AAEJ,QAAM,aAAa,OAAiC,IAAI;AAExD,QAAM,aAAa,cAAc,EAAC,WAAW,IAAI,CAAC;AAClD,QAAM,YAAY,aAAa;AAE/B,QAAM,kBAAkB,YAAY,MAAM;AACtC,QAAI,eAAe;AACf,aAAO;AAAA,IACX;AAEA,WAAO,iBAAiB,gBAAgB,SAAS;AAAA,EACrD,GAAG,CAAC,gBAAgB,eAAe,SAAS,CAAC;AAE7C,sBAAoB,KAAK,MAAM,WAAW,SAAS,CAAC,UAAU,CAAC;AAE/D,QAAM,WAAW,gBAAgB;AACjC,QAAM,OAAO;AACb,QAAM,WAAW,YAAY,IAAI;AAEjC,SACI,oCAAC,MAAM,UAAN,MACG;AAAA,IAAC;AAAA;AAAA,MACG,MAAK;AAAA,MACL;AAAA,MACA,KAAK;AAAA,MACL,cAAc,WAAW;AAAA,MACzB,cAAc,WAAW;AAAA,MACzB,WAAW,EAAE,MAAM,SAAS;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,QACR,cAAc;AAAA,SACX;AAAA;AAAA,IAGP,oCAAC,OAAO,MAAP,MACG,oCAAC,QAAK,OAAO,UAAU,QAAQ,UAAU,CAC7C;AAAA,IACC,aAAa,cAAc;AAAA,EAChC,GACC,WAAW,WACR;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM,kBAAkB,QAAQ,WAAW;AAAA,MAC3C,gBAAgB,WAAW;AAAA,MAC3B,kBAAkB,EAAE,SAAS;AAAA,MAC7B,WAAW;AAAA;AAAA,IAEX,oCAAC,UAAK,WAAW,EAAE,cAAc,KAAI,WAAY;AAAA,EACrD,CAER;AAER,CAAC;AAED,QAAQ,cAAc;AAEtB,IAAO,kBAAQ;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Controls/home/runner/work/components/components/src/components/Controls/Controls.scss", "../../../../src/components/Controls/home/runner/work/components/components/src/styles/mixins.scss", "../../../../src/components/Controls/%3Cinput%20css%20xYJTiF%3E"],
+  "sources": ["../../../../src/components/Controls/home/runner/work/components/components/src/components/Controls/Controls.scss", "../../../../src/components/Controls/home/runner/work/components/components/src/styles/mixins.scss", "../../../../src/components/Controls/%3Cinput%20css%20j9g4wk%3E"],
   "sourcesContent": ["@import '../../styles/mixins';\n@import '../../styles/variables';\n\n.dc-controls {\n    display: flex;\n    align-items: center;\n    @include text-size(body-1);\n\n    &__control:not(:last-child),\n    &__divider {\n        margin-right: 4px;\n    }\n\n    &__list {\n        padding: 4px 0;\n    }\n\n    &__list-icon {\n        font-size: 22px;\n    }\n\n    &__icon-rotated {\n        transform: rotate(90deg);\n    }\n\n    &__popup-tooltip {\n        padding: 0;\n    }\n\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        &_vertical {\n            flex-direction: column;\n        }\n\n        &_vertical &__divider {\n            height: 1px;\n            width: 16px;\n        }\n\n        &_vertical &__control:not(:last-child),\n        &_vertical &__divider {\n            margin-right: 0;\n            margin-bottom: 4px;\n        }\n    }\n}\n", "@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", ".dc-controls {\n  display: flex;\n  align-items: center;\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.dc-controls__control:not(:last-child), .dc-controls__divider {\n  margin-right: 4px;\n}\n.dc-controls__list {\n  padding: 4px 0;\n}\n.dc-controls__list-icon {\n  font-size: 22px;\n}\n.dc-controls__icon-rotated {\n  transform: rotate(90deg);\n}\n.dc-controls__popup-tooltip {\n  padding: 0;\n}\n@media (min-width: 769px) {\n  .dc-controls_vertical {\n    flex-direction: column;\n  }\n  .dc-controls_vertical .dc-controls__divider {\n    height: 1px;\n    width: 16px;\n  }\n  .dc-controls_vertical .dc-controls__control:not(:last-child), .dc-controls_vertical .dc-controls__divider {\n    margin-right: 0;\n    margin-bottom: 4px;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzIiwic291cmNlcyI6WyJDb250cm9scy5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VBQ0k7RUFDQTtFQ0ZBO0VBQ0E7O0FESUE7RUFFSTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7SUFDSTs7RUFHSjtJQUNJO0lBQ0E7O0VBR0o7SUFFSTtJQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcblxuLmRjLWNvbnRyb2xzIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMSk7XG5cbiAgICAmX19jb250cm9sOm5vdCg6bGFzdC1jaGlsZCksXG4gICAgJl9fZGl2aWRlciB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogNHB4O1xuICAgIH1cblxuICAgICZfX2xpc3Qge1xuICAgICAgICBwYWRkaW5nOiA0cHggMDtcbiAgICB9XG5cbiAgICAmX19saXN0LWljb24ge1xuICAgICAgICBmb250LXNpemU6IDIycHg7XG4gICAgfVxuXG4gICAgJl9faWNvbi1yb3RhdGVkIHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgIH1cblxuICAgICZfX3BvcHVwLXRvb2x0aXAge1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgIH1cblxuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgJl92ZXJ0aWNhbCB7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICB9XG5cbiAgICAgICAgJl92ZXJ0aWNhbCAmX19kaXZpZGVyIHtcbiAgICAgICAgICAgIGhlaWdodDogMXB4O1xuICAgICAgICAgICAgd2lkdGg6IDE2cHg7XG4gICAgICAgIH1cblxuICAgICAgICAmX3ZlcnRpY2FsICZfX2NvbnRyb2w6bm90KDpsYXN0LWNoaWxkKSxcbiAgICAgICAgJl92ZXJ0aWNhbCAmX19kaXZpZGVyIHtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDRweDtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkBpbXBvcnQgJy4vdmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcbiAgICBAaW5jbHVkZSBmb2N1c2FibGUoMCwgJ2JveC1zaGFkb3cnKTtcblxuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */"],
   "mappings": ";AAGA,CAAA;AACI,WAAA;AACA,eAAA;ACFA,aAAA,IAAA;AACA,eAAA,IAAA;ACCJ;AFGI,CAAA,oBAAA,KAAA;AAAA,CAAA;AAEI,gBAAA;AEFR;AFKI,CAAA;AACI,WAAA,IAAA;AEHR;AFMI,CAAA;AACI,aAAA;AEJR;AFOI,CAAA;AACI,aAAA,OAAA;AELR;AFQI,CAAA;AACI,WAAA;AENR;AFSI,OAAA,CAAA,SAAA,EAAA;AACI,GAAA;AACI,oBAAA;AEPV;AFUM,GAJA,qBAIA,CA1BJ;AA2BQ,YAAA;AACA,WAAA;AERV;AFWM,GATA,qBASA,CA/BJ,oBA+BI,KAAA;EAAA,CATA,qBASA,CA/BJ;AAiCQ,kBAAA;AACA,mBAAA;AEVV;AACF;",
   "names": []