@algolia/satellite 1.0.0-beta.134 → 1.0.0-beta.137

package/esm/Tabs/ContentTabs.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import { Tabs as ReachTabs, Tab, TabList, TabPanel, TabPanels } from "@reach/tabs";
-import cx from "classnames";
+import cx from "clsx";
 import { useEffect, useState } from "react";
 import Badge from "../Badge";
 import stl from "../styles/helpers/satellitePrefixer";

package/esm/Tabs/LinkTabs.js

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject;
 
-import cx from "classnames";
+import cx from "clsx";
 import useLocation from "react-use/lib/useLocation";
 import stl from "../styles/helpers/satellitePrefixer";
 import matchLocation from "../utils/matchLocation";

package/esm/Tabs/Tabs.tailwind.js

@@ -8,25 +8,25 @@ var tabsPlugin = plugin(function (_ref) {
     ".tabs-tabbar": {
       scrollBehavior: "smooth"
     },
-    ".tab[data-selected]": {
+    ".tab[aria-selected=true]": {
       color: theme("colors.grey.900")
     },
-    ".tab-grey[data-selected], .tab-grey:hover, .tab-grey:focus": {
+    ".tab-grey[aria-selected=true], .tab-grey:hover, .tab-grey:focus": {
       borderBottomColor: theme("colors.grey.300")
     },
-    ".tab-accent[data-selected], .tab-accent:hover, .tab-accent:focus": {
+    ".tab-accent[aria-selected=true], .tab-accent:hover, .tab-accent:focus": {
       borderBottomColor: theme("colors.accent.600")
     },
-    ".tab-blue[data-selected], .tab-blue:hover, .tab-blue:focus": {
+    ".tab-blue[aria-selected=true], .tab-blue:hover, .tab-blue:focus": {
       borderBottomColor: theme("colors.blue.600")
     },
-    ".tab-green[data-selected], .tab-green:hover, .tab-green:focus": {
+    ".tab-green[aria-selected=true], .tab-green:hover, .tab-green:focus": {
       borderBottomColor: theme("colors.green.600")
     },
-    ".tab-orange[data-selected], .tab-orange:hover, .tab-orange:focus": {
+    ".tab-orange[aria-selected=true], .tab-orange:hover, .tab-orange:focus": {
       borderBottomColor: theme("colors.orange.600")
     },
-    ".tab-red[data-selected], .tab-red:hover, .tab-red:focus": {
+    ".tab-red[aria-selected=true], .tab-red:hover, .tab-red:focus": {
       borderBottomColor: theme("colors.red.600")
     },
     ".tab": {
@@ -38,7 +38,7 @@ var tabsPlugin = plugin(function (_ref) {
       display: "inline-flex",
       justifyContent: "center",
       minWidth: theme("spacing.12"),
-      "&[disabled], &[data-disabled=true]": {
+      "&[disabled], &[aria-disabled=true]": {
         color: theme("colors.grey.400"),
         borderBottomColor: "transparent",
         cursor: "not-allowed"

package/esm/Tabs/components/LinkTab.js

@@ -7,7 +7,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import cx from "classnames";
+import cx from "clsx";
 import Badge from "../../Badge";
 import stl from "../../styles/helpers/satellitePrefixer";
 import useLinkProps from "../../utils/useLinkProps";
@@ -25,7 +25,7 @@ var getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
     var _next, _next$nextElementSibl, _next2, _next3, _next3$parentElement;
 
     next = (_next$nextElementSibl = (_next2 = next) === null || _next2 === void 0 ? void 0 : _next2.nextElementSibling) !== null && _next$nextElementSibl !== void 0 ? _next$nextElementSibl : (_next3 = next) === null || _next3 === void 0 ? void 0 : (_next3$parentElement = _next3.parentElement) === null || _next3$parentElement === void 0 ? void 0 : _next3$parentElement.firstElementChild;
-  } while (Boolean((_next = next) === null || _next === void 0 ? void 0 : _next.getAttribute("data-disabled")));
+  } while (Boolean((_next = next) === null || _next === void 0 ? void 0 : _next.getAttribute("aria-disabled")));
 
   return (_ref = next) !== null && _ref !== void 0 ? _ref : null;
 };
@@ -40,7 +40,7 @@ var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
     var _next4, _next$previousElement, _next5, _next6, _next6$parentElement;
 
     next = (_next$previousElement = (_next5 = next) === null || _next5 === void 0 ? void 0 : _next5.previousElementSibling) !== null && _next$previousElement !== void 0 ? _next$previousElement : (_next6 = next) === null || _next6 === void 0 ? void 0 : (_next6$parentElement = _next6.parentElement) === null || _next6$parentElement === void 0 ? void 0 : _next6$parentElement.lastElementChild;
-  } while (Boolean((_next4 = next) === null || _next4 === void 0 ? void 0 : _next4.getAttribute("data-disabled")));
+  } while (Boolean((_next4 = next) === null || _next4 === void 0 ? void 0 : _next4.getAttribute("aria-disabled")));
 
   return (_ref2 = next) !== null && _ref2 !== void 0 ? _ref2 : null;
 };
@@ -52,16 +52,16 @@ export var LinkTab = function LinkTab(_ref3) {
   var variant = tab.variant || "accent";
   var selectionProps = selected ? {
     "aria-selected": true,
-    "data-selected": true
+    tabIndex: 0
   } : {
-    "aria-selected": false
+    "aria-selected": false,
+    tabIndex: -1
   };
   var linkProps = useLinkProps({
     href: tab.to,
+    disabled: tab.disabled,
     onClick: function onClick(evt) {
-      if (tab.disabled) {
-        evt.preventDefault();
-      } else if (_onClick) {
+      if (_onClick) {
         _onClick(evt);
       }
     }
@@ -70,8 +70,6 @@ export var LinkTab = function LinkTab(_ref3) {
     id: tab.id,
     role: "tab",
     className: cx(ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tab pb-3 text-base leading-sm hover:no-underline"]))), tab.className),
-    tabIndex: selected ? 0 : -1,
-    "data-disabled": tab.disabled,
     onKeyDown: function onKeyDown(evt) {
       if (tab.disabled) return;
 

package/esm/Tag/Tag.js

@@ -9,7 +9,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import cx from "classnames";
+import cx from "clsx";
 import { forwardRef } from "react";
 import { X } from "react-feather";
 import { useLocale } from "../Satellite";
@@ -24,8 +24,8 @@ var DEFAULT_TAG_LOCALE = {
 var VARIANT_CLASSNAMES = {
   accent: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["bg-accent-100 border-accent-200 text-accent-700"]))),
   grey: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["bg-grey-100 border-grey-200 text-grey-700"]))),
-  blue: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["bg-blue-100 border-blue-200 text-blue-700"]))),
-  green: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-green-100 border-green-300 text-green-800"]))),
+  blue: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["bg-blue-100 border-blue-200 text-blue-800"]))),
+  green: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-green-100 border-green-300 text-green-900"]))),
   orange: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["bg-orange-100 border-orange-300 text-orange-800"]))),
   red: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["bg-red-100 border-red-200 text-red-700"]))),
   pink: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["bg-pink-100 border-pink-200 text-pink-700"])))
@@ -85,7 +85,6 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   return /*#__PURE__*/_jsxs("span", _objectSpread(_objectSpread({}, props), {}, {
     className: tagClassName,
-    "aria-label": title,
     ref: ref,
     children: [/*#__PURE__*/_jsx("span", {
       className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["truncate flex-1"]))),

package/esm/TextArea/TextArea.js

@@ -10,7 +10,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import cx from "classnames";
+import cx from "clsx";
 import { forwardRef } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/Toggle/Toggle.js

@@ -10,7 +10,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import cx from "classnames";
+import cx from "clsx";
 import { forwardRef } from "react";
 import { Check, X } from "react-feather";
 import stl from "../styles/helpers/satellitePrefixer";

package/esm/Tooltip/OverflowTooltipWrapper.js

@@ -9,10 +9,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import cx from "classnames";
+import cx from "clsx";
 import { useState } from "react";
-import { createPortal } from "react-dom";
 import { usePopper } from "react-popper";
+import { useCreatePortal } from "../Satellite";
 import stl from "../styles/helpers/satellitePrefixer";
 import TextWrap from "../TextWrap";
 import Tooltip from "./Tooltip";
@@ -37,6 +37,7 @@ export var OverflowTooltipWrapper = function OverflowTooltipWrapper(_ref) {
       modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
       _ref$noArrow = _ref.noArrow,
       noArrow = _ref$noArrow === void 0 ? false : _ref$noArrow;
+  var createPortal = useCreatePortal();
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -86,7 +87,7 @@ export var OverflowTooltipWrapper = function OverflowTooltipWrapper(_ref) {
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
       children: children
-    }), tooltipText && /*#__PURE__*/createPortal( /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, attributes.popper), {}, {
+    }), tooltipText && createPortal( /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, attributes.popper), {}, {
       style: styles.popper,
       className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["tooltip-wrapper-popper"]))), tooltipClassName),
       ref: setPopperEl,
@@ -100,7 +101,7 @@ export var OverflowTooltipWrapper = function OverflowTooltipWrapper(_ref) {
           children: tooltipText
         })
       })]
-    })), document.body)]
+    })))]
   });
 };
 export default OverflowTooltipWrapper;

package/esm/Tooltip/Tooltip.js

@@ -9,7 +9,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import cx from "classnames";
+import cx from "clsx";
 import { forwardRef } from "react";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/Tooltip/TooltipWrapper.js

@@ -9,11 +9,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import cx from "classnames";
+import cx from "clsx";
 import throttle from "lodash.throttle";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { createPortal } from "react-dom";
 import { usePopper } from "react-popper";
+import { useCreatePortal } from "../Satellite";
 import stl from "../styles/helpers/satellitePrefixer";
 import Tooltip from "./Tooltip";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -45,6 +45,7 @@ export var TooltipWrapper = function TooltipWrapper(_ref) {
       noArrow = _ref$noArrow === void 0 ? false : _ref$noArrow,
       _ref$interactive = _ref.interactive,
       interactive = _ref$interactive === void 0 ? true : _ref$interactive;
+  var createPortal = useCreatePortal();
   var isControlled = typeof show === "boolean";
 
   var _useState = useState(!!show),
@@ -177,7 +178,7 @@ export var TooltipWrapper = function TooltipWrapper(_ref) {
       }
     }), {}, {
       children: children
-    })), showTooltip && /*#__PURE__*/createPortal( /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, attributes.popper), {}, {
+    })), showTooltip && createPortal( /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, attributes.popper), {}, {
       style: styles.popper,
       className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["tooltip-wrapper-popper"]))), tooltipClassName),
       ref: setPopperEl,
@@ -189,7 +190,7 @@ export var TooltipWrapper = function TooltipWrapper(_ref) {
         variant: tooltipVariant,
         children: tooltipContent
       })]
-    })), document.body)]
+    })))]
   });
 };
 export default TooltipWrapper;

package/esm/UserContent/UserContent.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject;
 
-import cx from "classnames";
+import cx from "clsx";
 import stl from "../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var UserContent = function UserContent(_ref) {

package/esm/UserContent/UserContent.tailwind.js

@@ -68,7 +68,7 @@ export default plugin(function (_ref) {
           "&:after": {
             content: "''",
             background: toBG("ExternalLink", {
-              stroke: theme("colors.nebula.600"),
+              stroke: theme("colors.accent.600"),
               viewBox: "0 0 24 24",
               width: "100%",
               height: "100%"

package/esm/index.d.ts

@@ -8,7 +8,6 @@ export * from "./AnnouncementBadge";
 export * from "./AutoComplete";
 export * from "./Avatars";
 export * from "./Badge";
-export * from "./Banner";
 export * from "./Banners";
 export * from "./Button";
 export * from "./Card";

package/esm/index.js

@@ -8,7 +8,6 @@ export * from "./AnnouncementBadge";
 export * from "./AutoComplete";
 export * from "./Avatars";
 export * from "./Badge";
-export * from "./Banner";
 export * from "./Banners";
 export * from "./Button";
 export * from "./Card";

package/esm/styles/tailwind.config.js

@@ -143,5 +143,5 @@ export default {
       }
     }
   },
-  plugins: [require("./base.tailwind"), require("../utilities/utilities.tailwind"), require("../Typography/Typography.tailwind"), require("../FlexGrid/FlexGrid.tailwind"), require("../AutoComplete/AutoComplete.tailwind"), require("../Button/Button.tailwind"), require("../Card/Card.tailwind"), require("../Checkbox/Checkbox.tailwind"), require("../EmptyState/EmptyState.tailwind"), require("../Flag/Flag.tailwind"), require("../HelpUnderline/HelpUnderline.tailwind"), require("../Input/Input.tailwind"), require("../InstantSearch/InstantSearch.tailwind"), require("../KeyboardKey/KeyboardKey.tailwind"), require("../Medallion/Medallion.tailwind"), require("../Modal/Modal.tailwind"), require("../ProgressBar/ProgressBar.tailwind"), require("../ProgressSpinner/ProgressSpinner.tailwind"), require("../RadioGroup/RadioButton.tailwind"), require("../RangeSlider/RangeSlider.tailwind"), require("../ScrollIndicator/ScrollIndicator.tailwind"), require("../Select/Select.tailwind"), require("../Sidebar/Sidebar.tailwind"), require("../Switch/Switch.tailwind"), require("../Tabs/Tabs.tailwind"), require("../Tables/DataTable/DataTable.tailwind"), require("../Tables/Table/Table.tailwind"), require("../Tag/Tag.tailwind"), require("../TextArea/TextArea.tailwind"), require("../Toggle/Toggle.tailwind"), require("../Tooltip/Tooltip.tailwind"), require("../UserContent/UserContent.tailwind"), require("../DatePicker/DatePicker.tailwind")]
+  plugins: [require("./base.tailwind"), require("../utilities/utilities.tailwind"), require("../Typography/Typography.tailwind"), require("../FlexGrid/FlexGrid.tailwind"), require("../AutoComplete/AutoComplete.tailwind"), require("../Button/Button.tailwind"), require("../Card/Card.tailwind"), require("../Checkbox/Checkbox.tailwind"), require("../EmptyState/EmptyState.tailwind"), require("../Flag/Flag.tailwind"), require("../HelpUnderline/HelpUnderline.tailwind"), require("../Input/Input.tailwind"), require("../InstantSearch/InstantSearch.tailwind"), require("../KeyboardKey/KeyboardKey.tailwind"), require("../Medallion/Medallion.tailwind"), require("../Modal/Modal.tailwind"), require("../ProgressBar/ProgressBar.tailwind"), require("../ProgressSpinner/ProgressSpinner.tailwind"), require("../RadioGroup/RadioButton.tailwind"), require("../RangeSlider/RangeSlider.tailwind"), require("../ScrollIndicator/ScrollIndicator.tailwind"), require("../Select/Select.tailwind"), require("../Switch/Switch.tailwind"), require("../Tabs/Tabs.tailwind"), require("../Tables/DataTable/DataTable.tailwind"), require("../Tables/Table/Table.tailwind"), require("../Tag/Tag.tailwind"), require("../TextArea/TextArea.tailwind"), require("../Toggle/Toggle.tailwind"), require("../Tooltip/Tooltip.tailwind"), require("../UserContent/UserContent.tailwind"), require("../DatePicker/DatePicker.tailwind")]
 };

package/esm/utils/onlyText.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from "react";
+declare const onlyText: (children: ReactNode | ReactNode[]) => string;
+export default onlyText;

package/esm/utils/onlyText.js

@@ -0,0 +1,41 @@
+import { Children, isValidElement } from "react";
+
+var hasChildren = function hasChildren(element) {
+  return /*#__PURE__*/isValidElement(element) && Boolean(element.props.children);
+};
+
+var childToString = function childToString(child) {
+  if (typeof child === "undefined" || child === null || typeof child === "boolean") {
+    return "";
+  }
+
+  if (JSON.stringify(child) === "{}") {
+    return "";
+  }
+
+  return child.toString();
+}; // Code stolen from `react-children-utils`
+// @see https://github.com/fernandopasik/react-children-utilities/blob/main/src/lib/onlyText.ts
+
+
+var onlyText = function onlyText(children) {
+  if (!(children instanceof Array) && ! /*#__PURE__*/isValidElement(children)) {
+    return childToString(children);
+  }
+
+  return Children.toArray(children).reduce(function (text, child) {
+    var newText = "";
+
+    if ( /*#__PURE__*/isValidElement(child) && hasChildren(child)) {
+      newText = onlyText(child.props.children);
+    } else if ( /*#__PURE__*/isValidElement(child) && !hasChildren(child)) {
+      newText = "";
+    } else {
+      newText = childToString(child);
+    }
+
+    return text.concat(newText);
+  }, "");
+};
+
+export default onlyText;

package/esm/utils/useLinkProps.d.ts

@@ -1,4 +1,7 @@
 import type { AnchorHTMLAttributes } from "react";
-export declare type UseLinkProps = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target" | "rel">;
-export declare const useLinkProps: (props: UseLinkProps) => UseLinkProps;
+export declare type UseLinkPropsArgs = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target" | "rel" | "role" | "tabIndex"> & {
+    disabled?: boolean;
+};
+export declare type UseLinkProps = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target" | "rel" | "role" | "tabIndex" | "aria-disabled">;
+export declare const useLinkProps: (props: UseLinkPropsArgs) => UseLinkProps;
 export default useLinkProps;

package/esm/utils/useLinkProps.js

@@ -35,11 +35,18 @@ export var useLinkProps = function useLinkProps(props) {
   var isExternal = router.isExternalLocation(parsedLocation);
   var target = (_props$target = props.target) !== null && _props$target !== void 0 ? _props$target : router.shouldOpenInNewTab(parsedLocation) ? "_blank" : undefined;
   var rel = (_props$rel = props.rel) !== null && _props$rel !== void 0 ? _props$rel : isExternal ? "noopener noreferrer" : undefined;
-  return {
+  return props.disabled ? {
+    role: "link",
+    target: target,
+    tabIndex: -1,
+    "aria-disabled": true
+  } : {
     target: target,
     href: href,
     rel: rel,
-    onClick: onClick
+    onClick: onClick,
+    role: props.role,
+    tabIndex: props.tabIndex
   };
 };
 export default useLinkProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/satellite",
-  "version": "1.0.0-beta.134",
+  "version": "1.0.0-beta.137",
   "description": "Algolia design system React components",
   "scripts": {
     "clean": "rimraf dist",
@@ -17,11 +17,12 @@
     "build:storybook": "yarn build-storybook -o .storybook-static",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s --commit-path ./",
     "dev": "start-storybook -p 6060",
-    "test:storybook": "test-storybook --url https://algolia-satellite.netlify.app/ --no-stories-json",
+    "test:accessibility": "test-storybook --url https://algolia-satellite.netlify.app/ --no-stories-json",
+    "test:jest": "jest --config jest.config.js",
     "quality": "run-s quality:test quality:types quality:lint",
     "quality:lint": "eslint 'src/**/*.{ts,tsx}'",
     "quality:types": "tsc",
-    "quality:test": "jest --config jest.config.js",
+    "quality:test": "run-p test:jest",
     "preversion": "yarn quality",
     "version": "yarn changelog && git add CHANGELOG.md",
     "postversion": "git push && git push --tags",
@@ -67,7 +68,7 @@
     "@babel/runtime": "^7.17.7",
     "@popperjs/core": "^2.4.4",
     "@reach/tabs": "^0.16.1",
-    "classnames": "^2.3.1",
+    "clsx": "^1.2.1",
     "color": "^4.2.3",
     "date-fns": "2.22.1",
     "diacritics": "^1.3.0",