Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

fela

Package Overview
Dependencies
Maintainers
2
Versions
123
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

fela - npm Package Compare versions

Comparing version 10.4.0 to 10.4.1

10

es/createRenderer.js

@@ -33,4 +33,2 @@ 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; };

ruleOrder: [/^:link/, /^:visited/, /^:hover/, /^:focus-within/, /^:focus/, /^:active/],
rendererId: validateSelectorPrefix(config.rendererId),
selectorPrefix: validateSelectorPrefix(config.selectorPrefix),

@@ -61,10 +59,10 @@ filterClassName: config.filterClassName || isSafeClassName,

var resolvedKeyframe = keyframe(props, renderer);
var keyframeReference = JSON.stringify(resolvedKeyframe);
var processedKeyframe = processStyleWithPlugins(renderer, resolvedKeyframe, KEYFRAME_TYPE, props);
var keyframeReference = JSON.stringify(processedKeyframe);
if (!renderer.cache.hasOwnProperty(keyframeReference)) {
// use another unique identifier to ensure minimal css markup
var animationName = generateAnimationName(++renderer.uniqueKeyframeIdentifier, renderer.rendererId);
var animationName = generateAnimationName(++renderer.uniqueKeyframeIdentifier);
var processedKeyframe = processStyleWithPlugins(renderer, resolvedKeyframe, KEYFRAME_TYPE, props);
var cssKeyframe = cssifyKeyframe(processedKeyframe, animationName, renderer.keyframePrefixes);

@@ -71,0 +69,0 @@

4

es/generateAnimationName.js
export default function generateAnimationName(id) {
var rendererId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
return rendererId + 'k' + id;
return 'k' + id;
}

@@ -46,3 +46,2 @@ declare module "fela" {

mediaQueryOrder?: Array<string>;
rendererId?: string;
selectorPrefix?: string;

@@ -49,0 +48,0 @@ filterClassName?: (className: string) => boolean;

@@ -83,4 +83,2 @@ 'use strict';

ruleOrder: [/^:link/, /^:visited/, /^:hover/, /^:focus-within/, /^:focus/, /^:active/],
rendererId: (0, _validateSelectorPrefix2.default)(config.rendererId),
selectorPrefix: (0, _validateSelectorPrefix2.default)(config.selectorPrefix),

@@ -111,10 +109,10 @@ filterClassName: config.filterClassName || _isSafeClassName2.default,

var resolvedKeyframe = keyframe(props, renderer);
var keyframeReference = JSON.stringify(resolvedKeyframe);
var processedKeyframe = (0, _felaUtils.processStyleWithPlugins)(renderer, resolvedKeyframe, _felaUtils.KEYFRAME_TYPE, props);
var keyframeReference = JSON.stringify(processedKeyframe);
if (!renderer.cache.hasOwnProperty(keyframeReference)) {
// use another unique identifier to ensure minimal css markup
var animationName = (0, _generateAnimationName2.default)(++renderer.uniqueKeyframeIdentifier, renderer.rendererId);
var animationName = (0, _generateAnimationName2.default)(++renderer.uniqueKeyframeIdentifier);
var processedKeyframe = (0, _felaUtils.processStyleWithPlugins)(renderer, resolvedKeyframe, _felaUtils.KEYFRAME_TYPE, props);
var cssKeyframe = (0, _cssifyKeyframe2.default)(processedKeyframe, animationName, renderer.keyframePrefixes);

@@ -121,0 +119,0 @@

@@ -8,5 +8,3 @@ 'use strict';

function generateAnimationName(id) {
var rendererId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
return rendererId + 'k' + id;
return 'k' + id;
}
{
"name": "fela",
"version": "10.4.0",
"version": "10.4.1",
"description": "State-Driven Styling in JavaScript",

@@ -38,6 +38,6 @@ "typings": "index.d.ts",

"fast-loops": "^1.0.0",
"fela-utils": "^10.4.0",
"fela-utils": "^10.4.1",
"isobject": "^3.0.1"
},
"gitHead": "a064f897f41a6f60934265b686c53756f4ee71b8"
"gitHead": "2955dd7100c03c4fc9e958fc904ed9ea642100f8"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc