@deque/cauldron-react 4.0.0-canary.c3398f14 → 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/Checkbox/index.d.ts

@@ -2,6 +2,7 @@ import React, { InputHTMLAttributes, Ref } from 'react';
 export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     id: string;
     label: React.ReactNode;
+    labelDescription?: string;
     error?: React.ReactNode;
     customIcon?: React.ReactNode;
     checkboxRef?: Ref<HTMLInputElement>;

package/lib/components/Icon/types.d.ts

@@ -2,6 +2,6 @@
  * GENERATED CODE. DO NOT EDIT DIRECTLY!
  */
 /** IconType represents each valid icon type. */
-export declare type IconType = 'add-user' | 'arrow-circle-up' | 'arrow-circle-down' | 'arrow-circle-left' | 'arrow-circle-right' | 'arrow-up' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrows-alt' | 'bolt' | 'caution' | 'check-circle' | 'check-shield' | 'check-solid' | 'check' | 'checkbox-checked' | 'checkbox-unchecked' | 'chevron-double-up' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'close' | 'code' | 'copy' | 'download' | 'exchange' | 'external-link' | 'eye' | 'filter' | 'flag' | 'gears' | 'grid' | 'hamburger-menu' | 'highlight' | 'info-circle-alt' | 'info-circle' | 'info-square' | 'kabob' | 'list' | 'lock' | 'magnifying-glass' | 'menu' | 'new-releases' | 'new' | 'no' | 'pencil' | 'plus' | 'question-circle' | 'radio-checked' | 'radio-unchecked' | 'recycle' | 'robot' | 'run-again' | 'save' | 'share' | 'sort' | 'star' | 'sun' | 'tag' | 'target' | 'trash' | 'triangle-up' | 'triangle-down' | 'triangle-left' | 'triangle-right' | 'upload';
+export declare type IconType = 'add-user' | 'arrow-circle-up' | 'arrow-circle-down' | 'arrow-circle-left' | 'arrow-circle-right' | 'arrow-up' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrows-alt' | 'bolt' | 'caution' | 'check-circle' | 'check-shield' | 'check-solid' | 'check' | 'checkbox-checked' | 'checkbox-unchecked' | 'chevron-double-up' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'close' | 'code' | 'copy' | 'download' | 'exchange' | 'external-link' | 'eye' | 'filter' | 'flag' | 'gears' | 'grid' | 'hamburger-menu' | 'highlight' | 'info-circle-alt' | 'info-circle' | 'info-square' | 'kabob' | 'list' | 'lock' | 'magnifying-glass' | 'menu' | 'new-releases' | 'new' | 'no' | 'pencil' | 'plus' | 'question-circle' | 'radio-checked' | 'radio-unchecked' | 'recycle' | 'resend' | 'robot' | 'run-again' | 'save' | 'share' | 'sort-triangle' | 'sort' | 'star' | 'sun' | 'tag' | 'target' | 'trash' | 'triangle-up' | 'triangle-down' | 'triangle-left' | 'triangle-right' | 'upload';
 /** iconTypes holds each valid icon type. */
 export declare const iconTypes: string[];

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/RadioGroup/index.d.ts

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 export interface RadioItem extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;
     value?: string;
+    labelDescription?: string;
 }
 export interface RadioGroupProps {
     name?: string;
@@ -20,6 +21,7 @@ declare const RadioGroup: {
             value: PropTypes.Validator<string>;
             id: PropTypes.Validator<string>;
             label: PropTypes.Validator<string>;
+            labelDescription: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;
         hasLabel: (props: {
             [key: string]: 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/components/Table/TableHeader.d.ts

@@ -1,14 +1,19 @@
 import React, { ThHTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
+declare type SortDirection = 'ascending' | 'descending' | 'none';
 interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {
     children: React.ReactNode;
+    sortDirection?: SortDirection;
+    onSort?: () => void;
     className?: string;
 }
 declare const TableHeader: {
-    ({ children, className, ...other }: TableHeaderProps): JSX.Element;
+    ({ children, sortDirection, onSort, className, ...other }: TableHeaderProps): JSX.Element;
     displayName: string;
     propTypes: {
         children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        sortDirection: PropTypes.Requireable<string>;
+        onSort: PropTypes.Requireable<(...args: any[]) => any>;
         className: PropTypes.Requireable<string>;
     };
 };

package/lib/index.js

@@ -173,10 +173,12 @@ var iconTypes = [
     'radio-checked',
     'radio-unchecked',
     'recycle',
+    'resend',
     'robot',
     'run-again',
     'save',
     'share',
+    'sort-triangle',
     'sort',
     'star',
     'sun',
@@ -236,10 +238,12 @@ function __variableDynamicImportRuntime0__(path) {
     case './icons/radio-checked.svg': return Promise.resolve().then(function () { return require('./radio-checked.js'); });
     case './icons/radio-unchecked.svg': return Promise.resolve().then(function () { return require('./radio-unchecked.js'); });
     case './icons/recycle.svg': return Promise.resolve().then(function () { return require('./recycle.js'); });
+    case './icons/resend.svg': return Promise.resolve().then(function () { return require('./resend.js'); });
     case './icons/robot.svg': return Promise.resolve().then(function () { return require('./robot.js'); });
     case './icons/run-again.svg': return Promise.resolve().then(function () { return require('./run-again.js'); });
     case './icons/save.svg': return Promise.resolve().then(function () { return require('./save.js'); });
     case './icons/share.svg': return Promise.resolve().then(function () { return require('./share.js'); });
+    case './icons/sort-triangle.svg': return Promise.resolve().then(function () { return require('./sort-triangle.js'); });
     case './icons/sort.svg': return Promise.resolve().then(function () { return require('./sort.js'); });
     case './icons/star.svg': return Promise.resolve().then(function () { return require('./star.js'); });
     case './icons/sun.svg': return Promise.resolve().then(function () { return require('./sun.js'); });
@@ -2192,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 = {
@@ -2326,7 +2331,7 @@ var RadioGroup = function (_a) {
         setCurrentValue(value);
     }, [value]);
     var radioButtons = radios.map(function (radio, index) {
-        var label = radio.label, disabled = radio.disabled, radioValue = radio.value, id = radio.id, className = radio.className, other = tslib.__rest(radio, ["label", "disabled", "value", "id", "className"]);
+        var label = radio.label, disabled = radio.disabled, radioValue = radio.value, labelDescription = radio.labelDescription, id = radio.id, className = radio.className, other = tslib.__rest(radio, ["label", "disabled", "value", "labelDescription", "id", "className"]);
         var isChecked = currentValue === radioValue;
         var isFocused = focusIndex === index;
         return (React__default.createElement("div", { className: classNames('Radio is--flex-row', className), key: id },
@@ -2339,14 +2344,17 @@ var RadioGroup = function (_a) {
                     var _a;
                     handleChange(radioValue);
                     onChange(radio, (_a = inputs.current) === null || _a === void 0 ? void 0 : _a[index]);
-                }, disabled: disabled, checked: isChecked }, other)),
+                }, disabled: disabled, checked: isChecked, "aria-describedby": labelDescription && id + "Desc" }, other)),
             React__default.createElement("label", { htmlFor: id, className: classNames('Field__label', {
                     'Field__label--disabled': disabled
                 }) }, label),
             React__default.createElement(Icon, { className: classNames('Radio__overlay', {
                     'Radio__overlay--focused': isFocused,
                     'Radio__overlay--disabled': disabled
-                }), type: isChecked ? 'radio-checked' : 'radio-unchecked', "aria-hidden": "true", onClick: function () { return onRadioClick(index); } })));
+                }), type: isChecked ? 'radio-checked' : 'radio-unchecked', "aria-hidden": "true", onClick: function () { return onRadioClick(index); } }),
+            labelDescription && (React__default.createElement("span", { id: id + "Desc", className: classNames('Field__labelDescription', {
+                    'Field__labelDescription--disabled': disabled
+                }) }, labelDescription))));
     });
     // reset the input refs array
     // refs get clobbered every re-render anyway and this supports "dynamic" radios
@@ -2359,7 +2367,8 @@ RadioGroup.propTypes = {
     radios: PropTypes.arrayOf(PropTypes.shape({
         value: PropTypes.string.isRequired,
         id: PropTypes.string.isRequired,
-        label: PropTypes.string.isRequired
+        label: PropTypes.string.isRequired,
+        labelDescription: PropTypes.string
     })).isRequired,
     hasLabel: function (props, propName, componentName) {
         if (!props['aria-label'] && !props['aria-labelledby']) {
@@ -2373,7 +2382,7 @@ RadioGroup.propTypes = {
 RadioGroup.displayName = 'RadioGroup';
 
 var Checkbox = React.forwardRef(function (_a, ref) {
-    var id = _a.id, label = _a.label, error = _a.error, checkboxRef = _a.checkboxRef, className = _a.className, onChange = _a.onChange, ariaDescribedby = _a["aria-describedby"], _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, other = tslib.__rest(_a, ["id", "label", "error", "checkboxRef", "className", "onChange", 'aria-describedby', "disabled", "checked"]);
+    var id = _a.id, label = _a.label, labelDescription = _a.labelDescription, error = _a.error, checkboxRef = _a.checkboxRef, className = _a.className, onChange = _a.onChange, ariaDescribedby = _a["aria-describedby"], _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, other = tslib.__rest(_a, ["id", "label", "labelDescription", "error", "checkboxRef", "className", "onChange", 'aria-describedby', "disabled", "checked"]);
     var _d = tslib.__read(React.useState(checked), 2), isChecked = _d[0], setIsChecked = _d[1];
     var _e = tslib.__read(React.useState(false), 2), focused = _e[0], setFocused = _e[1];
     var checkRef = React.useRef(null);
@@ -2384,10 +2393,19 @@ var Checkbox = React.forwardRef(function (_a, ref) {
     if (typeof refProp === 'function') {
         refProp(checkRef.current);
     }
-    var errorId = React.useMemo(function () { return nextId__default(); }, []);
-    var ariaDescribedbyId = error
-        ? tokenList(errorId, ariaDescribedby)
-        : ariaDescribedby;
+    var _f = React.useMemo(function () {
+        return {
+            labelDescriptionId: nextId__default(),
+            errorId: nextId__default()
+        };
+    }, []), errorId = _f.errorId, labelDescriptionId = _f.labelDescriptionId;
+    var ariaDescribedbyId = ariaDescribedby;
+    if (error) {
+        ariaDescribedbyId = tokenList(errorId, ariaDescribedbyId);
+    }
+    if (labelDescription) {
+        ariaDescribedbyId = tokenList(labelDescriptionId, ariaDescribedbyId);
+    }
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", { className: classNames('Checkbox is--flex-row', className) },
             React__default.createElement("input", tslib.__assign({ id: id, ref: typeof refProp === 'function' || !refProp ? checkRef : refProp, type: "checkbox", checked: isChecked, disabled: disabled, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); }, "aria-describedby": ariaDescribedbyId, onChange: function (e) {
@@ -2411,8 +2429,9 @@ var Checkbox = React.forwardRef(function (_a, ref) {
                     else {
                         (_b = checkRef.current) === null || _b === void 0 ? void 0 : _b.click();
                     }
-                } })),
-        error && (React__default.createElement("div", { id: errorId, className: "Error" }, error))));
+                } }),
+            labelDescription && (React__default.createElement("span", { id: labelDescriptionId, className: "Field__labelDescription" }, labelDescription)),
+            error && (React__default.createElement("div", { id: errorId, className: "Error" }, error)))));
 });
 Checkbox.displayName = 'Checkbox';
 
@@ -8054,12 +8073,19 @@ TableHead.propTypes = {
 };
 
 var TableHeader = function (_a) {
-    var children = _a.children, className = _a.className, other = tslib.__rest(_a, ["children", "className"]);
-    return (React__default.createElement("th", tslib.__assign({ className: classNames('TableHeader', className) }, other), children));
+    var children = _a.children, sortDirection = _a.sortDirection, onSort = _a.onSort, className = _a.className, other = tslib.__rest(_a, ["children", "sortDirection", "onSort", "className"]);
+    return (React__default.createElement("th", tslib.__assign({ "aria-sort": sortDirection, className: classNames('TableHeader', className, {
+            'TableHeader--sort-ascending': sortDirection === 'ascending',
+            'TableHeader--sort-descending': sortDirection === 'descending'
+        }) }, other), !!onSort && !!sortDirection ? (React__default.createElement("button", { onClick: onSort, className: "TableHeader__sort-button", type: "button" },
+        children,
+        React__default.createElement("span", { "aria-hidden": "true" }, sortDirection === 'none' ? (React__default.createElement(Icon, { type: "sort-triangle" })) : sortDirection === 'ascending' ? (React__default.createElement(Icon, { type: "triangle-up" })) : (React__default.createElement(Icon, { type: "triangle-down" }))))) : (children)));
 };
 TableHeader.displayName = 'TableHeader';
 TableHeader.propTypes = {
     children: PropTypes.node.isRequired,
+    sortDirection: PropTypes.string,
+    onSort: PropTypes.func,
     className: PropTypes.string
 };
 
@@ -8250,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 = {
@@ -8288,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
 };
 
@@ -8377,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/lib/resend.js

@@ -0,0 +1,24 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var _path;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgResend = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M5.19 10.13a.649.649 0 0 1-.02-.92c.01 0 .01-.01.02-.02l4.13-4.14v-.72a.616.616 0 0 0-.41-.61.612.612 0 0 0-.73.15L2.86 9.19c-.26.25-.27.66-.02.92l.02.02 5.33 5.33c.12.13.29.2.47.2.09 0 .18-.02.26-.05.26-.1.42-.35.4-.62v-.72l-4.13-4.14zm16.13 4.53c.14-1.93-.49-3.84-1.76-5.3-1.33-1.33-3.41-2.1-6.24-2.3V4.33a.616.616 0 0 0-.41-.61.598.598 0 0 0-.73.15L6.86 9.19c-.26.25-.27.66-.02.92l.02.02 5.33 5.33c.12.13.29.2.47.2.09 0 .18-.02.26-.05.26-.1.42-.35.4-.62v-2.61c.95.06 1.89.24 2.79.55.68.23 1.29.63 1.78 1.15 1.03 1.15 1.39 3.12 1.1 5.91-.02.16.08.31.24.35h.09c.12.01.24-.07.29-.18l.21-.42c.1-.19.24-.51.42-.94.18-.43.35-.87.5-1.3.16-.47.29-.95.4-1.44.11-.45.17-.92.18-1.4z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
+})));
+
+exports.default = SvgResend;

package/lib/sort-triangle.js

@@ -0,0 +1,24 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var _path;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgSortTriangle = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M17.13 13.54a.634.634 0 0 0-.47-.2H7.34c-.36 0-.66.29-.67.65 0 .18.07.35.2.48l4.66 4.66c.25.26.66.27.92.02l.02-.02 4.66-4.66c.26-.25.28-.65.03-.91-.01-.02-.02-.02-.03-.02zm0-4-4.66-4.66a.649.649 0 0 0-.92-.02l-.02.02-4.66 4.66c-.25.27-.24.69.03.95.12.11.28.18.44.18h9.33c.36 0 .66-.3.66-.66a.72.72 0 0 0-.2-.47z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
+})));
+
+exports.default = SvgSortTriangle;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "4.0.0-canary.c3398f14",
+  "version": "4.1.0-canary.30f2d0e2",
   "description": "Fully accessible react components library for Deque Cauldron",
   "publishConfig": {
     "access": "public"
@@ -22,7 +22,6 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.5.4",
-    "@rollup/plugin-dynamic-import-vars": "^1.4.2",
     "classnames": "^2.2.6",
     "focus-trap-react": "^3.0.5",
     "focusable": "^2.3.0",
@@ -44,6 +43,7 @@
     "@babel/preset-typescript": "^7.9.0",
     "@babel/register": "^7.9.0",
     "@rollup/plugin-commonjs": "^14.0.0",
+    "@rollup/plugin-dynamic-import-vars": "^1.4.2",
     "@rollup/plugin-typescript": "^5.0.2",
     "@svgr/rollup": "^6.1.2",
     "@types/classnames": "^2.2.10",