From 4ea8b34ff1f41d2a06634a6bacbb8ada58c22c3e Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Tue, 5 Jan 2021 11:46:31 +0000
Subject: [PATCH] Ensure new components are created with any default styles
 already applied

---
 .../userInterface/assetParsing/createProps.js       | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/components/userInterface/assetParsing/createProps.js b/packages/builder/src/components/userInterface/assetParsing/createProps.js
index 5f9b692023..5068243e3b 100644
--- a/packages/builder/src/components/userInterface/assetParsing/createProps.js
+++ b/packages/builder/src/components/userInterface/assetParsing/createProps.js
@@ -2,6 +2,7 @@ import { isString, isUndefined, cloneDeep } from "lodash/fp"
 import { TYPE_MAP } from "./types"
 import { assign } from "lodash"
 import { uuid } from "builderStore/uuid"
+import { defaults } from "../propertyCategories"
 
 export const getBuiltin = _component => {
   const { props } = createProps({ _component })
@@ -24,7 +25,11 @@ export const createProps = (componentDefinition, derivedFromProps) => {
   const props = {
     _id: uuid(),
     _component: componentDefinition._component,
-    _styles: { normal: {}, hover: {}, active: {}, selected: {} },
+    _styles: {
+      normal: defaults,
+      hover: defaults,
+      active: defaults,
+    },
   }
 
   const errors = []
@@ -75,7 +80,11 @@ export const makePropsSafe = (componentDefinition, props) => {
   }
 
   if (!props._styles) {
-    props._styles = { normal: {}, hover: {}, active: {}, selected: {} }
+    props._styles = {
+      normal: defaults,
+      hover: defaults,
+      active: defaults,
+    }
   }
 
   return props