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

Comparing version 5.4.0 to 5.5.0

CHANGELOG.md

@@ -6,2 +6,14 @@ # Change Log
 
+# [5.5.0](https://github.com/wintercounter/ccss/compare/v5.4.0...v5.5.0) (2021-06-25)
+
+
+### Bug Fixes
+
+* **ts:** type fixes across several packages ([333e807](https://github.com/wintercounter/ccss/commit/333e807d808c3a84a99f95b358ae174df606e37c))
+* generate npmignore for packages ([8e10905](https://github.com/wintercounter/ccss/commit/8e10905275244e52dd50252b3eac50e497609bd8))
+
+
+
+
+
 # [5.4.0](https://github.com/wintercounter/ccss/compare/v5.3.0...v5.4.0) (2021-06-24)
@@ -8,0 +20,0 @@

dist/cjs/index.d.ts

@@ -1,20 +0,38 @@
-import { CCSSProp } from '@cryptic-css/core';
+import { CCSSProps } from '@cryptic-css/core';
+declare type MediaQueryItem = [string, CCSSProps];
+declare type MediaQueryItems = MediaQueryItem[];
 declare module '@cryptic-css/core' {
     interface CCSSProps {
         /**
-         * # mediaQuery (mb)
+         * # mediaQuery
          *
-         * Helps you to apply CCSS rules based on screen sizes.
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
          *
          * @see https://ccss.dev/docs/api-and-packages/prop-mq
          */
-        mq?: CCSSProp;
+        mq?: MediaQueryItems;
         /**
-         * # mediaQuery (mb)
+         * # mediaQuery
          *
-         * Helps you to apply CCSS rules based on screen sizes.
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
          *
          * @see https://ccss.dev/docs/api-and-packages/prop-mq
          */
-        mediaQuery?: CCSSProp;
+        mediaQuery?: MediaQueryItems;
+        /**
+         * # mediaQuery
+         *
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
+         *
+         * @see https://ccss.dev/docs/api-and-packages/prop-mq
+         */
+        at?: MediaQueryItems;
+        /**
+         * # mediaQuery
+         *
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
+         *
+         * @see https://ccss.dev/docs/api-and-packages/prop-mq
+         */
+        media?: MediaQueryItems;
     }
@@ -21,0 +39,0 @@ }

dist/cjs/index.js

@@ -8,2 +8,4 @@ "use strict";
 
+var _core = require("@cryptic-css/core");
+
 var _useBreakpoint = require("@w11r/use-breakpoint");
@@ -10,0 +12,0 @@

dist/index.d.ts

@@ -1,20 +0,38 @@
-import { CCSSProp } from '@cryptic-css/core';
+import { CCSSProps } from '@cryptic-css/core';
+declare type MediaQueryItem = [string, CCSSProps];
+declare type MediaQueryItems = MediaQueryItem[];
 declare module '@cryptic-css/core' {
     interface CCSSProps {
         /**
-         * # mediaQuery (mb)
+         * # mediaQuery
          *
-         * Helps you to apply CCSS rules based on screen sizes.
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
          *
          * @see https://ccss.dev/docs/api-and-packages/prop-mq
          */
-        mq?: CCSSProp;
+        mq?: MediaQueryItems;
         /**
-         * # mediaQuery (mb)
+         * # mediaQuery
          *
-         * Helps you to apply CCSS rules based on screen sizes.
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
          *
          * @see https://ccss.dev/docs/api-and-packages/prop-mq
          */
-        mediaQuery?: CCSSProp;
+        mediaQuery?: MediaQueryItems;
+        /**
+         * # mediaQuery
+         *
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
+         *
+         * @see https://ccss.dev/docs/api-and-packages/prop-mq
+         */
+        at?: MediaQueryItems;
+        /**
+         * # mediaQuery
+         *
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
+         *
+         * @see https://ccss.dev/docs/api-and-packages/prop-mq
+         */
+        media?: MediaQueryItems;
     }
@@ -21,0 +39,0 @@ }

dist/index.js

@@ -0,1 +1,2 @@
+import { CCSSProps } from '@cryptic-css/core';
 import { mediaQuery } from '@w11r/use-breakpoint';
@@ -2,0 +3,0 @@

package.json

 {
     "name": "@cryptic-css/prop-mq",
-    "version": "5.4.0",
+    "version": "5.5.0",
     "description": "Adds support for the `mq` prop to write media queries using `@w11r/use-breakpoint`.",
@@ -23,3 +23,3 @@ "author": "Victor Vincent <[e-mail]>",
         "build:cjs": "mhy bb --mhy-env=prod:cjs",
-        "config": "mhy config typescript -io"
+        "config": "mhy config typescript npmignore -io"
     },
@@ -78,5 +78,5 @@ "mhy": {
     "devDependencies": {
-        "@cryptic-css/core": "^5.4.0"
+        "@cryptic-css/core": "^5.5.0"
     },
     "gitHead": "046c392acedba4e324349ebfa140f3c10721a226"
 }

src/index.d.ts

@@ -1,20 +0,38 @@
-import { CCSSProp } from '@cryptic-css/core';
+import { CCSSProps } from '@cryptic-css/core';
+declare type MediaQueryItem = [string, CCSSProps];
+declare type MediaQueryItems = MediaQueryItem[];
 declare module '@cryptic-css/core' {
     interface CCSSProps {
         /**
-         * # mediaQuery (mb)
+         * # mediaQuery
          *
-         * Helps you to apply CCSS rules based on screen sizes.
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
          *
          * @see https://ccss.dev/docs/api-and-packages/prop-mq
          */
-        mq?: CCSSProp;
+        mq?: MediaQueryItems;
         /**
-         * # mediaQuery (mb)
+         * # mediaQuery
          *
-         * Helps you to apply CCSS rules based on screen sizes.
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
          *
          * @see https://ccss.dev/docs/api-and-packages/prop-mq
          */
-        mediaQuery?: CCSSProp;
+        mediaQuery?: MediaQueryItems;
+        /**
+         * # mediaQuery
+         *
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
+         *
+         * @see https://ccss.dev/docs/api-and-packages/prop-mq
+         */
+        at?: MediaQueryItems;
+        /**
+         * # mediaQuery
+         *
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
+         *
+         * @see https://ccss.dev/docs/api-and-packages/prop-mq
+         */
+        media?: MediaQueryItems;
     }
@@ -21,0 +39,0 @@ }

src/index.ts

@@ -1,22 +0,41 @@
-import { CCSSProp } from '@cryptic-css/core'
+import { CCSSProps } from '@cryptic-css/core'
 import { mediaQuery } from '@w11r/use-breakpoint'
 
+type MediaQueryItem = [string, CCSSProps]
+type MediaQueryItems = MediaQueryItem[]
+
 declare module '@cryptic-css/core' {
     interface CCSSProps {
         /**
-         * # mediaQuery (mb)
+         * # mediaQuery
          *
-         * Helps you to apply CCSS rules based on screen sizes.
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
          *
          * @see https://ccss.dev/docs/api-and-packages/prop-mq
          */
-        mq?: CCSSProp
+        mq?: MediaQueryItems
         /**
-         * # mediaQuery (mb)
+         * # mediaQuery
          *
-         * Helps you to apply CCSS rules based on screen sizes.
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
          *
          * @see https://ccss.dev/docs/api-and-packages/prop-mq
          */
-        mediaQuery?: CCSSProp
+        mediaQuery?: MediaQueryItems
+        /**
+         * # mediaQuery
+         *
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
+         *
+         * @see https://ccss.dev/docs/api-and-packages/prop-mq
+         */
+        at?: MediaQueryItems
+        /**
+         * # mediaQuery
+         *
+         * Helps you to apply CCSS rules based on screen sizes, and use query (@ based rules).
+         *
+         * @see https://ccss.dev/docs/api-and-packages/prop-mq
+         */
+        media?: MediaQueryItems
     }
@@ -23,0 +42,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

828289

increased by0.28%

Lines of code

401

increased by22.63%

No dependency changes