		@@ -24,2 +24,3 @@ var _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
		import toCSSString from './toCSSString';
		import validateSelectorPrefix from './validateSelectorPrefix';

		@@ -35,5 +36,7 @@ export default function createRenderer() {
		supportQueryOrder: config.supportQueryOrder \|\| [],
		selectorPrefix: config.selectorPrefix \|\| '',
		ruleOrder: [/^:link/, /^:visited/, /^:hover/, /^:focus-within/, /^:focus/, /^:active/],

		selectorPrefix: validateSelectorPrefix(config.selectorPrefix),
		filterClassName: config.filterClassName \|\| isSafeClassName,
		devMode: config.devMode \|\| false,

		@@ -208,2 +211,3 @@ uniqueRuleIdentifier: 0,
		declaration: declaration,
		pseudo: pseudo,
		media: media,
		@@ -210,0 +214,0 @@ support: support

lib/createRenderer.js

		@@ -77,2 +77,6 @@ 'use strict';

		var _validateSelectorPrefix = require('./validateSelectorPrefix');

		var _validateSelectorPrefix2 = _interopRequireDefault(_validateSelectorPrefix);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		@@ -91,5 +95,7 @@
		supportQueryOrder: config.supportQueryOrder \|\| [],
		selectorPrefix: config.selectorPrefix \|\| '',
		ruleOrder: [/^:link/, /^:visited/, /^:hover/, /^:focus-within/, /^:focus/, /^:active/],

		selectorPrefix: (0, _validateSelectorPrefix2.default)(config.selectorPrefix),
		filterClassName: config.filterClassName \|\| _isSafeClassName2.default,
		devMode: config.devMode \|\| false,

		@@ -264,2 +270,3 @@ uniqueRuleIdentifier: 0,
		declaration: declaration,
		pseudo: pseudo,
		media: media,
		@@ -266,0 +273,0 @@ support: support

package.json

		{
		"name": "fela",
		"version": "6.1.8",
		"version": "6.1.9",
		"description": "State-Driven Styling in JavaScript",
		@@ -36,8 +36,8 @@ "typings": "index.d.ts",
		"fast-loops": "^1.0.0",
		"fela-utils": "^8.0.7",
		"fela-utils": "^8.0.8",
		"isobject": "^3.0.1"
		},
		"devDependencies": {
		"fela-tools": "^5.1.6"
		"fela-tools": "^5.1.7"
		}
		}

README.md

		@@ -104,10 +104,10 @@ <h1><img alt="Fela" src="docs/res/logo.png" width="203"/></h1>

		const rule = state => ({
		const rule = props => ({
		textAlign: 'center',
		padding: '5px 10px',
		background: state.primary ? 'green' : 'blue',
		background: props.primary ? 'green' : 'blue',
		fontSize: '18pt',
		borderRadius: 5,
		':hover': {
		background: state.primary ? 'chartreuse' : 'dodgerblue',
		background: props.primary ? 'chartreuse' : 'dodgerblue',
		boxShadow: '0 0 2px rgb(70, 70, 70)'
		@@ -114,0 +114,0 @@ }

fela - npm Package Compare versions

New alerts