@atlaskit/primitives
Advanced tools
Comparing version 11.0.1 to 11.0.2
# @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 @@ |
@@ -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 @@ |
@@ -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' |
@@ -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 @@ |
@@ -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' |
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 @@ |
@@ -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' |
@@ -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__ |
@@ -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__ |
{ | ||
"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": { |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
1896099
15706