@codecademy/gamut

68.5.168.5.2-alpha.51ce33.0
~

Modified (6 files)

Index: package/dist/Tag/index.js
===================================================================
--- package/dist/Tag/index.js
+++ package/dist/Tag/index.js
@@ -73,9 +73,9 @@
       variant: variant,
       children: CorrectLabel
     }), isSelection && /*#__PURE__*/_jsx(DismissButton, {
       "aria-disabled": disabled,
-      "aria-label": disabled ? '' : `Dismiss ${children} Tag`,
+      "aria-label": `Dismiss ${children} Tag`,
       disabled: disabled,
       icon: isLarge ? LargeMiniDeleteIcon : DefaultMiniDeleteIcon,
       isLarge: isLarge,
       tip: disabled ? '' : 'Remove',
Index: package/dist/Menu/MenuItem.js
===================================================================
--- package/dist/Menu/MenuItem.js
+++ package/dist/Menu/MenuItem.js
@@ -24,8 +24,9 @@
   icon: Icon,
   label,
   target,
   width = 1,
+  'aria-label': explicitAriaLabel,
   ...props
 }, ref) => {
   const {
     variant,
@@ -50,9 +51,9 @@
     ...rest,
     variant: 'link',
     role: role === 'menu' ? 'menuitem' : undefined,
     [activeProp]: active,
-    'aria-label': isIconOnly ? ariaLabel : undefined,
+    'aria-label': isIconOnly ? ariaLabel ?? explicitAriaLabel : undefined,
     'aria-describedby': !isIconOnly && ariaLabel ? tipId : undefined,
     'aria-disabled': disabled,
     isDisabled: disabled
   };
Index: package/dist/Menu/MenuSeparator.js
===================================================================
--- package/dist/Menu/MenuSeparator.js
+++ package/dist/Menu/MenuSeparator.js
@@ -6,15 +6,15 @@
     as: "li",
     center: true,
     fit: true,
     height: 8,
-    role: "separator",
     ...props,
     children: /*#__PURE__*/_jsx(Box, {
       bg: "text-disabled",
       borderRadius: "sm",
       fit: true,
       height: "1px",
-      mx: 16
+      mx: 16,
+      role: "separator"
     })
   });
 };
\ No newline at end of file
Index: package/dist/DataList/Tables/Rows/TableRow.js
===================================================================
--- package/dist/DataList/Tables/Rows/TableRow.js
+++ package/dist/DataList/Tables/Rows/TableRow.js
@@ -124,9 +124,13 @@
       if (loading) {
         return /*#__PURE__*/_createElement(ListCol, {
           ...colProps,
           key: newKey
-        }, /*#__PURE__*/_jsx(Shimmer, {
+        }, type === 'header' && /*#__PURE__*/_jsx(Text, {
+          as: "span",
+          screenreader: true,
+          children: "Loading data"
+        }), /*#__PURE__*/_jsx(Shimmer, {
           height: "calc(100% - 1rem)",
           minHeight: 24,
           width: "calc(100% - 0.5rem)"
         }));
Index: package/dist/Tabs/TabNavLink.js
===================================================================
--- package/dist/Tabs/TabNavLink.js
+++ package/dist/Tabs/TabNavLink.js
@@ -3,12 +3,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const StyledTabNavLink = /*#__PURE__*/_styled(TabButton, {
   target: "e1i5j2n60",
   label: "StyledTabNavLink"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWJzL1RhYk5hdkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt5QiIsImZpbGUiOiIuLi8uLi9zcmMvVGFicy9UYWJOYXZMaW5rLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBUYWJCdXR0b24gfSBmcm9tICcuL1RhYkJ1dHRvbic7XG5cbmNvbnN0IFN0eWxlZFRhYk5hdkxpbmsgPSBzdHlsZWQoVGFiQnV0dG9uKSgpO1xuXG5leHBvcnQgY29uc3QgVGFiTmF2TGluazogUmVhY3QuRkM8Q29tcG9uZW50UHJvcHM8dHlwZW9mIFN0eWxlZFRhYk5hdkxpbms+PiA9ICh7XG4gIHZhcmlhbnQgPSAnc3RhbmRhcmQnLFxuICByb2xlID0gJ3RhYicsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIDxTdHlsZWRUYWJOYXZMaW5rIHJvbGU9e3JvbGV9IHZhcmlhbnQ9e3ZhcmlhbnR9IHsuLi5yZXN0fSAvPjtcbn07XG4iXX0= */");
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWJzL1RhYk5hdkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt5QiIsImZpbGUiOiIuLi8uLi9zcmMvVGFicy9UYWJOYXZMaW5rLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBUYWJCdXR0b24gfSBmcm9tICcuL1RhYkJ1dHRvbic7XG5cbmNvbnN0IFN0eWxlZFRhYk5hdkxpbmsgPSBzdHlsZWQoVGFiQnV0dG9uKSgpO1xuXG5leHBvcnQgY29uc3QgVGFiTmF2TGluazogUmVhY3QuRkM8Q29tcG9uZW50UHJvcHM8dHlwZW9mIFN0eWxlZFRhYk5hdkxpbms+PiA9ICh7XG4gIHZhcmlhbnQgPSAnc3RhbmRhcmQnLFxuICByb2xlID0gJ2J1dHRvbicsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIDxTdHlsZWRUYWJOYXZMaW5rIHJvbGU9e3JvbGV9IHZhcmlhbnQ9e3ZhcmlhbnR9IHsuLi5yZXN0fSAvPjtcbn07XG4iXX0= */");
 export const TabNavLink = ({
   variant = 'standard',
-  role = 'tab',
+  role = 'button',
   ...rest
 }) => {
   return /*#__PURE__*/_jsx(StyledTabNavLink, {
     role: role,
Index: package/package.json
===================================================================
--- package/package.json
+++ package/package.json
@@ -1,15 +1,15 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "68.5.1",
+  "version": "68.5.2-alpha.51ce33.0",
   "author": "Codecademy Engineering <[email protected]>",
   "dependencies": {
-    "@codecademy/gamut-icons": "9.57.4",
-    "@codecademy/gamut-illustrations": "0.58.10",
-    "@codecademy/gamut-patterns": "0.10.29",
-    "@codecademy/gamut-styles": "17.14.0",
-    "@codecademy/variance": "0.26.1",
+    "@codecademy/gamut-icons": "9.57.5-alpha.51ce33.0",
+    "@codecademy/gamut-illustrations": "0.58.11-alpha.51ce33.0",
+    "@codecademy/gamut-patterns": "0.10.30-alpha.51ce33.0",
+    "@codecademy/gamut-styles": "17.14.1-alpha.51ce33.0",
+    "@codecademy/variance": "0.26.2-alpha.51ce33.0",
     "@formatjs/intl-locale": "5.3.1",
     "@react-aria/interactions": "3.25.0",
     "@types/marked": "^4.0.8",
     "@vidstack/react": "^1.12.12",