@fluentui/react-link 9.0.30 → 9.0.31

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

@@ -1,11 +0,0 @@
-define(["require", "exports", "tslib", "./Link", "./Link.types", "./renderLink", "./useLink", "./useLinkState", "./useLinkStyles"], function (require, exports, tslib_1, Link_1, Link_types_1, renderLink_1, useLink_1, useLinkState_1, useLinkStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Link_1, exports);
-    tslib_1.__exportStar(Link_types_1, exports);
-    tslib_1.__exportStar(renderLink_1, exports);
-    tslib_1.__exportStar(useLink_1, exports);
-    tslib_1.__exportStar(useLinkState_1, exports);
-    tslib_1.__exportStar(useLinkStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-link/src/components/Link/index.ts"],"names":[],"mappings":";;;IAAA,sCAAuB;IACvB,4CAA6B;IAC7B,4CAA6B;IAC7B,yCAA0B;IAC1B,8CAA+B;IAC/B,+CAAgC","sourcesContent":["export * from './Link';\nexport * from './Link.types';\nexport * from './renderLink';\nexport * from './useLink';\nexport * from './useLinkState';\nexport * from './useLinkStyles';\n"]}

package/lib-amd/components/Link/renderLink.js

@@ -1,14 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderLink_unstable = void 0;
-    /**
-     * Renders a Link component by passing the state defined props to the appropriate slots.
-     */
-    var renderLink_unstable = function (state) {
-        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
-        return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root));
-    };
-    exports.renderLink_unstable = renderLink_unstable;
-});
-//# sourceMappingURL=renderLink.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderLink.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-link/src/components/Link/renderLink.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,mBAAmB,GAAG,UAAC,KAAgB;QAC5C,IAAA,KAAuB,0BAAQ,CAAY,KAAK,CAAC,EAA/C,KAAK,WAAA,EAAE,SAAS,eAA+B,CAAC;QAExD,OAAO,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CAAC;IAC5C,CAAC,CAAC;IAJW,QAAA,mBAAmB,uBAI9B","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"]}

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

@@ -1,31 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities", "./useLinkState"], function (require, exports, tslib_1, react_utilities_1, useLinkState_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useLink_unstable = void 0;
-    /**
-     * 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.
-     */
-    var useLink_unstable = function (props, ref) {
-        var _a = props.appearance, appearance = _a === void 0 ? 'default' : _a, _b = props.disabled, disabled = _b === void 0 ? false : _b, _c = props.disabledFocusable, disabledFocusable = _c === void 0 ? false : _c, _d = props.inline, inline = _d === void 0 ? false : _d;
-        var as = props.as || (props.href ? 'a' : 'button');
-        var type = as === 'button' ? 'button' : undefined;
-        var state = {
-            // Props passed at the top-level
-            appearance: appearance,
-            disabled: disabled,
-            disabledFocusable: disabledFocusable,
-            inline: inline,
-            // Slots definition
-            components: {
-                root: 'a',
-            },
-            root: react_utilities_1.getNativeElementProps(as, tslib_1.__assign(tslib_1.__assign({ ref: ref, type: type }, props), { as: as })),
-        };
-        useLinkState_1.useLinkState_unstable(state);
-        return state;
-    };
-    exports.useLink_unstable = useLink_unstable;
-});
-//# sourceMappingURL=useLink.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useLink.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-link/src/components/Link/useLink.ts"],"names":[],"mappings":";;;;IAKA;;;;OAIG;IACI,IAAM,gBAAgB,GAAG,UAC9B,KAAgB,EAChB,GAAqD;QAE7C,IAAA,KAAwF,KAAK,WAAvE,EAAtB,UAAU,mBAAG,SAAS,KAAA,EAAE,KAAgE,KAAK,SAArD,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,KAA8C,KAAK,kBAA1B,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EAAE,KAAmB,KAAK,OAAV,EAAd,MAAM,mBAAG,KAAK,KAAA,CAAW;QACtG,IAAM,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACrD,IAAM,IAAI,GAAG,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QAEpD,IAAM,KAAK,GAAc;YACvB,gCAAgC;YAChC,UAAU,YAAA;YACV,QAAQ,UAAA;YACR,iBAAiB,mBAAA;YACjB,MAAM,QAAA;YAEN,mBAAmB;YACnB,UAAU,EAAE;gBACV,IAAI,EAAE,GAAG;aACV;YAED,IAAI,EAAE,uCAAqB,CAAC,EAAE,sCAC5B,GAAG,KAAA,EACH,IAAI,MAAA,IACD,KAAK,KACR,EAAE,IAAA,IACF;SACH,CAAC;QAEF,oCAAqB,CAAC,KAAK,CAAC,CAAC;QAE7B,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IA/BW,QAAA,gBAAgB,oBA+B3B","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  const type = as === 'button' ? 'button' : undefined;\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      type,\n      ...props,\n      as,\n    }),\n  };\n\n  useLinkState_unstable(state);\n\n  return state;\n};\n"]}

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

@@ -1,54 +0,0 @@
-define(["require", "exports", "@fluentui/keyboard-keys"], function (require, exports, keyboard_keys_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useLinkState_unstable = void 0;
-    /**
-     * The useLinkState_unstable hook processes the Link state.
-     * @param state - Link state to mutate.
-     */
-    var useLinkState_unstable = function (state) {
-        var disabled = state.disabled, disabledFocusable = state.disabledFocusable;
-        var _a = state.root, onClick = _a.onClick, onKeyDown = _a.onKeyDown, role = _a.role, tabIndex = _a.tabIndex, type = _a.type;
-        // Add href and tabIndex=0 for anchor elements.
-        if (state.root.as === 'a') {
-            state.root.href = disabled ? undefined : state.root.href;
-            state.root.tabIndex = tabIndex !== null && tabIndex !== void 0 ? tabIndex : (disabled && !disabledFocusable ? undefined : 0);
-            // Add role="link" for disabled and disabledFocusable links.
-            if (disabled || disabledFocusable) {
-                state.root.role = role || 'link';
-            }
-        }
-        // Add type="button" for button elements.
-        else {
-            state.root.type = type || 'button';
-        }
-        // Disallow click event when component is disabled and eat events when disabledFocusable is set to true.
-        state.root.onClick = function (ev) {
-            if (disabled || disabledFocusable) {
-                ev.preventDefault();
-            }
-            else {
-                onClick === null || onClick === void 0 ? void 0 : onClick(ev);
-            }
-        };
-        // Disallow keydown event when component is disabled and eat events when disabledFocusable is set to true.
-        state.root.onKeyDown = function (ev) {
-            if ((disabled || disabledFocusable) && (ev.key === keyboard_keys_1.Enter || ev.key === keyboard_keys_1.Space)) {
-                ev.preventDefault();
-                ev.stopPropagation();
-            }
-            else {
-                onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(ev);
-            }
-        };
-        // Set the aria-disabled and disabled props correctly.
-        state.disabled = disabled || disabledFocusable;
-        state.root['aria-disabled'] = disabled || disabledFocusable || undefined;
-        if (state.root.as === 'button') {
-            state.root.disabled = disabled && !disabledFocusable;
-        }
-        return state;
-    };
-    exports.useLinkState_unstable = useLinkState_unstable;
-});
-//# sourceMappingURL=useLinkState.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useLinkState.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-link/src/components/Link/useLinkState.ts"],"names":[],"mappings":";;;;IAIA;;;OAGG;IACI,IAAM,qBAAqB,GAAG,UAAC,KAAgB;QAC5C,IAAA,QAAQ,GAAwB,KAAK,SAA7B,EAAE,iBAAiB,GAAK,KAAK,kBAAV,CAAW;QACxC,IAAA,KAA+C,KAAK,CAAC,IAAI,EAAvD,OAAO,aAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAe,CAAC;QAEhE,+CAA+C;QAC/C,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,EAAE;YACzB,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;YACzD,KAAK,CAAC,IAAI,CAAC,QAAQ,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,QAAQ,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAEnF,4DAA4D;YAC5D,IAAI,QAAQ,IAAI,iBAAiB,EAAE;gBACjC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,MAAM,CAAC;aAClC;SACF;QACD,yCAAyC;aACpC;YACH,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,QAAQ,CAAC;SACpC;QAED,wGAAwG;QACxG,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,UAAC,EAA2D;YAC/E,IAAI,QAAQ,IAAI,iBAAiB,EAAE;gBACjC,EAAE,CAAC,cAAc,EAAE,CAAC;aACrB;iBAAM;gBACL,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;aACf;QACH,CAAC,CAAC;QAEF,0GAA0G;QAC1G,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,UAAC,EAA8D;YACpF,IAAI,CAAC,QAAQ,IAAI,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,KAAK,qBAAK,IAAI,EAAE,CAAC,GAAG,KAAK,qBAAK,CAAC,EAAE;gBAC7E,EAAE,CAAC,cAAc,EAAE,CAAC;gBACpB,EAAE,CAAC,eAAe,EAAE,CAAC;aACtB;iBAAM;gBACL,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,EAAE,CAAC,CAAC;aACjB;QACH,CAAC,CAAC;QAEF,sDAAsD;QACtD,KAAK,CAAC,QAAQ,GAAG,QAAQ,IAAI,iBAAiB,CAAC;QAC/C,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,QAAQ,IAAI,iBAAiB,IAAI,SAAS,CAAC;QACzE,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,QAAQ,EAAE;YAC9B,KAAK,CAAC,IAAI,CAAC,QAAQ,GAAG,QAAQ,IAAI,CAAC,iBAAiB,CAAC;SACtD;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IA9CW,QAAA,qBAAqB,yBA8ChC","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, tabIndex, 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 = 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"]}

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

@@ -1,67 +0,0 @@
-define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-tabster", "@fluentui/react-theme"], function (require, exports, tslib_1, react_1, react_tabster_1, react_theme_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useLinkStyles_unstable = exports.linkClassNames = void 0;
-    exports.linkClassNames = {
-        root: 'fui-Link',
-    };
-    var useStyles = react_1.makeStyles({
-        focusIndicator: react_tabster_1.createCustomFocusIndicatorStyle({
-            textDecorationColor: react_theme_1.tokens.colorStrokeFocus2,
-            textDecorationLine: 'underline',
-            textDecorationStyle: 'double',
-        }),
-        // Common styles.
-        root: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ backgroundColor: 'transparent', boxSizing: 'border-box', color: react_theme_1.tokens.colorBrandForegroundLink, cursor: 'pointer', display: 'inline', fontFamily: react_theme_1.tokens.fontFamilyBase, fontSize: react_theme_1.tokens.fontSizeBase300, fontWeight: react_theme_1.tokens.fontWeightRegular }, react_1.shorthands.margin(0)), react_1.shorthands.padding(0)), react_1.shorthands.overflow('inherit')), { textAlign: 'left', textDecorationLine: 'none', textDecorationThickness: react_theme_1.tokens.strokeWidthThin, textOverflow: 'inherit', userSelect: 'text', ':hover': {
-                textDecorationLine: 'underline',
-                color: react_theme_1.tokens.colorBrandForegroundLinkHover,
-            }, ':active': {
-                textDecorationLine: 'underline',
-                color: react_theme_1.tokens.colorBrandForegroundLinkPressed,
-            } }),
-        // Overrides when the Link renders as a button.
-        button: tslib_1.__assign({}, react_1.shorthands.borderStyle('none')),
-        // Overrides when an href is present so the Link renders as an anchor.
-        href: {
-            fontSize: 'inherit',
-        },
-        // Overrides when the Link appears subtle.
-        subtle: {
-            color: react_theme_1.tokens.colorNeutralForeground2,
-            ':hover': {
-                textDecorationLine: 'underline',
-                color: react_theme_1.tokens.colorNeutralForeground2Hover,
-            },
-            ':active': {
-                textDecorationLine: 'underline',
-                color: react_theme_1.tokens.colorNeutralForeground2Pressed,
-            },
-        },
-        // Overrides when the Link is rendered inline within text.
-        inline: {
-            textDecorationLine: 'underline',
-        },
-        // Overrides when the Link is disabled.
-        disabled: {
-            textDecorationLine: 'none',
-            color: react_theme_1.tokens.colorNeutralForegroundDisabled,
-            cursor: 'not-allowed',
-            ':hover': {
-                textDecorationLine: 'none',
-                color: react_theme_1.tokens.colorNeutralForegroundDisabled,
-            },
-            ':active': {
-                textDecorationLine: 'none',
-                color: react_theme_1.tokens.colorNeutralForegroundDisabled,
-            },
-        },
-    });
-    var useLinkStyles_unstable = function (state) {
-        var styles = useStyles();
-        var appearance = state.appearance, disabled = state.disabled, inline = state.inline, root = state.root;
-        state.root.className = react_1.mergeClasses(exports.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;
-    };
-    exports.useLinkStyles_unstable = useLinkStyles_unstable;
-});
-//# sourceMappingURL=useLinkStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useLinkStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-link/src/components/Link/useLinkStyles.ts"],"names":[],"mappings":"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","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"]}

package/lib-amd/index.js

@@ -1,12 +0,0 @@
-define(["require", "exports", "./Link"], function (require, exports, Link_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useLink_unstable = exports.useLinkStyles_unstable = exports.useLinkState_unstable = exports.renderLink_unstable = exports.linkClassNames = exports.Link = void 0;
-    Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
-    Object.defineProperty(exports, "linkClassNames", { enumerable: true, get: function () { return Link_1.linkClassNames; } });
-    Object.defineProperty(exports, "renderLink_unstable", { enumerable: true, get: function () { return Link_1.renderLink_unstable; } });
-    Object.defineProperty(exports, "useLinkState_unstable", { enumerable: true, get: function () { return Link_1.useLinkState_unstable; } });
-    Object.defineProperty(exports, "useLinkStyles_unstable", { enumerable: true, get: function () { return Link_1.useLinkStyles_unstable; } });
-    Object.defineProperty(exports, "useLink_unstable", { enumerable: true, get: function () { return Link_1.useLink_unstable; } });
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-link/src/index.ts"],"names":[],"mappings":";;;;IACE,4FAAA,IAAI,OAAA;IACJ,sGAAA,cAAc,OAAA;IACd,2GAAA,mBAAmB,OAAA;IACnB,6GAAA,qBAAqB,OAAA;IACrB,8GAAA,sBAAsB,OAAA;IACtB,wGAAA,gBAAgB,OAAA","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"]}