@cryptic-css/core - npm Package Compare versions

Comparing version 0.0.10 to 0.1.0

dist/ccss.js

@@ -9,3 +9,3 @@ import props from "./props";
       if (props[k]) {
-        generated += props[k](v[k], v);
+        generated += props[k](v[k], v, k);
       }
@@ -12,0 +12,0 @@ }

dist/ccss.test.js

@@ -40,4 +40,13 @@ import ccss, { setValueMap } from "./";
     });
-    it('pseudo/child', () => {
+    it('pseudo', () => {
       expect(ccss({
+        ':b': {
+          d: 'b'
+        }
+      }).trim()).toBe(`:before {
+        display: block;
+    }`);
+    });
+    it('child/pseudo', () => {
+      expect(ccss({
         child: {
@@ -44,0 +53,0 @@ ':h': {

dist/index.d.ts

 export { default } from './ccss';
+export { pipe, evaluateCSSProp } from './parsers';
 export { default as props, setProps } from './props';
 export { default as options, setOptions } from './options';
 export { valueMap, pseudoMap, setValueMap, setPseudoMap } from './maps';
-export { pipe, evaluateCSSProp } from './parsers';
 export { default as ICCSSProps } from './types';

dist/index.js

 export { default } from "./ccss";
+export { pipe, evaluateCSSProp } from "./parsers";
 export { default as props, setProps } from "./props";
 export { default as options, setOptions } from "./options";
 export { valueMap, pseudoMap, setValueMap, setPseudoMap } from "./maps";
-export { pipe, evaluateCSSProp } from "./parsers";
 export { default as ICCSSProps } from "./types";

dist/parsers.d.ts

@@ -6,3 +6,3 @@ export declare const evaluateCSSProp: (...args: any[]) => any;
 export declare const pipe: (...fs: any[]) => (...args: any[]) => any;
-export declare const parsePseudo: (input: any, prop: any) => string;
+export declare const parsePseudo: (input: any, all: any, prop: any) => string;
 /**
@@ -9,0 +9,0 @@ * You can pass children to your ccss supporting both pseudo classes and nested selectors

dist/parsers.js

@@ -1,4 +0,4 @@
-import ccss from "./ccss";
 import options from "./options";
 import { valueMap, pseudoMap } from "./maps";
+import ccss from "./ccss";
 const IS_PROD = process.env.NODE_ENV === 'production';
@@ -76,3 +76,3 @@
 };
-export const parsePseudo = (input, prop) => `
+export const parsePseudo = (input, all, prop) => `
     :${pseudoMap[prop]} {
@@ -79,0 +79,0 @@ ${ccss(input)}

dist/props.js

@@ -99,4 +99,4 @@ function _extends() { _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; }; return _extends.apply(this, arguments); }
   // Dimension
-  w: v => evaluateCSSProp('width', v, mapValue),
-  h: v => evaluateCSSProp('height', v, mapValue),
+  w: v => evaluateCSSProp('width', v, pipe(mapValue, parseSingle)),
+  h: v => evaluateCSSProp('height', v, pipe(mapValue, parseSingle)),
   minW: v => evaluateCSSProp('min-width', v, pipe(mapValue, parseSingle)),
@@ -103,0 +103,0 @@ minH: v => evaluateCSSProp('min-height', v, pipe(mapValue, parseSingle)),

package.json

 {
     "name": "@cryptic-css/core",
-    "version": "0.0.10",
+    "version": "0.1.0",
     "description": "> TODO: description",
@@ -35,3 +35,3 @@ "author": "Viktor Vincze <[e-mail]>",
     },
-    "gitHead": "0dd7066a9b8417ad6c48758c18a3dbbad07221e0"
+    "gitHead": "76bb53637c01aad1f5b103ab337ba236329046ea"
 }

src/ccss.test.ts

@@ -30,5 +30,14 @@ import ccss, { setValueMap } from '@'
         })
-        it('pseudo/child', () => {
+        it('pseudo', () => {
             expect(
                 ccss({
+                    ':b': { d: 'b' }
+                }).trim()
+            ).toBe(`:before {
+        display: block;
+    }`)
+        })
+        it('child/pseudo', () => {
+            expect(
+                ccss({
                     child: {
@@ -35,0 +44,0 @@ ':h': { c: 'white' }

src/ccss.ts

@@ -10,3 +10,3 @@ import { TCCSSCoreProp } from './types'
             if (props[k]) {
-                generated += props[k](v[k], v)
+                generated += props[k](v[k], v, k)
             }
@@ -13,0 +13,0 @@ }

src/index.d.ts

 export { default } from './ccss';
+export { pipe, evaluateCSSProp } from './parsers';
 export { default as props, setProps } from './props';
 export { default as options, setOptions } from './options';
 export { valueMap, pseudoMap, setValueMap, setPseudoMap } from './maps';
-export { pipe, evaluateCSSProp } from './parsers';
 export { default as ICCSSProps } from './types';

src/index.ts

 export { default } from './ccss'
+export { pipe, evaluateCSSProp } from './parsers'
 export { default as props, setProps } from './props'
 export { default as options, setOptions } from './options'
 export { valueMap, pseudoMap, setValueMap, setPseudoMap } from './maps'
-export { pipe, evaluateCSSProp } from './parsers'
 export { default as ICCSSProps } from './types'

src/parsers.d.ts

@@ -6,3 +6,3 @@ export declare const evaluateCSSProp: (...args: any[]) => any;
 export declare const pipe: (...fs: any[]) => (...args: any[]) => any;
-export declare const parsePseudo: (input: any, prop: any) => string;
+export declare const parsePseudo: (input: any, all: any, prop: any) => string;
 /**
@@ -9,0 +9,0 @@ * You can pass children to your ccss supporting both pseudo classes and nested selectors

src/parsers.ts

@@ -1,4 +0,4 @@
-import ccss from './ccss'
 import options from './options'
 import { valueMap, pseudoMap } from './maps'
+import ccss from './ccss'
 
@@ -62,3 +62,3 @@ const IS_PROD = process.env.NODE_ENV === 'production'
 
-export const parsePseudo = (input, prop) => `
+export const parsePseudo = (input, all, prop) => `
     :${pseudoMap[prop]} {
@@ -65,0 +65,0 @@ ${ccss(input)}

src/props.ts

@@ -115,4 +115,4 @@ import { pipe, mapValue, parseArray, parseSingle, evaluateCSSProp, child, parsePseudo } from './parsers'
     // Dimension
-    w: v => evaluateCSSProp('width', v, mapValue),
-    h: v => evaluateCSSProp('height', v, mapValue),
+    w: v => evaluateCSSProp('width', v, pipe(mapValue, parseSingle)),
+    h: v => evaluateCSSProp('height', v, pipe(mapValue, parseSingle)),
     minW: v => evaluateCSSProp('min-width', v, pipe(mapValue, parseSingle)),
@@ -119,0 +119,0 @@ minH: v => evaluateCSSProp('min-height', v, pipe(mapValue, parseSingle)),

No alert changes

Improved metrics

Total package byte prevSize

1193045

increased by0.04%

Lines of code

7978

increased by0.23%

No dependency changes