@project-r/styleguide - npm Package Compare versions

Comparing version 0.3.3 to 0.3.4

lib/theme/colors.docs.js

		@@ -26,2 +26,5 @@ 'use strict';
		_react2.default.createElement(_catalog.ColorSpecimen, { span: 1, name: 'Deaktiviert', value: colors.disabled }),
		_react2.default.createElement(_catalog.ColorSpecimen, { span: 3, name: 'Prim\xE4r Hintergrund', value: colors.primaryBg }),
		_react2.default.createElement(_catalog.ColorSpecimen, { span: 2, name: 'Second\xE4r Hintergrund', value: colors.secondaryBg }),
		_react2.default.createElement(_catalog.ColorSpecimen, { span: 1, name: 'Separator', value: colors.divider }),
		_react2.default.createElement(_catalog.ColorSpecimen, { span: 5, name: 'Text', value: colors.text }),
		@@ -28,0 +31,0 @@ _react2.default.createElement(_catalog.ColorSpecimen, { span: 1, name: 'Fehler', value: colors.error })

lib/theme/colors.js

		@@ -5,4 +5,5 @@ 'use strict';
		var primary = exports.primary = '#3CAD00';
		var primaryBg = exports.primaryBg = '#EBF6E5';
		var primaryBg = exports.primaryBg = '#EBF6E5'; // 10%
		var secondary = exports.secondary = '#4B6359';
		var secondaryBg = exports.secondaryBg = '#F6F8F7'; // 5%
		var disabled = exports.disabled = '#B7C1BD';
		@@ -14,2 +15,4 @@
		var text = exports.text = '#282828';
		var textLabel = exports.textLabel = '#ccc';
		var textLabel = exports.textLabel = '#ccc';

		var divider = exports.divider = '#DADDDC';

package.json

src/theme/colors.docs.js

		@@ -10,2 +10,5 @@ import React from 'react'
		<ColorSpecimen span={1} name='Deaktiviert' value={colors.disabled} />
		<ColorSpecimen span={3} name='Primär Hintergrund' value={colors.primaryBg} />
		<ColorSpecimen span={2} name='Secondär Hintergrund' value={colors.secondaryBg} />
		<ColorSpecimen span={1} name='Separator' value={colors.divider} />

		@@ -12,0 +15,0 @@ <ColorSpecimen span={5} name='Text' value={colors.text} />

src/theme/colors.js

		export const primary = '#3CAD00'
		export const primaryBg = '#EBF6E5'
		export const primaryBg = '#EBF6E5' // 10%
		export const secondary = '#4B6359'
		export const secondaryBg = '#F6F8F7' // 5%
		export const disabled = '#B7C1BD'
		@@ -11,1 +12,3 @@
		export const textLabel = '#ccc'

		export const divider = '#DADDDC'

New alerts