@atlaskit/primitives 0.13.0 → 0.14.1

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

@@ -2,11 +2,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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>>
  */
 export var dimensionMap = {
   '100%': '100%',
@@ -261,56 +261,13 @@ export var fillMap = {
  */
 /**
  * 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 = {
   card: 100,
   navigation: 200,
@@ -322,24 +279,6 @@ export var layerMap = {
   spotlight: 700,
   tooltip: 800
 };
-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'
-};
 /**
  * @codegenEnd
  */

package/dist/esm/xcss/xcss.js

@@ -5,25 +5,17 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import { css as cssEmotion } from '@emotion/react';
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 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,
   blockSize: dimensionMap,
   borderColor: borderColorMap,
   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,
   height: dimensionMap,
   inlineSize: dimensionMap,
@@ -34,7 +26,14 @@ var tokensMap = {
   insetInline: spaceMap,
   insetInlineEnd: spaceMap,
   insetInlineStart: spaceMap,
-  left: dimensionMap,
+  margin: spaceMap,
+  marginBlock: spaceMap,
+  marginBlockEnd: spaceMap,
+  marginBlockStart: spaceMap,
+  marginInline: spaceMap,
+  marginInlineEnd: spaceMap,
+  marginInlineStart: spaceMap,
+  left: spaceMap,
   maxBlockSize: dimensionMap,
   maxHeight: dimensionMap,
   maxInlineSize: dimensionMap,
@@ -46,9 +45,6 @@ var tokensMap = {
   outlineOffset: spaceMap,
   outlineWidth: borderWidthMap,
   outlineColor: borderColorMap,
-  overflow: overflowMap,
-  overflowBlock: overflowBlockMap,
-  overflowInline: overflowInlineMap,
   padding: spaceMap,
   paddingBlock: spaceMap,
   paddingBlockEnd: spaceMap,
@@ -60,10 +56,9 @@ var tokensMap = {
   paddingLeft: spaceMap,
   paddingRight: spaceMap,
   paddingTop: spaceMap,
-  position: positionMap,
-  right: dimensionMap,
+  right: spaceMap,
   rowGap: spaceMap,
-  top: dimensionMap,
+  top: spaceMap,
   width: dimensionMap,
   zIndex: layerMap
 };

package/dist/types/index.d.ts

@@ -2,3 +2,4 @@ export { default as Box, type BoxProps } from './components/box';
 export { default as Inline, type InlineProps } from './components/inline';
 export { xcss } from './xcss/xcss';
 export { default as Stack, type StackProps } from './components/stack';
+export { UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG, type Breakpoint, } from './helpers/responsive';

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

@@ -1,11 +1,11 @@
 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>>
  */
 export declare const dimensionMap: {
     readonly '100%': "100%";
@@ -17,23 +17,7 @@ export declare const dimensionMap: {
     readonly 'size.600': "6rem";
     readonly 'size.1000': "12rem";
 };
-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;
 /**
  * @codegenEnd
  */
@@ -283,63 +267,13 @@ export type Fill = keyof typeof fillMap;
  */
 /**
  * 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: {
     readonly card: 100;
     readonly navigation: 200;
@@ -352,28 +286,6 @@ export declare const layerMap: {
     readonly tooltip: 800;
 };
 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;
 /**
  * @codegenEnd
  */
@@ -407,26 +319,18 @@ export type BorderRadius = keyof typeof borderRadiusMap;
  */
 type AutoComplete<T extends string> = T | Omit<string, T>;
 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;
     insetBlock?: Space;
     insetBlockEnd?: Space;
@@ -434,21 +338,18 @@ export type TokenisedProps = {
     insetInline?: Space;
     insetInlineEnd?: 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;
     paddingBlock?: Space;
     paddingBlockEnd?: Space;
@@ -456,11 +357,10 @@ export type TokenisedProps = {
     paddingInline?: Space;
     paddingInlineEnd?: 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;
 };
 declare const spacingProperties: readonly ["padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "gap", "rowGap", "columnGap"];

package/dist/types/xcss/xcss.d.ts

@@ -28,7 +28,7 @@ declare const inlineWrapper: (style: any) => {
 };
 type XCSS = ReturnType<typeof boxWrapper> | ReturnType<typeof inlineWrapper>;
 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';
 /**
  * ### xcss
  *

package/dist/types-ts4.5/index.d.ts

@@ -2,3 +2,4 @@ export { default as Box, type BoxProps } from './components/box';
 export { default as Inline, type InlineProps } from './components/inline';
 export { xcss } from './xcss/xcss';
 export { default as Stack, type StackProps } from './components/stack';
+export { UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG, type Breakpoint, } from './helpers/responsive';

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

@@ -1,11 +1,11 @@
 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>>
  */
 export declare const dimensionMap: {
     readonly '100%': "100%";
@@ -17,23 +17,7 @@ export declare const dimensionMap: {
     readonly 'size.600': "6rem";
     readonly 'size.1000': "12rem";
 };
-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;
 /**
  * @codegenEnd
  */
@@ -283,63 +267,13 @@ export type Fill = keyof typeof fillMap;
  */
 /**
  * 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: {
     readonly card: 100;
     readonly navigation: 200;
@@ -352,28 +286,6 @@ export declare const layerMap: {
     readonly tooltip: 800;
 };
 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;
 /**
  * @codegenEnd
  */
@@ -407,26 +319,18 @@ export type BorderRadius = keyof typeof borderRadiusMap;
  */
 type AutoComplete<T extends string> = T | Omit<string, T>;
 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;
     insetBlock?: Space;
     insetBlockEnd?: Space;
@@ -434,21 +338,18 @@ export type TokenisedProps = {
     insetInline?: Space;
     insetInlineEnd?: 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;
     paddingBlock?: Space;
     paddingBlockEnd?: Space;
@@ -456,11 +357,10 @@ export type TokenisedProps = {
     paddingInline?: Space;
     paddingInlineEnd?: 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;
 };
 declare const spacingProperties: readonly [

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

@@ -28,7 +28,7 @@ declare const inlineWrapper: (style: any) => {
 };
 type XCSS = ReturnType<typeof boxWrapper> | ReturnType<typeof inlineWrapper>;
 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';
 /**
  * ### xcss
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "0.13.0",
+  "version": "0.14.1",
   "description": "Primitives are token-backed low-level building blocks.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -132,7 +132,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.31",
+    "@atlassian/gemini-visual-regression": "^0.0.34",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
     "csstype": "^3.1.0",