@atlaskit/primitives 0.2.0 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/primitives
 
+## 0.2.1
+
+### Patch Changes
+
+- [`5b886634089`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5b886634089) - [ux] Change Box to be the default export from `@atlaskit/primitives/box`. Fix the negative value of `margin-inline` in Inline `separator` not being applied properly.
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/cjs/components/box.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Box = void 0;
+exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
@@ -14,6 +14,17 @@ var _excluded = ["as", "children", "color", "backgroundColor", "shadow", "border
   _excluded2 = ["style", "className"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
+/**
+ * __Box__
+ *
+ * A box {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
 var Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var as = _ref.as,
     children = _ref.children,
@@ -84,4 +95,5 @@ var Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     ref: ref
   }, safeHtmlAttributes), children);
 });
-exports.Box = Box;
+var _default = Box;
+exports.default = _default;

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

@@ -88,7 +88,7 @@ var baseStyles = (0, _react2.css)({
 var separatorStyles = (0, _react2.css)({
   color: "var(--ds-text-subtle, #42526E)",
   marginBlock: "var(--ds-space-0, 0px)",
-  marginInline: "-".concat("var(--ds-space-025, 2px)"),
+  marginInline: "calc(-1 * ".concat("var(--ds-space-025, 2px)", ")"),
   pointerEvents: 'none',
   userSelect: 'none'
 });

package/dist/cjs/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "Box", {
   enumerable: true,
   get: function get() {
-    return _box.Box;
+    return _box.default;
   }
 });
 Object.defineProperty(exports, "Inline", {
@@ -22,6 +22,6 @@ Object.defineProperty(exports, "Stack", {
     return _stack.default;
   }
 });
-var _box = require("./components/box");
+var _box = _interopRequireDefault(require("./components/box"));
 var _inline = _interopRequireDefault(require("./components/inline.partial"));
 var _stack = _interopRequireDefault(require("./components/stack.partial"));

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "0.2.0",
+	"version": "0.2.1",
 	"sideEffects": false
 }

package/dist/es2019/components/box.js

@@ -1,6 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
 import { BaseBox } from './internal/base-box.partial';
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
+/**
+ * __Box__
+ *
+ * A box {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
 const Box = /*#__PURE__*/forwardRef(({
   as,
   children,
@@ -72,4 +83,4 @@ const Box = /*#__PURE__*/forwardRef(({
     ref: ref
   }, safeHtmlAttributes), children);
 });
-export { Box };
+export default Box;

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

@@ -105,7 +105,7 @@ const baseStyles = css({
 const separatorStyles = css({
   color: "var(--ds-text-subtle, #42526E)",
   marginBlock: "var(--ds-space-0, 0px)",
-  marginInline: `-${"var(--ds-space-025, 2px)"}`,
+  marginInline: `calc(-1 * ${"var(--ds-space-025, 2px)"})`,
   pointerEvents: 'none',
   userSelect: 'none'
 });

package/dist/es2019/index.js

@@ -1,3 +1,3 @@
-export { Box } from './components/box';
+export { default as Box } from './components/box';
 export { default as Inline } from './components/inline.partial';
 export { default as Stack } from './components/stack.partial';

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "0.2.0",
+	"version": "0.2.1",
 	"sideEffects": false
 }

package/dist/esm/components/box.js

@@ -4,6 +4,17 @@ var _excluded = ["as", "children", "color", "backgroundColor", "shadow", "border
   _excluded2 = ["style", "className"];
 import React, { forwardRef } from 'react';
 import { BaseBox } from './internal/base-box.partial';
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
+/**
+ * __Box__
+ *
+ * A box {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
 var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var as = _ref.as,
     children = _ref.children,
@@ -74,4 +85,4 @@ var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref
   }, safeHtmlAttributes), children);
 });
-export { Box };
+export default Box;

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

@@ -80,7 +80,7 @@ var baseStyles = css({
 var separatorStyles = css({
   color: "var(--ds-text-subtle, #42526E)",
   marginBlock: "var(--ds-space-0, 0px)",
-  marginInline: "-".concat("var(--ds-space-025, 2px)"),
+  marginInline: "calc(-1 * ".concat("var(--ds-space-025, 2px)", ")"),
   pointerEvents: 'none',
   userSelect: 'none'
 });

package/dist/esm/index.js

@@ -1,3 +1,3 @@
-export { Box } from './components/box';
+export { default as Box } from './components/box';
 export { default as Inline } from './components/inline.partial';
 export { default as Stack } from './components/stack.partial';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "0.2.0",
+	"version": "0.2.1",
 	"sideEffects": false
 }

package/dist/types/components/box.d.ts

@@ -6,5 +6,14 @@ declare type BoxPropsBase = {
 };
 export declare type BoxProps<T extends ElementType = 'div'> = Omit<BaseBoxProps<T>, 'className' | 'UNSAFE_style'> & BoxPropsBase;
 declare type BoxComponent<T extends ElementType = 'div'> = (<T extends ElementType = 'div'>(props: BoxProps<T>) => ReactElement | null) & FC<BoxProps<T>>;
+/**
+ * __Box__
+ *
+ * A box {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
 declare const Box: BoxComponent;
-export { Box };
+export default Box;

package/dist/types/components/internal/base-box.partial.d.ts

@@ -136,7 +136,7 @@ declare type BaseBoxPropsFoundation<T extends ElementType> = {
      */
     height?: Height;
     /**
-     * Defines display type and layout. Defaults to `flex`.
+     * Defines display type and layout. Defaults to `block`.
      */
     display?: Display;
     /**

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export { Box, type BoxProps } from './components/box';
+export { default as Box, type BoxProps } from './components/box';
 export { default as Inline, type InlineProps, } from './components/inline.partial';
 export { default as Stack, type StackProps } from './components/stack.partial';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Primitives are token-backed low-level building blocks.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",

package/report.api.md

@@ -227,7 +227,7 @@ const borderWidthMap: {
   readonly 'size.100': SerializedStyles;
 };
 
-// @public (undocumented)
+// @public
 export const Box: BoxComponent;
 
 // @public (undocumented)

package/tmp/api-report-tmp.d.ts

@@ -211,7 +211,7 @@ const borderWidthMap: {
     readonly 'size.100': SerializedStyles;
 };
 
-// @public (undocumented)
+// @public
 export const Box: BoxComponent;
 
 // @public (undocumented)