@atlaskit/ds-explorations 2.0.5 → 2.0.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @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
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LAYERS = void 0;
+exports.LAYERS = exports.BREAKPOINTS_LIST = exports.BREAKPOINTS_CONFIG = void 0;
 var LAYERS = {
   card: 100,
   navigation: 200,
@@ -15,4 +15,39 @@ var LAYERS = {
   spotlight: 700,
   tooltip: 800
 };
-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;

package/dist/cjs/index.js

@@ -4,6 +4,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+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", {
   enumerable: true,
   get: function get() {
@@ -38,4 +50,5 @@ var _box = _interopRequireDefault(require("./components/box.partial"));
 var _text = _interopRequireDefault(require("./components/text.partial"));
 var _inline = _interopRequireDefault(require("./components/inline.partial"));
 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");

package/dist/cjs/version.json

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

package/dist/es2019/constants.js

@@ -8,4 +8,37 @@ export const LAYERS = {
   flag: 600,
   spotlight: 700,
   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
+  }
 };

package/dist/es2019/index.js

@@ -2,4 +2,5 @@ export { default as UNSAFE_Box } from './components/box.partial';
 export { default as UNSAFE_Text } from './components/text.partial';
 export { default as UNSAFE_Inline } from './components/inline.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';

package/dist/es2019/version.json

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

package/dist/esm/constants.js

@@ -8,4 +8,37 @@ export var LAYERS = {
   flag: 600,
   spotlight: 700,
   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
+  }
 };

package/dist/esm/index.js

@@ -2,4 +2,5 @@ export { default as UNSAFE_Box } from './components/box.partial';
 export { default as UNSAFE_Text } from './components/text.partial';
 export { default as UNSAFE_Inline } from './components/inline.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';

package/dist/esm/version.json

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

package/dist/types/constants.d.ts

@@ -10,3 +10,10 @@ export declare const LAYERS: {
     readonly tooltip: 800;
 };
 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>;

package/dist/types/index.d.ts

@@ -7,3 +7,5 @@ export type { BoxProps as UNSAFE_BoxProps } from './components/box.partial';
 export type { TextProps as UNSAFE_TextProps } from './components/text.partial';
 export type { InlineProps as UNSAFE_InlineProps } from './components/inline.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/package.json

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

package/report.api.md

@@ -567,6 +567,31 @@ export type UNSAFE_BoxProps<T extends ElementType = 'div'> = Omit<
   BasePrimitiveProps &
   BoxPropsBase<T>;
 
+// @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
 export const UNSAFE_Inline: MemoExoticComponent<
   ForwardRefExoticComponent<UNSAFE_InlineProps & RefAttributes<HTMLDivElement>>

package/src/constants.tsx

@@ -11,3 +11,44 @@ export const LAYERS = {
 } as const;
 
 export type Layer = keyof typeof LAYERS;
+
+export const BREAKPOINTS_LIST = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'] as const;
+export type Breakpoint = typeof BREAKPOINTS_LIST[number];
+
+export type BreakpointConfig = {
+  min: number;
+  max: number;
+};
+
+export const BREAKPOINTS_CONFIG: Record<Breakpoint, BreakpointConfig> = {
+  // 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,
+  },
+} as const;

package/src/index.tsx

@@ -7,3 +7,11 @@ export type { BoxProps as UNSAFE_BoxProps } from './components/box.partial';
 export type { TextProps as UNSAFE_TextProps } from './components/text.partial';
 export type { InlineProps as UNSAFE_InlineProps } from './components/inline.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/tmp/api-report-tmp.d.ts

@@ -546,6 +546,21 @@ export const UNSAFE_Box: BoxComponent;
 // @public @deprecated (undocumented)
 export type UNSAFE_BoxProps<T extends ElementType = 'div'> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className' | 'style'> & BasePrimitiveProps & BoxPropsBase<T>;
 
+// @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
 export const UNSAFE_Inline: MemoExoticComponent<ForwardRefExoticComponent<UNSAFE_InlineProps & RefAttributes<HTMLDivElement>>>;