fix props

Author: kaeizen

src/block/carousel/save.js

@@ -77,11 +77,11 @@ export const Save = props => {
 				<div className="stk-block-carousel__content-wrapper">
 					<div className={ contentClassNames }>
 						<div
+							className="stk-block-carousel__slider"
+							role="list"
+							data-autoplay={ attributes.autoplay ? ( attributes.autoplaySpeed || '4000' ) : undefined }
+							data-label-slide-of={ attributes.ariaLabelPrev || 'Slide %%d of %%d' }
 							{ ...applyFilters( 'stackable.carousel.save.slider-props', {
-								className: 'stk-block-carousel__slider',
-								role: 'list',
-								'data-autoplay': attributes.autoplay ? ( attributes.autoplaySpeed || '4000' ) : undefined,
-								'data-label-slide-of': attributes.ariaLabelPrev || 'Slide %%d of %%d',
 								tabIndex: 0,
 							}, props.version ) }
 						>

src/block/horizontal-scroller/save.js

@@ -55,8 +55,8 @@ export const Save = props => {
 			 { attributes.generatedCss && <style>{ attributes.generatedCss }</style> }
 			 <CustomCSS.Content attributes={ attributes } />
 			<div
+				className={ contentClassNames }
 				{ ...applyFilters( 'stackable.horizontal-scroller.save.scroller-props', {
-					className: contentClassNames,
 					tabIndex: 0,
 				}, props.version ) }
 			>

src/block/notification/save.js

@@ -80,7 +80,6 @@ export const Save = props => {
 					<button
 						className="stk-block-notification__close-button"
 						{ ...applyFilters( 'stackable.notification.save.close-button-props', {
-							className: 'stk-block-notification__close-button',
 							'aria-label': __( 'Close', i18n ),
 						}, props.version ) }
 					>

src/block/progress-bar/save.js

@@ -70,13 +70,13 @@ export const Save = props => {
 			<CustomCSS.Content attributes={ attributes } />
 			<div className={ containerClassNames }>
 				<div
+					className={ divClassNames }
+					role="progressbar"
+					aria-valuemin="0"
+					aria-valuemax="100"
+					aria-valuenow={ progressValue }
+					aria-valuetext={ derivedAriaValue ? striptags( derivedAriaValue ) : undefined }
 					{ ...applyFilters( 'stackable.progress-bar.div-props', {
-						className: divClassNames,
-						role: 'progressbar',
-						'aria-valuemin': '0',
-						'aria-valuemax': '100',
-						'aria-valuenow': progressValue,
-						'aria-valuetext': derivedAriaValue ? striptags( derivedAriaValue ) : undefined,
 						'aria-label': derivedAriaValue ? striptags( derivedAriaValue ) : undefined,
 					}, props.version ) }
 				>

src/block/progress-circle/save.js

@@ -66,13 +66,13 @@ export const Save = props => {
 			<CustomCSS.Content attributes={ attributes } />
 			<div className={ containerClassNames }>
 				<div
+					className={ divClassNames }
+					role="progressbar"
+					aria-valuemin="0"
+					aria-valuemax="100"
+					aria-valuenow={ progressValue }
+					aria-valuetext={ attributes.progressAriaValueText ? striptags( attributes.progressAriaValueText ) : undefined }
 					{ ...applyFilters( 'stackable.progress-circle.div-props', {
-						className: divClassNames,
-						role: 'progressbar',
-						'aria-valuemin': '0',
-						'aria-valuemax': '100',
-						'aria-valuenow': progressValue,
-						'aria-valuetext': attributes.progressAriaValueText ? striptags( attributes.progressAriaValueText ) : undefined,
 						'aria-label': attributes.progressAriaValueText ? striptags( attributes.progressAriaValueText ) : undefined,
 					}, props.version ) }
 				>