@codecademy/gamut

73.6.173.6.2-alpha.3e37cd.0
dist/Tag/index.js
~dist/Tag/index.jsModified
+5
Index: package/dist/Tag/index.js
===================================================================
--- package/dist/Tag/index.js
+++ package/dist/Tag/index.js
@@ -2,10 +2,12 @@
 import { appendIconToContent } from '../helpers';
 import { DefaultMiniDeleteIcon, DismissButton, LargeMiniDeleteIcon, Outline, TagAnchor, TagLabelWrapper, TagText } from './elements';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const Tag = ({
+  buttonProps,
   children,
   disabled = false,
+  dismissButtonProps,
   href = '',
   icon,
   onClick,
   onDismiss,
@@ -43,16 +45,18 @@
           children: content
         });
       case 'navigation':
         return /*#__PURE__*/_jsx(TagAnchor, {
+          ...buttonProps,
           href: disabled ? '' : href,
           interactiveType: "navigation",
           onClick: onClick,
           ...sharedInteractiveProps,
           children: content
         });
       case 'suggestion':
         return /*#__PURE__*/_jsx(TagAnchor, {
+          ...buttonProps,
           interactiveType: "suggestion",
           onClick: onClick,
           ...sharedInteractiveProps,
           children: content
@@ -72,8 +76,9 @@
       selectionDisabled: isSelection && disabled,
       variant: variant,
       children: CorrectLabel
     }), isSelection && /*#__PURE__*/_jsx(DismissButton, {
+      ...dismissButtonProps,
       "aria-disabled": disabled,
       "aria-label": `Dismiss ${typeof children === 'string' ? children : ''} Tag`,
       disabled: disabled,
       icon: isLarge ? LargeMiniDeleteIcon : DefaultMiniDeleteIcon,