@deque/cauldron-react 5.2.0 → 5.3.0

package/lib/cauldron.css

@@ -33,6 +33,12 @@
   --expandcollapse-panel-color: var(--accent-light);
 }
 
+@media (prefers-reduced-motion: reduce) {
+  .ExpandCollapse__panel {
+    animation: none !important;
+  }
+}
+
 a.Button--primary,
 a.Button--secondary {
   text-decoration: none;

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

@@ -11,10 +11,11 @@ export interface RadioGroupProps {
     radios: RadioItem[];
     defaultValue?: string;
     value?: any;
+    inline?: boolean;
     onChange: (radio: RadioItem, input: HTMLElement) => void;
 }
 declare const RadioGroup: {
-    ({ name, radios, defaultValue, value, onChange, className, ...other }: RadioGroupProps): JSX.Element;
+    ({ name, radios, defaultValue, value, onChange, className, inline, ...other }: RadioGroupProps): JSX.Element;
     propTypes: {
         name: PropTypes.Requireable<string>;
         radios: PropTypes.Validator<(PropTypes.InferProps<{

package/lib/index.js

@@ -501,6 +501,7 @@ var AccordionContent = function (_a) {
 };
 var Accordion = function (_a) {
     var children = _a.children, open = _a.open, onToggle = _a.onToggle, animationTiming = _a.animationTiming, props = tslib.__rest(_a, ["children", "open", "onToggle", "animationTiming"]);
+    var elementId = nextId.useId();
     var childrenArray = React__default.Children.toArray(children);
     var trigger = childrenArray.find(function (child) {
         return typeof child === 'string' ||
@@ -519,8 +520,6 @@ var Accordion = function (_a) {
         });
         return null;
     }
-    var _b = trigger.props, triggerClassName = _b.className, triggerProps = tslib.__rest(_b, ["className"]);
-    var elementId = nextId.useId();
     return (React__default.createElement("div", tslib.__assign({ className: "Accordion" }, props),
         React__default.createElement(ExpandCollapsePanel, tslib.__assign({ id: panelElement.props.id || "".concat(elementId, "-panel"), open: open, onToggle: onToggle, animationTiming: animationTiming }, panelElement.props),
             React__default.createElement(PanelTrigger$1, tslib.__assign({ iconCollapsed: "triangle-right", iconExpanded: "triangle-down", className: classNames('Accordion__trigger', trigger.props.className), "aria-controls": panelElement.props.id || "".concat(elementId, "-panel"), heading: trigger.props.heading }, trigger.props), trigger),
@@ -2584,9 +2583,9 @@ var RadioGroup = function (_a) {
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     _b = _a.onChange, 
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onChange = _b === void 0 ? function () { } : _b, className = _a.className, other = tslib.__rest(_a, ["name", "radios", "defaultValue", "value", "onChange", "className"]);
-    var _c = tslib.__read(React.useState(value || defaultValue || null), 2), currentValue = _c[0], setCurrentValue = _c[1];
-    var _d = tslib.__read(React.useState(null), 2), focusIndex = _d[0], setFocusIndex = _d[1];
+    onChange = _b === void 0 ? function () { } : _b, className = _a.className, _c = _a.inline, inline = _c === void 0 ? false : _c, other = tslib.__rest(_a, ["name", "radios", "defaultValue", "value", "onChange", "className", "inline"]);
+    var _d = tslib.__read(React.useState(value || defaultValue || null), 2), currentValue = _d[0], setCurrentValue = _d[1];
+    var _e = tslib.__read(React.useState(null), 2), focusIndex = _e[0], setFocusIndex = _e[1];
     var inputs = React.useRef([]);
     var handleChange = function (value) { return setCurrentValue(value); };
     var onRadioFocus = function (index) { return setFocusIndex(index); };
@@ -2636,7 +2635,7 @@ var RadioGroup = function (_a) {
     // refs get clobbered every re-render anyway and this supports "dynamic" radios
     // (changing the number of radio buttons for example)
     inputs.current = [];
-    return (React__default.createElement("div", tslib.__assign({ className: className, role: "radiogroup" }, other), radioButtons));
+    return (React__default.createElement("div", tslib.__assign({ className: classNames(className, { 'Radio--inline': inline }), role: "radiogroup" }, other), radioButtons));
 };
 RadioGroup.propTypes = {
     name: PropTypes.string,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "5.2.0",
+  "version": "5.3.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
   "publishConfig": {