@atlaskit/primitives 16.0.1 → 16.1.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/primitives
 
+## 16.1.0
+
+### Minor Changes
+
+- [`c9b86863a2583`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c9b86863a2583) -
+  The Focusable component now resets the outline style when the element matches the pseudo-class
+  `:focus` but not `:focus-visible`. This is to ensure the focus ring is not applied when it should
+  not be. Some apps have global styles targeting all buttons and anchors, adding an outline on
+  `:focus`. This will unset that style.
+
+  This change was previously behind a feature flag, which has now been removed.
+
+## 16.0.2
+
+### Patch Changes
+
+- [`cd77e341e3aa0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cd77e341e3aa0) -
+  Mark `xcss()` as deprecated. Please use `@atlaskit/css` with `@atlaskit/primitives/compiled`
+  instead.
+
 ## 16.0.1
 
 ### 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: "0.0.0-development",
+    packageVersion: "16.0.2",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

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

@@ -13,17 +13,11 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _excluded = ["as", "children", "isInset", "testId", "style", "xcss"],
   _excluded2 = ["className"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var focusRingStyles = null;
 var insetFocusRingStyles = null;
-
-// This is added to override and reset global styles that apps might be applying - for example,
-// at the time of writing, Jira has global styles that targets all button and anchor elements,
-// adding an outline on :focus.
-var outlineResetStyles = null;
 /**
  * __Focus ring__
  *
@@ -46,7 +40,7 @@ var Focusable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, safeHtmlAttributes, {
     // @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
     ref: ref,
-    className: (0, _runtime.ax)(["_mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", (0, _platformFeatureFlags.fg)('platform_dst_compiled_primitives_outline_reset') && "_ymio1r31 _ypr0glyw _zcxs1o36", xcss])
+    className: (0, _runtime.ax)(["_ymio1r31 _ypr0glyw _zcxs1o36 _mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", xcss])
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
     style: style,

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

@@ -61,7 +61,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "0.0.0-development",
+    packageVersion: "16.0.2",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/cjs/components/anchor.js

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

package/dist/cjs/components/pressable.js

@@ -97,7 +97,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "0.0.0-development",
+    packageVersion: "16.0.2",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/cjs/xcss/xcss.js

@@ -229,6 +229,9 @@ var _parseXcss = exports.parseXcss = function parseXcss(args) {
  *   padding: 'space.100'
  * })
  * ```
+ *
+ * @deprecated Use `@atlaskit/css` with `@atlaskit/primitives/compiled` instead.
+ * {@link https://hello.atlassian.net/wiki/spaces/DST/pages/4992259434/Guidance+Migrating+to+atlaskit+css+from+xcss Internal documentation for migration; no external access}
  */
 function xcss(style) {
   return baseXcss(style);

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

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

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

@@ -4,14 +4,8 @@ import "./focusable.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 const focusRingStyles = null;
 const insetFocusRingStyles = null;
-
-// This is added to override and reset global styles that apps might be applying - for example,
-// at the time of writing, Jira has global styles that targets all button and anchor elements,
-// adding an outline on :focus.
-const outlineResetStyles = null;
 /**
  * __Focus ring__
  *
@@ -36,7 +30,7 @@ const Focusable = /*#__PURE__*/forwardRef(({
   return /*#__PURE__*/React.createElement(Component, _extends({}, safeHtmlAttributes, {
     // @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
     ref: ref,
-    className: ax(["_mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", fg('platform_dst_compiled_primitives_outline_reset') && "_ymio1r31 _ypr0glyw _zcxs1o36", xcss])
+    className: ax(["_ymio1r31 _ypr0glyw _zcxs1o36 _mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", xcss])
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
     style: style,

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

@@ -48,7 +48,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "0.0.0-development",
+    packageVersion: "16.0.2",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/es2019/components/anchor.js

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

package/dist/es2019/components/pressable.js

@@ -86,7 +86,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "0.0.0-development",
+    packageVersion: "16.0.2",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/es2019/xcss/xcss.js

@@ -206,6 +206,9 @@ export const parseXcss = args => {
  *   padding: 'space.100'
  * })
  * ```
+ *
+ * @deprecated Use `@atlaskit/css` with `@atlaskit/primitives/compiled` instead.
+ * {@link https://hello.atlassian.net/wiki/spaces/DST/pages/4992259434/Guidance+Migrating+to+atlaskit+css+from+xcss Internal documentation for migration; no external access}
  */
 export function xcss(style) {
   return baseXcss(style);

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

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

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

@@ -7,14 +7,8 @@ import "./focusable.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 var focusRingStyles = null;
 var insetFocusRingStyles = null;
-
-// This is added to override and reset global styles that apps might be applying - for example,
-// at the time of writing, Jira has global styles that targets all button and anchor elements,
-// adding an outline on :focus.
-var outlineResetStyles = null;
 /**
  * __Focus ring__
  *
@@ -37,7 +31,7 @@ var Focusable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(Component, _extends({}, safeHtmlAttributes, {
     // @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
     ref: ref,
-    className: ax(["_mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", fg('platform_dst_compiled_primitives_outline_reset') && "_ymio1r31 _ypr0glyw _zcxs1o36", xcss])
+    className: ax(["_ymio1r31 _ypr0glyw _zcxs1o36 _mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", xcss])
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
     style: style,

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

@@ -52,7 +52,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "0.0.0-development",
+    packageVersion: "16.0.2",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/esm/components/anchor.js

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

package/dist/esm/components/pressable.js

@@ -91,7 +91,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "0.0.0-development",
+    packageVersion: "16.0.2",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/esm/xcss/xcss.js

@@ -219,6 +219,9 @@ export { _parseXcss as parseXcss }; // Media queries should not contain nested m
  *   padding: 'space.100'
  * })
  * ```
+ *
+ * @deprecated Use `@atlaskit/css` with `@atlaskit/primitives/compiled` instead.
+ * {@link https://hello.atlassian.net/wiki/spaces/DST/pages/4992259434/Guidance+Migrating+to+atlaskit+css+from+xcss Internal documentation for migration; no external access}
  */
 export function xcss(style) {
   return baseXcss(style);

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

@@ -133,6 +133,9 @@ export type XCSS = ReturnType<typeof xcss>;
  *   padding: 'space.100'
  * })
  * ```
+ *
+ * @deprecated Use `@atlaskit/css` with `@atlaskit/primitives/compiled` instead.
+ * {@link https://hello.atlassian.net/wiki/spaces/DST/pages/4992259434/Guidance+Migrating+to+atlaskit+css+from+xcss Internal documentation for migration; no external access}
  */
 export declare function xcss(style: SafeCSSObject): {
     readonly [uniqueSymbol]: SerializedStyles;

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

@@ -133,6 +133,9 @@ export type XCSS = ReturnType<typeof xcss>;
  *   padding: 'space.100'
  * })
  * ```
+ *
+ * @deprecated Use `@atlaskit/css` with `@atlaskit/primitives/compiled` instead.
+ * {@link https://hello.atlassian.net/wiki/spaces/DST/pages/4992259434/Guidance+Migrating+to+atlaskit+css+from+xcss Internal documentation for migration; no external access}
  */
 export declare function xcss(style: SafeCSSObject): {
     readonly [uniqueSymbol]: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "16.0.1",
+	"version": "16.1.0",
 	"description": "Primitives are token-backed low-level building blocks.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -155,10 +155,10 @@
 		"@af/formatting": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/avatar": "^25.4.0",
+		"@atlaskit/avatar": "^25.5.0",
 		"@atlaskit/button": "^23.5.0",
 		"@atlaskit/checkbox": "^17.1.0",
-		"@atlaskit/code": "^17.2.0",
+		"@atlaskit/code": "^17.3.0",
 		"@atlaskit/docs": "^11.2.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/flag": "^17.5.0",
@@ -172,7 +172,7 @@
 		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/motion": "^5.3.0",
 		"@atlaskit/range": "^9.2.0",
-		"@atlaskit/section-message": "^8.7.0",
+		"@atlaskit/section-message": "^8.8.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tooltip": "^20.6.0",
@@ -222,10 +222,5 @@
 				"dist/types-ts4.5/index.d.ts"
 			]
 		}
-	},
-	"platform-feature-flags": {
-		"platform_dst_compiled_primitives_outline_reset": {
-			"type": "boolean"
-		}
 	}
 }