@uncinc/uncinc-react-kitchen-sink 2.23.0 → 2.23.2

package/dist/components/Form/Checkbox/index.js

@@ -19,7 +19,8 @@ export var Checkbox = function Checkbox(props) {
     className = props.className,
     wrapperClassName = props.wrapperClassName,
     disabled = props.disabled,
-    id = props.id;
+    id = props.id,
+    descriptionAboveInput = props.descriptionAboveInput;
   var _useExtendedFormikCon = useExtendedFormikContext(),
     values = _useExtendedFormikCon.values,
     errors = _useExtendedFormikCon.errors,
@@ -49,7 +50,8 @@ export var Checkbox = function Checkbox(props) {
     error: error,
     errorId: errorId,
     descriptionId: descriptionId,
-    displayRequiredIndicator: displayRequiredIndicator
+    displayRequiredIndicator: displayRequiredIndicator,
+    descriptionAboveInput: descriptionAboveInput
   }, /*#__PURE__*/React.createElement(Field, {
     required: required,
     name: fieldName,

package/dist/components/Form/Checkboxes/index.js

@@ -125,7 +125,8 @@ var Checkboxes = function Checkboxes(props) {
     otherLabel = props.otherLabel,
     otherPlaceholder = props.otherPlaceholder,
     onChange = props.onChange,
-    includeFieldSet = props.includeFieldSet;
+    includeFieldSet = props.includeFieldSet,
+    descriptionAboveInput = props.descriptionAboveInput;
   var _useExtendedFormikCon = useExtendedFormikContext(),
     errors = _useExtendedFormikCon.errors,
     touched = _useExtendedFormikCon.touched,
@@ -156,7 +157,8 @@ var Checkboxes = function Checkboxes(props) {
     isTouched: isTouched,
     descriptionId: descriptionId,
     displayRequiredIndicator: displayRequiredIndicator,
-    includeFieldSet: includeFieldSet
+    includeFieldSet: includeFieldSet,
+    descriptionAboveInput: descriptionAboveInput
   }, Object.keys(options).map(function (item) {
     var label = _typeof(options[item]) === 'object' ? options[item].label : options[item];
     var value = _typeof(options[item]) === 'object' ? options[item].value : item;

package/dist/components/Lottie/LottieAnimation/index.js

@@ -25,8 +25,6 @@ var LottieAnimation = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var id = props.id,
     className = props.className,
     ariaLabel = props.ariaLabel,
-    _props$ariaHidden = props.ariaHidden,
-    ariaHidden = _props$ariaHidden === void 0 ? false : _props$ariaHidden,
     data = props.data,
     path = props.path,
     _props$renderer = props.renderer,
@@ -186,18 +184,18 @@ var LottieAnimation = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [loadAnimation, lottieAnimation, onDestroy]);
   return /*#__PURE__*/React.createElement("div", _extends({
     className: lottieClasses,
-    id: "lottie--".concat(lottieId),
-    "aria-hidden": ariaHidden
-    // Only make the Lottie interactable if we provide the necessary props,
-    // otherwise it's just a plain div.
-  }, pauseOnClick || activateOnHover ? {
+    id: "lottie--".concat(lottieId)
+  }, ariaLabel && {
+    'aria-label': ariaLabel
+  }, !ariaLabel && !pauseOnClick && !activateOnHover && {
+    role: 'presentation'
+  }, (pauseOnClick || activateOnHover) && {
     role: 'button',
     tabIndex: 0,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
-    ariaLabel: ariaLabel,
     onClick: onClick,
     onKeyDown: onKeyDown
-  } : {}));
+  }));
 });
 export default LottieAnimation;

package/dist/components/Lottie/types.d.ts

@@ -11,8 +11,7 @@ export interface LottieConfig<T extends RendererType = 'svg'> extends Omit<Anima
 export interface LottieProps extends Omit<Partial<LottieConfig>, 'animationData' | 'autoplay'> {
     id?: string;
     className?: string;
-    ariaLabel: string;
-    ariaHidden?: boolean;
+    ariaLabel?: string;
     data?: unknown;
     autoPlay?: AnimationConfig['autoplay'];
     delay?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.23.0",
+  "version": "2.23.2",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",