@fluentui/react-link 9.0.0-rc.9 → 9.0.0

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Link/useLinkState.ts"],"names":[],"mappings":"AACA,SAAS,KAAT,EAAgB,KAAhB,QAA6B,yBAA7B;AAGA;;;AAGG;;AACH,OAAO,MAAM,qBAAqB,GAAI,KAAD,IAAgC;AACnE,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAAkC,KAAxC;AACA,QAAM;AAAE,IAAA,OAAF;AAAW,IAAA,SAAX;AAAsB,IAAA,IAAtB;AAA4B,IAAA;AAA5B,MAAqC,KAAK,CAAC,IAAjD,CAFmE,CAInE;;AACA,MAAI,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,GAAtB,EAA2B;AACzB,IAAA,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,QAAQ,GAAG,SAAH,GAAe,KAAK,CAAC,IAAN,CAAW,IAApD;AACA,IAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,QAAQ,IAAI,CAAC,iBAAb,GAAiC,SAAjC,GAA6C,CAAnE,CAFyB,CAIzB;;AACA,QAAI,QAAQ,IAAI,iBAAhB,EAAmC;AACjC,MAAA,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,IAAI,IAAI,MAA1B;AACD;AACF,GARD,CASA;AATA,OAUK;AACH,IAAA,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,IAAI,IAAI,QAA1B;AACD,GAjBkE,CAmBnE;;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,OAAX,GAAsB,EAAD,IAAgE;AACnF,QAAI,QAAQ,IAAI,iBAAhB,EAAmC;AACjC,MAAA,EAAE,CAAC,cAAH;AACD,KAFD,MAEO;AACL,MAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAG,EAAH,CAAP;AACD;AACF,GAND,CApBmE,CA4BnE;;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAwB,EAAD,IAAmE;AACxF,QAAI,CAAC,QAAQ,IAAI,iBAAb,MAAoC,EAAE,CAAC,GAAH,KAAW,KAAX,IAAoB,EAAE,CAAC,GAAH,KAAW,KAAnE,CAAJ,EAA+E;AAC7E,MAAA,EAAE,CAAC,cAAH;AACA,MAAA,EAAE,CAAC,eAAH;AACD,KAHD,MAGO;AACL,MAAA,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAS,KAAA,CAAT,GAAA,SAAS,CAAG,EAAH,CAAT;AACD;AACF,GAPD,CA7BmE,CAsCnE;;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,eAAX,IAA8B,QAAQ,IAAI,iBAA1C;;AACA,MAAI,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,QAAtB,EAAgC;AAC9B,IAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,QAAQ,IAAI,CAAC,iBAAnC;AACD;;AAED,SAAO,KAAP;AACD,CA7CM","sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport type { LinkState } from './Link.types';\n\n/**\n * The useLinkState_unstable hook processes the Link state.\n * @param state - Link state to mutate.\n */\nexport const useLinkState_unstable = (state: LinkState): LinkState => {\n  const { disabled, disabledFocusable } = state;\n  const { onClick, onKeyDown, role, type } = state.root;\n\n  // Add href and tabIndex=0 for anchor elements.\n  if (state.root.as === 'a') {\n    state.root.href = disabled ? undefined : state.root.href;\n    state.root.tabIndex = disabled && !disabledFocusable ? undefined : 0;\n\n    // Add role=\"link\" for disabled and disabledFocusable links.\n    if (disabled || disabledFocusable) {\n      state.root.role = role || 'link';\n    }\n  }\n  // Add type=\"button\" for button elements.\n  else {\n    state.root.type = type || 'button';\n  }\n\n  // Disallow click event when component is disabled and eat events when disabledFocusable is set to true.\n  state.root.onClick = (ev: React.MouseEvent<HTMLAnchorElement & HTMLButtonElement>) => {\n    if (disabled || disabledFocusable) {\n      ev.preventDefault();\n    } else {\n      onClick?.(ev);\n    }\n  };\n\n  // Disallow keydown event when component is disabled and eat events when disabledFocusable is set to true.\n  state.root.onKeyDown = (ev: React.KeyboardEvent<HTMLAnchorElement & HTMLButtonElement>) => {\n    if ((disabled || disabledFocusable) && (ev.key === Enter || ev.key === Space)) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    } else {\n      onKeyDown?.(ev);\n    }\n  };\n\n  // Set the aria-disabled and disabled props correctly.\n  state.root['aria-disabled'] = disabled || disabledFocusable;\n  if (state.root.as === 'button') {\n    state.root.disabled = disabled && !disabledFocusable;\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Link/useLinkState.ts"],"names":[],"mappings":"AACA,SAAS,KAAT,EAAgB,KAAhB,QAA6B,yBAA7B;AAGA;;;AAGG;;AACH,OAAO,MAAM,qBAAqB,GAAI,KAAD,IAAgC;EACnE,MAAM;IAAE,QAAF;IAAY;EAAZ,IAAkC,KAAxC;EACA,MAAM;IAAE,OAAF;IAAW,SAAX;IAAsB,IAAtB;IAA4B;EAA5B,IAAqC,KAAK,CAAC,IAAjD,CAFmE,CAInE;;EACA,IAAI,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,GAAtB,EAA2B;IACzB,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,QAAQ,GAAG,SAAH,GAAe,KAAK,CAAC,IAAN,CAAW,IAApD;IACA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,QAAQ,IAAI,CAAC,iBAAb,GAAiC,SAAjC,GAA6C,CAAnE,CAFyB,CAIzB;;IACA,IAAI,QAAQ,IAAI,iBAAhB,EAAmC;MACjC,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,IAAI,IAAI,MAA1B;IACD;EACF,CARD,CASA;EATA,KAUK;IACH,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,IAAI,IAAI,QAA1B;EACD,CAjBkE,CAmBnE;;;EACA,KAAK,CAAC,IAAN,CAAW,OAAX,GAAsB,EAAD,IAAgE;IACnF,IAAI,QAAQ,IAAI,iBAAhB,EAAmC;MACjC,EAAE,CAAC,cAAH;IACD,CAFD,MAEO;MACL,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAG,EAAH,CAAP;IACD;EACF,CAND,CApBmE,CA4BnE;;;EACA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAwB,EAAD,IAAmE;IACxF,IAAI,CAAC,QAAQ,IAAI,iBAAb,MAAoC,EAAE,CAAC,GAAH,KAAW,KAAX,IAAoB,EAAE,CAAC,GAAH,KAAW,KAAnE,CAAJ,EAA+E;MAC7E,EAAE,CAAC,cAAH;MACA,EAAE,CAAC,eAAH;IACD,CAHD,MAGO;MACL,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAS,KAAA,CAAT,GAAA,SAAS,CAAG,EAAH,CAAT;IACD;EACF,CAPD,CA7BmE,CAsCnE;;;EACA,KAAK,CAAC,QAAN,GAAiB,QAAQ,IAAI,iBAA7B;EACA,KAAK,CAAC,IAAN,CAAW,eAAX,IAA8B,QAAQ,IAAI,iBAAZ,IAAiC,SAA/D;;EACA,IAAI,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,QAAtB,EAAgC;IAC9B,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,QAAQ,IAAI,CAAC,iBAAnC;EACD;;EAED,OAAO,KAAP;AACD,CA9CM","sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport type { LinkState } from './Link.types';\n\n/**\n * The useLinkState_unstable hook processes the Link state.\n * @param state - Link state to mutate.\n */\nexport const useLinkState_unstable = (state: LinkState): LinkState => {\n  const { disabled, disabledFocusable } = state;\n  const { onClick, onKeyDown, role, type } = state.root;\n\n  // Add href and tabIndex=0 for anchor elements.\n  if (state.root.as === 'a') {\n    state.root.href = disabled ? undefined : state.root.href;\n    state.root.tabIndex = disabled && !disabledFocusable ? undefined : 0;\n\n    // Add role=\"link\" for disabled and disabledFocusable links.\n    if (disabled || disabledFocusable) {\n      state.root.role = role || 'link';\n    }\n  }\n  // Add type=\"button\" for button elements.\n  else {\n    state.root.type = type || 'button';\n  }\n\n  // Disallow click event when component is disabled and eat events when disabledFocusable is set to true.\n  state.root.onClick = (ev: React.MouseEvent<HTMLAnchorElement & HTMLButtonElement>) => {\n    if (disabled || disabledFocusable) {\n      ev.preventDefault();\n    } else {\n      onClick?.(ev);\n    }\n  };\n\n  // Disallow keydown event when component is disabled and eat events when disabledFocusable is set to true.\n  state.root.onKeyDown = (ev: React.KeyboardEvent<HTMLAnchorElement & HTMLButtonElement>) => {\n    if ((disabled || disabledFocusable) && (ev.key === Enter || ev.key === Space)) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    } else {\n      onKeyDown?.(ev);\n    }\n  };\n\n  // Set the aria-disabled and disabled props correctly.\n  state.disabled = disabled || disabledFocusable;\n  state.root['aria-disabled'] = disabled || disabledFocusable || undefined;\n  if (state.root.as === 'button') {\n    state.root.disabled = disabled && !disabledFocusable;\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib/components/Link/useLinkStyles.js

@@ -1,18 +1,13 @@
 import { shorthands, __styles, mergeClasses } from '@griffel/react';
 import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
 import { tokens } from '@fluentui/react-theme';
-/**
- * @deprecated Use `linkClassNames.root` instead.
- */
-
-export const linkClassName = 'fui-Link';
 export const linkClassNames = {
   root: 'fui-Link'
 };
 
 const useStyles = /*#__PURE__*/__styles({
   "focusIndicator": {
-    "B486eqv": "f2hkw1w",
+    "Brovlpu": "ftqa4ok",
     "hhrs2v": "f50u1b5",
     "F2u7y": "fs3pq8b",
     "Bfv9iwi": "f1hghxdh",
@@ -78,7 +73,7 @@ const useStyles = /*#__PURE__*/__styles({
     "lj723h": "f19wldhg"
   }
 }, {
-  "i": [".f2hkw1w:focus-visible{outline-style:none;}"],
+  "f": [".ftqa4ok:focus{outline-style:none;}"],
   "d": ["[data-keyboard-nav] .f50u1b5:focus{border-bottom-color:transparent;}", "[data-keyboard-nav] .fs3pq8b:focus{text-decoration-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1hghxdh:focus{text-decoration-line:underline;}", "[data-keyboard-nav] .f1tymzes:focus{text-decoration-style:double;}", ".f3rmtva{background-color:transparent;}", ".f1ern45e{border-top-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".fg706s2{border-bottom-style:solid;}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f1ewtqcl{box-sizing:border-box;}", ".fyind8e{color:var(--colorBrandForegroundLink);}", ".f1k6fduh{cursor:pointer;}", ".f1w7gpdv{display:inline;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".fqv5qza{overflow-x:inherit;}", ".f1vmzxwi{overflow-y:inherit;}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}", ".f1iuv45f{text-decoration-line:none;}", ".f9n3di6{text-overflow:inherit;}", ".f1ids18y{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}", ".fjoy568{font-size:inherit;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f8eylhe{border-bottom-color:var(--colorBrandForegroundLink);}", ".fskmnqw{border-bottom-color:var(--colorNeutralForeground2);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fdrzuqr{cursor:not-allowed;}"],
   "h": [".fygtlnl:hover{border-bottom-color:var(--colorBrandForegroundLinkHover);}", ".f1deo86v:hover{color:var(--colorBrandForegroundLinkHover);}", ".fnlxxs1:hover{border-bottom-color:var(--colorNeutralForeground2Hover);}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}"],
   "a": [".f12x56k7:active{border-bottom-color:var(--colorBrandForegroundLinkPressed);}", ".f1iescvh:active{color:var(--colorBrandForegroundLinkPressed);}", ".ffmwprl:active{border-bottom-color:var(--colorNeutralForeground2Pressed);}", ".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}", ".fggejwh:active{border-bottom-color:transparent;}", ".f19wldhg:active{color:var(--colorNeutralForegroundDisabled);}"]
@@ -86,7 +81,13 @@ const useStyles = /*#__PURE__*/__styles({
 
 export const useLinkStyles_unstable = state => {
   const styles = useStyles();
-  state.root.className = mergeClasses(linkClassNames.root, styles.root, styles.focusIndicator, state.root.as === 'a' && state.root.href && styles.href, state.appearance === 'subtle' && styles.subtle, state.inline && styles.inline, state.appearance === 'subtle' && state.inline && styles.inlineSubtle, state.root['aria-disabled'] && styles.disabled, state.root.className);
+  const {
+    appearance,
+    disabled,
+    inline,
+    root
+  } = state;
+  state.root.className = mergeClasses(linkClassNames.root, styles.root, styles.focusIndicator, root.as === 'a' && root.href && styles.href, appearance === 'subtle' && styles.subtle, inline && styles.inline, appearance === 'subtle' && inline && styles.inlineSubtle, disabled && styles.disabled, state.root.className);
   return state;
 };
 //# sourceMappingURL=useLinkStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Link/useLinkStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,gBAArD;AACA,SAAS,+BAAT,QAAgD,yBAAhD;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAIA;;AAEG;;AACH,OAAO,MAAM,aAAa,GAAG,UAAtB;AACP,OAAO,MAAM,cAAc,GAA8B;AACvD,EAAA,IAAI,EAAE;AADiD,CAAlD;;AAIP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAqFA,OAAO,MAAM,sBAAsB,GAAI,KAAD,IAAgC;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,cAAc,CAAC,IADkB,EAEjC,MAAM,CAAC,IAF0B,EAGjC,MAAM,CAAC,cAH0B,EAIjC,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,GAAlB,IAAyB,KAAK,CAAC,IAAN,CAAW,IAApC,IAA4C,MAAM,CAAC,IAJlB,EAKjC,KAAK,CAAC,UAAN,KAAqB,QAArB,IAAiC,MAAM,CAAC,MALP,EAMjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,MANU,EAOjC,KAAK,CAAC,UAAN,KAAqB,QAArB,IAAiC,KAAK,CAAC,MAAvC,IAAiD,MAAM,CAAC,YAPvB,EAQjC,KAAK,CAAC,IAAN,CAAW,eAAX,KAA+B,MAAM,CAAC,QARL,EASjC,KAAK,CAAC,IAAN,CAAW,SATsB,CAAnC;AAYA,SAAO,KAAP;AACD,CAfM","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { LinkSlots, LinkState } from './Link.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @deprecated Use `linkClassNames.root` instead.\n */\nexport const linkClassName = 'fui-Link';\nexport const linkClassNames: SlotClassNames<LinkSlots> = {\n  root: 'fui-Link',\n};\n\nconst useStyles = makeStyles({\n  focusIndicator: createCustomFocusIndicatorStyle({\n    borderBottomColor: 'transparent',\n    textDecorationColor: tokens.colorStrokeFocus2,\n    textDecorationLine: 'underline',\n    textDecorationStyle: 'double',\n  }),\n  // Common styles.\n  root: {\n    backgroundColor: 'transparent',\n    borderTopStyle: 'none',\n    borderLeftStyle: 'none',\n    borderRightStyle: 'none',\n    borderBottomColor: 'transparent',\n    borderBottomStyle: 'solid',\n    borderBottomWidth: tokens.strokeWidthThin,\n    boxSizing: 'border-box',\n    color: tokens.colorBrandForegroundLink,\n    cursor: 'pointer',\n    display: 'inline',\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightRegular,\n    ...shorthands.margin(0),\n    ...shorthands.padding(0),\n    ...shorthands.overflow('inherit'),\n    textAlign: 'left',\n    textDecorationLine: 'none',\n    textOverflow: 'inherit',\n    userSelect: 'text',\n\n    ':hover': {\n      borderBottomColor: tokens.colorBrandForegroundLinkHover,\n      color: tokens.colorBrandForegroundLinkHover,\n    },\n\n    ':active': {\n      borderBottomColor: tokens.colorBrandForegroundLinkPressed,\n      color: tokens.colorBrandForegroundLinkPressed,\n    },\n  },\n  // Overrides when an href is present so the Link renders as an anchor.\n  href: {\n    fontSize: 'inherit',\n  },\n  // Overrides when the Link appears subtle.\n  subtle: {\n    color: tokens.colorNeutralForeground2,\n\n    ':hover': {\n      borderBottomColor: tokens.colorNeutralForeground2Hover,\n      color: tokens.colorNeutralForeground2Hover,\n    },\n\n    ':active': {\n      borderBottomColor: tokens.colorNeutralForeground2Pressed,\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n  },\n  // Overrides when the Link is rendered inline within text.\n  inline: {\n    borderBottomColor: tokens.colorBrandForegroundLink,\n  },\n  // Overrides when the Link is rendered inline within text and appears subtle.\n  inlineSubtle: {\n    borderBottomColor: tokens.colorNeutralForeground2,\n  },\n  // Overrides when the Link is disabled.\n  disabled: {\n    borderBottomColor: 'transparent',\n    color: tokens.colorNeutralForegroundDisabled,\n    cursor: 'not-allowed',\n\n    ':hover': {\n      borderBottomColor: 'transparent',\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n\n    ':active': {\n      borderBottomColor: 'transparent',\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n  },\n});\n\nexport const useLinkStyles_unstable = (state: LinkState): LinkState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    linkClassNames.root,\n    styles.root,\n    styles.focusIndicator,\n    state.root.as === 'a' && state.root.href && styles.href,\n    state.appearance === 'subtle' && styles.subtle,\n    state.inline && styles.inline,\n    state.appearance === 'subtle' && state.inline && styles.inlineSubtle,\n    state.root['aria-disabled'] && styles.disabled,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Link/useLinkStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,gBAArD;AACA,SAAS,+BAAT,QAAgD,yBAAhD;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAIA,OAAO,MAAM,cAAc,GAA8B;EACvD,IAAI,EAAE;AADiD,CAAlD;;AAIP,MAAM,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAAlB;;AAqFA,OAAO,MAAM,sBAAsB,GAAI,KAAD,IAAgC;EACpE,MAAM,MAAM,GAAG,SAAS,EAAxB;EACA,MAAM;IAAE,UAAF;IAAc,QAAd;IAAwB,MAAxB;IAAgC;EAAhC,IAAyC,KAA/C;EAEA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,cAAc,CAAC,IADkB,EAEjC,MAAM,CAAC,IAF0B,EAGjC,MAAM,CAAC,cAH0B,EAIjC,IAAI,CAAC,EAAL,KAAY,GAAZ,IAAmB,IAAI,CAAC,IAAxB,IAAgC,MAAM,CAAC,IAJN,EAKjC,UAAU,KAAK,QAAf,IAA2B,MAAM,CAAC,MALD,EAMjC,MAAM,IAAI,MAAM,CAAC,MANgB,EAOjC,UAAU,KAAK,QAAf,IAA2B,MAA3B,IAAqC,MAAM,CAAC,YAPX,EAQjC,QAAQ,IAAI,MAAM,CAAC,QARc,EASjC,KAAK,CAAC,IAAN,CAAW,SATsB,CAAnC;EAYA,OAAO,KAAP;AACD,CAjBM","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { LinkSlots, LinkState } from './Link.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const linkClassNames: SlotClassNames<LinkSlots> = {\n  root: 'fui-Link',\n};\n\nconst useStyles = makeStyles({\n  focusIndicator: createCustomFocusIndicatorStyle({\n    borderBottomColor: 'transparent',\n    textDecorationColor: tokens.colorStrokeFocus2,\n    textDecorationLine: 'underline',\n    textDecorationStyle: 'double',\n  }),\n  // Common styles.\n  root: {\n    backgroundColor: 'transparent',\n    borderTopStyle: 'none',\n    borderLeftStyle: 'none',\n    borderRightStyle: 'none',\n    borderBottomColor: 'transparent',\n    borderBottomStyle: 'solid',\n    borderBottomWidth: tokens.strokeWidthThin,\n    boxSizing: 'border-box',\n    color: tokens.colorBrandForegroundLink,\n    cursor: 'pointer',\n    display: 'inline',\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightRegular,\n    ...shorthands.margin(0),\n    ...shorthands.padding(0),\n    ...shorthands.overflow('inherit'),\n    textAlign: 'left',\n    textDecorationLine: 'none',\n    textOverflow: 'inherit',\n    userSelect: 'text',\n\n    ':hover': {\n      borderBottomColor: tokens.colorBrandForegroundLinkHover,\n      color: tokens.colorBrandForegroundLinkHover,\n    },\n\n    ':active': {\n      borderBottomColor: tokens.colorBrandForegroundLinkPressed,\n      color: tokens.colorBrandForegroundLinkPressed,\n    },\n  },\n  // Overrides when an href is present so the Link renders as an anchor.\n  href: {\n    fontSize: 'inherit',\n  },\n  // Overrides when the Link appears subtle.\n  subtle: {\n    color: tokens.colorNeutralForeground2,\n\n    ':hover': {\n      borderBottomColor: tokens.colorNeutralForeground2Hover,\n      color: tokens.colorNeutralForeground2Hover,\n    },\n\n    ':active': {\n      borderBottomColor: tokens.colorNeutralForeground2Pressed,\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n  },\n  // Overrides when the Link is rendered inline within text.\n  inline: {\n    borderBottomColor: tokens.colorBrandForegroundLink,\n  },\n  // Overrides when the Link is rendered inline within text and appears subtle.\n  inlineSubtle: {\n    borderBottomColor: tokens.colorNeutralForeground2,\n  },\n  // Overrides when the Link is disabled.\n  disabled: {\n    borderBottomColor: 'transparent',\n    color: tokens.colorNeutralForegroundDisabled,\n    cursor: 'not-allowed',\n\n    ':hover': {\n      borderBottomColor: 'transparent',\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n\n    ':active': {\n      borderBottomColor: 'transparent',\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n  },\n});\n\nexport const useLinkStyles_unstable = (state: LinkState): LinkState => {\n  const styles = useStyles();\n  const { appearance, disabled, inline, root } = state;\n\n  state.root.className = mergeClasses(\n    linkClassNames.root,\n    styles.root,\n    styles.focusIndicator,\n    root.as === 'a' && root.href && styles.href,\n    appearance === 'subtle' && styles.subtle,\n    inline && styles.inline,\n    appearance === 'subtle' && inline && styles.inlineSubtle,\n    disabled && styles.disabled,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib/index.js

@@ -1,3 +1,2 @@
-export { Link, // eslint-disable-next-line deprecation/deprecation
-linkClassName, linkClassNames, renderLink_unstable, useLinkState_unstable, useLinkStyles_unstable, useLink_unstable } from './Link';
+export { Link, linkClassNames, renderLink_unstable, useLinkState_unstable, useLinkStyles_unstable, useLink_unstable } from './Link';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,SACE,IADF,EAEE;AACA,aAHF,EAIE,cAJF,EAKE,mBALF,EAME,qBANF,EAOE,sBAPF,EAQE,gBARF,QASO,QATP","sourcesContent":["export {\n  Link,\n  // eslint-disable-next-line deprecation/deprecation\n  linkClassName,\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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,SACE,IADF,EAEE,cAFF,EAGE,mBAHF,EAIE,qBAJF,EAKE,sBALF,EAME,gBANF,QAOO,QAPP","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"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Link/Link.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAAuC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClF,QAAM,KAAK,GAAG,SAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB,GAAxB,CAAd;AAEA,EAAA,eAAA,CAAA,sBAAA,CAAuB,KAAvB;AAEA,SAAO,YAAA,CAAA,mBAAA,CAAoB,KAApB,CAAP,CALkF,CAMlF;AACD,CAPmD,CAAvC;AASb,OAAA,CAAA,IAAA,CAAK,WAAL,GAAmB,MAAnB","sourcesContent":["import * as React from 'react';\nimport { useLink_unstable } from './useLink';\nimport { useLinkStyles_unstable } from './useLinkStyles';\nimport { renderLink_unstable } from './renderLink';\nimport type { LinkProps } from './Link.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * A Link is a reference to data that a user can follow by clicking or tapping it.\n */\nexport const Link: ForwardRefComponent<LinkProps> = React.forwardRef((props, ref) => {\n  const state = useLink_unstable(props, ref);\n\n  useLinkStyles_unstable(state);\n\n  return renderLink_unstable(state);\n  // Work around some small mismatches in inferred types which don't matter in practice\n}) as ForwardRefComponent<LinkProps>;\n\nLink.displayName = 'Link';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Link/Link.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAAuC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EAClF,MAAM,KAAK,GAAG,SAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB,GAAxB,CAAd;EAEA,eAAA,CAAA,sBAAA,CAAuB,KAAvB;EAEA,OAAO,YAAA,CAAA,mBAAA,CAAoB,KAApB,CAAP,CALkF,CAMlF;AACD,CAPmD,CAAvC;AASb,OAAA,CAAA,IAAA,CAAK,WAAL,GAAmB,MAAnB","sourcesContent":["import * as React from 'react';\nimport { useLink_unstable } from './useLink';\nimport { useLinkStyles_unstable } from './useLinkStyles';\nimport { renderLink_unstable } from './renderLink';\nimport type { LinkProps } from './Link.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * A Link is a reference to data that a user can follow by clicking or tapping it.\n */\nexport const Link: ForwardRefComponent<LinkProps> = React.forwardRef((props, ref) => {\n  const state = useLink_unstable(props, ref);\n\n  useLinkStyles_unstable(state);\n\n  return renderLink_unstable(state);\n  // Work around some small mismatches in inferred types which don't matter in practice\n}) as ForwardRefComponent<LinkProps>;\n\nLink.displayName = 'Link';\n"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Link/renderLink.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,mBAAmB,GAAI,KAAD,IAAqB;AACtD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAoB,KAApB,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { LinkSlots, LinkState } from './Link.types';\n\n/**\n * Renders a Link component by passing the state defined props to the appropriate slots.\n */\nexport const renderLink_unstable = (state: LinkState) => {\n  const { slots, slotProps } = getSlots<LinkSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Link/renderLink.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,mBAAmB,GAAI,KAAD,IAAqB;EACtD,MAAM;IAAE,KAAF;IAAS;EAAT,IAAuB,iBAAA,CAAA,QAAA,CAAoB,KAApB,CAA7B;EAEA,OAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { LinkSlots, LinkState } from './Link.types';\n\n/**\n * Renders a Link component by passing the state defined props to the appropriate slots.\n */\nexport const renderLink_unstable = (state: LinkState) => {\n  const { slots, slotProps } = getSlots<LinkSlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"sourceRoot":"../src/"}

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

@@ -17,10 +17,10 @@ const useLinkState_1 = /*#__PURE__*/require("./useLinkState");
 
 const useLink_unstable = (props, ref) => {
   const {
-    appearance,
-    disabled,
-    disabledFocusable,
-    inline
+    appearance = 'default',
+    disabled = false,
+    disabledFocusable = false,
+    inline = false
   } = props;
   const as = props.as || (props.href ? 'a' : 'button');
   const state = {

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Link/useLink.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,gBAAgB,GAAG,CAC9B,KAD8B,EAE9B,GAF8B,KAGjB;AACb,QAAM;AAAE,IAAA,UAAF;AAAc,IAAA,QAAd;AAAwB,IAAA,iBAAxB;AAA2C,IAAA;AAA3C,MAAsD,KAA5D;AACA,QAAM,EAAE,GAAG,KAAK,CAAC,EAAN,KAAa,KAAK,CAAC,IAAN,GAAa,GAAb,GAAmB,QAAhC,CAAX;AAEA,QAAM,KAAK,GAAc;AACvB;AACA,IAAA,UAFuB;AAGvB,IAAA,QAHuB;AAIvB,IAAA,iBAJuB;AAKvB,IAAA,MALuB;AAOvB;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KARW;AAYvB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,EAAtB,EAA0B;AAC9B,MAAA,GAD8B;AAE9B,SAAG,KAF2B;AAG9B,MAAA;AAH8B,KAA1B;AAZiB,GAAzB;AAmBA,EAAA,cAAA,CAAA,qBAAA,CAAsB,KAAtB;AAEA,SAAO,KAAP;AACD,CA7BM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\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>,\n): LinkState => {\n  const { appearance, disabled, disabledFocusable, inline } = props;\n  const as = props.as || (props.href ? 'a' : 'button');\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: 'a',\n    },\n\n    root: getNativeElementProps(as, {\n      ref,\n      ...props,\n      as,\n    }),\n  };\n\n  useLinkState_unstable(state);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Link/useLink.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,gBAAgB,GAAG,CAC9B,KAD8B,EAE9B,GAF8B,KAGjB;EACb,MAAM;IAAE,UAAU,GAAG,SAAf;IAA0B,QAAQ,GAAG,KAArC;IAA4C,iBAAiB,GAAG,KAAhE;IAAuE,MAAM,GAAG;EAAhF,IAA0F,KAAhG;EACA,MAAM,EAAE,GAAG,KAAK,CAAC,EAAN,KAAa,KAAK,CAAC,IAAN,GAAa,GAAb,GAAmB,QAAhC,CAAX;EAEA,MAAM,KAAK,GAAc;IACvB;IACA,UAFuB;IAGvB,QAHuB;IAIvB,iBAJuB;IAKvB,MALuB;IAOvB;IACA,UAAU,EAAE;MACV,IAAI,EAAE;IADI,CARW;IAYvB,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,EAAtB,EAA0B;MAC9B,GAD8B;MAE9B,GAAG,KAF2B;MAG9B;IAH8B,CAA1B;EAZiB,CAAzB;EAmBA,cAAA,CAAA,qBAAA,CAAsB,KAAtB;EAEA,OAAO,KAAP;AACD,CA7BM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\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>,\n): LinkState => {\n  const { appearance = 'default', disabled = false, disabledFocusable = false, inline = false } = props;\n  const as = props.as || (props.href ? 'a' : 'button');\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: 'a',\n    },\n\n    root: getNativeElementProps(as, {\n      ref,\n      ...props,\n      as,\n    }),\n  };\n\n  useLinkState_unstable(state);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

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

@@ -56,7 +56,8 @@ const useLinkState_unstable = state => {
   }; // Set the aria-disabled and disabled props correctly.
 
 
-  state.root['aria-disabled'] = disabled || disabledFocusable;
+  state.disabled = disabled || disabledFocusable;
+  state.root['aria-disabled'] = disabled || disabledFocusable || undefined;
 
   if (state.root.as === 'button') {
     state.root.disabled = disabled && !disabledFocusable;

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Link/useLinkState.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AAGA;;;AAGG;;;AACI,MAAM,qBAAqB,GAAI,KAAD,IAAgC;AACnE,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAAkC,KAAxC;AACA,QAAM;AAAE,IAAA,OAAF;AAAW,IAAA,SAAX;AAAsB,IAAA,IAAtB;AAA4B,IAAA;AAA5B,MAAqC,KAAK,CAAC,IAAjD,CAFmE,CAInE;;AACA,MAAI,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,GAAtB,EAA2B;AACzB,IAAA,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,QAAQ,GAAG,SAAH,GAAe,KAAK,CAAC,IAAN,CAAW,IAApD;AACA,IAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,QAAQ,IAAI,CAAC,iBAAb,GAAiC,SAAjC,GAA6C,CAAnE,CAFyB,CAIzB;;AACA,QAAI,QAAQ,IAAI,iBAAhB,EAAmC;AACjC,MAAA,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,IAAI,IAAI,MAA1B;AACD;AACF,GARD,CASA;AATA,OAUK;AACH,IAAA,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,IAAI,IAAI,QAA1B;AACD,GAjBkE,CAmBnE;;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,OAAX,GAAsB,EAAD,IAAgE;AACnF,QAAI,QAAQ,IAAI,iBAAhB,EAAmC;AACjC,MAAA,EAAE,CAAC,cAAH;AACD,KAFD,MAEO;AACL,MAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAG,EAAH,CAAP;AACD;AACF,GAND,CApBmE,CA4BnE;;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAwB,EAAD,IAAmE;AACxF,QAAI,CAAC,QAAQ,IAAI,iBAAb,MAAoC,EAAE,CAAC,GAAH,KAAW,eAAA,CAAA,KAAX,IAAoB,EAAE,CAAC,GAAH,KAAW,eAAA,CAAA,KAAnE,CAAJ,EAA+E;AAC7E,MAAA,EAAE,CAAC,cAAH;AACA,MAAA,EAAE,CAAC,eAAH;AACD,KAHD,MAGO;AACL,MAAA,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAS,KAAA,CAAT,GAAA,SAAS,CAAG,EAAH,CAAT;AACD;AACF,GAPD,CA7BmE,CAsCnE;;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,eAAX,IAA8B,QAAQ,IAAI,iBAA1C;;AACA,MAAI,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,QAAtB,EAAgC;AAC9B,IAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,QAAQ,IAAI,CAAC,iBAAnC;AACD;;AAED,SAAO,KAAP;AACD,CA7CM;;AAAM,OAAA,CAAA,qBAAA,GAAqB,qBAArB","sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport type { LinkState } from './Link.types';\n\n/**\n * The useLinkState_unstable hook processes the Link state.\n * @param state - Link state to mutate.\n */\nexport const useLinkState_unstable = (state: LinkState): LinkState => {\n  const { disabled, disabledFocusable } = state;\n  const { onClick, onKeyDown, role, type } = state.root;\n\n  // Add href and tabIndex=0 for anchor elements.\n  if (state.root.as === 'a') {\n    state.root.href = disabled ? undefined : state.root.href;\n    state.root.tabIndex = disabled && !disabledFocusable ? undefined : 0;\n\n    // Add role=\"link\" for disabled and disabledFocusable links.\n    if (disabled || disabledFocusable) {\n      state.root.role = role || 'link';\n    }\n  }\n  // Add type=\"button\" for button elements.\n  else {\n    state.root.type = type || 'button';\n  }\n\n  // Disallow click event when component is disabled and eat events when disabledFocusable is set to true.\n  state.root.onClick = (ev: React.MouseEvent<HTMLAnchorElement & HTMLButtonElement>) => {\n    if (disabled || disabledFocusable) {\n      ev.preventDefault();\n    } else {\n      onClick?.(ev);\n    }\n  };\n\n  // Disallow keydown event when component is disabled and eat events when disabledFocusable is set to true.\n  state.root.onKeyDown = (ev: React.KeyboardEvent<HTMLAnchorElement & HTMLButtonElement>) => {\n    if ((disabled || disabledFocusable) && (ev.key === Enter || ev.key === Space)) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    } else {\n      onKeyDown?.(ev);\n    }\n  };\n\n  // Set the aria-disabled and disabled props correctly.\n  state.root['aria-disabled'] = disabled || disabledFocusable;\n  if (state.root.as === 'button') {\n    state.root.disabled = disabled && !disabledFocusable;\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Link/useLinkState.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AAGA;;;AAGG;;;AACI,MAAM,qBAAqB,GAAI,KAAD,IAAgC;EACnE,MAAM;IAAE,QAAF;IAAY;EAAZ,IAAkC,KAAxC;EACA,MAAM;IAAE,OAAF;IAAW,SAAX;IAAsB,IAAtB;IAA4B;EAA5B,IAAqC,KAAK,CAAC,IAAjD,CAFmE,CAInE;;EACA,IAAI,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,GAAtB,EAA2B;IACzB,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,QAAQ,GAAG,SAAH,GAAe,KAAK,CAAC,IAAN,CAAW,IAApD;IACA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,QAAQ,IAAI,CAAC,iBAAb,GAAiC,SAAjC,GAA6C,CAAnE,CAFyB,CAIzB;;IACA,IAAI,QAAQ,IAAI,iBAAhB,EAAmC;MACjC,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,IAAI,IAAI,MAA1B;IACD;EACF,CARD,CASA;EATA,KAUK;IACH,KAAK,CAAC,IAAN,CAAW,IAAX,GAAkB,IAAI,IAAI,QAA1B;EACD,CAjBkE,CAmBnE;;;EACA,KAAK,CAAC,IAAN,CAAW,OAAX,GAAsB,EAAD,IAAgE;IACnF,IAAI,QAAQ,IAAI,iBAAhB,EAAmC;MACjC,EAAE,CAAC,cAAH;IACD,CAFD,MAEO;MACL,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAG,EAAH,CAAP;IACD;EACF,CAND,CApBmE,CA4BnE;;;EACA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAwB,EAAD,IAAmE;IACxF,IAAI,CAAC,QAAQ,IAAI,iBAAb,MAAoC,EAAE,CAAC,GAAH,KAAW,eAAA,CAAA,KAAX,IAAoB,EAAE,CAAC,GAAH,KAAW,eAAA,CAAA,KAAnE,CAAJ,EAA+E;MAC7E,EAAE,CAAC,cAAH;MACA,EAAE,CAAC,eAAH;IACD,CAHD,MAGO;MACL,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAS,KAAA,CAAT,GAAA,SAAS,CAAG,EAAH,CAAT;IACD;EACF,CAPD,CA7BmE,CAsCnE;;;EACA,KAAK,CAAC,QAAN,GAAiB,QAAQ,IAAI,iBAA7B;EACA,KAAK,CAAC,IAAN,CAAW,eAAX,IAA8B,QAAQ,IAAI,iBAAZ,IAAiC,SAA/D;;EACA,IAAI,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,QAAtB,EAAgC;IAC9B,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,QAAQ,IAAI,CAAC,iBAAnC;EACD;;EAED,OAAO,KAAP;AACD,CA9CM;;AAAM,OAAA,CAAA,qBAAA,GAAqB,qBAArB","sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport type { LinkState } from './Link.types';\n\n/**\n * The useLinkState_unstable hook processes the Link state.\n * @param state - Link state to mutate.\n */\nexport const useLinkState_unstable = (state: LinkState): LinkState => {\n  const { disabled, disabledFocusable } = state;\n  const { onClick, onKeyDown, role, type } = state.root;\n\n  // Add href and tabIndex=0 for anchor elements.\n  if (state.root.as === 'a') {\n    state.root.href = disabled ? undefined : state.root.href;\n    state.root.tabIndex = disabled && !disabledFocusable ? undefined : 0;\n\n    // Add role=\"link\" for disabled and disabledFocusable links.\n    if (disabled || disabledFocusable) {\n      state.root.role = role || 'link';\n    }\n  }\n  // Add type=\"button\" for button elements.\n  else {\n    state.root.type = type || 'button';\n  }\n\n  // Disallow click event when component is disabled and eat events when disabledFocusable is set to true.\n  state.root.onClick = (ev: React.MouseEvent<HTMLAnchorElement & HTMLButtonElement>) => {\n    if (disabled || disabledFocusable) {\n      ev.preventDefault();\n    } else {\n      onClick?.(ev);\n    }\n  };\n\n  // Disallow keydown event when component is disabled and eat events when disabledFocusable is set to true.\n  state.root.onKeyDown = (ev: React.KeyboardEvent<HTMLAnchorElement & HTMLButtonElement>) => {\n    if ((disabled || disabledFocusable) && (ev.key === Enter || ev.key === Space)) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    } else {\n      onKeyDown?.(ev);\n    }\n  };\n\n  // Set the aria-disabled and disabled props correctly.\n  state.disabled = disabled || disabledFocusable;\n  state.root['aria-disabled'] = disabled || disabledFocusable || undefined;\n  if (state.root.as === 'button') {\n    state.root.disabled = disabled && !disabledFocusable;\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

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

@@ -3,26 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useLinkStyles_unstable = exports.linkClassNames = exports.linkClassName = void 0;
+exports.useLinkStyles_unstable = exports.linkClassNames = void 0;
 
 const react_1 = /*#__PURE__*/require("@griffel/react");
 
 const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
 
 const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-/**
- * @deprecated Use `linkClassNames.root` instead.
- */
 
-
-exports.linkClassName = 'fui-Link';
 exports.linkClassNames = {
   root: 'fui-Link'
 };
 
 const useStyles = /*#__PURE__*/react_1.__styles({
   "focusIndicator": {
-    "B486eqv": "f2hkw1w",
+    "Brovlpu": "ftqa4ok",
     "hhrs2v": "f50u1b5",
     "F2u7y": "fs3pq8b",
     "Bfv9iwi": "f1hghxdh",
@@ -88,7 +83,7 @@ const useStyles = /*#__PURE__*/react_1.__styles({
     "lj723h": "f19wldhg"
   }
 }, {
-  "i": [".f2hkw1w:focus-visible{outline-style:none;}"],
+  "f": [".ftqa4ok:focus{outline-style:none;}"],
   "d": ["[data-keyboard-nav] .f50u1b5:focus{border-bottom-color:transparent;}", "[data-keyboard-nav] .fs3pq8b:focus{text-decoration-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1hghxdh:focus{text-decoration-line:underline;}", "[data-keyboard-nav] .f1tymzes:focus{text-decoration-style:double;}", ".f3rmtva{background-color:transparent;}", ".f1ern45e{border-top-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".fg706s2{border-bottom-style:solid;}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f1ewtqcl{box-sizing:border-box;}", ".fyind8e{color:var(--colorBrandForegroundLink);}", ".f1k6fduh{cursor:pointer;}", ".f1w7gpdv{display:inline;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".fqv5qza{overflow-x:inherit;}", ".f1vmzxwi{overflow-y:inherit;}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}", ".f1iuv45f{text-decoration-line:none;}", ".f9n3di6{text-overflow:inherit;}", ".f1ids18y{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}", ".fjoy568{font-size:inherit;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f8eylhe{border-bottom-color:var(--colorBrandForegroundLink);}", ".fskmnqw{border-bottom-color:var(--colorNeutralForeground2);}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fdrzuqr{cursor:not-allowed;}"],
   "h": [".fygtlnl:hover{border-bottom-color:var(--colorBrandForegroundLinkHover);}", ".f1deo86v:hover{color:var(--colorBrandForegroundLinkHover);}", ".fnlxxs1:hover{border-bottom-color:var(--colorNeutralForeground2Hover);}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".f1ukrpxl:hover{border-bottom-color:transparent;}", ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}"],
   "a": [".f12x56k7:active{border-bottom-color:var(--colorBrandForegroundLinkPressed);}", ".f1iescvh:active{color:var(--colorBrandForegroundLinkPressed);}", ".ffmwprl:active{border-bottom-color:var(--colorNeutralForeground2Pressed);}", ".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}", ".fggejwh:active{border-bottom-color:transparent;}", ".f19wldhg:active{color:var(--colorNeutralForegroundDisabled);}"]
@@ -96,7 +91,13 @@ const useStyles = /*#__PURE__*/react_1.__styles({
 
 const useLinkStyles_unstable = state => {
   const styles = useStyles();
-  state.root.className = react_1.mergeClasses(exports.linkClassNames.root, styles.root, styles.focusIndicator, state.root.as === 'a' && state.root.href && styles.href, state.appearance === 'subtle' && styles.subtle, state.inline && styles.inline, state.appearance === 'subtle' && state.inline && styles.inlineSubtle, state.root['aria-disabled'] && styles.disabled, state.root.className);
+  const {
+    appearance,
+    disabled,
+    inline,
+    root
+  } = state;
+  state.root.className = react_1.mergeClasses(exports.linkClassNames.root, styles.root, styles.focusIndicator, root.as === 'a' && root.href && styles.href, appearance === 'subtle' && styles.subtle, inline && styles.inline, appearance === 'subtle' && inline && styles.inlineSubtle, disabled && styles.disabled, state.root.className);
   return state;
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Link/useLinkStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,aAAA,GAAgB,UAAhB;AACA,OAAA,CAAA,cAAA,GAA4C;AACvD,EAAA,IAAI,EAAE;AADiD,CAA5C;;AAIb,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAqFO,MAAM,sBAAsB,GAAI,KAAD,IAAgC;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,cAAA,CAAe,IADM,EAErB,MAAM,CAAC,IAFc,EAGrB,MAAM,CAAC,cAHc,EAIrB,KAAK,CAAC,IAAN,CAAW,EAAX,KAAkB,GAAlB,IAAyB,KAAK,CAAC,IAAN,CAAW,IAApC,IAA4C,MAAM,CAAC,IAJ9B,EAKrB,KAAK,CAAC,UAAN,KAAqB,QAArB,IAAiC,MAAM,CAAC,MALnB,EAMrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,MANF,EAOrB,KAAK,CAAC,UAAN,KAAqB,QAArB,IAAiC,KAAK,CAAC,MAAvC,IAAiD,MAAM,CAAC,YAPnC,EAQrB,KAAK,CAAC,IAAN,CAAW,eAAX,KAA+B,MAAM,CAAC,QARjB,EASrB,KAAK,CAAC,IAAN,CAAW,SATU,CAAvB;AAYA,SAAO,KAAP;AACD,CAfM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { LinkSlots, LinkState } from './Link.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @deprecated Use `linkClassNames.root` instead.\n */\nexport const linkClassName = 'fui-Link';\nexport const linkClassNames: SlotClassNames<LinkSlots> = {\n  root: 'fui-Link',\n};\n\nconst useStyles = makeStyles({\n  focusIndicator: createCustomFocusIndicatorStyle({\n    borderBottomColor: 'transparent',\n    textDecorationColor: tokens.colorStrokeFocus2,\n    textDecorationLine: 'underline',\n    textDecorationStyle: 'double',\n  }),\n  // Common styles.\n  root: {\n    backgroundColor: 'transparent',\n    borderTopStyle: 'none',\n    borderLeftStyle: 'none',\n    borderRightStyle: 'none',\n    borderBottomColor: 'transparent',\n    borderBottomStyle: 'solid',\n    borderBottomWidth: tokens.strokeWidthThin,\n    boxSizing: 'border-box',\n    color: tokens.colorBrandForegroundLink,\n    cursor: 'pointer',\n    display: 'inline',\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightRegular,\n    ...shorthands.margin(0),\n    ...shorthands.padding(0),\n    ...shorthands.overflow('inherit'),\n    textAlign: 'left',\n    textDecorationLine: 'none',\n    textOverflow: 'inherit',\n    userSelect: 'text',\n\n    ':hover': {\n      borderBottomColor: tokens.colorBrandForegroundLinkHover,\n      color: tokens.colorBrandForegroundLinkHover,\n    },\n\n    ':active': {\n      borderBottomColor: tokens.colorBrandForegroundLinkPressed,\n      color: tokens.colorBrandForegroundLinkPressed,\n    },\n  },\n  // Overrides when an href is present so the Link renders as an anchor.\n  href: {\n    fontSize: 'inherit',\n  },\n  // Overrides when the Link appears subtle.\n  subtle: {\n    color: tokens.colorNeutralForeground2,\n\n    ':hover': {\n      borderBottomColor: tokens.colorNeutralForeground2Hover,\n      color: tokens.colorNeutralForeground2Hover,\n    },\n\n    ':active': {\n      borderBottomColor: tokens.colorNeutralForeground2Pressed,\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n  },\n  // Overrides when the Link is rendered inline within text.\n  inline: {\n    borderBottomColor: tokens.colorBrandForegroundLink,\n  },\n  // Overrides when the Link is rendered inline within text and appears subtle.\n  inlineSubtle: {\n    borderBottomColor: tokens.colorNeutralForeground2,\n  },\n  // Overrides when the Link is disabled.\n  disabled: {\n    borderBottomColor: 'transparent',\n    color: tokens.colorNeutralForegroundDisabled,\n    cursor: 'not-allowed',\n\n    ':hover': {\n      borderBottomColor: 'transparent',\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n\n    ':active': {\n      borderBottomColor: 'transparent',\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n  },\n});\n\nexport const useLinkStyles_unstable = (state: LinkState): LinkState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    linkClassNames.root,\n    styles.root,\n    styles.focusIndicator,\n    state.root.as === 'a' && state.root.href && styles.href,\n    state.appearance === 'subtle' && styles.subtle,\n    state.inline && styles.inline,\n    state.appearance === 'subtle' && state.inline && styles.inlineSubtle,\n    state.root['aria-disabled'] && styles.disabled,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/Link/useLinkStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAIa,OAAA,CAAA,cAAA,GAA4C;EACvD,IAAI,EAAE;AADiD,CAA5C;;AAIb,MAAM,SAAS,gBAAG,OAAA,SAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA,EAAlB;;AAqFO,MAAM,sBAAsB,GAAI,KAAD,IAAgC;EACpE,MAAM,MAAM,GAAG,SAAS,EAAxB;EACA,MAAM;IAAE,UAAF;IAAc,QAAd;IAAwB,MAAxB;IAAgC;EAAhC,IAAyC,KAA/C;EAEA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,cAAA,CAAe,IADM,EAErB,MAAM,CAAC,IAFc,EAGrB,MAAM,CAAC,cAHc,EAIrB,IAAI,CAAC,EAAL,KAAY,GAAZ,IAAmB,IAAI,CAAC,IAAxB,IAAgC,MAAM,CAAC,IAJlB,EAKrB,UAAU,KAAK,QAAf,IAA2B,MAAM,CAAC,MALb,EAMrB,MAAM,IAAI,MAAM,CAAC,MANI,EAOrB,UAAU,KAAK,QAAf,IAA2B,MAA3B,IAAqC,MAAM,CAAC,YAPvB,EAQrB,QAAQ,IAAI,MAAM,CAAC,QARE,EASrB,KAAK,CAAC,IAAN,CAAW,SATU,CAAvB;EAYA,OAAO,KAAP;AACD,CAjBM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { LinkSlots, LinkState } from './Link.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const linkClassNames: SlotClassNames<LinkSlots> = {\n  root: 'fui-Link',\n};\n\nconst useStyles = makeStyles({\n  focusIndicator: createCustomFocusIndicatorStyle({\n    borderBottomColor: 'transparent',\n    textDecorationColor: tokens.colorStrokeFocus2,\n    textDecorationLine: 'underline',\n    textDecorationStyle: 'double',\n  }),\n  // Common styles.\n  root: {\n    backgroundColor: 'transparent',\n    borderTopStyle: 'none',\n    borderLeftStyle: 'none',\n    borderRightStyle: 'none',\n    borderBottomColor: 'transparent',\n    borderBottomStyle: 'solid',\n    borderBottomWidth: tokens.strokeWidthThin,\n    boxSizing: 'border-box',\n    color: tokens.colorBrandForegroundLink,\n    cursor: 'pointer',\n    display: 'inline',\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightRegular,\n    ...shorthands.margin(0),\n    ...shorthands.padding(0),\n    ...shorthands.overflow('inherit'),\n    textAlign: 'left',\n    textDecorationLine: 'none',\n    textOverflow: 'inherit',\n    userSelect: 'text',\n\n    ':hover': {\n      borderBottomColor: tokens.colorBrandForegroundLinkHover,\n      color: tokens.colorBrandForegroundLinkHover,\n    },\n\n    ':active': {\n      borderBottomColor: tokens.colorBrandForegroundLinkPressed,\n      color: tokens.colorBrandForegroundLinkPressed,\n    },\n  },\n  // Overrides when an href is present so the Link renders as an anchor.\n  href: {\n    fontSize: 'inherit',\n  },\n  // Overrides when the Link appears subtle.\n  subtle: {\n    color: tokens.colorNeutralForeground2,\n\n    ':hover': {\n      borderBottomColor: tokens.colorNeutralForeground2Hover,\n      color: tokens.colorNeutralForeground2Hover,\n    },\n\n    ':active': {\n      borderBottomColor: tokens.colorNeutralForeground2Pressed,\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n  },\n  // Overrides when the Link is rendered inline within text.\n  inline: {\n    borderBottomColor: tokens.colorBrandForegroundLink,\n  },\n  // Overrides when the Link is rendered inline within text and appears subtle.\n  inlineSubtle: {\n    borderBottomColor: tokens.colorNeutralForeground2,\n  },\n  // Overrides when the Link is disabled.\n  disabled: {\n    borderBottomColor: 'transparent',\n    color: tokens.colorNeutralForegroundDisabled,\n    cursor: 'not-allowed',\n\n    ':hover': {\n      borderBottomColor: 'transparent',\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n\n    ':active': {\n      borderBottomColor: 'transparent',\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n  },\n});\n\nexport const useLinkStyles_unstable = (state: LinkState): LinkState => {\n  const styles = useStyles();\n  const { appearance, disabled, inline, root } = state;\n\n  state.root.className = mergeClasses(\n    linkClassNames.root,\n    styles.root,\n    styles.focusIndicator,\n    root.as === 'a' && root.href && styles.href,\n    appearance === 'subtle' && styles.subtle,\n    inline && styles.inline,\n    appearance === 'subtle' && inline && styles.inlineSubtle,\n    disabled && styles.disabled,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useLink_unstable = exports.useLinkStyles_unstable = exports.useLinkState_unstable = exports.renderLink_unstable = exports.linkClassNames = exports.linkClassName = exports.Link = void 0;
+exports.useLink_unstable = exports.useLinkStyles_unstable = exports.useLinkState_unstable = exports.renderLink_unstable = exports.linkClassNames = exports.Link = void 0;
 
 var Link_1 = /*#__PURE__*/require("./Link");
 
@@ -12,13 +12,6 @@ Object.defineProperty(exports, "Link", {
   get: function () {
     return Link_1.Link;
   }
-}); // eslint-disable-next-line deprecation/deprecation
-
-Object.defineProperty(exports, "linkClassName", {
-  enumerable: true,
-  get: function () {
-    return Link_1.linkClassName;
-  }
 });
 Object.defineProperty(exports, "linkClassNames", {
   enumerable: true,

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,MAAA,gBAAA,OAAA,CAAA,QAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,MAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,MAAA,CAAA,IAAA;AAAI;AAAJ,CAAA,E,CACA;;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,eAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,MAAA,CAAA,aAAA;AAAa;AAAb,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,gBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,MAAA,CAAA,cAAA;AAAc;AAAd,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,MAAA,CAAA,mBAAA;AAAmB;AAAnB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,MAAA,CAAA,qBAAA;AAAqB;AAArB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,wBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,MAAA,CAAA,sBAAA;AAAsB;AAAtB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,MAAA,CAAA,gBAAA;AAAgB;AAAhB,CAAA","sourcesContent":["export {\n  Link,\n  // eslint-disable-next-line deprecation/deprecation\n  linkClassName,\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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,MAAA,gBAAA,OAAA,CAAA,QAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,MAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,MAAA,CAAA,IAAA;EAAI;AAAJ,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,gBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,MAAA,CAAA,cAAA;EAAc;AAAd,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,MAAA,CAAA,mBAAA;EAAmB;AAAnB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,MAAA,CAAA,qBAAA;EAAqB;AAArB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,wBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,MAAA,CAAA,sBAAA;EAAsB;AAAtB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,MAAA,CAAA,gBAAA;EAAgB;AAAhB,CAAA","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"],"sourceRoot":"../src/"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-link",
-  "version": "9.0.0-rc.9",
+  "version": "9.0.0",
   "description": "Fluent UI React Link component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -29,15 +29,15 @@
     "@fluentui/a11y-testing": "^0.1.0",
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.5",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.9",
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/keyboard-keys": "9.0.0-rc.6",
-    "@fluentui/react-tabster": "9.0.0-rc.9",
-    "@fluentui/react-theme": "9.0.0-rc.7",
-    "@fluentui/react-utilities": "9.0.0-rc.8",
-    "@griffel/react": "1.0.3",
+    "@fluentui/keyboard-keys": "^9.0.0",
+    "@fluentui/react-tabster": "^9.0.0",
+    "@fluentui/react-theme": "^9.0.0",
+    "@fluentui/react-utilities": "^9.0.0",
+    "@griffel/react": "1.2.0",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
@@ -48,9 +48,7 @@
   },
   "beachball": {
     "disallowedChangeTypes": [
-      "major",
-      "minor",
-      "patch"
+      "major"
     ]
   },
   "exports": {

package/lib/Link.d.ts

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

package/lib/components/Link/Link.d.ts

@@ -1,6 +0,0 @@
-import type { LinkProps } from './Link.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * A Link is a reference to data that a user can follow by clicking or tapping it.
- */
-export declare const Link: ForwardRefComponent<LinkProps>;

package/lib/components/Link/Link.types.d.ts

@@ -1,33 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type LinkSlots = {
-    /**
-     * Root of the component that renders as either an <a> or a <button> tag.
-     */
-    root: Slot<'a', 'button'>;
-};
-declare type LinkCommons = {
-    /**
-     * A link can appear either with its default style or subtle.
-     * If not specified, the link appears with its default styling.
-     */
-    appearance?: 'subtle';
-    /**
-     * Whether the link is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * When set, allows the link to be focusable even when it has been disabled. This is used in scenarios where it is
-     * important to keep a consistent tab order for screen reader and keyboard users.
-     * @default false
-     */
-    disabledFocusable?: boolean;
-    /**
-     * If true, changes styling when the link is being used alongside other text content.
-     * @default false
-     */
-    inline?: boolean;
-};
-export declare type LinkProps = ComponentProps<LinkSlots> & LinkCommons;
-export declare type LinkState = ComponentState<LinkSlots> & LinkCommons;
-export {};

package/lib/components/Link/index.d.ts

@@ -1,6 +0,0 @@
-export * from './Link';
-export * from './Link.types';
-export * from './renderLink';
-export * from './useLink';
-export * from './useLinkState';
-export * from './useLinkStyles';

package/lib/components/Link/renderLink.d.ts

@@ -1,5 +0,0 @@
-import type { LinkState } from './Link.types';
-/**
- * Renders a Link component by passing the state defined props to the appropriate slots.
- */
-export declare const renderLink_unstable: (state: LinkState) => JSX.Element;

package/lib/components/Link/useLink.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { LinkProps, LinkState } from './Link.types';
-/**
- * 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 declare const useLink_unstable: (props: LinkProps, ref: React.Ref<HTMLAnchorElement | HTMLButtonElement>) => LinkState;

package/lib/components/Link/useLinkState.d.ts

@@ -1,6 +0,0 @@
-import type { LinkState } from './Link.types';
-/**
- * The useLinkState_unstable hook processes the Link state.
- * @param state - Link state to mutate.
- */
-export declare const useLinkState_unstable: (state: LinkState) => LinkState;

package/lib/components/Link/useLinkStyles.d.ts

@@ -1,8 +0,0 @@
-import type { LinkSlots, LinkState } from './Link.types';
-import type { SlotClassNames } from '@fluentui/react-utilities';
-/**
- * @deprecated Use `linkClassNames.root` instead.
- */
-export declare const linkClassName = "fui-Link";
-export declare const linkClassNames: SlotClassNames<LinkSlots>;
-export declare const useLinkStyles_unstable: (state: LinkState) => LinkState;

package/lib/index.d.ts

@@ -1,2 +0,0 @@
-export { Link, linkClassName, linkClassNames, renderLink_unstable, useLinkState_unstable, useLinkStyles_unstable, useLink_unstable, } from './Link';
-export type { LinkProps, LinkSlots, LinkState } from './Link';

package/lib-commonjs/Link.d.ts

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

package/lib-commonjs/components/Link/Link.d.ts

@@ -1,6 +0,0 @@
-import type { LinkProps } from './Link.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * A Link is a reference to data that a user can follow by clicking or tapping it.
- */
-export declare const Link: ForwardRefComponent<LinkProps>;

package/lib-commonjs/components/Link/Link.types.d.ts

@@ -1,33 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type LinkSlots = {
-    /**
-     * Root of the component that renders as either an <a> or a <button> tag.
-     */
-    root: Slot<'a', 'button'>;
-};
-declare type LinkCommons = {
-    /**
-     * A link can appear either with its default style or subtle.
-     * If not specified, the link appears with its default styling.
-     */
-    appearance?: 'subtle';
-    /**
-     * Whether the link is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * When set, allows the link to be focusable even when it has been disabled. This is used in scenarios where it is
-     * important to keep a consistent tab order for screen reader and keyboard users.
-     * @default false
-     */
-    disabledFocusable?: boolean;
-    /**
-     * If true, changes styling when the link is being used alongside other text content.
-     * @default false
-     */
-    inline?: boolean;
-};
-export declare type LinkProps = ComponentProps<LinkSlots> & LinkCommons;
-export declare type LinkState = ComponentState<LinkSlots> & LinkCommons;
-export {};

package/lib-commonjs/components/Link/index.d.ts

@@ -1,6 +0,0 @@
-export * from './Link';
-export * from './Link.types';
-export * from './renderLink';
-export * from './useLink';
-export * from './useLinkState';
-export * from './useLinkStyles';

package/lib-commonjs/components/Link/renderLink.d.ts

@@ -1,5 +0,0 @@
-import type { LinkState } from './Link.types';
-/**
- * Renders a Link component by passing the state defined props to the appropriate slots.
- */
-export declare const renderLink_unstable: (state: LinkState) => JSX.Element;

package/lib-commonjs/components/Link/useLink.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { LinkProps, LinkState } from './Link.types';
-/**
- * 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 declare const useLink_unstable: (props: LinkProps, ref: React.Ref<HTMLAnchorElement | HTMLButtonElement>) => LinkState;

package/lib-commonjs/components/Link/useLinkState.d.ts

@@ -1,6 +0,0 @@
-import type { LinkState } from './Link.types';
-/**
- * The useLinkState_unstable hook processes the Link state.
- * @param state - Link state to mutate.
- */
-export declare const useLinkState_unstable: (state: LinkState) => LinkState;

package/lib-commonjs/components/Link/useLinkStyles.d.ts

@@ -1,8 +0,0 @@
-import type { LinkSlots, LinkState } from './Link.types';
-import type { SlotClassNames } from '@fluentui/react-utilities';
-/**
- * @deprecated Use `linkClassNames.root` instead.
- */
-export declare const linkClassName = "fui-Link";
-export declare const linkClassNames: SlotClassNames<LinkSlots>;
-export declare const useLinkStyles_unstable: (state: LinkState) => LinkState;

package/lib-commonjs/index.d.ts

@@ -1,2 +0,0 @@
-export { Link, linkClassName, linkClassNames, renderLink_unstable, useLinkState_unstable, useLinkStyles_unstable, useLink_unstable, } from './Link';
-export type { LinkProps, LinkSlots, LinkState } from './Link';