@automattic/vip-design-system 0.28.3 → 0.28.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/build/system/theme/index.js +3 -1
  2. package/package.json +1 -1
  3. package/src/system/theme/index.js +6 -1
package/build/system/theme/index.js CHANGED
@@ -66,6 +66,8 @@ var getComponentColors = function getComponentColors(theme, gColor, gVariants) {
66
66
  input: (0, _extends2["default"])({}, theme.input),
67
67
  // Toolbar Controls
68
68
  toolbar: (0, _extends2["default"])({}, theme.toolbar),
69
+ // Toolbar Controls
70
+ backgrounds: (0, _extends2["default"])({}, theme.background),
69
71
  // Accordion
70
72
  accordion: {
71
73
  content: {
@@ -342,7 +344,7 @@ var _default = {
342
344
  fontWeight: 'body',
343
345
  fontSize: 2,
344
346
  color: 'text',
345
- backgroundColor: getColor('background', 'primary'),
347
+ backgroundColor: 'backgrounds.primary',
346
348
  '-webkit-font-smoothing': 'antialiased',
347
349
  '-moz-osx-font-smoothing': 'grayscale',
348
350
  a: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@automattic/vip-design-system",
3
- "version": "0.28.3",
3
+ "version": "0.28.4",
4
4
  "main": "build/system/index.js",
5
5
  "scripts": {
6
6
  "build-storybook": "build-storybook",
package/src/system/theme/index.js CHANGED
@@ -77,6 +77,11 @@ const getComponentColors = ( theme, gColor, gVariants ) => ( {
77
77
  ...theme.toolbar,
78
78
  },
79
79
 
80
+ // Toolbar Controls
81
+ backgrounds: {
82
+ ...theme.background,
83
+ },
84
+
80
85
  // Accordion
81
86
  accordion: {
82
87
  content: {
@@ -402,7 +407,7 @@ export default {
402
407
  fontWeight: 'body',
403
408
  fontSize: 2,
404
409
  color: 'text',
405
- backgroundColor: getColor( 'background', 'primary' ),
410
+ backgroundColor: 'backgrounds.primary',
406
411
  '-webkit-font-smoothing': 'antialiased',
407
412
  '-moz-osx-font-smoothing': 'grayscale',
408
413
  a: {