@fluentui/react-link 9.0.36 → 9.0.38

package/CHANGELOG.json

@@ -2,7 +2,113 @@
   "name": "@fluentui/react-link",
   "entries": [
     {
-      "date": "Mon, 24 Apr 2023 08:09:13 GMT",
+      "date": "Thu, 18 May 2023 00:35:39 GMT",
+      "tag": "@fluentui/react-link_v9.0.38",
+      "version": "9.0.38",
+      "comments": {
+        "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-link",
+            "commit": "06cd515eda59a3078bfe32f9cc7c1f281cd20208",
+            "comment": "chore: add test-ssr script to v9 packages"
+          }
+        ],
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.4",
+            "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-tabster to v9.7.1",
+            "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-utilities to v9.9.0",
+            "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 12 May 2023 20:27:25 GMT",
+      "tag": "@fluentui/react-link_v9.0.37",
+      "version": "9.0.37",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-link",
+            "commit": "871192b67e1bc8a68da1b4c55b4e0ee2aed0b604",
+            "comment": "chore: move makeStyles() calls to .styles.ts files"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-link",
+            "commit": "c28decb23d191a0daaaf6d5d1832429715102129",
+            "comment": "chore: exclude .swcrc from being published"
+          },
+          {
+            "author": "sarah.higley@microsoft.com",
+            "package": "@fluentui/react-link",
+            "commit": "81b87f41557964f9c9f5601a3eec84434eb74f35",
+            "comment": "fix: update createCustomFocusIndicator usage to specify outline: none"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/keyboard-keys to v9.0.3",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.3",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-tabster to v9.7.0",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-theme to v9.1.8",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-utilities to v9.8.1",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          }
+        ],
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-link",
+            "commit": "dbda7fa69e3000aaf8dd4a061e254ebd35198b8e",
+            "comment": "fix: update npmignore files to fix npm8/node16 regression how npm publish works"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 24 Apr 2023 08:12:38 GMT",
       "tag": "@fluentui/react-link_v9.0.36",
       "version": "9.0.36",
       "comments": {
@@ -17,7 +123,7 @@
             "author": "beachball",
             "package": "@fluentui/react-link",
             "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2",
-            "commit": "948b5bf9871303d1742f1b9a17a3bd4006ce2fea"
+            "commit": "505433ac64f144c9cca456097413d6af4582e5ee"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,18 +1,46 @@
 # Change Log - @fluentui/react-link
 
-This log was last generated on Mon, 24 Apr 2023 08:09:13 GMT and should not be manually modified.
+This log was last generated on Thu, 18 May 2023 00:35:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.38)
+
+Thu, 18 May 2023 00:35:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.37..@fluentui/react-link_v9.0.38)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.4 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
+- Bump @fluentui/react-tabster to v9.7.1 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
+- Bump @fluentui/react-utilities to v9.9.0 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
+
+## [9.0.37](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.37)
+
+Fri, 12 May 2023 20:27:25 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.36..@fluentui/react-link_v9.0.37)
+
+### Patches
+
+- chore: move makeStyles() calls to .styles.ts files ([PR #27710](https://github.com/microsoft/fluentui/pull/27710) by olfedias@microsoft.com)
+- chore: exclude .swcrc from being published ([PR #27740](https://github.com/microsoft/fluentui/pull/27740) by olfedias@microsoft.com)
+- fix: update createCustomFocusIndicator usage to specify outline: none ([PR #26089](https://github.com/microsoft/fluentui/pull/26089) by sarah.higley@microsoft.com)
+- Bump @fluentui/keyboard-keys to v9.0.3 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.3 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-tabster to v9.7.0 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-theme to v9.1.8 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-utilities to v9.8.1 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+
 ## [9.0.36](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.36)
 
-Mon, 24 Apr 2023 08:09:13 GMT 
+Mon, 24 Apr 2023 08:12:38 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.35..@fluentui/react-link_v9.0.36)
 
 ### Patches
 
 - chore: adopt custom JSX pragma ([PR #27620](https://github.com/microsoft/fluentui/pull/27620) by bernardo.sunderhus@gmail.com)
-- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2 ([PR #27632](https://github.com/microsoft/fluentui/pull/27632) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2 ([commit](https://github.com/microsoft/fluentui/commit/505433ac64f144c9cca456097413d6af4582e5ee) by beachball)
 
 ## [9.0.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.35)
 

package/lib/components/Link/Link.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useLink_unstable } from './useLink';
-import { useLinkStyles_unstable } from './useLinkStyles';
+import { useLinkStyles_unstable } from './useLinkStyles.styles';
 import { renderLink_unstable } from './renderLink';
 /**
  * A Link is a reference to data that a user can follow by clicking or tapping it.

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

@@ -1 +1 @@
-{"version":3,"names":["React","useLink_unstable","useLinkStyles_unstable","renderLink_unstable","Link","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/Link/Link.tsx"],"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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,mBAAmB,QAAQ;AAIpC;;;AAGA,OAAO,MAAMC,IAAA,gBAAuCJ,KAAA,CAAMK,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACnF,MAAMC,KAAA,GAAQP,gBAAA,CAAiBK,KAAA,EAAOC,GAAA;EAEtCL,sBAAA,CAAuBM,KAAA;EAEvB,OAAOL,mBAAA,CAAoBK,KAAA;EAC3B;AACF;;AAEAJ,IAAA,CAAKK,WAAW,GAAG"}
+{"version":3,"names":["React","useLink_unstable","useLinkStyles_unstable","renderLink_unstable","Link","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useLink_unstable } from './useLink';\nimport { useLinkStyles_unstable } from './useLinkStyles.styles';\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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,mBAAmB,QAAQ;AAIpC;;;AAGA,OAAO,MAAMC,IAAA,gBAAuCJ,KAAA,CAAMK,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACnF,MAAMC,KAAA,GAAQP,gBAAA,CAAiBK,KAAA,EAAOC,GAAA;EAEtCL,sBAAA,CAAuBM,KAAA;EAEvB,OAAOL,mBAAA,CAAoBK,KAAA;EAC3B;AACF;;AAEAJ,IAAA,CAAKK,WAAW,GAAG"}

package/lib/components/Link/index.js

@@ -3,5 +3,5 @@ export * from './Link.types';
 export * from './renderLink';
 export * from './useLink';
 export * from './useLinkState';
-export * from './useLinkStyles';
+export * from './useLinkStyles.styles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/Link/index.ts"],"sourcesContent":["export * from './Link';\nexport * from './Link.types';\nexport * from './renderLink';\nexport * from './useLink';\nexport * from './useLinkState';\nexport * from './useLinkStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"names":[],"sources":["../../../src/components/Link/index.ts"],"sourcesContent":["export * from './Link';\nexport * from './Link.types';\nexport * from './renderLink';\nexport * from './useLink';\nexport * from './useLinkState';\nexport * from './useLinkStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/Link/{useLinkStyles.js → useLinkStyles.styles.js}

@@ -6,11 +6,10 @@ export const linkClassNames = {
 };
 const useStyles = /*#__PURE__*/__styles({
   focusIndicator: {
-    Brovlpu: "ftqa4ok",
-    B486eqv: "f2hkw1w",
     Bttzg6e: "fhgqx19",
     B3uz8dt: "f1olyrje",
-    B6ihwck: "f1p93eir"
+    B6ihwck: "f1p93eir",
+    g9k6zt: "f1nev41a"
   },
   root: {
     De3pzq: "f3rmtva",
@@ -70,9 +69,7 @@ const useStyles = /*#__PURE__*/__styles({
     lj723h: "f19wldhg"
   }
 }, {
-  f: [".ftqa4ok:focus{outline-style:none;}"],
-  i: [".f2hkw1w:focus-visible{outline-style:none;}"],
-  d: [".fhgqx19[data-fui-focus-visible]{text-decoration-color:var(--colorStrokeFocus2);}", ".f1olyrje[data-fui-focus-visible]{text-decoration-line:underline;}", ".f1p93eir[data-fui-focus-visible]{text-decoration-style:double;}", ".f3rmtva{background-color:transparent;}", ".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;}", ".f1cmlufx{text-decoration-thickness:var(--strokeWidthThin);}", ".f9n3di6{text-overflow:inherit;}", ".f1ids18y{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".fjoy568{font-size:inherit;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f13mvf36{text-decoration-line:underline;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fdrzuqr{cursor:not-allowed;}"],
+  d: [".fhgqx19[data-fui-focus-visible]{text-decoration-color:var(--colorStrokeFocus2);}", ".f1olyrje[data-fui-focus-visible]{text-decoration-line:underline;}", ".f1p93eir[data-fui-focus-visible]{text-decoration-style:double;}", ".f1nev41a[data-fui-focus-visible]{outline-style:none;}", ".f3rmtva{background-color:transparent;}", ".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;}", ".f1cmlufx{text-decoration-thickness:var(--strokeWidthThin);}", ".f9n3di6{text-overflow:inherit;}", ".f1ids18y{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".fjoy568{font-size:inherit;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f13mvf36{text-decoration-line:underline;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".fdrzuqr{cursor:not-allowed;}"],
   h: [".f1tx3yz7:hover{text-decoration-line:underline;}", ".f1deo86v:hover{color:var(--colorBrandForegroundLinkHover);}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".fbnuktb:hover{text-decoration-line:none;}", ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}"],
   a: [".f1eh06m1:active{text-decoration-line:underline;}", ".f1iescvh:active{color:var(--colorBrandForegroundLinkPressed);}", ".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}", ".fljg2da:active{text-decoration-line:none;}", ".f19wldhg:active{color:var(--colorNeutralForegroundDisabled);}"]
 });
@@ -87,4 +84,4 @@ export const useLinkStyles_unstable = state => {
   state.root.className = mergeClasses(linkClassNames.root, styles.root, styles.focusIndicator, root.as === 'a' && root.href && styles.href, root.as === 'button' && styles.button, appearance === 'subtle' && styles.subtle, inline && styles.inline, disabled && styles.disabled, state.root.className);
   return state;
 };
-//# sourceMappingURL=useLinkStyles.js.map
+//# sourceMappingURL=useLinkStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","linkClassNames","root","useStyles","focusIndicator","Bttzg6e","B3uz8dt","B6ihwck","g9k6zt","De3pzq","B7ck84d","sj55zd","Bceei9c","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","fsow6f","w71qe1","Bkioxbp","ygn44y","famaaq","Bde5pd6","Bi91k9c","i089h6","lj723h","button","icvyot","vrafjx","oivjwe","wvpqe5","href","subtle","inline","disabled","d","h","a","useLinkStyles_unstable","state","styles","appearance","className","as"],"sources":["../../../src/components/Link/useLinkStyles.styles.ts"],"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    textDecorationColor: tokens.colorStrokeFocus2,\n    textDecorationLine: 'underline',\n    textDecorationStyle: 'double',\n    outlineStyle: 'none',\n  }),\n  // Common styles.\n  root: {\n    backgroundColor: 'transparent',\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    textDecorationThickness: tokens.strokeWidthThin,\n    textOverflow: 'inherit',\n    userSelect: 'text',\n\n    ':hover': {\n      textDecorationLine: 'underline',\n      color: tokens.colorBrandForegroundLinkHover,\n    },\n\n    ':active': {\n      textDecorationLine: 'underline',\n      color: tokens.colorBrandForegroundLinkPressed,\n    },\n  },\n  // Overrides when the Link renders as a button.\n  button: {\n    ...shorthands.borderStyle('none'),\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      textDecorationLine: 'underline',\n      color: tokens.colorNeutralForeground2Hover,\n    },\n\n    ':active': {\n      textDecorationLine: 'underline',\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n  },\n  // Overrides when the Link is rendered inline within text.\n  inline: {\n    textDecorationLine: 'underline',\n  },\n  // Overrides when the Link is disabled.\n  disabled: {\n    textDecorationLine: 'none',\n    color: tokens.colorNeutralForegroundDisabled,\n    cursor: 'not-allowed',\n\n    ':hover': {\n      textDecorationLine: 'none',\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n\n    ':active': {\n      textDecorationLine: 'none',\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    root.as === 'button' && styles.button,\n    appearance === 'subtle' && styles.subtle,\n    inline && styles.inline,\n    disabled && styles.disabled,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAAC,QAAA,EAAcC,YAAY,QAAQ;AACrD,SAASC,+BAA+B,QAAQ;AAChD,SAASC,MAAM,QAAQ;AAIvB,OAAO,MAAMC,cAAA,GAA4C;EACvDC,IAAA,EAAM;AACR;AAEA,MAAMC,SAAA,gBAAYN,QAAA;EAAAO,cAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAN,IAAA;IAAAO,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,IAAA;IAAA1B,OAAA;EAAA;EAAA2B,MAAA;IAAA/B,MAAA;IAAAqB,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAQ,MAAA;IAAAf,MAAA;EAAA;EAAAgB,QAAA;IAAAhB,MAAA;IAAAjB,MAAA;IAAAC,OAAA;IAAAoB,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAU,CAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,EA8ElB;AAEA,OAAO,MAAMC,sBAAA,GAA0BC,KAAA,IAAgC;EACrE,MAAMC,MAAA,GAAS/C,SAAA;EACf,MAAM;IAAEgD,UAAA;IAAYP,QAAA;IAAUD,MAAA;IAAQzC;EAAI,CAAE,GAAG+C,KAAA;EAE/CA,KAAA,CAAM/C,IAAI,CAACkD,SAAS,GAAGtD,YAAA,CACrBG,cAAA,CAAeC,IAAI,EACnBgD,MAAA,CAAOhD,IAAI,EACXgD,MAAA,CAAO9C,cAAc,EACrBF,IAAA,CAAKmD,EAAE,KAAK,OAAOnD,IAAA,CAAKuC,IAAI,IAAIS,MAAA,CAAOT,IAAI,EAC3CvC,IAAA,CAAKmD,EAAE,KAAK,YAAYH,MAAA,CAAOd,MAAM,EACrCe,UAAA,KAAe,YAAYD,MAAA,CAAOR,MAAM,EACxCC,MAAA,IAAUO,MAAA,CAAOP,MAAM,EACvBC,QAAA,IAAYM,MAAA,CAAON,QAAQ,EAC3BK,KAAA,CAAM/C,IAAI,CAACkD,SAAS;EAGtB,OAAOH,KAAA;AACT"}

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

@@ -9,11 +9,11 @@ Object.defineProperty(exports, "Link", {
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _useLink = require("./useLink");
-const _useLinkStyles = require("./useLinkStyles");
+const _useLinkStylesStyles = require("./useLinkStyles.styles");
 const _renderLink = require("./renderLink");
 const Link = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useLink.useLink_unstable)(props, ref);
-    (0, _useLinkStyles.useLinkStyles_unstable)(state);
+    (0, _useLinkStylesStyles.useLinkStyles_unstable)(state);
     return (0, _renderLink.renderLink_unstable)(state);
 // Work around some small mismatches in inferred types which don't matter in practice
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Link/Link.js"],"sourcesContent":["import * as React from 'react';\nimport { useLink_unstable } from './useLink';\nimport { useLinkStyles_unstable } from './useLinkStyles';\nimport { renderLink_unstable } from './renderLink';\n/**\n * A Link is a reference to data that a user can follow by clicking or tapping it.\n */\nexport const Link = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useLink_unstable(props, ref);\n  useLinkStyles_unstable(state);\n  return renderLink_unstable(state);\n  // Work around some small mismatches in inferred types which don't matter in practice\n});\n\nLink.displayName = 'Link';\n//# sourceMappingURL=Link.js.map"],"names":["Link","React","forwardRef","props","ref","state","useLink_unstable","useLinkStyles_unstable","renderLink_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;yBACU;+BACM;4BACH;AAI7B,MAAMA,OAAO,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAChE,MAAMC,QAAQC,IAAAA,yBAAgB,EAACH,OAAOC;IACtCG,IAAAA,qCAAsB,EAACF;IACvB,OAAOG,IAAAA,+BAAmB,EAACH;AAC3B,qFAAqF;AACvF;AAEAL,KAAKS,WAAW,GAAG,QACnB,gCAAgC"}
+{"version":3,"sources":["../../../lib/components/Link/Link.js"],"sourcesContent":["import * as React from 'react';\nimport { useLink_unstable } from './useLink';\nimport { useLinkStyles_unstable } from './useLinkStyles.styles';\nimport { renderLink_unstable } from './renderLink';\n/**\n * A Link is a reference to data that a user can follow by clicking or tapping it.\n */\nexport const Link = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useLink_unstable(props, ref);\n  useLinkStyles_unstable(state);\n  return renderLink_unstable(state);\n  // Work around some small mismatches in inferred types which don't matter in practice\n});\n\nLink.displayName = 'Link';\n//# sourceMappingURL=Link.js.map"],"names":["Link","React","forwardRef","props","ref","state","useLink_unstable","useLinkStyles_unstable","renderLink_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;yBACU;qCACM;4BACH;AAI7B,MAAMA,OAAO,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAChE,MAAMC,QAAQC,IAAAA,yBAAgB,EAACH,OAAOC;IACtCG,IAAAA,2CAAsB,EAACF;IACvB,OAAOG,IAAAA,+BAAmB,EAACH;AAC3B,qFAAqF;AACvF;AAEAL,KAAKS,WAAW,GAAG,QACnB,gCAAgC"}

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

@@ -8,7 +8,7 @@ _exportStar(require("./Link.types"), exports);
 _exportStar(require("./renderLink"), exports);
 _exportStar(require("./useLink"), exports);
 _exportStar(require("./useLinkState"), exports);
-_exportStar(require("./useLinkStyles"), exports);
+_exportStar(require("./useLinkStyles.styles"), exports);
  //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Link/index.js"],"sourcesContent":["export * from './Link';\nexport * from './Link.types';\nexport * from './renderLink';\nexport * from './useLink';\nexport * from './useLinkState';\nexport * from './useLinkStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/Link/index.js"],"sourcesContent":["export * from './Link';\nexport * from './Link.types';\nexport * from './renderLink';\nexport * from './useLink';\nexport * from './useLinkState';\nexport * from './useLinkStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/Link/{useLinkStyles.js → useLinkStyles.styles.js}

@@ -18,11 +18,10 @@ const linkClassNames = {
 };
 const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
     focusIndicator: {
-        Brovlpu: "ftqa4ok",
-        B486eqv: "f2hkw1w",
         Bttzg6e: "fhgqx19",
         B3uz8dt: "f1olyrje",
-        B6ihwck: "f1p93eir"
+        B6ihwck: "f1p93eir",
+        g9k6zt: "f1nev41a"
     },
     root: {
         De3pzq: "f3rmtva",
@@ -103,16 +102,11 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         lj723h: "f19wldhg"
     }
 }, {
-    f: [
-        ".ftqa4ok:focus{outline-style:none;}"
-    ],
-    i: [
-        ".f2hkw1w:focus-visible{outline-style:none;}"
-    ],
     d: [
         ".fhgqx19[data-fui-focus-visible]{text-decoration-color:var(--colorStrokeFocus2);}",
         ".f1olyrje[data-fui-focus-visible]{text-decoration-line:underline;}",
         ".f1p93eir[data-fui-focus-visible]{text-decoration-style:double;}",
+        ".f1nev41a[data-fui-focus-visible]{outline-style:none;}",
         ".f3rmtva{background-color:transparent;}",
         ".f1ewtqcl{box-sizing:border-box;}",
         ".fyind8e{color:var(--colorBrandForegroundLink);}",
@@ -167,6 +161,6 @@ const useLinkStyles_unstable = (state)=>{
     const { appearance , disabled , inline , root  } = state;
     state.root.className = (0, _react.mergeClasses)(linkClassNames.root, styles.root, styles.focusIndicator, root.as === 'a' && root.href && styles.href, root.as === 'button' && styles.button, appearance === 'subtle' && styles.subtle, inline && styles.inline, disabled && styles.disabled, state.root.className);
     return state;
-}; //# sourceMappingURL=useLinkStyles.js.map
+}; //# sourceMappingURL=useLinkStyles.styles.js.map
 
-//# sourceMappingURL=useLinkStyles.js.map
+//# sourceMappingURL=useLinkStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/Link/useLinkStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const linkClassNames = {\n  root: 'fui-Link'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  focusIndicator: {\n    Bttzg6e: \"fhgqx19\",\n    B3uz8dt: \"f1olyrje\",\n    B6ihwck: \"f1p93eir\",\n    g9k6zt: \"f1nev41a\"\n  },\n  root: {\n    De3pzq: \"f3rmtva\",\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"fyind8e\",\n    Bceei9c: \"f1k6fduh\",\n    mc9l5x: \"f1w7gpdv\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    B68tc82: \"fqv5qza\",\n    Bmxbyg5: \"f1vmzxwi\",\n    fsow6f: [\"f1o700av\", \"fes3tcz\"],\n    w71qe1: \"f1iuv45f\",\n    Bkioxbp: \"f1cmlufx\",\n    ygn44y: \"f9n3di6\",\n    famaaq: \"f1ids18y\",\n    Bde5pd6: \"f1tx3yz7\",\n    Bi91k9c: \"f1deo86v\",\n    i089h6: \"f1eh06m1\",\n    lj723h: \"f1iescvh\"\n  },\n  button: {\n    icvyot: \"f1ern45e\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    oivjwe: \"f1h8hb77\",\n    wvpqe5: [\"f1deefiw\", \"f1n71otn\"]\n  },\n  href: {\n    Be2twd7: \"fjoy568\"\n  },\n  subtle: {\n    sj55zd: \"fkfq4zb\",\n    Bde5pd6: \"f1tx3yz7\",\n    Bi91k9c: \"fnwyq0v\",\n    i089h6: \"f1eh06m1\",\n    lj723h: \"flvvhsy\"\n  },\n  inline: {\n    w71qe1: \"f13mvf36\"\n  },\n  disabled: {\n    w71qe1: \"f1iuv45f\",\n    sj55zd: \"f1s2aq7o\",\n    Bceei9c: \"fdrzuqr\",\n    Bde5pd6: \"fbnuktb\",\n    Bi91k9c: \"fvgxktp\",\n    i089h6: \"fljg2da\",\n    lj723h: \"f19wldhg\"\n  }\n}, {\n  d: [\".fhgqx19[data-fui-focus-visible]{text-decoration-color:var(--colorStrokeFocus2);}\", \".f1olyrje[data-fui-focus-visible]{text-decoration-line:underline;}\", \".f1p93eir[data-fui-focus-visible]{text-decoration-style:double;}\", \".f1nev41a[data-fui-focus-visible]{outline-style:none;}\", \".f3rmtva{background-color:transparent;}\", \".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;}\", \".f1cmlufx{text-decoration-thickness:var(--strokeWidthThin);}\", \".f9n3di6{text-overflow:inherit;}\", \".f1ids18y{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".fjoy568{font-size:inherit;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f13mvf36{text-decoration-line:underline;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\"],\n  h: [\".f1tx3yz7:hover{text-decoration-line:underline;}\", \".f1deo86v:hover{color:var(--colorBrandForegroundLinkHover);}\", \".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".fbnuktb:hover{text-decoration-line:none;}\", \".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}\"],\n  a: [\".f1eh06m1:active{text-decoration-line:underline;}\", \".f1iescvh:active{color:var(--colorBrandForegroundLinkPressed);}\", \".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".fljg2da:active{text-decoration-line:none;}\", \".f19wldhg:active{color:var(--colorNeutralForegroundDisabled);}\"]\n});\nexport const useLinkStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    appearance,\n    disabled,\n    inline,\n    root\n  } = state;\n  state.root.className = mergeClasses(linkClassNames.root, styles.root, styles.focusIndicator, root.as === 'a' && root.href && styles.href, root.as === 'button' && styles.button, appearance === 'subtle' && styles.subtle, inline && styles.inline, disabled && styles.disabled, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useLinkStyles.styles.js.map"],"names":["linkClassNames","useLinkStyles_unstable","root","useStyles","__styles","focusIndicator","Bttzg6e","B3uz8dt","B6ihwck","g9k6zt","De3pzq","B7ck84d","sj55zd","Bceei9c","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","fsow6f","w71qe1","Bkioxbp","ygn44y","famaaq","Bde5pd6","Bi91k9c","i089h6","lj723h","button","icvyot","vrafjx","oivjwe","wvpqe5","href","subtle","inline","disabled","d","h","a","state","styles","appearance","className","mergeClasses","as"],"mappings":";;;;;;;;;;;IAGaA,cAAc,MAAdA;IAwEAC,sBAAsB,MAAtBA;;uBA3EsC;AAG5C,MAAMD,iBAAiB;IAC5BE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,gBAAgB;QACdC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAP,MAAM;QACJQ,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,QAAQ;QACNC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,MAAM;QACJ1B,SAAS;IACX;IACA2B,QAAQ;QACN/B,QAAQ;QACRqB,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAQ,QAAQ;QACNf,QAAQ;IACV;IACAgB,UAAU;QACRhB,QAAQ;QACRjB,QAAQ;QACRC,SAAS;QACToB,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;AACF,GAAG;IACDU,GAAG;QAAC;QAAqF;QAAsE;QAAoE;QAA0D;QAA2C;QAAqC;QAAoD;QAA8B;QAA8B;QAAgD;QAA+C;QAAmD;QAA4B;QAA8B;QAA6B;QAA+B;QAA6B;QAA8B;QAA8B;QAAgC;QAAiC;QAAkC;QAA+B;QAA+B;QAAyC;QAAgE;QAAoC;QAAoG;QAAqC;QAAuC;QAAsC;QAAwC;QAAgC;QAAmD;QAA8C;QAA2D;KAAgC;IACtkDC,GAAG;QAAC;QAAoD;QAAgE;QAA8D;QAA8C;KAA+D;IACnSC,GAAG;QAAC;QAAqD;QAAmE;QAAiE;QAA+C;KAAiE;AAC/S;AACO,MAAM/C,yBAAyBgD,CAAAA,QAAS;IAC7C,MAAMC,SAAS/C;IACf,MAAM,EACJgD,WAAU,EACVN,SAAQ,EACRD,OAAM,EACN1C,KAAI,EACL,GAAG+C;IACJA,MAAM/C,IAAI,CAACkD,SAAS,GAAGC,IAAAA,mBAAY,EAACrD,eAAeE,IAAI,EAAEgD,OAAOhD,IAAI,EAAEgD,OAAO7C,cAAc,EAAEH,KAAKoD,EAAE,KAAK,OAAOpD,KAAKwC,IAAI,IAAIQ,OAAOR,IAAI,EAAExC,KAAKoD,EAAE,KAAK,YAAYJ,OAAOb,MAAM,EAAEc,eAAe,YAAYD,OAAOP,MAAM,EAAEC,UAAUM,OAAON,MAAM,EAAEC,YAAYK,OAAOL,QAAQ,EAAEI,MAAM/C,IAAI,CAACkD,SAAS;IACrS,OAAOH;AACT,GACA,gDAAgD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-link",
-  "version": "9.0.36",
+  "version": "9.0.38",
   "description": "Fluent UI React Link component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,22 +22,23 @@
     "test": "jest --passWithNoTests",
     "storybook": "start-storybook",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "just-scripts generate-api"
+    "generate-api": "just-scripts generate-api",
+    "test-ssr": "test-ssr ./stories/**/*.stories.tsx"
   },
   "devDependencies": {
     "@fluentui/a11y-testing": "^0.1.0",
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.21",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/keyboard-keys": "^9.0.2",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.2",
-    "@fluentui/react-tabster": "^9.6.5",
-    "@fluentui/react-theme": "^9.1.7",
-    "@fluentui/react-utilities": "^9.8.0",
+    "@fluentui/keyboard-keys": "^9.0.3",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.4",
+    "@fluentui/react-tabster": "^9.7.1",
+    "@fluentui/react-theme": "^9.1.8",
+    "@fluentui/react-utilities": "^9.9.0",
     "@griffel/react": "^1.5.2",
     "@swc/helpers": "^0.4.14"
   },

package/.swcrc

@@ -1,30 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/swcrc",
-  "exclude": [
-    "/testing",
-    "/**/*.cy.ts",
-    "/**/*.cy.tsx",
-    "/**/*.spec.ts",
-    "/**/*.spec.tsx",
-    "/**/*.test.ts",
-    "/**/*.test.tsx"
-  ],
-  "jsc": {
-    "parser": {
-      "syntax": "typescript",
-      "tsx": true,
-      "decorators": false,
-      "dynamicImport": false
-    },
-    "externalHelpers": true,
-    "transform": {
-      "react": {
-        "runtime": "classic",
-        "useSpread": true
-      }
-    },
-    "target": "es2019"
-  },
-  "minify": false,
-  "sourceMaps": true
-}

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

@@ -1 +0,0 @@
-{"version":3,"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","linkClassNames","root","useStyles","focusIndicator","Brovlpu","B486eqv","Bttzg6e","B3uz8dt","B6ihwck","De3pzq","B7ck84d","sj55zd","Bceei9c","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","fsow6f","w71qe1","Bkioxbp","ygn44y","famaaq","Bde5pd6","Bi91k9c","i089h6","lj723h","button","icvyot","vrafjx","oivjwe","wvpqe5","href","subtle","inline","disabled","f","i","d","h","a","useLinkStyles_unstable","state","styles","appearance","className","as"],"sources":["../../../src/components/Link/useLinkStyles.ts"],"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    textDecorationColor: tokens.colorStrokeFocus2,\n    textDecorationLine: 'underline',\n    textDecorationStyle: 'double',\n  }),\n  // Common styles.\n  root: {\n    backgroundColor: 'transparent',\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    textDecorationThickness: tokens.strokeWidthThin,\n    textOverflow: 'inherit',\n    userSelect: 'text',\n\n    ':hover': {\n      textDecorationLine: 'underline',\n      color: tokens.colorBrandForegroundLinkHover,\n    },\n\n    ':active': {\n      textDecorationLine: 'underline',\n      color: tokens.colorBrandForegroundLinkPressed,\n    },\n  },\n  // Overrides when the Link renders as a button.\n  button: {\n    ...shorthands.borderStyle('none'),\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      textDecorationLine: 'underline',\n      color: tokens.colorNeutralForeground2Hover,\n    },\n\n    ':active': {\n      textDecorationLine: 'underline',\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n  },\n  // Overrides when the Link is rendered inline within text.\n  inline: {\n    textDecorationLine: 'underline',\n  },\n  // Overrides when the Link is disabled.\n  disabled: {\n    textDecorationLine: 'none',\n    color: tokens.colorNeutralForegroundDisabled,\n    cursor: 'not-allowed',\n\n    ':hover': {\n      textDecorationLine: 'none',\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n\n    ':active': {\n      textDecorationLine: 'none',\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    root.as === 'button' && styles.button,\n    appearance === 'subtle' && styles.subtle,\n    inline && styles.inline,\n    disabled && styles.disabled,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAAC,QAAA,EAAcC,YAAY,QAAQ;AACrD,SAASC,+BAA+B,QAAQ;AAChD,SAASC,MAAM,QAAQ;AAIvB,OAAO,MAAMC,cAAA,GAA4C;EACvDC,IAAA,EAAM;AACR;AAEA,MAAMC,SAAA,gBAAYN,QAAA;EAAAO,cAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAP,IAAA;IAAAQ,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,IAAA;IAAA1B,OAAA;EAAA;EAAA2B,MAAA;IAAA/B,MAAA;IAAAqB,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAQ,MAAA;IAAAf,MAAA;EAAA;EAAAgB,QAAA;IAAAhB,MAAA;IAAAjB,MAAA;IAAAC,OAAA;IAAAoB,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAU,CAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,EA6ElB;AAEA,OAAO,MAAMC,sBAAA,GAA0BC,KAAA,IAAgC;EACrE,MAAMC,MAAA,GAASlD,SAAA;EACf,MAAM;IAAEmD,UAAA;IAAYT,QAAA;IAAUD,MAAA;IAAQ1C;EAAI,CAAE,GAAGkD,KAAA;EAE/CA,KAAA,CAAMlD,IAAI,CAACqD,SAAS,GAAGzD,YAAA,CACrBG,cAAA,CAAeC,IAAI,EACnBmD,MAAA,CAAOnD,IAAI,EACXmD,MAAA,CAAOjD,cAAc,EACrBF,IAAA,CAAKsD,EAAE,KAAK,OAAOtD,IAAA,CAAKwC,IAAI,IAAIW,MAAA,CAAOX,IAAI,EAC3CxC,IAAA,CAAKsD,EAAE,KAAK,YAAYH,MAAA,CAAOhB,MAAM,EACrCiB,UAAA,KAAe,YAAYD,MAAA,CAAOV,MAAM,EACxCC,MAAA,IAAUS,MAAA,CAAOT,MAAM,EACvBC,QAAA,IAAYQ,MAAA,CAAOR,QAAQ,EAC3BO,KAAA,CAAMlD,IAAI,CAACqD,SAAS;EAGtB,OAAOH,KAAA;AACT"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../lib/components/Link/useLinkStyles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const linkClassNames = {\n  root: 'fui-Link'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  focusIndicator: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    Bttzg6e: \"fhgqx19\",\n    B3uz8dt: \"f1olyrje\",\n    B6ihwck: \"f1p93eir\"\n  },\n  root: {\n    De3pzq: \"f3rmtva\",\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"fyind8e\",\n    Bceei9c: \"f1k6fduh\",\n    mc9l5x: \"f1w7gpdv\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    B68tc82: \"fqv5qza\",\n    Bmxbyg5: \"f1vmzxwi\",\n    fsow6f: [\"f1o700av\", \"fes3tcz\"],\n    w71qe1: \"f1iuv45f\",\n    Bkioxbp: \"f1cmlufx\",\n    ygn44y: \"f9n3di6\",\n    famaaq: \"f1ids18y\",\n    Bde5pd6: \"f1tx3yz7\",\n    Bi91k9c: \"f1deo86v\",\n    i089h6: \"f1eh06m1\",\n    lj723h: \"f1iescvh\"\n  },\n  button: {\n    icvyot: \"f1ern45e\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    oivjwe: \"f1h8hb77\",\n    wvpqe5: [\"f1deefiw\", \"f1n71otn\"]\n  },\n  href: {\n    Be2twd7: \"fjoy568\"\n  },\n  subtle: {\n    sj55zd: \"fkfq4zb\",\n    Bde5pd6: \"f1tx3yz7\",\n    Bi91k9c: \"fnwyq0v\",\n    i089h6: \"f1eh06m1\",\n    lj723h: \"flvvhsy\"\n  },\n  inline: {\n    w71qe1: \"f13mvf36\"\n  },\n  disabled: {\n    w71qe1: \"f1iuv45f\",\n    sj55zd: \"f1s2aq7o\",\n    Bceei9c: \"fdrzuqr\",\n    Bde5pd6: \"fbnuktb\",\n    Bi91k9c: \"fvgxktp\",\n    i089h6: \"fljg2da\",\n    lj723h: \"f19wldhg\"\n  }\n}, {\n  f: [\".ftqa4ok:focus{outline-style:none;}\"],\n  i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n  d: [\".fhgqx19[data-fui-focus-visible]{text-decoration-color:var(--colorStrokeFocus2);}\", \".f1olyrje[data-fui-focus-visible]{text-decoration-line:underline;}\", \".f1p93eir[data-fui-focus-visible]{text-decoration-style:double;}\", \".f3rmtva{background-color:transparent;}\", \".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;}\", \".f1cmlufx{text-decoration-thickness:var(--strokeWidthThin);}\", \".f9n3di6{text-overflow:inherit;}\", \".f1ids18y{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".fjoy568{font-size:inherit;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f13mvf36{text-decoration-line:underline;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\"],\n  h: [\".f1tx3yz7:hover{text-decoration-line:underline;}\", \".f1deo86v:hover{color:var(--colorBrandForegroundLinkHover);}\", \".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".fbnuktb:hover{text-decoration-line:none;}\", \".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}\"],\n  a: [\".f1eh06m1:active{text-decoration-line:underline;}\", \".f1iescvh:active{color:var(--colorBrandForegroundLinkPressed);}\", \".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".fljg2da:active{text-decoration-line:none;}\", \".f19wldhg:active{color:var(--colorNeutralForegroundDisabled);}\"]\n});\nexport const useLinkStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    appearance,\n    disabled,\n    inline,\n    root\n  } = state;\n  state.root.className = mergeClasses(linkClassNames.root, styles.root, styles.focusIndicator, root.as === 'a' && root.href && styles.href, root.as === 'button' && styles.button, appearance === 'subtle' && styles.subtle, inline && styles.inline, disabled && styles.disabled, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useLinkStyles.js.map"],"names":["linkClassNames","useLinkStyles_unstable","root","useStyles","__styles","focusIndicator","Brovlpu","B486eqv","Bttzg6e","B3uz8dt","B6ihwck","De3pzq","B7ck84d","sj55zd","Bceei9c","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","fsow6f","w71qe1","Bkioxbp","ygn44y","famaaq","Bde5pd6","Bi91k9c","i089h6","lj723h","button","icvyot","vrafjx","oivjwe","wvpqe5","href","subtle","inline","disabled","f","i","d","h","a","state","styles","appearance","className","mergeClasses","as"],"mappings":";;;;;;;;;;;IAGaA,cAAc,MAAdA;IA2EAC,sBAAsB,MAAtBA;;uBA9EsC;AAG5C,MAAMD,iBAAiB;IAC5BE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,gBAAgB;QACdC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAR,MAAM;QACJS,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,QAAQ;QACNC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,MAAM;QACJ1B,SAAS;IACX;IACA2B,QAAQ;QACN/B,QAAQ;QACRqB,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAQ,QAAQ;QACNf,QAAQ;IACV;IACAgB,UAAU;QACRhB,QAAQ;QACRjB,QAAQ;QACRC,SAAS;QACToB,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;AACF,GAAG;IACDU,GAAG;QAAC;KAAsC;IAC1CC,GAAG;QAAC;KAA8C;IAClDC,GAAG;QAAC;QAAqF;QAAsE;QAAoE;QAA2C;QAAqC;QAAoD;QAA8B;QAA8B;QAAgD;QAA+C;QAAmD;QAA4B;QAA8B;QAA6B;QAA+B;QAA6B;QAA8B;QAA8B;QAAgC;QAAiC;QAAkC;QAA+B;QAA+B;QAAyC;QAAgE;QAAoC;QAAoG;QAAqC;QAAuC;QAAsC;QAAwC;QAAgC;QAAmD;QAA8C;QAA2D;KAAgC;IAC5gDC,GAAG;QAAC;QAAoD;QAAgE;QAA8D;QAA8C;KAA+D;IACnSC,GAAG;QAAC;QAAqD;QAAmE;QAAiE;QAA+C;KAAiE;AAC/S;AACO,MAAMlD,yBAAyBmD,CAAAA,QAAS;IAC7C,MAAMC,SAASlD;IACf,MAAM,EACJmD,WAAU,EACVR,SAAQ,EACRD,OAAM,EACN3C,KAAI,EACL,GAAGkD;IACJA,MAAMlD,IAAI,CAACqD,SAAS,GAAGC,IAAAA,mBAAY,EAACxD,eAAeE,IAAI,EAAEmD,OAAOnD,IAAI,EAAEmD,OAAOhD,cAAc,EAAEH,KAAKuD,EAAE,KAAK,OAAOvD,KAAKyC,IAAI,IAAIU,OAAOV,IAAI,EAAEzC,KAAKuD,EAAE,KAAK,YAAYJ,OAAOf,MAAM,EAAEgB,eAAe,YAAYD,OAAOT,MAAM,EAAEC,UAAUQ,OAAOR,MAAM,EAAEC,YAAYO,OAAOP,QAAQ,EAAEM,MAAMlD,IAAI,CAACqD,SAAS;IACrS,OAAOH;AACT,GACA,yCAAyC"}