@transferwise/components 38.1.0 → 38.2.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [38.2.0](https://github.com/transferwise/neptune-web/compare/@transferwise/components@38.1.0...@transferwise/components@38.2.0) (2021-11-15)
+
+
+### Features
+
+* **components:** add aria-label prop to Option ([#1212](https://github.com/transferwise/neptune-web/issues/1212)) ([abaca09](https://github.com/transferwise/neptune-web/commit/abaca0998210f8d938347cd3995f50dbb3867997))
+
+
+
+
+
 # [38.1.0](https://github.com/transferwise/neptune-web/compare/@transferwise/components@38.0.0...@transferwise/components@38.1.0) (2021-11-15)
 
 

package/build/es/no-polyfill/accordion/AccordionItem/AccordionItem.js

@@ -1 +1 @@
-import classNames from"classnames";import PropTypes from"prop-types";import{cloneElement}from"react";import Chevron from"../../chevron";import{Position,Theme}from"../../common";import Option from"../../common/Option";import{useDirection}from"../../common/hooks";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var AccordionItem=function(a){var b=a.id,c=a.title,d=a.content,e=a.onClick,f=a.open,g=a.icon,h=a.theme,i=g?/*#__PURE__*/cloneElement(g,{size:24}):null,j=useDirection(),k=j.isRTL;return/*#__PURE__*/_jsxs("div",{id:b,className:classNames("np-accordion-item","np-accordion-item--".concat(h),{"np-accordion-item--open":f}),children:[/*#__PURE__*/_jsx(Option,{as:"button",media:i,title:c,button:/*#__PURE__*/_jsx(Chevron,{orientation:f?Position.TOP:Position.DOWN}),inverseMediaCircle:!1,onClick:e}),f&&/*#__PURE__*/_jsx("div",{className:classNames("np-accordion-item__content",{"icon-right":g&&k,"icon-left":g}),children:d})]})};AccordionItem.propTypes={content:PropTypes.node.isRequired,icon:PropTypes.node,id:PropTypes.string,open:PropTypes.bool.isRequired,onClick:PropTypes.func.isRequired,title:PropTypes.node.isRequired,theme:PropTypes.oneOf(["light","dark"])},AccordionItem.defaultProps={icon:null,id:null,theme:Theme.LIGHT};export default AccordionItem;
+import classNames from"classnames";import PropTypes from"prop-types";import{cloneElement}from"react";import Chevron from"../../chevron";import{Position,Theme}from"../../common";import Option from"../../common/Option";import{useDirection}from"../../common/hooks";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var AccordionItem=function(a){var b=a["aria-label"],c=a.id,d=a.title,e=a.content,f=a.onClick,g=a.open,h=a.icon,i=a.theme,j=h?/*#__PURE__*/cloneElement(h,{size:24}):null,k=useDirection(),l=k.isRTL;return/*#__PURE__*/_jsxs("div",{id:c,className:classNames("np-accordion-item","np-accordion-item--".concat(i),{"np-accordion-item--open":g}),children:[/*#__PURE__*/_jsx(Option,{"aria-label":b,as:"button",media:j,title:d,button:/*#__PURE__*/_jsx(Chevron,{orientation:g?Position.TOP:Position.DOWN}),inverseMediaCircle:!1,onClick:f}),g&&/*#__PURE__*/_jsx("div",{className:classNames("np-accordion-item__content",{"icon-right":h&&l,"icon-left":h}),children:e})]})};AccordionItem.propTypes={"aria-label":PropTypes.string,content:PropTypes.node.isRequired,icon:PropTypes.node,id:PropTypes.string,open:PropTypes.bool.isRequired,onClick:PropTypes.func.isRequired,title:PropTypes.node.isRequired,theme:PropTypes.oneOf(["light","dark"])},AccordionItem.defaultProps={"aria-label":void 0,icon:null,id:null,theme:Theme.LIGHT};export default AccordionItem;

package/build/es/no-polyfill/card/Card.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","isExpanded","title","details","children","onClick","icon","id","className"];import classNames from"classnames";import PropTypes from"prop-types";import{forwardRef}from"react";import requiredIf from"react-required-if";import Chevron from"../chevron";import{Position}from"../common";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Card=/*#__PURE__*/forwardRef(function(a,b){var c=a.as,d=a.isExpanded,e=a.title,f=a.details,g=a.children,h=a.onClick,i=a.icon,j=a.id,k=a.className,l=_objectWithoutProperties(a,_excluded),m=!!(d&&g);return/*#__PURE__*/_jsxs(c,{ref:b,className:classNames("np-card",k,{"np-card--expanded":m,"np-card--inactive":!g,"np-card--has-icon":!!i}),id:j,"data-testid":l["data-testid"],children:[/*#__PURE__*/_jsx(Option,{as:g?"button":"div",className:classNames("np-card__button"),media:i,title:e,content:f,button:g&&/*#__PURE__*/_jsx(Chevron,{orientation:m?Position.TOP:Position.BOTTOM}),onClick:function onClick(){return g&&h(!d)}}),/*#__PURE__*/_jsx("div",{className:classNames("np-card__divider",{"np-card__divider--expanded":m})}),m&&/*#__PURE__*/_jsx("div",{className:"np-card__content",children:g})]})}),hasChildren=function(a){var b=a.children;return b};Card.propTypes={as:PropTypes.string,isExpanded:requiredIf(PropTypes.bool,hasChildren),title:PropTypes.node.isRequired,details:PropTypes.node.isRequired,onClick:requiredIf(PropTypes.func,hasChildren),icon:PropTypes.node.isRequired,children:PropTypes.node,id:PropTypes.string,className:PropTypes.string,"data-testid":PropTypes.string},Card.defaultProps={as:"div",children:null,id:null,className:null,"data-testid":null};export default Card;
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["aria-label","as","isExpanded","title","details","children","onClick","icon","id","className"];import classNames from"classnames";import PropTypes from"prop-types";import{forwardRef}from"react";import requiredIf from"react-required-if";import Chevron from"../chevron";import{Position}from"../common";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Card=/*#__PURE__*/forwardRef(function(a,b){var c=a["aria-label"],d=a.as,e=a.isExpanded,f=a.title,g=a.details,h=a.children,i=a.onClick,j=a.icon,k=a.id,l=a.className,m=_objectWithoutProperties(a,_excluded),n=!!(e&&h);return/*#__PURE__*/_jsxs(d,{ref:b,className:classNames("np-card",l,{"np-card--expanded":n,"np-card--inactive":!h,"np-card--has-icon":!!j}),id:k,"data-testid":m["data-testid"],children:[/*#__PURE__*/_jsx(Option,{"aria-label":c,as:h?"button":"div",className:classNames("np-card__button"),media:j,title:f,content:g,button:h&&/*#__PURE__*/_jsx(Chevron,{orientation:n?Position.TOP:Position.BOTTOM}),onClick:function onClick(){return h&&i(!e)}}),/*#__PURE__*/_jsx("div",{className:classNames("np-card__divider",{"np-card__divider--expanded":n})}),n&&/*#__PURE__*/_jsx("div",{className:"np-card__content",children:h})]})}),hasChildren=function(a){var b=a.children;return b};Card.propTypes={"aria-label":PropTypes.string,as:PropTypes.string,isExpanded:requiredIf(PropTypes.bool,hasChildren),title:PropTypes.node.isRequired,details:PropTypes.node.isRequired,onClick:requiredIf(PropTypes.func,hasChildren),icon:PropTypes.node.isRequired,children:PropTypes.node,id:PropTypes.string,className:PropTypes.string,"data-testid":PropTypes.string},Card.defaultProps={"aria-label":void 0,as:"div",children:null,id:null,className:null,"data-testid":null};export default Card;

package/build/es/no-polyfill/checkboxOption/CheckboxOption.js

@@ -1 +1 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import PropTypes from"prop-types";import CheckboxButton from"../checkboxButton";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";var CheckboxOption=function(a){var b=a.media,c=a.title,d=a.content,e=a.name,f=a.checked,g=a.onChange,h=a.complex,i=a.disabled,j=a.showMediaAtAllSizes;return/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},{media:b,title:c,content:d,name:e,complex:h,disabled:i,showMediaAtAllSizes:j}),{},{button:/*#__PURE__*/_jsx(CheckboxButton,{checked:f,disabled:i,onChange:function onChange(){return g(!f)}})}))};CheckboxOption.propTypes={checked:PropTypes.bool,complex:PropTypes.bool,content:PropTypes.node,disabled:PropTypes.bool,id:PropTypes.string,media:PropTypes.node,name:PropTypes.string.isRequired,onChange:PropTypes.func.isRequired,title:PropTypes.node.isRequired,showMediaAtAllSizes:PropTypes.bool},CheckboxOption.defaultProps={checked:!1,complex:!1,content:null,disabled:!1,id:void 0,media:null,showMediaAtAllSizes:!1};export default CheckboxOption;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import PropTypes from"prop-types";import CheckboxButton from"../checkboxButton";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";var CheckboxOption=function(a){var b=a["aria-label"],c=a.media,d=a.title,e=a.content,f=a.name,g=a.checked,h=a.onChange,i=a.complex,j=a.disabled,k=a.showMediaAtAllSizes;return/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},{ariaLabel:b,media:c,title:d,content:e,name:f,complex:i,disabled:j,showMediaAtAllSizes:k}),{},{button:/*#__PURE__*/_jsx(CheckboxButton,{checked:g,disabled:j,onChange:function onChange(){return h(!g)}})}))};CheckboxOption.propTypes={"aria-label":PropTypes.string,checked:PropTypes.bool,complex:PropTypes.bool,content:PropTypes.node,disabled:PropTypes.bool,id:PropTypes.string,media:PropTypes.node,name:PropTypes.string.isRequired,onChange:PropTypes.func.isRequired,title:PropTypes.node.isRequired,showMediaAtAllSizes:PropTypes.bool},CheckboxOption.defaultProps={"aria-label":void 0,checked:!1,complex:!1,content:null,disabled:!1,id:void 0,media:null,showMediaAtAllSizes:!1};export default CheckboxOption;

package/build/es/no-polyfill/common/Option/Option.js

@@ -1 +1 @@
-import classNames from"classnames";import PropTypes from"prop-types";import requiredIf from"react-required-if";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Option=function(a){var b=a.as,c=a.href,d=a.target,e=a.media,f=a.title,g=a.content,h=a.onClick,i=a.htmlFor,j=a.disabled,k=a.button,l=a.decision,m=a.complex,n=a.className,o=a.inverseMediaCircle,p=a.showMediaAtAllSizes,q=a.showMediaCircle;return/*#__PURE__*/_jsx(b,{className:classNames("np-option",n,{"decision-complex":m,decision:l,disabled:j,"np-option__sm-media":p}),href:c,htmlFor:i,target:d,disabled:j&&"button"===b,"aria-label":f,onClick:h,children:/*#__PURE__*/_jsxs("div",{className:"media",children:[e&&/*#__PURE__*/_jsx("div",{className:"media-left",children:q?/*#__PURE__*/_jsx("div",{className:classNames("circle circle-sm text-primary",{"circle-inverse":o}),children:e}):/*#__PURE__*/_jsx("div",{className:"np-option__no-media-circle",children:e})}),/*#__PURE__*/_jsxs("div",{className:"media-body",children:[/*#__PURE__*/_jsx("div",{className:"h5",children:f}),g&&/*#__PURE__*/_jsx("div",{className:"decision__content",children:g})]}),/*#__PURE__*/_jsx("div",{className:"media-right",children:k})]})})};Option.propTypes={media:PropTypes.node,htmlFor:PropTypes.string,title:PropTypes.node.isRequired,content:PropTypes.node,onClick:PropTypes.func,href:requiredIf(PropTypes.string,function(a){return"a"===a.as}),target:PropTypes.oneOf(["_self","_blank","_parent","_top"]),as:PropTypes.string,disabled:PropTypes.bool,button:PropTypes.node,decision:PropTypes.bool,complex:PropTypes.bool,inverseMediaCircle:PropTypes.bool,className:PropTypes.string,showMediaAtAllSizes:PropTypes.bool,showMediaCircle:PropTypes.bool},Option.defaultProps={as:"label",media:"",content:null,htmlFor:null,disabled:!1,button:null,onClick:null,href:null,target:void 0,decision:!0,complex:!1,inverseMediaCircle:!0,className:null,showMediaAtAllSizes:!1,showMediaCircle:!0};export default Option;
+import classNames from"classnames";import PropTypes from"prop-types";import requiredIf from"react-required-if";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Option=function(a){var b=a["aria-label"],c=a.as,d=a.href,e=a.target,f=a.media,g=a.title,h=a.content,i=a.onClick,j=a.htmlFor,k=a.disabled,l=a.button,m=a.decision,n=a.complex,o=a.className,p=a.inverseMediaCircle,q=a.showMediaAtAllSizes,r=a.showMediaCircle;return/*#__PURE__*/_jsx(c,{className:classNames("np-option",o,{"decision-complex":n,decision:m,disabled:k,"np-option__sm-media":q}),href:d,htmlFor:j,target:e,disabled:k&&"button"===c,"aria-label":b,onClick:i,children:/*#__PURE__*/_jsxs("div",{className:"media",children:[f&&/*#__PURE__*/_jsx("div",{className:"media-left",children:r?/*#__PURE__*/_jsx("div",{className:classNames("circle circle-sm text-primary",{"circle-inverse":p}),children:f}):/*#__PURE__*/_jsx("div",{className:"np-option__no-media-circle",children:f})}),/*#__PURE__*/_jsxs("div",{className:"media-body",children:[/*#__PURE__*/_jsx("div",{className:"h5",children:g}),h&&/*#__PURE__*/_jsx("div",{className:"decision__content",children:h})]}),/*#__PURE__*/_jsx("div",{className:"media-right",children:l})]})})};Option.propTypes={"aria-label":PropTypes.string,media:PropTypes.node,htmlFor:PropTypes.string,title:PropTypes.node.isRequired,content:PropTypes.node,onClick:PropTypes.func,href:requiredIf(PropTypes.string,function(a){return"a"===a.as}),target:PropTypes.oneOf(["_self","_blank","_parent","_top"]),as:PropTypes.string,disabled:PropTypes.bool,button:PropTypes.node,decision:PropTypes.bool,complex:PropTypes.bool,inverseMediaCircle:PropTypes.bool,className:PropTypes.string,showMediaAtAllSizes:PropTypes.bool,showMediaCircle:PropTypes.bool},Option.defaultProps={"aria-label":void 0,as:"label",media:"",content:null,htmlFor:null,disabled:!1,button:null,onClick:null,href:null,target:void 0,decision:!0,complex:!1,inverseMediaCircle:!0,className:null,showMediaAtAllSizes:!1,showMediaCircle:!0};export default Option;

package/build/es/no-polyfill/navigationOption/NavigationOption.js

@@ -1 +1 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}/* eslint-disable jsx-a11y/control-has-associated-label */import classNames from"classnames";import PropTypes from"prop-types";import requiredIf from"react-required-if";import Chevron from"../chevron";import{Position}from"../common";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";var NavigationOption=function(a){var b=a.as,c=a.media,d=a.href,e=a.target,f=a.title,g=a.content,h=a.onClick,i=a.complex,j=a.disabled,k=a.showMediaAtAllSizes,l=a.showMediaCircle,m=a.className,n={as:b,media:c,href:d,target:e,title:f,content:g,complex:i,disabled:j,showMediaAtAllSizes:k,showMediaCircle:l,className:classNames("np-navigation-option",m)};return d&&(n.as="a"),/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},n),{},{button:/*#__PURE__*/_jsx(Chevron,{orientation:Position.RIGHT,disabled:j,className:"d-block"}),onClick:function onClick(a){return j?void a.preventDefault():void h(a)}}))};NavigationOption.propTypes={as:PropTypes.string,media:PropTypes.node,title:PropTypes.node.isRequired,content:PropTypes.node,onClick:PropTypes.func,href:requiredIf(PropTypes.string,function(a){return"a"===a.as}),target:PropTypes.oneOf(["_self","_blank","_parent","_top"]),complex:PropTypes.bool,disabled:PropTypes.bool,showMediaAtAllSizes:PropTypes.bool,showMediaCircle:PropTypes.bool,className:PropTypes.string},NavigationOption.defaultProps={as:"button",media:null,content:null,complex:!1,onClick:null,href:void 0,target:void 0,disabled:!1,showMediaAtAllSizes:!1,showMediaCircle:!0,className:null};export default NavigationOption;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}/* eslint-disable jsx-a11y/control-has-associated-label */import classNames from"classnames";import PropTypes from"prop-types";import requiredIf from"react-required-if";import Chevron from"../chevron";import{Position}from"../common";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";var NavigationOption=function(a){var b=a["aria-label"],c=a.as,d=a.media,e=a.href,f=a.target,g=a.title,h=a.content,i=a.onClick,j=a.complex,k=a.disabled,l=a.showMediaAtAllSizes,m=a.showMediaCircle,n=a.className,o={ariaLabel:b,as:c,media:d,href:e,target:f,title:g,content:h,complex:j,disabled:k,showMediaAtAllSizes:l,showMediaCircle:m,className:classNames("np-navigation-option",n)};return e&&(o.as="a"),/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},o),{},{button:/*#__PURE__*/_jsx(Chevron,{orientation:Position.RIGHT,disabled:k,className:"d-block"}),onClick:function onClick(a){return k?void a.preventDefault():void i(a)}}))};NavigationOption.propTypes={"aria-label":PropTypes.string,as:PropTypes.string,media:PropTypes.node,title:PropTypes.node.isRequired,content:PropTypes.node,onClick:PropTypes.func,href:requiredIf(PropTypes.string,function(a){return"a"===a.as}),target:PropTypes.oneOf(["_self","_blank","_parent","_top"]),complex:PropTypes.bool,disabled:PropTypes.bool,showMediaAtAllSizes:PropTypes.bool,showMediaCircle:PropTypes.bool,className:PropTypes.string},NavigationOption.defaultProps={"aria-label":void 0,as:"button",media:null,content:null,complex:!1,onClick:null,href:void 0,target:void 0,disabled:!1,showMediaAtAllSizes:!1,showMediaCircle:!0,className:null};export default NavigationOption;

package/build/es/no-polyfill/radioOption/RadioOption.js

@@ -1 +1 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import PropTypes from"prop-types";import Option from"../common/Option";import RadioButton from"../common/RadioButton";import{jsx as _jsx}from"react/jsx-runtime";var RadioOption=function(a){var b=a.media,c=a.title,d=a.content,e=a.id,f=a.name,g=a.checked,h=a.onChange,i=a.complex,j=a.disabled,k=a.value,l=a.showMediaAtAllSizes;return/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},{media:b,title:c,content:d,name:f,complex:i,disabled:j,showMediaAtAllSizes:l}),{},{button:/*#__PURE__*/_jsx(RadioButton,{id:e,name:f,checked:g,disabled:j,value:k,onChange:h})}))};RadioOption.propTypes={media:PropTypes.node,id:PropTypes.string.isRequired,name:PropTypes.string.isRequired,title:PropTypes.node.isRequired,content:PropTypes.node,checked:PropTypes.bool,onChange:PropTypes.func.isRequired,complex:PropTypes.bool,disabled:PropTypes.bool,value:PropTypes.string,showMediaAtAllSizes:PropTypes.bool},RadioOption.defaultProps={media:null,content:null,checked:!1,complex:!1,disabled:!1,showMediaAtAllSizes:!1,value:""};export default RadioOption;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import PropTypes from"prop-types";import Option from"../common/Option";import RadioButton from"../common/RadioButton";import{jsx as _jsx}from"react/jsx-runtime";var RadioOption=function(a){var b=a["aria-label"],c=a.media,d=a.title,e=a.content,f=a.id,g=a.name,h=a.checked,i=a.onChange,j=a.complex,k=a.disabled,l=a.value,m=a.showMediaAtAllSizes;return/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},{ariaLabel:b,media:c,title:d,content:e,name:g,complex:j,disabled:k,showMediaAtAllSizes:m}),{},{button:/*#__PURE__*/_jsx(RadioButton,{id:f,name:g,checked:h,disabled:k,value:l,onChange:i})}))};RadioOption.propTypes={"aria-label":PropTypes.string,media:PropTypes.node,id:PropTypes.string.isRequired,name:PropTypes.string.isRequired,title:PropTypes.node.isRequired,content:PropTypes.node,checked:PropTypes.bool,onChange:PropTypes.func.isRequired,complex:PropTypes.bool,disabled:PropTypes.bool,value:PropTypes.string,showMediaAtAllSizes:PropTypes.bool},RadioOption.defaultProps={"aria-label":void 0,media:null,content:null,checked:!1,complex:!1,disabled:!1,showMediaAtAllSizes:!1,value:""};export default RadioOption;

package/build/es/polyfill/accordion/AccordionItem/AccordionItem.js

@@ -1 +1 @@
-import classNames from"classnames";import PropTypes from"prop-types";import{cloneElement}from"react";import Chevron from"../../chevron";import{Position,Theme}from"../../common";import Option from"../../common/Option";import{useDirection}from"../../common/hooks";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var AccordionItem=function(a){var b=a.id,c=a.title,d=a.content,e=a.onClick,f=a.open,g=a.icon,h=a.theme,i=g?/*#__PURE__*/cloneElement(g,{size:24}):null,j=useDirection(),k=j.isRTL;return/*#__PURE__*/_jsxs("div",{id:b,className:classNames("np-accordion-item","np-accordion-item--".concat(h),{"np-accordion-item--open":f}),children:[/*#__PURE__*/_jsx(Option,{as:"button",media:i,title:c,button:/*#__PURE__*/_jsx(Chevron,{orientation:f?Position.TOP:Position.DOWN}),inverseMediaCircle:!1,onClick:e}),f&&/*#__PURE__*/_jsx("div",{className:classNames("np-accordion-item__content",{"icon-right":g&&k,"icon-left":g}),children:d})]})};AccordionItem.propTypes={content:PropTypes.node.isRequired,icon:PropTypes.node,id:PropTypes.string,open:PropTypes.bool.isRequired,onClick:PropTypes.func.isRequired,title:PropTypes.node.isRequired,theme:PropTypes.oneOf(["light","dark"])},AccordionItem.defaultProps={icon:null,id:null,theme:Theme.LIGHT};export default AccordionItem;
+import classNames from"classnames";import PropTypes from"prop-types";import{cloneElement}from"react";import Chevron from"../../chevron";import{Position,Theme}from"../../common";import Option from"../../common/Option";import{useDirection}from"../../common/hooks";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var AccordionItem=function(a){var b=a["aria-label"],c=a.id,d=a.title,e=a.content,f=a.onClick,g=a.open,h=a.icon,i=a.theme,j=h?/*#__PURE__*/cloneElement(h,{size:24}):null,k=useDirection(),l=k.isRTL;return/*#__PURE__*/_jsxs("div",{id:c,className:classNames("np-accordion-item","np-accordion-item--".concat(i),{"np-accordion-item--open":g}),children:[/*#__PURE__*/_jsx(Option,{"aria-label":b,as:"button",media:j,title:d,button:/*#__PURE__*/_jsx(Chevron,{orientation:g?Position.TOP:Position.DOWN}),inverseMediaCircle:!1,onClick:f}),g&&/*#__PURE__*/_jsx("div",{className:classNames("np-accordion-item__content",{"icon-right":h&&l,"icon-left":h}),children:e})]})};AccordionItem.propTypes={"aria-label":PropTypes.string,content:PropTypes.node.isRequired,icon:PropTypes.node,id:PropTypes.string,open:PropTypes.bool.isRequired,onClick:PropTypes.func.isRequired,title:PropTypes.node.isRequired,theme:PropTypes.oneOf(["light","dark"])},AccordionItem.defaultProps={"aria-label":void 0,icon:null,id:null,theme:Theme.LIGHT};export default AccordionItem;

package/build/es/polyfill/card/Card.js

@@ -1 +1 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","isExpanded","title","details","children","onClick","icon","id","className"];import classNames from"classnames";import PropTypes from"prop-types";import{forwardRef}from"react";import requiredIf from"react-required-if";import Chevron from"../chevron";import{Position}from"../common";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Card=/*#__PURE__*/forwardRef(function(a,b){var c=a.as,d=a.isExpanded,e=a.title,f=a.details,g=a.children,h=a.onClick,i=a.icon,j=a.id,k=a.className,l=_objectWithoutProperties(a,_excluded),m=!!(d&&g);return/*#__PURE__*/_jsxs(c,{ref:b,className:classNames("np-card",k,{"np-card--expanded":m,"np-card--inactive":!g,"np-card--has-icon":!!i}),id:j,"data-testid":l["data-testid"],children:[/*#__PURE__*/_jsx(Option,{as:g?"button":"div",className:classNames("np-card__button"),media:i,title:e,content:f,button:g&&/*#__PURE__*/_jsx(Chevron,{orientation:m?Position.TOP:Position.BOTTOM}),onClick:function onClick(){return g&&h(!d)}}),/*#__PURE__*/_jsx("div",{className:classNames("np-card__divider",{"np-card__divider--expanded":m})}),m&&/*#__PURE__*/_jsx("div",{className:"np-card__content",children:g})]})}),hasChildren=function(a){var b=a.children;return b};Card.propTypes={as:PropTypes.string,isExpanded:requiredIf(PropTypes.bool,hasChildren),title:PropTypes.node.isRequired,details:PropTypes.node.isRequired,onClick:requiredIf(PropTypes.func,hasChildren),icon:PropTypes.node.isRequired,children:PropTypes.node,id:PropTypes.string,className:PropTypes.string,"data-testid":PropTypes.string},Card.defaultProps={as:"div",children:null,id:null,className:null,"data-testid":null};export default Card;
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["aria-label","as","isExpanded","title","details","children","onClick","icon","id","className"];import classNames from"classnames";import PropTypes from"prop-types";import{forwardRef}from"react";import requiredIf from"react-required-if";import Chevron from"../chevron";import{Position}from"../common";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Card=/*#__PURE__*/forwardRef(function(a,b){var c=a["aria-label"],d=a.as,e=a.isExpanded,f=a.title,g=a.details,h=a.children,i=a.onClick,j=a.icon,k=a.id,l=a.className,m=_objectWithoutProperties(a,_excluded),n=!!(e&&h);return/*#__PURE__*/_jsxs(d,{ref:b,className:classNames("np-card",l,{"np-card--expanded":n,"np-card--inactive":!h,"np-card--has-icon":!!j}),id:k,"data-testid":m["data-testid"],children:[/*#__PURE__*/_jsx(Option,{"aria-label":c,as:h?"button":"div",className:classNames("np-card__button"),media:j,title:f,content:g,button:h&&/*#__PURE__*/_jsx(Chevron,{orientation:n?Position.TOP:Position.BOTTOM}),onClick:function onClick(){return h&&i(!e)}}),/*#__PURE__*/_jsx("div",{className:classNames("np-card__divider",{"np-card__divider--expanded":n})}),n&&/*#__PURE__*/_jsx("div",{className:"np-card__content",children:h})]})}),hasChildren=function(a){var b=a.children;return b};Card.propTypes={"aria-label":PropTypes.string,as:PropTypes.string,isExpanded:requiredIf(PropTypes.bool,hasChildren),title:PropTypes.node.isRequired,details:PropTypes.node.isRequired,onClick:requiredIf(PropTypes.func,hasChildren),icon:PropTypes.node.isRequired,children:PropTypes.node,id:PropTypes.string,className:PropTypes.string,"data-testid":PropTypes.string},Card.defaultProps={"aria-label":void 0,as:"div",children:null,id:null,className:null,"data-testid":null};export default Card;

package/build/es/polyfill/checkboxOption/CheckboxOption.js

@@ -1 +1 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"core-js/modules/es.function.name.js";import PropTypes from"prop-types";import CheckboxButton from"../checkboxButton";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";var CheckboxOption=function(a){var b=a.media,c=a.title,d=a.content,e=a.name,f=a.checked,g=a.onChange,h=a.complex,i=a.disabled,j=a.showMediaAtAllSizes;return/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},{media:b,title:c,content:d,name:e,complex:h,disabled:i,showMediaAtAllSizes:j}),{},{button:/*#__PURE__*/_jsx(CheckboxButton,{checked:f,disabled:i,onChange:function onChange(){return g(!f)}})}))};CheckboxOption.propTypes={checked:PropTypes.bool,complex:PropTypes.bool,content:PropTypes.node,disabled:PropTypes.bool,id:PropTypes.string,media:PropTypes.node,name:PropTypes.string.isRequired,onChange:PropTypes.func.isRequired,title:PropTypes.node.isRequired,showMediaAtAllSizes:PropTypes.bool},CheckboxOption.defaultProps={checked:!1,complex:!1,content:null,disabled:!1,id:void 0,media:null,showMediaAtAllSizes:!1};export default CheckboxOption;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"core-js/modules/es.function.name.js";import PropTypes from"prop-types";import CheckboxButton from"../checkboxButton";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";var CheckboxOption=function(a){var b=a["aria-label"],c=a.media,d=a.title,e=a.content,f=a.name,g=a.checked,h=a.onChange,i=a.complex,j=a.disabled,k=a.showMediaAtAllSizes;return/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},{ariaLabel:b,media:c,title:d,content:e,name:f,complex:i,disabled:j,showMediaAtAllSizes:k}),{},{button:/*#__PURE__*/_jsx(CheckboxButton,{checked:g,disabled:j,onChange:function onChange(){return h(!g)}})}))};CheckboxOption.propTypes={"aria-label":PropTypes.string,checked:PropTypes.bool,complex:PropTypes.bool,content:PropTypes.node,disabled:PropTypes.bool,id:PropTypes.string,media:PropTypes.node,name:PropTypes.string.isRequired,onChange:PropTypes.func.isRequired,title:PropTypes.node.isRequired,showMediaAtAllSizes:PropTypes.bool},CheckboxOption.defaultProps={"aria-label":void 0,checked:!1,complex:!1,content:null,disabled:!1,id:void 0,media:null,showMediaAtAllSizes:!1};export default CheckboxOption;

package/build/es/polyfill/common/Option/Option.js

@@ -1 +1 @@
-import classNames from"classnames";import PropTypes from"prop-types";import requiredIf from"react-required-if";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Option=function(a){var b=a.as,c=a.href,d=a.target,e=a.media,f=a.title,g=a.content,h=a.onClick,i=a.htmlFor,j=a.disabled,k=a.button,l=a.decision,m=a.complex,n=a.className,o=a.inverseMediaCircle,p=a.showMediaAtAllSizes,q=a.showMediaCircle;return/*#__PURE__*/_jsx(b,{className:classNames("np-option",n,{"decision-complex":m,decision:l,disabled:j,"np-option__sm-media":p}),href:c,htmlFor:i,target:d,disabled:j&&"button"===b,"aria-label":f,onClick:h,children:/*#__PURE__*/_jsxs("div",{className:"media",children:[e&&/*#__PURE__*/_jsx("div",{className:"media-left",children:q?/*#__PURE__*/_jsx("div",{className:classNames("circle circle-sm text-primary",{"circle-inverse":o}),children:e}):/*#__PURE__*/_jsx("div",{className:"np-option__no-media-circle",children:e})}),/*#__PURE__*/_jsxs("div",{className:"media-body",children:[/*#__PURE__*/_jsx("div",{className:"h5",children:f}),g&&/*#__PURE__*/_jsx("div",{className:"decision__content",children:g})]}),/*#__PURE__*/_jsx("div",{className:"media-right",children:k})]})})};Option.propTypes={media:PropTypes.node,htmlFor:PropTypes.string,title:PropTypes.node.isRequired,content:PropTypes.node,onClick:PropTypes.func,href:requiredIf(PropTypes.string,function(a){return"a"===a.as}),target:PropTypes.oneOf(["_self","_blank","_parent","_top"]),as:PropTypes.string,disabled:PropTypes.bool,button:PropTypes.node,decision:PropTypes.bool,complex:PropTypes.bool,inverseMediaCircle:PropTypes.bool,className:PropTypes.string,showMediaAtAllSizes:PropTypes.bool,showMediaCircle:PropTypes.bool},Option.defaultProps={as:"label",media:"",content:null,htmlFor:null,disabled:!1,button:null,onClick:null,href:null,target:void 0,decision:!0,complex:!1,inverseMediaCircle:!0,className:null,showMediaAtAllSizes:!1,showMediaCircle:!0};export default Option;
+import classNames from"classnames";import PropTypes from"prop-types";import requiredIf from"react-required-if";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Option=function(a){var b=a["aria-label"],c=a.as,d=a.href,e=a.target,f=a.media,g=a.title,h=a.content,i=a.onClick,j=a.htmlFor,k=a.disabled,l=a.button,m=a.decision,n=a.complex,o=a.className,p=a.inverseMediaCircle,q=a.showMediaAtAllSizes,r=a.showMediaCircle;return/*#__PURE__*/_jsx(c,{className:classNames("np-option",o,{"decision-complex":n,decision:m,disabled:k,"np-option__sm-media":q}),href:d,htmlFor:j,target:e,disabled:k&&"button"===c,"aria-label":b,onClick:i,children:/*#__PURE__*/_jsxs("div",{className:"media",children:[f&&/*#__PURE__*/_jsx("div",{className:"media-left",children:r?/*#__PURE__*/_jsx("div",{className:classNames("circle circle-sm text-primary",{"circle-inverse":p}),children:f}):/*#__PURE__*/_jsx("div",{className:"np-option__no-media-circle",children:f})}),/*#__PURE__*/_jsxs("div",{className:"media-body",children:[/*#__PURE__*/_jsx("div",{className:"h5",children:g}),h&&/*#__PURE__*/_jsx("div",{className:"decision__content",children:h})]}),/*#__PURE__*/_jsx("div",{className:"media-right",children:l})]})})};Option.propTypes={"aria-label":PropTypes.string,media:PropTypes.node,htmlFor:PropTypes.string,title:PropTypes.node.isRequired,content:PropTypes.node,onClick:PropTypes.func,href:requiredIf(PropTypes.string,function(a){return"a"===a.as}),target:PropTypes.oneOf(["_self","_blank","_parent","_top"]),as:PropTypes.string,disabled:PropTypes.bool,button:PropTypes.node,decision:PropTypes.bool,complex:PropTypes.bool,inverseMediaCircle:PropTypes.bool,className:PropTypes.string,showMediaAtAllSizes:PropTypes.bool,showMediaCircle:PropTypes.bool},Option.defaultProps={"aria-label":void 0,as:"label",media:"",content:null,htmlFor:null,disabled:!1,button:null,onClick:null,href:null,target:void 0,decision:!0,complex:!1,inverseMediaCircle:!0,className:null,showMediaAtAllSizes:!1,showMediaCircle:!0};export default Option;

package/build/es/polyfill/navigationOption/NavigationOption.js

@@ -1 +1 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}/* eslint-disable jsx-a11y/control-has-associated-label */import classNames from"classnames";import PropTypes from"prop-types";import requiredIf from"react-required-if";import Chevron from"../chevron";import{Position}from"../common";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";var NavigationOption=function(a){var b=a.as,c=a.media,d=a.href,e=a.target,f=a.title,g=a.content,h=a.onClick,i=a.complex,j=a.disabled,k=a.showMediaAtAllSizes,l=a.showMediaCircle,m=a.className,n={as:b,media:c,href:d,target:e,title:f,content:g,complex:i,disabled:j,showMediaAtAllSizes:k,showMediaCircle:l,className:classNames("np-navigation-option",m)};return d&&(n.as="a"),/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},n),{},{button:/*#__PURE__*/_jsx(Chevron,{orientation:Position.RIGHT,disabled:j,className:"d-block"}),onClick:function onClick(a){return j?void a.preventDefault():void h(a)}}))};NavigationOption.propTypes={as:PropTypes.string,media:PropTypes.node,title:PropTypes.node.isRequired,content:PropTypes.node,onClick:PropTypes.func,href:requiredIf(PropTypes.string,function(a){return"a"===a.as}),target:PropTypes.oneOf(["_self","_blank","_parent","_top"]),complex:PropTypes.bool,disabled:PropTypes.bool,showMediaAtAllSizes:PropTypes.bool,showMediaCircle:PropTypes.bool,className:PropTypes.string},NavigationOption.defaultProps={as:"button",media:null,content:null,complex:!1,onClick:null,href:void 0,target:void 0,disabled:!1,showMediaAtAllSizes:!1,showMediaCircle:!0,className:null};export default NavigationOption;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}/* eslint-disable jsx-a11y/control-has-associated-label */import classNames from"classnames";import PropTypes from"prop-types";import requiredIf from"react-required-if";import Chevron from"../chevron";import{Position}from"../common";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";var NavigationOption=function(a){var b=a["aria-label"],c=a.as,d=a.media,e=a.href,f=a.target,g=a.title,h=a.content,i=a.onClick,j=a.complex,k=a.disabled,l=a.showMediaAtAllSizes,m=a.showMediaCircle,n=a.className,o={ariaLabel:b,as:c,media:d,href:e,target:f,title:g,content:h,complex:j,disabled:k,showMediaAtAllSizes:l,showMediaCircle:m,className:classNames("np-navigation-option",n)};return e&&(o.as="a"),/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},o),{},{button:/*#__PURE__*/_jsx(Chevron,{orientation:Position.RIGHT,disabled:k,className:"d-block"}),onClick:function onClick(a){return k?void a.preventDefault():void i(a)}}))};NavigationOption.propTypes={"aria-label":PropTypes.string,as:PropTypes.string,media:PropTypes.node,title:PropTypes.node.isRequired,content:PropTypes.node,onClick:PropTypes.func,href:requiredIf(PropTypes.string,function(a){return"a"===a.as}),target:PropTypes.oneOf(["_self","_blank","_parent","_top"]),complex:PropTypes.bool,disabled:PropTypes.bool,showMediaAtAllSizes:PropTypes.bool,showMediaCircle:PropTypes.bool,className:PropTypes.string},NavigationOption.defaultProps={"aria-label":void 0,as:"button",media:null,content:null,complex:!1,onClick:null,href:void 0,target:void 0,disabled:!1,showMediaAtAllSizes:!1,showMediaCircle:!0,className:null};export default NavigationOption;

package/build/es/polyfill/radioOption/RadioOption.js

@@ -1 +1 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"core-js/modules/es.function.name.js";import PropTypes from"prop-types";import Option from"../common/Option";import RadioButton from"../common/RadioButton";import{jsx as _jsx}from"react/jsx-runtime";var RadioOption=function(a){var b=a.media,c=a.title,d=a.content,e=a.id,f=a.name,g=a.checked,h=a.onChange,i=a.complex,j=a.disabled,k=a.value,l=a.showMediaAtAllSizes;return/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},{media:b,title:c,content:d,name:f,complex:i,disabled:j,showMediaAtAllSizes:l}),{},{button:/*#__PURE__*/_jsx(RadioButton,{id:e,name:f,checked:g,disabled:j,value:k,onChange:h})}))};RadioOption.propTypes={media:PropTypes.node,id:PropTypes.string.isRequired,name:PropTypes.string.isRequired,title:PropTypes.node.isRequired,content:PropTypes.node,checked:PropTypes.bool,onChange:PropTypes.func.isRequired,complex:PropTypes.bool,disabled:PropTypes.bool,value:PropTypes.string,showMediaAtAllSizes:PropTypes.bool},RadioOption.defaultProps={media:null,content:null,checked:!1,complex:!1,disabled:!1,showMediaAtAllSizes:!1,value:""};export default RadioOption;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"core-js/modules/es.function.name.js";import PropTypes from"prop-types";import Option from"../common/Option";import RadioButton from"../common/RadioButton";import{jsx as _jsx}from"react/jsx-runtime";var RadioOption=function(a){var b=a["aria-label"],c=a.media,d=a.title,e=a.content,f=a.id,g=a.name,h=a.checked,i=a.onChange,j=a.complex,k=a.disabled,l=a.value,m=a.showMediaAtAllSizes;return/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},{ariaLabel:b,media:c,title:d,content:e,name:g,complex:j,disabled:k,showMediaAtAllSizes:m}),{},{button:/*#__PURE__*/_jsx(RadioButton,{id:f,name:g,checked:h,disabled:k,value:l,onChange:i})}))};RadioOption.propTypes={"aria-label":PropTypes.string,media:PropTypes.node,id:PropTypes.string.isRequired,name:PropTypes.string.isRequired,title:PropTypes.node.isRequired,content:PropTypes.node,checked:PropTypes.bool,onChange:PropTypes.func.isRequired,complex:PropTypes.bool,disabled:PropTypes.bool,value:PropTypes.string,showMediaAtAllSizes:PropTypes.bool},RadioOption.defaultProps={"aria-label":void 0,media:null,content:null,checked:!1,complex:!1,disabled:!1,showMediaAtAllSizes:!1,value:""};export default RadioOption;

package/build/types/accordion/AccordionItem/AccordionItem.d.ts

@@ -1,5 +1,6 @@
 export default AccordionItem;
-declare function AccordionItem({ id, title, content, onClick, open, icon, theme }: {
+declare function AccordionItem({ "aria-label": ariaLabel, id, title, content, onClick, open, icon, theme, }: {
+    "aria-label": any;
     id: any;
     title: any;
     content: any;
@@ -9,23 +10,22 @@ declare function AccordionItem({ id, title, content, onClick, open, icon, theme
     theme: any;
 }): JSX.Element;
 declare namespace AccordionItem {
-    namespace propTypes {
-        const content: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const id: PropTypes.Requireable<string>;
-        const open: PropTypes.Validator<boolean>;
-        const onClick: PropTypes.Validator<(...args: any[]) => any>;
-        const title: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const theme: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const icon_1: null;
-        export { icon_1 as icon };
-        const id_1: null;
-        export { id_1 as id };
-        const theme_1: Theme;
-        export { theme_1 as theme };
-    }
+    const propTypes: {
+        'aria-label': PropTypes.Requireable<string>;
+        content: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        id: PropTypes.Requireable<string>;
+        open: PropTypes.Validator<boolean>;
+        onClick: PropTypes.Validator<(...args: any[]) => any>;
+        title: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        theme: PropTypes.Requireable<string>;
+    };
+    const defaultProps: {
+        'aria-label': undefined;
+        icon: null;
+        id: null;
+        theme: Theme;
+    };
 }
 import PropTypes from "prop-types";
 import { Theme } from "../../common/theme";

package/build/types/card/Card.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 
 export interface CardProps {
+    "aria-label"?: string;
     as?: string;
     isExpanded?: any;
     title: React.ReactNode;

package/build/types/checkboxOption/CheckboxOption.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 
 export interface CheckboxOptionProps {
+    "aria-label"?: string;
     checked?: boolean;
     complex?: boolean;
     content?: React.ReactNode;

package/build/types/common/Option/Option.d.ts

@@ -1,5 +1,6 @@
 export default Option;
-declare function Option({ as: Element, href, target, media, title, content, onClick, htmlFor, disabled, button, decision, complex, className, inverseMediaCircle, showMediaAtAllSizes, showMediaCircle, }: {
+declare function Option({ "aria-label": ariaLabel, as: Element, href, target, media, title, content, onClick, htmlFor, disabled, button, decision, complex, className, inverseMediaCircle, showMediaAtAllSizes, showMediaCircle, }: {
+    "aria-label": any;
     as: any;
     href: any;
     target: any;
@@ -18,55 +19,42 @@ declare function Option({ as: Element, href, target, media, title, content, onCl
     showMediaCircle: any;
 }): JSX.Element;
 declare namespace Option {
-    namespace propTypes {
-        const media: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const htmlFor: PropTypes.Requireable<string>;
-        const title: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const href: any;
-        const target: PropTypes.Requireable<string>;
-        const as: PropTypes.Requireable<string>;
-        const disabled: PropTypes.Requireable<boolean>;
-        const button: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const decision: PropTypes.Requireable<boolean>;
-        const complex: PropTypes.Requireable<boolean>;
-        const inverseMediaCircle: PropTypes.Requireable<boolean>;
-        const className: PropTypes.Requireable<string>;
-        const showMediaAtAllSizes: PropTypes.Requireable<boolean>;
-        const showMediaCircle: PropTypes.Requireable<boolean>;
-    }
-    namespace defaultProps {
-        const as_1: string;
-        export { as_1 as as };
-        const media_1: string;
-        export { media_1 as media };
-        const content_1: null;
-        export { content_1 as content };
-        const htmlFor_1: null;
-        export { htmlFor_1 as htmlFor };
-        const disabled_1: boolean;
-        export { disabled_1 as disabled };
-        const button_1: null;
-        export { button_1 as button };
-        const onClick_1: null;
-        export { onClick_1 as onClick };
-        const href_1: null;
-        export { href_1 as href };
-        const target_1: undefined;
-        export { target_1 as target };
-        const decision_1: boolean;
-        export { decision_1 as decision };
-        const complex_1: boolean;
-        export { complex_1 as complex };
-        const inverseMediaCircle_1: boolean;
-        export { inverseMediaCircle_1 as inverseMediaCircle };
-        const className_1: null;
-        export { className_1 as className };
-        const showMediaAtAllSizes_1: boolean;
-        export { showMediaAtAllSizes_1 as showMediaAtAllSizes };
-        const showMediaCircle_1: boolean;
-        export { showMediaCircle_1 as showMediaCircle };
-    }
+    const propTypes: {
+        'aria-label': PropTypes.Requireable<string>;
+        media: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        htmlFor: PropTypes.Requireable<string>;
+        title: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        href: any;
+        target: PropTypes.Requireable<string>;
+        as: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        button: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        decision: PropTypes.Requireable<boolean>;
+        complex: PropTypes.Requireable<boolean>;
+        inverseMediaCircle: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        showMediaAtAllSizes: PropTypes.Requireable<boolean>;
+        showMediaCircle: PropTypes.Requireable<boolean>;
+    };
+    const defaultProps: {
+        'aria-label': undefined;
+        as: string;
+        media: string;
+        content: null;
+        htmlFor: null;
+        disabled: boolean;
+        button: null;
+        onClick: null;
+        href: null;
+        target: undefined;
+        decision: boolean;
+        complex: boolean;
+        inverseMediaCircle: boolean;
+        className: null;
+        showMediaAtAllSizes: boolean;
+        showMediaCircle: boolean;
+    };
 }
 import PropTypes from "prop-types";

package/build/types/navigationOption/NavigationOption.d.ts

@@ -3,6 +3,7 @@ import * as React from 'react';
 export type NavigationOptionTarget = "_self" | "_blank" | "_parent" | "_top";
 
 export interface NavigationOptionProps {
+    "aria-label"?: string;
     as?: string;
     media?: React.ReactNode;
     title: React.ReactNode;

package/build/types/radioOption/RadioOption.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 
 export interface RadioOptionProps {
+    "aria-label"?: string;
     media?: React.ReactNode;
     id: string;
     name: string;