fela - npm Package Compare versions

Comparing version 10.2.4 to 10.3.0

es/createRenderer.js

@@ -9,3 +9,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 { generateCombinedMediaQuery, generateCSSSelector, isMediaQuery, isNestedSelector, isUndefinedValue, isSupport, normalizeNestedProperty, processStyleWithPlugins, STATIC_TYPE, RULE_TYPE, KEYFRAME_TYPE, FONT_TYPE, CLEAR_TYPE } from 'fela-utils';
+import { generateDeclarationReference, generateCombinedMediaQuery, generateCSSSelector, isMediaQuery, isNestedSelector, isUndefinedValue, isSupport, normalizeNestedProperty, processStyleWithPlugins, STATIC_TYPE, RULE_TYPE, KEYFRAME_TYPE, FONT_TYPE, CLEAR_TYPE } from 'fela-utils';
 
@@ -182,3 +182,3 @@ import cssifyFontFace from './cssifyFontFace';
         } else {
-          var declarationReference = support + media + pseudo + property + value;
+          var declarationReference = generateDeclarationReference(property, value, pseudo, media, support);
 
@@ -185,0 +185,0 @@ if (!renderer.cache.hasOwnProperty(declarationReference)) {

index.d.ts

@@ -7,4 +7,9 @@ declare module "fela" {
   export type TRule<T = TRuleProps> = (props: T, renderer: IRenderer) => IStyle
+  export type TKeyFrame<T = TRuleProps> = (props: T, renderer: IRenderer) => {
+    from?: IStyle,
+    to?: IStyle,
 
-  type TKeyFrame = TRule;
+    [persent: string]: IStyle | undefined;
+  };
+
   type TRendererCreator = (config?: IConfig) => IRenderer;
@@ -27,3 +32,3 @@ type TPlugin = (style: IStyle) => IStyle; //http://fela.js.org/docs/advanced/Plugins.html
     renderRule<T = TRuleProps>(rule: TRule<T>, props: T): string
-    renderKeyframe<T = TRuleProps>(keyFrame: TKeyFrame, props: T): string;
+    renderKeyframe<T = TRuleProps>(keyFrame: TKeyFrame<T>, props: T): string;
     renderFont<T = TRuleProps>(family: string, files: Array<string>, props: T): void;
@@ -50,3 +55,3 @@ renderStatic(style: string, selector?: string): void;
   export interface IStyle extends CSS.Properties<string | number> {
-    //TODO: add properties, missing in React.CSSProperties
+    // for selectors and pseudo classes use fela-plugin-typescript
   }
@@ -53,0 +58,0 @@

lib/createRenderer.js

@@ -231,3 +231,3 @@ 'use strict';
         } else {
-          var declarationReference = support + media + pseudo + property + value;
+          var declarationReference = (0, _felaUtils.generateDeclarationReference)(property, value, pseudo, media, support);
 
@@ -234,0 +234,0 @@ if (!renderer.cache.hasOwnProperty(declarationReference)) {

package.json

 {
   "name": "fela",
-  "version": "10.2.4",
+  "version": "10.3.0",
   "description": "State-Driven Styling in JavaScript",
@@ -38,6 +38,6 @@ "typings": "index.d.ts",
     "fast-loops": "^1.0.0",
-    "fela-utils": "^10.2.4",
+    "fela-utils": "^10.3.0",
     "isobject": "^3.0.1"
   },
-  "gitHead": "4edeeffc5be2e05473a52c24523dbebcd9e0ef0d"
+  "gitHead": "da2a0fc432df47617f017bac488bdb40ecddd2a1"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

67363

decreased by-0.75%

Lines of code

1211

decreased by-0.25%

Dependency changes

• Updatedfela-utils@^10.3.0