@atlaskit/ds-explorations 2.0.6 → 2.0.8

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/ds-explorations
 
+## 2.0.8
+
+### Patch Changes
+
+- [`6ce08fbcba2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6ce08fbcba2) - [ux] Fixed a bug where the `<Box>` `justifyContent` prop was mistakenly applying `alignItems` for `start` and `end` values
+
+## 2.0.7
+
+### Patch Changes
+
+- [`66493433ce9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/66493433ce9) - Removes temporary, internal-only unsafe exports as they now live in @atlaskit/primitives/responsive.
+
 ## 2.0.6
 
 ### Patch Changes

package/dist/cjs/components/box.partial.js

@@ -160,10 +160,10 @@ var flexJustifyContentMap = {
     justifyContent: 'flex-end'
   }),
   start: (0, _react2.css)({
-    alignItems: 'start'
+    justifyContent: 'start'
   }),
   end: (0, _react2.css)({
-    alignItems: 'end'
+    justifyContent: 'end'
   })
 };
 var displayMap = {

package/dist/cjs/constants.js

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

package/dist/cjs/index.js

@@ -4,18 +4,6 @@ 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() {
@@ -50,5 +38,4 @@ 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 _constants = require("./constants");
+var _interactionSurface = _interopRequireDefault(require("./components/interaction-surface.partial"));

package/dist/cjs/version.json

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

package/dist/es2019/components/box.partial.js

@@ -152,10 +152,10 @@ const flexJustifyContentMap = {
     justifyContent: 'flex-end'
   }),
   start: css({
-    alignItems: 'start'
+    justifyContent: 'start'
   }),
   end: css({
-    alignItems: 'end'
+    justifyContent: 'end'
   })
 };
 const displayMap = {

package/dist/es2019/constants.js

@@ -8,37 +8,4 @@ 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,5 +2,4 @@ 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 { BREAKPOINTS_LIST as UNSAFE_BREAKPOINTS_LIST, BREAKPOINTS_CONFIG as UNSAFE_BREAKPOINTS_CONFIG } from './constants';
+export { default as UNSAFE_InteractionSurface } from './components/interaction-surface.partial';

package/dist/es2019/version.json

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

package/dist/esm/components/box.partial.js

@@ -155,10 +155,10 @@ var flexJustifyContentMap = {
     justifyContent: 'flex-end'
   }),
   start: css({
-    alignItems: 'start'
+    justifyContent: 'start'
   }),
   end: css({
-    alignItems: 'end'
+    justifyContent: 'end'
   })
 };
 var displayMap = {

package/dist/esm/constants.js

@@ -8,37 +8,4 @@ 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,5 +2,4 @@ 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 { BREAKPOINTS_LIST as UNSAFE_BREAKPOINTS_LIST, BREAKPOINTS_CONFIG as UNSAFE_BREAKPOINTS_CONFIG } from './constants';
+export { default as UNSAFE_InteractionSurface } from './components/interaction-surface.partial';

package/dist/esm/version.json

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

package/dist/types/constants.d.ts

@@ -10,10 +10,3 @@ 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,5 +7,3 @@ 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.6",
+  "version": "2.0.8",
   "description": "An experimental package for exploration and validation of spacing / typography foundations.",
   "license": "Apache-2.0",
   "atlassian": {

package/report.api.md

@@ -567,31 +567,6 @@ 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/components/box.partial.tsx

@@ -285,8 +285,8 @@ const flexJustifyContentMap = {
   center: css({ justifyContent: 'center' }),
   flexStart: css({ justifyContent: 'flex-start' }),
   flexEnd: css({ justifyContent: 'flex-end' }),
-  start: css({ alignItems: 'start' }),
-  end: css({ alignItems: 'end' }),
+  start: css({ justifyContent: 'start' }),
+  end: css({ justifyContent: 'end' }),
 };
 
 type Display = keyof typeof displayMap;

package/src/constants.tsx

@@ -11,44 +11,3 @@ 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,11 +7,3 @@ 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,21 +546,6 @@ 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>>>;