@atlaskit/ds-explorations 2.0.1 → 2.0.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/ds-explorations
 
+## 2.0.3
+
+### Patch Changes
+
+- [`069494fbea6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/069494fbea6) - Internal change. There is no behaviour or visual change.
+- Updated dependencies
+
+## 2.0.2
+
+### Patch Changes
+
+- [`cf16d8f8bcc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf16d8f8bcc) - Removes usage of tokens which have been removed from the codebase
+- Updated dependencies
+
 ## 2.0.1
 
 ### Patch Changes

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

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Box = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _constants = require("../constants");
-
 var _surfaceProvider = require("./surface-provider");
-
 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"];
-
 /**
  * __Box__
  *
@@ -31,36 +22,36 @@ var _excluded = ["children", "as", "className", "display", "flexDirection", "ali
  */
 var Box = /*#__PURE__*/(0, _react.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 = (0, _objectWithoutProperties2.default)(_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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var Component = as || 'div';
   var node = (0, _react2.jsx)(Component, (0, _extends2.default)({
     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]],
@@ -73,7 +64,6 @@ var Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
 exports.Box = Box;
 Box.displayName = 'Box';
 var _default = Box; // <<< STYLES GO HERE >>>
-
 exports.default = _default;
 var borderStyleMap = {
   none: (0, _react2.css)({
@@ -114,6 +104,7 @@ var borderRadiusMap = {
     borderRadius: '8px'
   })
 };
+
 /**
  * @experimental - this is likely to be removed
  */
@@ -126,6 +117,7 @@ var flexDirectionMap = {
     flexDirection: 'row'
   })
 };
+
 /**
  * @experimental - this is likely to be removed
  */
@@ -150,6 +142,7 @@ var flexAlignItemsMap = {
     alignItems: 'end'
   })
 };
+
 /**
  * @experimental - this is likely to be removed
  */
@@ -215,6 +208,7 @@ var baseStyles = (0, _react2.css)({
   appearance: 'none',
   border: 'none'
 });
+
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  * @codegen <<SignedSource::327e769aaa3da9422a919a0ca9490070>>
@@ -222,7 +216,6 @@ var baseStyles = (0, _react2.css)({
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["width", "height"]
  */
-
 var widthMap = {
   '100%': (0, _react2.css)({
     width: '100%'
@@ -275,18 +268,17 @@ var heightMap = {
     height: '96px'
   })
 };
-
 /**
  * @codegenEnd
  */
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::dd066079dac7b8cd6f947965a2f1a744>>
+ * @codegen <<SignedSource::0ba10ee53636df14b0db65fa1adbc94c>>
  * @codegenId spacing
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
  */
 var paddingMap = {
   'space.0': (0, _react2.css)({
@@ -420,18 +412,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': (0, _react2.css)({
@@ -571,7 +562,6 @@ var shadowMap = {
     boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #091e423f, 0px 0px 1px #091e4221)"
   })
 };
-
 /**
  * @codegenEnd
  */
@@ -612,6 +602,7 @@ var layerMap = {
     zIndex: _constants.LAYERS['tooltip']
   })
 };
+
 /**
  * @codegenEnd
  */

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

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 /** @jsx jsx */
+
 var flexAlignItemsMap = {
   center: (0, _react2.css)({
     alignItems: 'center'
@@ -69,13 +67,13 @@ var dividerStyles = (0, _react2.css)({
   pointerEvents: 'none',
   userSelect: 'none'
 });
-
 var Divider = function Divider(_ref) {
   var children = _ref.children;
   return (0, _react2.jsx)("span", {
     css: dividerStyles
   }, children);
 };
+
 /**
  * __Inline__
  *
@@ -92,17 +90,15 @@ var Divider = function Divider(_ref) {
  * )
  * ```
  */
-
-
 var Inline = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.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' ? (0, _react2.jsx)(Divider, null, divider) : divider;
   var children = divider ? _react.Children.toArray(rawChildren).filter(Boolean).map(function (child, index) {
     return (0, _react2.jsx)(_react.Fragment, {
@@ -120,13 +116,12 @@ Inline.displayName = 'Inline';
 var _default = Inline;
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e4218f7c850d1484a192d5b8b5dce136>>
+ * @codegen <<SignedSource::75d680a1c3c5679ef743f39217148d11>>
  * @codegenId spacing
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["columnGap"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
  */
-
 exports.default = _default;
 var columnGapMap = {
   'space.0': (0, _react2.css)({
@@ -172,6 +167,7 @@ var columnGapMap = {
     columnGap: "var(--ds-space-800, 64px)"
   })
 };
+
 /**
  * @codegenEnd
  */

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

@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _surfaceProvider = require("./surface-provider");
-
 /** @jsx jsx */
+
 var baseStyles = (0, _react2.css)({
   position: 'absolute',
   borderRadius: 'inherit',
@@ -23,7 +20,6 @@ var baseStyles = (0, _react2.css)({
     pointerEvents: 'none'
   }
 });
-
 /**
  *
  * @example
@@ -38,33 +34,31 @@ var baseStyles = (0, _react2.css)({
  */
 var InteractionSurface = function InteractionSurface(_ref) {
   var appearance = _ref.appearance,
-      children = _ref.children,
-      testId = _ref.testId;
+    children = _ref.children,
+    testId = _ref.testId;
   var defaultSurface = (0, _react.useContext)(_surfaceProvider.SurfaceContext);
-  var surface = appearance || defaultSurface; // This case will occur if the Box has not set a bg color and the ancestor surface
+  var 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 (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("span", {
     "data-testid": testId,
     css: [baseStyles, surface && backgroundHoverColorMap[surface], surface && backgroundActiveColorMap[surface]]
   }), children);
 };
-
 var _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>>
  */
-
 exports.default = _default;
 var backgroundActiveColorMap = {
   input: (0, _react2.css)({
@@ -280,6 +274,7 @@ var backgroundHoverColorMap = {
     }
   })
 };
+
 /**
  * @codegenEnd
  */

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

@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 /** @jsx jsx */
+
 var flexAlignItemsMap = {
   center: (0, _react2.css)({
     alignItems: 'center'
@@ -57,6 +55,7 @@ var baseStyles = (0, _react2.css)({
   boxSizing: 'border-box',
   flexDirection: 'column'
 });
+
 /**
  * __Stack__
  *
@@ -64,15 +63,14 @@ var baseStyles = (0, _react2.css)({
  * Renders a `div` by default.
  *
  */
-
 var Stack = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var gap = _ref.gap,
-      alignItems = _ref.alignItems,
-      justifyContent = _ref.justifyContent,
-      flexWrap = _ref.flexWrap,
-      children = _ref.children,
-      UNSAFE_style = _ref.UNSAFE_style,
-      testId = _ref.testId;
+    alignItems = _ref.alignItems,
+    justifyContent = _ref.justifyContent,
+    flexWrap = _ref.flexWrap,
+    children = _ref.children,
+    UNSAFE_style = _ref.UNSAFE_style,
+    testId = _ref.testId;
   return (0, _react2.jsx)("div", {
     style: UNSAFE_style,
     css: [baseStyles, gap && rowGapMap[gap], alignItems && flexAlignItemsMap[alignItems], justifyContent && flexJustifyContentMap[justifyContent], flexWrap && flexWrapMap[flexWrap]],
@@ -84,13 +82,12 @@ Stack.displayName = 'Stack';
 var _default = Stack;
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::91d26b1ace8b38363779ae85a7ddc51b>>
+ * @codegen <<SignedSource::b762b9e20e785c1909a1c59c2791a66e>>
  * @codegenId spacing
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["rowGap"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
  */
-
 exports.default = _default;
 var rowGapMap = {
   'space.0': (0, _react2.css)({
@@ -136,6 +133,7 @@ var rowGapMap = {
     rowGap: "var(--ds-space-800, 64px)"
   })
 };
+
 /**
  * @codegenEnd
  */

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

@@ -4,15 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSurface = exports.SurfaceContext = void 0;
-
 var _react = require("react");
-
 /**
  * __Surface context__
  *
  * A surface context provides context information on the current background (if set).
  */
 var SurfaceContext = /*#__PURE__*/(0, _react.createContext)('elevation.surface');
+
 /**
  * __useSurface__
  *
@@ -20,12 +19,9 @@ var SurfaceContext = /*#__PURE__*/(0, _react.createContext)('elevation.surface')
  *
  * @see SurfaceContext
  */
-
 exports.SurfaceContext = SurfaceContext;
-
 var useSurface = function useSurface() {
   return (0, _react.useContext)(SurfaceContext);
 };
-
 exports.useSurface = useSurface;
 SurfaceContext.displayName = 'SurfaceProvider';

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

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
-
 var _colorMap = _interopRequireDefault(require("../internal/color-map"));
-
 var _surfaceProvider = require("./surface-provider");
-
 var _excluded = ["children"];
 var asAllowlist = ['span', 'div', 'p', 'strong'];
 var textAlignMap = {
@@ -64,27 +56,26 @@ var truncateStyles = (0, _react2.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.
  */
-
 var useColor = function useColor(colorProp) {
   var surface = (0, _surfaceProvider.useSurface)();
   var inverseTextColor = _colorMap.default[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.
    */
-
   var color = inverseTextColor !== null && inverseTextColor !== void 0 ? inverseTextColor : colorProp;
   return color;
 };
-
 var HasTextAncestorContext = /*#__PURE__*/(0, _react.createContext)(false);
-
 var useHasTextAncestor = function useHasTextAncestor() {
   return (0, _react.useContext)(HasTextAncestorContext);
 };
+
 /**
  * __Text__
  *
@@ -94,49 +85,46 @@ var useHasTextAncestor = function useHasTextAncestor() {
  *
  * @internal
  */
-
-
 var Text = function Text(_ref) {
   var children = _ref.children,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'span' : _props$as,
-      colorProp = props.color,
-      fontSize = props.fontSize,
-      fontWeight = props.fontWeight,
-      lineHeight = props.lineHeight,
-      _props$shouldTruncate = props.shouldTruncate,
-      shouldTruncate = _props$shouldTruncate === void 0 ? false : _props$shouldTruncate,
-      textAlign = props.textAlign,
-      textTransform = props.textTransform,
-      verticalAlign = props.verticalAlign,
-      testId = props.testId,
-      UNSAFE_style = props.UNSAFE_style,
-      id = props.id;
+    Component = _props$as === void 0 ? 'span' : _props$as,
+    colorProp = props.color,
+    fontSize = props.fontSize,
+    fontWeight = props.fontWeight,
+    lineHeight = props.lineHeight,
+    _props$shouldTruncate = props.shouldTruncate,
+    shouldTruncate = _props$shouldTruncate === void 0 ? false : _props$shouldTruncate,
+    textAlign = props.textAlign,
+    textTransform = props.textTransform,
+    verticalAlign = props.verticalAlign,
+    testId = props.testId,
+    UNSAFE_style = props.UNSAFE_style,
+    id = props.id;
   (0, _tinyInvariant.default)(asAllowlist.includes(Component), "@atlaskit/ds-explorations: Text received an invalid \"as\" value of \"".concat(Component, "\""));
   var color = useColor(colorProp);
   var 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 (0, _react2.jsx)(_react.Fragment, null, children);
   }
-
   var component = (0, _react2.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 : (0, _react2.jsx)(HasTextAncestorContext.Provider, {
     value: true
   }, component);
 };
-
 var _default = Text;
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
@@ -146,7 +134,6 @@ var _default = Text;
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::e6bf70c53b8eecdb84ae4c79966537e3>>
  */
-
 exports.default = _default;
 var fontSizeMap = {
   'size.050': (0, _react2.css)({
@@ -216,18 +203,17 @@ var 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>>
  */
 var textColorMap = {
   'color.text': (0, _react2.css)({
@@ -270,6 +256,7 @@ var textColorMap = {
     color: "var(--ds-text-subtle, #42526E)"
   })
 };
+
 /**
  * @codegenEnd
  */

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -35,13 +34,8 @@ Object.defineProperty(exports, "UNSAFE_Text", {
     return _text.default;
   }
 });
-
 var _box = _interopRequireDefault(require("./components/box.partial"));
-
 var _text = _interopRequireDefault(require("./components/text.partial"));
-
 var _inline = _interopRequireDefault(require("./components/inline.partial"));
-
 var _stack = _interopRequireDefault(require("./components/stack.partial"));
-
 var _interactionSurface = _interopRequireDefault(require("./components/interaction-surface.partial"));

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

@@ -4,15 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  *
  * 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>>
  */
 var _default = {
   'neutral.bold': 'inverse',

package/dist/cjs/internal/role-to-element.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * Adapted straight from react-mui, with a small change.
  * @see https://www.unpkg.com/browse/react-gui@0.2.1/src/modules/getAccessibilityElementWithSideEffect.js

package/dist/cjs/internal/spacing-scale.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.spacingScale = void 0;
-
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
  *