@deque/cauldron-react 4.1.0-canary.2e36990f → 4.1.0-canary.30f2d0e2

package/lib/cauldron.css

@@ -34,7 +34,8 @@
   --expandcollapse-panel-color: var(--accent-light);
 }
 
-a.Button--primary {
+a.Button--primary,
+a.Button--secondary {
   text-decoration: none;
   padding: 9px 18px;
 }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     linkRef?: React.Ref<HTMLAnchorElement>;
-    variant?: 'button';
+    variant?: 'button' | 'button-secondary';
 }
 declare const Link: {
     ({ children, linkRef, className, variant, ...other }: LinkProps): JSX.Element;

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

@@ -2,7 +2,7 @@ import { HTMLAttributes, ReactElement, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 interface PanelProps extends HTMLAttributes<HTMLElement> {
     children: ReactNode;
-    heading: ReactElement<any> | {
+    heading?: ReactElement<any> | {
         id?: string;
         text: ReactElement<any>;
         level: number | undefined;
@@ -15,7 +15,7 @@ declare const Panel: {
     displayName: string;
     propTypes: {
         children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        heading: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        heading: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         className: PropTypes.Requireable<string>;
     };
 };

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

@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-interface BaseStepProps {
+interface BaseStepProps extends React.LiHTMLAttributes<HTMLLIElement> {
     status: 'current' | 'complete' | 'future';
-    className?: string;
 }
 interface StepWithChildren extends BaseStepProps {
     children: React.ReactNode;

package/lib/index.js

@@ -2196,7 +2196,8 @@ var Link = function (_a) {
     var children = _a.children, linkRef = _a.linkRef, className = _a.className, variant = _a.variant, other = tslib.__rest(_a, ["children", "linkRef", "className", "variant"]);
     return (React__default.createElement("a", tslib.__assign({ ref: linkRef, className: classNames(className, {
             Link: !variant,
-            'Button--primary': variant === 'button'
+            'Button--primary': variant === 'button',
+            'Button--secondary': variant === 'button-secondary'
         }) }, other), children));
 };
 Link.propTypes = {
@@ -8275,23 +8276,34 @@ var DescriptionDetails = function (_a) {
 DescriptionDetails.displayName = 'DescriptionDetails';
 DescriptionDetails.propTypes = commonPropTypes;
 
-var isTooltip = function (props) {
+var isTooltipProps = function (props) {
     return !!props.tooltip;
 };
 var Step = function (props) {
-    var status = props.status, className = props.className, other = tslib.__rest(props, ["status", "className"]);
-    return (React__default.createElement("li", tslib.__assign({ className: classNames('Stepper__step', "Stepper__step--" + status, className), "aria-current": status === 'current' ? 'step' : 'false' }, other),
+    var _a;
+    var children = props.children, status = props.status, className = props.className, other = tslib.__rest(props, ["children", "status", "className"]);
+    var tooltip;
+    var tooltipText;
+    var liProps;
+    var isTooltip = isTooltipProps(other);
+    if (isTooltip) {
+        (_a = other, (tooltip = _a.tooltip, tooltipText = _a.tooltipText, _a), liProps = tslib.__rest(_a, ["tooltip", "tooltipText"]));
+    }
+    else {
+        liProps = other;
+    }
+    return (React__default.createElement("li", tslib.__assign({ className: classNames('Stepper__step', "Stepper__step--" + status, className), "aria-current": status === 'current' ? 'step' : 'false' }, liProps),
         React__default.createElement("div", { className: "Stepper__step-line" }),
-        React__default.createElement("div", { className: "Stepper__step-content" }, isTooltip(props) ? (React__default.createElement(TooltipTabstop, { placement: "bottom", tooltip: props.tooltip, 
+        React__default.createElement("div", { className: "Stepper__step-content" }, isTooltip ? (React__default.createElement(TooltipTabstop, { placement: "bottom", tooltip: tooltip, 
             // the pseudo content (ex: "1") is conveyed
             // by the list item's position in the set of
             // list items, therefore it is safe to clobber
             // it with the contents of the tooltip in the
             // tab stop's accessible name.
-            association: "aria-labelledby", "aria-label": isTooltip(props) ? props.tooltipText : undefined },
+            association: "aria-labelledby", "aria-label": tooltipText },
             React__default.createElement("div", { className: "Stepper__step-indicator" }))) : (React__default.createElement(React__default.Fragment, null,
             React__default.createElement("div", { className: "Stepper__step-indicator" }),
-            'children' in props && (React__default.createElement("div", { className: "Stepper__step-label" }, props.children)))))));
+            children ? (React__default.createElement("div", { className: "Stepper__step-label" }, children)) : null)))));
 };
 Step.displayName = 'Step';
 Step.propTypes = {
@@ -8313,22 +8325,32 @@ Stepper.propTypes = {
 var Panel = function (_a) {
     var _b;
     var children = _a.children, collapsed = _a.collapsed, className = _a.className, heading = _a.heading, other = tslib.__rest(_a, ["children", "collapsed", "className", "heading"]);
-    var Heading = "h" + (typeof heading === 'object' && 'level' in heading && !!heading.level
-        ? heading.level
-        : 2);
-    var headingId = typeof heading === 'object' && 'id' in heading ? heading.id : randomId();
+    var headingId = !heading
+        ? undefined
+        : typeof heading === 'object' && 'id' in heading
+            ? heading.id
+            : randomId();
+    var Heading = function () {
+        if (!headingId) {
+            return null;
+        }
+        var HeadingComponent = "h" + (typeof heading === 'object' && 'level' in heading && !!heading.level
+            ? heading.level
+            : 2);
+        return (React__default.createElement(HeadingComponent, { id: headingId, className: "Panel__Heading" }, typeof heading === 'object' && 'text' in heading
+            ? heading.text
+            : heading));
+    };
     return (React__default.createElement("section", tslib.__assign({ "aria-labelledby": headingId, className: classNames('Panel', className, (_b = {},
             _b['Panel--collapsed'] = collapsed,
             _b)) }, other),
-        React__default.createElement(Heading, { id: headingId, className: "Panel__Heading" }, typeof heading === 'object' && 'text' in heading
-            ? heading.text
-            : heading),
+        React__default.createElement(Heading, null),
         children));
 };
 Panel.displayName = 'Panel';
 Panel.propTypes = {
     children: PropTypes.node.isRequired,
-    heading: PropTypes.oneOfType([PropTypes.object, PropTypes.node]).isRequired,
+    heading: PropTypes.oneOfType([PropTypes.object, PropTypes.node]),
     className: PropTypes.string
 };
 
@@ -8402,7 +8424,7 @@ var Pagination = React__default.forwardRef(function (_a, ref) {
                 React__default.createElement("span", { role: "log", "aria-atomic": "true" }, statusLabel || (React__default.createElement("span", null,
                     "Showing ",
                     React__default.createElement("strong", null, itemStart),
-                    " of",
+                    " to",
                     ' ',
                     React__default.createElement("strong", null, itemEnd),
                     " of ",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "4.1.0-canary.2e36990f",
+  "version": "4.1.0-canary.30f2d0e2",
   "description": "Fully accessible react components library for Deque Cauldron",
   "publishConfig": {
     "access": "public"