@atlaskit/primitives - npm Package Compare versions

Comparing version 0.14.3 to 0.15.0

CHANGELOG.md

 # @atlaskit/primitives
 
+## 0.15.0
+
+### Minor Changes
+
+- [`8b04f3e78bd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8b04f3e78bd) - Adds basic `<Show>` and `<Hide>` responsive primitive components to make consistent, composable UIs without writing a dozen lines for just one `display: none` css rule.
+
+  Additionally:
+
+  - Adds some further examples, tests, and VRs.
+  - Tweaks some internals around building these reusable media query maps.
+
 ## 0.14.3
@@ -4,0 +15,0 @@

dist/cjs/index.js

@@ -47,2 +47,2 @@ "use strict";
 var _stack = _interopRequireDefault(require("./components/stack"));
-var _responsive = require("./helpers/responsive");
+var _responsive = require("./responsive");

dist/cjs/version.json

 {
 	"name": "@atlaskit/primitives",
-	"version": "0.14.3",
+	"version": "0.15.0",
 	"sideEffects": false
 }

dist/cjs/xcss/xcss.js

@@ -14,3 +14,3 @@ "use strict";
 var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
-var _responsive = require("../helpers/responsive");
+var _mediaHelper = require("../responsive/media-helper");
 var _styleMaps = require("./style-maps.partial");
@@ -86,3 +86,3 @@ /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
  */
-var reValidMediaQuery = new RegExp("^(".concat(Object.values(_responsive.media.above).map(function (mediaQuery) {
+var reValidMediaQuery = new RegExp("^(".concat(Object.values(_mediaHelper.media.above).map(function (mediaQuery) {
   return mediaQuery.replace(/[.()]/g, '\\$&');
@@ -89,0 +89,0 @@ } // Escape the ".", "(", and ")" in the media query syntax.

dist/es2019/index.js

@@ -5,2 +5,2 @@ export { default as Box } from './components/box';
 export { default as Stack } from './components/stack';
-export { UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './helpers/responsive';
+export { UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';

dist/es2019/version.json

 {
 	"name": "@atlaskit/primitives",
-	"version": "0.14.3",
+	"version": "0.15.0",
 	"sideEffects": false
 }

dist/es2019/xcss/xcss.js

 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { css as cssEmotion } from '@emotion/react';
 import warnOnce from '@atlaskit/ds-lib/warn-once';
-import { media } from '../helpers/responsive';
+import { media } from '../responsive/media-helper';
 import { backgroundColorMap, borderColorMap, borderRadiusMap, borderWidthMap, dimensionMap, layerMap, shadowMap, spaceMap, textColorMap } from './style-maps.partial';
@@ -6,0 +6,0 @@ const tokensMap = {

dist/esm/index.js

@@ -5,2 +5,2 @@ export { default as Box } from './components/box';
 export { default as Stack } from './components/stack';
-export { UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './helpers/responsive';
+export { UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';

dist/esm/version.json

 {
 	"name": "@atlaskit/primitives",
-	"version": "0.14.3",
+	"version": "0.15.0",
 	"sideEffects": false
 }

dist/esm/xcss/xcss.js

@@ -7,3 +7,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import warnOnce from '@atlaskit/ds-lib/warn-once';
-import { media } from '../helpers/responsive';
+import { media } from '../responsive/media-helper';
 import { backgroundColorMap, borderColorMap, borderRadiusMap, borderWidthMap, dimensionMap, layerMap, shadowMap, spaceMap, textColorMap } from './style-maps.partial';
@@ -10,0 +10,0 @@ var tokensMap = {

dist/types-ts4.5/index.d.ts

@@ -5,2 +5,2 @@ export { default as Box, type BoxProps } from './components/box';
 export { default as Stack, type StackProps } from './components/stack';
-export { UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG, type Breakpoint, } from './helpers/responsive';
+export { UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG, type Breakpoint, } from './responsive';

dist/types-ts4.5/xcss/xcss.d.ts

@@ -5,4 +5,4 @@ /// <reference types="react" />
 import type * as CSS from 'csstype';
-import { MediaQuery } from '../helpers/responsive/types';
 import { Box, Inline } from '../index';
+import type { MediaQuery } from '../responsive/types';
 import { TokenisedProps } from './style-maps.partial';
@@ -9,0 +9,0 @@ declare const uniqueSymbol: unique symbol;

dist/types/index.d.ts

@@ -5,2 +5,2 @@ export { default as Box, type BoxProps } from './components/box';
 export { default as Stack, type StackProps } from './components/stack';
-export { UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG, type Breakpoint, } from './helpers/responsive';
+export { UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG, type Breakpoint, } from './responsive';

dist/types/xcss/xcss.d.ts

@@ -5,4 +5,4 @@ /// <reference types="react" />
 import type * as CSS from 'csstype';
-import { MediaQuery } from '../helpers/responsive/types';
 import { Box, Inline } from '../index';
+import type { MediaQuery } from '../responsive/types';
 import { TokenisedProps } from './style-maps.partial';
@@ -9,0 +9,0 @@ declare const uniqueSymbol: unique symbol;

package.json

 {
   "name": "@atlaskit/primitives",
-  "version": "0.14.3",
+  "version": "0.15.0",
   "description": "Primitives are token-backed low-level building blocks.",
@@ -102,3 +102,3 @@ "author": "Atlassian Pty Ltd",
     "./inline": "./src/components/inline.tsx",
-    "./responsive": "./src/helpers/responsive/index.tsx"
+    "./responsive": "./src/responsive/index.tsx"
   },
@@ -136,3 +136,3 @@ "dependencies": {
     "@atlassian/codegen": "^0.1.0",
-    "@atlassian/gemini-visual-regression": "^0.0.34",
+    "@atlassian/gemini-visual-regression": "^0.0.35",
     "@testing-library/react": "^12.1.5",
@@ -139,0 +139,0 @@ "@testing-library/react-hooks": "^8.0.1",

responsive/package.json

 {
   "name": "@atlaskit/primitives/responsive",
-  "main": "../dist/cjs/helpers/responsive/index.js",
-  "module": "../dist/esm/helpers/responsive/index.js",
-  "module:es2019": "../dist/es2019/helpers/responsive/index.js",
+  "main": "../dist/cjs/responsive/index.js",
+  "module": "../dist/esm/responsive/index.js",
+  "module:es2019": "../dist/es2019/responsive/index.js",
   "sideEffects": false,
-  "types": "../dist/types/helpers/responsive/index.d.ts",
+  "types": "../dist/types/responsive/index.d.ts",
   "typesVersions": {
     ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.5/helpers/responsive/index.d.ts"
+        "../dist/types-ts4.5/responsive/index.d.ts"
       ]
@@ -13,0 +13,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

1752999

increased by1.36%

Number of package files

132

increased by9.09%

Lines of code

6958

increased by7.96%

No dependency changes