@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,