@atlaskit/primitives 0.11.0 → 0.12.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/primitives
 
+## 0.12.1
+
+### Patch Changes
+
+- [`3f273cdd54f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3f273cdd54f) - Allow for an Inline list item.
+
+## 0.12.0
+
+### Minor Changes
+
+- [`407853b7b26`](https://bitbucket.org/atlassian/atlassian-frontend/commits/407853b7b26) - Inline now has a new default value for the `alignBlock` prop: `start` - the previous default, `stretch`, is now an option that can be set explicitly as well.
+
 ## 0.11.0
 
 ### Minor Changes

package/dist/cjs/components/inline.js

@@ -22,6 +22,9 @@ var alignItemsMap = {
   }),
   end: (0, _react2.css)({
     alignItems: 'flex-end'
+  }),
+  stretch: (0, _react2.css)({
+    alignItems: 'stretch'
   })
 };
 var justifyContentMap = {
@@ -87,7 +90,8 @@ var Separator = function Separator(_ref) {
 var Inline = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var as = _ref2.as,
     alignInline = _ref2.alignInline,
-    alignItems = _ref2.alignBlock,
+    _ref2$alignBlock = _ref2.alignBlock,
+    alignItems = _ref2$alignBlock === void 0 ? 'start' : _ref2$alignBlock,
     _ref2$shouldWrap = _ref2.shouldWrap,
     shouldWrap = _ref2$shouldWrap === void 0 ? false : _ref2$shouldWrap,
     spread = _ref2.spread,

package/dist/cjs/version.json

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

package/dist/es2019/components/inline.js

@@ -15,6 +15,9 @@ const alignItemsMap = {
   }),
   end: css({
     alignItems: 'flex-end'
+  }),
+  stretch: css({
+    alignItems: 'stretch'
   })
 };
 const justifyContentMap = {
@@ -79,7 +82,7 @@ const Separator = ({
 const Inline = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   as,
   alignInline,
-  alignBlock: alignItems,
+  alignBlock: alignItems = 'start',
   shouldWrap = false,
   spread,
   grow,

package/dist/es2019/version.json

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

package/dist/esm/components/inline.js

@@ -15,6 +15,9 @@ var alignItemsMap = {
   }),
   end: css({
     alignItems: 'flex-end'
+  }),
+  stretch: css({
+    alignItems: 'stretch'
   })
 };
 var justifyContentMap = {
@@ -80,7 +83,8 @@ var Separator = function Separator(_ref) {
 var Inline = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var as = _ref2.as,
     alignInline = _ref2.alignInline,
-    alignItems = _ref2.alignBlock,
+    _ref2$alignBlock = _ref2.alignBlock,
+    alignItems = _ref2$alignBlock === void 0 ? 'start' : _ref2$alignBlock,
     _ref2$shouldWrap = _ref2.shouldWrap,
     shouldWrap = _ref2$shouldWrap === void 0 ? false : _ref2$shouldWrap,
     spread = _ref2.spread,

package/dist/esm/version.json

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

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

@@ -5,7 +5,7 @@ export interface InlineProps<T extends ElementType = 'div'> {
     /**
      * The DOM element to render as the Inline. Defaults to `div`.
      */
-    as?: 'div' | 'span' | 'ul' | 'ol';
+    as?: 'div' | 'span' | 'ul' | 'ol' | 'li';
     /**
      * Used to align children along the main axis.
      */
@@ -53,7 +53,7 @@ export interface InlineProps<T extends ElementType = 'div'> {
     ref?: React.ComponentPropsWithRef<T>['ref'];
 }
 export type AlignInline = 'start' | 'center' | 'end';
-export type AlignBlock = 'start' | 'center' | 'end' | 'baseline';
+export type AlignBlock = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
 export type Spread = 'space-between';
 export type Grow = 'hug' | 'fill';
 /**

package/dist/types-ts4.5/components/inline.d.ts

@@ -5,7 +5,7 @@ export interface InlineProps<T extends ElementType = 'div'> {
     /**
      * The DOM element to render as the Inline. Defaults to `div`.
      */
-    as?: 'div' | 'span' | 'ul' | 'ol';
+    as?: 'div' | 'span' | 'ul' | 'ol' | 'li';
     /**
      * Used to align children along the main axis.
      */
@@ -53,7 +53,7 @@ export interface InlineProps<T extends ElementType = 'div'> {
     ref?: React.ComponentPropsWithRef<T>['ref'];
 }
 export type AlignInline = 'start' | 'center' | 'end';
-export type AlignBlock = 'start' | 'center' | 'end' | 'baseline';
+export type AlignBlock = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
 export type Spread = 'space-between';
 export type Grow = 'hug' | 'fill';
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "0.11.0",
+  "version": "0.12.1",
   "description": "Primitives are token-backed low-level building blocks.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -122,7 +122,7 @@
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/codegen": "^0.1.0",
-    "@atlassian/gemini-visual-regression": "^0.0.27",
+    "@atlassian/gemini-visual-regression": "^0.0.28",
     "@testing-library/react": "^12.1.5",
     "csstype": "^3.1.0",
     "prettier": "^2.8.0",

package/report.api.md

@@ -32,7 +32,7 @@ import { RefAttributes } from 'react';
 import { SerializedStyles } from '@emotion/serialize';
 
 // @public (undocumented)
-type AlignBlock = 'baseline' | 'center' | 'end' | 'start';
+type AlignBlock = 'baseline' | 'center' | 'end' | 'start' | 'stretch';
 
 // @public (undocumented)
 type AlignBlock_2 = 'center' | 'end' | 'start';
@@ -454,7 +454,7 @@ export const Inline: MemoExoticComponent<
 export interface InlineProps<T extends ElementType = 'div'> {
   alignBlock?: AlignBlock;
   alignInline?: AlignInline;
-  as?: 'div' | 'ol' | 'span' | 'ul';
+  as?: 'div' | 'li' | 'ol' | 'span' | 'ul';
   children: ReactNode;
   grow?: Grow;
   ref?: React.ComponentPropsWithRef<T>['ref'];

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

@@ -21,7 +21,7 @@ import { RefAttributes } from 'react';
 import { SerializedStyles } from '@emotion/serialize';
 
 // @public (undocumented)
-type AlignBlock = 'baseline' | 'center' | 'end' | 'start';
+type AlignBlock = 'baseline' | 'center' | 'end' | 'start' | 'stretch';
 
 // @public (undocumented)
 type AlignBlock_2 = 'center' | 'end' | 'start';
@@ -398,7 +398,7 @@ export const Inline: MemoExoticComponent<ForwardRefExoticComponent<Pick<InlinePr
 export interface InlineProps<T extends ElementType = 'div'> {
     alignBlock?: AlignBlock;
     alignInline?: AlignInline;
-    as?: 'div' | 'ol' | 'span' | 'ul';
+    as?: 'div' | 'li' | 'ol' | 'span' | 'ul';
     children: ReactNode;
     grow?: Grow;
     ref?: React.ComponentPropsWithRef<T>['ref'];