{"ScriptPreparationCode":"var a = {\r\n background: {\r\n image: \u0027a longer test\u0027,\r\n position: \u0027center\u0027,\r\n mobile: \u0027test\u0027,\r\n },\r\n buttonShape: {\r\n default: \u002725px\u0027,\r\n square: \u00270\u0027,\r\n },\r\n colors: {\r\n blackContrast: \u0027colors.white\u0027,\r\n blackDarkest: \u0027colors.grey1000\u0027,\r\n inputBorder: \u0027colors.grey300\u0027,\r\n inputBorderFocused: \u0027colors.primary\u0027,\r\n inputText: \u0027colors.textPrimary\u0027,\r\n\r\n primary: \u0027colors.primary\u0027,\r\n primaryContrast: \u0027colors.white\u0027,\r\n primaryDark: \u0027colors.primaryDark\u0027,\r\n primaryHover: \u0027colors.primaryDark\u0027,\r\n\r\n secondary: \u0027colors.secondary\u0027,\r\n secondaryContrast: \u0027colors.white\u0027,\r\n secondaryHover: \u0027colors.secondary\u0027,\r\n\r\n redContrast: \u0027colors.white\u0027,\r\n redHover: \u0027colors.red\u0027,\r\n\r\n smurfBlue: \u0027#00bbdc\u0027,\r\n smurfBlueContrast: \u0027colors.black\u0027,\r\n smurfBlueLight: \u0027#57ddf5\u0027,\r\n\r\n textBlack: \u0027colors.black\u0027,\r\n textHint: \u0027#838383\u0027,\r\n textHintDark: \u0027#575757\u0027,\r\n textSecondary: \u0027#485cc2\u0027,\r\n\r\n whiteContrast: \u0027colors.black\u0027,\r\n\r\n yellow: \u0027#f2eb9d\u0027,\r\n },\r\n space: {\r\n 1: \u00275px\u0027,\r\n 2: \u002710px\u0027,\r\n 3: \u002715px\u0027,\r\n logo: \u002730px\u0027,\r\n },\r\n fontSizes: {\r\n xSmall: \u002712px\u0027,\r\n small: \u002714px\u0027,\r\n normal: \u002716px\u0027,\r\n large: \u002718px\u0027,\r\n xLarge: \u002720px\u0027,\r\n xxLarge: \u002724px\u0027,\r\n xxxLarge: \u002732px\u0027,\r\n },\r\n fonts: {\r\n globalFont: \u0027Graphik, arial, sans-serif\u0027,\r\n gtEesti: \u0027GT-Eesti, arial, sans-serif\u0027,\r\n },\r\n fontWeights: {\r\n light: 300,\r\n regular: 400,\r\n medium: 500,\r\n semiBold: 600,\r\n bold: 700,\r\n },\r\n lineHeights: {},\r\n letterSpacings: {},\r\n sizes: {\r\n logo: \u002740%\u0027,\r\n },\r\n borderWidths: {},\r\n borderStyles: {},\r\n radii: {},\r\n shadows: {},\r\n zIndices: {},\r\n transitions: {},\r\n};\r\n\r\nvar b = {\r\n background: {\r\n position: \u0027top center\u0027,\r\n },\r\n buttonShape: {\r\n default: \u0027$square\u0027,\r\n },\r\n colors: {\r\n inputBorder: \u0027$grey600\u0027,\r\n inputBorderFocused: \u0027$black\u0027,\r\n inputText: \u0027$grey700\u0027,\r\n\r\n primary: \u0027#f7485d\u0027,\r\n primaryHover: \u0027$primary\u0027,\r\n\r\n textPrimary: \u0027#083a81\u0027,\r\n },\r\n fontWeights: {\r\n regular: 300,\r\n medium: 500,\r\n semiBold: 400,\r\n },\r\n space: {\r\n logo: \u002735%\u0027,\r\n },\r\n};","TestCases":[{"Name":"lodash merge","Code":"var c = _.merge(a, b);","IsDeferred":false},{"Name":"spread","Code":"var c = { \r\n ...a,\r\n background: {\r\n ...a.background,\r\n position: \u0027top center\u0027,\r\n },\r\n buttonShape: {\r\n ...a.buttonShape,\r\n default: \u0027$square\u0027,\r\n },\r\n colors: {\r\n ...a.colors,\r\n inputBorder: \u0027$grey600\u0027,\r\n inputBorderFocused: \u0027$black\u0027,\r\n inputText: \u0027$grey700\u0027,\r\n\r\n primary: \u0027#f7485d\u0027,\r\n primaryHover: \u0027$primary\u0027,\r\n\r\n textPrimary: \u0027#083a81\u0027,\r\n },\r\n fontWeights: {\r\n ...a.fontWeights,\r\n regular: 300,\r\n medium: 500,\r\n semiBold: 400,\r\n },\r\n space: {\r\n ...a.space,\r\n logo: \u002735%\u0027,\r\n },\r\n};","IsDeferred":false}]}