@fluentui/react-link 9.2.31 → 9.3.0

package/CHANGELOG.md

@@ -1,12 +1,35 @@
 # Change Log - @fluentui/react-link
 
-This log was last generated on Tue, 10 Sep 2024 10:15:11 GMT and should not be manually modified.
+This log was last generated on Tue, 08 Oct 2024 22:02:30 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.3.0)
+
+Tue, 08 Oct 2024 22:02:30 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.2.32..@fluentui/react-link_v9.3.0)
+
+### Minor changes
+
+- feat: add LinkContextProvider ([PR #32850](https://github.com/microsoft/fluentui/pull/32850) by vgenaev@gmail.com)
+- Bump @fluentui/react-tabster to v9.22.8 ([PR #33007](https://github.com/microsoft/fluentui/pull/33007) by beachball)
+
+## [9.2.32](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.2.32)
+
+Mon, 23 Sep 2024 12:40:17 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.2.31..@fluentui/react-link_v9.2.32)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.44 ([PR #32840](https://github.com/microsoft/fluentui/pull/32840) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.20.1 ([PR #32840](https://github.com/microsoft/fluentui/pull/32840) by beachball)
+- Bump @fluentui/react-tabster to v9.22.7 ([PR #32840](https://github.com/microsoft/fluentui/pull/32840) by beachball)
+- Bump @fluentui/react-theme to v9.1.20 ([PR #32840](https://github.com/microsoft/fluentui/pull/32840) by beachball)
+- Bump @fluentui/react-utilities to v9.18.15 ([PR #32840](https://github.com/microsoft/fluentui/pull/32840) by beachball)
+
 ## [9.2.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.2.31)
 
-Tue, 10 Sep 2024 10:15:11 GMT 
+Tue, 10 Sep 2024 10:19:12 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.2.30..@fluentui/react-link_v9.2.31)
 
 ### Patches

package/dist/index.d.ts

@@ -13,6 +13,14 @@ export declare const Link: ForwardRefComponent<LinkProps>;
 
 export declare const linkClassNames: SlotClassNames<LinkSlots>;
 
+export declare const linkContextDefaultValue: LinkContextValue;
+
+export declare const LinkContextProvider: React_2.Provider<LinkContextValue | undefined>;
+
+export declare type LinkContextValue = {
+    inline?: boolean;
+};
+
 export declare type LinkProps = ComponentProps<LinkSlots> & {
     /**
      * A link can appear either with its default style or subtle.
@@ -61,6 +69,8 @@ export declare const renderLink_unstable: (state: LinkState) => JSX.Element;
  */
 export declare const useLink_unstable: (props: LinkProps, ref: React_2.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>) => LinkState;
 
+export declare const useLinkContext: () => LinkContextValue;
+
 /**
  * The useLinkState_unstable hook processes the Link state.
  * @param state - Link state to mutate.

package/lib/Link.js

@@ -1 +1,2 @@
 export * from './components/Link/index';
+export * from './contexts';

package/lib/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Link.ts"],"sourcesContent":["export * from './components/Link/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,0BAA0B"}
+{"version":3,"sources":["Link.ts"],"sourcesContent":["export * from './components/Link/index';\nexport * from './contexts';\n"],"names":[],"rangeMappings":";","mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,aAAa"}

package/lib/components/Link/useLink.js

@@ -2,12 +2,14 @@ import * as React from 'react';
 import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
 import { useBackgroundAppearance } from '@fluentui/react-shared-contexts';
 import { useLinkState_unstable } from './useLinkState';
+import { useLinkContext } from '../../contexts/linkContext';
 /**
  * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.
  * @param props - User provided props to the Link component.
  * @param ref - User provided ref to be passed to the Link component.
  */ export const useLink_unstable = (props, ref)=>{
     const backgroundAppearance = useBackgroundAppearance();
+    const { inline: inlineContext } = useLinkContext();
     const { appearance = 'default', disabled = false, disabledFocusable = false, inline = false } = props;
     const elementType = props.as || (props.href ? 'a' : 'button');
     // Casting is required here as `as` prop would break the union between `a`, `button` and `span` types
@@ -22,7 +24,7 @@ import { useLinkState_unstable } from './useLinkState';
         appearance,
         disabled,
         disabledFocusable,
-        inline,
+        inline: inline !== null && inline !== void 0 ? inline : !!inlineContext,
         // Slots definition
         components: {
             root: elementType

package/lib/components/Link/useLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useLink.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\nimport type { LinkProps, LinkState } from './Link.types';\n\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLink_unstable = (\n  props: LinkProps,\n  ref: React.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>,\n): LinkState => {\n  const backgroundAppearance = useBackgroundAppearance();\n  const { appearance = 'default', disabled = false, disabledFocusable = false, inline = false } = props;\n\n  const elementType = props.as || (props.href ? 'a' : 'button');\n\n  // Casting is required here as `as` prop would break the union between `a`, `button` and `span` types\n  const propsWithAssignedAs = {\n    role: elementType === 'span' ? 'button' : undefined,\n    type: elementType === 'button' ? 'button' : undefined,\n    ...props,\n    as: elementType,\n  } as LinkProps;\n\n  const state: LinkState = {\n    // Props passed at the top-level\n    appearance,\n    disabled,\n    disabledFocusable,\n    inline,\n\n    // Slots definition\n    components: {\n      root: elementType,\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps<LinkProps>(elementType, {\n        ref,\n        ...propsWithAssignedAs,\n      } as const),\n      { elementType },\n    ),\n    backgroundAppearance,\n  };\n\n  useLinkState_unstable(state);\n\n  return state;\n};\n"],"names":["React","getIntrinsicElementProps","slot","useBackgroundAppearance","useLinkState_unstable","useLink_unstable","props","ref","backgroundAppearance","appearance","disabled","disabledFocusable","inline","elementType","as","href","propsWithAssignedAs","role","undefined","type","state","components","root","always"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,SAASC,uBAAuB,QAAQ,kCAAkC;AAC1E,SAASC,qBAAqB,QAAQ,iBAAiB;AAGvD;;;;CAIC,GACD,OAAO,MAAMC,mBAAmB,CAC9BC,OACAC;IAEA,MAAMC,uBAAuBL;IAC7B,MAAM,EAAEM,aAAa,SAAS,EAAEC,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAEC,SAAS,KAAK,EAAE,GAAGN;IAEhG,MAAMO,cAAcP,MAAMQ,EAAE,IAAKR,CAAAA,MAAMS,IAAI,GAAG,MAAM,QAAO;IAE3D,qGAAqG;IACrG,MAAMC,sBAAsB;QAC1BC,MAAMJ,gBAAgB,SAAS,WAAWK;QAC1CC,MAAMN,gBAAgB,WAAW,WAAWK;QAC5C,GAAGZ,KAAK;QACRQ,IAAID;IACN;IAEA,MAAMO,QAAmB;QACvB,gCAAgC;QAChCX;QACAC;QACAC;QACAC;QAEA,mBAAmB;QACnBS,YAAY;YACVC,MAAMT;QACR;QAEAS,MAAMpB,KAAKqB,MAAM,CACftB,yBAAoCY,aAAa;YAC/CN;YACA,GAAGS,mBAAmB;QACxB,IACA;YAAEH;QAAY;QAEhBL;IACF;IAEAJ,sBAAsBgB;IAEtB,OAAOA;AACT,EAAE"}
+{"version":3,"sources":["useLink.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\nimport type { LinkProps, LinkState } from './Link.types';\nimport { useLinkContext } from '../../contexts/linkContext';\n\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLink_unstable = (\n  props: LinkProps,\n  ref: React.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>,\n): LinkState => {\n  const backgroundAppearance = useBackgroundAppearance();\n  const { inline: inlineContext } = useLinkContext();\n  const { appearance = 'default', disabled = false, disabledFocusable = false, inline = false } = props;\n\n  const elementType = props.as || (props.href ? 'a' : 'button');\n\n  // Casting is required here as `as` prop would break the union between `a`, `button` and `span` types\n  const propsWithAssignedAs = {\n    role: elementType === 'span' ? 'button' : undefined,\n    type: elementType === 'button' ? 'button' : undefined,\n    ...props,\n    as: elementType,\n  } as LinkProps;\n\n  const state: LinkState = {\n    // Props passed at the top-level\n    appearance,\n    disabled,\n    disabledFocusable,\n    inline: inline ?? !!inlineContext,\n\n    // Slots definition\n    components: {\n      root: elementType,\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps<LinkProps>(elementType, {\n        ref,\n        ...propsWithAssignedAs,\n      } as const),\n      { elementType },\n    ),\n    backgroundAppearance,\n  };\n\n  useLinkState_unstable(state);\n\n  return state;\n};\n"],"names":["React","getIntrinsicElementProps","slot","useBackgroundAppearance","useLinkState_unstable","useLinkContext","useLink_unstable","props","ref","backgroundAppearance","inline","inlineContext","appearance","disabled","disabledFocusable","elementType","as","href","propsWithAssignedAs","role","undefined","type","state","components","root","always"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,SAASC,uBAAuB,QAAQ,kCAAkC;AAC1E,SAASC,qBAAqB,QAAQ,iBAAiB;AAEvD,SAASC,cAAc,QAAQ,6BAA6B;AAE5D;;;;CAIC,GACD,OAAO,MAAMC,mBAAmB,CAC9BC,OACAC;IAEA,MAAMC,uBAAuBN;IAC7B,MAAM,EAAEO,QAAQC,aAAa,EAAE,GAAGN;IAClC,MAAM,EAAEO,aAAa,SAAS,EAAEC,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAEJ,SAAS,KAAK,EAAE,GAAGH;IAEhG,MAAMQ,cAAcR,MAAMS,EAAE,IAAKT,CAAAA,MAAMU,IAAI,GAAG,MAAM,QAAO;IAE3D,qGAAqG;IACrG,MAAMC,sBAAsB;QAC1BC,MAAMJ,gBAAgB,SAAS,WAAWK;QAC1CC,MAAMN,gBAAgB,WAAW,WAAWK;QAC5C,GAAGb,KAAK;QACRS,IAAID;IACN;IAEA,MAAMO,QAAmB;QACvB,gCAAgC;QAChCV;QACAC;QACAC;QACAJ,QAAQA,mBAAAA,oBAAAA,SAAU,CAAC,CAACC;QAEpB,mBAAmB;QACnBY,YAAY;YACVC,MAAMT;QACR;QAEAS,MAAMtB,KAAKuB,MAAM,CACfxB,yBAAoCc,aAAa;YAC/CP;YACA,GAAGU,mBAAmB;QACxB,IACA;YAAEH;QAAY;QAEhBN;IACF;IAEAL,sBAAsBkB;IAEtB,OAAOA;AACT,EAAE"}

package/lib/contexts/index.js

@@ -0,0 +1 @@
+export * from './linkContext';

package/lib/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './linkContext';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,gBAAgB"}

package/lib/contexts/linkContext.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+const LinkContext = React.createContext(undefined);
+export const linkContextDefaultValue = {
+    inline: false
+};
+export const LinkContextProvider = LinkContext.Provider;
+export const useLinkContext = ()=>{
+    var _React_useContext;
+    return (_React_useContext = React.useContext(LinkContext)) !== null && _React_useContext !== void 0 ? _React_useContext : linkContextDefaultValue;
+};

package/lib/contexts/linkContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["linkContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type LinkContextValue = {\n  inline?: boolean;\n};\n\nconst LinkContext = React.createContext<LinkContextValue | undefined>(undefined);\n\nexport const linkContextDefaultValue: LinkContextValue = {\n  inline: false,\n};\n\nexport const LinkContextProvider = LinkContext.Provider;\nexport const useLinkContext = () => React.useContext(LinkContext) ?? linkContextDefaultValue;\n"],"names":["React","LinkContext","createContext","undefined","linkContextDefaultValue","inline","LinkContextProvider","Provider","useLinkContext","useContext"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAM/B,MAAMC,cAAcD,MAAME,aAAa,CAA+BC;AAEtE,OAAO,MAAMC,0BAA4C;IACvDC,QAAQ;AACV,EAAE;AAEF,OAAO,MAAMC,sBAAsBL,YAAYM,QAAQ,CAAC;AACxD,OAAO,MAAMC,iBAAiB;QAAMR;WAAAA,CAAAA,oBAAAA,MAAMS,UAAU,CAACR,0BAAjBD,+BAAAA,oBAAiCI;AAAsB,EAAE"}

package/lib/index.js

@@ -1 +1,2 @@
 export { Link, linkClassNames, renderLink_unstable, useLinkState_unstable, useLinkStyles_unstable, useLink_unstable } from './Link';
+export { linkContextDefaultValue, LinkContextProvider, useLinkContext } from './contexts';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  Link,\n  linkClassNames,\n  renderLink_unstable,\n  useLinkState_unstable,\n  useLinkStyles_unstable,\n  useLink_unstable,\n} from './Link';\nexport type { LinkProps, LinkSlots, LinkState } from './Link';\n"],"names":["Link","linkClassNames","renderLink_unstable","useLinkState_unstable","useLinkStyles_unstable","useLink_unstable"],"rangeMappings":"","mappings":"AAAA,SACEA,IAAI,EACJC,cAAc,EACdC,mBAAmB,EACnBC,qBAAqB,EACrBC,sBAAsB,EACtBC,gBAAgB,QACX,SAAS"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  Link,\n  linkClassNames,\n  renderLink_unstable,\n  useLinkState_unstable,\n  useLinkStyles_unstable,\n  useLink_unstable,\n} from './Link';\nexport type { LinkProps, LinkSlots, LinkState } from './Link';\nexport { linkContextDefaultValue, LinkContextProvider, useLinkContext } from './contexts';\nexport type { LinkContextValue } from './contexts';\n"],"names":["Link","linkClassNames","renderLink_unstable","useLinkState_unstable","useLinkStyles_unstable","useLink_unstable","linkContextDefaultValue","LinkContextProvider","useLinkContext"],"rangeMappings":";","mappings":"AAAA,SACEA,IAAI,EACJC,cAAc,EACdC,mBAAmB,EACnBC,qBAAqB,EACrBC,sBAAsB,EACtBC,gBAAgB,QACX,SAAS;AAEhB,SAASC,uBAAuB,EAAEC,mBAAmB,EAAEC,cAAc,QAAQ,aAAa"}

package/lib-commonjs/Link.js

@@ -4,3 +4,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _export_star = require("@swc/helpers/_/_export_star");
 _export_star._(require("./components/Link/index"), exports);
+_export_star._(require("./contexts"), exports);

package/lib-commonjs/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Link.ts"],"sourcesContent":["export * from './components/Link/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
+{"version":3,"sources":["Link.ts"],"sourcesContent":["export * from './components/Link/index';\nexport * from './contexts';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}

package/lib-commonjs/components/Link/useLink.js

@@ -13,8 +13,10 @@ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactutilities = require("@fluentui/react-utilities");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const _useLinkState = require("./useLinkState");
+const _linkContext = require("../../contexts/linkContext");
 const useLink_unstable = (props, ref)=>{
     const backgroundAppearance = (0, _reactsharedcontexts.useBackgroundAppearance)();
+    const { inline: inlineContext } = (0, _linkContext.useLinkContext)();
     const { appearance = 'default', disabled = false, disabledFocusable = false, inline = false } = props;
     const elementType = props.as || (props.href ? 'a' : 'button');
     // Casting is required here as `as` prop would break the union between `a`, `button` and `span` types
@@ -29,7 +31,7 @@ const useLink_unstable = (props, ref)=>{
         appearance,
         disabled,
         disabledFocusable,
-        inline,
+        inline: inline !== null && inline !== void 0 ? inline : !!inlineContext,
         // Slots definition
         components: {
             root: elementType

package/lib-commonjs/components/Link/useLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useLink.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\nimport type { LinkProps, LinkState } from './Link.types';\n\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLink_unstable = (\n  props: LinkProps,\n  ref: React.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>,\n): LinkState => {\n  const backgroundAppearance = useBackgroundAppearance();\n  const { appearance = 'default', disabled = false, disabledFocusable = false, inline = false } = props;\n\n  const elementType = props.as || (props.href ? 'a' : 'button');\n\n  // Casting is required here as `as` prop would break the union between `a`, `button` and `span` types\n  const propsWithAssignedAs = {\n    role: elementType === 'span' ? 'button' : undefined,\n    type: elementType === 'button' ? 'button' : undefined,\n    ...props,\n    as: elementType,\n  } as LinkProps;\n\n  const state: LinkState = {\n    // Props passed at the top-level\n    appearance,\n    disabled,\n    disabledFocusable,\n    inline,\n\n    // Slots definition\n    components: {\n      root: elementType,\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps<LinkProps>(elementType, {\n        ref,\n        ...propsWithAssignedAs,\n      } as const),\n      { elementType },\n    ),\n    backgroundAppearance,\n  };\n\n  useLinkState_unstable(state);\n\n  return state;\n};\n"],"names":["useLink_unstable","props","ref","backgroundAppearance","useBackgroundAppearance","appearance","disabled","disabledFocusable","inline","elementType","as","href","propsWithAssignedAs","role","undefined","type","state","components","root","slot","always","getIntrinsicElementProps","useLinkState_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;gCACwB;qCACP;8BACF;AAQ/B,MAAMA,mBAAmB,CAC9BC,OACAC;IAEA,MAAMC,uBAAuBC,IAAAA,4CAAAA;IAC7B,MAAM,EAAEC,aAAa,SAAS,EAAEC,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAEC,SAAS,KAAK,EAAE,GAAGP;IAEhG,MAAMQ,cAAcR,MAAMS,EAAE,IAAKT,CAAAA,MAAMU,IAAI,GAAG,MAAM,QAAA;IAEpD,qGAAqG;IACrG,MAAMC,sBAAsB;QAC1BC,MAAMJ,gBAAgB,SAAS,WAAWK;QAC1CC,MAAMN,gBAAgB,WAAW,WAAWK;QAC5C,GAAGb,KAAK;QACRS,IAAID;IACN;IAEA,MAAMO,QAAmB;QACvB,gCAAgC;QAChCX;QACAC;QACAC;QACAC;QAEA,mBAAmB;QACnBS,YAAY;YACVC,MAAMT;QACR;QAEAS,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAoCZ,aAAa;YAC/CP;YACA,GAAGU,mBAAmB;QACxB,IACA;YAAEH;QAAY;QAEhBN;IACF;IAEAmB,IAAAA,mCAAAA,EAAsBN;IAEtB,OAAOA;AACT"}
+{"version":3,"sources":["useLink.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\nimport type { LinkProps, LinkState } from './Link.types';\nimport { useLinkContext } from '../../contexts/linkContext';\n\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLink_unstable = (\n  props: LinkProps,\n  ref: React.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>,\n): LinkState => {\n  const backgroundAppearance = useBackgroundAppearance();\n  const { inline: inlineContext } = useLinkContext();\n  const { appearance = 'default', disabled = false, disabledFocusable = false, inline = false } = props;\n\n  const elementType = props.as || (props.href ? 'a' : 'button');\n\n  // Casting is required here as `as` prop would break the union between `a`, `button` and `span` types\n  const propsWithAssignedAs = {\n    role: elementType === 'span' ? 'button' : undefined,\n    type: elementType === 'button' ? 'button' : undefined,\n    ...props,\n    as: elementType,\n  } as LinkProps;\n\n  const state: LinkState = {\n    // Props passed at the top-level\n    appearance,\n    disabled,\n    disabledFocusable,\n    inline: inline ?? !!inlineContext,\n\n    // Slots definition\n    components: {\n      root: elementType,\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps<LinkProps>(elementType, {\n        ref,\n        ...propsWithAssignedAs,\n      } as const),\n      { elementType },\n    ),\n    backgroundAppearance,\n  };\n\n  useLinkState_unstable(state);\n\n  return state;\n};\n"],"names":["useLink_unstable","props","ref","backgroundAppearance","useBackgroundAppearance","inline","inlineContext","useLinkContext","appearance","disabled","disabledFocusable","elementType","as","href","propsWithAssignedAs","role","undefined","type","state","components","root","slot","always","getIntrinsicElementProps","useLinkState_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;gCACwB;qCACP;8BACF;6BAEP;AAOxB,MAAMA,mBAAmB,CAC9BC,OACAC;IAEA,MAAMC,uBAAuBC,IAAAA,4CAAAA;IAC7B,MAAM,EAAEC,QAAQC,aAAa,EAAE,GAAGC,IAAAA,2BAAAA;IAClC,MAAM,EAAEC,aAAa,SAAS,EAAEC,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAEL,SAAS,KAAK,EAAE,GAAGJ;IAEhG,MAAMU,cAAcV,MAAMW,EAAE,IAAKX,CAAAA,MAAMY,IAAI,GAAG,MAAM,QAAA;IAEpD,qGAAqG;IACrG,MAAMC,sBAAsB;QAC1BC,MAAMJ,gBAAgB,SAAS,WAAWK;QAC1CC,MAAMN,gBAAgB,WAAW,WAAWK;QAC5C,GAAGf,KAAK;QACRW,IAAID;IACN;IAEA,MAAMO,QAAmB;QACvB,gCAAgC;QAChCV;QACAC;QACAC;QACAL,QAAQA,WAAAA,QAAAA,WAAAA,KAAAA,IAAAA,SAAU,CAAC,CAACC;QAEpB,mBAAmB;QACnBa,YAAY;YACVC,MAAMT;QACR;QAEAS,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAoCZ,aAAa;YAC/CT;YACA,GAAGY,mBAAmB;QACxB,IACA;YAAEH;QAAY;QAEhBR;IACF;IAEAqB,IAAAA,mCAAAA,EAAsBN;IAEtB,OAAOA;AACT"}

package/lib-commonjs/contexts/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./linkContext"), exports);

package/lib-commonjs/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './linkContext';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/contexts/linkContext.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    LinkContextProvider: function() {
+        return LinkContextProvider;
+    },
+    linkContextDefaultValue: function() {
+        return linkContextDefaultValue;
+    },
+    useLinkContext: function() {
+        return useLinkContext;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const LinkContext = /*#__PURE__*/ _react.createContext(undefined);
+const linkContextDefaultValue = {
+    inline: false
+};
+const LinkContextProvider = LinkContext.Provider;
+const useLinkContext = ()=>{
+    var _React_useContext;
+    return (_React_useContext = _react.useContext(LinkContext)) !== null && _React_useContext !== void 0 ? _React_useContext : linkContextDefaultValue;
+};

package/lib-commonjs/contexts/linkContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["linkContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type LinkContextValue = {\n  inline?: boolean;\n};\n\nconst LinkContext = React.createContext<LinkContextValue | undefined>(undefined);\n\nexport const linkContextDefaultValue: LinkContextValue = {\n  inline: false,\n};\n\nexport const LinkContextProvider = LinkContext.Provider;\nexport const useLinkContext = () => React.useContext(LinkContext) ?? linkContextDefaultValue;\n"],"names":["LinkContextProvider","linkContextDefaultValue","useLinkContext","LinkContext","React","createContext","undefined","inline","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAYaA,mBAAAA;eAAAA;;IAJAC,uBAAAA;eAAAA;;IAKAC,cAAAA;eAAAA;;;;iEAbU;AAMvB,MAAMC,4BAAcC,OAAMC,aAAa,CAA+BC;AAE/D,MAAML,0BAA4C;IACvDM,QAAQ;AACV;AAEO,MAAMP,sBAAsBG,YAAYK,QAAQ;AAChD,MAAMN,iBAAiB;QAAME;WAAAA,CAAAA,oBAAAA,OAAMK,UAAU,CAACN,YAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAAiCH;AAAsB"}

package/lib-commonjs/index.js

@@ -12,12 +12,21 @@ _export(exports, {
     Link: function() {
         return _Link.Link;
     },
+    LinkContextProvider: function() {
+        return _contexts.LinkContextProvider;
+    },
     linkClassNames: function() {
         return _Link.linkClassNames;
     },
+    linkContextDefaultValue: function() {
+        return _contexts.linkContextDefaultValue;
+    },
     renderLink_unstable: function() {
         return _Link.renderLink_unstable;
     },
+    useLinkContext: function() {
+        return _contexts.useLinkContext;
+    },
     useLinkState_unstable: function() {
         return _Link.useLinkState_unstable;
     },
@@ -29,3 +38,4 @@ _export(exports, {
     }
 });
 const _Link = require("./Link");
+const _contexts = require("./contexts");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  Link,\n  linkClassNames,\n  renderLink_unstable,\n  useLinkState_unstable,\n  useLinkStyles_unstable,\n  useLink_unstable,\n} from './Link';\nexport type { LinkProps, LinkSlots, LinkState } from './Link';\n"],"names":["Link","linkClassNames","renderLink_unstable","useLinkState_unstable","useLinkStyles_unstable","useLink_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,IAAI;eAAJA,UAAI;;IACJC,cAAc;eAAdA,oBAAc;;IACdC,mBAAmB;eAAnBA,yBAAmB;;IACnBC,qBAAqB;eAArBA,2BAAqB;;IACrBC,sBAAsB;eAAtBA,4BAAsB;;IACtBC,gBAAgB;eAAhBA,sBAAgB;;;sBACX"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  Link,\n  linkClassNames,\n  renderLink_unstable,\n  useLinkState_unstable,\n  useLinkStyles_unstable,\n  useLink_unstable,\n} from './Link';\nexport type { LinkProps, LinkSlots, LinkState } from './Link';\nexport { linkContextDefaultValue, LinkContextProvider, useLinkContext } from './contexts';\nexport type { LinkContextValue } from './contexts';\n"],"names":["Link","LinkContextProvider","linkClassNames","linkContextDefaultValue","renderLink_unstable","useLinkContext","useLinkState_unstable","useLinkStyles_unstable","useLink_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,IAAI;eAAJA,UAAI;;IAQ4BC,mBAAmB;eAAnBA,6BAAmB;;IAPnDC,cAAc;eAAdA,oBAAc;;IAOPC,uBAAuB;eAAvBA,iCAAuB;;IAN9BC,mBAAmB;eAAnBA,yBAAmB;;IAMkCC,cAAc;eAAdA,wBAAc;;IALnEC,qBAAqB;eAArBA,2BAAqB;;IACrBC,sBAAsB;eAAtBA,4BAAsB;;IACtBC,gBAAgB;eAAhBA,sBAAgB;;;sBACX;0BAEsE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-link",
-  "version": "9.2.31",
+  "version": "9.3.0",
   "description": "Fluent UI React Link component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -34,11 +34,11 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.7",
-    "@fluentui/react-jsx-runtime": "^9.0.43",
-    "@fluentui/react-shared-contexts": "^9.20.0",
-    "@fluentui/react-tabster": "^9.22.6",
-    "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-utilities": "^9.18.14",
+    "@fluentui/react-jsx-runtime": "^9.0.44",
+    "@fluentui/react-shared-contexts": "^9.20.1",
+    "@fluentui/react-tabster": "^9.22.8",
+    "@fluentui/react-theme": "^9.1.20",
+    "@fluentui/react-utilities": "^9.18.15",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },