primereact 8.0.1 → 8.1.0

package/progressbar/progressbar.cjs.js

@@ -66,8 +66,7 @@ var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       style: props.style,
       "aria-valuemin": "0",
       "aria-valuenow": props.value,
-      "aria-valuemax": "100",
-      "aria-label": props.value
+      "aria-valuemax": "100"
     }, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-progressbar-value p-progressbar-value-animate",
       style: {

package/progressbar/progressbar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var t=a(e);function l(){return l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},l.apply(this,arguments)}var s=t.memo(t.forwardRef((function(e,a){var n,o,i,u=function(){if(e.showValue&&null!=e.value){var r=e.displayValueTemplate?e.displayValueTemplate(e.value):e.value+e.unit;return t.createElement("div",{className:"p-progressbar-label"},r)}return null};if("determinate"===e.mode)return n=r.ObjectUtils.findDiffKeys(e,s.defaultProps),o=r.classNames("p-progressbar p-component p-progressbar-determinate",e.className),i=u(),t.createElement("div",l({role:"progressbar",id:e.id,className:o,style:e.style,"aria-valuemin":"0","aria-valuenow":e.value,"aria-valuemax":"100","aria-label":e.value},n),t.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:e.value+"%",display:"block",backgroundColor:e.color}}),i);if("indeterminate"===e.mode)return function(){var a=r.ObjectUtils.findDiffKeys(e,s.defaultProps),n=r.classNames("p-progressbar p-component p-progressbar-indeterminate",e.className);return t.createElement("div",l({role:"progressbar",id:e.id,className:n,style:e.style},a),t.createElement("div",{className:"p-progressbar-indeterminate-container"},t.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:e.color}})))}();throw new Error(e.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));s.displayName="ProgressBar",s.defaultProps={__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null},exports.ProgressBar=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var t=a(e);function l(){return l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},l.apply(this,arguments)}var s=t.memo(t.forwardRef((function(e,a){var n,o,i,u=function(){if(e.showValue&&null!=e.value){var r=e.displayValueTemplate?e.displayValueTemplate(e.value):e.value+e.unit;return t.createElement("div",{className:"p-progressbar-label"},r)}return null};if("determinate"===e.mode)return n=r.ObjectUtils.findDiffKeys(e,s.defaultProps),o=r.classNames("p-progressbar p-component p-progressbar-determinate",e.className),i=u(),t.createElement("div",l({role:"progressbar",id:e.id,className:o,style:e.style,"aria-valuemin":"0","aria-valuenow":e.value,"aria-valuemax":"100"},n),t.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:e.value+"%",display:"block",backgroundColor:e.color}}),i);if("indeterminate"===e.mode)return function(){var a=r.ObjectUtils.findDiffKeys(e,s.defaultProps),n=r.classNames("p-progressbar p-component p-progressbar-indeterminate",e.className);return t.createElement("div",l({role:"progressbar",id:e.id,className:n,style:e.style},a),t.createElement("div",{className:"p-progressbar-indeterminate-container"},t.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:e.color}})))}();throw new Error(e.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));s.displayName="ProgressBar",s.defaultProps={__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null},exports.ProgressBar=s;

package/progressbar/progressbar.esm.js

@@ -42,8 +42,7 @@ var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       style: props.style,
       "aria-valuemin": "0",
       "aria-valuenow": props.value,
-      "aria-valuemax": "100",
-      "aria-label": props.value
+      "aria-valuemax": "100"
     }, otherProps), /*#__PURE__*/React.createElement("div", {
       className: "p-progressbar-value p-progressbar-value-animate",
       style: {

package/progressbar/progressbar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as r,classNames as a}from"primereact/utils";function l(){return l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},l.apply(this,arguments)}var t=e.memo(e.forwardRef((function(s,o){var n,i,u,p=function(){if(s.showValue&&null!=s.value){var r=s.displayValueTemplate?s.displayValueTemplate(s.value):s.value+s.unit;return e.createElement("div",{className:"p-progressbar-label"},r)}return null};if("determinate"===s.mode)return n=r.findDiffKeys(s,t.defaultProps),i=a("p-progressbar p-component p-progressbar-determinate",s.className),u=p(),e.createElement("div",l({role:"progressbar",id:s.id,className:i,style:s.style,"aria-valuemin":"0","aria-valuenow":s.value,"aria-valuemax":"100","aria-label":s.value},n),e.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:s.value+"%",display:"block",backgroundColor:s.color}}),u);if("indeterminate"===s.mode)return function(){var o=r.findDiffKeys(s,t.defaultProps),n=a("p-progressbar p-component p-progressbar-indeterminate",s.className);return e.createElement("div",l({role:"progressbar",id:s.id,className:n,style:s.style},o),e.createElement("div",{className:"p-progressbar-indeterminate-container"},e.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:s.color}})))}();throw new Error(s.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));t.displayName="ProgressBar",t.defaultProps={__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null};export{t as ProgressBar};
+import*as e from"react";import{ObjectUtils as r,classNames as a}from"primereact/utils";function l(){return l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},l.apply(this,arguments)}var t=e.memo(e.forwardRef((function(s,o){var n,i,u,p=function(){if(s.showValue&&null!=s.value){var r=s.displayValueTemplate?s.displayValueTemplate(s.value):s.value+s.unit;return e.createElement("div",{className:"p-progressbar-label"},r)}return null};if("determinate"===s.mode)return n=r.findDiffKeys(s,t.defaultProps),i=a("p-progressbar p-component p-progressbar-determinate",s.className),u=p(),e.createElement("div",l({role:"progressbar",id:s.id,className:i,style:s.style,"aria-valuemin":"0","aria-valuenow":s.value,"aria-valuemax":"100"},n),e.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:s.value+"%",display:"block",backgroundColor:s.color}}),u);if("indeterminate"===s.mode)return function(){var o=r.findDiffKeys(s,t.defaultProps),n=a("p-progressbar p-component p-progressbar-indeterminate",s.className);return e.createElement("div",l({role:"progressbar",id:s.id,className:n,style:s.style},o),e.createElement("div",{className:"p-progressbar-indeterminate-container"},e.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:s.color}})))}();throw new Error(s.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));t.displayName="ProgressBar",t.defaultProps={__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null};export{t as ProgressBar};

package/progressbar/progressbar.js

@@ -63,8 +63,7 @@ this.primereact.progressbar = (function (exports, React, utils) {
         style: props.style,
         "aria-valuemin": "0",
         "aria-valuenow": props.value,
-        "aria-valuemax": "100",
-        "aria-label": props.value
+        "aria-valuemax": "100"
       }, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-progressbar-value p-progressbar-value-animate",
         style: {

package/progressbar/progressbar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.progressbar=function(e,r,a){"use strict";function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var l=t(r);function s(){return s=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},s.apply(this,arguments)}var n=l.memo(l.forwardRef((function(e,r){var t,i,o,u=function(){if(e.showValue&&null!=e.value){var r=e.displayValueTemplate?e.displayValueTemplate(e.value):e.value+e.unit;return l.createElement("div",{className:"p-progressbar-label"},r)}return null};if("determinate"===e.mode)return t=a.ObjectUtils.findDiffKeys(e,n.defaultProps),i=a.classNames("p-progressbar p-component p-progressbar-determinate",e.className),o=u(),l.createElement("div",s({role:"progressbar",id:e.id,className:i,style:e.style,"aria-valuemin":"0","aria-valuenow":e.value,"aria-valuemax":"100","aria-label":e.value},t),l.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:e.value+"%",display:"block",backgroundColor:e.color}}),o);if("indeterminate"===e.mode)return function(){var r=a.ObjectUtils.findDiffKeys(e,n.defaultProps),t=a.classNames("p-progressbar p-component p-progressbar-indeterminate",e.className);return l.createElement("div",s({role:"progressbar",id:e.id,className:t,style:e.style},r),l.createElement("div",{className:"p-progressbar-indeterminate-container"},l.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:e.color}})))}();throw new Error(e.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));return n.displayName="ProgressBar",n.defaultProps={__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null},e.ProgressBar=n,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.progressbar=function(e,r,a){"use strict";function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var l=t(r);function s(){return s=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},s.apply(this,arguments)}var n=l.memo(l.forwardRef((function(e,r){var t,i,o,u=function(){if(e.showValue&&null!=e.value){var r=e.displayValueTemplate?e.displayValueTemplate(e.value):e.value+e.unit;return l.createElement("div",{className:"p-progressbar-label"},r)}return null};if("determinate"===e.mode)return t=a.ObjectUtils.findDiffKeys(e,n.defaultProps),i=a.classNames("p-progressbar p-component p-progressbar-determinate",e.className),o=u(),l.createElement("div",s({role:"progressbar",id:e.id,className:i,style:e.style,"aria-valuemin":"0","aria-valuenow":e.value,"aria-valuemax":"100"},t),l.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:e.value+"%",display:"block",backgroundColor:e.color}}),o);if("indeterminate"===e.mode)return function(){var r=a.ObjectUtils.findDiffKeys(e,n.defaultProps),t=a.classNames("p-progressbar p-component p-progressbar-indeterminate",e.className);return l.createElement("div",s({role:"progressbar",id:e.id,className:t,style:e.style},r),l.createElement("div",{className:"p-progressbar-indeterminate-container"},l.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:e.color}})))}();throw new Error(e.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));return n.displayName="ProgressBar",n.defaultProps={__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null},e.ProgressBar=n,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/radiobutton/radiobutton.cjs.js

@@ -185,18 +185,17 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     ref: inputRef,
     id: props.inputId,
     type: "radio",
-    "aria-labelledby": props.ariaLabelledBy,
     name: props.name,
     defaultChecked: props.checked,
+    "aria-labelledby": props['aria-labelledby'],
+    "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
     disabled: props.disabled,
     required: props.required,
     tabIndex: props.tabIndex
   })), /*#__PURE__*/React__namespace.createElement("div", {
-    className: boxClassName,
-    role: "radio",
-    "aria-checked": props.checked
+    className: boxClassName
   }, /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-radiobutton-icon"
   }))), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
@@ -220,7 +219,8 @@ RadioButton.defaultProps = {
   tabIndex: null,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
+  'aria-label': null,
+  'aria-labelledby': null,
   onChange: null
 };
 

package/radiobutton/radiobutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=r(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw a}}return l}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s=a.memo(a.forwardRef((function(e,r){var c,f,p=a.useState(!1),b=(f=2,i(c=p)||o(c,f)||u(c,f)||d()),m=b[0],h=b[1],y=a.useRef(null),v=a.useRef(e.inputRef),g=function(e){v.current.checked=!0,k(e)},k=function(t){!e.disabled&&e.onChange&&(e.onChange({originalEvent:t,value:e.value,checked:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:e.value,checked:!e.checked}}),v.current.checked=!e.checked,v.current.focus())};a.useEffect((function(){v.current&&(v.current.checked=e.checked)}),[e.checked]),a.useEffect((function(){n.ObjectUtils.combinedRefs(v,e.inputRef)}),[v,e.inputRef]),a.useImperativeHandle(r,(function(){return{select:g}}));var O=n.ObjectUtils.isNotEmpty(e.tooltip),j=n.ObjectUtils.findDiffKeys(e,s.defaultProps),E=n.classNames("p-radiobutton p-component",{"p-radiobutton-checked":e.checked,"p-radiobutton-disabled":e.disabled,"p-radiobutton-focused":m},e.className),R=n.classNames("p-radiobutton-box",{"p-highlight":e.checked,"p-disabled":e.disabled,"p-focus":m});return a.createElement(a.Fragment,null,a.createElement("div",l({ref:y,id:e.id,className:E,style:e.style},j,{onClick:k}),a.createElement("div",{className:"p-hidden-accessible"},a.createElement("input",{ref:v,id:e.inputId,type:"radio","aria-labelledby":e.ariaLabelledBy,name:e.name,defaultChecked:e.checked,onFocus:function(){h(!0)},onBlur:function(){h(!1)},disabled:e.disabled,required:e.required,tabIndex:e.tabIndex})),a.createElement("div",{className:R,role:"radio","aria-checked":e.checked},a.createElement("div",{className:"p-radiobutton-icon"}))),O&&a.createElement(t.Tooltip,l({target:y,content:e.tooltip},e.tooltipOptions)))})));s.displayName="RadioButton",s.defaultProps={__TYPE:"RadioButton",id:null,inputRef:null,inputId:null,name:null,value:null,checked:!1,style:null,className:null,disabled:!1,required:!1,tabIndex:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null},exports.RadioButton=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=r(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw a}}return l}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function c(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s=a.memo(a.forwardRef((function(e,r){var u,f,p=a.useState(!1),b=(f=2,i(u=p)||o(u,f)||c(u,f)||d()),m=b[0],h=b[1],y=a.useRef(null),v=a.useRef(e.inputRef),g=function(e){v.current.checked=!0,k(e)},k=function(t){!e.disabled&&e.onChange&&(e.onChange({originalEvent:t,value:e.value,checked:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:e.value,checked:!e.checked}}),v.current.checked=!e.checked,v.current.focus())};a.useEffect((function(){v.current&&(v.current.checked=e.checked)}),[e.checked]),a.useEffect((function(){n.ObjectUtils.combinedRefs(v,e.inputRef)}),[v,e.inputRef]),a.useImperativeHandle(r,(function(){return{select:g}}));var O=n.ObjectUtils.isNotEmpty(e.tooltip),j=n.ObjectUtils.findDiffKeys(e,s.defaultProps),E=n.classNames("p-radiobutton p-component",{"p-radiobutton-checked":e.checked,"p-radiobutton-disabled":e.disabled,"p-radiobutton-focused":m},e.className),R=n.classNames("p-radiobutton-box",{"p-highlight":e.checked,"p-disabled":e.disabled,"p-focus":m});return a.createElement(a.Fragment,null,a.createElement("div",l({ref:y,id:e.id,className:E,style:e.style},j,{onClick:k}),a.createElement("div",{className:"p-hidden-accessible"},a.createElement("input",{ref:v,id:e.inputId,type:"radio",name:e.name,defaultChecked:e.checked,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],onFocus:function(){h(!0)},onBlur:function(){h(!1)},disabled:e.disabled,required:e.required,tabIndex:e.tabIndex})),a.createElement("div",{className:R},a.createElement("div",{className:"p-radiobutton-icon"}))),O&&a.createElement(t.Tooltip,l({target:y,content:e.tooltip},e.tooltipOptions)))})));s.displayName="RadioButton",s.defaultProps={__TYPE:"RadioButton",id:null,inputRef:null,inputId:null,name:null,value:null,checked:!1,style:null,className:null,disabled:!1,required:!1,tabIndex:null,tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null},exports.RadioButton=s;

package/radiobutton/radiobutton.d.ts

@@ -31,7 +31,6 @@ export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.Inp
     tabIndex?: number;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
-    ariaLabelledBy?: string;
     onChange?(e: RadioButtonChangeParams): void;
     children?: React.ReactNode;
 }

package/radiobutton/radiobutton.esm.js

@@ -161,18 +161,17 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     ref: inputRef,
     id: props.inputId,
     type: "radio",
-    "aria-labelledby": props.ariaLabelledBy,
     name: props.name,
     defaultChecked: props.checked,
+    "aria-labelledby": props['aria-labelledby'],
+    "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
     disabled: props.disabled,
     required: props.required,
     tabIndex: props.tabIndex
   })), /*#__PURE__*/React.createElement("div", {
-    className: boxClassName,
-    role: "radio",
-    "aria-checked": props.checked
+    className: boxClassName
   }, /*#__PURE__*/React.createElement("div", {
     className: "p-radiobutton-icon"
   }))), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
@@ -196,7 +195,8 @@ RadioButton.defaultProps = {
   tabIndex: null,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
+  'aria-label': null,
+  'aria-labelledby': null,
   onChange: null
 };
 

package/radiobutton/radiobutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{ObjectUtils as n,classNames as r}from"primereact/utils";function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function l(e){if(Array.isArray(e))return e}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return l}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function c(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var d=e.memo(e.forwardRef((function(i,s){var f,p,m=e.useState(!1),h=(p=2,l(f=m)||o(f,p)||c(f,p)||u()),b=h[0],y=h[1],v=e.useRef(null),k=e.useRef(i.inputRef),g=function(e){k.current.checked=!0,E(e)},E=function(e){!i.disabled&&i.onChange&&(i.onChange({originalEvent:e,value:i.value,checked:!i.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:i.value,checked:!i.checked}}),k.current.checked=!i.checked,k.current.focus())};e.useEffect((function(){k.current&&(k.current.checked=i.checked)}),[i.checked]),e.useEffect((function(){n.combinedRefs(k,i.inputRef)}),[k,i.inputRef]),e.useImperativeHandle(s,(function(){return{select:g}}));var R=n.isNotEmpty(i.tooltip),I=n.findDiffKeys(i,d.defaultProps),N=r("p-radiobutton p-component",{"p-radiobutton-checked":i.checked,"p-radiobutton-disabled":i.disabled,"p-radiobutton-focused":b},i.className),O=r("p-radiobutton-box",{"p-highlight":i.checked,"p-disabled":i.disabled,"p-focus":b});return e.createElement(e.Fragment,null,e.createElement("div",a({ref:v,id:i.id,className:N,style:i.style},I,{onClick:E}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:k,id:i.inputId,type:"radio","aria-labelledby":i.ariaLabelledBy,name:i.name,defaultChecked:i.checked,onFocus:function(){y(!0)},onBlur:function(){y(!1)},disabled:i.disabled,required:i.required,tabIndex:i.tabIndex})),e.createElement("div",{className:O,role:"radio","aria-checked":i.checked},e.createElement("div",{className:"p-radiobutton-icon"}))),R&&e.createElement(t,a({target:v,content:i.tooltip},i.tooltipOptions)))})));d.displayName="RadioButton",d.defaultProps={__TYPE:"RadioButton",id:null,inputRef:null,inputId:null,name:null,value:null,checked:!1,style:null,className:null,disabled:!1,required:!1,tabIndex:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null};export{d as RadioButton};
+import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{ObjectUtils as n,classNames as r}from"primereact/utils";function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function l(e){if(Array.isArray(e))return e}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return l}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}function c(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var d=e.memo(e.forwardRef((function(i,s){var f,p,m=e.useState(!1),b=(p=2,l(f=m)||o(f,p)||u(f,p)||c()),h=b[0],y=b[1],v=e.useRef(null),g=e.useRef(i.inputRef),k=function(e){g.current.checked=!0,E(e)},E=function(e){!i.disabled&&i.onChange&&(i.onChange({originalEvent:e,value:i.value,checked:!i.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:i.value,checked:!i.checked}}),g.current.checked=!i.checked,g.current.focus())};e.useEffect((function(){g.current&&(g.current.checked=i.checked)}),[i.checked]),e.useEffect((function(){n.combinedRefs(g,i.inputRef)}),[g,i.inputRef]),e.useImperativeHandle(s,(function(){return{select:k}}));var R=n.isNotEmpty(i.tooltip),I=n.findDiffKeys(i,d.defaultProps),N=r("p-radiobutton p-component",{"p-radiobutton-checked":i.checked,"p-radiobutton-disabled":i.disabled,"p-radiobutton-focused":h},i.className),O=r("p-radiobutton-box",{"p-highlight":i.checked,"p-disabled":i.disabled,"p-focus":h});return e.createElement(e.Fragment,null,e.createElement("div",a({ref:v,id:i.id,className:N,style:i.style},I,{onClick:E}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:g,id:i.inputId,type:"radio",name:i.name,defaultChecked:i.checked,"aria-labelledby":i["aria-labelledby"],"aria-label":i["aria-label"],onFocus:function(){y(!0)},onBlur:function(){y(!1)},disabled:i.disabled,required:i.required,tabIndex:i.tabIndex})),e.createElement("div",{className:O},e.createElement("div",{className:"p-radiobutton-icon"}))),R&&e.createElement(t,a({target:v,content:i.tooltip},i.tooltipOptions)))})));d.displayName="RadioButton",d.defaultProps={__TYPE:"RadioButton",id:null,inputRef:null,inputId:null,name:null,value:null,checked:!1,style:null,className:null,disabled:!1,required:!1,tabIndex:null,tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null};export{d as RadioButton};

package/radiobutton/radiobutton.js

@@ -181,18 +181,17 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
       ref: inputRef,
       id: props.inputId,
       type: "radio",
-      "aria-labelledby": props.ariaLabelledBy,
       name: props.name,
       defaultChecked: props.checked,
+      "aria-labelledby": props['aria-labelledby'],
+      "aria-label": props['aria-label'],
       onFocus: onFocus,
       onBlur: onBlur,
       disabled: props.disabled,
       required: props.required,
       tabIndex: props.tabIndex
     })), /*#__PURE__*/React__namespace.createElement("div", {
-      className: boxClassName,
-      role: "radio",
-      "aria-checked": props.checked
+      className: boxClassName
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-radiobutton-icon"
     }))), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
@@ -216,7 +215,8 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
     tabIndex: null,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
+    'aria-label': null,
+    'aria-labelledby': null,
     onChange: null
   };
 

package/radiobutton/radiobutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.radiobutton=function(e,t,n,r){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=a(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function o(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw a}}return l}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function s(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f=l.memo(l.forwardRef((function(e,t){var a,u,p=l.useState(!1),b=(u=2,o(a=p)||c(a,u)||d(a,u)||s()),m=b[0],h=b[1],y=l.useRef(null),v=l.useRef(e.inputRef),g=function(e){v.current.checked=!0,k(e)},k=function(t){!e.disabled&&e.onChange&&(e.onChange({originalEvent:t,value:e.value,checked:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:e.value,checked:!e.checked}}),v.current.checked=!e.checked,v.current.focus())};l.useEffect((function(){v.current&&(v.current.checked=e.checked)}),[e.checked]),l.useEffect((function(){r.ObjectUtils.combinedRefs(v,e.inputRef)}),[v,e.inputRef]),l.useImperativeHandle(t,(function(){return{select:g}}));var O=r.ObjectUtils.isNotEmpty(e.tooltip),j=r.ObjectUtils.findDiffKeys(e,f.defaultProps),E=r.classNames("p-radiobutton p-component",{"p-radiobutton-checked":e.checked,"p-radiobutton-disabled":e.disabled,"p-radiobutton-focused":m},e.className),R=r.classNames("p-radiobutton-box",{"p-highlight":e.checked,"p-disabled":e.disabled,"p-focus":m});return l.createElement(l.Fragment,null,l.createElement("div",i({ref:y,id:e.id,className:E,style:e.style},j,{onClick:k}),l.createElement("div",{className:"p-hidden-accessible"},l.createElement("input",{ref:v,id:e.inputId,type:"radio","aria-labelledby":e.ariaLabelledBy,name:e.name,defaultChecked:e.checked,onFocus:function(){h(!0)},onBlur:function(){h(!1)},disabled:e.disabled,required:e.required,tabIndex:e.tabIndex})),l.createElement("div",{className:R,role:"radio","aria-checked":e.checked},l.createElement("div",{className:"p-radiobutton-icon"}))),O&&l.createElement(n.Tooltip,i({target:y,content:e.tooltip},e.tooltipOptions)))})));return f.displayName="RadioButton",f.defaultProps={__TYPE:"RadioButton",id:null,inputRef:null,inputId:null,name:null,value:null,checked:!1,style:null,className:null,disabled:!1,required:!1,tabIndex:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null},e.RadioButton=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.radiobutton=function(e,t,n,r){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=a(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function o(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw a}}return l}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function s(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f=l.memo(l.forwardRef((function(e,t){var a,u,p=l.useState(!1),b=(u=2,o(a=p)||c(a,u)||d(a,u)||s()),m=b[0],h=b[1],y=l.useRef(null),v=l.useRef(e.inputRef),g=function(e){v.current.checked=!0,k(e)},k=function(t){!e.disabled&&e.onChange&&(e.onChange({originalEvent:t,value:e.value,checked:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:e.value,checked:!e.checked}}),v.current.checked=!e.checked,v.current.focus())};l.useEffect((function(){v.current&&(v.current.checked=e.checked)}),[e.checked]),l.useEffect((function(){r.ObjectUtils.combinedRefs(v,e.inputRef)}),[v,e.inputRef]),l.useImperativeHandle(t,(function(){return{select:g}}));var O=r.ObjectUtils.isNotEmpty(e.tooltip),j=r.ObjectUtils.findDiffKeys(e,f.defaultProps),E=r.classNames("p-radiobutton p-component",{"p-radiobutton-checked":e.checked,"p-radiobutton-disabled":e.disabled,"p-radiobutton-focused":m},e.className),R=r.classNames("p-radiobutton-box",{"p-highlight":e.checked,"p-disabled":e.disabled,"p-focus":m});return l.createElement(l.Fragment,null,l.createElement("div",i({ref:y,id:e.id,className:E,style:e.style},j,{onClick:k}),l.createElement("div",{className:"p-hidden-accessible"},l.createElement("input",{ref:v,id:e.inputId,type:"radio",name:e.name,defaultChecked:e.checked,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],onFocus:function(){h(!0)},onBlur:function(){h(!1)},disabled:e.disabled,required:e.required,tabIndex:e.tabIndex})),l.createElement("div",{className:R},l.createElement("div",{className:"p-radiobutton-icon"}))),O&&l.createElement(n.Tooltip,i({target:y,content:e.tooltip},e.tooltipOptions)))})));return f.displayName="RadioButton",f.defaultProps={__TYPE:"RadioButton",id:null,inputRef:null,inputId:null,name:null,value:null,checked:!1,style:null,className:null,disabled:!1,required:!1,tabIndex:null,tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null},e.RadioButton=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils);

package/resources/primereact.css

@@ -1264,6 +1264,10 @@
     position: absolute;
 }
 
+.p-datatable-scrollable .p-virtualscroller > .p-datatable-table {
+    display: inline-block; /* For Safari */
+}
+
 /* Resizable */
 .p-datatable-resizable > .p-datatable-wrapper {
     overflow-x: auto;
@@ -1895,96 +1899,6 @@
     flex-direction: row-reverse;
 }
 
-.p-dropdown {
-    display: inline-flex;
-    cursor: pointer;
-    position: relative;
-    user-select: none;
-}
-
-.p-dropdown-clear-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -.5rem;
-}
-
-.p-dropdown-trigger {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-}
-
-.p-dropdown-label {
-    display: block;
-    white-space: nowrap;
-    overflow: hidden;
-    flex: 1 1 auto;
-    width: 1%;
-    text-overflow: ellipsis;
-    cursor: pointer;
-}
-
-.p-dropdown-label-empty {
-    overflow: hidden;
-    visibility: hidden;
-}
-
-input.p-dropdown-label  {
-    cursor: default;
-}
-
-.p-dropdown .p-dropdown-panel {
-    min-width: 100%;
-}
-
-.p-dropdown-panel {
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
-.p-dropdown-items-wrapper {
-    overflow: auto;
-}
-
-.p-dropdown-item {
-    cursor: pointer;
-    font-weight: normal;
-    white-space: nowrap;
-    position: relative;
-    overflow: hidden;
-}
-
-.p-dropdown-items {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-}
-
-.p-dropdown-filter {
-    width: 100%;
-}
-
-.p-dropdown-filter-container {
-    position: relative;
-}
-
-.p-dropdown-filter-icon,
-.p-dropdown-filter-clear-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -.5rem;
-}
-
-.p-fluid .p-dropdown {
-    display: flex;
-}
-
-.p-fluid .p-dropdown .p-dropdown-label {
-    width: 1%;
-}
-
 /*!
  * Quill Editor v1.3.7
  * https://quilljs.com/
@@ -2931,6 +2845,96 @@ input.p-dropdown-label  {
     border: 1px solid #ccc;
 }
 
+.p-dropdown {
+    display: inline-flex;
+    cursor: pointer;
+    position: relative;
+    user-select: none;
+}
+
+.p-dropdown-clear-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+}
+
+.p-dropdown-trigger {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+
+.p-dropdown-label {
+    display: block;
+    white-space: nowrap;
+    overflow: hidden;
+    flex: 1 1 auto;
+    width: 1%;
+    text-overflow: ellipsis;
+    cursor: pointer;
+}
+
+.p-dropdown-label-empty {
+    overflow: hidden;
+    visibility: hidden;
+}
+
+input.p-dropdown-label  {
+    cursor: default;
+}
+
+.p-dropdown .p-dropdown-panel {
+    min-width: 100%;
+}
+
+.p-dropdown-panel {
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+.p-dropdown-items-wrapper {
+    overflow: auto;
+}
+
+.p-dropdown-item {
+    cursor: pointer;
+    font-weight: normal;
+    white-space: nowrap;
+    position: relative;
+    overflow: hidden;
+}
+
+.p-dropdown-items {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+}
+
+.p-dropdown-filter {
+    width: 100%;
+}
+
+.p-dropdown-filter-container {
+    position: relative;
+}
+
+.p-dropdown-filter-icon,
+.p-dropdown-filter-clear-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+}
+
+.p-fluid .p-dropdown {
+    display: flex;
+}
+
+.p-fluid .p-dropdown .p-dropdown-label {
+    width: 1%;
+}
+
 .p-fieldset-legend > a,
 .p-fieldset-legend > span {
     display: flex;
@@ -5203,6 +5207,38 @@ input.p-dropdown-label  {
     flex-direction: row;
 }
 
+.p-splitbutton {
+    display: inline-flex;
+    position: relative;
+}
+
+.p-splitbutton .p-splitbutton-defaultbutton,
+.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
+.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
+    flex: 1 1 auto;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-right: 0 none;
+}
+
+.p-splitbutton-menubutton,
+.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
+.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+.p-splitbutton .p-menu {
+    min-width: 100%;
+}
+
+.p-fluid .p-splitbutton  {
+    display: flex;
+}
+
 .p-splitter {
     display: flex;
     flex-wrap: nowrap;
@@ -5262,38 +5298,6 @@ input.p-dropdown-label  {
     height: 100%;
 }
 
-.p-splitbutton {
-    display: inline-flex;
-    position: relative;
-}
-
-.p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
-    flex: 1 1 auto;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    border-right: 0 none;
-}
-
-.p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-}
-
-.p-splitbutton .p-menu {
-    min-width: 100%;
-}
-
-.p-fluid .p-splitbutton  {
-    display: flex;
-}
-
 .p-steps {
     position: relative;
 }