@atlaskit/primitives 1.6.3 → 1.6.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/primitives
 
+## 1.6.5
+
+### Patch Changes
+
+- [#41563](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41563) [`50de1ccacd7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/50de1ccacd7) - Additional documentation details for alignment props on Inline and Stack.
+
+## 1.6.4
+
+### Patch Changes
+
+- [#40324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40324) [`8d123310957`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d123310957) - Minor internal changes. There is no expected behaviour change
+
 ## 1.6.3
 
 ### Patch Changes

package/constellation/overview/index.mdx

@@ -61,7 +61,10 @@ You might like to think first about breaking down a page into `Box` containers,
 identifying larger pieces of a design that function in a similar manner or fulfill a singular purpose
 in a layout and grouping them together under a `Box`.
 
-<Image src={boxUsageExample} />
+<Image
+  src={boxUsageExample}
+  alt="Screenshot of a typical Jira board with swimlanes. Various areas are highlighted as examples of how Box containers are used for layout"
+/>
 
 The behavior within and around these boxes can then be broken down into their horizontal `Inline` and vertical `Stack` components.
 
@@ -73,8 +76,14 @@ The behavior within and around these boxes can then be broken down into their ho
   offers suggestions for possible primitives to apply in a layout.
 </SectionMessage>
 
-<Image src={inlineUsageExample} />
-<Image src={stackUsageExample} />
+<Image
+  src={inlineUsageExample}
+  alt="Screenshot of a typical Jira board with swimlanes. Various areas are highlighted as examples of how Inline containers are used for layout"
+/>
+<Image
+  src={stackUsageExample}
+  alt="Screenshot of a typical Jira board with swimlanes. Various areas are highlighted as examples of how Stack containers are used for layout"
+/>
 
 ## Related
 

package/dist/cjs/xcss/style-maps.partial.js

@@ -32,10 +32,10 @@ var dimensionMap = exports.dimensionMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a1c1c7a326eab1fd8f07e923e26f784>>
+ * @codegen <<SignedSource::3cd327a4cd23dce8564f0b76a0d600ce>>
  * @codegenId spacing
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::55622b91aca9b3afac4bce440f222b71>>
  */
 var spaceMap = exports.spaceMap = {
   'space.0': "var(--ds-space-0, 0px)",
@@ -70,11 +70,11 @@ var negativeSpaceMap = exports.negativeSpaceMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2d67e9258c01e48d564a26a1e4400b94>>
+ * @codegen <<SignedSource::b93d845e13422e2b25a860f34dc6882b>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::5188ac15a9f4d65b80cf12e4eecac815>>
  */
 var borderColorMap = exports.borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",
@@ -409,11 +409,11 @@ var layerMap = exports.layerMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ffa10f95df2d9bbc0f5d91f9d19b9a69>>
+ * @codegen <<SignedSource::d44c306cfe2334f9664fc122aa7d9fe6>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::25105916a589322f57c322068cb0074a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
  */
 var borderWidthMap = exports.borderWidthMap = {
   'border.width': "var(--ds-border-width, 1px)",

package/dist/es2019/xcss/style-maps.partial.js

@@ -24,10 +24,10 @@ export const dimensionMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a1c1c7a326eab1fd8f07e923e26f784>>
+ * @codegen <<SignedSource::3cd327a4cd23dce8564f0b76a0d600ce>>
  * @codegenId spacing
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::55622b91aca9b3afac4bce440f222b71>>
  */
 export const spaceMap = {
   'space.0': "var(--ds-space-0, 0px)",
@@ -61,11 +61,11 @@ export const negativeSpaceMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2d67e9258c01e48d564a26a1e4400b94>>
+ * @codegen <<SignedSource::b93d845e13422e2b25a860f34dc6882b>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::5188ac15a9f4d65b80cf12e4eecac815>>
  */
 export const borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",
@@ -398,11 +398,11 @@ export const layerMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ffa10f95df2d9bbc0f5d91f9d19b9a69>>
+ * @codegen <<SignedSource::d44c306cfe2334f9664fc122aa7d9fe6>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::25105916a589322f57c322068cb0074a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
  */
 export const borderWidthMap = {
   'border.width': "var(--ds-border-width, 1px)",

package/dist/esm/xcss/style-maps.partial.js

@@ -25,10 +25,10 @@ export var dimensionMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a1c1c7a326eab1fd8f07e923e26f784>>
+ * @codegen <<SignedSource::3cd327a4cd23dce8564f0b76a0d600ce>>
  * @codegenId spacing
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::55622b91aca9b3afac4bce440f222b71>>
  */
 export var spaceMap = {
   'space.0': "var(--ds-space-0, 0px)",
@@ -62,11 +62,11 @@ export var negativeSpaceMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2d67e9258c01e48d564a26a1e4400b94>>
+ * @codegen <<SignedSource::b93d845e13422e2b25a860f34dc6882b>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::5188ac15a9f4d65b80cf12e4eecac815>>
  */
 export var borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",
@@ -399,11 +399,11 @@ export var layerMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ffa10f95df2d9bbc0f5d91f9d19b9a69>>
+ * @codegen <<SignedSource::d44c306cfe2334f9664fc122aa7d9fe6>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::25105916a589322f57c322068cb0074a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
  */
 export var borderWidthMap = {
   'border.width': "var(--ds-border-width, 1px)",

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

@@ -8,11 +8,11 @@ export type InlineProps<T extends ElementType = 'div'> = {
      */
     as?: 'div' | 'span' | 'ul' | 'ol' | 'li';
     /**
-     * Used to align children along the main axis.
+     * Used to align children along the block axis (typically vertical).
      */
     alignBlock?: AlignBlock;
     /**
-     * Used to align children along the cross axis.
+     * Used to align children along the inline axis (typically horizontal).
      */
     alignInline?: AlignInline;
     /**
@@ -69,11 +69,11 @@ declare const Inline: import("react").MemoExoticComponent<import("react").Forwar
      */
     as?: "div" | "li" | "ol" | "span" | "ul" | undefined;
     /**
-     * Used to align children along the main axis.
+     * Used to align children along the block axis (typically vertical).
      */
     alignBlock?: AlignBlock | undefined;
     /**
-     * Used to align children along the cross axis.
+     * Used to align children along the inline axis (typically horizontal).
      */
     alignInline?: AlignInline | undefined;
     /**

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

@@ -8,11 +8,11 @@ export type StackProps<T extends ElementType = 'div'> = {
      */
     as?: 'div' | 'span' | 'ul' | 'ol';
     /**
-     * Used to align children along the main axis.
+     * Used to align children along the block axis (typically vertical).
      */
     alignBlock?: Exclude<AlignBlock, 'baseline'>;
     /**
-     * Used to align children along the cross axis.
+     * Used to align children along the inline axis (typically horizontal).
      */
     alignInline?: AlignInline;
     /**
@@ -56,11 +56,11 @@ declare const Stack: import("react").MemoExoticComponent<import("react").Forward
      */
     as?: "div" | "ol" | "span" | "ul" | undefined;
     /**
-     * Used to align children along the main axis.
+     * Used to align children along the block axis (typically vertical).
      */
     alignBlock?: "stretch" | "center" | "end" | "start" | undefined;
     /**
-     * Used to align children along the cross axis.
+     * Used to align children along the inline axis (typically horizontal).
      */
     alignInline?: AlignInline | undefined;
     /**

package/dist/types/xcss/style-maps.partial.d.ts

@@ -23,10 +23,10 @@ export type Dimension = keyof typeof dimensionMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a1c1c7a326eab1fd8f07e923e26f784>>
+ * @codegen <<SignedSource::3cd327a4cd23dce8564f0b76a0d600ce>>
  * @codegenId spacing
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::55622b91aca9b3afac4bce440f222b71>>
  */
 export declare const spaceMap: {
     'space.0': "var(--ds-space-0)";
@@ -62,11 +62,11 @@ export type NegativeSpace = keyof typeof negativeSpaceMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2d67e9258c01e48d564a26a1e4400b94>>
+ * @codegen <<SignedSource::b93d845e13422e2b25a860f34dc6882b>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::5188ac15a9f4d65b80cf12e4eecac815>>
  */
 export declare const borderColorMap: {
     readonly 'color.border': "var(--ds-border)";
@@ -406,11 +406,11 @@ export type Layer = keyof typeof layerMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ffa10f95df2d9bbc0f5d91f9d19b9a69>>
+ * @codegen <<SignedSource::d44c306cfe2334f9664fc122aa7d9fe6>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::25105916a589322f57c322068cb0074a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
  */
 export declare const borderWidthMap: {
     readonly 'border.width': "var(--ds-border-width)";

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

@@ -8,11 +8,11 @@ export type InlineProps<T extends ElementType = 'div'> = {
      */
     as?: 'div' | 'span' | 'ul' | 'ol' | 'li';
     /**
-     * Used to align children along the main axis.
+     * Used to align children along the block axis (typically vertical).
      */
     alignBlock?: AlignBlock;
     /**
-     * Used to align children along the cross axis.
+     * Used to align children along the inline axis (typically horizontal).
      */
     alignInline?: AlignInline;
     /**
@@ -69,11 +69,11 @@ declare const Inline: import("react").MemoExoticComponent<import("react").Forwar
      */
     as?: "div" | "li" | "ol" | "span" | "ul" | undefined;
     /**
-     * Used to align children along the main axis.
+     * Used to align children along the block axis (typically vertical).
      */
     alignBlock?: AlignBlock | undefined;
     /**
-     * Used to align children along the cross axis.
+     * Used to align children along the inline axis (typically horizontal).
      */
     alignInline?: AlignInline | undefined;
     /**

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

@@ -8,11 +8,11 @@ export type StackProps<T extends ElementType = 'div'> = {
      */
     as?: 'div' | 'span' | 'ul' | 'ol';
     /**
-     * Used to align children along the main axis.
+     * Used to align children along the block axis (typically vertical).
      */
     alignBlock?: Exclude<AlignBlock, 'baseline'>;
     /**
-     * Used to align children along the cross axis.
+     * Used to align children along the inline axis (typically horizontal).
      */
     alignInline?: AlignInline;
     /**
@@ -56,11 +56,11 @@ declare const Stack: import("react").MemoExoticComponent<import("react").Forward
      */
     as?: "div" | "ol" | "span" | "ul" | undefined;
     /**
-     * Used to align children along the main axis.
+     * Used to align children along the block axis (typically vertical).
      */
     alignBlock?: "stretch" | "center" | "end" | "start" | undefined;
     /**
-     * Used to align children along the cross axis.
+     * Used to align children along the inline axis (typically horizontal).
      */
     alignInline?: AlignInline | undefined;
     /**

package/dist/types-ts4.5/xcss/style-maps.partial.d.ts

@@ -23,10 +23,10 @@ export type Dimension = keyof typeof dimensionMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a1c1c7a326eab1fd8f07e923e26f784>>
+ * @codegen <<SignedSource::3cd327a4cd23dce8564f0b76a0d600ce>>
  * @codegenId spacing
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::55622b91aca9b3afac4bce440f222b71>>
  */
 export declare const spaceMap: {
     'space.0': "var(--ds-space-0)";
@@ -62,11 +62,11 @@ export type NegativeSpace = keyof typeof negativeSpaceMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2d67e9258c01e48d564a26a1e4400b94>>
+ * @codegen <<SignedSource::b93d845e13422e2b25a860f34dc6882b>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "shadow", "text", "fill", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::5188ac15a9f4d65b80cf12e4eecac815>>
  */
 export declare const borderColorMap: {
     readonly 'color.border': "var(--ds-border)";
@@ -406,11 +406,11 @@ export type Layer = keyof typeof layerMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ffa10f95df2d9bbc0f5d91f9d19b9a69>>
+ * @codegen <<SignedSource::d44c306cfe2334f9664fc122aa7d9fe6>>
  * @codegenId border
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["width", "radius"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::25105916a589322f57c322068cb0074a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::80457377fd80c31f5dfcb5cc743d7016>>
  */
 export declare const borderWidthMap: {
     readonly 'border.width': "var(--ds-border-width)";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "1.6.3",
+  "version": "1.6.5",
   "description": "Primitives are token-backed low-level building blocks.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -116,7 +116,7 @@
     "codegen-styles": "ts-node -r tsconfig-paths/register ./scripts/codegen-styles.tsx"
   },
   "dependencies": {
-    "@atlaskit/tokens": "^1.25.0",
+    "@atlaskit/tokens": "^1.26.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "@emotion/serialize": "^1.1.0",