@atlaskit/primitives 14.3.3 → 14.5.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/primitives
 
+## 14.5.0
+
+### Minor Changes
+
+- [#148288](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148288)
+  [`c31c2fb751ae5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c31c2fb751ae5) -
+  Add `backgroundColor` back to `props.style` and `props.xcss` for `Box` from
+  `@atlaskit/primitives/compiled` to have a more iterative migration, but we still prefer the
+  `props.backgroundColor` value.
+
+## 14.4.0
+
+### Minor Changes
+
+- [#138526](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/138526)
+  [`1c66b8e32f30a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1c66b8e32f30a) -
+  [ux] Removed feature flag `platform-typography-improved-color-control` resulting in automatic
+  color inversion based on bold surfaces will only affect the default color.
+
 ## 14.3.3
 
 ### Patch Changes

package/constellation/anchor/examples.mdx

@@ -98,6 +98,7 @@ Anchor will only render a router link if:
 	Component={AnchorRouterLinkConfiguration}
 	packageName="@atlaskit/primitives/anchor"
 	appearance="source-only"
+	isCodeSandboxDisabled
 />
 
 <Snippet name="primitives-event-tracking-header" variables={{ componentName: 'anchor' }} />

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

@@ -70,7 +70,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/cjs/compiled/components/box.js

@@ -345,7 +345,6 @@ var Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     ,
     ref: ref,
     className: (0, _runtime.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/cjs/compiled/components/pressable.js

@@ -60,7 +60,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.3.3",
+    packageVersion: "14.5.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -76,9 +76,7 @@ var Pressable = /*#__PURE__*/(0, _react.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/cjs/compiled/components/text.js

@@ -12,7 +12,6 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _hasTextAncestorContext = require("../../utils/has-text-ancestor-context");
 var _surfaceProvider = require("../../utils/surface-provider");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -23,36 +22,19 @@ var asAllowlist = ['span', 'p', 'strong', 'em'];
  */
 var useColor = function useColor(colorProp, hasTextAncestor) {
   var surface = (0, _surfaceProvider.useSurface)();
-  if ((0, _platformFeatureFlags.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",
@@ -173,9 +155,7 @@ var Text = /*#__PURE__*/(0, _react.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: (0, _runtime.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/cjs/components/anchor.js

@@ -100,7 +100,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'
   });
@@ -158,9 +158,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 && _styleMaps.paddingStylesMap.paddingInlineStart[paddingInlineStart],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd],
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    resolvedStyles.emotion],
+    paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
     "data-testid": testId,
     "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
   }), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && (0, _react2.jsx)(_visuallyHidden.default, {

package/dist/cjs/components/bleed.js

@@ -72,9 +72,7 @@ var Bleed = /*#__PURE__*/_react.default.memo(function (_ref) {
   return (0, _react2.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/cjs/components/box.js

@@ -67,7 +67,6 @@ var Box = exports.Box = /*#__PURE__*/(0, _react.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
@@ -87,9 +86,7 @@ var Box = exports.Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     paddingInlineStart && _styleMaps.paddingStylesMap.paddingInlineStart[paddingInlineStart],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd],
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    resolvedStyles.emotion],
+    paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
     "data-testid": testId
   }), children);
   return backgroundColor ? (0, _react2.jsx)(_surfaceProvider.SurfaceContext.Provider, {

package/dist/cjs/components/flex.js

@@ -122,9 +122,7 @@ var Flex = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     columnGap && _styleMaps.spaceStylesMap.columnGap[columnGap],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    rowGap && _styleMaps.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 && _styleMaps.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/cjs/components/grid.js

@@ -187,9 +187,7 @@ var Grid = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     columnGap && _styleMaps.spaceStylesMap.columnGap[columnGap],
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    rowGap && _styleMaps.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 && _styleMaps.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/cjs/components/inline.js

@@ -13,7 +13,6 @@ var _xcss = require("../xcss/xcss");
 var _flex = _interopRequireDefault(require("./flex"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/* eslint-disable @repo/internal/styles/no-exported-styles */
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/cjs/components/pressable.js

@@ -95,7 +95,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.3.3",
+    packageVersion: "14.5.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });
@@ -105,42 +105,36 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _spreadClass = htmlAttributes.className,
     safeHtmlAttributes = (0, _objectWithoutProperties2.default)(htmlAttributes, _excluded2);
   var resolvedStyles = (0, _xcss.parseXcss)(xcss);
-  return (
-    // eslint-disable-next-line @atlaskit/design-system/no-html-button
-    (0, _react2.jsx)("button", (0, _extends2.default)({
-      // 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 && _styleMaps.backgroundColorStylesMap[backgroundColor],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      padding && _styleMaps.paddingStylesMap.padding[padding],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingBlock && _styleMaps.paddingStylesMap.paddingBlock[paddingBlock],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingBlockStart && _styleMaps.paddingStylesMap.paddingBlockStart[paddingBlockStart],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingBlockEnd && _styleMaps.paddingStylesMap.paddingBlockEnd[paddingBlockEnd],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingInline && _styleMaps.paddingStylesMap.paddingInline[paddingInline],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingInlineStart && _styleMaps.paddingStylesMap.paddingInlineStart[paddingInlineStart],
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      paddingInlineEnd && _styleMaps.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 (0, _react2.jsx)("button", (0, _extends2.default)({
+    // 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 && _styleMaps.backgroundColorStylesMap[backgroundColor],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    padding && _styleMaps.paddingStylesMap.padding[padding],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingBlock && _styleMaps.paddingStylesMap.paddingBlock[paddingBlock],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingBlockStart && _styleMaps.paddingStylesMap.paddingBlockStart[paddingBlockStart],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingBlockEnd && _styleMaps.paddingStylesMap.paddingBlockEnd[paddingBlockEnd],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingInline && _styleMaps.paddingStylesMap.paddingInline[paddingInline],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingInlineStart && _styleMaps.paddingStylesMap.paddingInlineStart[paddingInlineStart],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd], resolvedStyles.emotion],
+    "data-testid": testId
+  }), children);
 });
 var _default = exports.default = Pressable;

package/dist/cjs/components/stack.js

@@ -10,7 +10,6 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _xcss = require("../xcss/xcss");
 var _flex = _interopRequireDefault(require("./flex"));
-/* eslint-disable @repo/internal/styles/no-exported-styles */
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/cjs/components/text.js

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _hasTextAncestorContext = require("../utils/has-text-ancestor-context");
 var _surfaceProvider = require("../utils/surface-provider");
 var _styleMaps = require("../xcss/style-maps.partial");
@@ -60,36 +59,19 @@ var wordBreakMap = {
  */
 var useColor = function useColor(colorProp, hasTextAncestor) {
   var surface = (0, _surfaceProvider.useSurface)();
-  if ((0, _platformFeatureFlags.fg)('platform-typography-improved-color-control')) {
-    if (colorProp === 'inherit') {
-      return undefined;
-    }
-    if (colorProp) {
-      return colorProp;
-    }
-    if (hasTextAncestor) {
-      return undefined;
-    }
-    if (_styleMaps.inverseColorMap.hasOwnProperty(surface)) {
-      return _styleMaps.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 (_styleMaps.inverseColorMap.hasOwnProperty(surface)) {
-    return _styleMaps.inverseColorMap[surface];
-  }
   if (colorProp === 'inherit') {
     return undefined;
   }
-  if (!colorProp && hasTextAncestor) {
+  if (colorProp) {
+    return colorProp;
+  }
+  if (hasTextAncestor) {
     return undefined;
   }
-  return colorProp || 'color.text';
+  if (_styleMaps.inverseColorMap.hasOwnProperty(surface)) {
+    return _styleMaps.inverseColorMap[surface];
+  }
+  return 'color.text';
 };
 
 /**

package/dist/cjs/xcss/xcss.js

@@ -14,8 +14,7 @@ var _react = require("@emotion/react");
 var _styleMaps = require("./style-maps.partial");
 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
-// eslint-disable-next-line import/no-extraneous-dependencies
+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-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var tokensMap = exports.tokensMap = {
   backgroundColor: _styleMaps.backgroundColorMap,
   blockSize: _styleMaps.dimensionMap,

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

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

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

@@ -329,7 +329,6 @@ const Box = /*#__PURE__*/forwardRef(({
     ,
     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/es2019/compiled/components/pressable.js

@@ -46,7 +46,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'
   });
@@ -64,9 +64,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     // 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/es2019/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';
 const asAllowlist = ['span', 'p', 'strong', 'em'];
@@ -13,36 +12,19 @@ const asAllowlist = ['span', 'p', 'strong', 'em'];
  */
 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 (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';
 };
 const styles = {
   root: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1i4qfg65",
@@ -163,9 +145,7 @@ const Text = /*#__PURE__*/forwardRef(({
     size = 'medium';
   }
   const 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.${align}`], weight && fontWeightMap[weight], Component === 'em' && styles['as.em'], Component === 'strong' && styles['as.strong'], xcss]),
     style: {
       WebkitLineClamp: maxLines

package/dist/es2019/components/anchor.js

@@ -90,7 +90,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "14.3.3",
+    packageVersion: "14.5.0",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -151,9 +151,7 @@ const AnchorNoRef = ({
     // 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/es2019/components/bleed.js

@@ -65,9 +65,7 @@ const Bleed = /*#__PURE__*/React.memo(({
   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/es2019/components/box.js

@@ -61,7 +61,6 @@ export const Box = /*#__PURE__*/forwardRef(({
     // 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
@@ -81,9 +80,7 @@ export const Box = /*#__PURE__*/forwardRef(({
     // 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/es2019/components/flex.js

@@ -115,9 +115,7 @@ const Flex = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     // 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/es2019/components/grid.js

@@ -179,9 +179,7 @@ const Grid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     // 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/es2019/components/inline.js

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