@fluentui/style-utilities - npm Package Compare versions

Comparing version 8.0.0-beta.18 to 8.0.0-beta.19

CHANGELOG.md

 # Change Log - @fluentui/style-utilities
 
-This log was last generated on Thu, 18 Feb 2021 19:34:40 GMT and should not be manually modified.
+This log was last generated on Mon, 22 Feb 2021 12:21:30 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.0.0-beta.19](https://github.com/microsoft/fluentui/tree/@fluentui/style-utilities_v8.0.0-beta.19)
+
+Mon, 22 Feb 2021 12:21:30 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/style-utilities_v8.0.0-beta.18..@fluentui/style-utilities_v8.0.0-beta.19)
+
+### Changes
+
+- getScreenSelector: allow specifying only one of min or max ([PR #15917](https://github.com/microsoft/fluentui/pull/15917) by [e-mail])
+
 ## [8.0.0-beta.18](https://github.com/microsoft/fluentui/tree/@fluentui/style-utilities_v8.0.0-beta.18)
 
-Thu, 18 Feb 2021 19:34:40 GMT 
+Thu, 18 Feb 2021 19:38:50 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/style-utilities_v8.0.0-beta.17..@fluentui/style-utilities_v8.0.0-beta.18)
@@ -11,0 +20,0 @@

dist/style-utilities.d.ts

@@ -244,3 +244,3 @@ import { AnimationStyles } from '@fluentui/theme/lib/motion/AnimationStyles';
 
-export declare function getScreenSelector(min: number, max: number): string;
+export declare function getScreenSelector(min: number | undefined, max: number | undefined): string;
 
@@ -247,0 +247,0 @@ /**

etc/style-utilities.api.md

@@ -134,3 +134,3 @@ ## API Report File for "@fluentui/style-utilities"
 // @public (undocumented)
-export function getScreenSelector(min: number, max: number): string;
+export function getScreenSelector(min: number | undefined, max: number | undefined): string;
 
@@ -137,0 +137,0 @@ // @public

lib-amd/styles/CommonStyles.d.ts

@@ -18,3 +18,3 @@ import { IRawStyle } from '../MergeStyles';
 export declare const ScreenWidthMinUhfMobile = 768;
-export declare function getScreenSelector(min: number, max: number): string;
+export declare function getScreenSelector(min: number | undefined, max: number | undefined): string;
 /**
@@ -21,0 +21,0 @@ * The style which turns off high contrast adjustment in browsers.

lib-amd/styles/CommonStyles.js

@@ -21,3 +21,5 @@ define(["require", "exports"], function (require, exports) {
     function getScreenSelector(min, max) {
-        return "@media only screen and (min-width: " + min + "px) and (max-width: " + max + "px)";
+        var minSelector = typeof min === 'number' ? " and (min-width: " + min + "px)" : '';
+        var maxSelector = typeof max === 'number' ? " and (max-width: " + max + "px)" : '';
+        return "@media only screen" + minSelector + maxSelector;
     }
@@ -24,0 +26,0 @@ exports.getScreenSelector = getScreenSelector;

lib-amd/version.js

 define(["require", "exports", "@fluentui/set-version"], function (require, exports, set_version_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    set_version_1.setVersion('@fluentui/style-utilities', '8.0.0-beta.18');
+    set_version_1.setVersion('@fluentui/style-utilities', '8.0.0-beta.19');
 });
 //# sourceMappingURL=version.js.map

lib-commonjs/styles/CommonStyles.d.ts

@@ -18,3 +18,3 @@ import { IRawStyle } from '../MergeStyles';
 export declare const ScreenWidthMinUhfMobile = 768;
-export declare function getScreenSelector(min: number, max: number): string;
+export declare function getScreenSelector(min: number | undefined, max: number | undefined): string;
 /**
@@ -21,0 +21,0 @@ * The style which turns off high contrast adjustment in browsers.

lib-commonjs/styles/CommonStyles.js

@@ -20,3 +20,5 @@ "use strict";
 function getScreenSelector(min, max) {
-    return "@media only screen and (min-width: " + min + "px) and (max-width: " + max + "px)";
+    var minSelector = typeof min === 'number' ? " and (min-width: " + min + "px)" : '';
+    var maxSelector = typeof max === 'number' ? " and (max-width: " + max + "px)" : '';
+    return "@media only screen" + minSelector + maxSelector;
 }
@@ -23,0 +25,0 @@ exports.getScreenSelector = getScreenSelector;

lib-commonjs/version.js

@@ -6,3 +6,3 @@ "use strict";
 var set_version_1 = require("@fluentui/set-version");
-set_version_1.setVersion('@fluentui/style-utilities', '8.0.0-beta.18');
+set_version_1.setVersion('@fluentui/style-utilities', '8.0.0-beta.19');
 //# sourceMappingURL=version.js.map

lib/styles/CommonStyles.d.ts

@@ -18,3 +18,3 @@ import { IRawStyle } from '../MergeStyles';
 export declare const ScreenWidthMinUhfMobile = 768;
-export declare function getScreenSelector(min: number, max: number): string;
+export declare function getScreenSelector(min: number | undefined, max: number | undefined): string;
 /**
@@ -21,0 +21,0 @@ * The style which turns off high contrast adjustment in browsers.

lib/styles/CommonStyles.js

@@ -18,3 +18,5 @@ export var HighContrastSelector = '@media screen and (-ms-high-contrast: active), (forced-colors: active)';
 export function getScreenSelector(min, max) {
-    return "@media only screen and (min-width: " + min + "px) and (max-width: " + max + "px)";
+    var minSelector = typeof min === 'number' ? " and (min-width: " + min + "px)" : '';
+    var maxSelector = typeof max === 'number' ? " and (max-width: " + max + "px)" : '';
+    return "@media only screen" + minSelector + maxSelector;
 }
@@ -21,0 +23,0 @@ /**

lib/version.js

 // Do not modify this file; it is generated as part of publish.
 // The checked in version is a placeholder only and will not be updated.
 import { setVersion } from '@fluentui/set-version';
-setVersion('@fluentui/style-utilities', '8.0.0-beta.18');
+setVersion('@fluentui/style-utilities', '8.0.0-beta.19');
 //# sourceMappingURL=version.js.map

package.json

 {
   "name": "@fluentui/style-utilities",
-  "version": "8.0.0-beta.18",
+  "version": "8.0.0-beta.19",
   "description": "Styling helpers for Fluent UI React.",
@@ -35,8 +35,8 @@ "repository": {
     "@microsoft/load-themed-styles": "^1.10.26",
-    "@fluentui/theme": "^2.0.0-beta.18",
+    "@fluentui/theme": "^2.0.0-beta.19",
     "@fluentui/merge-styles": "^8.0.0-beta.5",
     "@fluentui/set-version": "^8.0.0-beta.2",
-    "@fluentui/utilities": "^8.0.0-beta.14",
+    "@fluentui/utilities": "^8.0.0-beta.15",
     "tslib": "^1.10.0"
   }
 }

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

663475

increased by0.39%

Lines of code

10265

increased by0.2%

Dependency changes

• Updated@fluentui/theme@^2.0.0-beta.19

• Updated@fluentui/utilities@^8.0.0-beta.15