@hh.ru/magritte-ui-breadcrumbs 3.4.1 → 4.0.1

package/Breadcrumbs.js

@@ -10,11 +10,11 @@ import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
 import { Card } from '@hh.ru/magritte-ui-card';
 import { Drop } from '@hh.ru/magritte-ui-drop';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from './breadcrumbs-0993f3f8.js';
+import { s as styles } from './breadcrumbs-24c1e219.js';
 import '@hh.ru/magritte-common-func-utils';
 
 const TEXT_TYPOGRAPHY = 'label-3-regular';
-const Breadcrumbs = ({ children, hiddenOnMobile, dataQa }) => {
+const Breadcrumbs = ({ children, hiddenOnMobile, 'data-qa': dataQa }) => {
     const activatorRef = useRef(null);
     const { isMobile } = useBreakpoint();
     const isHidden = hiddenOnMobile && isMobile;

package/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../src/Breadcrumbs.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';\nimport { BreadcrumbsDivider } from '@hh.ru/magritte-ui-breadcrumbs/BreadcrumbsDivider';\nimport { BreadcrumbsDynamicLink } from '@hh.ru/magritte-ui-breadcrumbs/BreadcrumbsDynamicLink';\nimport { BreadcrumbsProps } from '@hh.ru/magritte-ui-breadcrumbs/types';\nimport { useDynamicDisplayContent } from '@hh.ru/magritte-ui-breadcrumbs/useDynamicDisplayContent';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { Card } from '@hh.ru/magritte-ui-card';\nimport { Drop } from '@hh.ru/magritte-ui-drop';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './breadcrumbs.less';\n\nconst TEXT_TYPOGRAPHY = 'label-3-regular';\n\nexport const Breadcrumbs: FC<BreadcrumbsProps> = ({ children, hiddenOnMobile, dataQa }) => {\n    const activatorRef = useRef(null);\n    const { isMobile } = useBreakpoint();\n    const isHidden = hiddenOnMobile && isMobile;\n    const [showCollapseItems, setShowCollapseItems] = useState(false);\n\n    const showCollapseItemsToggle = useCallback(\n        () => setShowCollapseItems((showCollapseItems) => !showCollapseItems),\n        []\n    );\n\n    const breadcrumbsExtendedItems = useMemo(() => {\n        return React.Children.map(children, (child) => {\n            const key = child.key || Math.random();\n            return {\n                key,\n                ReactElement: child,\n            };\n        });\n    }, [children]);\n\n    const { containerRef, contentState, refreshItem, emptySpaceRef } =\n        useDynamicDisplayContent(breadcrumbsExtendedItems);\n\n    const renderCollapseItems = useMemo(() => {\n        return contentState.collapseItems.map((collapseItem) => {\n            const index = collapseItem.index;\n            const breadcrumbsExtendedItem = breadcrumbsExtendedItems[index];\n            if (!breadcrumbsExtendedItem) {\n                return null;\n            }\n            const { onClick, Element = 'a', children, ...usefulProps } = breadcrumbsExtendedItem.ReactElement.props;\n            return (\n                <div\n                    key={breadcrumbsExtendedItem.key}\n                    className={classnames(styles.breadcrumbsCardBottomSheet, {\n                        [styles.breadcrumbsCardDrop]: !isMobile,\n                    })}\n                >\n                    <Card\n                        {...usefulProps}\n                        Element={Element}\n                        borderRadius={12}\n                        padding={8}\n                        paddingLeft={12}\n                        paddingRight={12}\n                        style=\"blank\"\n                        hoverStyle=\"neutral\"\n                        actionCard\n                        stretched\n                    >\n                        <div\n                            className={classnames(styles.breadcrumbsItemBottomSheet, {\n                                [styles.breadcrumbsItemDrop]: !isMobile,\n                            })}\n                        >\n                            <Text Element=\"span\" typography={TEXT_TYPOGRAPHY}>\n                                {children}\n                            </Text>\n                        </div>\n                    </Card>\n                </div>\n            );\n        });\n    }, [breadcrumbsExtendedItems, contentState.collapseItems, isMobile]);\n\n    const renderLastItem = (extendedItems: typeof breadcrumbsExtendedItems) => {\n        if (extendedItems.length <= 1) {\n            return null;\n        }\n        const { style, href, ...usefulProps } = extendedItems[extendedItems.length - 1].ReactElement.props;\n        return (\n            <div className={styles.breadcrumbsItemCurrent}>\n                <Text {...usefulProps} Element=\"span\" typography={TEXT_TYPOGRAPHY} />\n            </div>\n        );\n    };\n\n    return (\n        <div\n            className={classnames(styles.breadcrumbs, {\n                [styles.breadcrumbsHidden]: isHidden,\n            })}\n            ref={containerRef}\n            data-qa={dataQa}\n        >\n            <div>\n                {breadcrumbsExtendedItems[0]?.ReactElement}\n                {breadcrumbsExtendedItems.length > 1 && <BreadcrumbsDivider />}\n            </div>\n            {contentState.collapseItems.length > 0 && (\n                <>\n                    <button\n                        type=\"button\"\n                        className={styles.breadcrumbsAction}\n                        ref={activatorRef}\n                        onClick={showCollapseItemsToggle}\n                        data-qa=\"breadcrumbs-action\"\n                    >\n                        <span className={styles.breadcrumbsItem}>\n                            <Text Element=\"span\" typography={TEXT_TYPOGRAPHY}>\n                                ...\n                            </Text>\n                        </span>\n                    </button>\n                    <Drop\n                        activatorRef={activatorRef}\n                        host={containerRef}\n                        direction=\"bottom\"\n                        alignment=\"left\"\n                        space={300}\n                        visible={showCollapseItems}\n                        onClose={showCollapseItemsToggle}\n                    >\n                        {renderCollapseItems}\n                    </Drop>\n                    <BottomSheet visible={!isHidden && showCollapseItems} onClose={showCollapseItemsToggle}>\n                        {renderCollapseItems}\n                    </BottomSheet>\n                    <BreadcrumbsDivider />\n                </>\n            )}\n            {contentState.visibleItems.map((visibleItem) => {\n                const index = visibleItem.index;\n                const breadcrumbsExtendedItem = breadcrumbsExtendedItems[index];\n                if (!breadcrumbsExtendedItem) {\n                    return null;\n                }\n                return (\n                    <BreadcrumbsDynamicLink key={breadcrumbsExtendedItem.key} index={index} refreshItem={refreshItem}>\n                        {breadcrumbsExtendedItem.ReactElement}\n                    </BreadcrumbsDynamicLink>\n                );\n            })}\n            {renderLastItem(breadcrumbsExtendedItems)}\n            <div className={styles.breadcrumbsEmptySpace} ref={emptySpaceRef} />\n        </div>\n    );\n};\n\nBreadcrumbs.displayName = 'Breadcrumbs';\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../src/Breadcrumbs.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';\nimport { BreadcrumbsDivider } from '@hh.ru/magritte-ui-breadcrumbs/BreadcrumbsDivider';\nimport { BreadcrumbsDynamicLink } from '@hh.ru/magritte-ui-breadcrumbs/BreadcrumbsDynamicLink';\nimport { BreadcrumbsProps } from '@hh.ru/magritte-ui-breadcrumbs/types';\nimport { useDynamicDisplayContent } from '@hh.ru/magritte-ui-breadcrumbs/useDynamicDisplayContent';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { Card } from '@hh.ru/magritte-ui-card';\nimport { Drop } from '@hh.ru/magritte-ui-drop';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './breadcrumbs.less';\n\nconst TEXT_TYPOGRAPHY = 'label-3-regular';\n\nexport const Breadcrumbs: FC<BreadcrumbsProps> = ({ children, hiddenOnMobile, 'data-qa': dataQa }) => {\n    const activatorRef = useRef(null);\n    const { isMobile } = useBreakpoint();\n    const isHidden = hiddenOnMobile && isMobile;\n    const [showCollapseItems, setShowCollapseItems] = useState(false);\n\n    const showCollapseItemsToggle = useCallback(\n        () => setShowCollapseItems((showCollapseItems) => !showCollapseItems),\n        []\n    );\n\n    const breadcrumbsExtendedItems = useMemo(() => {\n        return React.Children.map(children, (child) => {\n            const key = child.key || Math.random();\n            return {\n                key,\n                ReactElement: child,\n            };\n        });\n    }, [children]);\n\n    const { containerRef, contentState, refreshItem, emptySpaceRef } =\n        useDynamicDisplayContent(breadcrumbsExtendedItems);\n\n    const renderCollapseItems = useMemo(() => {\n        return contentState.collapseItems.map((collapseItem) => {\n            const index = collapseItem.index;\n            const breadcrumbsExtendedItem = breadcrumbsExtendedItems[index];\n            if (!breadcrumbsExtendedItem) {\n                return null;\n            }\n            const { onClick, Element = 'a', children, ...usefulProps } = breadcrumbsExtendedItem.ReactElement.props;\n            return (\n                <div\n                    key={breadcrumbsExtendedItem.key}\n                    className={classnames(styles.breadcrumbsCardBottomSheet, {\n                        [styles.breadcrumbsCardDrop]: !isMobile,\n                    })}\n                >\n                    <Card\n                        {...usefulProps}\n                        Element={Element}\n                        borderRadius={12}\n                        padding={8}\n                        paddingLeft={12}\n                        paddingRight={12}\n                        style=\"blank\"\n                        hoverStyle=\"neutral\"\n                        actionCard\n                        stretched\n                    >\n                        <div\n                            className={classnames(styles.breadcrumbsItemBottomSheet, {\n                                [styles.breadcrumbsItemDrop]: !isMobile,\n                            })}\n                        >\n                            <Text Element=\"span\" typography={TEXT_TYPOGRAPHY}>\n                                {children}\n                            </Text>\n                        </div>\n                    </Card>\n                </div>\n            );\n        });\n    }, [breadcrumbsExtendedItems, contentState.collapseItems, isMobile]);\n\n    const renderLastItem = (extendedItems: typeof breadcrumbsExtendedItems) => {\n        if (extendedItems.length <= 1) {\n            return null;\n        }\n        const { style, href, ...usefulProps } = extendedItems[extendedItems.length - 1].ReactElement.props;\n        return (\n            <div className={styles.breadcrumbsItemCurrent}>\n                <Text {...usefulProps} Element=\"span\" typography={TEXT_TYPOGRAPHY} />\n            </div>\n        );\n    };\n\n    return (\n        <div\n            className={classnames(styles.breadcrumbs, {\n                [styles.breadcrumbsHidden]: isHidden,\n            })}\n            ref={containerRef}\n            data-qa={dataQa}\n        >\n            <div>\n                {breadcrumbsExtendedItems[0]?.ReactElement}\n                {breadcrumbsExtendedItems.length > 1 && <BreadcrumbsDivider />}\n            </div>\n            {contentState.collapseItems.length > 0 && (\n                <>\n                    <button\n                        type=\"button\"\n                        className={styles.breadcrumbsAction}\n                        ref={activatorRef}\n                        onClick={showCollapseItemsToggle}\n                        data-qa=\"breadcrumbs-action\"\n                    >\n                        <span className={styles.breadcrumbsItem}>\n                            <Text Element=\"span\" typography={TEXT_TYPOGRAPHY}>\n                                ...\n                            </Text>\n                        </span>\n                    </button>\n                    <Drop\n                        activatorRef={activatorRef}\n                        host={containerRef}\n                        direction=\"bottom\"\n                        alignment=\"left\"\n                        space={300}\n                        visible={showCollapseItems}\n                        onClose={showCollapseItemsToggle}\n                    >\n                        {renderCollapseItems}\n                    </Drop>\n                    <BottomSheet visible={!isHidden && showCollapseItems} onClose={showCollapseItemsToggle}>\n                        {renderCollapseItems}\n                    </BottomSheet>\n                    <BreadcrumbsDivider />\n                </>\n            )}\n            {contentState.visibleItems.map((visibleItem) => {\n                const index = visibleItem.index;\n                const breadcrumbsExtendedItem = breadcrumbsExtendedItems[index];\n                if (!breadcrumbsExtendedItem) {\n                    return null;\n                }\n                return (\n                    <BreadcrumbsDynamicLink key={breadcrumbsExtendedItem.key} index={index} refreshItem={refreshItem}>\n                        {breadcrumbsExtendedItem.ReactElement}\n                    </BreadcrumbsDynamicLink>\n                );\n            })}\n            {renderLastItem(breadcrumbsExtendedItems)}\n            <div className={styles.breadcrumbsEmptySpace} ref={emptySpaceRef} />\n        </div>\n    );\n};\n\nBreadcrumbs.displayName = 'Breadcrumbs';\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEnC,MAAM,WAAW,GAAyB,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,KAAI;AACjG,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AACrC,IAAA,MAAM,QAAQ,GAAG,cAAc,IAAI,QAAQ,CAAC;IAC5C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElE,MAAM,uBAAuB,GAAG,WAAW,CACvC,MAAM,oBAAoB,CAAC,CAAC,iBAAiB,KAAK,CAAC,iBAAiB,CAAC,EACrE,EAAE,CACL,CAAC;AAEF,IAAA,MAAM,wBAAwB,GAAG,OAAO,CAAC,MAAK;QAC1C,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;YAC1C,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACvC,OAAO;gBACH,GAAG;AACH,gBAAA,YAAY,EAAE,KAAK;aACtB,CAAC;AACN,SAAC,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAEf,IAAA,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,GAC5D,wBAAwB,CAAC,wBAAwB,CAAC,CAAC;AAEvD,IAAA,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAAK;QACrC,OAAO,YAAY,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,KAAI;AACnD,YAAA,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;AACjC,YAAA,MAAM,uBAAuB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;YAChE,IAAI,CAAC,uBAAuB,EAAE;AAC1B,gBAAA,OAAO,IAAI,CAAC;AACf,aAAA;AACD,YAAA,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,GAAG,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,GAAG,uBAAuB,CAAC,YAAY,CAAC,KAAK,CAAC;YACxG,QACIA,aAEI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,0BAA0B,EAAE;AACrD,oBAAA,CAAC,MAAM,CAAC,mBAAmB,GAAG,CAAC,QAAQ;iBAC1C,CAAC,EAAA,QAAA,EAEFA,IAAC,IAAI,EAAA,EAAA,GACG,WAAW,EACf,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,EAAE,EAChB,OAAO,EAAE,CAAC,EACV,WAAW,EAAE,EAAE,EACf,YAAY,EAAE,EAAE,EAChB,KAAK,EAAC,OAAO,EACb,UAAU,EAAC,SAAS,EACpB,UAAU,QACV,SAAS,EAAA,IAAA,EAAA,QAAA,EAETA,aACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,0BAA0B,EAAE;AACrD,4BAAA,CAAC,MAAM,CAAC,mBAAmB,GAAG,CAAC,QAAQ;yBAC1C,CAAC,EAAA,QAAA,EAEFA,IAAC,IAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAE,eAAe,YAC3C,QAAQ,EAAA,CACN,GACL,EACH,CAAA,EAAA,EA1BF,uBAAuB,CAAC,GAAG,CA2B9B,EACR;AACN,SAAC,CAAC,CAAC;KACN,EAAE,CAAC,wBAAwB,EAAE,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;AAErE,IAAA,MAAM,cAAc,GAAG,CAAC,aAA8C,KAAI;AACtE,QAAA,IAAI,aAAa,CAAC,MAAM,IAAI,CAAC,EAAE;AAC3B,YAAA,OAAO,IAAI,CAAC;AACf,SAAA;QACD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE,GAAG,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC;QACnG,QACIA,aAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,EACzC,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,WAAW,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAE,eAAe,EAAA,CAAI,EACnE,CAAA,EACR;AACN,KAAC,CAAC;IAEF,QACIC,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE;AACtC,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,QAAQ;AACvC,SAAA,CAAC,EACF,GAAG,EAAE,YAAY,aACR,MAAM,EAAA,QAAA,EAAA,CAEfA,IACK,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CAAA,wBAAwB,CAAC,CAAC,CAAC,EAAE,YAAY,EACzC,wBAAwB,CAAC,MAAM,GAAG,CAAC,IAAID,GAAA,CAAC,kBAAkB,EAAG,EAAA,CAAA,CAAA,EAAA,CAC5D,EACL,YAAY,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,KAClCC,IACI,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAF,GAAA,CAAA,QAAA,EAAA,EACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,iBAAiB,EACnC,GAAG,EAAE,YAAY,EACjB,OAAO,EAAE,uBAAuB,EAAA,SAAA,EACxB,oBAAoB,EAAA,QAAA,EAE5BA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,QAAA,EACnCA,IAAC,IAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAE,eAAe,EAEzC,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CACJ,EACF,CAAA,EACTA,IAAC,IAAI,EAAA,EACD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,YAAY,EAClB,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,iBAAiB,EAC1B,OAAO,EAAE,uBAAuB,EAAA,QAAA,EAE/B,mBAAmB,EAAA,CACjB,EACPA,GAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAE,CAAC,QAAQ,IAAI,iBAAiB,EAAE,OAAO,EAAE,uBAAuB,EACjF,QAAA,EAAA,mBAAmB,EACV,CAAA,EACdA,GAAC,CAAA,kBAAkB,EAAG,EAAA,CAAA,CAAA,EAAA,CACvB,CACN,EACA,YAAY,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,KAAI;AAC3C,gBAAA,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;AAChC,gBAAA,MAAM,uBAAuB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;gBAChE,IAAI,CAAC,uBAAuB,EAAE;AAC1B,oBAAA,OAAO,IAAI,CAAC;AACf,iBAAA;gBACD,QACIA,IAAC,sBAAsB,EAAA,EAAmC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAC3F,QAAA,EAAA,uBAAuB,CAAC,YAAY,EAAA,EADZ,uBAAuB,CAAC,GAAG,CAE/B,EAC3B;aACL,CAAC,EACD,cAAc,CAAC,wBAAwB,CAAC,EACzCA,aAAK,SAAS,EAAE,MAAM,CAAC,qBAAqB,EAAE,GAAG,EAAE,aAAa,EAAI,CAAA,CAAA,EAAA,CAClE,EACR;AACN,EAAE;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/BreadcrumbsDivider.js

@@ -1,7 +1,7 @@
 import './index.css';
 import { jsx } from 'react/jsx-runtime';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from './breadcrumbs-0993f3f8.js';
+import { s as styles } from './breadcrumbs-24c1e219.js';
 
 const BreadcrumbsDivider = () => {
     return (jsx("span", { className: styles.breadcrumbsDivider, children: jsx(Text, { Element: "span", typography: "label-3-regular", children: "/" }) }));

package/BreadcrumbsDynamicLink.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
 import { BreadcrumbsDivider } from './BreadcrumbsDivider.js';
 import '@hh.ru/magritte-ui-typography';
-import './breadcrumbs-0993f3f8.js';
+import './breadcrumbs-24c1e219.js';
 
 const BreadcrumbsDynamicLink = ({ index, children, refreshItem }) => {
     const breadcrumbsDynamicLinkRef = useRef(null);

package/BreadcrumbsItem.js

@@ -2,7 +2,7 @@ import './index.css';
 import { jsx } from 'react/jsx-runtime';
 import { Link } from '@hh.ru/magritte-ui-link';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from './breadcrumbs-0993f3f8.js';
+import { s as styles } from './breadcrumbs-24c1e219.js';
 
 const BreadcrumbsItem = ({ ...props }) => {
     return (jsx(Link, { ...props, typography: "label-3-regular", inline: true, children: jsx("span", { className: styles.breadcrumbsItem, children: jsx(Text, { Element: "span", typography: "label-3-regular", children: props.children }) }) }));

package/breadcrumbs-24c1e219.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"breadcrumbs":"magritte-breadcrumbs___Go2gs_4-0-1","breadcrumbs_hidden":"magritte-breadcrumbs_hidden___pQ8iE_4-0-1","breadcrumbsHidden":"magritte-breadcrumbs_hidden___pQ8iE_4-0-1","breadcrumbs-empty-space":"magritte-breadcrumbs-empty-space___AtfWO_4-0-1","breadcrumbsEmptySpace":"magritte-breadcrumbs-empty-space___AtfWO_4-0-1","breadcrumbs-item":"magritte-breadcrumbs-item___7mTAI_4-0-1","breadcrumbsItem":"magritte-breadcrumbs-item___7mTAI_4-0-1","breadcrumbs-item_current":"magritte-breadcrumbs-item_current___ab215_4-0-1","breadcrumbsItemCurrent":"magritte-breadcrumbs-item_current___ab215_4-0-1","breadcrumbs-item_bottom-sheet":"magritte-breadcrumbs-item_bottom-sheet___ETvwH_4-0-1","breadcrumbsItemBottomSheet":"magritte-breadcrumbs-item_bottom-sheet___ETvwH_4-0-1","breadcrumbs-item_drop":"magritte-breadcrumbs-item_drop___-3MTt_4-0-1","breadcrumbsItemDrop":"magritte-breadcrumbs-item_drop___-3MTt_4-0-1","breadcrumbs-divider":"magritte-breadcrumbs-divider___0esPB_4-0-1","breadcrumbsDivider":"magritte-breadcrumbs-divider___0esPB_4-0-1","breadcrumbs-action":"magritte-breadcrumbs-action___jZw4w_4-0-1","breadcrumbsAction":"magritte-breadcrumbs-action___jZw4w_4-0-1","breadcrumbs-card_bottom-sheet":"magritte-breadcrumbs-card_bottom-sheet___T4Dpd_4-0-1","breadcrumbsCardBottomSheet":"magritte-breadcrumbs-card_bottom-sheet___T4Dpd_4-0-1","breadcrumbs-card_drop":"magritte-breadcrumbs-card_drop___Gw3ry_4-0-1","breadcrumbsCardDrop":"magritte-breadcrumbs-card_drop___Gw3ry_4-0-1"};
+
+export { styles as s };
+//# sourceMappingURL=breadcrumbs-24c1e219.js.map

package/breadcrumbs-24c1e219.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-24c1e219.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/index.css

@@ -19,32 +19,32 @@
   --magritte-color-component-breadcrumbs-text-state-secondary-hovered-v18-1-2:#767676;
   --magritte-color-component-breadcrumbs-text-state-secondary-pressed-v18-1-2:#5E5E5E;
 }
-.magritte-breadcrumbs___Go2gs_3-4-1{
+.magritte-breadcrumbs___Go2gs_4-0-1{
   display:flex;
   position:relative;
   white-space:nowrap;
   padding:var(--magritte-static-space-300-v18-1-2) 0;
   --magritte-ui-text-color-override:var(--magritte-color-component-breadcrumbs-text-tertiary-v18-1-2);
 }
-.magritte-breadcrumbs_hidden___pQ8iE_3-4-1{
+.magritte-breadcrumbs_hidden___pQ8iE_4-0-1{
   display:none;
 }
-.magritte-breadcrumbs-empty-space___AtfWO_3-4-1{
+.magritte-breadcrumbs-empty-space___AtfWO_4-0-1{
   width:100%;
 }
-.magritte-breadcrumbs-item___7mTAI_3-4-1{
+.magritte-breadcrumbs-item___7mTAI_4-0-1{
   --magritte-ui-text-color-override:var(--magritte-color-component-breadcrumbs-text-secondary-v18-1-2);
 }
-.magritte-breadcrumbs-item___7mTAI_3-4-1:hover{
+.magritte-breadcrumbs-item___7mTAI_4-0-1:hover{
   --magritte-ui-text-color-override:var(--magritte-color-component-breadcrumbs-text-state-secondary-hovered-v18-1-2);
 }
-.magritte-breadcrumbs-item___7mTAI_3-4-1:active{
+.magritte-breadcrumbs-item___7mTAI_4-0-1:active{
   --magritte-ui-text-color-override:var(--magritte-color-component-breadcrumbs-text-state-secondary-pressed-v18-1-2);
 }
-.magritte-breadcrumbs-item_current___ab215_3-4-1{
+.magritte-breadcrumbs-item_current___ab215_4-0-1{
   --magritte-ui-text-color-override:var(--magritte-color-component-breadcrumbs-text-primary-v18-1-2);
 }
-.magritte-breadcrumbs-item_bottom-sheet___ETvwH_3-4-1{
+.magritte-breadcrumbs-item_bottom-sheet___ETvwH_4-0-1{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
@@ -52,21 +52,21 @@
   color:var(--magritte-color-component-breadcrumbs-text-primary-v18-1-2);
   --magritte-ui-text-color-override:var(--magritte-color-component-breadcrumbs-text-primary-v18-1-2);
 }
-.magritte-breadcrumbs-item_drop___-3MTt_3-4-1{
+.magritte-breadcrumbs-item_drop___-3MTt_4-0-1{
   line-height:inherit;
 }
-.magritte-breadcrumbs-divider___0esPB_3-4-1{
+.magritte-breadcrumbs-divider___0esPB_4-0-1{
   position:relative;
   bottom:1px;
   padding:0 var(--magritte-static-space-150-v18-1-2);
   --magritte-ui-text-color-override:var(--magritte-color-component-breadcrumbs-text-tertiary-v18-1-2);
 }
-.magritte-breadcrumbs-action___jZw4w_3-4-1{
+.magritte-breadcrumbs-action___jZw4w_4-0-1{
   min-width:var(--magritte-static-space-500-v18-1-2);
 }
-.magritte-breadcrumbs-card_bottom-sheet___T4Dpd_3-4-1:not(.magritte-breadcrumbs-card_bottom-sheet___T4Dpd_3-4-1:last-child){
+.magritte-breadcrumbs-card_bottom-sheet___T4Dpd_4-0-1:not(.magritte-breadcrumbs-card_bottom-sheet___T4Dpd_4-0-1:last-child){
   margin-bottom:var(--magritte-static-space-200-v18-1-2);
 }
-.magritte-breadcrumbs-card_drop___Gw3ry_3-4-1:not(.magritte-breadcrumbs-card_drop___Gw3ry_3-4-1:last-child){
+.magritte-breadcrumbs-card_drop___Gw3ry_4-0-1:not(.magritte-breadcrumbs-card_drop___Gw3ry_4-0-1:last-child){
   margin-bottom:var(--magritte-static-space-100-v18-1-2);
 }

package/index.js

@@ -8,7 +8,7 @@ import 'classnames';
 import '@hh.ru/magritte-ui-bottom-sheet';
 import './BreadcrumbsDivider.js';
 import '@hh.ru/magritte-ui-typography';
-import './breadcrumbs-0993f3f8.js';
+import './breadcrumbs-24c1e219.js';
 import './BreadcrumbsDynamicLink.js';
 import './useDynamicDisplayContent.js';
 import '@hh.ru/magritte-common-func-utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-breadcrumbs",
-  "version": "3.4.1",
+  "version": "4.0.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -22,14 +22,14 @@
     "@hh.ru/magritte-common-func-utils": "1.3.6",
     "@hh.ru/magritte-design-tokens": "18.1.2",
     "@hh.ru/magritte-types": "4.0.1",
-    "@hh.ru/magritte-ui-bottom-sheet": "4.1.25",
-    "@hh.ru/magritte-ui-breakpoint": "4.0.1",
-    "@hh.ru/magritte-ui-card": "6.0.3",
-    "@hh.ru/magritte-ui-drop": "5.1.1",
-    "@hh.ru/magritte-ui-link": "4.1.3",
+    "@hh.ru/magritte-ui-bottom-sheet": "4.1.27",
+    "@hh.ru/magritte-ui-breakpoint": "4.0.2",
+    "@hh.ru/magritte-ui-card": "6.0.5",
+    "@hh.ru/magritte-ui-drop": "5.1.2",
+    "@hh.ru/magritte-ui-link": "4.1.5",
     "@hh.ru/magritte-ui-mock-component": "1.0.10",
-    "@hh.ru/magritte-ui-theme-provider": "1.1.22",
-    "@hh.ru/magritte-ui-typography": "3.0.9"
+    "@hh.ru/magritte-ui-theme-provider": "1.1.23",
+    "@hh.ru/magritte-ui-typography": "3.0.10"
   },
   "peerDependencies": {
     "classnames": ">=2.3.2",
@@ -38,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f983d20d02117bd1e412d635d854ab7c47492692"
+  "gitHead": "a72846c6f393720276c3a8abcbd754142906f5d1"
 }

package/types.d.ts

@@ -23,6 +23,6 @@ export interface BreadcrumbsProps {
     /** Массив элементов из которых будет построена цепочка навигации */
     children: BreadcrumbsItem[];
     /** data-qa атрибут */
-    dataQa?: string;
+    'data-qa'?: string;
 }
 export {};

package/breadcrumbs-0993f3f8.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"breadcrumbs":"magritte-breadcrumbs___Go2gs_3-4-1","breadcrumbs_hidden":"magritte-breadcrumbs_hidden___pQ8iE_3-4-1","breadcrumbsHidden":"magritte-breadcrumbs_hidden___pQ8iE_3-4-1","breadcrumbs-empty-space":"magritte-breadcrumbs-empty-space___AtfWO_3-4-1","breadcrumbsEmptySpace":"magritte-breadcrumbs-empty-space___AtfWO_3-4-1","breadcrumbs-item":"magritte-breadcrumbs-item___7mTAI_3-4-1","breadcrumbsItem":"magritte-breadcrumbs-item___7mTAI_3-4-1","breadcrumbs-item_current":"magritte-breadcrumbs-item_current___ab215_3-4-1","breadcrumbsItemCurrent":"magritte-breadcrumbs-item_current___ab215_3-4-1","breadcrumbs-item_bottom-sheet":"magritte-breadcrumbs-item_bottom-sheet___ETvwH_3-4-1","breadcrumbsItemBottomSheet":"magritte-breadcrumbs-item_bottom-sheet___ETvwH_3-4-1","breadcrumbs-item_drop":"magritte-breadcrumbs-item_drop___-3MTt_3-4-1","breadcrumbsItemDrop":"magritte-breadcrumbs-item_drop___-3MTt_3-4-1","breadcrumbs-divider":"magritte-breadcrumbs-divider___0esPB_3-4-1","breadcrumbsDivider":"magritte-breadcrumbs-divider___0esPB_3-4-1","breadcrumbs-action":"magritte-breadcrumbs-action___jZw4w_3-4-1","breadcrumbsAction":"magritte-breadcrumbs-action___jZw4w_3-4-1","breadcrumbs-card_bottom-sheet":"magritte-breadcrumbs-card_bottom-sheet___T4Dpd_3-4-1","breadcrumbsCardBottomSheet":"magritte-breadcrumbs-card_bottom-sheet___T4Dpd_3-4-1","breadcrumbs-card_drop":"magritte-breadcrumbs-card_drop___Gw3ry_3-4-1","breadcrumbsCardDrop":"magritte-breadcrumbs-card_drop___Gw3ry_3-4-1"};
-
-export { styles as s };
-//# sourceMappingURL=breadcrumbs-0993f3f8.js.map

package/breadcrumbs-0993f3f8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumbs-0993f3f8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}