@atlaskit/primitives - npm Package Compare versions

Comparing version 0.13.0 to 0.14.0

CHANGELOG.md

 # @atlaskit/primitives
 
+## 0.14.0
+
+### Minor Changes
+
+- [`5af07899f5b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5af07899f5b) - Loosens types to better reflect `xcss` API.
+
 ## 0.13.0
@@ -4,0 +10,0 @@

dist/cjs/version.json

 {
 	"name": "@atlaskit/primitives",
-	"version": "0.13.0",
+	"version": "0.14.0",
 	"sideEffects": false
 }

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

@@ -7,3 +7,3 @@ "use strict";
 });
-exports.textColorMap = exports.spaceStylesMap = exports.spaceMap = exports.shadowMap = exports.positionMap = exports.paddingStylesMap = exports.overflowMap = exports.overflowInlineMap = exports.overflowBlockMap = exports.layerMap = exports.flexShrinkMap = exports.flexMap = exports.flexGrowMap = exports.flexDirectionMap = exports.fillMap = exports.displayMap = exports.dimensionMap = exports.borderWidthMap = exports.borderStyleMap = exports.borderRadiusMap = exports.borderColorMap = exports.backgroundColorStylesMap = exports.backgroundColorMap = exports.alignSelfMap = void 0;
+exports.textColorMap = exports.spaceStylesMap = exports.spaceMap = exports.shadowMap = exports.paddingStylesMap = exports.layerMap = exports.fillMap = exports.dimensionMap = exports.borderWidthMap = exports.borderRadiusMap = exports.borderColorMap = exports.backgroundColorStylesMap = exports.backgroundColorMap = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -13,7 +13,7 @@ var _react = require("@emotion/react");
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b6657585e3df6f8017d4c35bb9150e3f>>
+ * @codegen <<SignedSource::7af6097e56f7fb03635b6f8aaf121b02>>
  * @codegenId dimensions
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["dimensions"]
- * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
+ * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  */
@@ -283,59 +283,9 @@ var dimensionMap = {
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::7787d50b7bc64a9350e4cf35ae608a79>>
+ * @codegen <<SignedSource::01a4b055c311d198921d4e000a2d7a54>>
  * @codegenId misc
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenParams ["align-self", "border-style", "display", "flex-direction", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
- * @codegenDependency ../../scripts/codegen-file-templates/align-self.tsx <<SignedSource::074079802534462de54bf882bb2073e5>>
- * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>>
- * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
- * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::486569d9e228265c1688d0a7122bdedc>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::77effeb1e5c39997e34b21b000a91faf>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex.tsx <<SignedSource::ffa0189d14f1f00a16ec1e9f43a17ce9>>
+ * @codegenParams ["layer"]
+ * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
- * @codegenDependency ../../scripts/codegen-file-templates/overflow.tsx <<SignedSource::ccb841f2f51525aed895c06e00f15089>>
- * @codegenDependency ../../scripts/codegen-file-templates/position.tsx <<SignedSource::8709494ef16c48046c1784a9aaec6d80>>
  */
-var alignSelfMap = {
-  center: 'center',
-  start: 'start',
-  stretch: 'stretch',
-  end: 'end',
-  baseline: 'baseline'
-};
-exports.alignSelfMap = alignSelfMap;
-var borderStyleMap = {
-  none: 'none',
-  solid: 'solid'
-};
-exports.borderStyleMap = borderStyleMap;
-var displayMap = {
-  flex: 'flex',
-  block: 'block',
-  inline: 'inline',
-  inlineBlock: 'inline-block',
-  inlineFlex: 'inline-flex',
-  grid: 'grid'
-};
-exports.displayMap = displayMap;
-var flexDirectionMap = {
-  row: 'row',
-  column: 'column'
-};
-exports.flexDirectionMap = flexDirectionMap;
-var flexGrowMap = {
-  '0': 0,
-  '1': 1
-};
-exports.flexGrowMap = flexGrowMap;
-var flexShrinkMap = {
-  '0': '0',
-  '1': 1
-};
-exports.flexShrinkMap = flexShrinkMap;
-var flexMap = {
-  '1': 1
-};
-exports.flexMap = flexMap;
 var layerMap = {
@@ -353,24 +303,2 @@ card: 100,
 exports.layerMap = layerMap;
-var overflowMap = {
-  auto: 'auto',
-  hidden: 'hidden'
-};
-exports.overflowMap = overflowMap;
-var overflowInlineMap = {
-  auto: 'auto',
-  hidden: 'hidden'
-};
-exports.overflowInlineMap = overflowInlineMap;
-var overflowBlockMap = {
-  auto: 'auto',
-  hidden: 'hidden'
-};
-exports.overflowBlockMap = overflowBlockMap;
-var positionMap = {
-  absolute: 'absolute',
-  fixed: 'fixed',
-  relative: 'relative',
-  static: 'static'
-};
-exports.positionMap = positionMap;
 /**
@@ -377,0 +305,0 @@ * @codegenEnd

dist/cjs/xcss/xcss.js

@@ -19,3 +19,2 @@ "use strict";
 var tokensMap = {
-  alignSelf: _styleMaps.alignSelfMap,
   backgroundColor: _styleMaps.backgroundColorMap,
@@ -25,14 +24,7 @@ blockSize: _styleMaps.dimensionMap,
   borderRadius: _styleMaps.borderRadiusMap,
-  borderStyle: _styleMaps.borderStyleMap,
   borderWidth: _styleMaps.borderWidthMap,
-  bottom: _styleMaps.dimensionMap,
+  bottom: _styleMaps.spaceMap,
   boxShadow: _styleMaps.shadowMap,
   color: _styleMaps.textColorMap,
   columnGap: _styleMaps.spaceMap,
-  display: _styleMaps.displayMap,
-  fill: _styleMaps.fillMap,
-  flex: _styleMaps.flexMap,
-  flexDirection: _styleMaps.flexDirectionMap,
-  flexGrow: _styleMaps.flexGrowMap,
-  flexShrink: _styleMaps.flexShrinkMap,
   gap: _styleMaps.spaceMap,
@@ -48,3 +40,10 @@ height: _styleMaps.dimensionMap,
   insetInlineStart: _styleMaps.spaceMap,
-  left: _styleMaps.dimensionMap,
+  margin: _styleMaps.spaceMap,
+  marginBlock: _styleMaps.spaceMap,
+  marginBlockEnd: _styleMaps.spaceMap,
+  marginBlockStart: _styleMaps.spaceMap,
+  marginInline: _styleMaps.spaceMap,
+  marginInlineEnd: _styleMaps.spaceMap,
+  marginInlineStart: _styleMaps.spaceMap,
+  left: _styleMaps.spaceMap,
   maxBlockSize: _styleMaps.dimensionMap,
@@ -61,5 +60,2 @@ maxHeight: _styleMaps.dimensionMap,
   outlineColor: _styleMaps.borderColorMap,
-  overflow: _styleMaps.overflowMap,
-  overflowBlock: _styleMaps.overflowBlockMap,
-  overflowInline: _styleMaps.overflowInlineMap,
   padding: _styleMaps.spaceMap,
@@ -76,6 +72,5 @@ paddingBlock: _styleMaps.spaceMap,
   paddingTop: _styleMaps.spaceMap,
-  position: _styleMaps.positionMap,
-  right: _styleMaps.dimensionMap,
+  right: _styleMaps.spaceMap,
   rowGap: _styleMaps.spaceMap,
-  top: _styleMaps.dimensionMap,
+  top: _styleMaps.spaceMap,
   width: _styleMaps.dimensionMap,
@@ -82,0 +77,0 @@ zIndex: _styleMaps.layerMap

dist/es2019/version.json

 {
 	"name": "@atlaskit/primitives",
-	"version": "0.13.0",
+	"version": "0.14.0",
 	"sideEffects": false
 }

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

 import { css } from '@emotion/react';
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b6657585e3df6f8017d4c35bb9150e3f>>
+ * @codegen <<SignedSource::7af6097e56f7fb03635b6f8aaf121b02>>
  * @codegenId dimensions
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["dimensions"]
- * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
+ * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  */
@@ -263,52 +263,9 @@ export const dimensionMap = {
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::7787d50b7bc64a9350e4cf35ae608a79>>
+ * @codegen <<SignedSource::01a4b055c311d198921d4e000a2d7a54>>
  * @codegenId misc
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenParams ["align-self", "border-style", "display", "flex-direction", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
- * @codegenDependency ../../scripts/codegen-file-templates/align-self.tsx <<SignedSource::074079802534462de54bf882bb2073e5>>
- * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>>
- * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
- * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::486569d9e228265c1688d0a7122bdedc>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::77effeb1e5c39997e34b21b000a91faf>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex.tsx <<SignedSource::ffa0189d14f1f00a16ec1e9f43a17ce9>>
+ * @codegenParams ["layer"]
+ * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
- * @codegenDependency ../../scripts/codegen-file-templates/overflow.tsx <<SignedSource::ccb841f2f51525aed895c06e00f15089>>
- * @codegenDependency ../../scripts/codegen-file-templates/position.tsx <<SignedSource::8709494ef16c48046c1784a9aaec6d80>>
  */
-export const alignSelfMap = {
-  center: 'center',
-  start: 'start',
-  stretch: 'stretch',
-  end: 'end',
-  baseline: 'baseline'
-};
-export const borderStyleMap = {
-  none: 'none',
-  solid: 'solid'
-};
-export const displayMap = {
-  flex: 'flex',
-  block: 'block',
-  inline: 'inline',
-  inlineBlock: 'inline-block',
-  inlineFlex: 'inline-flex',
-  grid: 'grid'
-};
-export const flexDirectionMap = {
-  row: 'row',
-  column: 'column'
-};
-export const flexGrowMap = {
-  '0': 0,
-  '1': 1
-};
-export const flexShrinkMap = {
-  '0': '0',
-  '1': 1
-};
-export const flexMap = {
-  '1': 1
-};
 export const layerMap = {
@@ -325,20 +282,2 @@ card: 100,
 };
-export const overflowMap = {
-  auto: 'auto',
-  hidden: 'hidden'
-};
-export const overflowInlineMap = {
-  auto: 'auto',
-  hidden: 'hidden'
-};
-export const overflowBlockMap = {
-  auto: 'auto',
-  hidden: 'hidden'
-};
-export const positionMap = {
-  absolute: 'absolute',
-  fixed: 'fixed',
-  relative: 'relative',
-  static: 'static'
-};
 /**
@@ -345,0 +284,0 @@ * @codegenEnd

dist/es2019/xcss/xcss.js

@@ -5,5 +5,4 @@ /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { media } from '../helpers/responsive';
-import { alignSelfMap, backgroundColorMap, borderColorMap, borderRadiusMap, borderStyleMap, borderWidthMap, dimensionMap, displayMap, fillMap, flexDirectionMap, flexGrowMap, flexMap, flexShrinkMap, layerMap, overflowBlockMap, overflowInlineMap, overflowMap, positionMap, shadowMap, spaceMap, textColorMap } from './style-maps.partial';
+import { backgroundColorMap, borderColorMap, borderRadiusMap, borderWidthMap, dimensionMap, layerMap, shadowMap, spaceMap, textColorMap } from './style-maps.partial';
 const tokensMap = {
-  alignSelf: alignSelfMap,
   backgroundColor: backgroundColorMap,
@@ -13,14 +12,7 @@ blockSize: dimensionMap,
   borderRadius: borderRadiusMap,
-  borderStyle: borderStyleMap,
   borderWidth: borderWidthMap,
-  bottom: dimensionMap,
+  bottom: spaceMap,
   boxShadow: shadowMap,
   color: textColorMap,
   columnGap: spaceMap,
-  display: displayMap,
-  fill: fillMap,
-  flex: flexMap,
-  flexDirection: flexDirectionMap,
-  flexGrow: flexGrowMap,
-  flexShrink: flexShrinkMap,
   gap: spaceMap,
@@ -36,3 +28,10 @@ height: dimensionMap,
   insetInlineStart: spaceMap,
-  left: dimensionMap,
+  margin: spaceMap,
+  marginBlock: spaceMap,
+  marginBlockEnd: spaceMap,
+  marginBlockStart: spaceMap,
+  marginInline: spaceMap,
+  marginInlineEnd: spaceMap,
+  marginInlineStart: spaceMap,
+  left: spaceMap,
   maxBlockSize: dimensionMap,
@@ -49,5 +48,2 @@ maxHeight: dimensionMap,
   outlineColor: borderColorMap,
-  overflow: overflowMap,
-  overflowBlock: overflowBlockMap,
-  overflowInline: overflowInlineMap,
   padding: spaceMap,
@@ -64,6 +60,5 @@ paddingBlock: spaceMap,
   paddingTop: spaceMap,
-  position: positionMap,
-  right: dimensionMap,
+  right: spaceMap,
   rowGap: spaceMap,
-  top: dimensionMap,
+  top: spaceMap,
   width: dimensionMap,
@@ -70,0 +65,0 @@ zIndex: layerMap

dist/esm/version.json

 {
 	"name": "@atlaskit/primitives",
-	"version": "0.13.0",
+	"version": "0.14.0",
 	"sideEffects": false
 }

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

@@ -5,7 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b6657585e3df6f8017d4c35bb9150e3f>>
+ * @codegen <<SignedSource::7af6097e56f7fb03635b6f8aaf121b02>>
  * @codegenId dimensions
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["dimensions"]
- * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
+ * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  */
@@ -265,52 +265,9 @@ export var dimensionMap = {
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::7787d50b7bc64a9350e4cf35ae608a79>>
+ * @codegen <<SignedSource::01a4b055c311d198921d4e000a2d7a54>>
  * @codegenId misc
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenParams ["align-self", "border-style", "display", "flex-direction", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
- * @codegenDependency ../../scripts/codegen-file-templates/align-self.tsx <<SignedSource::074079802534462de54bf882bb2073e5>>
- * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>>
- * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
- * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::486569d9e228265c1688d0a7122bdedc>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::77effeb1e5c39997e34b21b000a91faf>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex.tsx <<SignedSource::ffa0189d14f1f00a16ec1e9f43a17ce9>>
+ * @codegenParams ["layer"]
+ * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
- * @codegenDependency ../../scripts/codegen-file-templates/overflow.tsx <<SignedSource::ccb841f2f51525aed895c06e00f15089>>
- * @codegenDependency ../../scripts/codegen-file-templates/position.tsx <<SignedSource::8709494ef16c48046c1784a9aaec6d80>>
  */
-export var alignSelfMap = {
-  center: 'center',
-  start: 'start',
-  stretch: 'stretch',
-  end: 'end',
-  baseline: 'baseline'
-};
-export var borderStyleMap = {
-  none: 'none',
-  solid: 'solid'
-};
-export var displayMap = {
-  flex: 'flex',
-  block: 'block',
-  inline: 'inline',
-  inlineBlock: 'inline-block',
-  inlineFlex: 'inline-flex',
-  grid: 'grid'
-};
-export var flexDirectionMap = {
-  row: 'row',
-  column: 'column'
-};
-export var flexGrowMap = {
-  '0': 0,
-  '1': 1
-};
-export var flexShrinkMap = {
-  '0': '0',
-  '1': 1
-};
-export var flexMap = {
-  '1': 1
-};
 export var layerMap = {
@@ -327,20 +284,2 @@ card: 100,
 };
-export var overflowMap = {
-  auto: 'auto',
-  hidden: 'hidden'
-};
-export var overflowInlineMap = {
-  auto: 'auto',
-  hidden: 'hidden'
-};
-export var overflowBlockMap = {
-  auto: 'auto',
-  hidden: 'hidden'
-};
-export var positionMap = {
-  absolute: 'absolute',
-  fixed: 'fixed',
-  relative: 'relative',
-  static: 'static'
-};
 /**
@@ -347,0 +286,0 @@ * @codegenEnd

dist/esm/xcss/xcss.js

@@ -8,5 +8,4 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { media } from '../helpers/responsive';
-import { alignSelfMap, backgroundColorMap, borderColorMap, borderRadiusMap, borderStyleMap, borderWidthMap, dimensionMap, displayMap, fillMap, flexDirectionMap, flexGrowMap, flexMap, flexShrinkMap, layerMap, overflowBlockMap, overflowInlineMap, overflowMap, positionMap, shadowMap, spaceMap, textColorMap } from './style-maps.partial';
+import { backgroundColorMap, borderColorMap, borderRadiusMap, borderWidthMap, dimensionMap, layerMap, shadowMap, spaceMap, textColorMap } from './style-maps.partial';
 var tokensMap = {
-  alignSelf: alignSelfMap,
   backgroundColor: backgroundColorMap,
@@ -16,14 +15,7 @@ blockSize: dimensionMap,
   borderRadius: borderRadiusMap,
-  borderStyle: borderStyleMap,
   borderWidth: borderWidthMap,
-  bottom: dimensionMap,
+  bottom: spaceMap,
   boxShadow: shadowMap,
   color: textColorMap,
   columnGap: spaceMap,
-  display: displayMap,
-  fill: fillMap,
-  flex: flexMap,
-  flexDirection: flexDirectionMap,
-  flexGrow: flexGrowMap,
-  flexShrink: flexShrinkMap,
   gap: spaceMap,
@@ -39,3 +31,10 @@ height: dimensionMap,
   insetInlineStart: spaceMap,
-  left: dimensionMap,
+  margin: spaceMap,
+  marginBlock: spaceMap,
+  marginBlockEnd: spaceMap,
+  marginBlockStart: spaceMap,
+  marginInline: spaceMap,
+  marginInlineEnd: spaceMap,
+  marginInlineStart: spaceMap,
+  left: spaceMap,
   maxBlockSize: dimensionMap,
@@ -52,5 +51,2 @@ maxHeight: dimensionMap,
   outlineColor: borderColorMap,
-  overflow: overflowMap,
-  overflowBlock: overflowBlockMap,
-  overflowInline: overflowInlineMap,
   padding: spaceMap,
@@ -67,6 +63,5 @@ paddingBlock: spaceMap,
   paddingTop: spaceMap,
-  position: positionMap,
-  right: dimensionMap,
+  right: spaceMap,
   rowGap: spaceMap,
-  top: dimensionMap,
+  top: spaceMap,
   width: dimensionMap,
@@ -73,0 +68,0 @@ zIndex: layerMap

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

 import { SerializedStyles } from '@emotion/react';
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b6657585e3df6f8017d4c35bb9150e3f>>
+ * @codegen <<SignedSource::7af6097e56f7fb03635b6f8aaf121b02>>
  * @codegenId dimensions
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["dimensions"]
- * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
+ * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  */
@@ -20,19 +20,3 @@ export declare const dimensionMap: {
 };
-type Dimension = keyof typeof dimensionMap;
-export type Width = Dimension;
-export type Height = Dimension;
-export type MinWidth = Dimension;
-export type MaxWidth = Dimension;
-export type MinHeight = Dimension;
-export type MaxHeight = Dimension;
-export type Top = Dimension;
-export type Left = Dimension;
-export type Bottom = Dimension;
-export type Right = Dimension;
-export type BlockSize = Dimension;
-export type InlineSize = Dimension;
-export type MaxBlockSize = Dimension;
-export type MaxInlineSize = Dimension;
-export type MinBlockSize = Dimension;
-export type MinInlineSize = Dimension;
+export type Dimension = keyof typeof dimensionMap;
 /**
@@ -287,59 +271,9 @@ * @codegenEnd
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::7787d50b7bc64a9350e4cf35ae608a79>>
+ * @codegen <<SignedSource::01a4b055c311d198921d4e000a2d7a54>>
  * @codegenId misc
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenParams ["align-self", "border-style", "display", "flex-direction", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
- * @codegenDependency ../../scripts/codegen-file-templates/align-self.tsx <<SignedSource::074079802534462de54bf882bb2073e5>>
- * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>>
- * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
- * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::486569d9e228265c1688d0a7122bdedc>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::77effeb1e5c39997e34b21b000a91faf>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex.tsx <<SignedSource::ffa0189d14f1f00a16ec1e9f43a17ce9>>
+ * @codegenParams ["layer"]
+ * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
- * @codegenDependency ../../scripts/codegen-file-templates/overflow.tsx <<SignedSource::ccb841f2f51525aed895c06e00f15089>>
- * @codegenDependency ../../scripts/codegen-file-templates/position.tsx <<SignedSource::8709494ef16c48046c1784a9aaec6d80>>
  */
-export declare const alignSelfMap: {
-    readonly center: "center";
-    readonly start: "start";
-    readonly stretch: "stretch";
-    readonly end: "end";
-    readonly baseline: "baseline";
-};
-export type AlignSelf = keyof typeof alignSelfMap;
-export declare const borderStyleMap: {
-    readonly none: "none";
-    readonly solid: "solid";
-};
-export type BorderStyle = keyof typeof borderStyleMap;
-export declare const displayMap: {
-    readonly flex: "flex";
-    readonly block: "block";
-    readonly inline: "inline";
-    readonly inlineBlock: "inline-block";
-    readonly inlineFlex: "inline-flex";
-    readonly grid: "grid";
-};
-export type Display = keyof typeof displayMap;
-export declare const flexDirectionMap: {
-    readonly row: "row";
-    readonly column: "column";
-};
-export type FlexDirection = keyof typeof flexDirectionMap;
-export declare const flexGrowMap: {
-    readonly '0': 0;
-    readonly '1': 1;
-};
-export type FlexGrow = keyof typeof flexGrowMap;
-export declare const flexShrinkMap: {
-    readonly '0': "0";
-    readonly '1': 1;
-};
-export type FlexShrink = keyof typeof flexShrinkMap;
-export declare const flexMap: {
-    readonly '1': 1;
-};
-export type Flex = keyof typeof flexMap;
 export declare const layerMap: {
@@ -357,24 +291,2 @@ readonly card: 100;
 export type Layer = keyof typeof layerMap;
-export declare const overflowMap: {
-    readonly auto: "auto";
-    readonly hidden: "hidden";
-};
-export type Overflow = keyof typeof overflowMap;
-export declare const overflowInlineMap: {
-    readonly auto: "auto";
-    readonly hidden: "hidden";
-};
-export type OverflowInline = keyof typeof overflowInlineMap;
-export declare const overflowBlockMap: {
-    readonly auto: "auto";
-    readonly hidden: "hidden";
-};
-export type OverflowBlock = keyof typeof overflowBlockMap;
-export declare const positionMap: {
-    readonly absolute: "absolute";
-    readonly fixed: "fixed";
-    readonly relative: "relative";
-    readonly static: "static";
-};
-export type Position = keyof typeof positionMap;
 /**
@@ -413,22 +325,14 @@ * @codegenEnd
 export type TokenisedProps = {
-    alignSelf?: AlignSelf;
     backgroundColor?: BackgroundColor;
-    blockSize?: BlockSize;
+    blockSize?: AutoComplete<Dimension>;
     borderColor?: BorderColor;
     borderRadius?: BorderRadius;
-    borderStyle?: BorderStyle;
     borderWidth?: BorderWidth;
-    bottom?: Bottom;
+    bottom?: AutoComplete<Space>;
     boxShadow?: Shadow;
     color?: TextColor;
     columnGap?: Space;
-    display?: Display;
-    fill?: Fill;
-    flex?: Flex;
-    flexDirection?: FlexDirection;
-    flexGrow?: FlexGrow;
-    flexShrink?: FlexShrink;
     gap?: Space;
-    height?: AutoComplete<Height>;
-    inlineSize?: InlineSize;
+    height?: AutoComplete<Dimension>;
+    inlineSize?: AutoComplete<Dimension>;
     inset?: Space;
@@ -441,17 +345,14 @@ insetBlock?: Space;
     insetInlineStart?: Space;
-    left?: Left;
-    maxBlockSize?: AutoComplete<MaxBlockSize>;
-    maxHeight?: AutoComplete<MaxHeight>;
-    maxInlineSize?: AutoComplete<MaxInlineSize>;
-    maxWidth?: AutoComplete<MaxWidth>;
-    minBlockSize?: AutoComplete<MinBlockSize>;
-    minHeight?: AutoComplete<MinHeight>;
-    minInlineSize?: AutoComplete<MinInlineSize>;
-    minWidth?: AutoComplete<MinWidth>;
+    left?: AutoComplete<Space>;
+    maxBlockSize?: AutoComplete<Dimension>;
+    maxHeight?: AutoComplete<Dimension>;
+    maxInlineSize?: AutoComplete<Dimension>;
+    maxWidth?: AutoComplete<Dimension>;
+    minBlockSize?: AutoComplete<Dimension>;
+    minHeight?: AutoComplete<Dimension>;
+    minInlineSize?: AutoComplete<Dimension>;
+    minWidth?: AutoComplete<Dimension>;
     outlineColor?: BorderColor;
     outlineOffset?: Space;
     outlineWidth?: BorderWidth;
-    overflow?: Overflow;
-    overflowBlock?: OverflowBlock;
-    overflowInline?: OverflowInline;
     padding?: Space;
@@ -464,7 +365,6 @@ paddingBlock?: Space;
     paddingInlineStart?: Space;
-    position?: Position;
-    right?: Right;
+    right?: AutoComplete<Space>;
     rowGap?: Space;
-    top?: Top;
-    width?: AutoComplete<Width>;
+    top?: AutoComplete<Space>;
+    width?: AutoComplete<Dimension>;
     zIndex?: Layer;
@@ -471,0 +371,0 @@ };

dist/types-ts4.5/xcss/xcss.d.ts

@@ -31,3 +31,3 @@ /// <reference types="react" />
 type AllowedBoxStyles = keyof SafeCSSObject;
-type Spacing = 'columnGap' | 'gap' | 'inset' | 'insetBlock' | 'insetBlockEnd' | 'insetBlockStart' | 'insetInline' | 'insetInlineEnd' | 'insetInlineStart' | 'outlineOffset' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingBottom' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'rowGap';
+type Spacing = 'columnGap' | 'gap' | 'inset' | 'insetBlock' | 'insetBlockEnd' | 'insetBlockStart' | 'insetInline' | 'insetInlineEnd' | 'insetInlineStart' | 'margin' | 'marginBlock' | 'marginBlockEnd' | 'marginBlockStart' | 'marginInline' | 'marginInlineEnd' | 'marginInlineStart' | 'outlineOffset' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingBottom' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'rowGap';
 /**
@@ -34,0 +34,0 @@ * ### xcss

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

 import { SerializedStyles } from '@emotion/react';
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b6657585e3df6f8017d4c35bb9150e3f>>
+ * @codegen <<SignedSource::7af6097e56f7fb03635b6f8aaf121b02>>
  * @codegenId dimensions
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["dimensions"]
- * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
+ * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  */
@@ -20,19 +20,3 @@ export declare const dimensionMap: {
 };
-type Dimension = keyof typeof dimensionMap;
-export type Width = Dimension;
-export type Height = Dimension;
-export type MinWidth = Dimension;
-export type MaxWidth = Dimension;
-export type MinHeight = Dimension;
-export type MaxHeight = Dimension;
-export type Top = Dimension;
-export type Left = Dimension;
-export type Bottom = Dimension;
-export type Right = Dimension;
-export type BlockSize = Dimension;
-export type InlineSize = Dimension;
-export type MaxBlockSize = Dimension;
-export type MaxInlineSize = Dimension;
-export type MinBlockSize = Dimension;
-export type MinInlineSize = Dimension;
+export type Dimension = keyof typeof dimensionMap;
 /**
@@ -287,59 +271,9 @@ * @codegenEnd
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::7787d50b7bc64a9350e4cf35ae608a79>>
+ * @codegen <<SignedSource::01a4b055c311d198921d4e000a2d7a54>>
  * @codegenId misc
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenParams ["align-self", "border-style", "display", "flex-direction", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
- * @codegenDependency ../../scripts/codegen-file-templates/align-self.tsx <<SignedSource::074079802534462de54bf882bb2073e5>>
- * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>>
- * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
- * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::486569d9e228265c1688d0a7122bdedc>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::77effeb1e5c39997e34b21b000a91faf>>
- * @codegenDependency ../../scripts/codegen-file-templates/flex.tsx <<SignedSource::ffa0189d14f1f00a16ec1e9f43a17ce9>>
+ * @codegenParams ["layer"]
+ * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
- * @codegenDependency ../../scripts/codegen-file-templates/overflow.tsx <<SignedSource::ccb841f2f51525aed895c06e00f15089>>
- * @codegenDependency ../../scripts/codegen-file-templates/position.tsx <<SignedSource::8709494ef16c48046c1784a9aaec6d80>>
  */
-export declare const alignSelfMap: {
-    readonly center: "center";
-    readonly start: "start";
-    readonly stretch: "stretch";
-    readonly end: "end";
-    readonly baseline: "baseline";
-};
-export type AlignSelf = keyof typeof alignSelfMap;
-export declare const borderStyleMap: {
-    readonly none: "none";
-    readonly solid: "solid";
-};
-export type BorderStyle = keyof typeof borderStyleMap;
-export declare const displayMap: {
-    readonly flex: "flex";
-    readonly block: "block";
-    readonly inline: "inline";
-    readonly inlineBlock: "inline-block";
-    readonly inlineFlex: "inline-flex";
-    readonly grid: "grid";
-};
-export type Display = keyof typeof displayMap;
-export declare const flexDirectionMap: {
-    readonly row: "row";
-    readonly column: "column";
-};
-export type FlexDirection = keyof typeof flexDirectionMap;
-export declare const flexGrowMap: {
-    readonly '0': 0;
-    readonly '1': 1;
-};
-export type FlexGrow = keyof typeof flexGrowMap;
-export declare const flexShrinkMap: {
-    readonly '0': "0";
-    readonly '1': 1;
-};
-export type FlexShrink = keyof typeof flexShrinkMap;
-export declare const flexMap: {
-    readonly '1': 1;
-};
-export type Flex = keyof typeof flexMap;
 export declare const layerMap: {
@@ -357,24 +291,2 @@ readonly card: 100;
 export type Layer = keyof typeof layerMap;
-export declare const overflowMap: {
-    readonly auto: "auto";
-    readonly hidden: "hidden";
-};
-export type Overflow = keyof typeof overflowMap;
-export declare const overflowInlineMap: {
-    readonly auto: "auto";
-    readonly hidden: "hidden";
-};
-export type OverflowInline = keyof typeof overflowInlineMap;
-export declare const overflowBlockMap: {
-    readonly auto: "auto";
-    readonly hidden: "hidden";
-};
-export type OverflowBlock = keyof typeof overflowBlockMap;
-export declare const positionMap: {
-    readonly absolute: "absolute";
-    readonly fixed: "fixed";
-    readonly relative: "relative";
-    readonly static: "static";
-};
-export type Position = keyof typeof positionMap;
 /**
@@ -413,22 +325,14 @@ * @codegenEnd
 export type TokenisedProps = {
-    alignSelf?: AlignSelf;
     backgroundColor?: BackgroundColor;
-    blockSize?: BlockSize;
+    blockSize?: AutoComplete<Dimension>;
     borderColor?: BorderColor;
     borderRadius?: BorderRadius;
-    borderStyle?: BorderStyle;
     borderWidth?: BorderWidth;
-    bottom?: Bottom;
+    bottom?: AutoComplete<Space>;
     boxShadow?: Shadow;
     color?: TextColor;
     columnGap?: Space;
-    display?: Display;
-    fill?: Fill;
-    flex?: Flex;
-    flexDirection?: FlexDirection;
-    flexGrow?: FlexGrow;
-    flexShrink?: FlexShrink;
     gap?: Space;
-    height?: AutoComplete<Height>;
-    inlineSize?: InlineSize;
+    height?: AutoComplete<Dimension>;
+    inlineSize?: AutoComplete<Dimension>;
     inset?: Space;
@@ -441,17 +345,14 @@ insetBlock?: Space;
     insetInlineStart?: Space;
-    left?: Left;
-    maxBlockSize?: AutoComplete<MaxBlockSize>;
-    maxHeight?: AutoComplete<MaxHeight>;
-    maxInlineSize?: AutoComplete<MaxInlineSize>;
-    maxWidth?: AutoComplete<MaxWidth>;
-    minBlockSize?: AutoComplete<MinBlockSize>;
-    minHeight?: AutoComplete<MinHeight>;
-    minInlineSize?: AutoComplete<MinInlineSize>;
-    minWidth?: AutoComplete<MinWidth>;
+    left?: AutoComplete<Space>;
+    maxBlockSize?: AutoComplete<Dimension>;
+    maxHeight?: AutoComplete<Dimension>;
+    maxInlineSize?: AutoComplete<Dimension>;
+    maxWidth?: AutoComplete<Dimension>;
+    minBlockSize?: AutoComplete<Dimension>;
+    minHeight?: AutoComplete<Dimension>;
+    minInlineSize?: AutoComplete<Dimension>;
+    minWidth?: AutoComplete<Dimension>;
     outlineColor?: BorderColor;
     outlineOffset?: Space;
     outlineWidth?: BorderWidth;
-    overflow?: Overflow;
-    overflowBlock?: OverflowBlock;
-    overflowInline?: OverflowInline;
     padding?: Space;
@@ -464,7 +365,6 @@ paddingBlock?: Space;
     paddingInlineStart?: Space;
-    position?: Position;
-    right?: Right;
+    right?: AutoComplete<Space>;
     rowGap?: Space;
-    top?: Top;
-    width?: AutoComplete<Width>;
+    top?: AutoComplete<Space>;
+    width?: AutoComplete<Dimension>;
     zIndex?: Layer;
@@ -471,0 +371,0 @@ };

dist/types/xcss/xcss.d.ts

@@ -31,3 +31,3 @@ /// <reference types="react" />
 type AllowedBoxStyles = keyof SafeCSSObject;
-type Spacing = 'columnGap' | 'gap' | 'inset' | 'insetBlock' | 'insetBlockEnd' | 'insetBlockStart' | 'insetInline' | 'insetInlineEnd' | 'insetInlineStart' | 'outlineOffset' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingBottom' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'rowGap';
+type Spacing = 'columnGap' | 'gap' | 'inset' | 'insetBlock' | 'insetBlockEnd' | 'insetBlockStart' | 'insetInline' | 'insetInlineEnd' | 'insetInlineStart' | 'margin' | 'marginBlock' | 'marginBlockEnd' | 'marginBlockStart' | 'marginInline' | 'marginInlineEnd' | 'marginInlineStart' | 'outlineOffset' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingBottom' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'rowGap';
 /**
@@ -34,0 +34,0 @@ * ### xcss

package.json

 {
   "name": "@atlaskit/primitives",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Primitives are token-backed low-level building blocks.",
@@ -135,3 +135,3 @@ "author": "Atlassian Pty Ltd",
     "@atlassian/codegen": "^0.1.0",
-    "@atlassian/gemini-visual-regression": "^0.0.31",
+    "@atlassian/gemini-visual-regression": "^0.0.33",
     "@testing-library/react": "^12.1.5",
@@ -138,0 +138,0 @@ "@testing-library/react-hooks": "^8.0.1",

report.api.md

@@ -47,14 +47,2 @@ <!-- API Report Version: 2.3 -->
 // @public (undocumented)
-type AlignSelf = keyof typeof alignSelfMap;
-
-// @public
-const alignSelfMap: {
-  readonly center: 'center';
-  readonly start: 'start';
-  readonly stretch: 'stretch';
-  readonly end: 'end';
-  readonly baseline: 'baseline';
-};
-
-// @public (undocumented)
 type AllowedBoxStyles = keyof SafeCSSObject;
@@ -227,5 +215,2 @@
 // @public (undocumented)
-type BlockSize = Dimension;
-
-// @public (undocumented)
 type BorderColor = keyof typeof borderColorMap;
@@ -275,11 +260,2 @@
 // @public (undocumented)
-type BorderStyle = keyof typeof borderStyleMap;
-
-// @public (undocumented)
-const borderStyleMap: {
-  readonly none: 'none';
-  readonly solid: 'solid';
-};
-
-// @public (undocumented)
 type BorderWidth = keyof typeof borderWidthMap;
@@ -295,5 +271,2 @@
 
-// @public (undocumented)
-type Bottom = Dimension;
-
 // @public
@@ -359,79 +332,2 @@ export const Box: BoxComponent;
 // @public (undocumented)
-type Display = keyof typeof displayMap;
-
-// @public (undocumented)
-const displayMap: {
-  readonly flex: 'flex';
-  readonly block: 'block';
-  readonly inline: 'inline';
-  readonly inlineBlock: 'inline-block';
-  readonly inlineFlex: 'inline-flex';
-  readonly grid: 'grid';
-};
-
-// @public (undocumented)
-type Fill = keyof typeof fillMap;
-
-// @public (undocumented)
-const fillMap: {
-  readonly 'color.icon': 'var(--ds-icon)';
-  readonly 'color.icon.accent.lime': 'var(--ds-icon-accent-lime)';
-  readonly 'color.icon.accent.red': 'var(--ds-icon-accent-red)';
-  readonly 'color.icon.accent.orange': 'var(--ds-icon-accent-orange)';
-  readonly 'color.icon.accent.yellow': 'var(--ds-icon-accent-yellow)';
-  readonly 'color.icon.accent.green': 'var(--ds-icon-accent-green)';
-  readonly 'color.icon.accent.teal': 'var(--ds-icon-accent-teal)';
-  readonly 'color.icon.accent.blue': 'var(--ds-icon-accent-blue)';
-  readonly 'color.icon.accent.purple': 'var(--ds-icon-accent-purple)';
-  readonly 'color.icon.accent.magenta': 'var(--ds-icon-accent-magenta)';
-  readonly 'color.icon.accent.gray': 'var(--ds-icon-accent-gray)';
-  readonly 'color.icon.disabled': 'var(--ds-icon-disabled)';
-  readonly 'color.icon.inverse': 'var(--ds-icon-inverse)';
-  readonly 'color.icon.selected': 'var(--ds-icon-selected)';
-  readonly 'color.icon.brand': 'var(--ds-icon-brand)';
-  readonly 'color.icon.danger': 'var(--ds-icon-danger)';
-  readonly 'color.icon.warning': 'var(--ds-icon-warning)';
-  readonly 'color.icon.warning.inverse': 'var(--ds-icon-warning-inverse)';
-  readonly 'color.icon.success': 'var(--ds-icon-success)';
-  readonly 'color.icon.discovery': 'var(--ds-icon-discovery)';
-  readonly 'color.icon.information': 'var(--ds-icon-information)';
-  readonly 'color.icon.subtle': 'var(--ds-icon-subtle)';
-};
-
-// @public (undocumented)
-type Flex = keyof typeof flexMap;
-
-// @public (undocumented)
-type FlexDirection = keyof typeof flexDirectionMap;
-
-// @public (undocumented)
-const flexDirectionMap: {
-  readonly row: 'row';
-  readonly column: 'column';
-};
-
-// @public (undocumented)
-type FlexGrow = keyof typeof flexGrowMap;
-
-// @public (undocumented)
-const flexGrowMap: {
-  readonly '0': 0;
-  readonly '1': 1;
-};
-
-// @public (undocumented)
-const flexMap: {
-  readonly '1': 1;
-};
-
-// @public (undocumented)
-type FlexShrink = keyof typeof flexShrinkMap;
-
-// @public (undocumented)
-const flexShrinkMap: {
-  readonly '0': '0';
-  readonly '1': 1;
-};
-
-// @public (undocumented)
 type Grow = 'fill' | 'hug';
@@ -442,5 +338,2 @@
 
-// @public (undocumented)
-type Height = Dimension;
-
 // @public
@@ -486,5 +379,2 @@ export const Inline: MemoExoticComponent<
 // @public (undocumented)
-type InlineSize = Dimension;
-
-// @public (undocumented)
 type InlineStyles = SerializedStyles & {
@@ -505,3 +395,3 @@ [inlineTag]: true;
 
-// @public (undocumented)
+// @public
 const layerMap: {
@@ -519,17 +409,2 @@ readonly card: 100;
 
-// @public (undocumented)
-type Left = Dimension;
-
-// @public (undocumented)
-type MaxBlockSize = Dimension;
-
-// @public (undocumented)
-type MaxHeight = Dimension;
-
-// @public (undocumented)
-type MaxInlineSize = Dimension;
-
-// @public (undocumented)
-type MaxWidth = Dimension;
-
 // @public
@@ -551,52 +426,2 @@ const media: {
 // @public (undocumented)
-type MinBlockSize = Dimension;
-
-// @public (undocumented)
-type MinHeight = Dimension;
-
-// @public (undocumented)
-type MinInlineSize = Dimension;
-
-// @public (undocumented)
-type MinWidth = Dimension;
-
-// @public (undocumented)
-type Overflow = keyof typeof overflowMap;
-
-// @public (undocumented)
-type OverflowBlock = keyof typeof overflowBlockMap;
-
-// @public (undocumented)
-const overflowBlockMap: {
-  readonly auto: 'auto';
-  readonly hidden: 'hidden';
-};
-
-// @public (undocumented)
-type OverflowInline = keyof typeof overflowInlineMap;
-
-// @public (undocumented)
-const overflowInlineMap: {
-  readonly auto: 'auto';
-  readonly hidden: 'hidden';
-};
-
-// @public (undocumented)
-const overflowMap: {
-  readonly auto: 'auto';
-  readonly hidden: 'hidden';
-};
-
-// @public (undocumented)
-type Position = keyof typeof positionMap;
-
-// @public (undocumented)
-const positionMap: {
-  readonly absolute: 'absolute';
-  readonly fixed: 'fixed';
-  readonly relative: 'relative';
-  readonly static: 'static';
-};
-
-// @public (undocumented)
 type PublicBoxPropsBase = {
@@ -607,5 +432,2 @@ xcss?: Array<BoxXCSS | false | undefined> | BoxXCSS;
 // @public (undocumented)
-type Right = Dimension;
-
-// @public (undocumented)
 type SafeCSSObject = CSSPseudos &
@@ -666,2 +488,9 @@ TokenisedProps &
   | 'insetInlineStart'
+  | 'margin'
+  | 'marginBlock'
+  | 'marginBlockEnd'
+  | 'marginBlockStart'
+  | 'marginInline'
+  | 'marginInlineEnd'
+  | 'marginInlineStart'
   | 'outlineOffset'
@@ -760,22 +589,14 @@ | 'padding'
 type TokenisedProps = {
-  alignSelf?: AlignSelf;
   backgroundColor?: BackgroundColor;
-  blockSize?: BlockSize;
+  blockSize?: AutoComplete<Dimension>;
   borderColor?: BorderColor;
   borderRadius?: BorderRadius;
-  borderStyle?: BorderStyle;
   borderWidth?: BorderWidth;
-  bottom?: Bottom;
+  bottom?: AutoComplete<Space>;
   boxShadow?: Shadow;
   color?: TextColor;
   columnGap?: Space;
-  display?: Display;
-  fill?: Fill;
-  flex?: Flex;
-  flexDirection?: FlexDirection;
-  flexGrow?: FlexGrow;
-  flexShrink?: FlexShrink;
   gap?: Space;
-  height?: AutoComplete<Height>;
-  inlineSize?: InlineSize;
+  height?: AutoComplete<Dimension>;
+  inlineSize?: AutoComplete<Dimension>;
   inset?: Space;
@@ -788,17 +609,14 @@ insetBlock?: Space;
   insetInlineStart?: Space;
-  left?: Left;
-  maxBlockSize?: AutoComplete<MaxBlockSize>;
-  maxHeight?: AutoComplete<MaxHeight>;
-  maxInlineSize?: AutoComplete<MaxInlineSize>;
-  maxWidth?: AutoComplete<MaxWidth>;
-  minBlockSize?: AutoComplete<MinBlockSize>;
-  minHeight?: AutoComplete<MinHeight>;
-  minInlineSize?: AutoComplete<MinInlineSize>;
-  minWidth?: AutoComplete<MinWidth>;
+  left?: AutoComplete<Space>;
+  maxBlockSize?: AutoComplete<Dimension>;
+  maxHeight?: AutoComplete<Dimension>;
+  maxInlineSize?: AutoComplete<Dimension>;
+  maxWidth?: AutoComplete<Dimension>;
+  minBlockSize?: AutoComplete<Dimension>;
+  minHeight?: AutoComplete<Dimension>;
+  minInlineSize?: AutoComplete<Dimension>;
+  minWidth?: AutoComplete<Dimension>;
   outlineColor?: BorderColor;
   outlineOffset?: Space;
   outlineWidth?: BorderWidth;
-  overflow?: Overflow;
-  overflowBlock?: OverflowBlock;
-  overflowInline?: OverflowInline;
   padding?: Space;
@@ -811,7 +629,6 @@ paddingBlock?: Space;
   paddingInlineStart?: Space;
-  position?: Position;
-  right?: Right;
+  right?: AutoComplete<Space>;
   rowGap?: Space;
-  top?: Top;
-  width?: AutoComplete<Width>;
+  top?: AutoComplete<Space>;
+  width?: AutoComplete<Dimension>;
   zIndex?: Layer;
@@ -821,10 +638,4 @@ };
 // @public (undocumented)
-type Top = Dimension;
-
-// @public (undocumented)
 const uniqueSymbol: unique symbol;
 
-// @public (undocumented)
-type Width = Dimension;
-
 // @public
@@ -831,0 +642,0 @@ export function xcss<Primitive extends typeof Box | typeof Inline = typeof Box>(

tmp/api-report-tmp.d.ts

@@ -36,14 +36,2 @@ ## API Report File for "@atlaskit/primitives"
 // @public (undocumented)
-type AlignSelf = keyof typeof alignSelfMap;
-
-// @public
-const alignSelfMap: {
-    readonly center: "center";
-    readonly start: "start";
-    readonly stretch: "stretch";
-    readonly end: "end";
-    readonly baseline: "baseline";
-};
-
-// @public (undocumented)
 type AllowedBoxStyles = keyof SafeCSSObject;
@@ -198,5 +186,2 @@
 // @public (undocumented)
-type BlockSize = Dimension;
-
-// @public (undocumented)
 type BorderColor = keyof typeof borderColorMap;
@@ -246,11 +231,2 @@
 // @public (undocumented)
-type BorderStyle = keyof typeof borderStyleMap;
-
-// @public (undocumented)
-const borderStyleMap: {
-    readonly none: "none";
-    readonly solid: "solid";
-};
-
-// @public (undocumented)
 type BorderWidth = keyof typeof borderWidthMap;
@@ -266,5 +242,2 @@
 
-// @public (undocumented)
-type Bottom = Dimension;
-
 // @public
@@ -321,79 +294,2 @@ export const Box: BoxComponent;
 // @public (undocumented)
-type Display = keyof typeof displayMap;
-
-// @public (undocumented)
-const displayMap: {
-    readonly flex: "flex";
-    readonly block: "block";
-    readonly inline: "inline";
-    readonly inlineBlock: "inline-block";
-    readonly inlineFlex: "inline-flex";
-    readonly grid: "grid";
-};
-
-// @public (undocumented)
-type Fill = keyof typeof fillMap;
-
-// @public (undocumented)
-const fillMap: {
-    readonly 'color.icon': "var(--ds-icon)";
-    readonly 'color.icon.accent.lime': "var(--ds-icon-accent-lime)";
-    readonly 'color.icon.accent.red': "var(--ds-icon-accent-red)";
-    readonly 'color.icon.accent.orange': "var(--ds-icon-accent-orange)";
-    readonly 'color.icon.accent.yellow': "var(--ds-icon-accent-yellow)";
-    readonly 'color.icon.accent.green': "var(--ds-icon-accent-green)";
-    readonly 'color.icon.accent.teal': "var(--ds-icon-accent-teal)";
-    readonly 'color.icon.accent.blue': "var(--ds-icon-accent-blue)";
-    readonly 'color.icon.accent.purple': "var(--ds-icon-accent-purple)";
-    readonly 'color.icon.accent.magenta': "var(--ds-icon-accent-magenta)";
-    readonly 'color.icon.accent.gray': "var(--ds-icon-accent-gray)";
-    readonly 'color.icon.disabled': "var(--ds-icon-disabled)";
-    readonly 'color.icon.inverse': "var(--ds-icon-inverse)";
-    readonly 'color.icon.selected': "var(--ds-icon-selected)";
-    readonly 'color.icon.brand': "var(--ds-icon-brand)";
-    readonly 'color.icon.danger': "var(--ds-icon-danger)";
-    readonly 'color.icon.warning': "var(--ds-icon-warning)";
-    readonly 'color.icon.warning.inverse': "var(--ds-icon-warning-inverse)";
-    readonly 'color.icon.success': "var(--ds-icon-success)";
-    readonly 'color.icon.discovery': "var(--ds-icon-discovery)";
-    readonly 'color.icon.information': "var(--ds-icon-information)";
-    readonly 'color.icon.subtle': "var(--ds-icon-subtle)";
-};
-
-// @public (undocumented)
-type Flex = keyof typeof flexMap;
-
-// @public (undocumented)
-type FlexDirection = keyof typeof flexDirectionMap;
-
-// @public (undocumented)
-const flexDirectionMap: {
-    readonly row: "row";
-    readonly column: "column";
-};
-
-// @public (undocumented)
-type FlexGrow = keyof typeof flexGrowMap;
-
-// @public (undocumented)
-const flexGrowMap: {
-    readonly '0': 0;
-    readonly '1': 1;
-};
-
-// @public (undocumented)
-const flexMap: {
-    readonly '1': 1;
-};
-
-// @public (undocumented)
-type FlexShrink = keyof typeof flexShrinkMap;
-
-// @public (undocumented)
-const flexShrinkMap: {
-    readonly '0': "0";
-    readonly '1': 1;
-};
-
-// @public (undocumented)
 type Grow = 'fill' | 'hug';
@@ -404,5 +300,2 @@
 
-// @public (undocumented)
-type Height = Dimension;
-
 // @public
@@ -429,5 +322,2 @@ export const Inline: MemoExoticComponent<ForwardRefExoticComponent<Pick<InlineProps<ElementType<any>>, "alignBlock" | "alignInline" | "as" | "children" | "grow" | "rowSpace" | "separator" | "shouldWrap" | "space" | "spread" | "testId" | "xcss"> & RefAttributes<any>>>;
 // @public (undocumented)
-type InlineSize = Dimension;
-
-// @public (undocumented)
 type InlineStyles = SerializedStyles & {
@@ -448,3 +338,3 @@ [inlineTag]: true;
 
-// @public (undocumented)
+// @public
 const layerMap: {
@@ -462,17 +352,2 @@ readonly card: 100;
 
-// @public (undocumented)
-type Left = Dimension;
-
-// @public (undocumented)
-type MaxBlockSize = Dimension;
-
-// @public (undocumented)
-type MaxHeight = Dimension;
-
-// @public (undocumented)
-type MaxInlineSize = Dimension;
-
-// @public (undocumented)
-type MaxWidth = Dimension;
-
 // @public
@@ -494,52 +369,2 @@ const media: {
 // @public (undocumented)
-type MinBlockSize = Dimension;
-
-// @public (undocumented)
-type MinHeight = Dimension;
-
-// @public (undocumented)
-type MinInlineSize = Dimension;
-
-// @public (undocumented)
-type MinWidth = Dimension;
-
-// @public (undocumented)
-type Overflow = keyof typeof overflowMap;
-
-// @public (undocumented)
-type OverflowBlock = keyof typeof overflowBlockMap;
-
-// @public (undocumented)
-const overflowBlockMap: {
-    readonly auto: "auto";
-    readonly hidden: "hidden";
-};
-
-// @public (undocumented)
-type OverflowInline = keyof typeof overflowInlineMap;
-
-// @public (undocumented)
-const overflowInlineMap: {
-    readonly auto: "auto";
-    readonly hidden: "hidden";
-};
-
-// @public (undocumented)
-const overflowMap: {
-    readonly auto: "auto";
-    readonly hidden: "hidden";
-};
-
-// @public (undocumented)
-type Position = keyof typeof positionMap;
-
-// @public (undocumented)
-const positionMap: {
-    readonly absolute: "absolute";
-    readonly fixed: "fixed";
-    readonly relative: "relative";
-    readonly static: "static";
-};
-
-// @public (undocumented)
 type PublicBoxPropsBase = {
@@ -550,5 +375,2 @@ xcss?: Array<BoxXCSS | false | undefined> | BoxXCSS;
 // @public (undocumented)
-type Right = Dimension;
-
-// @public (undocumented)
 type SafeCSSObject = CSSPseudos & TokenisedProps & CSSMediaQueries & Omit<CSSPropertiesWithMultiValues, keyof TokenisedProps>;
@@ -593,3 +415,3 @@
 // @public (undocumented)
-type Spacing = 'columnGap' | 'gap' | 'inset' | 'insetBlock' | 'insetBlockEnd' | 'insetBlockStart' | 'insetInline' | 'insetInlineEnd' | 'insetInlineStart' | 'outlineOffset' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingBottom' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'rowGap';
+type Spacing = 'columnGap' | 'gap' | 'inset' | 'insetBlock' | 'insetBlockEnd' | 'insetBlockStart' | 'insetInline' | 'insetInlineEnd' | 'insetInlineStart' | 'margin' | 'marginBlock' | 'marginBlockEnd' | 'marginBlockStart' | 'marginInline' | 'marginInlineEnd' | 'marginInlineStart' | 'outlineOffset' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingBottom' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'rowGap';
 
@@ -660,22 +482,14 @@ // @public (undocumented)
 type TokenisedProps = {
-    alignSelf?: AlignSelf;
     backgroundColor?: BackgroundColor;
-    blockSize?: BlockSize;
+    blockSize?: AutoComplete<Dimension>;
     borderColor?: BorderColor;
     borderRadius?: BorderRadius;
-    borderStyle?: BorderStyle;
     borderWidth?: BorderWidth;
-    bottom?: Bottom;
+    bottom?: AutoComplete<Space>;
     boxShadow?: Shadow;
     color?: TextColor;
     columnGap?: Space;
-    display?: Display;
-    fill?: Fill;
-    flex?: Flex;
-    flexDirection?: FlexDirection;
-    flexGrow?: FlexGrow;
-    flexShrink?: FlexShrink;
     gap?: Space;
-    height?: AutoComplete<Height>;
-    inlineSize?: InlineSize;
+    height?: AutoComplete<Dimension>;
+    inlineSize?: AutoComplete<Dimension>;
     inset?: Space;
@@ -688,17 +502,14 @@ insetBlock?: Space;
     insetInlineStart?: Space;
-    left?: Left;
-    maxBlockSize?: AutoComplete<MaxBlockSize>;
-    maxHeight?: AutoComplete<MaxHeight>;
-    maxInlineSize?: AutoComplete<MaxInlineSize>;
-    maxWidth?: AutoComplete<MaxWidth>;
-    minBlockSize?: AutoComplete<MinBlockSize>;
-    minHeight?: AutoComplete<MinHeight>;
-    minInlineSize?: AutoComplete<MinInlineSize>;
-    minWidth?: AutoComplete<MinWidth>;
+    left?: AutoComplete<Space>;
+    maxBlockSize?: AutoComplete<Dimension>;
+    maxHeight?: AutoComplete<Dimension>;
+    maxInlineSize?: AutoComplete<Dimension>;
+    maxWidth?: AutoComplete<Dimension>;
+    minBlockSize?: AutoComplete<Dimension>;
+    minHeight?: AutoComplete<Dimension>;
+    minInlineSize?: AutoComplete<Dimension>;
+    minWidth?: AutoComplete<Dimension>;
     outlineColor?: BorderColor;
     outlineOffset?: Space;
     outlineWidth?: BorderWidth;
-    overflow?: Overflow;
-    overflowBlock?: OverflowBlock;
-    overflowInline?: OverflowInline;
     padding?: Space;
@@ -711,7 +522,6 @@ paddingBlock?: Space;
     paddingInlineStart?: Space;
-    position?: Position;
-    right?: Right;
+    right?: AutoComplete<Space>;
     rowGap?: Space;
-    top?: Top;
-    width?: AutoComplete<Width>;
+    top?: AutoComplete<Space>;
+    width?: AutoComplete<Dimension>;
     zIndex?: Layer;
@@ -721,10 +531,4 @@ };
 // @public (undocumented)
-type Top = Dimension;
-
-// @public (undocumented)
 const uniqueSymbol: unique symbol;
 
-// @public (undocumented)
-type Width = Dimension;
-
 // @public
@@ -731,0 +535,0 @@ export function xcss<Primitive extends typeof Box | typeof Inline = typeof Box>(style: Primitive extends typeof Box ? ScopedSafeCSSObject<AllowedBoxStyles> | ScopedSafeCSSObject<AllowedBoxStyles>[] : Primitive extends typeof Inline ? ScopedSafeCSSObject<Spacing> | ScopedSafeCSSObject<Spacing>[] : never): {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

1721196

decreased by-1.56%

Number of package files

121

decreased by-6.92%

Lines of code

6363

decreased by-9.35%

No dependency changes