fix: border shadows

Author: Arukuen

src/block-components/helpers/borders/deprecated.js

@@ -56,7 +56,9 @@ export const deprecateShadowColor = {
 		const getAttrName = getAttrNameFunction( attrNameTemplate )
 		const getAttribute = _attrName => attributes[ getAttrName( _attrName ) ]
 
-		if ( getAttribute( 'shadow' ) || getAttribute( 'shadowHover' ) || getAttribute( 'shadowParentHover' ) ) {
+		if ( ( getAttribute( 'shadow' ) && getAttribute( 'shadow' ).indexOf( 'rgba' ) !== -1 ) ||
+			( getAttribute( 'shadowHover' ) && getAttribute( 'shadowHover' ).indexOf( 'rgba' ) !== -1 ) ||
+			( getAttribute( 'shadowParentHover' ) && getAttribute( 'shadowParentHover' ).indexOf( 'rgba' ) ) ) {
 			return true
 		}
 

src/components/shadow-control/index.js

@@ -25,15 +25,15 @@ import { Button, Dashicon } from '@wordpress/components'
 export const getShadows = () => {
 	return applyFilters( 'stackable.shadows', [
 		'none',
-		'0 0 0 1px rgba(120, 120, 120, 0.1)',
-		'0 0 0 2px rgba(120, 120, 120, 0.1)',
-		'0 5px 5px 0 rgba(18, 63, 82, 0.035)',
-		'0px 2px 20px rgba(153, 153, 153, 0.2)',
-		'0 5px 30px -10px rgba(18, 63, 82, 0.3)',
-		'0px 10px 30px rgba(0, 0, 0, 0.05)',
-		'7px 5px 30px rgba(72, 73, 121, 0.15)',
-		'0px 10px 60px rgba(0, 0, 0, 0.1)',
-		'0px 70px 90px -20px rgba(72, 73, 121, 0.30)',
+		'0 0 0 1px #7878781a',
+		'0 0 0 2px #7878781a',
+		'0 5px 5px 0 #123f5209',
+		'0px 2px 20px #99999933',
+		'0 5px 30px -10px #123f524c',
+		'0px 10px 30px #0000000d',
+		'7px 5px 30px #48497926',
+		'0px 10px 60px #0000001a',
+		'0px 70px 90px -20px #4849794c',
 	] )
 }