@deque/cauldron-react 6.27.0-canary.abfc9efd → 6.27.0-canary.d1458c00

package/lib/components/Button/index.d.ts

@@ -1,8 +1,17 @@
 import React, { type ButtonHTMLAttributes, type Ref } from 'react';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+import type { TagSize } from '../Tag';
+interface ButtonBaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     buttonRef?: Ref<HTMLButtonElement>;
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'error' | 'danger' | 'danger-secondary' | 'link' | 'tag' | 'badge';
     thin?: boolean;
 }
+interface ButtonTagProps extends ButtonBaseProps {
+    variant: 'tag';
+    size?: TagSize;
+}
+interface ButtonNonTagProps extends ButtonBaseProps {
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'error' | 'danger' | 'danger-secondary' | 'link' | 'badge';
+    size?: never;
+}
+export type ButtonProps = ButtonTagProps | ButtonNonTagProps;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/lib/components/CopyButton/index.d.ts

@@ -3,7 +3,7 @@ import { ContentNode } from '../../types';
 import Button from '../Button';
 import Tooltip from '../Tooltip';
 type ButtonProps = React.ComponentProps<typeof Button>;
-export interface CopyButtonProps extends Omit<ButtonProps, 'onCopy' | 'onClick'> {
+export interface CopyButtonProps extends Omit<ButtonProps, 'onCopy' | 'onClick' | 'size'> {
     value: string;
     variant?: Extract<ButtonProps['variant'], 'primary' | 'secondary' | 'tertiary'>;
     children?: ContentNode;

package/lib/components/Tag/index.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
+export type TagSize = 'default' | 'small';
 interface TagProps {
     children: React.ReactNode;
     className?: string;
-    size?: 'default' | 'small';
+    size?: TagSize;
 }
 export declare const TagLabel: {
     ({ children, className, ...other }: TagProps): React.JSX.Element;

package/lib/components/TagButton/index.d.ts

@@ -1,11 +1,13 @@
-import React from 'react';
+import React, { type ButtonHTMLAttributes } from 'react';
 import { IconType } from '../Icon';
 import { ContentNode } from '../../types';
-interface TagButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+import { type TagSize } from '../Tag';
+interface TagButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
     label: ContentNode;
     value: ContentNode;
     icon: IconType;
     onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    size?: TagSize;
 }
 declare const TagButton: React.ForwardRefExoticComponent<TagButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default TagButton;

package/lib/index.d.ts

@@ -37,7 +37,7 @@ export { default as Sidebar, SideBarItem } from './components/SideBar';
 export { default as Code } from './components/Code';
 export { default as LoaderOverlay } from './components/LoaderOverlay';
 export { default as Line } from './components/Line';
-export { default as Tag, TagLabel } from './components/Tag';
+export { default as Tag, TagLabel, type TagSize } from './components/Tag';
 export { default as Badge, BadgeLabel } from './components/Badge';
 export { default as ImpactBadge } from './components/ImpactBadge';
 export { default as TagButton } from './components/TagButton';

package/lib/index.js

@@ -1768,7 +1768,7 @@ var SkipLink = /** @class */ (function (_super) {
 }(React__default["default"].Component));
 
 var Button = React.forwardRef(function (_a, ref) {
-    var _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, thin = _a.thin, children = _a.children, className = _a.className, buttonRef = _a.buttonRef, other = tslib.__rest(_a, ["variant", "thin", "children", "className", "buttonRef"]);
+    var _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, thin = _a.thin, size = _a.size, children = _a.children, className = _a.className, buttonRef = _a.buttonRef, other = tslib.__rest(_a, ["variant", "thin", "size", "children", "className", "buttonRef"]);
     return (React__default["default"].createElement("button", tslib.__assign({ type: "button", className: classNames__default["default"](className, {
             'Button--primary': variant === 'primary',
             'Button--secondary': variant === 'secondary',
@@ -1779,6 +1779,7 @@ var Button = React.forwardRef(function (_a, ref) {
             Link: variant === 'link',
             Tag: variant === 'tag',
             'Button--tag': variant === 'tag',
+            'Tag--small': variant === 'tag' && size === 'small',
             'Button--thin': thin,
             'Button--badge': variant === 'badge'
         }), ref: ref || buttonRef }, other), children));
@@ -3042,8 +3043,8 @@ var ImpactBadge = React.forwardRef(function (_a, ref) {
 ImpactBadge.displayName = 'ImpactBadge';
 
 var TagButton = React__default["default"].forwardRef(function (_a, ref) {
-    var label = _a.label, value = _a.value, icon = _a.icon, className = _a.className, rest = tslib.__rest(_a, ["label", "value", "icon", "className"]);
-    return (React__default["default"].createElement(Button, tslib.__assign({ variant: "tag", className: classNames__default["default"]('TagButton', className), ref: ref }, rest),
+    var label = _a.label, value = _a.value, icon = _a.icon, className = _a.className, size = _a.size, rest = tslib.__rest(_a, ["label", "value", "icon", "className", "size"]);
+    return (React__default["default"].createElement(Button, tslib.__assign({ variant: "tag", className: classNames__default["default"]('TagButton', className), size: size, ref: ref }, rest),
         React__default["default"].createElement(TagLabel, null, label),
         value,
         React__default["default"].createElement(Icon, { className: "TagButton__icon", type: icon })));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "6.27.0-canary.abfc9efd",
+  "version": "6.27.0-canary.d1458c00",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",