@cryptic-css/prop-mq - npm Package Compare versions

Comparing version 5.7.0 to 5.8.0

CHANGELOG.md

@@ -6,2 +6,14 @@ # Change Log
 
+# [5.8.0](https://github.com/wintercounter/ccss/compare/v5.7.0...v5.8.0) (2021-09-23)
+
+
+### Features
+
+* **styled:** pass theme and children props to function props ([#27](https://github.com/wintercounter/ccss/issues/27)) ([6014a80](https://github.com/wintercounter/ccss/commit/6014a80cf85da6017bdb3f6fc1dc74f743b54878))
+
+
+
+
+
+
 # [5.7.0](https://github.com/wintercounter/ccss/compare/v5.6.1...v5.7.0) (2021-06-30)
@@ -8,0 +20,0 @@

dist/cjs/index.d.ts

@@ -1,4 +0,7 @@
-import { CCSSProps } from '@cryptic-css/core';
-declare type MediaQueryItem = [string, CCSSProps];
-declare type MediaQueryItems = MediaQueryItem | MediaQueryItem[];
+import { CCSSProps, CCSSPropValue } from '@cryptic-css/core';
+import { InputObject } from 'transformed';
+export declare type MediaQueryItem = [string, CCSSProps];
+export declare type MediaQueryItems = MediaQueryItem | MediaQueryItem[];
+export declare type MediaQueryPropFunction = <T>(v: CCSSPropValue, o?: T, p?: InputObject) => MediaQueryItems;
+export declare type MediaQueryValue = MediaQueryItem | MediaQueryItem[] | MediaQueryPropFunction;
 declare module '@cryptic-css/core' {
@@ -13,3 +16,3 @@ interface CCSSProps {
          */
-        mq?: MediaQueryItems;
+        mq?: MediaQueryValue;
         /**
@@ -22,3 +25,3 @@ * # mediaQuery
          */
-        mediaQuery?: MediaQueryItems;
+        mediaQuery?: MediaQueryValue;
         /**
@@ -31,3 +34,3 @@ * # mediaQuery
          */
-        at?: MediaQueryItems;
+        at?: MediaQueryValue;
         /**
@@ -40,3 +43,3 @@ * # mediaQuery
          */
-        media?: MediaQueryItems;
+        media?: MediaQueryValue;
     }
@@ -43,0 +46,0 @@ }

dist/index.d.ts

@@ -1,4 +0,7 @@
-import { CCSSProps } from '@cryptic-css/core';
-declare type MediaQueryItem = [string, CCSSProps];
-declare type MediaQueryItems = MediaQueryItem | MediaQueryItem[];
+import { CCSSProps, CCSSPropValue } from '@cryptic-css/core';
+import { InputObject } from 'transformed';
+export declare type MediaQueryItem = [string, CCSSProps];
+export declare type MediaQueryItems = MediaQueryItem | MediaQueryItem[];
+export declare type MediaQueryPropFunction = <T>(v: CCSSPropValue, o?: T, p?: InputObject) => MediaQueryItems;
+export declare type MediaQueryValue = MediaQueryItem | MediaQueryItem[] | MediaQueryPropFunction;
 declare module '@cryptic-css/core' {
@@ -13,3 +16,3 @@ interface CCSSProps {
          */
-        mq?: MediaQueryItems;
+        mq?: MediaQueryValue;
         /**
@@ -22,3 +25,3 @@ * # mediaQuery
          */
-        mediaQuery?: MediaQueryItems;
+        mediaQuery?: MediaQueryValue;
         /**
@@ -31,3 +34,3 @@ * # mediaQuery
          */
-        at?: MediaQueryItems;
+        at?: MediaQueryValue;
         /**
@@ -40,3 +43,3 @@ * # mediaQuery
          */
-        media?: MediaQueryItems;
+        media?: MediaQueryValue;
     }
@@ -43,0 +46,0 @@ }

package.json

 {
     "name": "@cryptic-css/prop-mq",
-    "version": "5.7.0",
+    "version": "5.8.0",
     "description": "Adds support for the `mq` prop to write media queries using `@w11r/use-breakpoint`.",
@@ -46,3 +46,2 @@ "author": "Victor Vincent <[e-mail]>",
                                                     "node": true,
-                                                    "browsers": false,
                                                     "esmodules": true
@@ -78,5 +77,5 @@ }
     "devDependencies": {
-        "@cryptic-css/core": "^5.7.0"
+        "@cryptic-css/core": "^5.8.0"
     },
-    "gitHead": "046c392acedba4e324349ebfa140f3c10721a226"
+    "gitHead": "2a5971320cf9ebf21092297f68d0c39576f2e7dd"
 }

README.md

 # `@cryptic-css/prop-mq`
 
 See: https://ccss.dev/docs/api-and-packages/prop-mq

No alert changes

Improved metrics

Total package byte prevSize

20820

increased by6.52%

Lines of code

207

increased by2.99%

No dependency changes