MC-3864: Fix alpha value in background colour

- Fix the alpha background colour option

Author: davemacaulay

app/code/Magento/PageBuilder/view/base/pagebuilder/content_type/banner.xml

@@ -50,7 +50,7 @@
                     <element name="desktop_image">
                         <style name="text_align" source="text_align"/>
                         <style name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="background_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -61,7 +61,7 @@
                     <element name="mobile_image">
                         <style name="text_align" source="text_align"/>
                         <style name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="mobile_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -125,7 +125,7 @@
                     <element name="desktop_image">
                         <style name="text_align" source="text_align"/>
                         <style name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="background_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -136,7 +136,7 @@
                     <element name="mobile_image">
                         <style name="text_align" source="text_align"/>
                         <style name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="mobile_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -200,7 +200,7 @@
                     <element name="desktop_image">
                         <style name="text_align" source="text_align"/>
                         <style name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="background_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -211,7 +211,7 @@
                     <element name="mobile_image">
                         <style name="text_align" source="text_align"/>
                         <style name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="mobile_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -277,7 +277,7 @@
                     </element>
                     <element name="desktop_image">
                         <style name="text_align" source="text_align"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="background_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -286,7 +286,7 @@
                     </element>
                     <element name="mobile_image">
                         <style name="text_align" source="text_align"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="mobile_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>

app/code/Magento/PageBuilder/view/base/pagebuilder/content_type/column.xml

@@ -34,7 +34,7 @@
                         reader="Magento_PageBuilder/js/master-format/read/configurable">
                 <elements>
                     <element name="main">
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="background_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -79,7 +79,7 @@
                         reader="Magento_PageBuilder/js/master-format/read/configurable">
                 <elements>
                     <element name="main">
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="background_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -124,7 +124,7 @@
                         reader="Magento_PageBuilder/js/master-format/read/configurable">
                 <elements>
                     <element name="main">
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="background_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -169,7 +169,7 @@
                         reader="Magento_PageBuilder/js/master-format/read/configurable">
                 <elements>
                     <element name="main">
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="background_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>

app/code/Magento/PageBuilder/view/base/pagebuilder/content_type/row.xml

@@ -35,7 +35,7 @@
                             <attribute name="appearance" source="data-appearance"/>
                         </element>
                         <element name="inner">
-                            <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                            <style name="background_color" source="background_color"/>
                             <style name="background_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                             <style name="background_position" source="background_position"/>
                             <style name="background_size" source="background_size"/>
@@ -75,7 +75,7 @@
                         reader="Magento_PageBuilder/js/master-format/read/configurable">
                 <elements>
                     <element name="main">
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="background_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -119,7 +119,7 @@
                         reader="Magento_PageBuilder/js/master-format/read/configurable">
                 <elements>
                     <element name="main">
-                            <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                            <style name="background_color" source="background_color"/>
                             <style name="background_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                             <style name="background_position" source="background_position"/>
                             <style name="background_size" source="background_size"/>

app/code/Magento/PageBuilder/view/base/pagebuilder/content_type/slide.xml

@@ -53,7 +53,7 @@
                     <element name="desktop_image">
                         <style name="text_align" source="text_align"/>
                         <style name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="background_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -64,7 +64,7 @@
                     <element name="mobile_image">
                         <style name="text_align" source="text_align"/>
                         <style name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="mobile_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -127,7 +127,7 @@
                     <element name="desktop_image">
                         <style name="text_align" source="text_align"/>
                         <style name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="background_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -138,7 +138,7 @@
                     <element name="mobile_image">
                         <style name="text_align" source="text_align"/>
                         <style name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="mobile_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -201,7 +201,7 @@
                     <element name="desktop_image">
                         <style name="text_align" source="text_align"/>
                         <style name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="background_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -212,7 +212,7 @@
                     <element name="mobile_image">
                         <style name="text_align" source="text_align"/>
                         <style name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="mobile_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -277,7 +277,7 @@
                     <element name="desktop_image">
                         <style name="text_align" source="text_align"/>
                         <style name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="background_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>
@@ -288,7 +288,7 @@
                     <element name="mobile_image">
                         <style name="text_align" source="text_align"/>
                         <style name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
-                        <style name="background_color" source="background_color" converter="Magento_PageBuilder/js/converter/style/color"/>
+                        <style name="background_color" source="background_color"/>
                         <style name="mobile_image" source="background_image" converter="Magento_PageBuilder/js/converter/style/background-image" preview_converter="Magento_PageBuilder/js/converter/style/preview/background-image"/>
                         <style name="background_position" source="background_position"/>
                         <style name="background_size" source="background_size"/>