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

Comparing version 5.0.0-alpha.3 to 5.0.0

CHANGELOG.md

@@ -6,4 +6,12 @@ # Change Log
 
+# [5.0.0](https://github.com/wintercounter/ccss/compare/v5.0.0-alpha.3...v5.0.0) (2021-01-02)
 
+**Note:** Version bump only for package @cryptic-css/prop-mq
 
+
+
+
+
+
+
 **Note:** Version bump only for package @cryptic-css/prop-mq
@@ -10,0 +18,0 @@

dist/cjs/index.d.ts

@@ -1,2 +0,2 @@
-import { CCSSProp, CCSSOptions } from '@cryptic-css/core';
+import { CCSSProp } from '@cryptic-css/core';
 declare module '@cryptic-css/core' {
@@ -22,3 +22,3 @@ interface CCSSProps {
 }
-declare const _default: (options: Partial<CCSSOptions>) => void;
-export default _default;
+declare const useProp: (transformedFn: any) => void;
+export default useProp;

dist/cjs/test.js

@@ -23,3 +23,3 @@ "use strict";
       }]]
-    })).toBe('margin: 1rem;@media screen and (min-width: 376px) and (max-width: 639px) { margin: 2rem; }@media screen and (min-width: 640px) and (max-width: 1023px) { margin: 3rem; }');
+    })).toBe('margin: 1px;@media screen and (min-width: 376px) and (max-width: 639px) { margin: 2px; }@media screen and (min-width: 640px) and (max-width: 1023px) { margin: 3px; }');
   });
@@ -35,8 +35,8 @@ it('should run ccss through values:object', () => {
     })).toStrictEqual({
-      margin: '1rem',
+      margin: '1px',
       '@media screen and (min-width: 376px) and (max-width: 639px) ': {
-        margin: '2rem'
+        margin: '2px'
       },
       '@media screen and (min-width: 640px) and (max-width: 1023px) ': {
-        margin: '3rem'
+        margin: '3px'
       }
@@ -43,0 +43,0 @@ });

dist/index.d.ts

@@ -1,2 +0,2 @@
-import { CCSSProp, CCSSOptions } from '@cryptic-css/core';
+import { CCSSProp } from '@cryptic-css/core';
 declare module '@cryptic-css/core' {
@@ -22,3 +22,3 @@ interface CCSSProps {
 }
-declare const _default: (options: Partial<CCSSOptions>) => void;
-export default _default;
+declare const useProp: (transformedFn: any) => void;
+export default useProp;

dist/test.js

@@ -17,3 +17,3 @@ // @ts-nocheck
       }]]
-    })).toBe('margin: 1rem;@media screen and (min-width: 376px) and (max-width: 639px) { margin: 2rem; }@media screen and (min-width: 640px) and (max-width: 1023px) { margin: 3rem; }');
+    })).toBe('margin: 1px;@media screen and (min-width: 376px) and (max-width: 639px) { margin: 2px; }@media screen and (min-width: 640px) and (max-width: 1023px) { margin: 3px; }');
   });
@@ -29,8 +29,8 @@ it('should run ccss through values:object', () => {
     })).toStrictEqual({
-      margin: '1rem',
+      margin: '1px',
       '@media screen and (min-width: 376px) and (max-width: 639px) ': {
-        margin: '2rem'
+        margin: '2px'
       },
       '@media screen and (min-width: 640px) and (max-width: 1023px) ': {
-        margin: '3rem'
+        margin: '3px'
       }
@@ -37,0 +37,0 @@ });

package.json

 {
     "name": "@cryptic-css/prop-mq",
-    "version": "5.0.0-alpha.3",
+    "version": "5.0.0",
     "description": "Adds support for the `mq` prop to write media queries using `@w11r/use-breakpoint`.",
@@ -71,11 +71,11 @@ "author": "Victor Vincent <[e-mail]>",
     "dependencies": {
-        "@w11r/use-breakpoint": "^1.7.0"
+        "@w11r/use-breakpoint": "^1.8.0"
     },
     "peerDependencies": {
-        "@cryptic-css/core": "^3.12.0"
+        "@cryptic-css/core": "^5.0.0"
     },
     "devDependencies": {
-        "@cryptic-css/core": "^3.19.0"
+        "@cryptic-css/core": "^5.0.0"
     },
     "gitHead": "046c392acedba4e324349ebfa140f3c10721a226"
 }

src/index.d.ts

@@ -1,2 +0,2 @@
-import { CCSSProp, CCSSOptions } from '@cryptic-css/core';
+import { CCSSProp } from '@cryptic-css/core';
 declare module '@cryptic-css/core' {
@@ -22,3 +22,3 @@ interface CCSSProps {
 }
-declare const _default: (options: Partial<CCSSOptions>) => void;
-export default _default;
+declare const useProp: (transformedFn: any) => void;
+export default useProp;

src/test.ts

@@ -20,3 +20,3 @@ // @ts-nocheck
         ).toBe(
-            'margin: 1rem;@media screen and (min-width: 376px) and (max-width: 639px) { margin: 2rem; }@media screen and (min-width: 640px) and (max-width: 1023px) { margin: 3rem; }'
+            'margin: 1px;@media screen and (min-width: 376px) and (max-width: 639px) { margin: 2px; }@media screen and (min-width: 640px) and (max-width: 1023px) { margin: 3px; }'
         )
@@ -35,9 +35,9 @@ })
         ).toStrictEqual({
-            margin: '1rem',
+            margin: '1px',
             '@media screen and (min-width: 376px) and (max-width: 639px) ': {
-                margin: '2rem'
+                margin: '2px'
             },
-            '@media screen and (min-width: 640px) and (max-width: 1023px) ': { margin: '3rem' }
+            '@media screen and (min-width: 640px) and (max-width: 1023px) ': { margin: '3px' }
         })
     })
 })

tsconfig.json

@@ -14,3 +14,3 @@ {
     "declaration": true,
-    "baseUrl": "X:\\GITHUB\\ccss\\packages\\prop-mq\\src",
+    "baseUrl": "X:\\GITHUB\\ccss\\packages\\cryptic-css\\prop-mq\\src",
     "skipLibCheck": true,
@@ -21,10 +21,10 @@ "incremental": true,
       "*": [
-        "X:\\GITHUB\\ccss\\packages\\prop-mq\\node_modules\\*",
+        "X:\\GITHUB\\ccss\\packages\\cryptic-css\\prop-mq\\node_modules\\*",
         "C:\\Users\\Winter\\AppData\\Roaming\\npm\\node_modules\\mhy\\node_modules\\*"
       ],
       "@": [
-        "X:\\GITHUB\\ccss\\packages\\prop-mq\\src\\index"
+        "X:\\GITHUB\\ccss\\packages\\cryptic-css\\prop-mq\\src\\index"
       ],
       "@/*": [
-        "X:\\GITHUB\\ccss\\packages\\prop-mq\\src\\*"
+        "X:\\GITHUB\\ccss\\packages\\cryptic-css\\prop-mq\\src\\*"
       ],
@@ -44,6 +44,6 @@ "@/mhy": [
       "node_modules": [
-        "X:\\GITHUB\\node_modules\\index"
+        "X:\\GITHUB\\ccss\\node_modules\\index"
       ],
       "node_modules/*": [
-        "X:\\GITHUB\\node_modules\\*"
+        "X:\\GITHUB\\ccss\\node_modules\\*"
       ]
@@ -53,7 +53,7 @@ },
       "C:\\Users\\Winter\\AppData\\Roaming\\npm\\node_modules\\mhy\\node_modules\\@types",
-      "X:\\GITHUB\\ccss\\packages\\prop-mq\\node_modules\\@types"
+      "X:\\GITHUB\\ccss\\packages\\cryptic-css\\prop-mq\\node_modules\\@types"
     ]
   },
   "include": [
-    "X:\\GITHUB\\ccss\\packages\\prop-mq\\src\\**\\*"
+    "X:\\GITHUB\\ccss\\packages\\cryptic-css\\prop-mq\\src\\**\\*"
   ],
@@ -60,0 +60,0 @@ "exclude": [

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

833671

0.35%

Number of low quality alerts

1

-50%

Dependency changes

• + Added

  @cryptic-css/core@5.10.0
  (transitive)

• + Added

  @ungap/global-this@0.4.4
  (transitive)

• + Added

  transformed@1.1.4
  (transitive)

• - Removed

  @cryptic-css/core@3.19.0
  (transitive)

• Updated

  @w11r/use-breakpoint@^1.8.0