@atlaskit/primitives 14.3.2 → 14.4.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/primitives
 
+## 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
+
+- [#138465](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/138465)
+  [`5349bc88cca65`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5349bc88cca65) -
+  Fix outlineOffset types in XCSS.
+
 ## 14.3.2
 
 ### Patch Changes

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.2",
+    packageVersion: "14.4.0",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

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.2",
+    packageVersion: "14.4.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

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",

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.2",
+    packageVersion: "14.4.0",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

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.2",
+    packageVersion: "14.4.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

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

@@ -89,7 +89,7 @@ var tokensMap = exports.tokensMap = {
   minWidth: _styleMaps.dimensionMap,
   opacity: _styleMaps.opacityMap,
   outlineColor: _styleMaps.borderColorMap,
-  outlineOffset: _styleMaps.positiveSpaceMap,
+  outlineOffset: _styleMaps.allSpaceMap,
   outlineWidth: _styleMaps.borderWidthMap,
   padding: _styleMaps.positiveSpaceMap,
   paddingBlock: _styleMaps.positiveSpaceMap,

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

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

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.2",
+    packageVersion: "14.4.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

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",

package/dist/es2019/components/anchor.js

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

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.2",
+    packageVersion: "14.4.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

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/xcss/xcss.js

@@ -78,7 +78,7 @@ export const tokensMap = {
   minWidth: dimensionMap,
   opacity: opacityMap,
   outlineColor: borderColorMap,
-  outlineOffset: positiveSpaceMap,
+  outlineOffset: allSpaceMap,
   outlineWidth: borderWidthMap,
   padding: positiveSpaceMap,
   paddingBlock: positiveSpaceMap,

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.2",
+    packageVersion: "14.4.0",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

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.2",
+    packageVersion: "14.4.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

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",

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.2",
+    packageVersion: "14.4.0",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

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.2",
+    packageVersion: "14.4.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

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

@@ -85,7 +85,7 @@ export var tokensMap = {
   minWidth: dimensionMap,
   opacity: opacityMap,
   outlineColor: borderColorMap,
-  outlineOffset: positiveSpaceMap,
+  outlineOffset: allSpaceMap,
   outlineWidth: borderWidthMap,
   padding: positiveSpaceMap,
   paddingBlock: positiveSpaceMap,

package/dist/types/xcss/xcss.d.ts

@@ -1370,6 +1370,15 @@ export declare const tokensMap: {
         readonly 'color.border.bold': "var(--ds-border-bold)";
     };
     readonly outlineOffset: {
+        'space.negative.025': "var(--ds-space-negative-025)";
+        'space.negative.050': "var(--ds-space-negative-050)";
+        'space.negative.075': "var(--ds-space-negative-075)";
+        'space.negative.100': "var(--ds-space-negative-100)";
+        'space.negative.150': "var(--ds-space-negative-150)";
+        'space.negative.200': "var(--ds-space-negative-200)";
+        'space.negative.250': "var(--ds-space-negative-250)";
+        'space.negative.300': "var(--ds-space-negative-300)";
+        'space.negative.400': "var(--ds-space-negative-400)";
         'space.0': "var(--ds-space-0)";
         'space.025': "var(--ds-space-025)";
         'space.050': "var(--ds-space-050)";

package/dist/types-ts4.5/xcss/xcss.d.ts

@@ -1370,6 +1370,15 @@ export declare const tokensMap: {
         readonly 'color.border.bold': "var(--ds-border-bold)";
     };
     readonly outlineOffset: {
+        'space.negative.025': "var(--ds-space-negative-025)";
+        'space.negative.050': "var(--ds-space-negative-050)";
+        'space.negative.075': "var(--ds-space-negative-075)";
+        'space.negative.100': "var(--ds-space-negative-100)";
+        'space.negative.150': "var(--ds-space-negative-150)";
+        'space.negative.200': "var(--ds-space-negative-200)";
+        'space.negative.250': "var(--ds-space-negative-250)";
+        'space.negative.300': "var(--ds-space-negative-300)";
+        'space.negative.400': "var(--ds-space-negative-400)";
         'space.0': "var(--ds-space-0)";
         'space.025': "var(--ds-space-025)";
         'space.050': "var(--ds-space-050)";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "14.3.2",
+	"version": "14.4.0",
 	"description": "Primitives are token-backed low-level building blocks.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -129,7 +129,6 @@
 		"@atlaskit/css": "^0.10.0",
 		"@atlaskit/ds-lib": "^4.0.0",
 		"@atlaskit/interaction-context": "^3.0.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/tokens": "^4.7.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -155,7 +154,7 @@
 		"@atlaskit/dropdown-menu": "^14.0.0",
 		"@atlaskit/flag": "^17.1.0",
 		"@atlaskit/form": "^12.0.0",
-		"@atlaskit/heading": "^5.1.0",
+		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^25.5.0",
 		"@atlaskit/icon-object": "^7.0.0",
 		"@atlaskit/image": "^3.0.0",
@@ -225,10 +224,5 @@
 		"./anchor": "./src/components/anchor.tsx",
 		"./responsive": "./src/responsive/index.tsx",
 		"./compiled": "./src/compiled/index.tsx"
-	},
-	"platform-feature-flags": {
-		"platform-typography-improved-color-control": {
-			"type": "boolean"
-		}
 	}
 }