@atlaskit/ds-explorations - npm Package Compare versions

Comparing version 2.0.5 to 2.0.6

CHANGELOG.md

 # @atlaskit/ds-explorations
 
+## 2.0.6
+
+### Patch Changes
+
+- [`4b219ed17bf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4b219ed17bf) - Breakpoint constants added to be used in responsive spikes initially
+
 ## 2.0.5
@@ -4,0 +10,0 @@

dist/cjs/constants.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.LAYERS = void 0;
+exports.LAYERS = exports.BREAKPOINTS_LIST = exports.BREAKPOINTS_CONFIG = void 0;
 var LAYERS = {
@@ -19,2 +19,37 @@ card: 100,
 };
-exports.LAYERS = LAYERS;
+exports.LAYERS = LAYERS;
+var BREAKPOINTS_LIST = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
+exports.BREAKPOINTS_LIST = BREAKPOINTS_LIST;
+var BREAKPOINTS_CONFIG = {
+  // mobile
+  xs: {
+    min: 0,
+    max: 591
+  },
+  // tablet
+  sm: {
+    min: 592,
+    max: 1023
+  },
+  // laptop desktop
+  md: {
+    min: 1024,
+    max: 1439
+  },
+  // monitor
+  lg: {
+    min: 1440,
+    max: 1767
+  },
+  // large high res
+  xl: {
+    min: 1768,
+    max: 2159
+  },
+  // extra large high res
+  xxl: {
+    min: 2160,
+    max: Number.MAX_SAFE_INTEGER
+  }
+};
+exports.BREAKPOINTS_CONFIG = BREAKPOINTS_CONFIG;

dist/cjs/index.js

@@ -7,2 +7,14 @@ "use strict";
 });
+Object.defineProperty(exports, "UNSAFE_BREAKPOINTS_CONFIG", {
+  enumerable: true,
+  get: function get() {
+    return _constants.BREAKPOINTS_CONFIG;
+  }
+});
+Object.defineProperty(exports, "UNSAFE_BREAKPOINTS_LIST", {
+  enumerable: true,
+  get: function get() {
+    return _constants.BREAKPOINTS_LIST;
+  }
+});
 Object.defineProperty(exports, "UNSAFE_Box", {
@@ -42,2 +54,3 @@ enumerable: true,
 var _stack = _interopRequireDefault(require("./components/stack.partial"));
-var _interactionSurface = _interopRequireDefault(require("./components/interaction-surface.partial"));
+var _interactionSurface = _interopRequireDefault(require("./components/interaction-surface.partial"));
+var _constants = require("./constants");

dist/cjs/version.json

 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "2.0.5",
+	"version": "2.0.6",
 	"sideEffects": false
 }

dist/es2019/constants.js

@@ -11,2 +11,35 @@ export const LAYERS = {
   tooltip: 800
+};
+export const BREAKPOINTS_LIST = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
+export const BREAKPOINTS_CONFIG = {
+  // mobile
+  xs: {
+    min: 0,
+    max: 591
+  },
+  // tablet
+  sm: {
+    min: 592,
+    max: 1023
+  },
+  // laptop desktop
+  md: {
+    min: 1024,
+    max: 1439
+  },
+  // monitor
+  lg: {
+    min: 1440,
+    max: 1767
+  },
+  // large high res
+  xl: {
+    min: 1768,
+    max: 2159
+  },
+  // extra large high res
+  xxl: {
+    min: 2160,
+    max: Number.MAX_SAFE_INTEGER
+  }
 };

dist/es2019/index.js

@@ -5,2 +5,3 @@ export { default as UNSAFE_Box } from './components/box.partial';
 export { default as UNSAFE_Stack } from './components/stack.partial';
-export { default as UNSAFE_InteractionSurface } from './components/interaction-surface.partial';
+export { default as UNSAFE_InteractionSurface } from './components/interaction-surface.partial';
+export { BREAKPOINTS_LIST as UNSAFE_BREAKPOINTS_LIST, BREAKPOINTS_CONFIG as UNSAFE_BREAKPOINTS_CONFIG } from './constants';

dist/es2019/version.json

 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "2.0.5",
+	"version": "2.0.6",
 	"sideEffects": false
 }

dist/esm/constants.js

@@ -11,2 +11,35 @@ export var LAYERS = {
   tooltip: 800
+};
+export var BREAKPOINTS_LIST = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
+export var BREAKPOINTS_CONFIG = {
+  // mobile
+  xs: {
+    min: 0,
+    max: 591
+  },
+  // tablet
+  sm: {
+    min: 592,
+    max: 1023
+  },
+  // laptop desktop
+  md: {
+    min: 1024,
+    max: 1439
+  },
+  // monitor
+  lg: {
+    min: 1440,
+    max: 1767
+  },
+  // large high res
+  xl: {
+    min: 1768,
+    max: 2159
+  },
+  // extra large high res
+  xxl: {
+    min: 2160,
+    max: Number.MAX_SAFE_INTEGER
+  }
 };

dist/esm/index.js

@@ -5,2 +5,3 @@ export { default as UNSAFE_Box } from './components/box.partial';
 export { default as UNSAFE_Stack } from './components/stack.partial';
-export { default as UNSAFE_InteractionSurface } from './components/interaction-surface.partial';
+export { default as UNSAFE_InteractionSurface } from './components/interaction-surface.partial';
+export { BREAKPOINTS_LIST as UNSAFE_BREAKPOINTS_LIST, BREAKPOINTS_CONFIG as UNSAFE_BREAKPOINTS_CONFIG } from './constants';

dist/esm/version.json

 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "2.0.5",
+	"version": "2.0.6",
 	"sideEffects": false
 }

dist/types/constants.d.ts

@@ -13,1 +13,8 @@ export declare const LAYERS: {
 export declare type Layer = keyof typeof LAYERS;
+export declare const BREAKPOINTS_LIST: readonly ["xs", "sm", "md", "lg", "xl", "xxl"];
+export declare type Breakpoint = typeof BREAKPOINTS_LIST[number];
+export declare type BreakpointConfig = {
+    min: number;
+    max: number;
+};
+export declare const BREAKPOINTS_CONFIG: Record<Breakpoint, BreakpointConfig>;

dist/types/index.d.ts

@@ -10,1 +10,3 @@ export { default as UNSAFE_Box } from './components/box.partial';
 export type { StackProps as UNSAFE_StackProps } from './components/stack.partial';
+export { BREAKPOINTS_LIST as UNSAFE_BREAKPOINTS_LIST, BREAKPOINTS_CONFIG as UNSAFE_BREAKPOINTS_CONFIG, } from './constants';
+export type { Breakpoint as UNSAFE_Breakpoint, BreakpointConfig as UNSAFE_BreakpointConfig, } from './constants';

package.json

 {
   "name": "@atlaskit/ds-explorations",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "An experimental package for exploration and validation of spacing / typography foundations.",
@@ -5,0 +5,0 @@ "license": "Apache-2.0",

report.api.md

@@ -570,2 +570,27 @@ <!-- API Report Version: 2.3 -->
 
+// @public (undocumented)
+export type UNSAFE_Breakpoint = typeof UNSAFE_BREAKPOINTS_LIST[number];
+
+// @public (undocumented)
+export type UNSAFE_BreakpointConfig = {
+  min: number;
+  max: number;
+};
+
+// @public (undocumented)
+export const UNSAFE_BREAKPOINTS_CONFIG: Record<
+  UNSAFE_Breakpoint,
+  UNSAFE_BreakpointConfig
+>;
+
+// @public (undocumented)
+export const UNSAFE_BREAKPOINTS_LIST: readonly [
+  'xs',
+  'sm',
+  'md',
+  'lg',
+  'xl',
+  'xxl',
+];
+
 // @public @deprecated
@@ -572,0 +597,0 @@ export const UNSAFE_Inline: MemoExoticComponent<

tmp/api-report-tmp.d.ts

@@ -549,2 +549,17 @@ ## API Report File for "@atlaskit/ds-explorations"
 
+// @public (undocumented)
+export type UNSAFE_Breakpoint = typeof UNSAFE_BREAKPOINTS_LIST[number];
+
+// @public (undocumented)
+export type UNSAFE_BreakpointConfig = {
+    min: number;
+    max: number;
+};
+
+// @public (undocumented)
+export const UNSAFE_BREAKPOINTS_CONFIG: Record<UNSAFE_Breakpoint, UNSAFE_BreakpointConfig>;
+
+// @public (undocumented)
+export const UNSAFE_BREAKPOINTS_LIST: readonly ["xs", "sm", "md", "lg", "xl", "xxl"];
+
 // @public @deprecated
@@ -551,0 +566,0 @@ export const UNSAFE_Inline: MemoExoticComponent<ForwardRefExoticComponent<UNSAFE_InlineProps & RefAttributes<HTMLDivElement>>>;

No alert changes

Improved metrics

Total package byte prevSize

346280

increased by1.38%

Lines of code

9942

increased by1.86%

No dependency changes