@atlaskit/primitives 0.13.0 → 0.14.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @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
 
 ### Minor Changes

package/dist/cjs/version.json

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

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

@@ -4,16 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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"));
 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>>
  */
 var dimensionMap = {
   '100%': '100%',
@@ -278,63 +278,13 @@ exports.fillMap = 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>>
  */
-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 = {
   card: 100,
   navigation: 200,
@@ -347,28 +297,6 @@ var layerMap = {
   tooltip: 800
 };
 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;
 /**
  * @codegenEnd
  */

package/dist/cjs/xcss/xcss.js

@@ -16,23 +16,15 @@ var _styleMaps = require("./style-maps.partial");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 var tokensMap = {
-  alignSelf: _styleMaps.alignSelfMap,
   backgroundColor: _styleMaps.backgroundColorMap,
   blockSize: _styleMaps.dimensionMap,
   borderColor: _styleMaps.borderColorMap,
   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,
   height: _styleMaps.dimensionMap,
   inlineSize: _styleMaps.dimensionMap,
@@ -43,7 +35,14 @@ var tokensMap = {
   insetInline: _styleMaps.spaceMap,
   insetInlineEnd: _styleMaps.spaceMap,
   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,
   maxHeight: _styleMaps.dimensionMap,
   maxInlineSize: _styleMaps.dimensionMap,
@@ -55,9 +54,6 @@ var tokensMap = {
   outlineOffset: _styleMaps.spaceMap,
   outlineWidth: _styleMaps.borderWidthMap,
   outlineColor: _styleMaps.borderColorMap,
-  overflow: _styleMaps.overflowMap,
-  overflowBlock: _styleMaps.overflowBlockMap,
-  overflowInline: _styleMaps.overflowInlineMap,
   padding: _styleMaps.spaceMap,
   paddingBlock: _styleMaps.spaceMap,
   paddingBlockEnd: _styleMaps.spaceMap,
@@ -69,10 +65,9 @@ var tokensMap = {
   paddingLeft: _styleMaps.spaceMap,
   paddingRight: _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,
   zIndex: _styleMaps.layerMap
 };

package/dist/es2019/version.json

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

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

@@ -1,11 +1,11 @@
 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 const dimensionMap = {
   '100%': '100%',
@@ -260,56 +260,13 @@ export const 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 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 = {
   card: 100,
   navigation: 200,
@@ -321,24 +278,6 @@ export const layerMap = {
   spotlight: 700,
   tooltip: 800
 };
-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'
-};
 /**
  * @codegenEnd
  */

package/dist/es2019/xcss/xcss.js

@@ -2,25 +2,17 @@
 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';
 const 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,
@@ -31,7 +23,14 @@ const 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,
@@ -43,9 +42,6 @@ const tokensMap = {
   outlineOffset: spaceMap,
   outlineWidth: borderWidthMap,
   outlineColor: borderColorMap,
-  overflow: overflowMap,
-  overflowBlock: overflowBlockMap,
-  overflowInline: overflowInlineMap,
   padding: spaceMap,
   paddingBlock: spaceMap,
   paddingBlockEnd: spaceMap,
@@ -57,10 +53,9 @@ const 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/esm/version.json

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

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
 };