@atlaskit/primitives 13.3.3 → 13.3.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/primitives
 
+## 13.3.4
+
+### Patch Changes
+
+- [#178771](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/178771)
+  [`77f2655aef31d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/77f2655aef31d) -
+  Fixing label text for compiled/anchor to be 1:1 with primitive as part of compiled migration
+
 ## 13.3.3
 
 ### Patch Changes

package/constellation/anchor/examples.mdx

@@ -4,6 +4,9 @@ description: An anchor is a primitive for building custom links.
 order: 0
 ---
 
+import SectionMessage, { SectionMessageAction } from '@atlaskit/section-message';
+import Link from '@atlaskit/link';
+
 import AnchorDefault from '../../examples/constellation/anchor/default';
 import AnchorBasic from '../../examples/constellation/anchor/basic';
 import AnchorStyled from '../../examples/constellation/anchor/styled';
@@ -14,7 +17,24 @@ import AnchorAnalytics from '../../examples/constellation/anchor/analytics';
 import AnchorAnalyticsGASv3 from '../../examples/constellation/anchor/analytics-gasv3';
 
 import { CodeDocsHeader } from '@af/design-system-docs-ui';
-import SectionMessage from '@atlaskit/section-message';
+
+<SectionMessage
+	appearance="information"
+	actions={[
+		<SectionMessageAction href="/components/link/examples">
+			View link documentation
+		</SectionMessageAction>,
+		<SectionMessageAction href="/components/button/link-button/examples">
+			View link button documentation
+		</SectionMessageAction>,
+	]}
+>
+	Anchor is for building non-text links, such as a card. It comes with minimal styling. If you're
+	using a link within text, use the purpose-built{' '}
+	<Link href="/components/link/examples">link component</Link>. For links that appear as buttons,
+	use the existing <Link href="/components/button/link-button/examples">link button component</Link>
+	.
+</SectionMessage>
 
 <CodeDocsHeader
 	name="@atlaskit/primitives"
@@ -25,9 +45,6 @@ import SectionMessage from '@atlaskit/section-message';
 Anchor is a primitive for building custom links with Atlassian Design System styling, routing
 support, and built-in event tracking. It renders an anchor `<a>` element.
 
-Only use anchor when existing components such as [link](/components/link/examples) or
-[link button](/components/button/link-button/examples) can't be customized to fit your needs.
-
 ## Default
 
 Anchor is unstyled besides a default underline and consistent Atlassian Design System focus styles.

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

@@ -23,7 +23,7 @@ var _useId = require("@atlaskit/ds-lib/use-id");
 var _interactionContext = _interopRequireDefault(require("@atlaskit/interaction-context"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
 var _focusable = _interopRequireDefault(require("./focusable"));
-var _excluded = ["href", "children", "onClick", "interactionName", "componentName", "analyticsContext", "aria-label", "aria-labelledby", "style", "target", "testId", "xcss", "opensInNewWindowLabel"],
+var _excluded = ["href", "children", "onClick", "interactionName", "componentName", "analyticsContext", "aria-label", "aria-labelledby", "style", "target", "testId", "xcss", "newWindowLabel"],
   _excluded2 = ["className"];
 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" != _typeof3(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; }
@@ -56,8 +56,8 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     target = _ref.target,
     testId = _ref.testId,
     xcss = _ref.xcss,
-    _ref$opensInNewWindow = _ref.opensInNewWindowLabel,
-    opensInNewWindowLabel = _ref$opensInNewWindow === void 0 ? '(opens new window)' : _ref$opensInNewWindow,
+    _ref$newWindowLabel = _ref.newWindowLabel,
+    newWindowLabel = _ref$newWindowLabel === void 0 ? '(opens new window)' : _ref$newWindowLabel,
     htmlAttributes = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var interactionContext = (0, _react.useContext)(_interactionContext.default);
   var handleClick = (0, _react.useCallback)(function (e, analyticsEvent) {
@@ -70,7 +70,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.3",
+    packageVersion: "13.3.4",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -110,7 +110,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     href: !isRouterLink && typeof href !== 'string' ? undefined : href,
     target: target,
     onClick: onClick,
-    "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? "".concat(ariaLabel, " ").concat(opensInNewWindowLabel) : ariaLabel,
+    "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? "".concat(ariaLabel, " , ").concat(newWindowLabel) : ariaLabel,
     "aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
     ,
@@ -119,7 +119,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
   }), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && /*#__PURE__*/React.createElement(_visuallyHidden.default, {
     id: opensNewWindowLabelId
-  }, opensInNewWindowLabel));
+  }, newWindowLabel));
 };
 
 // Workarounds to support generic types with forwardRef

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

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

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

@@ -41,7 +41,7 @@ const AnchorNoRef = ({
   target,
   testId,
   xcss,
-  opensInNewWindowLabel = '(opens new window)',
+  newWindowLabel = '(opens new window)',
   ...htmlAttributes
 }, ref) => {
   const interactionContext = useContext(InteractionContext);
@@ -55,7 +55,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.3",
+    packageVersion: "13.3.4",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -97,7 +97,7 @@ const AnchorNoRef = ({
     href: !isRouterLink && typeof href !== 'string' ? undefined : href,
     target: target,
     onClick: onClick,
-    "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? `${ariaLabel} ${opensInNewWindowLabel}` : ariaLabel,
+    "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? `${ariaLabel} , ${newWindowLabel}` : ariaLabel,
     "aria-labelledby": ariaLabelledBy && target === '_blank' ? `${ariaLabelledBy} ${opensNewWindowLabelId}` : ariaLabelledBy
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
     ,
@@ -106,7 +106,7 @@ const AnchorNoRef = ({
     "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
   }), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && /*#__PURE__*/React.createElement(VisuallyHidden, {
     id: opensNewWindowLabelId
-  }, opensInNewWindowLabel));
+  }, newWindowLabel));
 };
 
 // Workarounds to support generic types with forwardRef

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

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

package/dist/es2019/components/anchor.js

@@ -90,7 +90,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.3",
+    packageVersion: "13.3.4",
     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: "13.3.3",
+    packageVersion: "13.3.4",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

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

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _typeof from "@babel/runtime/helpers/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["href", "children", "onClick", "interactionName", "componentName", "analyticsContext", "aria-label", "aria-labelledby", "style", "target", "testId", "xcss", "opensInNewWindowLabel"],
+var _excluded = ["href", "children", "onClick", "interactionName", "componentName", "analyticsContext", "aria-label", "aria-labelledby", "style", "target", "testId", "xcss", "newWindowLabel"],
   _excluded2 = ["className"];
 import "./anchor.compiled.css";
 import * as React from 'react';
@@ -46,8 +46,8 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     target = _ref.target,
     testId = _ref.testId,
     xcss = _ref.xcss,
-    _ref$opensInNewWindow = _ref.opensInNewWindowLabel,
-    opensInNewWindowLabel = _ref$opensInNewWindow === void 0 ? '(opens new window)' : _ref$opensInNewWindow,
+    _ref$newWindowLabel = _ref.newWindowLabel,
+    newWindowLabel = _ref$newWindowLabel === void 0 ? '(opens new window)' : _ref$newWindowLabel,
     htmlAttributes = _objectWithoutProperties(_ref, _excluded);
   var interactionContext = useContext(InteractionContext);
   var handleClick = useCallback(function (e, analyticsEvent) {
@@ -60,7 +60,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "13.3.3",
+    packageVersion: "13.3.4",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -100,7 +100,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     href: !isRouterLink && typeof href !== 'string' ? undefined : href,
     target: target,
     onClick: onClick,
-    "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? "".concat(ariaLabel, " ").concat(opensInNewWindowLabel) : ariaLabel,
+    "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? "".concat(ariaLabel, " , ").concat(newWindowLabel) : ariaLabel,
     "aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- TODO: We need to handle pass-through `xcss` => `xcss` here.
     ,
@@ -109,7 +109,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
   }), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && /*#__PURE__*/React.createElement(VisuallyHidden, {
     id: opensNewWindowLabelId
-  }, opensInNewWindowLabel));
+  }, newWindowLabel));
 };
 
 // Workarounds to support generic types with forwardRef

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

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

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

@@ -31,7 +31,7 @@ type BaseAnchorProps = {
      * Override the default text to signify that a link opens in a new window.
      * This is appended to the `aria-label` attribute when the `target` prop is set to `_blank`.
      */
-    opensInNewWindowLabel?: string;
+    newWindowLabel?: string;
     /**
      * Forwarded ref.
      */
@@ -47,7 +47,7 @@ export type AnchorProps<RouterLinkConfig extends Record<string, any> = never> =
  * - [Code](https://atlassian.design/components/primitives/anchor/code)
  * - [Usage](https://atlassian.design/components/primitives/anchor/usage)
  */
-declare const AnchorNoRef: <RouterLinkConfig extends Record<string, any> = never>({ href, children, onClick: providedOnClick, interactionName, componentName, analyticsContext, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, style, target, testId, xcss, opensInNewWindowLabel, ...htmlAttributes }: AnchorProps<RouterLinkConfig>, ref?: Ref<HTMLAnchorElement>) => JSX.Element;
+declare const AnchorNoRef: <RouterLinkConfig extends Record<string, any> = never>({ href, children, onClick: providedOnClick, interactionName, componentName, analyticsContext, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, style, target, testId, xcss, newWindowLabel, ...htmlAttributes }: AnchorProps<RouterLinkConfig>, ref?: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
  * __Anchor__
  *

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

@@ -31,7 +31,7 @@ type BaseAnchorProps = {
      * Override the default text to signify that a link opens in a new window.
      * This is appended to the `aria-label` attribute when the `target` prop is set to `_blank`.
      */
-    opensInNewWindowLabel?: string;
+    newWindowLabel?: string;
     /**
      * Forwarded ref.
      */
@@ -47,7 +47,7 @@ export type AnchorProps<RouterLinkConfig extends Record<string, any> = never> =
  * - [Code](https://atlassian.design/components/primitives/anchor/code)
  * - [Usage](https://atlassian.design/components/primitives/anchor/usage)
  */
-declare const AnchorNoRef: <RouterLinkConfig extends Record<string, any> = never>({ href, children, onClick: providedOnClick, interactionName, componentName, analyticsContext, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, style, target, testId, xcss, opensInNewWindowLabel, ...htmlAttributes }: AnchorProps<RouterLinkConfig>, ref?: Ref<HTMLAnchorElement>) => JSX.Element;
+declare const AnchorNoRef: <RouterLinkConfig extends Record<string, any> = never>({ href, children, onClick: providedOnClick, interactionName, componentName, analyticsContext, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, style, target, testId, xcss, newWindowLabel, ...htmlAttributes }: AnchorProps<RouterLinkConfig>, ref?: Ref<HTMLAnchorElement>) => JSX.Element;
 /**
  * __Anchor__
  *

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "13.3.3",
+	"version": "13.3.4",
 	"description": "Primitives are token-backed low-level building blocks.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"