@atlaskit/primitives - npm Package Compare versions

Comparing version 1.6.7 to 1.6.8

CHANGELOG.md

 # @atlaskit/primitives
 
+## 1.6.8
+
+### Patch Changes
+
+- [#42012](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42012) [`0a52fc9129e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0a52fc9129e) - Internal change to the `media` export to ensure compatibility with [Compiled](https://github.com/atlassian-labs/compiled). No change to public API.
+
 ## 1.6.7
@@ -4,0 +10,0 @@

dist/cjs/responsive/media-helper.js

@@ -82,2 +82,9 @@ "use strict";
 /**
+ * We needed to simplify the `media` export below to rely on less AST traversal so that Compiled could understand it.
+ * This type provides the same guarantees as `const media = { above: UNSAFE_media.above }` would but allows it to be a simple
+ * object that Compiled parses easily.
+ * See https://product-fabric.atlassian.net/browse/DSP-13626 for more detail.
+ */
+
+/**
  * This is an object of usable media query helpers using our internal breakpoints configuration.
@@ -88,3 +95,10 @@ *
 var media = exports.media = {
-  above: UNSAFE_media.above
+  above: {
+    xxs: '@media all',
+    xs: '@media (min-width: 30rem)',
+    sm: '@media (min-width: 48rem)',
+    md: '@media (min-width: 64rem)',
+    lg: '@media (min-width: 90rem)',
+    xl: '@media (min-width: 110rem)'
+  }
 };

dist/es2019/responsive/media-helper.js

@@ -77,2 +77,9 @@ import { UNSAFE_BREAKPOINTS_CONFIG } from './constants';
 /**
+ * We needed to simplify the `media` export below to rely on less AST traversal so that Compiled could understand it.
+ * This type provides the same guarantees as `const media = { above: UNSAFE_media.above }` would but allows it to be a simple
+ * object that Compiled parses easily.
+ * See https://product-fabric.atlassian.net/browse/DSP-13626 for more detail.
+ */
+
+/**
  * This is an object of usable media query helpers using our internal breakpoints configuration.
@@ -83,3 +90,10 @@ *
 export const media = {
-  above: UNSAFE_media.above
+  above: {
+    xxs: '@media all',
+    xs: '@media (min-width: 30rem)',
+    sm: '@media (min-width: 48rem)',
+    md: '@media (min-width: 64rem)',
+    lg: '@media (min-width: 90rem)',
+    xl: '@media (min-width: 110rem)'
+  }
 };

dist/esm/responsive/media-helper.js

@@ -77,2 +77,9 @@ import { UNSAFE_BREAKPOINTS_CONFIG } from './constants';
 /**
+ * We needed to simplify the `media` export below to rely on less AST traversal so that Compiled could understand it.
+ * This type provides the same guarantees as `const media = { above: UNSAFE_media.above }` would but allows it to be a simple
+ * object that Compiled parses easily.
+ * See https://product-fabric.atlassian.net/browse/DSP-13626 for more detail.
+ */
+
+/**
  * This is an object of usable media query helpers using our internal breakpoints configuration.
@@ -83,3 +90,10 @@ *
 export var media = {
-  above: UNSAFE_media.above
+  above: {
+    xxs: '@media all',
+    xs: '@media (min-width: 30rem)',
+    sm: '@media (min-width: 48rem)',
+    md: '@media (min-width: 64rem)',
+    lg: '@media (min-width: 90rem)',
+    xl: '@media (min-width: 110rem)'
+  }
 };

dist/types-ts4.5/responsive/media-helper.d.ts

@@ -74,2 +74,9 @@ /**
 /**
+ * We needed to simplify the `media` export below to rely on less AST traversal so that Compiled could understand it.
+ * This type provides the same guarantees as `const media = { above: UNSAFE_media.above }` would but allows it to be a simple
+ * object that Compiled parses easily.
+ * See https://product-fabric.atlassian.net/browse/DSP-13626 for more detail.
+ */
+type SafeMedia = Pick<typeof UNSAFE_media, 'above'>;
+/**
  * This is an object of usable media query helpers using our internal breakpoints configuration.
@@ -79,29 +86,3 @@ *
  */
-export declare const media: {
-    readonly above: {
-        /**
-         * `above.xxs` is redundant and no media query should be used, but it's included for programatic purposes…
-         */
-        readonly xxs: "@media all";
-        /**
-         * Used for mobile viewports.
-         */
-        readonly xs: "@media (min-width: 30rem)";
-        /**
-         * Used for tablet viewports.
-         */
-        readonly sm: "@media (min-width: 48rem)";
-        /**
-         * Used for laptop viewports.
-         */
-        readonly md: "@media (min-width: 64rem)";
-        /**
-         * Used for desktop viewports.
-         */
-        readonly lg: "@media (min-width: 90rem)";
-        /**
-         * Used for wide screen desktop viewports.
-         */
-        readonly xl: "@media (min-width: 110rem)";
-    };
-};
+export declare const media: SafeMedia;
+export {};

dist/types/responsive/media-helper.d.ts

@@ -74,2 +74,9 @@ /**
 /**
+ * We needed to simplify the `media` export below to rely on less AST traversal so that Compiled could understand it.
+ * This type provides the same guarantees as `const media = { above: UNSAFE_media.above }` would but allows it to be a simple
+ * object that Compiled parses easily.
+ * See https://product-fabric.atlassian.net/browse/DSP-13626 for more detail.
+ */
+type SafeMedia = Pick<typeof UNSAFE_media, 'above'>;
+/**
  * This is an object of usable media query helpers using our internal breakpoints configuration.
@@ -79,29 +86,3 @@ *
  */
-export declare const media: {
-    readonly above: {
-        /**
-         * `above.xxs` is redundant and no media query should be used, but it's included for programatic purposes…
-         */
-        readonly xxs: "@media all";
-        /**
-         * Used for mobile viewports.
-         */
-        readonly xs: "@media (min-width: 30rem)";
-        /**
-         * Used for tablet viewports.
-         */
-        readonly sm: "@media (min-width: 48rem)";
-        /**
-         * Used for laptop viewports.
-         */
-        readonly md: "@media (min-width: 64rem)";
-        /**
-         * Used for desktop viewports.
-         */
-        readonly lg: "@media (min-width: 90rem)";
-        /**
-         * Used for wide screen desktop viewports.
-         */
-        readonly xl: "@media (min-width: 110rem)";
-    };
-};
+export declare const media: SafeMedia;
+export {};

package.json

 {
   "name": "@atlaskit/primitives",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "description": "Primitives are token-backed low-level building blocks.",
@@ -128,3 +128,3 @@ "publishConfig": {
   "dependencies": {
-    "@atlaskit/tokens": "^1.27.0",
+    "@atlaskit/tokens": "^1.28.0",
     "@babel/runtime": "^7.0.0",
@@ -131,0 +131,0 @@ "@emotion/react": "^11.7.1",

report.api.md

@@ -848,12 +848,3 @@ <!-- API Report Version: 2.3 -->
 // @public
-export const media: {
-  readonly above: {
-    readonly xxs: '@media all';
-    readonly xs: '@media (min-width: 30rem)';
-    readonly sm: '@media (min-width: 48rem)';
-    readonly md: '@media (min-width: 64rem)';
-    readonly lg: '@media (min-width: 90rem)';
-    readonly xl: '@media (min-width: 110rem)';
-  };
-};
+export const media: SafeMedia;
 
@@ -886,2 +877,5 @@ // @public
 
+// @public
+type SafeMedia = Pick<typeof UNSAFE_media, 'above'>;
+
 // @public (undocumented)
@@ -888,0 +882,0 @@ export type Shadow = keyof typeof shadowMap;

tmp/api-report-tmp.d.ts

@@ -600,12 +600,3 @@ ## API Report File for "@atlaskit/primitives"
 // @public
-export const media: {
-    readonly above: {
-        readonly xxs: "@media all";
-        readonly xs: "@media (min-width: 30rem)";
-        readonly sm: "@media (min-width: 48rem)";
-        readonly md: "@media (min-width: 64rem)";
-        readonly lg: "@media (min-width: 90rem)";
-        readonly xl: "@media (min-width: 110rem)";
-    };
-};
+export const media: SafeMedia;
 
@@ -634,2 +625,5 @@ // @public
 
+// @public
+type SafeMedia = Pick<typeof UNSAFE_media, 'above'>;
+
 // @public (undocumented)
@@ -636,0 +630,0 @@ export type Shadow = keyof typeof shadowMap;

No alert changes

Improved metrics

Total package byte prevSize

1589238

increased by0.08%

Number of package files

181

increased by1.12%

Lines of code

11382

increased by0.33%

Dependency changes

• Updated@atlaskit/tokens@^1.28.0