@deque/cauldron-react 6.0.0-canary.35bcb675 → 6.0.0-canary.3a04d8b8

package/lib/index.js

@@ -1756,7 +1756,7 @@ var TooltipContent = function (_a) {
  */
 // eslint-disable-next-line react/display-name
 var IconButton = React.forwardRef(function (_a, ref) {
-    var _b = _a.as, Component = _b === void 0 ? 'button' : _b, icon = _a.icon, label = _a.label, _c = _a.tooltipPlacement, tooltipPlacement = _c === void 0 ? 'auto' : _c, tooltipVariant = _a.tooltipVariant, tooltipPortal = _a.tooltipPortal, className = _a.className, _d = _a.variant, variant = _d === void 0 ? 'secondary' : _d, disabled = _a.disabled, _e = _a.tabIndex, tabIndex = _e === void 0 ? 0 : _e, other = tslib.__rest(_a, ["as", "icon", "label", "tooltipPlacement", "tooltipVariant", "tooltipPortal", "className", "variant", "disabled", "tabIndex"]);
+    var _b = _a.as, Component = _b === void 0 ? 'button' : _b, icon = _a.icon, label = _a.label, _c = _a.tooltipPlacement, tooltipPlacement = _c === void 0 ? 'auto' : _c, tooltipVariant = _a.tooltipVariant, tooltipPortal = _a.tooltipPortal, className = _a.className, _d = _a.variant, variant = _d === void 0 ? 'secondary' : _d, disabled = _a.disabled, _e = _a.tabIndex, tabIndex = _e === void 0 ? 0 : _e, large = _a.large, other = tslib.__rest(_a, ["as", "icon", "label", "tooltipPlacement", "tooltipVariant", "tooltipPortal", "className", "variant", "disabled", "tabIndex", "large"]);
     var internalRef = React.useRef();
     React.useImperativeHandle(ref, function () { return internalRef.current; });
     // Configure additional properties based on the type of the Component
@@ -1779,7 +1779,8 @@ var IconButton = React.forwardRef(function (_a, ref) {
                 IconButton: true,
                 'IconButton--primary': variant === 'primary',
                 'IconButton--secondary': variant === 'secondary',
-                'IconButton--error': variant === 'error'
+                'IconButton--error': variant === 'error',
+                'IconButton--large': large
             }), ref: internalRef, disabled: disabled, tabIndex: disabled ? -1 : tabIndex }, accessibilityProps, other),
             React__default["default"].createElement(Icon, { type: icon }),
             disabled && React__default["default"].createElement(Offscreen, null, label)),
@@ -2751,7 +2752,7 @@ var Step = function (props) {
         liProps = other;
     }
     return (React__default["default"].createElement("li", tslib.__assign({ className: classNames__default["default"]('Stepper__step', "Stepper__step--".concat(status), className), "aria-current": status === 'current' ? 'step' : 'false' }, liProps),
-        React__default["default"].createElement("div", { className: "Stepper__step-line" }),
+        React__default["default"].createElement("div", { className: classNames__default["default"]('Stepper__step-line', "Stepper__step--".concat(status, "-line")) }),
         React__default["default"].createElement("div", { className: "Stepper__step-content" }, isTooltip ? (React__default["default"].createElement(TooltipTabstop, { placement: "bottom", tooltip: tooltip, 
             // the pseudo content (ex: "1") is conveyed
             // by the list item's position in the set of
@@ -2759,9 +2760,9 @@ var Step = function (props) {
             // it with the contents of the tooltip in the
             // tab stop's accessible name.
             association: "aria-labelledby", "aria-label": tooltipText },
-            React__default["default"].createElement("div", { className: "Stepper__step-indicator" }))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement("div", { className: "Stepper__step-indicator" }),
-            children ? (React__default["default"].createElement("div", { className: "Stepper__step-label" }, children)) : null)))));
+            React__default["default"].createElement("div", { className: classNames__default["default"]('Stepper__step-indicator', "Stepper__step--".concat(status, "-indicator")) }, status === 'complete' && React__default["default"].createElement(Icon, { type: 'check' })))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement("div", { className: classNames__default["default"]('Stepper__step-indicator', "Stepper__step--".concat(status, "-indicator")) }, status === 'complete' && React__default["default"].createElement(Icon, { type: 'check' })),
+            children ? (React__default["default"].createElement("div", { className: classNames__default["default"]('Stepper__step-label', "Stepper__step--".concat(status, "-label")) }, children)) : null)))));
 };
 Step.displayName = 'Step';
 var Stepper = function (_a) {
@@ -3548,8 +3549,12 @@ var Combobox = React.forwardRef(function (_a, ref) {
         }
     }, [open]);
     React.useEffect(function () {
+        var _a = tslib.__read(Array.from(matchingOptions.entries()).find(function (_a) {
+            var _b = tslib.__read(_a, 2), selected = _b[1].selected;
+            return selected;
+        }) || [], 2), element = _a[0], option = _a[1];
         if (autocomplete === 'manual') {
-            setActiveDescendant(null);
+            setActiveDescendant(!element ? null : tslib.__assign({ element: element }, option));
         }
         else if (autocomplete === 'automatic' &&
             matchingOptions.size &&
@@ -3608,8 +3613,11 @@ var Combobox = React.forwardRef(function (_a, ref) {
         var enterKeypress = event.key === Enter;
         var escKeypress = event.key === Escape;
         var arrowKeypress = ['ArrowDown', 'ArrowUp'].includes(event.key);
-        if ([Home, End].includes(event.key)) {
-            // prevent the page from scrolling and allow start/end option activation
+        if (
+        // prevent the page from scrolling and allow start/end option activation
+        [Home, End].includes(event.key) ||
+            // prevent combobox from submitting any forms when the listbox is expanded
+            (enterKeypress && open)) {
             event.preventDefault();
         }
         if (escKeypress) {

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

@@ -15,6 +15,7 @@ export interface IconButtonOwnProps {
     tooltipVariant?: TooltipProps['variant'];
     tooltipPortal?: TooltipProps['portal'];
     variant?: 'primary' | 'secondary' | 'error';
+    large?: boolean;
 }
 type PolymorphicIconButton = Polymorphic.ForwardRefComponent<'button', IconButtonOwnProps>;
 /**

package/package.json

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