@atlaskit/ds-explorations 2.0.1 → 2.0.2

package/dist/es2019/components/box.partial.js

@@ -1,11 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { LAYERS } from '../constants';
 import { SurfaceContext } from './surface-provider';
-
 /**
  * __Box__
  *
@@ -43,8 +41,8 @@ export const Box = /*#__PURE__*/forwardRef(({
   const Component = as || 'div';
   const node = jsx(Component, _extends({
     style: UNSAFE_style,
-    ref: ref // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-
+    ref: ref
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, htmlAttributes, {
     className: className,
     css: [baseStyles, display && displayMap[display], padding && paddingMap[padding], position && positionMap[position], paddingBlock && paddingBlockMap[paddingBlock], paddingInline && paddingInlineMap[paddingInline], alignItems && flexAlignItemsMap[alignItems], justifyContent && flexJustifyContentMap[justifyContent], backgroundColor && backgroundColorMap[backgroundColor], borderColor && borderColorMap[borderColor], borderStyle && borderStyleMap[borderStyle], borderWidth && borderWidthMap[borderWidth], borderRadius && borderRadiusMap[borderRadius], shadow && shadowMap[shadow], layer && layerMap[layer], flexDirection && flexDirectionMap[flexDirection], overflow && overflowMap[overflow], width && widthMap[width], height && heightMap[height]],
@@ -55,7 +53,9 @@ export const Box = /*#__PURE__*/forwardRef(({
   }, node) : node;
 });
 Box.displayName = 'Box';
-export default Box; // <<< STYLES GO HERE >>>
+export default Box;
+
+// <<< STYLES GO HERE >>>
 
 const borderStyleMap = {
   none: css({
@@ -96,6 +96,7 @@ const borderRadiusMap = {
     borderRadius: '8px'
   })
 };
+
 /**
  * @experimental - this is likely to be removed
  */
@@ -108,6 +109,7 @@ const flexDirectionMap = {
     flexDirection: 'row'
   })
 };
+
 /**
  * @experimental - this is likely to be removed
  */
@@ -132,6 +134,7 @@ const flexAlignItemsMap = {
     alignItems: 'end'
   })
 };
+
 /**
  * @experimental - this is likely to be removed
  */
@@ -197,6 +200,7 @@ const baseStyles = css({
   appearance: 'none',
   border: 'none'
 });
+
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  * @codegen <<SignedSource::327e769aaa3da9422a919a0ca9490070>>
@@ -204,7 +208,6 @@ const baseStyles = css({
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["width", "height"]
  */
-
 const widthMap = {
   '100%': css({
     width: '100%'
@@ -257,7 +260,6 @@ const heightMap = {
     height: '96px'
   })
 };
-
 /**
  * @codegenEnd
  */
@@ -402,18 +404,17 @@ const paddingInlineMap = {
     paddingInline: "var(--ds-space-800, 64px)"
   })
 };
-
 /**
  * @codegenEnd
  */
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::04c05379e7c6ad157383d5f77e66911a>>
+ * @codegen <<SignedSource::514663609a5a48a284de40c5c4ad200b>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["border", "background", "shadow"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::e348c7cd343cf53ff944fdb7023c577a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
  */
 const borderColorMap = {
   'color.border': css({
@@ -553,7 +554,6 @@ const shadowMap = {
     boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #091e423f, 0px 0px 1px #091e4221)"
   })
 };
-
 /**
  * @codegenEnd
  */
@@ -594,6 +594,7 @@ const layerMap = {
     zIndex: LAYERS['tooltip']
   })
 };
+
 /**
  * @codegenEnd
  */

package/dist/es2019/components/inline.partial.js

@@ -60,12 +60,12 @@ const dividerStyles = css({
   pointerEvents: 'none',
   userSelect: 'none'
 });
-
 const Divider = ({
   children
 }) => jsx("span", {
   css: dividerStyles
 }, children);
+
 /**
  * __Inline__
  *
@@ -82,8 +82,6 @@ const Divider = ({
  * )
  * ```
  */
-
-
 const Inline = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   gap,
   alignItems,
@@ -109,6 +107,7 @@ const Inline = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
 }));
 Inline.displayName = 'Inline';
 export default Inline;
+
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  * @codegen <<SignedSource::e4218f7c850d1484a192d5b8b5dce136>>
@@ -117,7 +116,6 @@ export default Inline;
  * @codegenParams ["columnGap"]
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
  */
-
 const columnGapMap = {
   'space.0': css({
     columnGap: "var(--ds-space-0, 0px)"
@@ -162,6 +160,7 @@ const columnGapMap = {
     columnGap: "var(--ds-space-800, 64px)"
   })
 };
+
 /**
  * @codegenEnd
  */

package/dist/es2019/components/interaction-surface.partial.js

@@ -13,7 +13,6 @@ const baseStyles = css({
     pointerEvents: 'none'
   }
 });
-
 /**
  *
  * @example
@@ -32,30 +31,29 @@ const InteractionSurface = ({
   testId
 }) => {
   const defaultSurface = useContext(SurfaceContext);
-  let surface = appearance || defaultSurface; // This case will occur if the Box has not set a bg color and the ancestor surface
+  let surface = appearance || defaultSurface;
+
+  // This case will occur if the Box has not set a bg color and the ancestor surface
   // is an elevation. An alternative would be to throw an error here as it may be better
   // to ensure correct predictable behaviour based on user specification.
-
   if (!(surface in backgroundActiveColorMap)) {
     surface = 'neutral';
   }
-
   return jsx(Fragment, null, jsx("span", {
     "data-testid": testId,
     css: [baseStyles, surface && backgroundHoverColorMap[surface], surface && backgroundActiveColorMap[surface]]
   }), children);
 };
-
 export default InteractionSurface;
+
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::86378a9df36e53f14f179490e5850418>>
+ * @codegen <<SignedSource::4f6bde99739600abea2bbe6e62397bc4>>
  * @codegenId interactions
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["background"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::e348c7cd343cf53ff944fdb7023c577a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
  */
-
 const backgroundActiveColorMap = {
   input: css({
     ':active': {
@@ -270,6 +268,7 @@ const backgroundHoverColorMap = {
     }
   })
 };
+
 /**
  * @codegenEnd
  */

package/dist/es2019/components/stack.partial.js

@@ -48,6 +48,7 @@ const baseStyles = css({
   boxSizing: 'border-box',
   flexDirection: 'column'
 });
+
 /**
  * __Stack__
  *
@@ -55,7 +56,6 @@ const baseStyles = css({
  * Renders a `div` by default.
  *
  */
-
 const Stack = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   gap,
   alignItems,
@@ -74,6 +74,7 @@ const Stack = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
 }));
 Stack.displayName = 'Stack';
 export default Stack;
+
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  * @codegen <<SignedSource::91d26b1ace8b38363779ae85a7ddc51b>>
@@ -82,7 +83,6 @@ export default Stack;
  * @codegenParams ["rowGap"]
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
  */
-
 const rowGapMap = {
   'space.0': css({
     rowGap: "var(--ds-space-0, 0px)"
@@ -127,6 +127,7 @@ const rowGapMap = {
     rowGap: "var(--ds-space-800, 64px)"
   })
 };
+
 /**
  * @codegenEnd
  */

package/dist/es2019/components/surface-provider.js

@@ -1,11 +1,11 @@
 import { createContext, useContext } from 'react';
-
 /**
  * __Surface context__
  *
  * A surface context provides context information on the current background (if set).
  */
 export const SurfaceContext = /*#__PURE__*/createContext('elevation.surface');
+
 /**
  * __useSurface__
  *
@@ -13,7 +13,6 @@ export const SurfaceContext = /*#__PURE__*/createContext('elevation.surface');
  *
  * @see SurfaceContext
  */
-
 export const useSurface = () => {
   return useContext(SurfaceContext);
 };

package/dist/es2019/components/text.partial.js

@@ -48,25 +48,24 @@ const truncateStyles = css({
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap'
 });
+
 /**
  * Custom hook designed to abstract the parsing of the color props and make it clearer in the future how color is reconciled between themes and tokens.
  */
-
 const useColor = colorProp => {
   const surface = useSurface();
   const inverseTextColor = surfaceColorMap[surface];
+
   /**
    * Where the color of the surface is inverted we override the user choice
    * as there is no valid choice that is not covered by the override.
    */
-
   const color = inverseTextColor !== null && inverseTextColor !== void 0 ? inverseTextColor : colorProp;
   return color;
 };
-
 const HasTextAncestorContext = /*#__PURE__*/createContext(false);
-
 const useHasTextAncestor = () => useContext(HasTextAncestorContext);
+
 /**
  * __Text__
  *
@@ -76,8 +75,6 @@ const useHasTextAncestor = () => useContext(HasTextAncestorContext);
  *
  * @internal
  */
-
-
 const Text = ({
   children,
   ...props
@@ -99,28 +96,28 @@ const Text = ({
   invariant(asAllowlist.includes(Component), `@atlaskit/ds-explorations: Text received an invalid "as" value of "${Component}"`);
   const color = useColor(colorProp);
   const isWrapped = useHasTextAncestor();
+
   /**
    * If the text is already wrapped and applies no props we can just
    * render the children directly as a fragment.
    */
-
   if (isWrapped && Object.keys(props).length === 0) {
     return jsx(Fragment, null, children);
   }
-
   const component = jsx(Component, {
     style: UNSAFE_style,
     css: [baseStyles, fontFamilyMap.sans, color && textColorMap[color], fontSize && fontSizeMap[fontSize], fontWeight && fontWeightMap[fontWeight], lineHeight && lineHeightMap[lineHeight], shouldTruncate && truncateStyles, textAlign && textAlignMap[textAlign], textTransform && textTransformMap[textTransform], verticalAlign && verticalAlignMap[verticalAlign]],
     "data-testid": testId,
     id: id
   }, children);
-  return isWrapped ? // no need to re-apply context if the text is already wrapped
+  return isWrapped ?
+  // no need to re-apply context if the text is already wrapped
   component : jsx(HasTextAncestorContext.Provider, {
     value: true
   }, component);
 };
-
 export default Text;
+
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  * @codegen <<SignedSource::9f746e797b8b5262d58b40dfecb39e6d>>
@@ -129,7 +126,6 @@ export default Text;
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::e6bf70c53b8eecdb84ae4c79966537e3>>
  */
-
 const fontSizeMap = {
   'size.050': css({
     fontSize: "var(--ds-font-size-050, 11px)"
@@ -198,18 +194,17 @@ const lineHeightMap = {
     lineHeight: "var(--ds-font-lineHeight-600, 40px)"
   })
 };
-
 /**
  * @codegenEnd
  */
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ca24871d7a06dd779f21c85960ded8ba>>
+ * @codegen <<SignedSource::3780858df77f5fe0c6e0f39a4c989741>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::e348c7cd343cf53ff944fdb7023c577a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
  */
 const textColorMap = {
   'color.text': css({
@@ -252,6 +247,7 @@ const textColorMap = {
     color: "var(--ds-text-subtle, #42526E)"
   })
 };
+
 /**
  * @codegenEnd
  */

package/dist/es2019/internal/color-map.js

@@ -3,9 +3,9 @@
  *
  * The color map is used to map a background color token to a matching text color that will meet contrast.
  *
- * @codegen <<SignedSource::2ca647ee8f34f9282287118d86be4585>>
+ * @codegen <<SignedSource::d168519874a16bbb92cfbfd4747a39b4>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::e348c7cd343cf53ff944fdb7023c577a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
  */
 export default {
   'neutral.bold': 'inverse',

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "2.0.1",
+	"version": "2.0.2",
 	"sideEffects": false
 }

package/dist/esm/components/box.partial.js

@@ -1,13 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "as", "className", "display", "flexDirection", "alignItems", "justifyContent", "backgroundColor", "borderColor", "borderStyle", "borderWidth", "borderRadius", "shadow", "layer", "padding", "paddingBlock", "paddingInline", "position", "height", "overflow", "width", "UNSAFE_style", "testId"];
-
 /** @jsx jsx */
 import { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { LAYERS } from '../constants';
 import { SurfaceContext } from './surface-provider';
-
 /**
  * __Box__
  *
@@ -18,37 +16,36 @@ import { SurfaceContext } from './surface-provider';
  */
 export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      as = _ref.as,
-      className = _ref.className,
-      _ref$display = _ref.display,
-      display = _ref$display === void 0 ? 'flex' : _ref$display,
-      flexDirection = _ref.flexDirection,
-      alignItems = _ref.alignItems,
-      justifyContent = _ref.justifyContent,
-      backgroundColor = _ref.backgroundColor,
-      borderColor = _ref.borderColor,
-      borderStyle = _ref.borderStyle,
-      borderWidth = _ref.borderWidth,
-      borderRadius = _ref.borderRadius,
-      shadow = _ref.shadow,
-      layer = _ref.layer,
-      padding = _ref.padding,
-      paddingBlock = _ref.paddingBlock,
-      paddingInline = _ref.paddingInline,
-      _ref$position = _ref.position,
-      position = _ref$position === void 0 ? 'relative' : _ref$position,
-      height = _ref.height,
-      overflow = _ref.overflow,
-      width = _ref.width,
-      UNSAFE_style = _ref.UNSAFE_style,
-      testId = _ref.testId,
-      htmlAttributes = _objectWithoutProperties(_ref, _excluded);
-
+    as = _ref.as,
+    className = _ref.className,
+    _ref$display = _ref.display,
+    display = _ref$display === void 0 ? 'flex' : _ref$display,
+    flexDirection = _ref.flexDirection,
+    alignItems = _ref.alignItems,
+    justifyContent = _ref.justifyContent,
+    backgroundColor = _ref.backgroundColor,
+    borderColor = _ref.borderColor,
+    borderStyle = _ref.borderStyle,
+    borderWidth = _ref.borderWidth,
+    borderRadius = _ref.borderRadius,
+    shadow = _ref.shadow,
+    layer = _ref.layer,
+    padding = _ref.padding,
+    paddingBlock = _ref.paddingBlock,
+    paddingInline = _ref.paddingInline,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'relative' : _ref$position,
+    height = _ref.height,
+    overflow = _ref.overflow,
+    width = _ref.width,
+    UNSAFE_style = _ref.UNSAFE_style,
+    testId = _ref.testId,
+    htmlAttributes = _objectWithoutProperties(_ref, _excluded);
   var Component = as || 'div';
   var node = jsx(Component, _extends({
     style: UNSAFE_style,
-    ref: ref // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-
+    ref: ref
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, htmlAttributes, {
     className: className,
     css: [baseStyles, display && displayMap[display], padding && paddingMap[padding], position && positionMap[position], paddingBlock && paddingBlockMap[paddingBlock], paddingInline && paddingInlineMap[paddingInline], alignItems && flexAlignItemsMap[alignItems], justifyContent && flexJustifyContentMap[justifyContent], backgroundColor && backgroundColorMap[backgroundColor], borderColor && borderColorMap[borderColor], borderStyle && borderStyleMap[borderStyle], borderWidth && borderWidthMap[borderWidth], borderRadius && borderRadiusMap[borderRadius], shadow && shadowMap[shadow], layer && layerMap[layer], flexDirection && flexDirectionMap[flexDirection], overflow && overflowMap[overflow], width && widthMap[width], height && heightMap[height]],
@@ -59,7 +56,9 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, node) : node;
 });
 Box.displayName = 'Box';
-export default Box; // <<< STYLES GO HERE >>>
+export default Box;
+
+// <<< STYLES GO HERE >>>
 
 var borderStyleMap = {
   none: css({
@@ -100,6 +99,7 @@ var borderRadiusMap = {
     borderRadius: '8px'
   })
 };
+
 /**
  * @experimental - this is likely to be removed
  */
@@ -112,6 +112,7 @@ var flexDirectionMap = {
     flexDirection: 'row'
   })
 };
+
 /**
  * @experimental - this is likely to be removed
  */
@@ -136,6 +137,7 @@ var flexAlignItemsMap = {
     alignItems: 'end'
   })
 };
+
 /**
  * @experimental - this is likely to be removed
  */
@@ -201,6 +203,7 @@ var baseStyles = css({
   appearance: 'none',
   border: 'none'
 });
+
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  * @codegen <<SignedSource::327e769aaa3da9422a919a0ca9490070>>
@@ -208,7 +211,6 @@ var baseStyles = css({
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["width", "height"]
  */
-
 var widthMap = {
   '100%': css({
     width: '100%'
@@ -261,7 +263,6 @@ var heightMap = {
     height: '96px'
   })
 };
-
 /**
  * @codegenEnd
  */
@@ -406,18 +407,17 @@ var paddingInlineMap = {
     paddingInline: "var(--ds-space-800, 64px)"
   })
 };
-
 /**
  * @codegenEnd
  */
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::04c05379e7c6ad157383d5f77e66911a>>
+ * @codegen <<SignedSource::514663609a5a48a284de40c5c4ad200b>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["border", "background", "shadow"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::e348c7cd343cf53ff944fdb7023c577a>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
  */
 var borderColorMap = {
   'color.border': css({
@@ -557,7 +557,6 @@ var shadowMap = {
     boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #091e423f, 0px 0px 1px #091e4221)"
   })
 };
-
 /**
  * @codegenEnd
  */
@@ -598,6 +597,7 @@ var layerMap = {
     zIndex: LAYERS['tooltip']
   })
 };
+
 /**
  * @codegenEnd
  */

package/dist/esm/components/inline.partial.js

@@ -60,13 +60,13 @@ var dividerStyles = css({
   pointerEvents: 'none',
   userSelect: 'none'
 });
-
 var Divider = function Divider(_ref) {
   var children = _ref.children;
   return jsx("span", {
     css: dividerStyles
   }, children);
 };
+
 /**
  * __Inline__
  *
@@ -83,17 +83,15 @@ var Divider = function Divider(_ref) {
  * )
  * ```
  */
-
-
 var Inline = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var gap = _ref2.gap,
-      alignItems = _ref2.alignItems,
-      justifyContent = _ref2.justifyContent,
-      flexWrap = _ref2.flexWrap,
-      divider = _ref2.divider,
-      UNSAFE_style = _ref2.UNSAFE_style,
-      rawChildren = _ref2.children,
-      testId = _ref2.testId;
+    alignItems = _ref2.alignItems,
+    justifyContent = _ref2.justifyContent,
+    flexWrap = _ref2.flexWrap,
+    divider = _ref2.divider,
+    UNSAFE_style = _ref2.UNSAFE_style,
+    rawChildren = _ref2.children,
+    testId = _ref2.testId;
   var dividerComponent = typeof divider === 'string' ? jsx(Divider, null, divider) : divider;
   var children = divider ? Children.toArray(rawChildren).filter(Boolean).map(function (child, index) {
     return jsx(Fragment, {
@@ -109,6 +107,7 @@ var Inline = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref2, ref) {
 }));
 Inline.displayName = 'Inline';
 export default Inline;
+
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  * @codegen <<SignedSource::e4218f7c850d1484a192d5b8b5dce136>>
@@ -117,7 +116,6 @@ export default Inline;
  * @codegenParams ["columnGap"]
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
  */
-
 var columnGapMap = {
   'space.0': css({
     columnGap: "var(--ds-space-0, 0px)"
@@ -162,6 +160,7 @@ var columnGapMap = {
     columnGap: "var(--ds-space-800, 64px)"
   })
 };
+
 /**
  * @codegenEnd
  */