@coveord/plasma-mantine 56.3.1 → 56.3.2

package/dist/cjs/components/header/Header.d.ts

@@ -9,7 +9,7 @@ export type { HeaderBreadcrumbsProps } from './HeaderBreadcrumbs/HeaderBreadcrum
 export type { HeaderDocAnchorProps } from './HeaderDocAnchor/HeaderDocAnchor.js';
 export type { HeaderRightProps } from './HeaderRight/HeaderRight.js';
 export type HeaderVariant = 'primary' | 'secondary';
-export type HeaderStyleNames = 'root' | 'title' | 'description' | 'divider' | 'body' | HeaderDocAnchorStyleNames | HeaderBreadcrumbsStyleNames | HeaderBreadcrumbAnchorStyleNames | HeaderBreadcrumbTextStyleNames | HeaderBreadcrumbsStyleNames | HeaderRightStyleNames;
+export type HeaderStyleNames = 'root' | 'title' | 'description' | 'divider' | 'body' | HeaderDocAnchorStyleNames | HeaderBreadcrumbsStyleNames | HeaderBreadcrumbAnchorStyleNames | HeaderBreadcrumbTextStyleNames | HeaderRightStyleNames;
 export interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'attributes'> {
     /**
      * The description text displayed inside the header underneath the title

package/dist/cjs/components/header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,WAAW,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrE,OAAO,EACH,sBAAsB,EACtB,KAAK,gCAAgC,EACxC,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAC,iBAAiB,EAAE,2BAA2B,EAAC,MAAM,0CAA0C,CAAC;AACxG,OAAO,EAAC,oBAAoB,EAAE,8BAA8B,EAAC,MAAM,6CAA6C,CAAC;AACjH,OAAO,EAAC,eAAe,EAAE,yBAAyB,EAAC,MAAM,sCAAsC,CAAC;AAChG,OAAO,EAAC,WAAW,EAAE,qBAAqB,EAAC,MAAM,8BAA8B,CAAC;AAEhF,YAAY,EAAC,sBAAsB,EAAC,MAAM,0CAA0C,CAAC;AACrF,YAAY,EAAC,oBAAoB,EAAC,MAAM,sCAAsC,CAAC;AAC/E,YAAY,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,gBAAgB,GACtB,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,MAAM,GACN,yBAAyB,GACzB,2BAA2B,GAC3B,gCAAgC,GAChC,8BAA8B,GAC9B,2BAA2B,GAC3B,qBAAqB,CAAC;AAE5B,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;IACjF;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;CAChC;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,gBAAgB,EAAE,OAAO,sBAAsB,CAAC;QAChD,cAAc,EAAE,OAAO,oBAAoB,CAAC;QAC5C,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC,CAAC;CACL,CAAC,CAAC;AAUH,eAAO,MAAM,MAAM;WArBR,WAAW;SACb,cAAc;aACV,aAAa;iBACT,gBAAgB;sBACX;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,gBAAgB,EAAE,OAAO,sBAAsB,CAAC;QAChD,cAAc,EAAE,OAAO,oBAAoB,CAAC;QAC5C,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC;EAsEH,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,WAAW,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrE,OAAO,EACH,sBAAsB,EACtB,KAAK,gCAAgC,EACxC,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAC,iBAAiB,EAAE,2BAA2B,EAAC,MAAM,0CAA0C,CAAC;AACxG,OAAO,EAAC,oBAAoB,EAAE,8BAA8B,EAAC,MAAM,6CAA6C,CAAC;AACjH,OAAO,EAAC,eAAe,EAAE,yBAAyB,EAAC,MAAM,sCAAsC,CAAC;AAChG,OAAO,EAAC,WAAW,EAAE,qBAAqB,EAAC,MAAM,8BAA8B,CAAC;AAEhF,YAAY,EAAC,sBAAsB,EAAC,MAAM,0CAA0C,CAAC;AACrF,YAAY,EAAC,oBAAoB,EAAC,MAAM,sCAAsC,CAAC;AAC/E,YAAY,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,gBAAgB,GACtB,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,MAAM,GACN,yBAAyB,GACzB,2BAA2B,GAC3B,gCAAgC,GAChC,8BAA8B,GAC9B,qBAAqB,CAAC;AAE5B,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;IACjF;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;CAChC;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,gBAAgB,EAAE,OAAO,sBAAsB,CAAC;QAChD,cAAc,EAAE,OAAO,oBAAoB,CAAC;QAC5C,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC,CAAC;CACL,CAAC,CAAC;AAUH,eAAO,MAAM,MAAM;WArBR,WAAW;SACb,cAAc;aACV,aAAa;iBACT,gBAAgB;sBACX;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,gBAAgB,EAAE,OAAO,sBAAsB,CAAC;QAChD,cAAc,EAAE,OAAO,oBAAoB,CAAC;QAC5C,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC;EAsEH,CAAC"}

package/dist/cjs/components/header/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n    Divider,\n    Factory,\n    Group,\n    GroupProps,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    factory,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ElementType, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context.js';\nimport classes from './Header.module.css';\nimport {\n    HeaderBreadcrumbAnchor,\n    type HeaderBreadcrumbAnchorStyleNames,\n} from './HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nimport {HeaderBreadcrumbText, HeaderBreadcrumbTextStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbText.js';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor.js';\nimport {HeaderRight, HeaderRightStyleNames} from './HeaderRight/HeaderRight.js';\n\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor.js';\nexport type {HeaderRightProps} from './HeaderRight/HeaderRight.js';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n    | 'root'\n    | 'title'\n    | 'description'\n    | 'divider'\n    | 'body'\n    | HeaderDocAnchorStyleNames\n    | HeaderBreadcrumbsStyleNames\n    | HeaderBreadcrumbAnchorStyleNames\n    | HeaderBreadcrumbTextStyleNames\n    | HeaderBreadcrumbsStyleNames\n    | HeaderRightStyleNames;\n\nexport interface HeaderProps\n    extends StylesApiProps<HeaderFactory>,\n        Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'attributes'> {\n    /**\n     * The description text displayed inside the header underneath the title\n     */\n    description?: ReactNode;\n    /**\n     * Whether the header should have a border on the bottom\n     */\n    borderBottom?: boolean;\n    /**\n     * Use the primary variant for page header and secondary variant elsewhere\n     *\n     * @default 'primary'\n     */\n    variant?: 'primary' | 'secondary';\n    /**\n     * The title of the header.\n     */\n    children: ReactNode;\n    /**\n     * The component used to render the title.\n     *\n     * @default Title\n     * @example 'h2'\n     */\n    titleComponent?: ElementType;\n}\n\nexport type HeaderFactory = Factory<{\n    props: HeaderProps;\n    ref: HTMLDivElement;\n    variant: HeaderVariant;\n    stylesNames: HeaderStyleNames;\n    staticComponents: {\n        Breadcrumbs: typeof HeaderBreadcrumbs;\n        BreadcrumbAnchor: typeof HeaderBreadcrumbAnchor;\n        BreadcrumbText: typeof HeaderBreadcrumbText;\n        Right: typeof HeaderRight;\n        DocAnchor: typeof HeaderDocAnchor;\n    };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n    variant: 'primary',\n    justify: 'space-between',\n    wrap: 'nowrap',\n};\n\nconst getSpacing = (variant: HeaderVariant) => (variant === 'secondary' ? 'xxs' : 'xs');\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeader', defaultProps, _props);\n    const {\n        className,\n        description,\n        borderBottom,\n        variant,\n        children,\n        style,\n        classNames,\n        unstyled,\n        vars,\n        styles,\n        titleComponent: TitleComponent,\n        ...others\n    } = props;\n    const getStyles = useStyles<HeaderFactory>({\n        name: 'PlasmaHeader',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n    const right = convertedChildren.find((child) => child.type === HeaderRight);\n    const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n    const otherChildren = convertedChildren.filter(\n        (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderRight && child.type !== HeaderDocAnchor,\n    );\n    return (\n        <HeaderProvider value={{getStyles}}>\n            <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n                <Stack gap={getSpacing(variant)}>\n                    {breadcrumbs}\n                    <Title\n                        variant={variant}\n                        component={TitleComponent}\n                        order={variant === 'primary' ? 1 : 3}\n                        {...getStyles('title', stylesApiProps)}\n                    >\n                        {otherChildren}\n                        {docAnchor}\n                    </Title>\n                    <Text {...getStyles('description', stylesApiProps)} size={variant === 'primary' ? 'md' : 'sm'}>\n                        {description}\n                    </Text>\n                </Stack>\n                {right}\n            </Group>\n            {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n        </HeaderProvider>\n    );\n});\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.BreadcrumbAnchor = HeaderBreadcrumbAnchor;\nHeader.BreadcrumbText = HeaderBreadcrumbText;\nHeader.Right = HeaderRight;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","justify","wrap","getSpacing","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","titleComponent","TitleComponent","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","right","HeaderRight","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","component","order","Text","size","Divider","Breadcrumbs","BreadcrumbAnchor","HeaderBreadcrumbAnchor","BreadcrumbText","HeaderBreadcrumbText","Right","DocAnchor"],"mappings":";;;;+BA+FaA;;;eAAAA;;;;;;;;oBAnFN;qBACsD;6BAChC;wEACT;sCAIb;iCACsD;oCACM;+BACV;2BACR;AAgEjD,IAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEA,IAAMC,aAAa,SAACH;WAA4BA,YAAY,cAAc,QAAQ;;AAE3E,IAAMF,SAASM,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,gBAAgBT,cAAcM;IACrD,IACII,YAYAF,MAZAE,WACAC,cAWAH,MAXAG,aACAC,eAUAJ,MAVAI,cACAX,UASAO,MATAP,SACAY,WAQAL,MARAK,UACAC,QAOAN,MAPAM,OACAC,aAMAP,MANAO,YACAC,WAKAR,MALAQ,UACAC,OAIAT,MAJAS,MACAC,SAGAV,MAHAU,QACAC,AAAgBC,iBAEhBZ,MAFAW,gBACGE,sCACHb;QAZAE;QACAC;QACAC;QACAX;QACAY;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAMG,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNhB,OAAAA;QACAiB,SAAAA,wBAAO;QACPf,WAAAA;QACAI,OAAAA;QACAC,YAAAA;QACAG,QAAAA;QACAF,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMS,iBAAiB;QAACX,YAAAA;QAAYG,QAAAA;IAAM;IAE1C,IAAMS,oBAAoBC,eAAQ,CAACC,OAAO,CAAChB;IAC3C,IAAMiB,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,QAAQR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,wBAAW;;IAC1E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,wBAAW,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAE/G,qBACI,sBAACG,6BAAc;QAACC,OAAO;YAACpB,WAAAA;QAAS;;0BAC7B,sBAACqB,WAAK;gBAACpC,KAAKA;gBAAKN,SAASA;eAAaqB,UAAU,SAAaD;;kCAC1D,sBAACuB,WAAK;wBAACC,KAAKzC,WAAWH;;4BAClB6B;0CACD,sBAACgB,WAAK;gCACF7C,SAASA;gCACT8C,WAAW3B;gCACX4B,OAAO/C,YAAY,YAAY,IAAI;+BAC/BqB,UAAU,SAASI;;oCAEtBa;oCACAF;;;0CAEL,qBAACY,UAAI,8CAAK3B,UAAU,eAAeI;gCAAiBwB,MAAMjD,YAAY,YAAY,OAAO;0CACpFU;;;;oBAGRwB;;;YAEJvB,6BAAe,qBAACuC,aAAO,8CAAK7B,UAAU,WAAWI;gBAAiBwB,MAAK;kBAAU;;;AAG9F;AAEAnD,OAAOqD,WAAW,GAAGlB,oCAAiB;AACtCnC,OAAOsD,gBAAgB,GAAGC,8CAAsB;AAChDvD,OAAOwD,cAAc,GAAGC,0CAAoB;AAC5CzD,OAAO0D,KAAK,GAAGrB,wBAAW;AAC1BrC,OAAO2D,SAAS,GAAGpB,gCAAe"}
+{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n    Divider,\n    Factory,\n    Group,\n    GroupProps,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    factory,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ElementType, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context.js';\nimport classes from './Header.module.css';\nimport {\n    HeaderBreadcrumbAnchor,\n    type HeaderBreadcrumbAnchorStyleNames,\n} from './HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nimport {HeaderBreadcrumbText, HeaderBreadcrumbTextStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbText.js';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor.js';\nimport {HeaderRight, HeaderRightStyleNames} from './HeaderRight/HeaderRight.js';\n\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor.js';\nexport type {HeaderRightProps} from './HeaderRight/HeaderRight.js';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n    | 'root'\n    | 'title'\n    | 'description'\n    | 'divider'\n    | 'body'\n    | HeaderDocAnchorStyleNames\n    | HeaderBreadcrumbsStyleNames\n    | HeaderBreadcrumbAnchorStyleNames\n    | HeaderBreadcrumbTextStyleNames\n    | HeaderRightStyleNames;\n\nexport interface HeaderProps\n    extends StylesApiProps<HeaderFactory>,\n        Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'attributes'> {\n    /**\n     * The description text displayed inside the header underneath the title\n     */\n    description?: ReactNode;\n    /**\n     * Whether the header should have a border on the bottom\n     */\n    borderBottom?: boolean;\n    /**\n     * Use the primary variant for page header and secondary variant elsewhere\n     *\n     * @default 'primary'\n     */\n    variant?: 'primary' | 'secondary';\n    /**\n     * The title of the header.\n     */\n    children: ReactNode;\n    /**\n     * The component used to render the title.\n     *\n     * @default Title\n     * @example 'h2'\n     */\n    titleComponent?: ElementType;\n}\n\nexport type HeaderFactory = Factory<{\n    props: HeaderProps;\n    ref: HTMLDivElement;\n    variant: HeaderVariant;\n    stylesNames: HeaderStyleNames;\n    staticComponents: {\n        Breadcrumbs: typeof HeaderBreadcrumbs;\n        BreadcrumbAnchor: typeof HeaderBreadcrumbAnchor;\n        BreadcrumbText: typeof HeaderBreadcrumbText;\n        Right: typeof HeaderRight;\n        DocAnchor: typeof HeaderDocAnchor;\n    };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n    variant: 'primary',\n    justify: 'space-between',\n    wrap: 'nowrap',\n};\n\nconst getSpacing = (variant: HeaderVariant) => (variant === 'secondary' ? 'xxs' : 'xs');\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeader', defaultProps, _props);\n    const {\n        className,\n        description,\n        borderBottom,\n        variant,\n        children,\n        style,\n        classNames,\n        unstyled,\n        vars,\n        styles,\n        titleComponent: TitleComponent,\n        ...others\n    } = props;\n    const getStyles = useStyles<HeaderFactory>({\n        name: 'PlasmaHeader',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n    const right = convertedChildren.find((child) => child.type === HeaderRight);\n    const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n    const otherChildren = convertedChildren.filter(\n        (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderRight && child.type !== HeaderDocAnchor,\n    );\n    return (\n        <HeaderProvider value={{getStyles}}>\n            <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n                <Stack gap={getSpacing(variant)}>\n                    {breadcrumbs}\n                    <Title\n                        variant={variant}\n                        component={TitleComponent}\n                        order={variant === 'primary' ? 1 : 3}\n                        {...getStyles('title', stylesApiProps)}\n                    >\n                        {otherChildren}\n                        {docAnchor}\n                    </Title>\n                    <Text {...getStyles('description', stylesApiProps)} size={variant === 'primary' ? 'md' : 'sm'}>\n                        {description}\n                    </Text>\n                </Stack>\n                {right}\n            </Group>\n            {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n        </HeaderProvider>\n    );\n});\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.BreadcrumbAnchor = HeaderBreadcrumbAnchor;\nHeader.BreadcrumbText = HeaderBreadcrumbText;\nHeader.Right = HeaderRight;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","justify","wrap","getSpacing","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","titleComponent","TitleComponent","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","right","HeaderRight","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","component","order","Text","size","Divider","Breadcrumbs","BreadcrumbAnchor","HeaderBreadcrumbAnchor","BreadcrumbText","HeaderBreadcrumbText","Right","DocAnchor"],"mappings":";;;;+BA8FaA;;;eAAAA;;;;;;;;oBAlFN;qBACsD;6BAChC;wEACT;sCAIb;iCACsD;oCACM;+BACV;2BACR;AA+DjD,IAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEA,IAAMC,aAAa,SAACH;WAA4BA,YAAY,cAAc,QAAQ;;AAE3E,IAAMF,SAASM,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,gBAAgBT,cAAcM;IACrD,IACII,YAYAF,MAZAE,WACAC,cAWAH,MAXAG,aACAC,eAUAJ,MAVAI,cACAX,UASAO,MATAP,SACAY,WAQAL,MARAK,UACAC,QAOAN,MAPAM,OACAC,aAMAP,MANAO,YACAC,WAKAR,MALAQ,UACAC,OAIAT,MAJAS,MACAC,SAGAV,MAHAU,QACAC,AAAgBC,iBAEhBZ,MAFAW,gBACGE,sCACHb;QAZAE;QACAC;QACAC;QACAX;QACAY;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAMG,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNhB,OAAAA;QACAiB,SAAAA,wBAAO;QACPf,WAAAA;QACAI,OAAAA;QACAC,YAAAA;QACAG,QAAAA;QACAF,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMS,iBAAiB;QAACX,YAAAA;QAAYG,QAAAA;IAAM;IAE1C,IAAMS,oBAAoBC,eAAQ,CAACC,OAAO,CAAChB;IAC3C,IAAMiB,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,QAAQR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,wBAAW;;IAC1E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,wBAAW,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAE/G,qBACI,sBAACG,6BAAc;QAACC,OAAO;YAACpB,WAAAA;QAAS;;0BAC7B,sBAACqB,WAAK;gBAACpC,KAAKA;gBAAKN,SAASA;eAAaqB,UAAU,SAAaD;;kCAC1D,sBAACuB,WAAK;wBAACC,KAAKzC,WAAWH;;4BAClB6B;0CACD,sBAACgB,WAAK;gCACF7C,SAASA;gCACT8C,WAAW3B;gCACX4B,OAAO/C,YAAY,YAAY,IAAI;+BAC/BqB,UAAU,SAASI;;oCAEtBa;oCACAF;;;0CAEL,qBAACY,UAAI,8CAAK3B,UAAU,eAAeI;gCAAiBwB,MAAMjD,YAAY,YAAY,OAAO;0CACpFU;;;;oBAGRwB;;;YAEJvB,6BAAe,qBAACuC,aAAO,8CAAK7B,UAAU,WAAWI;gBAAiBwB,MAAK;kBAAU;;;AAG9F;AAEAnD,OAAOqD,WAAW,GAAGlB,oCAAiB;AACtCnC,OAAOsD,gBAAgB,GAAGC,8CAAsB;AAChDvD,OAAOwD,cAAc,GAAGC,0CAAoB;AAC5CzD,OAAO0D,KAAK,GAAGrB,wBAAW;AAC1BrC,OAAO2D,SAAS,GAAGpB,gCAAe"}

package/dist/cjs/components/header/Header.module.css

@@ -19,3 +19,7 @@
     margin-left: var(--mantine-spacing-xs);
     vertical-align: middle;
 }
+
+.breadcrumbText {
+    color: var(--coveo-color-title);
+}

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.d.ts

@@ -1,37 +1,46 @@
 import { type AnchorProps, type PolymorphicFactory } from '@mantine/core';
-export type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor';
+import { ReactNode } from 'react';
+export interface HeaderBreadcrumbAnchorProps extends AnchorProps {
+    /**
+     * If true, only one breadcrumb will be displayed with a back arrow
+     * @default false
+     **/
+    single?: boolean;
+    children: ReactNode;
+}
+export type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor' | 'breadcrumbAnchorSingleGroup';
 export type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{
-    props: AnchorProps;
+    props: HeaderBreadcrumbAnchorProps;
     ref: HTMLAnchorElement;
     stylesNames: HeaderBreadcrumbAnchorStyleNames;
     compound: true;
     defaultComponent: 'a';
     defaultRef: HTMLAnchorElement;
 }>;
-export declare const HeaderBreadcrumbAnchor: (<C = "a">(props: import("@mantine/core").PolymorphicComponentProps<C, AnchorProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(AnchorProps & {
+export declare const HeaderBreadcrumbAnchor: (<C = "a">(props: import("@mantine/core").PolymorphicComponentProps<C, HeaderBreadcrumbAnchorProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(HeaderBreadcrumbAnchorProps & {
     component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof AnchorProps> & {
+} & Omit<Omit<any, "ref">, "component" | keyof HeaderBreadcrumbAnchorProps> & {
     ref?: any;
     renderRoot?: (props: any) => any;
-}) | (AnchorProps & {
+}) | (HeaderBreadcrumbAnchorProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
 })>, never> & import("@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
-    props: AnchorProps;
+    props: HeaderBreadcrumbAnchorProps;
     ref: HTMLAnchorElement;
     stylesNames: HeaderBreadcrumbAnchorStyleNames;
     compound: true;
     defaultComponent: "a";
     defaultRef: HTMLAnchorElement;
 }> & import("@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
-    props: AnchorProps;
+    props: HeaderBreadcrumbAnchorProps;
     ref: HTMLAnchorElement;
     stylesNames: HeaderBreadcrumbAnchorStyleNames;
     compound: true;
     defaultComponent: "a";
     defaultRef: HTMLAnchorElement;
 }> & import("@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
-    props: AnchorProps;
+    props: HeaderBreadcrumbAnchorProps;
     ref: HTMLAnchorElement;
     stylesNames: HeaderBreadcrumbAnchorStyleNames;
     compound: true;

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderBreadcrumbAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAqB,MAAM,eAAe,CAAC;AAGpG,MAAM,MAAM,gCAAgC,GAAG,kBAAkB,CAAC;AAElE,MAAM,MAAM,6BAA6B,GAAG,kBAAkB,CAAC;IAC3D,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,gCAAgC,CAAC;IAC9C,QAAQ,EAAE,IAAI,CAAC;IACf,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,iBAAiB,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;WARxB,WAAW;SACb,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;;WALtB,WAAW;SACb,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;;WALtB,WAAW;SACb,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;EAe/B,CAAC"}
+{"version":3,"file":"HeaderBreadcrumbAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,WAAW,EAAQ,KAAK,kBAAkB,EAAqB,MAAM,eAAe,CAAC;AAC1G,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,WAAW,2BAA4B,SAAQ,WAAW;IAC5D;;;QAGI;IACJ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,gCAAgC,GAAG,kBAAkB,GAAG,6BAA6B,CAAC;AAElG,MAAM,MAAM,6BAA6B,GAAG,kBAAkB,CAAC;IAC3D,KAAK,EAAE,2BAA2B,CAAC;IACnC,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,gCAAgC,CAAC;IAC9C,QAAQ,EAAE,IAAI,CAAC;IACf,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,iBAAiB,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;WARxB,2BAA2B;SAC7B,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;;WALtB,2BAA2B;SAC7B,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;;WALtB,2BAA2B;SAC7B,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;EA6B/B,CAAC"}

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js

@@ -9,19 +9,40 @@ Object.defineProperty(exports, "HeaderBreadcrumbAnchor", {
     }
 });
 var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _jsxruntime = require("react/jsx-runtime");
+var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _Headercontext = require("../Header.context.js");
 var HeaderBreadcrumbAnchor = (0, _core.polymorphicFactory)(function(props, ref) {
-    var className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, others = _object_without_properties._(props, [
+    var children = props.children, className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, single = props.single, others = _object_without_properties._(props, [
+        "children",
         "className",
         "classNames",
         "styles",
-        "style"
+        "style",
+        "single"
     ]);
     var ctx = (0, _Headercontext.useHeaderContext)();
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Anchor, _object_spread._({
+    var content = single ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Flex, _object_spread_props._(_object_spread._({
+        align: "center"
+    }, ctx.getStyles('breadcrumbAnchorSingleGroup', {
+        className: className,
+        classNames: classNames,
+        styles: styles,
+        style: style,
+        props: props
+    })), {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconChevronLeft, {
+                "aria-label": "arrow pointing back",
+                size: 16
+            }),
+            children
+        ]
+    })) : children;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Anchor, _object_spread_props._(_object_spread._({
         ref: ref,
         inherit: true
     }, ctx.getStyles('breadcrumbAnchor', {
@@ -30,7 +51,9 @@ var HeaderBreadcrumbAnchor = (0, _core.polymorphicFactory)(function(props, ref)
         styles: styles,
         style: style,
         props: props
-    }), others));
+    }), others), {
+        children: content
+    }));
 });
 HeaderBreadcrumbAnchor.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbAnchor';
 

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"sourcesContent":["import {Anchor, type AnchorProps, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor';\n\nexport type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{\n    props: AnchorProps;\n    ref: HTMLAnchorElement;\n    stylesNames: HeaderBreadcrumbAnchorStyleNames;\n    compound: true;\n    defaultComponent: 'a';\n    defaultRef: HTMLAnchorElement;\n}>;\n\nexport const HeaderBreadcrumbAnchor = polymorphicFactory<HeaderBreadcrumbAnchorFactory>((props, ref) => {\n    const {className, classNames, styles, style, ...others} = props;\n    const ctx = useHeaderContext();\n\n    return (\n        <Anchor\n            ref={ref}\n            inherit\n            {...ctx.getStyles('breadcrumbAnchor', {className, classNames, styles, style, props})}\n            {...others}\n        />\n    );\n});\nHeaderBreadcrumbAnchor.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbAnchor';\n"],"names":["HeaderBreadcrumbAnchor","polymorphicFactory","props","ref","className","classNames","styles","style","others","ctx","useHeaderContext","Anchor","inherit","getStyles","displayName"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;oBAduE;6BACrD;AAaxB,IAAMA,yBAAyBC,IAAAA,wBAAkB,EAAgC,SAACC,OAAOC;IAC5F,IAAOC,YAAmDF,MAAnDE,WAAWC,aAAwCH,MAAxCG,YAAYC,SAA4BJ,MAA5BI,QAAQC,QAAoBL,MAApBK,OAAUC,sCAAUN;QAAnDE;QAAWC;QAAYC;QAAQC;;IACtC,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,YAAM;QACHR,KAAKA;QACLS,OAAO;OACHH,IAAII,SAAS,CAAC,oBAAoB;QAACT,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAOL,OAAAA;IAAK,IAC9EM;AAGhB;AACAR,uBAAuBc,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"sourcesContent":["import {IconChevronLeft} from '@coveord/plasma-react-icons';\nimport {Anchor, type AnchorProps, Flex, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport interface HeaderBreadcrumbAnchorProps extends AnchorProps {\n    /**\n     * If true, only one breadcrumb will be displayed with a back arrow\n     * @default false\n     **/\n    single?: boolean;\n    children: ReactNode;\n}\n\nexport type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor' | 'breadcrumbAnchorSingleGroup';\n\nexport type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{\n    props: HeaderBreadcrumbAnchorProps;\n    ref: HTMLAnchorElement;\n    stylesNames: HeaderBreadcrumbAnchorStyleNames;\n    compound: true;\n    defaultComponent: 'a';\n    defaultRef: HTMLAnchorElement;\n}>;\n\nexport const HeaderBreadcrumbAnchor = polymorphicFactory<HeaderBreadcrumbAnchorFactory>((props, ref) => {\n    const {children, className, classNames, styles, style, single, ...others} = props;\n    const ctx = useHeaderContext();\n\n    const content = single ? (\n        <Flex\n            align=\"center\"\n            {...ctx.getStyles('breadcrumbAnchorSingleGroup', {className, classNames, styles, style, props})}\n        >\n            <IconChevronLeft aria-label=\"arrow pointing back\" size={16} />\n            {children}\n        </Flex>\n    ) : (\n        children\n    );\n\n    return (\n        <Anchor\n            ref={ref}\n            inherit\n            {...ctx.getStyles('breadcrumbAnchor', {className, classNames, styles, style, props})}\n            {...others}\n        >\n            {content}\n        </Anchor>\n    );\n});\nHeaderBreadcrumbAnchor.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbAnchor';\n"],"names":["HeaderBreadcrumbAnchor","polymorphicFactory","props","ref","children","className","classNames","styles","style","single","others","ctx","useHeaderContext","content","Flex","align","getStyles","IconChevronLeft","aria-label","size","Anchor","inherit","displayName"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;gCAzBiB;oBAC4D;6BAE3D;AAsBxB,IAAMA,yBAAyBC,IAAAA,wBAAkB,EAAgC,SAACC,OAAOC;IAC5F,IAAOC,WAAqEF,MAArEE,UAAUC,YAA2DH,MAA3DG,WAAWC,aAAgDJ,MAAhDI,YAAYC,SAAoCL,MAApCK,QAAQC,QAA4BN,MAA5BM,OAAOC,SAAqBP,MAArBO,QAAWC,sCAAUR;QAArEE;QAAUC;QAAWC;QAAYC;QAAQC;QAAOC;;IACvD,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,IAAMC,UAAUJ,uBACZ,sBAACK,UAAI;QACDC,OAAM;OACFJ,IAAIK,SAAS,CAAC,+BAA+B;QAACX,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAON,OAAAA;IAAK;;0BAE7F,qBAACe,iCAAe;gBAACC,cAAW;gBAAsBC,MAAM;;YACvDf;;UAGLA;IAGJ,qBACI,qBAACgB,YAAM;QACHjB,KAAKA;QACLkB,OAAO;OACHV,IAAIK,SAAS,CAAC,oBAAoB;QAACX,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAON,OAAAA;IAAK,IAC9EQ;kBAEHG;;AAGb;AACAb,uBAAuBsB,WAAW,GAAG"}

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.d.ts

@@ -3,13 +3,13 @@ export type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSepara
 export interface HeaderBreadcrumbsProps extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>, CompoundStylesApiProps<HeaderBreadcrumbsFactory> {
 }
 export type HeaderBreadcrumbsFactory = Factory<{
-    props: BreadcrumbsProps;
+    props: HeaderBreadcrumbsProps;
     ref: HTMLDivElement;
     stylesNames: HeaderBreadcrumbsStyleNames;
     compound: true;
 }>;
 export declare const HeaderBreadcrumbs: import("@mantine/core").MantineComponent<{
-    props: BreadcrumbsProps;
+    props: HeaderBreadcrumbsProps;
     ref: HTMLDivElement;
     stylesNames: HeaderBreadcrumbsStyleNames;
     compound: true;

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,gBAAgB,EAAE,sBAAsB,EAAE,OAAO,EAAU,MAAM,eAAe,CAAC;AAGtG,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,GAAG,sBAAsB,CAAC;AACrF,MAAM,WAAW,sBACb,SAAQ,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC5D,sBAAsB,CAAC,wBAAwB,CAAC;CAAG;AAE3D,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC;IAC3C,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,2BAA2B,CAAC;IACzC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,iBAAiB;WANnB,gBAAgB;SAClB,cAAc;iBACN,2BAA2B;cAC9B,IAAI;EAmBhB,CAAC"}
+{"version":3,"file":"HeaderBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,gBAAgB,EAAE,sBAAsB,EAAE,OAAO,EAAU,MAAM,eAAe,CAAC;AAGtG,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,GAAG,sBAAsB,CAAC;AACrF,MAAM,WAAW,sBACb,SAAQ,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC5D,sBAAsB,CAAC,wBAAwB,CAAC;CAAG;AAE3D,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC;IAC3C,KAAK,EAAE,sBAAsB,CAAC;IAC9B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,2BAA2B,CAAC;IACzC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,iBAAiB;WANnB,sBAAsB;SACxB,cAAc;iBACN,2BAA2B;cAC9B,IAAI;EAmBhB,CAAC"}

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -15,12 +15,13 @@ var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _Headercontext = require("../Header.context.js");
 var HeaderBreadcrumbs = (0, _core.factory)(function(props, ref) {
-    var children = props.children, className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, others = _object_without_properties._(props, [
+    var children = props.children, className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, _vars = props.vars, others = _object_without_properties._(props, [
         "children",
         "className",
         "classNames",
         "styles",
-        "style"
+        "style",
+        "vars"
     ]);
     var ctx = (0, _Headercontext.useHeaderContext)();
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Breadcrumbs, _object_spread_props._(_object_spread._({

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSeparator';\nexport interface HeaderBreadcrumbsProps\n    extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>,\n        CompoundStylesApiProps<HeaderBreadcrumbsFactory> {}\n\nexport type HeaderBreadcrumbsFactory = Factory<{\n    props: BreadcrumbsProps;\n    ref: HTMLDivElement;\n    stylesNames: HeaderBreadcrumbsStyleNames;\n    compound: true;\n}>;\n\nexport const HeaderBreadcrumbs = factory<HeaderBreadcrumbsFactory>((props, ref) => {\n    const {children, className, classNames, styles, style, ...others} = props;\n    const ctx = useHeaderContext();\n\n    return (\n        <Breadcrumbs\n            ref={ref}\n            classNames={{\n                breadcrumb: ctx.getStyles('breadcrumbsRoot', {className, classNames, styles, style, props}).className,\n                separator: ctx.getStyles('breadcrumbsSeparator', {classNames, styles, props}).className,\n            }}\n            {...others}\n        >\n            {children}\n        </Breadcrumbs>\n    );\n});\n"],"names":["HeaderBreadcrumbs","factory","props","ref","children","className","classNames","styles","style","others","ctx","useHeaderContext","Breadcrumbs","breadcrumb","getStyles","separator"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;;;oBAfyE;6BACvD;AAcxB,IAAMA,oBAAoBC,IAAAA,aAAO,EAA2B,SAACC,OAAOC;IACvE,IAAOC,WAA6DF,MAA7DE,UAAUC,YAAmDH,MAAnDG,WAAWC,aAAwCJ,MAAxCI,YAAYC,SAA4BL,MAA5BK,QAAQC,QAAoBN,MAApBM,OAAUC,sCAAUP;QAA7DE;QAAUC;QAAWC;QAAYC;QAAQC;;IAChD,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,iBAAW;QACRT,KAAKA;QACLG,YAAY;YACRO,YAAYH,IAAII,SAAS,CAAC,mBAAmB;gBAACT,WAAAA;gBAAWC,YAAAA;gBAAYC,QAAAA;gBAAQC,OAAAA;gBAAON,OAAAA;YAAK,GAAGG,SAAS;YACrGU,WAAWL,IAAII,SAAS,CAAC,wBAAwB;gBAACR,YAAAA;gBAAYC,QAAAA;gBAAQL,OAAAA;YAAK,GAAGG,SAAS;QAC3F;OACII;kBAEHL;;AAGb"}
+{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSeparator';\nexport interface HeaderBreadcrumbsProps\n    extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>,\n        CompoundStylesApiProps<HeaderBreadcrumbsFactory> {}\n\nexport type HeaderBreadcrumbsFactory = Factory<{\n    props: HeaderBreadcrumbsProps;\n    ref: HTMLDivElement;\n    stylesNames: HeaderBreadcrumbsStyleNames;\n    compound: true;\n}>;\n\nexport const HeaderBreadcrumbs = factory<HeaderBreadcrumbsFactory>((props, ref) => {\n    const {children, className, classNames, styles, style, vars: _vars, ...others} = props;\n    const ctx = useHeaderContext();\n\n    return (\n        <Breadcrumbs\n            ref={ref}\n            classNames={{\n                breadcrumb: ctx.getStyles('breadcrumbsRoot', {className, classNames, styles, style, props}).className,\n                separator: ctx.getStyles('breadcrumbsSeparator', {classNames, styles, props}).className,\n            }}\n            {...others}\n        >\n            {children}\n        </Breadcrumbs>\n    );\n});\n"],"names":["HeaderBreadcrumbs","factory","props","ref","children","className","classNames","styles","style","vars","_vars","others","ctx","useHeaderContext","Breadcrumbs","breadcrumb","getStyles","separator"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;;;oBAfyE;6BACvD;AAcxB,IAAMA,oBAAoBC,IAAAA,aAAO,EAA2B,SAACC,OAAOC;IACvE,IAAOC,WAA0EF,MAA1EE,UAAUC,YAAgEH,MAAhEG,WAAWC,aAAqDJ,MAArDI,YAAYC,SAAyCL,MAAzCK,QAAQC,QAAiCN,MAAjCM,OAAOC,AAAMC,QAAoBR,MAA1BO,MAAgBE,sCAAUT;QAA1EE;QAAUC;QAAWC;QAAYC;QAAQC;QAAOC;;IACvD,IAAMG,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,iBAAW;QACRX,KAAKA;QACLG,YAAY;YACRS,YAAYH,IAAII,SAAS,CAAC,mBAAmB;gBAACX,WAAAA;gBAAWC,YAAAA;gBAAYC,QAAAA;gBAAQC,OAAAA;gBAAON,OAAAA;YAAK,GAAGG,SAAS;YACrGY,WAAWL,IAAII,SAAS,CAAC,wBAAwB;gBAACV,YAAAA;gBAAYC,QAAAA;gBAAQL,OAAAA;YAAK,GAAGG,SAAS;QAC3F;OACIM;kBAEHP;;AAGb"}

package/dist/cjs/styles/Breadcrumbs.module.css

@@ -5,8 +5,8 @@
 
 .breadcrumb {
     line-height: 14px;
+}
 
-    &:not(a) {
-        color: var(--coveo-color-title);
-    }
+.separator {
+    color: var(--coveo-color-title);
 }

package/dist/esm/components/header/Header.d.ts

@@ -9,7 +9,7 @@ export type { HeaderBreadcrumbsProps } from './HeaderBreadcrumbs/HeaderBreadcrum
 export type { HeaderDocAnchorProps } from './HeaderDocAnchor/HeaderDocAnchor.js';
 export type { HeaderRightProps } from './HeaderRight/HeaderRight.js';
 export type HeaderVariant = 'primary' | 'secondary';
-export type HeaderStyleNames = 'root' | 'title' | 'description' | 'divider' | 'body' | HeaderDocAnchorStyleNames | HeaderBreadcrumbsStyleNames | HeaderBreadcrumbAnchorStyleNames | HeaderBreadcrumbTextStyleNames | HeaderBreadcrumbsStyleNames | HeaderRightStyleNames;
+export type HeaderStyleNames = 'root' | 'title' | 'description' | 'divider' | 'body' | HeaderDocAnchorStyleNames | HeaderBreadcrumbsStyleNames | HeaderBreadcrumbAnchorStyleNames | HeaderBreadcrumbTextStyleNames | HeaderRightStyleNames;
 export interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'attributes'> {
     /**
      * The description text displayed inside the header underneath the title

package/dist/esm/components/header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,WAAW,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrE,OAAO,EACH,sBAAsB,EACtB,KAAK,gCAAgC,EACxC,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAC,iBAAiB,EAAE,2BAA2B,EAAC,MAAM,0CAA0C,CAAC;AACxG,OAAO,EAAC,oBAAoB,EAAE,8BAA8B,EAAC,MAAM,6CAA6C,CAAC;AACjH,OAAO,EAAC,eAAe,EAAE,yBAAyB,EAAC,MAAM,sCAAsC,CAAC;AAChG,OAAO,EAAC,WAAW,EAAE,qBAAqB,EAAC,MAAM,8BAA8B,CAAC;AAEhF,YAAY,EAAC,sBAAsB,EAAC,MAAM,0CAA0C,CAAC;AACrF,YAAY,EAAC,oBAAoB,EAAC,MAAM,sCAAsC,CAAC;AAC/E,YAAY,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,gBAAgB,GACtB,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,MAAM,GACN,yBAAyB,GACzB,2BAA2B,GAC3B,gCAAgC,GAChC,8BAA8B,GAC9B,2BAA2B,GAC3B,qBAAqB,CAAC;AAE5B,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;IACjF;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;CAChC;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,gBAAgB,EAAE,OAAO,sBAAsB,CAAC;QAChD,cAAc,EAAE,OAAO,oBAAoB,CAAC;QAC5C,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC,CAAC;CACL,CAAC,CAAC;AAUH,eAAO,MAAM,MAAM;WArBR,WAAW;SACb,cAAc;aACV,aAAa;iBACT,gBAAgB;sBACX;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,gBAAgB,EAAE,OAAO,sBAAsB,CAAC;QAChD,cAAc,EAAE,OAAO,oBAAoB,CAAC;QAC5C,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC;EAsEH,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,WAAW,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrE,OAAO,EACH,sBAAsB,EACtB,KAAK,gCAAgC,EACxC,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAC,iBAAiB,EAAE,2BAA2B,EAAC,MAAM,0CAA0C,CAAC;AACxG,OAAO,EAAC,oBAAoB,EAAE,8BAA8B,EAAC,MAAM,6CAA6C,CAAC;AACjH,OAAO,EAAC,eAAe,EAAE,yBAAyB,EAAC,MAAM,sCAAsC,CAAC;AAChG,OAAO,EAAC,WAAW,EAAE,qBAAqB,EAAC,MAAM,8BAA8B,CAAC;AAEhF,YAAY,EAAC,sBAAsB,EAAC,MAAM,0CAA0C,CAAC;AACrF,YAAY,EAAC,oBAAoB,EAAC,MAAM,sCAAsC,CAAC;AAC/E,YAAY,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,gBAAgB,GACtB,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,MAAM,GACN,yBAAyB,GACzB,2BAA2B,GAC3B,gCAAgC,GAChC,8BAA8B,GAC9B,qBAAqB,CAAC;AAE5B,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;IACjF;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;CAChC;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,gBAAgB,EAAE,OAAO,sBAAsB,CAAC;QAChD,cAAc,EAAE,OAAO,oBAAoB,CAAC;QAC5C,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC,CAAC;CACL,CAAC,CAAC;AAUH,eAAO,MAAM,MAAM;WArBR,WAAW;SACb,cAAc;aACV,aAAa;iBACT,gBAAgB;sBACX;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,gBAAgB,EAAE,OAAO,sBAAsB,CAAC;QAChD,cAAc,EAAE,OAAO,oBAAoB,CAAC;QAC5C,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC;EAsEH,CAAC"}

package/dist/esm/components/header/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n    Divider,\n    Factory,\n    Group,\n    GroupProps,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    factory,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ElementType, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context.js';\nimport classes from './Header.module.css';\nimport {\n    HeaderBreadcrumbAnchor,\n    type HeaderBreadcrumbAnchorStyleNames,\n} from './HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nimport {HeaderBreadcrumbText, HeaderBreadcrumbTextStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbText.js';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor.js';\nimport {HeaderRight, HeaderRightStyleNames} from './HeaderRight/HeaderRight.js';\n\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor.js';\nexport type {HeaderRightProps} from './HeaderRight/HeaderRight.js';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n    | 'root'\n    | 'title'\n    | 'description'\n    | 'divider'\n    | 'body'\n    | HeaderDocAnchorStyleNames\n    | HeaderBreadcrumbsStyleNames\n    | HeaderBreadcrumbAnchorStyleNames\n    | HeaderBreadcrumbTextStyleNames\n    | HeaderBreadcrumbsStyleNames\n    | HeaderRightStyleNames;\n\nexport interface HeaderProps\n    extends StylesApiProps<HeaderFactory>,\n        Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'attributes'> {\n    /**\n     * The description text displayed inside the header underneath the title\n     */\n    description?: ReactNode;\n    /**\n     * Whether the header should have a border on the bottom\n     */\n    borderBottom?: boolean;\n    /**\n     * Use the primary variant for page header and secondary variant elsewhere\n     *\n     * @default 'primary'\n     */\n    variant?: 'primary' | 'secondary';\n    /**\n     * The title of the header.\n     */\n    children: ReactNode;\n    /**\n     * The component used to render the title.\n     *\n     * @default Title\n     * @example 'h2'\n     */\n    titleComponent?: ElementType;\n}\n\nexport type HeaderFactory = Factory<{\n    props: HeaderProps;\n    ref: HTMLDivElement;\n    variant: HeaderVariant;\n    stylesNames: HeaderStyleNames;\n    staticComponents: {\n        Breadcrumbs: typeof HeaderBreadcrumbs;\n        BreadcrumbAnchor: typeof HeaderBreadcrumbAnchor;\n        BreadcrumbText: typeof HeaderBreadcrumbText;\n        Right: typeof HeaderRight;\n        DocAnchor: typeof HeaderDocAnchor;\n    };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n    variant: 'primary',\n    justify: 'space-between',\n    wrap: 'nowrap',\n};\n\nconst getSpacing = (variant: HeaderVariant) => (variant === 'secondary' ? 'xxs' : 'xs');\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeader', defaultProps, _props);\n    const {\n        className,\n        description,\n        borderBottom,\n        variant,\n        children,\n        style,\n        classNames,\n        unstyled,\n        vars,\n        styles,\n        titleComponent: TitleComponent,\n        ...others\n    } = props;\n    const getStyles = useStyles<HeaderFactory>({\n        name: 'PlasmaHeader',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n    const right = convertedChildren.find((child) => child.type === HeaderRight);\n    const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n    const otherChildren = convertedChildren.filter(\n        (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderRight && child.type !== HeaderDocAnchor,\n    );\n    return (\n        <HeaderProvider value={{getStyles}}>\n            <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n                <Stack gap={getSpacing(variant)}>\n                    {breadcrumbs}\n                    <Title\n                        variant={variant}\n                        component={TitleComponent}\n                        order={variant === 'primary' ? 1 : 3}\n                        {...getStyles('title', stylesApiProps)}\n                    >\n                        {otherChildren}\n                        {docAnchor}\n                    </Title>\n                    <Text {...getStyles('description', stylesApiProps)} size={variant === 'primary' ? 'md' : 'sm'}>\n                        {description}\n                    </Text>\n                </Stack>\n                {right}\n            </Group>\n            {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n        </HeaderProvider>\n    );\n});\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.BreadcrumbAnchor = HeaderBreadcrumbAnchor;\nHeader.BreadcrumbText = HeaderBreadcrumbText;\nHeader.Right = HeaderRight;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Divider","Group","Stack","Text","Title","factory","useProps","useStyles","Children","HeaderProvider","classes","HeaderBreadcrumbAnchor","HeaderBreadcrumbs","HeaderBreadcrumbText","HeaderDocAnchor","HeaderRight","defaultProps","variant","justify","wrap","getSpacing","Header","_props","ref","props","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","titleComponent","TitleComponent","others","getStyles","name","stylesApiProps","convertedChildren","toArray","breadcrumbs","find","child","type","right","docAnchor","otherChildren","filter","value","gap","component","order","size","Breadcrumbs","BreadcrumbAnchor","BreadcrumbText","Right","DocAnchor"],"mappings":";AAAA,SACIA,OAAO,EAEPC,KAAK,EAELC,KAAK,EAELC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAA6C,QAAQ;AACrE,SAAQC,cAAc,QAAO,sBAAsB;AACnD,OAAOC,aAAa,sBAAsB;AAC1C,SACIC,sBAAsB,QAEnB,gDAAgD;AACvD,SAAQC,iBAAiB,QAAoC,2CAA2C;AACxG,SAAQC,oBAAoB,QAAuC,8CAA8C;AACjH,SAAQC,eAAe,QAAkC,uCAAuC;AAChG,SAAQC,WAAW,QAA8B,+BAA+B;AAgEhF,MAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEA,MAAMC,aAAa,CAACH,UAA4BA,YAAY,cAAc,QAAQ;AAElF,OAAO,MAAMI,SAAShB,QAAuB,CAACiB,QAAQC;IAClD,MAAMC,QAAQlB,SAAS,gBAAgBU,cAAcM;IACrD,MAAM,EACFG,SAAS,EACTC,WAAW,EACXC,YAAY,EACZV,OAAO,EACPW,QAAQ,EACRC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,gBAAgBC,cAAc,EAC9B,GAAGC,QACN,GAAGZ;IACJ,MAAMa,YAAY9B,UAAyB;QACvC+B,MAAM;QACNd;QACAd;QACAe;QACAI;QACAC;QACAG;QACAF;QACAC;IACJ;IACA,MAAMO,iBAAiB;QAACT;QAAYG;IAAM;IAE1C,MAAMO,oBAAoBhC,SAASiC,OAAO,CAACb;IAC3C,MAAMc,cAAcF,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKjC;IACrE,MAAMkC,QAAQN,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK9B;IAC/D,MAAMgC,YAAYP,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK/B;IACnE,MAAMkC,gBAAgBR,kBAAkBS,MAAM,CAC1C,CAACL,QAAUA,MAAMC,IAAI,KAAKjC,qBAAqBgC,MAAMC,IAAI,KAAK9B,eAAe6B,MAAMC,IAAI,KAAK/B;IAEhG,qBACI,MAACL;QAAeyC,OAAO;YAACb;QAAS;;0BAC7B,MAACpC;gBAAMsB,KAAKA;gBAAKN,SAASA;gBAAU,GAAGoB,UAAU,OAAO;gBAAG,GAAGD,MAAM;;kCAChE,MAAClC;wBAAMiD,KAAK/B,WAAWH;;4BAClByB;0CACD,MAACtC;gCACGa,SAASA;gCACTmC,WAAWjB;gCACXkB,OAAOpC,YAAY,YAAY,IAAI;gCAClC,GAAGoB,UAAU,SAASE,eAAe;;oCAErCS;oCACAD;;;0CAEL,KAAC5C;gCAAM,GAAGkC,UAAU,eAAeE,eAAe;gCAAEe,MAAMrC,YAAY,YAAY,OAAO;0CACpFS;;;;oBAGRoB;;;YAEJnB,6BAAe,KAAC3B;gBAAS,GAAGqC,UAAU,WAAWE,eAAe;gBAAEe,MAAK;iBAAU;;;AAG9F,GAAG;AAEHjC,OAAOkC,WAAW,GAAG3C;AACrBS,OAAOmC,gBAAgB,GAAG7C;AAC1BU,OAAOoC,cAAc,GAAG5C;AACxBQ,OAAOqC,KAAK,GAAG3C;AACfM,OAAOsC,SAAS,GAAG7C"}
+{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n    Divider,\n    Factory,\n    Group,\n    GroupProps,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    factory,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ElementType, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context.js';\nimport classes from './Header.module.css';\nimport {\n    HeaderBreadcrumbAnchor,\n    type HeaderBreadcrumbAnchorStyleNames,\n} from './HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nimport {HeaderBreadcrumbText, HeaderBreadcrumbTextStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbText.js';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor.js';\nimport {HeaderRight, HeaderRightStyleNames} from './HeaderRight/HeaderRight.js';\n\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor.js';\nexport type {HeaderRightProps} from './HeaderRight/HeaderRight.js';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n    | 'root'\n    | 'title'\n    | 'description'\n    | 'divider'\n    | 'body'\n    | HeaderDocAnchorStyleNames\n    | HeaderBreadcrumbsStyleNames\n    | HeaderBreadcrumbAnchorStyleNames\n    | HeaderBreadcrumbTextStyleNames\n    | HeaderRightStyleNames;\n\nexport interface HeaderProps\n    extends StylesApiProps<HeaderFactory>,\n        Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'attributes'> {\n    /**\n     * The description text displayed inside the header underneath the title\n     */\n    description?: ReactNode;\n    /**\n     * Whether the header should have a border on the bottom\n     */\n    borderBottom?: boolean;\n    /**\n     * Use the primary variant for page header and secondary variant elsewhere\n     *\n     * @default 'primary'\n     */\n    variant?: 'primary' | 'secondary';\n    /**\n     * The title of the header.\n     */\n    children: ReactNode;\n    /**\n     * The component used to render the title.\n     *\n     * @default Title\n     * @example 'h2'\n     */\n    titleComponent?: ElementType;\n}\n\nexport type HeaderFactory = Factory<{\n    props: HeaderProps;\n    ref: HTMLDivElement;\n    variant: HeaderVariant;\n    stylesNames: HeaderStyleNames;\n    staticComponents: {\n        Breadcrumbs: typeof HeaderBreadcrumbs;\n        BreadcrumbAnchor: typeof HeaderBreadcrumbAnchor;\n        BreadcrumbText: typeof HeaderBreadcrumbText;\n        Right: typeof HeaderRight;\n        DocAnchor: typeof HeaderDocAnchor;\n    };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n    variant: 'primary',\n    justify: 'space-between',\n    wrap: 'nowrap',\n};\n\nconst getSpacing = (variant: HeaderVariant) => (variant === 'secondary' ? 'xxs' : 'xs');\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeader', defaultProps, _props);\n    const {\n        className,\n        description,\n        borderBottom,\n        variant,\n        children,\n        style,\n        classNames,\n        unstyled,\n        vars,\n        styles,\n        titleComponent: TitleComponent,\n        ...others\n    } = props;\n    const getStyles = useStyles<HeaderFactory>({\n        name: 'PlasmaHeader',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n    const right = convertedChildren.find((child) => child.type === HeaderRight);\n    const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n    const otherChildren = convertedChildren.filter(\n        (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderRight && child.type !== HeaderDocAnchor,\n    );\n    return (\n        <HeaderProvider value={{getStyles}}>\n            <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n                <Stack gap={getSpacing(variant)}>\n                    {breadcrumbs}\n                    <Title\n                        variant={variant}\n                        component={TitleComponent}\n                        order={variant === 'primary' ? 1 : 3}\n                        {...getStyles('title', stylesApiProps)}\n                    >\n                        {otherChildren}\n                        {docAnchor}\n                    </Title>\n                    <Text {...getStyles('description', stylesApiProps)} size={variant === 'primary' ? 'md' : 'sm'}>\n                        {description}\n                    </Text>\n                </Stack>\n                {right}\n            </Group>\n            {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n        </HeaderProvider>\n    );\n});\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.BreadcrumbAnchor = HeaderBreadcrumbAnchor;\nHeader.BreadcrumbText = HeaderBreadcrumbText;\nHeader.Right = HeaderRight;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Divider","Group","Stack","Text","Title","factory","useProps","useStyles","Children","HeaderProvider","classes","HeaderBreadcrumbAnchor","HeaderBreadcrumbs","HeaderBreadcrumbText","HeaderDocAnchor","HeaderRight","defaultProps","variant","justify","wrap","getSpacing","Header","_props","ref","props","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","titleComponent","TitleComponent","others","getStyles","name","stylesApiProps","convertedChildren","toArray","breadcrumbs","find","child","type","right","docAnchor","otherChildren","filter","value","gap","component","order","size","Breadcrumbs","BreadcrumbAnchor","BreadcrumbText","Right","DocAnchor"],"mappings":";AAAA,SACIA,OAAO,EAEPC,KAAK,EAELC,KAAK,EAELC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAA6C,QAAQ;AACrE,SAAQC,cAAc,QAAO,sBAAsB;AACnD,OAAOC,aAAa,sBAAsB;AAC1C,SACIC,sBAAsB,QAEnB,gDAAgD;AACvD,SAAQC,iBAAiB,QAAoC,2CAA2C;AACxG,SAAQC,oBAAoB,QAAuC,8CAA8C;AACjH,SAAQC,eAAe,QAAkC,uCAAuC;AAChG,SAAQC,WAAW,QAA8B,+BAA+B;AA+DhF,MAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEA,MAAMC,aAAa,CAACH,UAA4BA,YAAY,cAAc,QAAQ;AAElF,OAAO,MAAMI,SAAShB,QAAuB,CAACiB,QAAQC;IAClD,MAAMC,QAAQlB,SAAS,gBAAgBU,cAAcM;IACrD,MAAM,EACFG,SAAS,EACTC,WAAW,EACXC,YAAY,EACZV,OAAO,EACPW,QAAQ,EACRC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,gBAAgBC,cAAc,EAC9B,GAAGC,QACN,GAAGZ;IACJ,MAAMa,YAAY9B,UAAyB;QACvC+B,MAAM;QACNd;QACAd;QACAe;QACAI;QACAC;QACAG;QACAF;QACAC;IACJ;IACA,MAAMO,iBAAiB;QAACT;QAAYG;IAAM;IAE1C,MAAMO,oBAAoBhC,SAASiC,OAAO,CAACb;IAC3C,MAAMc,cAAcF,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKjC;IACrE,MAAMkC,QAAQN,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK9B;IAC/D,MAAMgC,YAAYP,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK/B;IACnE,MAAMkC,gBAAgBR,kBAAkBS,MAAM,CAC1C,CAACL,QAAUA,MAAMC,IAAI,KAAKjC,qBAAqBgC,MAAMC,IAAI,KAAK9B,eAAe6B,MAAMC,IAAI,KAAK/B;IAEhG,qBACI,MAACL;QAAeyC,OAAO;YAACb;QAAS;;0BAC7B,MAACpC;gBAAMsB,KAAKA;gBAAKN,SAASA;gBAAU,GAAGoB,UAAU,OAAO;gBAAG,GAAGD,MAAM;;kCAChE,MAAClC;wBAAMiD,KAAK/B,WAAWH;;4BAClByB;0CACD,MAACtC;gCACGa,SAASA;gCACTmC,WAAWjB;gCACXkB,OAAOpC,YAAY,YAAY,IAAI;gCAClC,GAAGoB,UAAU,SAASE,eAAe;;oCAErCS;oCACAD;;;0CAEL,KAAC5C;gCAAM,GAAGkC,UAAU,eAAeE,eAAe;gCAAEe,MAAMrC,YAAY,YAAY,OAAO;0CACpFS;;;;oBAGRoB;;;YAEJnB,6BAAe,KAAC3B;gBAAS,GAAGqC,UAAU,WAAWE,eAAe;gBAAEe,MAAK;iBAAU;;;AAG9F,GAAG;AAEHjC,OAAOkC,WAAW,GAAG3C;AACrBS,OAAOmC,gBAAgB,GAAG7C;AAC1BU,OAAOoC,cAAc,GAAG5C;AACxBQ,OAAOqC,KAAK,GAAG3C;AACfM,OAAOsC,SAAS,GAAG7C"}

package/dist/esm/components/header/Header.module.css

@@ -19,3 +19,7 @@
     margin-left: var(--mantine-spacing-xs);
     vertical-align: middle;
 }
+
+.breadcrumbText {
+    color: var(--coveo-color-title);
+}

package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.d.ts

@@ -1,37 +1,46 @@
 import { type AnchorProps, type PolymorphicFactory } from '@mantine/core';
-export type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor';
+import { ReactNode } from 'react';
+export interface HeaderBreadcrumbAnchorProps extends AnchorProps {
+    /**
+     * If true, only one breadcrumb will be displayed with a back arrow
+     * @default false
+     **/
+    single?: boolean;
+    children: ReactNode;
+}
+export type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor' | 'breadcrumbAnchorSingleGroup';
 export type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{
-    props: AnchorProps;
+    props: HeaderBreadcrumbAnchorProps;
     ref: HTMLAnchorElement;
     stylesNames: HeaderBreadcrumbAnchorStyleNames;
     compound: true;
     defaultComponent: 'a';
     defaultRef: HTMLAnchorElement;
 }>;
-export declare const HeaderBreadcrumbAnchor: (<C = "a">(props: import("@mantine/core").PolymorphicComponentProps<C, AnchorProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(AnchorProps & {
+export declare const HeaderBreadcrumbAnchor: (<C = "a">(props: import("@mantine/core").PolymorphicComponentProps<C, HeaderBreadcrumbAnchorProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(HeaderBreadcrumbAnchorProps & {
     component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof AnchorProps> & {
+} & Omit<Omit<any, "ref">, "component" | keyof HeaderBreadcrumbAnchorProps> & {
     ref?: any;
     renderRoot?: (props: any) => any;
-}) | (AnchorProps & {
+}) | (HeaderBreadcrumbAnchorProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
 })>, never> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
-    props: AnchorProps;
+    props: HeaderBreadcrumbAnchorProps;
     ref: HTMLAnchorElement;
     stylesNames: HeaderBreadcrumbAnchorStyleNames;
     compound: true;
     defaultComponent: "a";
     defaultRef: HTMLAnchorElement;
 }> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
-    props: AnchorProps;
+    props: HeaderBreadcrumbAnchorProps;
     ref: HTMLAnchorElement;
     stylesNames: HeaderBreadcrumbAnchorStyleNames;
     compound: true;
     defaultComponent: "a";
     defaultRef: HTMLAnchorElement;
 }> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
-    props: AnchorProps;
+    props: HeaderBreadcrumbAnchorProps;
     ref: HTMLAnchorElement;
     stylesNames: HeaderBreadcrumbAnchorStyleNames;
     compound: true;

package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderBreadcrumbAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAqB,MAAM,eAAe,CAAC;AAGpG,MAAM,MAAM,gCAAgC,GAAG,kBAAkB,CAAC;AAElE,MAAM,MAAM,6BAA6B,GAAG,kBAAkB,CAAC;IAC3D,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,gCAAgC,CAAC;IAC9C,QAAQ,EAAE,IAAI,CAAC;IACf,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,iBAAiB,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;WARxB,WAAW;SACb,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;;WALtB,WAAW;SACb,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;;WALtB,WAAW;SACb,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;EAe/B,CAAC"}
+{"version":3,"file":"HeaderBreadcrumbAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,WAAW,EAAQ,KAAK,kBAAkB,EAAqB,MAAM,eAAe,CAAC;AAC1G,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,WAAW,2BAA4B,SAAQ,WAAW;IAC5D;;;QAGI;IACJ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,gCAAgC,GAAG,kBAAkB,GAAG,6BAA6B,CAAC;AAElG,MAAM,MAAM,6BAA6B,GAAG,kBAAkB,CAAC;IAC3D,KAAK,EAAE,2BAA2B,CAAC;IACnC,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,gCAAgC,CAAC;IAC9C,QAAQ,EAAE,IAAI,CAAC;IACf,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,iBAAiB,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;WARxB,2BAA2B;SAC7B,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;;WALtB,2BAA2B;SAC7B,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;;WALtB,2BAA2B;SAC7B,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;EA6B/B,CAAC"}

package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js

@@ -1,9 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Anchor, polymorphicFactory } from '@mantine/core';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconChevronLeft } from '@coveord/plasma-react-icons';
+import { Anchor, Flex, polymorphicFactory } from '@mantine/core';
 import { useHeaderContext } from '../Header.context.js';
 export const HeaderBreadcrumbAnchor = polymorphicFactory((props, ref)=>{
-    const { className, classNames, styles, style, ...others } = props;
+    const { children, className, classNames, styles, style, single, ...others } = props;
     const ctx = useHeaderContext();
+    const content = single ? /*#__PURE__*/ _jsxs(Flex, {
+        align: "center",
+        ...ctx.getStyles('breadcrumbAnchorSingleGroup', {
+            className,
+            classNames,
+            styles,
+            style,
+            props
+        }),
+        children: [
+            /*#__PURE__*/ _jsx(IconChevronLeft, {
+                "aria-label": "arrow pointing back",
+                size: 16
+            }),
+            children
+        ]
+    }) : children;
     return /*#__PURE__*/ _jsx(Anchor, {
         ref: ref,
         inherit: true,
@@ -14,7 +32,8 @@ export const HeaderBreadcrumbAnchor = polymorphicFactory((props, ref)=>{
             style,
             props
         }),
-        ...others
+        ...others,
+        children: content
     });
 });
 HeaderBreadcrumbAnchor.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbAnchor';

package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"sourcesContent":["import {Anchor, type AnchorProps, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor';\n\nexport type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{\n    props: AnchorProps;\n    ref: HTMLAnchorElement;\n    stylesNames: HeaderBreadcrumbAnchorStyleNames;\n    compound: true;\n    defaultComponent: 'a';\n    defaultRef: HTMLAnchorElement;\n}>;\n\nexport const HeaderBreadcrumbAnchor = polymorphicFactory<HeaderBreadcrumbAnchorFactory>((props, ref) => {\n    const {className, classNames, styles, style, ...others} = props;\n    const ctx = useHeaderContext();\n\n    return (\n        <Anchor\n            ref={ref}\n            inherit\n            {...ctx.getStyles('breadcrumbAnchor', {className, classNames, styles, style, props})}\n            {...others}\n        />\n    );\n});\nHeaderBreadcrumbAnchor.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbAnchor';\n"],"names":["Anchor","polymorphicFactory","useHeaderContext","HeaderBreadcrumbAnchor","props","ref","className","classNames","styles","style","others","ctx","inherit","getStyles","displayName"],"mappings":";AAAA,SAAQA,MAAM,EAA6CC,kBAAkB,QAAO,gBAAgB;AACpG,SAAQC,gBAAgB,QAAO,uBAAuB;AAatD,OAAO,MAAMC,yBAAyBF,mBAAkD,CAACG,OAAOC;IAC5F,MAAM,EAACC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGC,QAAO,GAAGN;IAC1D,MAAMO,MAAMT;IAEZ,qBACI,KAACF;QACGK,KAAKA;QACLO,OAAO;QACN,GAAGD,IAAIE,SAAS,CAAC,oBAAoB;YAACP;YAAWC;YAAYC;YAAQC;YAAOL;QAAK,EAAE;QACnF,GAAGM,MAAM;;AAGtB,GAAG;AACHP,uBAAuBW,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"sourcesContent":["import {IconChevronLeft} from '@coveord/plasma-react-icons';\nimport {Anchor, type AnchorProps, Flex, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport interface HeaderBreadcrumbAnchorProps extends AnchorProps {\n    /**\n     * If true, only one breadcrumb will be displayed with a back arrow\n     * @default false\n     **/\n    single?: boolean;\n    children: ReactNode;\n}\n\nexport type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor' | 'breadcrumbAnchorSingleGroup';\n\nexport type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{\n    props: HeaderBreadcrumbAnchorProps;\n    ref: HTMLAnchorElement;\n    stylesNames: HeaderBreadcrumbAnchorStyleNames;\n    compound: true;\n    defaultComponent: 'a';\n    defaultRef: HTMLAnchorElement;\n}>;\n\nexport const HeaderBreadcrumbAnchor = polymorphicFactory<HeaderBreadcrumbAnchorFactory>((props, ref) => {\n    const {children, className, classNames, styles, style, single, ...others} = props;\n    const ctx = useHeaderContext();\n\n    const content = single ? (\n        <Flex\n            align=\"center\"\n            {...ctx.getStyles('breadcrumbAnchorSingleGroup', {className, classNames, styles, style, props})}\n        >\n            <IconChevronLeft aria-label=\"arrow pointing back\" size={16} />\n            {children}\n        </Flex>\n    ) : (\n        children\n    );\n\n    return (\n        <Anchor\n            ref={ref}\n            inherit\n            {...ctx.getStyles('breadcrumbAnchor', {className, classNames, styles, style, props})}\n            {...others}\n        >\n            {content}\n        </Anchor>\n    );\n});\nHeaderBreadcrumbAnchor.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbAnchor';\n"],"names":["IconChevronLeft","Anchor","Flex","polymorphicFactory","useHeaderContext","HeaderBreadcrumbAnchor","props","ref","children","className","classNames","styles","style","single","others","ctx","content","align","getStyles","aria-label","size","inherit","displayName"],"mappings":";AAAA,SAAQA,eAAe,QAAO,8BAA8B;AAC5D,SAAQC,MAAM,EAAoBC,IAAI,EAA2BC,kBAAkB,QAAO,gBAAgB;AAE1G,SAAQC,gBAAgB,QAAO,uBAAuB;AAsBtD,OAAO,MAAMC,yBAAyBF,mBAAkD,CAACG,OAAOC;IAC5F,MAAM,EAACC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGC,QAAO,GAAGR;IAC5E,MAAMS,MAAMX;IAEZ,MAAMY,UAAUH,uBACZ,MAACX;QACGe,OAAM;QACL,GAAGF,IAAIG,SAAS,CAAC,+BAA+B;YAACT;YAAWC;YAAYC;YAAQC;YAAON;QAAK,EAAE;;0BAE/F,KAACN;gBAAgBmB,cAAW;gBAAsBC,MAAM;;YACvDZ;;SAGLA;IAGJ,qBACI,KAACP;QACGM,KAAKA;QACLc,OAAO;QACN,GAAGN,IAAIG,SAAS,CAAC,oBAAoB;YAACT;YAAWC;YAAYC;YAAQC;YAAON;QAAK,EAAE;QACnF,GAAGQ,MAAM;kBAETE;;AAGb,GAAG;AACHX,uBAAuBiB,WAAW,GAAG"}

package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.d.ts

@@ -3,13 +3,13 @@ export type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSepara
 export interface HeaderBreadcrumbsProps extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>, CompoundStylesApiProps<HeaderBreadcrumbsFactory> {
 }
 export type HeaderBreadcrumbsFactory = Factory<{
-    props: BreadcrumbsProps;
+    props: HeaderBreadcrumbsProps;
     ref: HTMLDivElement;
     stylesNames: HeaderBreadcrumbsStyleNames;
     compound: true;
 }>;
 export declare const HeaderBreadcrumbs: import("@mantine/core").MantineComponent<{
-    props: BreadcrumbsProps;
+    props: HeaderBreadcrumbsProps;
     ref: HTMLDivElement;
     stylesNames: HeaderBreadcrumbsStyleNames;
     compound: true;

package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,gBAAgB,EAAE,sBAAsB,EAAE,OAAO,EAAU,MAAM,eAAe,CAAC;AAGtG,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,GAAG,sBAAsB,CAAC;AACrF,MAAM,WAAW,sBACb,SAAQ,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC5D,sBAAsB,CAAC,wBAAwB,CAAC;CAAG;AAE3D,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC;IAC3C,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,2BAA2B,CAAC;IACzC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,iBAAiB;WANnB,gBAAgB;SAClB,cAAc;iBACN,2BAA2B;cAC9B,IAAI;EAmBhB,CAAC"}
+{"version":3,"file":"HeaderBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,gBAAgB,EAAE,sBAAsB,EAAE,OAAO,EAAU,MAAM,eAAe,CAAC;AAGtG,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,GAAG,sBAAsB,CAAC;AACrF,MAAM,WAAW,sBACb,SAAQ,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC5D,sBAAsB,CAAC,wBAAwB,CAAC;CAAG;AAE3D,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC;IAC3C,KAAK,EAAE,sBAAsB,CAAC;IAC9B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,2BAA2B,CAAC;IACzC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,iBAAiB;WANnB,sBAAsB;SACxB,cAAc;iBACN,2BAA2B;cAC9B,IAAI;EAmBhB,CAAC"}

package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Breadcrumbs, factory } from '@mantine/core';
 import { useHeaderContext } from '../Header.context.js';
 export const HeaderBreadcrumbs = factory((props, ref)=>{
-    const { children, className, classNames, styles, style, ...others } = props;
+    const { children, className, classNames, styles, style, vars: _vars, ...others } = props;
     const ctx = useHeaderContext();
     return /*#__PURE__*/ _jsx(Breadcrumbs, {
         ref: ref,

package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSeparator';\nexport interface HeaderBreadcrumbsProps\n    extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>,\n        CompoundStylesApiProps<HeaderBreadcrumbsFactory> {}\n\nexport type HeaderBreadcrumbsFactory = Factory<{\n    props: BreadcrumbsProps;\n    ref: HTMLDivElement;\n    stylesNames: HeaderBreadcrumbsStyleNames;\n    compound: true;\n}>;\n\nexport const HeaderBreadcrumbs = factory<HeaderBreadcrumbsFactory>((props, ref) => {\n    const {children, className, classNames, styles, style, ...others} = props;\n    const ctx = useHeaderContext();\n\n    return (\n        <Breadcrumbs\n            ref={ref}\n            classNames={{\n                breadcrumb: ctx.getStyles('breadcrumbsRoot', {className, classNames, styles, style, props}).className,\n                separator: ctx.getStyles('breadcrumbsSeparator', {classNames, styles, props}).className,\n            }}\n            {...others}\n        >\n            {children}\n        </Breadcrumbs>\n    );\n});\n"],"names":["Breadcrumbs","factory","useHeaderContext","HeaderBreadcrumbs","props","ref","children","className","classNames","styles","style","others","ctx","breadcrumb","getStyles","separator"],"mappings":";AAAA,SAAQA,WAAW,EAAqDC,OAAO,QAAO,gBAAgB;AACtG,SAAQC,gBAAgB,QAAO,uBAAuB;AActD,OAAO,MAAMC,oBAAoBF,QAAkC,CAACG,OAAOC;IACvE,MAAM,EAACC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGC,QAAO,GAAGP;IACpE,MAAMQ,MAAMV;IAEZ,qBACI,KAACF;QACGK,KAAKA;QACLG,YAAY;YACRK,YAAYD,IAAIE,SAAS,CAAC,mBAAmB;gBAACP;gBAAWC;gBAAYC;gBAAQC;gBAAON;YAAK,GAAGG,SAAS;YACrGQ,WAAWH,IAAIE,SAAS,CAAC,wBAAwB;gBAACN;gBAAYC;gBAAQL;YAAK,GAAGG,SAAS;QAC3F;QACC,GAAGI,MAAM;kBAETL;;AAGb,GAAG"}
+{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSeparator';\nexport interface HeaderBreadcrumbsProps\n    extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>,\n        CompoundStylesApiProps<HeaderBreadcrumbsFactory> {}\n\nexport type HeaderBreadcrumbsFactory = Factory<{\n    props: HeaderBreadcrumbsProps;\n    ref: HTMLDivElement;\n    stylesNames: HeaderBreadcrumbsStyleNames;\n    compound: true;\n}>;\n\nexport const HeaderBreadcrumbs = factory<HeaderBreadcrumbsFactory>((props, ref) => {\n    const {children, className, classNames, styles, style, vars: _vars, ...others} = props;\n    const ctx = useHeaderContext();\n\n    return (\n        <Breadcrumbs\n            ref={ref}\n            classNames={{\n                breadcrumb: ctx.getStyles('breadcrumbsRoot', {className, classNames, styles, style, props}).className,\n                separator: ctx.getStyles('breadcrumbsSeparator', {classNames, styles, props}).className,\n            }}\n            {...others}\n        >\n            {children}\n        </Breadcrumbs>\n    );\n});\n"],"names":["Breadcrumbs","factory","useHeaderContext","HeaderBreadcrumbs","props","ref","children","className","classNames","styles","style","vars","_vars","others","ctx","breadcrumb","getStyles","separator"],"mappings":";AAAA,SAAQA,WAAW,EAAqDC,OAAO,QAAO,gBAAgB;AACtG,SAAQC,gBAAgB,QAAO,uBAAuB;AActD,OAAO,MAAMC,oBAAoBF,QAAkC,CAACG,OAAOC;IACvE,MAAM,EAACC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAEC,MAAMC,KAAK,EAAE,GAAGC,QAAO,GAAGT;IACjF,MAAMU,MAAMZ;IAEZ,qBACI,KAACF;QACGK,KAAKA;QACLG,YAAY;YACRO,YAAYD,IAAIE,SAAS,CAAC,mBAAmB;gBAACT;gBAAWC;gBAAYC;gBAAQC;gBAAON;YAAK,GAAGG,SAAS;YACrGU,WAAWH,IAAIE,SAAS,CAAC,wBAAwB;gBAACR;gBAAYC;gBAAQL;YAAK,GAAGG,SAAS;QAC3F;QACC,GAAGM,MAAM;kBAETP;;AAGb,GAAG"}

package/dist/esm/styles/Breadcrumbs.module.css

@@ -5,8 +5,8 @@
 
 .breadcrumb {
     line-height: 14px;
+}
 
-    &:not(a) {
-        color: var(--coveo-color-title);
-    }
+.separator {
+    color: var(--coveo-color-title);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "56.3.1",
+  "version": "56.3.2",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -41,7 +41,7 @@
     "fast-deep-equal": "3.1.3",
     "lodash.defaultsdeep": "4.6.1",
     "monaco-editor": "0.54.0",
-    "@coveord/plasma-react-icons": "56.3.1",
+    "@coveord/plasma-react-icons": "56.3.2",
     "@coveord/plasma-tokens": "56.3.1"
   },
   "devDependencies": {

package/src/components/header/Header.module.css

@@ -19,3 +19,7 @@
     margin-left: var(--mantine-spacing-xs);
     vertical-align: middle;
 }
+
+.breadcrumbText {
+    color: var(--coveo-color-title);
+}

package/src/components/header/Header.tsx

@@ -38,7 +38,6 @@ export type HeaderStyleNames =
     | HeaderBreadcrumbsStyleNames
     | HeaderBreadcrumbAnchorStyleNames
     | HeaderBreadcrumbTextStyleNames
-    | HeaderBreadcrumbsStyleNames
     | HeaderRightStyleNames;
 
 export interface HeaderProps