@atlaskit/button 17.3.2 → 17.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/new-button/variants/icon/button.js +2 -1
  3. package/dist/cjs/new-button/variants/icon/link.js +2 -1
  4. package/dist/cjs/new-button/variants/shared/colors.js +16 -8
  5. package/dist/cjs/new-button/variants/shared/use-button-base.js +1 -1
  6. package/dist/cjs/old-button/shared/button-base.js +1 -1
  7. package/dist/es2019/new-button/variants/icon/button.js +2 -0
  8. package/dist/es2019/new-button/variants/icon/link.js +2 -0
  9. package/dist/es2019/new-button/variants/shared/colors.js +16 -8
  10. package/dist/es2019/new-button/variants/shared/use-button-base.js +1 -1
  11. package/dist/es2019/old-button/shared/button-base.js +1 -1
  12. package/dist/esm/new-button/variants/icon/button.js +2 -1
  13. package/dist/esm/new-button/variants/icon/link.js +2 -1
  14. package/dist/esm/new-button/variants/shared/colors.js +16 -8
  15. package/dist/esm/new-button/variants/shared/use-button-base.js +1 -1
  16. package/dist/esm/old-button/shared/button-base.js +1 -1
  17. package/dist/types/new-button/variants/icon/link.d.ts +1 -1
  18. package/dist/types/new-button/variants/icon/types.d.ts +1 -0
  19. package/dist/types-ts4.5/new-button/variants/icon/link.d.ts +1 -1
  20. package/dist/types-ts4.5/new-button/variants/icon/types.d.ts +1 -0
  21. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/button
2
2
 
3
+ ## 17.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#75714](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/75714) [`ba18e89df3d9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ba18e89df3d9) - Icon buttons no longer accept `aria-label` attributes to prevent possible duplicate labels being applied (the dedicated `label` prop handles this)
8
+
9
+ ## 17.4.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [#72130](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72130) [`b037e5451037`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b037e5451037) - Update new button text color fallback for default theme (non-token) to match that of old button current text color
14
+
3
15
  ## 17.3.2
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/new-button/variants/icon/button.js CHANGED
@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
  var _pressable = _interopRequireDefault(require("@atlaskit/primitives/pressable"));
12
12
  var _useIconButton = _interopRequireDefault(require("./use-icon-button"));
13
- var _excluded = ["analyticsContext", "autoFocus", "appearance", "spacing", "isDisabled", "isSelected", "icon", "interactionName", "label", "overlay", "onClick", "onMouseDownCapture", "onMouseUpCapture", "onKeyDownCapture", "onKeyUpCapture", "onTouchStartCapture", "onTouchEndCapture", "onPointerDownCapture", "onPointerUpCapture", "onClickCapture", "shape", "type", "testId", "UNSAFE_size"];
13
+ var _excluded = ["analyticsContext", "autoFocus", "appearance", "spacing", "isDisabled", "isSelected", "icon", "interactionName", "label", "overlay", "onClick", "onMouseDownCapture", "onMouseUpCapture", "onKeyDownCapture", "onKeyUpCapture", "onTouchStartCapture", "onTouchEndCapture", "onPointerDownCapture", "onPointerUpCapture", "onClickCapture", "shape", "type", "testId", "UNSAFE_size", "aria-label"];
14
14
  /**
15
15
  * __Icon Button__
16
16
  *
@@ -46,6 +46,7 @@ var IconButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
46
46
  type = _ref$type === void 0 ? 'button' : _ref$type,
47
47
  testId = _ref.testId,
48
48
  UNSAFE_size = _ref.UNSAFE_size,
49
+ preventedAriaLabel = _ref['aria-label'],
49
50
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
50
51
  /**
51
52
  * TODO: At some stage I'll look into re-using more logic across 'default' and 'icon'
package/dist/cjs/new-button/variants/icon/link.js CHANGED
@@ -11,7 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _link = _interopRequireDefault(require("@atlaskit/primitives/link"));
13
13
  var _useIconButton = _interopRequireDefault(require("./use-icon-button"));
14
- var _excluded = ["analyticsContext", "autoFocus", "appearance", "spacing", "isDisabled", "isSelected", "icon", "interactionName", "label", "overlay", "onClick", "onMouseDownCapture", "onMouseUpCapture", "onKeyDownCapture", "onKeyUpCapture", "onTouchStartCapture", "onTouchEndCapture", "onPointerDownCapture", "onPointerUpCapture", "onClickCapture", "shape", "testId", "UNSAFE_size", "href"];
14
+ var _excluded = ["analyticsContext", "autoFocus", "appearance", "spacing", "isDisabled", "isSelected", "icon", "interactionName", "label", "overlay", "onClick", "onMouseDownCapture", "onMouseUpCapture", "onKeyDownCapture", "onKeyUpCapture", "onTouchStartCapture", "onTouchEndCapture", "onPointerDownCapture", "onPointerUpCapture", "onClickCapture", "shape", "testId", "UNSAFE_size", "href", "aria-label"];
15
15
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
16
16
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
17
  var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
@@ -39,6 +39,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
39
39
  testId = _ref.testId,
40
40
  UNSAFE_size = _ref.UNSAFE_size,
41
41
  href = _ref.href,
42
+ preventedAriaLabel = _ref['aria-label'],
42
43
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
43
44
  var baseProps = (0, _useIconButton.default)({
44
45
  analyticsContext: analyticsContext,
package/dist/cjs/new-button/variants/shared/colors.js CHANGED
@@ -77,8 +77,10 @@ var values = {
77
77
  },
78
78
  color: {
79
79
  default: {
80
- default: 'color.text',
81
- active: 'color.text',
80
+ // @ts-expect-error
81
+ default: "var(--ds-text, ".concat(colors.N500, ")"),
82
+ // @ts-expect-error
83
+ active: "var(--ds-text, ".concat(colors.B400, ")"),
82
84
  disabled: 'color.text.disabled',
83
85
  // @ts-expect-error
84
86
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
@@ -103,23 +105,29 @@ var values = {
103
105
  },
104
106
  link: {
105
107
  default: 'color.link',
106
- hover: 'color.link',
108
+ // @ts-expect-error
109
+ hover: "var(--ds-link, ".concat(colors.B300, ")"),
107
110
  active: 'color.link.pressed',
108
111
  disabled: 'color.text.disabled',
109
112
  // @ts-expect-error
110
113
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
111
114
  },
112
115
  subtle: {
113
- default: 'color.text',
114
- active: 'color.text',
116
+ // @ts-expect-error
117
+ default: "var(--ds-text, ".concat(colors.N500, ")"),
118
+ // @ts-expect-error
119
+ active: "var(--ds-text, ".concat(colors.B400, ")"),
115
120
  disabled: 'color.text.disabled',
116
121
  // @ts-expect-error
117
122
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
118
123
  },
119
124
  'subtle-link': {
120
- default: 'color.text.subtle',
121
- hover: 'color.text.subtle',
122
- active: 'color.text',
125
+ // @ts-expect-error
126
+ default: "var(--ds-text-subtle, ".concat(colors.N200, ")"),
127
+ // @ts-expect-error
128
+ hover: "var(--ds-text-subtle, ".concat(colors.N90, ")"),
129
+ // @ts-expect-error
130
+ active: "var(--ds-text, ".concat(colors.N400, ")"),
123
131
  disabled: 'color.text.disabled',
124
132
  // @ts-expect-error
125
133
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
package/dist/cjs/new-button/variants/shared/use-button-base.js CHANGED
@@ -117,7 +117,7 @@ var useButtonBase = function useButtonBase(_ref) {
117
117
  action: 'clicked',
118
118
  componentName: 'button',
119
119
  packageName: "@atlaskit/button",
120
- packageVersion: "17.3.2",
120
+ packageVersion: "17.5.0",
121
121
  analyticsData: analyticsContext,
122
122
  actionSubject: buttonType
123
123
  });
package/dist/cjs/old-button/shared/button-base.js CHANGED
@@ -117,7 +117,7 @@ var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function
117
117
  action: 'clicked',
118
118
  componentName: 'button',
119
119
  packageName: "@atlaskit/button",
120
- packageVersion: "17.3.2",
120
+ packageVersion: "17.5.0",
121
121
  analyticsData: analyticsContext
122
122
  });
123
123
 
package/dist/es2019/new-button/variants/icon/button.js CHANGED
@@ -36,6 +36,8 @@ const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
36
36
  type = 'button',
37
37
  testId,
38
38
  UNSAFE_size,
39
+ // Prevent duplicate labels being added.
40
+ 'aria-label': preventedAriaLabel,
39
41
  ...rest
40
42
  }, ref) {
41
43
  /**
package/dist/es2019/new-button/variants/icon/link.js CHANGED
@@ -27,6 +27,8 @@ const LinkIconButtonBase = ({
27
27
  testId,
28
28
  UNSAFE_size,
29
29
  href,
30
+ // Prevent duplicate labels being added.
31
+ 'aria-label': preventedAriaLabel,
30
32
  ...rest
31
33
  }, ref) => {
32
34
  const baseProps = useIconButton({
package/dist/es2019/new-button/variants/shared/colors.js CHANGED
@@ -68,8 +68,10 @@ const values = {
68
68
  },
69
69
  color: {
70
70
  default: {
71
- default: 'color.text',
72
- active: 'color.text',
71
+ // @ts-expect-error
72
+ default: `var(--ds-text, ${colors.N500})`,
73
+ // @ts-expect-error
74
+ active: `var(--ds-text, ${colors.B400})`,
73
75
  disabled: 'color.text.disabled',
74
76
  // @ts-expect-error
75
77
  selected: `var(--ds-text-selected, ${colors.N20})`
@@ -94,23 +96,29 @@ const values = {
94
96
  },
95
97
  link: {
96
98
  default: 'color.link',
97
- hover: 'color.link',
99
+ // @ts-expect-error
100
+ hover: `var(--ds-link, ${colors.B300})`,
98
101
  active: 'color.link.pressed',
99
102
  disabled: 'color.text.disabled',
100
103
  // @ts-expect-error
101
104
  selected: `var(--ds-text-selected, ${colors.N20})`
102
105
  },
103
106
  subtle: {
104
- default: 'color.text',
105
- active: 'color.text',
107
+ // @ts-expect-error
108
+ default: `var(--ds-text, ${colors.N500})`,
109
+ // @ts-expect-error
110
+ active: `var(--ds-text, ${colors.B400})`,
106
111
  disabled: 'color.text.disabled',
107
112
  // @ts-expect-error
108
113
  selected: `var(--ds-text-selected, ${colors.N20})`
109
114
  },
110
115
  'subtle-link': {
111
- default: 'color.text.subtle',
112
- hover: 'color.text.subtle',
113
- active: 'color.text',
116
+ // @ts-expect-error
117
+ default: `var(--ds-text-subtle, ${colors.N200})`,
118
+ // @ts-expect-error
119
+ hover: `var(--ds-text-subtle, ${colors.N90})`,
120
+ // @ts-expect-error
121
+ active: `var(--ds-text, ${colors.N400})`,
114
122
  disabled: 'color.text.disabled',
115
123
  // @ts-expect-error
116
124
  selected: `var(--ds-text-selected, ${colors.N20})`
package/dist/es2019/new-button/variants/shared/use-button-base.js CHANGED
@@ -98,7 +98,7 @@ const useButtonBase = ({
98
98
  action: 'clicked',
99
99
  componentName: 'button',
100
100
  packageName: "@atlaskit/button",
101
- packageVersion: "17.3.2",
101
+ packageVersion: "17.5.0",
102
102
  analyticsData: analyticsContext,
103
103
  actionSubject: buttonType
104
104
  });
package/dist/es2019/old-button/shared/button-base.js CHANGED
@@ -102,7 +102,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
102
102
  action: 'clicked',
103
103
  componentName: 'button',
104
104
  packageName: "@atlaskit/button",
105
- packageVersion: "17.3.2",
105
+ packageVersion: "17.5.0",
106
106
  analyticsData: analyticsContext
107
107
  });
108
108
 
package/dist/esm/new-button/variants/icon/button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["analyticsContext", "autoFocus", "appearance", "spacing", "isDisabled", "isSelected", "icon", "interactionName", "label", "overlay", "onClick", "onMouseDownCapture", "onMouseUpCapture", "onKeyDownCapture", "onKeyUpCapture", "onTouchStartCapture", "onTouchEndCapture", "onPointerDownCapture", "onPointerUpCapture", "onClickCapture", "shape", "type", "testId", "UNSAFE_size"];
3
+ var _excluded = ["analyticsContext", "autoFocus", "appearance", "spacing", "isDisabled", "isSelected", "icon", "interactionName", "label", "overlay", "onClick", "onMouseDownCapture", "onMouseUpCapture", "onKeyDownCapture", "onKeyUpCapture", "onTouchStartCapture", "onTouchEndCapture", "onPointerDownCapture", "onPointerUpCapture", "onClickCapture", "shape", "type", "testId", "UNSAFE_size", "aria-label"];
4
4
  import React from 'react';
5
5
  import UNSAFE_PRESSABLE from '@atlaskit/primitives/pressable';
6
6
  import useIconButton from './use-icon-button';
@@ -39,6 +39,7 @@ var IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
39
39
  type = _ref$type === void 0 ? 'button' : _ref$type,
40
40
  testId = _ref.testId,
41
41
  UNSAFE_size = _ref.UNSAFE_size,
42
+ preventedAriaLabel = _ref['aria-label'],
42
43
  rest = _objectWithoutProperties(_ref, _excluded);
43
44
  /**
44
45
  * TODO: At some stage I'll look into re-using more logic across 'default' and 'icon'
package/dist/esm/new-button/variants/icon/link.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["analyticsContext", "autoFocus", "appearance", "spacing", "isDisabled", "isSelected", "icon", "interactionName", "label", "overlay", "onClick", "onMouseDownCapture", "onMouseUpCapture", "onKeyDownCapture", "onKeyUpCapture", "onTouchStartCapture", "onTouchEndCapture", "onPointerDownCapture", "onPointerUpCapture", "onClickCapture", "shape", "testId", "UNSAFE_size", "href"];
3
+ var _excluded = ["analyticsContext", "autoFocus", "appearance", "spacing", "isDisabled", "isSelected", "icon", "interactionName", "label", "overlay", "onClick", "onMouseDownCapture", "onMouseUpCapture", "onKeyDownCapture", "onKeyUpCapture", "onTouchStartCapture", "onTouchEndCapture", "onPointerDownCapture", "onPointerUpCapture", "onClickCapture", "shape", "testId", "UNSAFE_size", "href", "aria-label"];
4
4
  import React, { forwardRef, memo } from 'react';
5
5
  import UNSAFE_LINK from '@atlaskit/primitives/link';
6
6
  import useIconButton from './use-icon-button';
@@ -29,6 +29,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
29
29
  testId = _ref.testId,
30
30
  UNSAFE_size = _ref.UNSAFE_size,
31
31
  href = _ref.href,
32
+ preventedAriaLabel = _ref['aria-label'],
32
33
  rest = _objectWithoutProperties(_ref, _excluded);
33
34
  var baseProps = useIconButton({
34
35
  analyticsContext: analyticsContext,
package/dist/esm/new-button/variants/shared/colors.js CHANGED
@@ -68,8 +68,10 @@ var values = {
68
68
  },
69
69
  color: {
70
70
  default: {
71
- default: 'color.text',
72
- active: 'color.text',
71
+ // @ts-expect-error
72
+ default: "var(--ds-text, ".concat(colors.N500, ")"),
73
+ // @ts-expect-error
74
+ active: "var(--ds-text, ".concat(colors.B400, ")"),
73
75
  disabled: 'color.text.disabled',
74
76
  // @ts-expect-error
75
77
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
@@ -94,23 +96,29 @@ var values = {
94
96
  },
95
97
  link: {
96
98
  default: 'color.link',
97
- hover: 'color.link',
99
+ // @ts-expect-error
100
+ hover: "var(--ds-link, ".concat(colors.B300, ")"),
98
101
  active: 'color.link.pressed',
99
102
  disabled: 'color.text.disabled',
100
103
  // @ts-expect-error
101
104
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
102
105
  },
103
106
  subtle: {
104
- default: 'color.text',
105
- active: 'color.text',
107
+ // @ts-expect-error
108
+ default: "var(--ds-text, ".concat(colors.N500, ")"),
109
+ // @ts-expect-error
110
+ active: "var(--ds-text, ".concat(colors.B400, ")"),
106
111
  disabled: 'color.text.disabled',
107
112
  // @ts-expect-error
108
113
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
109
114
  },
110
115
  'subtle-link': {
111
- default: 'color.text.subtle',
112
- hover: 'color.text.subtle',
113
- active: 'color.text',
116
+ // @ts-expect-error
117
+ default: "var(--ds-text-subtle, ".concat(colors.N200, ")"),
118
+ // @ts-expect-error
119
+ hover: "var(--ds-text-subtle, ".concat(colors.N90, ")"),
120
+ // @ts-expect-error
121
+ active: "var(--ds-text, ".concat(colors.N400, ")"),
114
122
  disabled: 'color.text.disabled',
115
123
  // @ts-expect-error
116
124
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
package/dist/esm/new-button/variants/shared/use-button-base.js CHANGED
@@ -109,7 +109,7 @@ var useButtonBase = function useButtonBase(_ref) {
109
109
  action: 'clicked',
110
110
  componentName: 'button',
111
111
  packageName: "@atlaskit/button",
112
- packageVersion: "17.3.2",
112
+ packageVersion: "17.5.0",
113
113
  analyticsData: analyticsContext,
114
114
  actionSubject: buttonType
115
115
  });
package/dist/esm/old-button/shared/button-base.js CHANGED
@@ -108,7 +108,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
108
108
  action: 'clicked',
109
109
  componentName: 'button',
110
110
  packageName: "@atlaskit/button",
111
- packageVersion: "17.3.2",
111
+ packageVersion: "17.5.0",
112
112
  analyticsData: analyticsContext
113
113
  });
114
114
 
package/dist/types/new-button/variants/icon/link.d.ts CHANGED
@@ -2,7 +2,7 @@ import React, { type Ref } from 'react';
2
2
  import { type CommonLinkVariantProps } from '../types';
3
3
  import { type CommonIconButtonProps } from './types';
4
4
  export type LinkIconButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonIconButtonProps & CommonLinkVariantProps<RouterLinkConfig>;
5
- declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ analyticsContext, autoFocus, appearance, spacing, isDisabled, isSelected, icon, interactionName, label, overlay, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, shape, testId, UNSAFE_size, href, ...rest }: LinkIconButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
5
+ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ analyticsContext, autoFocus, appearance, spacing, isDisabled, isSelected, icon, interactionName, label, overlay, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, shape, testId, UNSAFE_size, href, "aria-label": preventedAriaLabel, ...rest }: LinkIconButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
6
6
  /**
7
7
  * __Link Icon Button__
8
8
  *
package/dist/types/new-button/variants/icon/types.d.ts CHANGED
@@ -12,6 +12,7 @@ export type CommonIconButtonProps = {
12
12
  * Provide an accessible label, often used by screen readers.
13
13
  */
14
14
  label: string;
15
+ 'aria-label'?: never;
15
16
  /**
16
17
  * Set the shape of the icon, defaults to square with rounded corners.
17
18
  */
package/dist/types-ts4.5/new-button/variants/icon/link.d.ts CHANGED
@@ -2,7 +2,7 @@ import React, { type Ref } from 'react';
2
2
  import { type CommonLinkVariantProps } from '../types';
3
3
  import { type CommonIconButtonProps } from './types';
4
4
  export type LinkIconButtonProps<RouterLinkConfig extends Record<string, any> = never> = CommonIconButtonProps & CommonLinkVariantProps<RouterLinkConfig>;
5
- declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ analyticsContext, autoFocus, appearance, spacing, isDisabled, isSelected, icon, interactionName, label, overlay, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, shape, testId, UNSAFE_size, href, ...rest }: LinkIconButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
5
+ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any> = never>({ analyticsContext, autoFocus, appearance, spacing, isDisabled, isSelected, icon, interactionName, label, overlay, onClick, onMouseDownCapture, onMouseUpCapture, onKeyDownCapture, onKeyUpCapture, onTouchStartCapture, onTouchEndCapture, onPointerDownCapture, onPointerUpCapture, onClickCapture, shape, testId, UNSAFE_size, href, "aria-label": preventedAriaLabel, ...rest }: LinkIconButtonProps<RouterLinkConfig>, ref: Ref<HTMLAnchorElement>) => JSX.Element;
6
6
  /**
7
7
  * __Link Icon Button__
8
8
  *
package/dist/types-ts4.5/new-button/variants/icon/types.d.ts CHANGED
@@ -12,6 +12,7 @@ export type CommonIconButtonProps = {
12
12
  * Provide an accessible label, often used by screen readers.
13
13
  */
14
14
  label: string;
15
+ 'aria-label'?: never;
15
16
  /**
16
17
  * Set the shape of the icon, defaults to square with rounded corners.
17
18
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "17.3.2",
3
+ "version": "17.5.0",
4
4
  "description": "A button triggers an event or action. They let users know what will happen next.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -85,12 +85,12 @@
85
85
  "@atlaskit/analytics-next": "^9.2.0",
86
86
  "@atlaskit/ds-lib": "^2.2.0",
87
87
  "@atlaskit/focus-ring": "^1.3.0",
88
- "@atlaskit/icon": "^22.0.0",
88
+ "@atlaskit/icon": "^22.1.0",
89
89
  "@atlaskit/interaction-context": "^2.1.0",
90
- "@atlaskit/primitives": "^2.0.0",
90
+ "@atlaskit/primitives": "^2.1.0",
91
91
  "@atlaskit/spinner": "^16.0.0",
92
92
  "@atlaskit/theme": "^12.6.0",
93
- "@atlaskit/tokens": "^1.36.0",
93
+ "@atlaskit/tokens": "^1.38.0",
94
94
  "@atlaskit/visually-hidden": "^1.2.4",
95
95
  "@babel/runtime": "^7.0.0",
96
96
  "@emotion/react": "^11.7.1"