@vodafone_de/brix-components 7.0.9 → 7.0.10

package/dist/components/Button/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { B as ButtonAsLink, g as getButtonIcon } from "../../index-hMlQuoyx.js";
+import { B as ButtonAsLink, g as getButtonIcon } from "../../index-hNV7tcRV.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import { B as ButtonStyled } from "../../styled-C4eI47I1.js";
 const buttonFullWidth = "full";

package/dist/components/ButtonAsLink/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { B } from "../../index-hMlQuoyx.js";
+import { B } from "../../index-hNV7tcRV.js";
 import "../../hooks/useLinkComponent/index.js";
 import "../../filterProps-CBnuV0LI.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";

package/dist/components/InlineLink/index.js

@@ -45,9 +45,7 @@ const InlineLinkStyled = styled.span.withConfig({
   }
 });
 const InlineLink = (props) => {
-  const {
-    LinkComponent
-  } = useLinkComponent();
+  const LinkComponent = useLinkComponent();
   return /* @__PURE__ */ jsx(InlineLinkStyled, { ...props, children: /* @__PURE__ */ jsx(LinkComponent, { ...filterPropsForUnstyledComponent(props), children: props.children }) });
 };
 export {

package/dist/components/Link/index.js

@@ -11,9 +11,7 @@ const Link = (props) => {
   if (isLinkAsButtonProp(props)) {
     return /* @__PURE__ */ jsx(LinkAsButton, { ...props, children: props.children });
   }
-  const {
-    LinkComponent
-  } = useLinkComponent();
+  const LinkComponent = useLinkComponent();
   return /* @__PURE__ */ jsx(LinkStyled, { ...props, children: /* @__PURE__ */ jsxs(LinkComponent, { ...filterPropsForUnstyledComponent(props), children: [
     renderInlineRichTextFromOpenText(props.children),
     getLinkIcon(props.icon)

package/dist/components/LinkListItem/index.js

@@ -327,9 +327,7 @@ const LinkListItem = (props) => {
   if (isLinkListItemAsButtonProp(props)) {
     return /* @__PURE__ */ jsx(LinkListItemButtonStyled, { ...props, children: Item });
   }
-  const {
-    LinkComponent
-  } = useLinkComponent();
+  const LinkComponent = useLinkComponent();
   return /* @__PURE__ */ jsx(LinkListItemAnchorStyled, { elevation, orientation, children: /* @__PURE__ */ jsx(LinkComponent, { ...filterPropsForUnstyledComponent(props), children: Item }) });
 };
 export {

package/dist/hooks/useLinkComponent/index.d.ts

@@ -1,11 +1,21 @@
-import { ComponentType } from 'react';
-import { ButtonAsLinkProps } from '../../components/ButtonAsLink';
-import { InlineLinkProps } from '../../components/InlineLink';
-import { LinkProps } from '../../components/Link';
-import { LinkListItemProps } from '../../components/LinkListItem';
-export type LinkComponentProps = LinkListItemProps | LinkProps | ButtonAsLinkProps | InlineLinkProps;
-export type LinkContextType = {
-    LinkComponent: ComponentType<LinkComponentProps>;
-};
+import { AnchorHTMLAttributes, ComponentType } from 'react';
+/**
+ * Props of the link component.
+ */
+export type LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement>;
+/**
+ * Type of the context.
+ */
+export type LinkContextType = ComponentType<LinkComponentProps>;
+/**
+ * Default link component using `<a>`.
+ */
+export declare const DefaultLinkComponent: LinkContextType;
+/**
+ * Context for providing a custom link component.
+ */
 export declare const LinkContext: import('react').Context<LinkContextType>;
+/**
+ * Hook to access the current link component from context.
+ */
 export declare const useLinkComponent: () => LinkContextType;

package/dist/hooks/useLinkComponent/index.js

@@ -1,11 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
-const defaultContext = {
-  LinkComponent: (props) => /* @__PURE__ */ jsx("a", { ...props })
-};
-const LinkContext = createContext(defaultContext);
+const DefaultLinkComponent = (props) => /* @__PURE__ */ jsx("a", { ...props });
+const LinkContext = createContext(DefaultLinkComponent);
 const useLinkComponent = () => useContext(LinkContext);
 export {
+  DefaultLinkComponent,
   LinkContext,
   useLinkComponent
 };

package/dist/{index-hMlQuoyx.js → index-hNV7tcRV.js}

@@ -69,9 +69,7 @@ const ButtonAsLinkStyled = styled.span.withConfig({
   bottomSpacing
 }));
 const ButtonAsLink = (props) => {
-  const {
-    LinkComponent
-  } = useLinkComponent();
+  const LinkComponent = useLinkComponent();
   return /* @__PURE__ */ jsx(ButtonAsLinkStyled, { ...props, children: /* @__PURE__ */ jsxs(LinkComponent, { ...filterPropsForUnstyledComponent(props), children: [
     renderInlineRichTextFromOpenText(props.children),
     getButtonIcon(props == null ? void 0 : props.icon)

package/dist/index.js

@@ -67,7 +67,7 @@ import { default as default63 } from "./components/Checkbox/index.js";
 import { default as default64 } from "./components/Carousel/index.js";
 import { default as default65 } from "./components/Card/index.js";
 import { default as default66 } from "./components/ButtonGroup/index.js";
-import { B } from "./index-hMlQuoyx.js";
+import { B } from "./index-hNV7tcRV.js";
 import { default as default67, buttonAutoWidth, buttonFullWidth } from "./components/Button/index.js";
 import { default as default68 } from "./components/BottomBar/index.js";
 import { default as default69, bodyAlignCenter, bodyAlignLeft, bodyAlignRight } from "./components/Body/index.js";
@@ -98,7 +98,7 @@ import { u } from "./index-Cs0Hw0dj.js";
 import { checkThirdPartyConsentStorage, consentStorageFeature, consentStorageItemName, consentStorageKey, useThirdPartyConsent } from "./hooks/useThirdPartyConsent/index.js";
 import { useReducedMotion } from "./hooks/useReducedMotion/index.js";
 import { useMediaQuery } from "./hooks/useMediaQuery/index.js";
-import { LinkContext, useLinkComponent } from "./hooks/useLinkComponent/index.js";
+import { DefaultLinkComponent, LinkContext, useLinkComponent } from "./hooks/useLinkComponent/index.js";
 import { useForcedColors } from "./hooks/useForcedColors/index.js";
 import { useFocusWithin } from "./hooks/useFocusWithin/index.js";
 import { a as a4, i } from "./props-DDpgcryb.js";
@@ -127,6 +127,7 @@ export {
   default57 as Container,
   ContainerAppearanceColor,
   default56 as DateInput,
+  DefaultLinkComponent,
   default55 as DemoBox,
   default54 as Dialog,
   default53 as DiscoveryCard,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vodafone_de/brix-components",
   "description": "Brix is the digital design system for vodafone.de",
-  "version": "7.0.9",
+  "version": "7.0.10",
   "exports": {
     "./package.json": "./package.json",
     ".": {