@deque/cauldron-react 6.14.0 → 6.15.0

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

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

package/lib/index.js

@@ -960,7 +960,9 @@ var OptionsMenuList = function (_a) {
     /* eslint-disable jsx-a11y/click-events-have-key-events */
     /* eslint-disable jsx-a11y/role-supports-aria-props */
     return (React__default["default"].createElement(ClickOutsideListener$1, { onClickOutside: handleClickOutside, mouseEvent: clickOutsideEventActive, touchEvent: clickOutsideEventActive },
-        React__default["default"].createElement("ul", tslib.__assign({}, other, { className: classNames__default["default"]('OptionsMenu__list', className), "aria-expanded": show, role: "menu", onClick: handleClick, ref: function (el) {
+        React__default["default"].createElement("ul", tslib.__assign({}, other, { className: classNames__default["default"]('OptionsMenu__list', className, {
+                'OptionsMenu--expanded': show
+            }), role: "menu", onClick: handleClick, ref: function (el) {
                 menuRefInternal.current = el;
                 if (menuRef) {
                     setRef(menuRef, el);
@@ -1715,7 +1717,7 @@ var SkipLink = /** @class */ (function (_super) {
 
 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"]);
-    return (React__default["default"].createElement("button", tslib.__assign({ type: 'button', className: classNames__default["default"](className, {
+    return (React__default["default"].createElement("button", tslib.__assign({ type: "button", className: classNames__default["default"](className, {
             'Button--primary': variant === 'primary',
             'Button--secondary': variant === 'secondary',
             'Button--error': variant === 'error',
@@ -1723,7 +1725,8 @@ var Button = React.forwardRef(function (_a, ref) {
             Link: variant === 'link',
             Tag: variant === 'tag',
             'Button--tag': variant === 'tag',
-            'Button--thin': thin
+            'Button--thin': thin,
+            'Button--badge': variant === 'badge'
         }), ref: ref || buttonRef }, other), children));
 });
 Button.displayName = 'Button';
@@ -2281,7 +2284,7 @@ var Select = React__default["default"].forwardRef(function (_a, ref) {
                 'Field__label--has-error': !!error
             }) },
             React__default["default"].createElement("span", null, label),
-            required && (React__default["default"].createElement("span", { className: "Field__required-text" }, requiredText))),
+            required && (React__default["default"].createElement("span", { className: "Field__required-text", "aria-hidden": "true" }, requiredText))),
         React__default["default"].createElement("div", { className: classNames__default["default"]('Field__select--wrapper', {
                 'Field__select--disabled': disabled,
                 'Field--has-error': !!error
@@ -2606,7 +2609,7 @@ var TextField = /** @class */ (function (_super) {
                     'Field__label--has-error': error
                 }), htmlFor: this.inputId },
                 React__default["default"].createElement("span", null, label),
-                isRequired && (React__default["default"].createElement("span", { className: "Field__required-text" }, requiredText))),
+                isRequired && (React__default["default"].createElement("span", { className: "Field__required-text", "aria-hidden": "true" }, requiredText))),
             React__default["default"].createElement(Field, tslib.__assign({ className: classNames__default["default"](className, {
                     'Field__text-input': !multiline,
                     Field__textarea: multiline,
@@ -4258,7 +4261,7 @@ var Combobox = React.forwardRef(function (_a, ref) {
                 'Field__label--has-error': hasError
             }), id: "".concat(id, "-label"), htmlFor: "".concat(id, "-input") },
             React__default["default"].createElement("span", null, label),
-            isRequired && (React__default["default"].createElement("span", { className: "Field__required-text" }, requiredText))),
+            isRequired && (React__default["default"].createElement("span", { className: "Field__required-text", "aria-hidden": "true" }, requiredText))),
         React__default["default"].createElement(TextFieldWrapper, { className: classNames__default["default"]({ 'TextFieldWrapper--error': hasError }), 
             // We're handling click here to open the listbox when the wrapping element is clicked,
             // there's already keyboard handlers to open the listbox on the input element

package/package.json

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