@littlespoon/theme - npm Package Compare versions

Comparing version 1.10.0 to 1.11.0

lib/breakpoints.d.ts

@@ -19,2 +19,7 @@ export declare const mobile = 0;
  * ```ts
+ * breakpoints.up(breakpoints.tablet)
+ * // '@media (min-width: 768px)
+ * ```
+ *
+ * ```ts
  * breakpoints.up(breakpoints.tablet, 'width: 42rem')
@@ -24,3 +29,3 @@ * // '@media (min-width: 768px) { width: 42rem; }'
  */
-export declare const up: (minWidth: number, css: string) => string;
+export declare const up: (minWidth: number, css?: string | undefined) => string;
 /**
@@ -35,2 +40,7 @@ * Generates media query that matches screen widths smaller than the screen size given by the breakpoint (inclusive).
  * ```ts
+ * breakpoints.down(breakpoints.desktop)
+ * // '@media (max-width: 1000px)'
+ * ```
+ *
+ * ```ts
  * breakpoints.down(breakpoints.desktop, 'display: none;')
@@ -40,3 +50,3 @@ * // '@media (max-width: 1000px) { display: none; }'
  */
-export declare const down: (maxWidth: number, css: string) => string;
+export declare const down: (maxWidth: number, css?: string | undefined) => string;
 declare const breakpoints: {
@@ -52,6 +62,6 @@ readonly xs: 375;
     readonly desktop: 1000;
-    readonly up: (minWidth: number, css: string) => string;
-    readonly down: (maxWidth: number, css: string) => string;
+    readonly up: (minWidth: number, css?: string | undefined) => string;
+    readonly down: (maxWidth: number, css?: string | undefined) => string;
 };
 export default breakpoints;
 //# sourceMappingURL=breakpoints.d.ts.map

lib/breakpoints.js

@@ -25,2 +25,7 @@ "use strict";
  * ```ts
+ * breakpoints.up(breakpoints.tablet)
+ * // '@media (min-width: 768px)
+ * ```
+ *
+ * ```ts
  * breakpoints.up(breakpoints.tablet, 'width: 42rem')
@@ -30,3 +35,5 @@ * // '@media (min-width: 768px) { width: 42rem; }'
  */
-var up = function (minWidth, css) { return "@media (min-width: " + minWidth + "px) { " + css + " }"; };
+var up = function (minWidth, css) {
+    return "@media (min-width: " + minWidth + "px)" + (css ? " { " + css + " }" : '');
+};
 exports.up = up;
@@ -42,2 +49,7 @@ /**
  * ```ts
+ * breakpoints.down(breakpoints.desktop)
+ * // '@media (max-width: 1000px)'
+ * ```
+ *
+ * ```ts
  * breakpoints.down(breakpoints.desktop, 'display: none;')
@@ -48,3 +60,3 @@ * // '@media (max-width: 1000px) { display: none; }'
 var down = function (maxWidth, css) {
-    return "@media (max-width: " + maxWidth + "px) { " + css + " }";
+    return "@media (max-width: " + maxWidth + "px)" + (css ? " { " + css + " }" : '');
 };
@@ -51,0 +63,0 @@ exports.down = down;

lib/index.d.ts

@@ -16,4 +16,4 @@ import breakpoints from './breakpoints';
         readonly desktop: 1000;
-        readonly up: (minWidth: number, css: string) => string;
-        readonly down: (maxWidth: number, css: string) => string;
+        readonly up: (minWidth: number, css?: string | undefined) => string;
+        readonly down: (maxWidth: number, css?: string | undefined) => string;
     };
@@ -20,0 +20,0 @@ colors: {

package.json

 {
   "name": "@littlespoon/theme",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "description": "Little Spoon theme",
@@ -36,3 +36,3 @@ "main": "lib/index.js",
   "license": "UNLICENSED",
-  "gitHead": "62f29808b04f5130f5db8070c5b7e44ebbf3a5b6"
+  "gitHead": "650c8a7fb742317cab25f345b3955aa049bd9de5"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

171053

increased by0.49%

Lines of code

2478

increased by0.9%

No dependency changes