@cssfn/cssfn - npm Package Compare versions

Comparing version 2.0.2 to 2.0.3

dist/cssfn.d.ts

@@ -35,20 +35,20 @@ import type { CssCustomValue, CssCustomProps, CssKnownValueOf, CssProps, CssRule, CssRuleCollection, CssStyle, CssStyleCollection, CssFontFaceStyleCollection, CssCustomKeyframesRef, CssKeyframes, CssKeyframesRule, CssSelectorCollection, CssSelectorOptions, CssScopeName, CssScopeOptions, CssScopeEntry } from '@cssfn/css-types';
 export declare const atRoot: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isFirstChild: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isNotFirstChild: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isLastChild: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isNotLastChild: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isNthChild: (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isNotNthChild: (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isNthLastChild: (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isNotNthLastChild: (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isActive: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isNotActive: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isFocus: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isNotFocus: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isFocusVisible: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isNotFocusVisible: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isHover: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isNotHover: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isEmpty: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
-export declare const isNotEmpty: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifFirstChild: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifNotFirstChild: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifLastChild: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifNotLastChild: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifNthChild: (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifNotNthChild: (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifNthLastChild: (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifNotNthLastChild: (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifActive: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifNotActive: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifFocus: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifNotFocus: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifFocusVisible: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifNotFocusVisible: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifHover: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifNotHover: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifEmpty: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
+export declare const ifNotEmpty: (styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
 export declare const combinators: (combinator: Combinator, selectors: CssSelectorCollection, styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;
@@ -55,0 +55,0 @@ export declare const descendants: (selectors: CssSelectorCollection, styles: CssStyleCollection, options?: CssSelectorOptions | undefined) => CssRule;

dist/cssfn.js

@@ -176,7 +176,7 @@ // internals:
 export const atRoot = (styles, options) => rule(':root', styles, options);
-export const isFirstChild = (styles, options) => rule(':first-child', styles, options);
-export const isNotFirstChild = (styles, options) => rule(':not(:first-child)', styles, options);
-export const isLastChild = (styles, options) => rule(':last-child', styles, options);
-export const isNotLastChild = (styles, options) => rule(':not(:last-child)', styles, options);
-export const isNthChild = (step, offset, styles, options) => {
+export const ifFirstChild = (styles, options) => rule(':first-child', styles, options);
+export const ifNotFirstChild = (styles, options) => rule(':not(:first-child)', styles, options);
+export const ifLastChild = (styles, options) => rule(':last-child', styles, options);
+export const ifNotLastChild = (styles, options) => rule(':not(:last-child)', styles, options);
+export const ifNthChild = (step, offset, styles, options) => {
     if (step === 0) { // no step
@@ -186,3 +186,3 @@ if (offset === 0)
         if (offset === 1)
-            return isFirstChild(styles, options); // 1st
+            return ifFirstChild(styles, options); // 1st
         return rule(`:nth-child(${offset})`, styles, options); // 2nd, 3rd, 4th, ...
@@ -201,8 +201,8 @@ }
 };
-export const isNotNthChild = (step, offset, styles, options) => {
+export const ifNotNthChild = (step, offset, styles, options) => {
     if (step === 0) { // no step
         if (offset === 0)
-            return isNthChild(1, 0, styles, options); // not 0th => not never match => always match
+            return ifNthChild(1, 0, styles, options); // not 0th => not never match => always match
         if (offset === 1)
-            return isNotFirstChild(styles, options); // not 1st
+            return ifNotFirstChild(styles, options); // not 1st
         return rule(`:not(:nth-child(${offset}))`, styles, options); // not 2nd, not 3rd, not 4th, not ...
@@ -221,3 +221,3 @@ }
 };
-export const isNthLastChild = (step, offset, styles, options) => {
+export const ifNthLastChild = (step, offset, styles, options) => {
     if (step === 0) { // no step
@@ -227,3 +227,3 @@ if (offset === 0)
         if (offset === 1)
-            return isLastChild(styles, options); // 1st
+            return ifLastChild(styles, options); // 1st
         return rule(`:nth-last-child(${offset})`, styles, options); // 2nd, 3rd, 4th, ...
@@ -233,3 +233,3 @@ }
         if (offset === 0)
-            return isNthChild(1, 0, styles, options); // always match
+            return ifNthChild(1, 0, styles, options); // always match
         return rule(`:nth-last-child(n+${offset})`, styles, options);
@@ -243,8 +243,8 @@ }
 };
-export const isNotNthLastChild = (step, offset, styles, options) => {
+export const ifNotNthLastChild = (step, offset, styles, options) => {
     if (step === 0) { // no step
         if (offset === 0)
-            return isNthChild(1, 0, styles, options); // not 0th last => not never match => always match
+            return ifNthChild(1, 0, styles, options); // not 0th last => not never match => always match
         if (offset === 1)
-            return isNotLastChild(styles, options); // not 1st last
+            return ifNotLastChild(styles, options); // not 1st last
         return rule(`:not(:nth-last-child(${offset}))`, styles, options); // not 2nd last, not 3rd last, not 4th last, not ... last
@@ -263,12 +263,12 @@ }
 };
-export const isActive = (styles, options) => rule(':active', styles, options);
-export const isNotActive = (styles, options) => rule(':not(:active)', styles, options);
-export const isFocus = (styles, options) => rule(':focus', styles, options);
-export const isNotFocus = (styles, options) => rule(':not(:focus)', styles, options);
-export const isFocusVisible = (styles, options) => rule(':focus-visible', styles, options);
-export const isNotFocusVisible = (styles, options) => rule(':not(:focus-visible)', styles, options);
-export const isHover = (styles, options) => rule(':hover', styles, options);
-export const isNotHover = (styles, options) => rule(':not(:hover)', styles, options);
-export const isEmpty = (styles, options) => rule(':empty', styles, options);
-export const isNotEmpty = (styles, options) => rule(':not(:empty)', styles, options);
+export const ifActive = (styles, options) => rule(':active', styles, options);
+export const ifNotActive = (styles, options) => rule(':not(:active)', styles, options);
+export const ifFocus = (styles, options) => rule(':focus', styles, options);
+export const ifNotFocus = (styles, options) => rule(':not(:focus)', styles, options);
+export const ifFocusVisible = (styles, options) => rule(':focus-visible', styles, options);
+export const ifNotFocusVisible = (styles, options) => rule(':not(:focus-visible)', styles, options);
+export const ifHover = (styles, options) => rule(':hover', styles, options);
+export const ifNotHover = (styles, options) => rule(':not(:hover)', styles, options);
+export const ifEmpty = (styles, options) => rule(':empty', styles, options);
+export const ifNotEmpty = (styles, options) => rule(':not(:empty)', styles, options);
 // combinators:
@@ -275,0 +275,0 @@ export const combinators = (combinator, selectors, styles, options) => {

package.json

 {
   "name": "@cssfn/cssfn",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "Writes, imports, and exports css stylesheets as javascript modules.",
@@ -48,3 +48,3 @@ "keywords": [
   },
-  "gitHead": "84ec928c1a47647a6a86ba0e2b16e754ca9eeba2"
+  "gitHead": "5f97c00f873110024d82bd82eae5a04a8e2001df"
 }

src/cssfn.ts

@@ -294,11 +294,11 @@ // cssfn:
 export const atRoot            = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(':root'               , styles, options);
-export const isFirstChild      = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(     ':first-child'   , styles, options);
-export const isNotFirstChild   = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(':not(:first-child)'  , styles, options);
-export const isLastChild       = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(     ':last-child'    , styles, options);
-export const isNotLastChild    = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(':not(:last-child)'   , styles, options);
-export const isNthChild        = (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions): CssRule => {
+export const ifFirstChild      = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(     ':first-child'   , styles, options);
+export const ifNotFirstChild   = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(':not(:first-child)'  , styles, options);
+export const ifLastChild       = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(     ':last-child'    , styles, options);
+export const ifNotLastChild    = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(':not(:last-child)'   , styles, options);
+export const ifNthChild        = (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions): CssRule => {
     if (step === 0) { // no step
         if (offset === 0) return emptyRule();                                    // 0th => never match => return empty rule
         
-        if (offset === 1) return isFirstChild(styles, options);                  // 1st
+        if (offset === 1) return ifFirstChild(styles, options);                  // 1st
         
@@ -318,7 +318,7 @@ return rule(`:nth-child(${offset})`, styles, options);                   // 2nd, 3rd, 4th, ...
 };
-export const isNotNthChild     = (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions): CssRule => {
+export const ifNotNthChild     = (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions): CssRule => {
     if (step === 0) { // no step
-        if (offset === 0) return isNthChild(1, 0, styles, options);              // not 0th => not never match => always match
+        if (offset === 0) return ifNthChild(1, 0, styles, options);              // not 0th => not never match => always match
         
-        if (offset === 1) return isNotFirstChild(styles, options);               // not 1st
+        if (offset === 1) return ifNotFirstChild(styles, options);               // not 1st
         
@@ -338,7 +338,7 @@ return rule(`:not(:nth-child(${offset}))`, styles, options);             // not 2nd, not 3rd, not 4th, not ...
 };
-export const isNthLastChild    = (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions): CssRule => {
+export const ifNthLastChild    = (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions): CssRule => {
     if (step === 0) { // no step
         if (offset === 0) return emptyRule();                                    // 0th => never match => return empty rule
         
-        if (offset === 1) return isLastChild(styles, options);                   // 1st
+        if (offset === 1) return ifLastChild(styles, options);                   // 1st
         
@@ -348,3 +348,3 @@ return rule(`:nth-last-child(${offset})`, styles, options);              // 2nd, 3rd, 4th, ...
     else if (step === 1) { // 1 step
-        if (offset === 0) return isNthChild(1, 0, styles, options);              // always match
+        if (offset === 0) return ifNthChild(1, 0, styles, options);              // always match
         
@@ -359,7 +359,7 @@ return rule(`:nth-last-child(n+${offset})`, styles, options);
 };
-export const isNotNthLastChild = (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions): CssRule => {
+export const ifNotNthLastChild = (step: number, offset: number, styles: CssStyleCollection, options?: CssSelectorOptions): CssRule => {
     if (step === 0) { // no step
-        if (offset === 0) return isNthChild(1, 0, styles, options);              // not 0th last => not never match => always match
+        if (offset === 0) return ifNthChild(1, 0, styles, options);              // not 0th last => not never match => always match
         
-        if (offset === 1) return isNotLastChild(styles, options);                // not 1st last
+        if (offset === 1) return ifNotLastChild(styles, options);                // not 1st last
         
@@ -379,12 +379,12 @@ return rule(`:not(:nth-last-child(${offset}))`, styles, options);        // not 2nd last, not 3rd last, not 4th last, not ... last
 };
-export const isActive          = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(     ':active'        , styles, options);
-export const isNotActive       = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(':not(:active)'       , styles, options);
-export const isFocus           = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(     ':focus'         , styles, options);
-export const isNotFocus        = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(':not(:focus)'        , styles, options);
-export const isFocusVisible    = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(     ':focus-visible' , styles, options);
-export const isNotFocusVisible = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(':not(:focus-visible)', styles, options);
-export const isHover           = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(     ':hover'         , styles, options);
-export const isNotHover        = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(':not(:hover)'        , styles, options);
-export const isEmpty           = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(     ':empty'         , styles, options);
-export const isNotEmpty        = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(':not(:empty)'        , styles, options);
+export const ifActive          = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(     ':active'        , styles, options);
+export const ifNotActive       = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(':not(:active)'       , styles, options);
+export const ifFocus           = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(     ':focus'         , styles, options);
+export const ifNotFocus        = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(':not(:focus)'        , styles, options);
+export const ifFocusVisible    = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(     ':focus-visible' , styles, options);
+export const ifNotFocusVisible = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(':not(:focus-visible)', styles, options);
+export const ifHover           = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(     ':hover'         , styles, options);
+export const ifNotHover        = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(':not(:hover)'        , styles, options);
+export const ifEmpty           = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(     ':empty'         , styles, options);
+export const ifNotEmpty        = (styles:         CssStyleCollection, options?: CssSelectorOptions) => rule(':not(:empty)'        , styles, options);
 
@@ -391,0 +391,0 @@

No alert changes

No metric changes

No dependency changes