@atlaskit/primitives - npm Package Compare versions

Comparing version 11.0.1 to 11.0.2

CHANGELOG.md

 # @atlaskit/primitives
 
+## 11.0.2
+
+### Patch Changes
+
+- [#120336](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/120336)
+  [`62381baf0d2e1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/62381baf0d2e1) -
+  Update 'opens new window' for anchor and link with a nicer AT announcement
+
 ## 11.0.1
@@ -4,0 +12,0 @@

dist/cjs/components/anchor.js

@@ -22,3 +22,3 @@ "use strict";
 var _xcss = require("../xcss/xcss");
-var _excluded = ["href", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "onClick", "interactionName", "componentName", "analyticsContext", "aria-label", "aria-labelledby", "style", "target", "testId", "xcss"],
+var _excluded = ["href", "children", "backgroundColor", "newWindowLabel", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "onClick", "interactionName", "componentName", "analyticsContext", "aria-label", "aria-labelledby", "style", "target", "testId", "xcss"],
   _excluded2 = ["className"];
@@ -57,2 +57,3 @@ /**
 var IS_NON_HTTP_BASED = /^(((mailto|tel|sms):)|(#))/;
+// Comma is added here to add a slight pause between announcing the anchor label and "opens in new window"
 var OPENS_NEW_WINDOW_LABEL = '(opens new window)';
@@ -73,2 +74,3 @@
     backgroundColor = _ref.backgroundColor,
+    newWindowLabel = _ref.newWindowLabel,
     padding = _ref.padding,
@@ -109,3 +111,3 @@ paddingBlock = _ref.paddingBlock,
     packageName: "@atlaskit/primitives",
-    packageVersion: "11.0.1",
+    packageVersion: "11.0.2",
     analyticsData: analyticsContext,
@@ -149,3 +151,4 @@ actionSubject: 'link'
     onClick: onClick,
-    "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? "".concat(ariaLabel, " ").concat(OPENS_NEW_WINDOW_LABEL) : ariaLabel,
+    "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? //`${ariaLabel} ${OPENS_NEW_WINDOW_LABEL}`
+    "".concat(ariaLabel, " , ").concat(newWindowLabel ? newWindowLabel : OPENS_NEW_WINDOW_LABEL) : ariaLabel,
     "aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy,
@@ -175,3 +178,3 @@ css: [baseStyles, focusRingStyles,
     id: opensNewWindowLabelId
-  }, OPENS_NEW_WINDOW_LABEL));
+  }, ", ".concat(newWindowLabel ? newWindowLabel : OPENS_NEW_WINDOW_LABEL)));
 };
@@ -178,0 +181,0 @@

dist/cjs/components/pressable.js

@@ -98,3 +98,3 @@ "use strict";
     packageName: "@atlaskit/primitives",
-    packageVersion: "11.0.1",
+    packageVersion: "11.0.2",
     analyticsData: analyticsContext,
@@ -101,0 +101,0 @@ actionSubject: 'button'

dist/es2019/components/anchor.js

@@ -46,2 +46,3 @@ import _extends from "@babel/runtime/helpers/extends";
 const IS_NON_HTTP_BASED = /^(((mailto|tel|sms):)|(#))/;
+// Comma is added here to add a slight pause between announcing the anchor label and "opens in new window"
 const OPENS_NEW_WINDOW_LABEL = '(opens new window)';
@@ -62,2 +63,3 @@
   backgroundColor,
+  newWindowLabel,
   padding,
@@ -98,3 +100,3 @@ paddingBlock,
     packageName: "@atlaskit/primitives",
-    packageVersion: "11.0.1",
+    packageVersion: "11.0.2",
     analyticsData: analyticsContext,
@@ -140,3 +142,5 @@ actionSubject: 'link'
     onClick: onClick,
-    "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? `${ariaLabel} ${OPENS_NEW_WINDOW_LABEL}` : ariaLabel,
+    "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ?
+    //`${ariaLabel} ${OPENS_NEW_WINDOW_LABEL}`
+    `${ariaLabel} , ${newWindowLabel ? newWindowLabel : OPENS_NEW_WINDOW_LABEL}` : ariaLabel,
     "aria-labelledby": ariaLabelledBy && target === '_blank' ? `${ariaLabelledBy} ${opensNewWindowLabelId}` : ariaLabelledBy,
@@ -166,3 +170,3 @@ css: [baseStyles, focusRingStyles,
     id: opensNewWindowLabelId
-  }, OPENS_NEW_WINDOW_LABEL));
+  }, `, ${newWindowLabel ? newWindowLabel : OPENS_NEW_WINDOW_LABEL}`));
 };
@@ -169,0 +173,0 @@

dist/es2019/components/pressable.js

@@ -88,3 +88,3 @@ import _extends from "@babel/runtime/helpers/extends";
     packageName: "@atlaskit/primitives",
-    packageVersion: "11.0.1",
+    packageVersion: "11.0.2",
     analyticsData: analyticsContext,
@@ -91,0 +91,0 @@ actionSubject: 'button'

dist/esm/components/anchor.js

 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", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "onClick", "interactionName", "componentName", "analyticsContext", "aria-label", "aria-labelledby", "style", "target", "testId", "xcss"],
+var _excluded = ["href", "children", "backgroundColor", "newWindowLabel", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "onClick", "interactionName", "componentName", "analyticsContext", "aria-label", "aria-labelledby", "style", "target", "testId", "xcss"],
   _excluded2 = ["className"];
@@ -50,2 +50,3 @@ /**
 var IS_NON_HTTP_BASED = /^(((mailto|tel|sms):)|(#))/;
+// Comma is added here to add a slight pause between announcing the anchor label and "opens in new window"
 var OPENS_NEW_WINDOW_LABEL = '(opens new window)';
@@ -66,2 +67,3 @@
     backgroundColor = _ref.backgroundColor,
+    newWindowLabel = _ref.newWindowLabel,
     padding = _ref.padding,
@@ -102,3 +104,3 @@ paddingBlock = _ref.paddingBlock,
     packageName: "@atlaskit/primitives",
-    packageVersion: "11.0.1",
+    packageVersion: "11.0.2",
     analyticsData: analyticsContext,
@@ -142,3 +144,4 @@ actionSubject: 'link'
     onClick: onClick,
-    "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? "".concat(ariaLabel, " ").concat(OPENS_NEW_WINDOW_LABEL) : ariaLabel,
+    "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? //`${ariaLabel} ${OPENS_NEW_WINDOW_LABEL}`
+    "".concat(ariaLabel, " , ").concat(newWindowLabel ? newWindowLabel : OPENS_NEW_WINDOW_LABEL) : ariaLabel,
     "aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy,
@@ -168,3 +171,3 @@ css: [baseStyles, focusRingStyles,
     id: opensNewWindowLabelId
-  }, OPENS_NEW_WINDOW_LABEL));
+  }, ", ".concat(newWindowLabel ? newWindowLabel : OPENS_NEW_WINDOW_LABEL)));
 };
@@ -171,0 +174,0 @@

dist/esm/components/pressable.js

@@ -92,3 +92,3 @@ import _extends from "@babel/runtime/helpers/extends";
     packageName: "@atlaskit/primitives",
-    packageVersion: "11.0.1",
+    packageVersion: "11.0.2",
     analyticsData: analyticsContext,
@@ -95,0 +95,0 @@ actionSubject: 'button'

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

@@ -37,2 +37,6 @@ /**
     /**
+     * Use this to set a label for assistive technology that describes the link as opening in a new window. The default label is "(opens new window)".
+     */
+    newWindowLabel?: string;
+    /**
      * Tokens representing CSS shorthand for `paddingBlock` and `paddingInline` together.
@@ -89,3 +93,3 @@ *
  */
-declare const AnchorNoRef: <RouterLinkConfig extends Record<string, any> = never>({ href, children, backgroundColor, padding, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingInline, paddingInlineStart, paddingInlineEnd, onClick: providedOnClick, interactionName, componentName, analyticsContext, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, style, target, testId, xcss, ...htmlAttributes }: AnchorProps<RouterLinkConfig>, ref?: Ref<HTMLAnchorElement>) => jsx.JSX.Element;
+declare const AnchorNoRef: <RouterLinkConfig extends Record<string, any> = never>({ href, children, backgroundColor, newWindowLabel, padding, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingInline, paddingInlineStart, paddingInlineEnd, onClick: providedOnClick, interactionName, componentName, analyticsContext, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, style, target, testId, xcss, ...htmlAttributes }: AnchorProps<RouterLinkConfig>, ref?: Ref<HTMLAnchorElement>) => jsx.JSX.Element;
 /**
@@ -92,0 +96,0 @@ * __Anchor__

dist/types/components/anchor.d.ts

@@ -37,2 +37,6 @@ /**
     /**
+     * Use this to set a label for assistive technology that describes the link as opening in a new window. The default label is "(opens new window)".
+     */
+    newWindowLabel?: string;
+    /**
      * Tokens representing CSS shorthand for `paddingBlock` and `paddingInline` together.
@@ -89,3 +93,3 @@ *
  */
-declare const AnchorNoRef: <RouterLinkConfig extends Record<string, any> = never>({ href, children, backgroundColor, padding, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingInline, paddingInlineStart, paddingInlineEnd, onClick: providedOnClick, interactionName, componentName, analyticsContext, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, style, target, testId, xcss, ...htmlAttributes }: AnchorProps<RouterLinkConfig>, ref?: Ref<HTMLAnchorElement>) => jsx.JSX.Element;
+declare const AnchorNoRef: <RouterLinkConfig extends Record<string, any> = never>({ href, children, backgroundColor, newWindowLabel, padding, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingInline, paddingInlineStart, paddingInlineEnd, onClick: providedOnClick, interactionName, componentName, analyticsContext, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, style, target, testId, xcss, ...htmlAttributes }: AnchorProps<RouterLinkConfig>, ref?: Ref<HTMLAnchorElement>) => jsx.JSX.Element;
 /**
@@ -92,0 +96,0 @@ * __Anchor__

package.json

 {
 	"name": "@atlaskit/primitives",
-	"version": "11.0.1",
+	"version": "11.0.2",
 	"description": "Primitives are token-backed low-level building blocks.",
@@ -5,0 +5,0 @@ "publishConfig": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1896099

increased by0.08%

Lines of code

15706

increased by0.11%

No dependency changes