@atlaskit/primitives 1.0.7 → 1.0.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/primitives
 
+## 1.0.8
+
+### Patch Changes
+
+- [`8986cf1ed16`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8986cf1ed16) - Reverts a change that allowed className to be applied to Box.
+
 ## 1.0.7
 
 ### Patch Changes

package/constellation/grid/examples.mdx

@@ -7,6 +7,8 @@ order: 0
 import GridBasic from '../../examples/constellation/grid/basic';
 import GridGap from '../../examples/constellation/grid/gap';
 import GridTemplate from '../../examples/constellation/grid/template';
+import GridTemplateArea from '../../examples/constellation/grid/template-area';
+import GridTemplateRow from '../../examples/constellation/grid/template-row';
 import GridAutoFlow from '../../examples/constellation/grid/auto-flow';
 
 import { CodeDocsHeader } from '@af/design-system-docs-ui';
@@ -36,8 +38,24 @@ and keep the whitespace of the grid harmonious with our spacing system.
 Grid-prefixed template properties in CSS do not have this prefix in the component API.
 For example `grid-template-*` are instead applied as `templateColumns`, `templateRows` and `templateArea` properties.
 
+### Template columns
+
+Template columns enables grid to declare the way columns are applied in the template.
+
 <Example Component={GridTemplate} packageName="@atlaskit/primitives/grid" />
 
+### Template rows
+
+Template rows enables grid to declare the way row are applied in the template.
+
+<Example Component={GridTemplateRow} packageName="@atlaskit/primitives/grid" />
+
+### Template areas
+
+Template areas enables grid to declare the grid areas are applied in the template.
+
+<Example Component={GridTemplateArea} packageName="@atlaskit/primitives/grid" />
+
 ## Autoflow syntax
 
 Grid-prefixed properties in CSS do not have this prefix in the component API. `grid-auto-flow` is instead applied via `autoFlow`.

package/dist/cjs/components/box.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _xcss = require("../xcss/xcss");
 var _baseBox = require("./internal/base-box");
-var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId", "xcss"];
+var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId", "xcss"],
+  _excluded2 = ["className"];
 /** @jsx jsx */
 // Ideally we'd just Omit className from BaseBoxProps however that isn't working as expected
 // So, we're reconstructing the type: this should be the same as BaseBoxProps minus className
@@ -42,7 +42,9 @@ var Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     testId = _ref.testId,
     xcss = _ref.xcss,
     htmlAttributes = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var safeHtmlAttributes = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(htmlAttributes), htmlAttributes));
+  // This is to remove className from safeHtmlAttributes
+  var _spreadClass = htmlAttributes.className,
+    safeHtmlAttributes = (0, _objectWithoutProperties2.default)(htmlAttributes, _excluded2);
   var className = xcss && (0, _xcss.parseXcss)(xcss);
   return (0, _react2.jsx)(_baseBox.BaseBox, (0, _extends2.default)({
     as: as,

package/dist/cjs/version.json

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

package/dist/es2019/components/box.js

@@ -34,7 +34,9 @@ const Box = /*#__PURE__*/forwardRef(({
   xcss,
   ...htmlAttributes
 }, ref) => {
+  // This is to remove className from safeHtmlAttributes
   const {
+    className: _spreadClass,
     ...safeHtmlAttributes
   } = htmlAttributes;
   const className = xcss && parseXcss(xcss);

package/dist/es2019/version.json

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

package/dist/esm/components/box.js

@@ -1,7 +1,7 @@
-import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId", "xcss"];
+var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId", "xcss"],
+  _excluded2 = ["className"];
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { jsx } from '@emotion/react';
@@ -36,7 +36,9 @@ var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
     testId = _ref.testId,
     xcss = _ref.xcss,
     htmlAttributes = _objectWithoutProperties(_ref, _excluded);
-  var safeHtmlAttributes = _extends({}, (_objectDestructuringEmpty(htmlAttributes), htmlAttributes));
+  // This is to remove className from safeHtmlAttributes
+  var _spreadClass = htmlAttributes.className,
+    safeHtmlAttributes = _objectWithoutProperties(htmlAttributes, _excluded2);
   var className = xcss && parseXcss(xcss);
   return jsx(BaseBox, _extends({
     as: as,

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "Primitives are token-backed low-level building blocks.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,7 @@
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
-    "team": "Design System Pyxis",
+    "team": "Design System Team",
     "inPublicMirror": false,
     "releaseModel": "continuous",
     "website": {
@@ -85,7 +85,7 @@
           "slug": "primitives/bleed",
           "id": "@atlaskit/primitives/bleed",
           "status": {
-            "type": "alpha"
+            "type": "closed-beta"
           }
         },
         {
@@ -181,4 +181,4 @@
     "./responsive": "./src/responsive/index.tsx"
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
-}
+}