@atlaskit/primitives 14.3.3 → 14.5.0

package/dist/es2019/components/pressable.js

@@ -85,7 +85,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.3.3",
+    packageVersion: "14.5.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -97,42 +97,36 @@ const Pressable = /*#__PURE__*/forwardRef(({
     ...safeHtmlAttributes
   } = htmlAttributes;
   const resolvedStyles = parseXcss(xcss);
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/no-html-button
-    jsx("button", _extends({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      style: style,
-      ref: ref
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: resolvedStyles.static
-      // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    }, safeHtmlAttributes, {
-      // eslint-disable-next-line react/button-has-type
-      type: type,
-      onClick: onClick,
-      disabled: isDisabled,
-      css: [baseStyles, focusRingStyles, isDisabled ? disabledStyles : enabledStyles,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      backgroundColor && backgroundColorStylesMap[backgroundColor],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      padding && paddingStylesMap.padding[padding],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingBlock && paddingStylesMap.paddingBlock[paddingBlock],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingBlockStart && paddingStylesMap.paddingBlockStart[paddingBlockStart],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingBlockEnd && paddingStylesMap.paddingBlockEnd[paddingBlockEnd],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingInline && paddingStylesMap.paddingInline[paddingInline],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd],
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-      resolvedStyles.emotion],
-      "data-testid": testId
-    }), children)
-  );
+  return jsx("button", _extends({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    style: style,
+    ref: ref
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: resolvedStyles.static
+  }, safeHtmlAttributes, {
+    // eslint-disable-next-line react/button-has-type
+    type: type,
+    onClick: onClick,
+    disabled: isDisabled,
+    css: [baseStyles, focusRingStyles, isDisabled ? disabledStyles : enabledStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    backgroundColor && backgroundColorStylesMap[backgroundColor],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    padding && paddingStylesMap.padding[padding],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingBlock && paddingStylesMap.paddingBlock[paddingBlock],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingBlockStart && paddingStylesMap.paddingBlockStart[paddingBlockStart],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingBlockEnd && paddingStylesMap.paddingBlockEnd[paddingBlockEnd],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingInline && paddingStylesMap.paddingInline[paddingInline],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
+    "data-testid": testId
+  }), children);
 });
 export default Pressable;

package/dist/es2019/components/stack.js

@@ -1,4 +1,3 @@
-/* eslint-disable @repo/internal/styles/no-exported-styles */
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/es2019/components/text.js

@@ -7,7 +7,6 @@ import { forwardRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import invariant from 'tiny-invariant';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { HasTextAncestorProvider, useHasTextAncestor } from '../utils/has-text-ancestor-context';
 import { useSurface } from '../utils/surface-provider';
 import { inverseColorMap, textColorStylesMap, textSizeStylesMap, textWeightStylesMap } from '../xcss/style-maps.partial';
@@ -52,36 +51,19 @@ const wordBreakMap = {
  */
 const useColor = (colorProp, hasTextAncestor) => {
   const surface = useSurface();
-  if (fg('platform-typography-improved-color-control')) {
-    if (colorProp === 'inherit') {
-      return undefined;
-    }
-    if (colorProp) {
-      return colorProp;
-    }
-    if (hasTextAncestor) {
-      return undefined;
-    }
-    if (inverseColorMap.hasOwnProperty(surface)) {
-      return inverseColorMap[surface];
-    }
-    return 'color.text';
-  }
-
-  /**
-   * Where the color of the surface is inverted we always override the color
-   * as there is no valid choice that is not covered by the override.
-   */
-  if (inverseColorMap.hasOwnProperty(surface)) {
-    return inverseColorMap[surface];
-  }
   if (colorProp === 'inherit') {
     return undefined;
   }
-  if (!colorProp && hasTextAncestor) {
+  if (colorProp) {
+    return colorProp;
+  }
+  if (hasTextAncestor) {
     return undefined;
   }
-  return colorProp || 'color.text';
+  if (inverseColorMap.hasOwnProperty(surface)) {
+    return inverseColorMap[surface];
+  }
+  return 'color.text';
 };
 
 /**

package/dist/es2019/responsive/build-media-query-css.js

@@ -69,7 +69,7 @@ export const UNSAFE_buildBelowMediaQueryCSS = input => {
     return {
       ...acc,
       [breakpoint]: css({
-        // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         [UNSAFE_media.below[breakpoint]]: typeof input === 'function' ? input(breakpoint) : input
       })
     };

package/dist/es2019/xcss/xcss.js

@@ -1,9 +1,5 @@
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css as cssEmotion } from '@emotion/react';
-
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { allSpaceMap, backgroundColorMap, borderColorMap, borderRadiusMap, borderWidthMap, dimensionMap, fontFamilyMap, fontMap, fontWeightMap, layerMap, opacityMap, positiveSpaceMap, shadowMap, textColorMap } from './style-maps.partial';
 export const tokensMap = {
   backgroundColor: backgroundColorMap,

package/dist/esm/compiled/components/anchor.js

@@ -60,7 +60,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.3.3",
+    packageVersion: "14.5.0",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

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

@@ -336,7 +336,6 @@ var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ,
     ref: ref,
     className: ax(["_19itglyw _vchhusvi _r06hglyw", backgroundColor && backgroundColorMap[backgroundColor], backgroundColor && isSurfaceToken(backgroundColor) && setSurfaceTokenMap[backgroundColor], paddingBlockStart && paddingBlockStartMap[paddingBlockStart], paddingBlockEnd && paddingBlockEndMap[paddingBlockEnd], paddingInlineStart && paddingInlineStartMap[paddingInlineStart], paddingInlineEnd && paddingInlineEndMap[paddingInlineEnd], xcss])
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, safeHtmlAttributes, {
     "data-testid": testId
   }), children);

package/dist/esm/compiled/components/pressable.js

@@ -50,7 +50,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.3.3",
+    packageVersion: "14.5.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -66,9 +66,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- TODO: Properly type this and allow pass-through if we can determine the type
     ,
     style: style
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, safeHtmlAttributes, {
-    // eslint-disable-next-line react/button-has-type
     type: type,
     onClick: onClick,
     disabled: isDisabled,

package/dist/esm/compiled/components/text.js

@@ -4,7 +4,6 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
 import invariant from 'tiny-invariant';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { HasTextAncestorProvider, useHasTextAncestor } from '../../utils/has-text-ancestor-context';
 import { useSurface } from '../../utils/surface-provider';
 var asAllowlist = ['span', 'p', 'strong', 'em'];
@@ -13,36 +12,19 @@ var asAllowlist = ['span', 'p', 'strong', 'em'];
  */
 var useColor = function useColor(colorProp, hasTextAncestor) {
   var surface = useSurface();
-  if (fg('platform-typography-improved-color-control')) {
-    if (colorProp === 'inherit') {
-      return undefined;
-    }
-    if (colorProp) {
-      return colorProp;
-    }
-    if (hasTextAncestor) {
-      return undefined;
-    }
-    if (inverseColorMap.hasOwnProperty(surface)) {
-      return inverseColorMap[surface];
-    }
-    return 'color.text';
-  }
-
-  /*
-   * Where the color of the surface is inverted we always override the color
-   * as there is no valid choice that is not covered by the override.
-   */
-  if (surface in inverseColorMap) {
-    return inverseColorMap[surface];
-  }
   if (colorProp === 'inherit') {
     return undefined;
   }
-  if (!colorProp && hasTextAncestor) {
+  if (colorProp) {
+    return colorProp;
+  }
+  if (hasTextAncestor) {
     return undefined;
   }
-  return colorProp || 'color.text';
+  if (inverseColorMap.hasOwnProperty(surface)) {
+    return inverseColorMap[surface];
+  }
+  return 'color.text';
 };
 var styles = {
   root: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1i4qfg65",
@@ -163,9 +145,7 @@ var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
     size = 'medium';
   }
   var component = /*#__PURE__*/React.createElement(Component, {
-    id: id
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
+    id: id,
     className: ax([styles.root, size && fontSizeMap[size], color && textColorMap[color], maxLines && styles.truncation, maxLines === 1 && styles.breakAll, align && styles["textAlign.".concat(align)], weight && fontWeightMap[weight], Component === 'em' && styles['as.em'], Component === 'strong' && styles['as.strong'], xcss]),
     style: {
       WebkitLineClamp: maxLines

package/dist/esm/components/anchor.js

@@ -94,7 +94,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.3.3",
+    packageVersion: "14.5.0",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -152,9 +152,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd],
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    resolvedStyles.emotion],
+    paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
     "data-testid": testId,
     "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
   }), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && jsx(VisuallyHidden, {

package/dist/esm/components/bleed.js

@@ -64,9 +64,7 @@ var Bleed = /*#__PURE__*/React.memo(function (_ref) {
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: resolvedStyles.static,
-    css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all],
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    resolvedStyles.emotion],
+    css: [baseStyles, (inline || all) && inlineBleedMap[inline || all], (block || all) && blockBleedMap[block || all], resolvedStyles.emotion],
     "data-testid": testId
   }, children);
 });

package/dist/esm/components/box.js

@@ -62,7 +62,6 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: resolvedStyles.static
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, safeHtmlAttributes, {
     css: [baseStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -82,9 +81,7 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd],
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    resolvedStyles.emotion],
+    paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
     "data-testid": testId
   }), children);
   return backgroundColor ? jsx(SurfaceContext.Provider, {

package/dist/esm/components/flex.js

@@ -115,9 +115,7 @@ var Flex = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     columnGap && spaceStylesMap.columnGap[columnGap],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap],
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    resolvedStyles.emotion],
+    rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap], resolvedStyles.emotion],
     "data-testid": testId,
     ref: ref
   }, children);

package/dist/esm/components/grid.js

@@ -179,9 +179,7 @@ var Grid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     columnGap && spaceStylesMap.columnGap[columnGap],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow],
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    resolvedStyles.emotion],
+    rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow], resolvedStyles.emotion],
     "data-testid": testId,
     ref: ref
   }, children);

package/dist/esm/components/inline.js

@@ -1,5 +1,4 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-/* eslint-disable @repo/internal/styles/no-exported-styles */
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/esm/components/pressable.js

@@ -89,7 +89,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.3.3",
+    packageVersion: "14.5.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -99,42 +99,36 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _spreadClass = htmlAttributes.className,
     safeHtmlAttributes = _objectWithoutProperties(htmlAttributes, _excluded2);
   var resolvedStyles = parseXcss(xcss);
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/no-html-button
-    jsx("button", _extends({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      style: style,
-      ref: ref
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: resolvedStyles.static
-      // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    }, safeHtmlAttributes, {
-      // eslint-disable-next-line react/button-has-type
-      type: type,
-      onClick: onClick,
-      disabled: isDisabled,
-      css: [baseStyles, focusRingStyles, isDisabled ? disabledStyles : enabledStyles,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      backgroundColor && backgroundColorStylesMap[backgroundColor],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      padding && paddingStylesMap.padding[padding],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingBlock && paddingStylesMap.paddingBlock[paddingBlock],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingBlockStart && paddingStylesMap.paddingBlockStart[paddingBlockStart],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingBlockEnd && paddingStylesMap.paddingBlockEnd[paddingBlockEnd],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingInline && paddingStylesMap.paddingInline[paddingInline],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd],
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-      resolvedStyles.emotion],
-      "data-testid": testId
-    }), children)
-  );
+  return jsx("button", _extends({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    style: style,
+    ref: ref
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: resolvedStyles.static
+  }, safeHtmlAttributes, {
+    // eslint-disable-next-line react/button-has-type
+    type: type,
+    onClick: onClick,
+    disabled: isDisabled,
+    css: [baseStyles, focusRingStyles, isDisabled ? disabledStyles : enabledStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    backgroundColor && backgroundColorStylesMap[backgroundColor],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    padding && paddingStylesMap.padding[padding],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingBlock && paddingStylesMap.paddingBlock[paddingBlock],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingBlockStart && paddingStylesMap.paddingBlockStart[paddingBlockStart],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingBlockEnd && paddingStylesMap.paddingBlockEnd[paddingBlockEnd],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingInline && paddingStylesMap.paddingInline[paddingInline],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
+    "data-testid": testId
+  }), children);
 });
 export default Pressable;

package/dist/esm/components/stack.js

@@ -1,5 +1,4 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-/* eslint-disable @repo/internal/styles/no-exported-styles */
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/esm/components/text.js

@@ -7,7 +7,6 @@ import { forwardRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import invariant from 'tiny-invariant';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { HasTextAncestorProvider, useHasTextAncestor } from '../utils/has-text-ancestor-context';
 import { useSurface } from '../utils/surface-provider';
 import { inverseColorMap, textColorStylesMap, textSizeStylesMap, textWeightStylesMap } from '../xcss/style-maps.partial';
@@ -52,36 +51,19 @@ var wordBreakMap = {
  */
 var useColor = function useColor(colorProp, hasTextAncestor) {
   var surface = useSurface();
-  if (fg('platform-typography-improved-color-control')) {
-    if (colorProp === 'inherit') {
-      return undefined;
-    }
-    if (colorProp) {
-      return colorProp;
-    }
-    if (hasTextAncestor) {
-      return undefined;
-    }
-    if (inverseColorMap.hasOwnProperty(surface)) {
-      return inverseColorMap[surface];
-    }
-    return 'color.text';
-  }
-
-  /**
-   * Where the color of the surface is inverted we always override the color
-   * as there is no valid choice that is not covered by the override.
-   */
-  if (inverseColorMap.hasOwnProperty(surface)) {
-    return inverseColorMap[surface];
-  }
   if (colorProp === 'inherit') {
     return undefined;
   }
-  if (!colorProp && hasTextAncestor) {
+  if (colorProp) {
+    return colorProp;
+  }
+  if (hasTextAncestor) {
     return undefined;
   }
-  return colorProp || 'color.text';
+  if (inverseColorMap.hasOwnProperty(surface)) {
+    return inverseColorMap[surface];
+  }
+  return 'color.text';
 };
 
 /**

package/dist/esm/xcss/xcss.js

@@ -5,12 +5,8 @@ import _typeof from "@babel/runtime/helpers/typeof";
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css as cssEmotion } from '@emotion/react';
-
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { allSpaceMap, backgroundColorMap, borderColorMap, borderRadiusMap, borderWidthMap, dimensionMap, fontFamilyMap, fontMap, fontWeightMap, layerMap, opacityMap, positiveSpaceMap, shadowMap, textColorMap } from './style-maps.partial';
 export var tokensMap = {
   backgroundColor: backgroundColorMap,

package/dist/types/compiled/components/box.d.ts

@@ -13,7 +13,11 @@ type CustomElementType<P = any> = {
 export type BoxProps<T extends CustomElementType> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className'> & Omit<BasePrimitiveProps, 'xcss' | 'style'> & BaseBoxProps<T>;
 type BaseBoxProps<T extends CustomElementType> = {
     /**
-     * The DOM element to render as the Box. Defaults to `div`.
+     * The DOM element to render as the Box.
+     * - This cannot be any SVG-related element such as `'svg'`, `'animate', `'circle'`, and many more
+     * - This cannot be a `'a'` (use the `Anchor` primitive instead)
+     * - This cannot be a `'button'` (use the `Anchor` primitive instead)
+     * @default 'div'
      */
     as?: T;
     /**
@@ -83,12 +87,12 @@ type BaseBoxProps<T extends CustomElementType> = {
      * Inline styles to be applied to the Box. Only apply as a last resort, or where
      * styles cannot otherwise be calculated outside of the runtime of the component they're applied.
      */
-    style?: Omit<StyleProp['style'], 'backgroundColor'>;
+    style?: Omit<StyleProp['style'], 'background' | 'backgroundColor'>;
     /**
      * Apply a subset of permitted styles powered by Atlassian Design System design tokens.
-     * Note that `backgroundColor` is not allowed, use the `backgroundColor` prop instead for surface awareness.
+     * It's preferred you do not use `background` in `xcss` or `cssMap()` and instead use `props.backgroundColor` for surface awareness.
      */
-    xcss?: StrictXCSSProp<Exclude<XCSSAllProperties, 'background' | 'backgroundColor'>, XCSSAllPseudos>;
+    xcss?: StrictXCSSProp<Exclude<XCSSAllProperties, 'background'>, XCSSAllPseudos>;
 };
 type BoxComponent = <T extends CustomElementType>(props: BoxProps<T>) => ReactElement | null;
 /**

package/dist/types/components/box.d.ts

@@ -13,7 +13,11 @@ type CustomElementType<P = any> = {
 export type BoxProps<T extends CustomElementType> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className'> & BasePrimitiveProps & StyleProp & BaseBoxProps<T>;
 type BaseBoxProps<T extends CustomElementType> = {
     /**
-     * The DOM element to render as the Box. Defaults to `div`.
+     * The DOM element to render as the Box.
+     * - This cannot be any SVG-related element such as `'svg'`, `'animate', `'circle'`, and many more
+     * - This cannot be a `'a'` (use the `Anchor` primitive instead)
+     * - This cannot be a `'button'` (use the `Anchor` primitive instead)
+     * @default 'div'
      */
     as?: T;
     /**

package/dist/types-ts4.5/compiled/components/box.d.ts

@@ -13,7 +13,11 @@ type CustomElementType<P = any> = {
 export type BoxProps<T extends CustomElementType> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className'> & Omit<BasePrimitiveProps, 'xcss' | 'style'> & BaseBoxProps<T>;
 type BaseBoxProps<T extends CustomElementType> = {
     /**
-     * The DOM element to render as the Box. Defaults to `div`.
+     * The DOM element to render as the Box.
+     * - This cannot be any SVG-related element such as `'svg'`, `'animate', `'circle'`, and many more
+     * - This cannot be a `'a'` (use the `Anchor` primitive instead)
+     * - This cannot be a `'button'` (use the `Anchor` primitive instead)
+     * @default 'div'
      */
     as?: T;
     /**
@@ -83,12 +87,12 @@ type BaseBoxProps<T extends CustomElementType> = {
      * Inline styles to be applied to the Box. Only apply as a last resort, or where
      * styles cannot otherwise be calculated outside of the runtime of the component they're applied.
      */
-    style?: Omit<StyleProp['style'], 'backgroundColor'>;
+    style?: Omit<StyleProp['style'], 'background' | 'backgroundColor'>;
     /**
      * Apply a subset of permitted styles powered by Atlassian Design System design tokens.
-     * Note that `backgroundColor` is not allowed, use the `backgroundColor` prop instead for surface awareness.
+     * It's preferred you do not use `background` in `xcss` or `cssMap()` and instead use `props.backgroundColor` for surface awareness.
      */
-    xcss?: StrictXCSSProp<Exclude<XCSSAllProperties, 'background' | 'backgroundColor'>, XCSSAllPseudos>;
+    xcss?: StrictXCSSProp<Exclude<XCSSAllProperties, 'background'>, XCSSAllPseudos>;
 };
 type BoxComponent = <T extends CustomElementType>(props: BoxProps<T>) => ReactElement | null;
 /**

package/dist/types-ts4.5/components/box.d.ts

@@ -13,7 +13,11 @@ type CustomElementType<P = any> = {
 export type BoxProps<T extends CustomElementType> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className'> & BasePrimitiveProps & StyleProp & BaseBoxProps<T>;
 type BaseBoxProps<T extends CustomElementType> = {
     /**
-     * The DOM element to render as the Box. Defaults to `div`.
+     * The DOM element to render as the Box.
+     * - This cannot be any SVG-related element such as `'svg'`, `'animate', `'circle'`, and many more
+     * - This cannot be a `'a'` (use the `Anchor` primitive instead)
+     * - This cannot be a `'button'` (use the `Anchor` primitive instead)
+     * @default 'div'
      */
     as?: T;
     /**