@deque/cauldron-react 6.4.1 → 6.4.2-canary.1fd11347

package/lib/cauldron.css

@@ -42,11 +42,10 @@
 a.Button--primary,
 a.Button--secondary {
   text-decoration: none;
-  padding: 9px 18px;
 }
 
 a.Button--thin {
-  padding: 0 16px;
+  padding: 0 var(--space-small);
 }
 
 .Icon {

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

@@ -1,7 +1,7 @@
 import React, { ButtonHTMLAttributes, Ref } from 'react';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     buttonRef?: Ref<HTMLButtonElement>;
-    variant?: 'primary' | 'secondary' | 'error' | 'link' | 'tag';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'error' | 'link' | 'tag';
     thin?: boolean;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -7,8 +7,8 @@ export interface DialogProps extends React.HTMLAttributes<HTMLDivElement> {
     dialogRef?: React.Ref<HTMLDivElement>;
     onClose?: () => void;
     forceAction?: boolean;
-    heading: React.ReactElement<any> | {
-        text: React.ReactElement<any>;
+    heading: string | React.ReactElement<any> | {
+        text: React.ReactElement<any> | string;
         level: number | undefined;
     };
     closeButtonText?: string;

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

@@ -19,7 +19,7 @@ export interface IconButtonProps extends PolymorphicProps<React.HTMLAttributes<H
      * @deprecated use `tooltipProps.portal` instead
      */
     tooltipPortal?: TooltipProps['portal'];
-    variant?: 'primary' | 'secondary' | 'error';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'error';
     large?: boolean;
 }
 declare const IconButton: PolymorphicComponent<IconButtonProps>;

package/lib/index.js

@@ -1437,6 +1437,7 @@ var Dialog = /** @class */ (function (_super) {
             ? heading.level
             : 2);
         var Dialog = (React__default["default"].createElement(FocusTrap__default["default"], { focusTrapOptions: {
+                allowOutsideClick: true,
                 onDeactivate: this.close,
                 escapeDeactivates: !forceAction,
                 fallbackFocus: '.Dialog__heading'
@@ -1593,6 +1594,7 @@ var Button = React.forwardRef(function (_a, ref) {
             'Button--primary': variant === 'primary',
             'Button--secondary': variant === 'secondary',
             'Button--error': variant === 'error',
+            'Button--tertiary': variant === 'tertiary',
             Link: variant === 'link',
             Tag: variant === 'tag',
             'Button--tag': variant === 'tag',
@@ -1728,13 +1730,17 @@ function Tooltip(_a) {
         };
         var targetElement = document.body;
         if (showTooltip) {
-            targetElement.addEventListener('keyup', handleEscape);
+            targetElement.addEventListener('keyup', handleEscape, { capture: true });
         }
         else {
-            targetElement.removeEventListener('keyup', handleEscape);
+            targetElement.removeEventListener('keyup', handleEscape, {
+                capture: true
+            });
         }
         return function () {
-            targetElement.removeEventListener('keyup', handleEscape);
+            targetElement.removeEventListener('keyup', handleEscape, {
+                capture: true
+            });
         };
     }, [showTooltip]);
     // Handle hover and focus events for the targetElement
@@ -1834,6 +1840,7 @@ var IconButton = React.forwardRef(function (_a, ref) {
                 IconButton: true,
                 'IconButton--primary': variant === 'primary',
                 'IconButton--secondary': variant === 'secondary',
+                'IconButton--tertiary': variant === 'tertiary',
                 'IconButton--error': variant === 'error',
                 'IconButton--large': large
             }), ref: internalRef, disabled: disabled, tabIndex: disabled ? -1 : tabIndex }, accessibilityProps, other),

package/lib/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactFragment, ReactPortal } from 'react';
+import type { ReactElement, ReactPortal } from 'react';
 export declare namespace Cauldron {
     type LabelProps = {
         'aria-label': string;
@@ -10,4 +10,4 @@ export declare namespace Cauldron {
  * This type is meant to ensure that a prop can actually be rendered as content.
  * Explicit equivalent of Exclude<ReactNode, boolean | null | undefined>
  */
-export type ContentNode = string | number | ReactFragment | ReactPortal | ReactElement;
+export type ContentNode = string | number | ReactPortal | ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "6.4.1",
+  "version": "6.4.2-canary.1fd11347",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
@@ -47,7 +47,6 @@
     "@testing-library/react": "^12",
     "@testing-library/user-event": "^14.5.2",
     "@types/classnames": "^2.2.10",
-    "@types/enzyme-adapter-react-16": "^1.0.9",
     "@types/jest": "^29.5.11",
     "@types/jest-axe": "^3.5.4",
     "@types/node": "^17.0.42",
@@ -59,8 +58,6 @@
     "babel-plugin-module-resolver": "^4.0.0",
     "babel-plugin-transform-export-extensions": "^6.22.0",
     "concurrently": "^5.3.0",
-    "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.2",
     "jest": "^29.7.0",
     "jest-axe": "^8.0.0",
     "jest-environment-jsdom": "^29.7.0",