@atlaskit/button 20.2.2 → 20.2.4
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.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/new-button/variants/shared/use-button-base.js +4 -4
- package/dist/cjs/old-button/shared/button-base.js +1 -1
- package/dist/es2019/new-button/variants/shared/use-button-base.js +3 -3
- package/dist/es2019/old-button/shared/button-base.js +1 -1
- package/dist/esm/new-button/variants/shared/use-button-base.js +3 -3
- package/dist/esm/old-button/shared/button-base.js +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/button
|
|
2
2
|
|
|
3
|
+
## 20.2.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 20.2.3
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#148281](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/148281)
|
|
14
|
+
[`3c4de48168ffe`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3c4de48168ffe) -
|
|
15
|
+
Update the import path of `useId*` from `@atlaskit/ds-lib`
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 20.2.2
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
@@ -9,8 +9,8 @@ exports.default = void 0;
|
|
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
|
|
12
|
-
var _reactUid = require("@atlaskit/ds-lib/react-uid");
|
|
13
12
|
var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-focus"));
|
|
13
|
+
var _useId = require("@atlaskit/ds-lib/use-id");
|
|
14
14
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
15
|
var _primitives = require("@atlaskit/primitives");
|
|
16
16
|
var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
|
|
@@ -59,8 +59,8 @@ var hardCodedButtonStyles = (0, _primitives.xcss)({
|
|
|
59
59
|
paddingBlock: 'space.0'
|
|
60
60
|
});
|
|
61
61
|
var tokenizedButtonStyles = (0, _primitives.xcss)({
|
|
62
|
-
font:
|
|
63
|
-
fontWeight:
|
|
62
|
+
font: 'font.body',
|
|
63
|
+
fontWeight: 'font.weight.medium',
|
|
64
64
|
paddingBlock: 'space.075'
|
|
65
65
|
});
|
|
66
66
|
var defaultInteractiveStyles = (0, _primitives.xcss)({
|
|
@@ -485,7 +485,7 @@ var useButtonBase = function useButtonBase(_ref) {
|
|
|
485
485
|
ariaLabelledBy = _ref.ariaLabelledBy;
|
|
486
486
|
var localRef = (0, _react.useRef)(null);
|
|
487
487
|
var splitButtonContext = (0, _splitButtonContext.useSplitButtonContext)();
|
|
488
|
-
var loadingLabelId = (0,
|
|
488
|
+
var loadingLabelId = (0, _useId.useId)();
|
|
489
489
|
var isSplitButton = Boolean(splitButtonContext);
|
|
490
490
|
var isNavigationSplitButton = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.isNavigationSplitButton) || false;
|
|
491
491
|
var isDefaultAppearanceSplitButton = (splitButtonContext === null || splitButtonContext === void 0 ? void 0 : splitButtonContext.appearance) === 'default';
|
|
@@ -133,7 +133,7 @@ var ButtonBase = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(prop
|
|
|
133
133
|
action: 'clicked',
|
|
134
134
|
componentName: 'button',
|
|
135
135
|
packageName: "@atlaskit/button",
|
|
136
|
-
packageVersion: "20.2.
|
|
136
|
+
packageVersion: "20.2.4",
|
|
137
137
|
analyticsData: analyticsContext
|
|
138
138
|
});
|
|
139
139
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { Fragment, useRef } from 'react';
|
|
2
2
|
import mergeRefs from '@atlaskit/ds-lib/merge-refs';
|
|
3
|
-
import { useId } from '@atlaskit/ds-lib/react-uid';
|
|
4
3
|
import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
|
|
4
|
+
import { useId } from '@atlaskit/ds-lib/use-id';
|
|
5
5
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
6
|
import { Box, xcss } from '@atlaskit/primitives';
|
|
7
7
|
import * as colors from '@atlaskit/theme/colors';
|
|
@@ -46,8 +46,8 @@ const hardCodedButtonStyles = xcss({
|
|
|
46
46
|
paddingBlock: 'space.0'
|
|
47
47
|
});
|
|
48
48
|
const tokenizedButtonStyles = xcss({
|
|
49
|
-
font:
|
|
50
|
-
fontWeight:
|
|
49
|
+
font: 'font.body',
|
|
50
|
+
fontWeight: 'font.weight.medium',
|
|
51
51
|
paddingBlock: 'space.075'
|
|
52
52
|
});
|
|
53
53
|
const defaultInteractiveStyles = xcss({
|
|
@@ -119,7 +119,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref)
|
|
|
119
119
|
action: 'clicked',
|
|
120
120
|
componentName: 'button',
|
|
121
121
|
packageName: "@atlaskit/button",
|
|
122
|
-
packageVersion: "20.2.
|
|
122
|
+
packageVersion: "20.2.4",
|
|
123
123
|
analyticsData: analyticsContext
|
|
124
124
|
});
|
|
125
125
|
|
|
@@ -3,8 +3,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
import React, { Fragment, useRef } from 'react';
|
|
5
5
|
import mergeRefs from '@atlaskit/ds-lib/merge-refs';
|
|
6
|
-
import { useId } from '@atlaskit/ds-lib/react-uid';
|
|
7
6
|
import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
|
|
7
|
+
import { useId } from '@atlaskit/ds-lib/use-id';
|
|
8
8
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
9
|
import { Box, xcss } from '@atlaskit/primitives';
|
|
10
10
|
import * as colors from '@atlaskit/theme/colors';
|
|
@@ -49,8 +49,8 @@ var hardCodedButtonStyles = xcss({
|
|
|
49
49
|
paddingBlock: 'space.0'
|
|
50
50
|
});
|
|
51
51
|
var tokenizedButtonStyles = xcss({
|
|
52
|
-
font:
|
|
53
|
-
fontWeight:
|
|
52
|
+
font: 'font.body',
|
|
53
|
+
fontWeight: 'font.weight.medium',
|
|
54
54
|
paddingBlock: 'space.075'
|
|
55
55
|
});
|
|
56
56
|
var defaultInteractiveStyles = xcss({
|
|
@@ -125,7 +125,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
|
|
|
125
125
|
action: 'clicked',
|
|
126
126
|
componentName: 'button',
|
|
127
127
|
packageName: "@atlaskit/button",
|
|
128
|
-
packageVersion: "20.2.
|
|
128
|
+
packageVersion: "20.2.4",
|
|
129
129
|
analyticsData: analyticsContext
|
|
130
130
|
});
|
|
131
131
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/button",
|
|
3
|
-
"version": "20.2.
|
|
3
|
+
"version": "20.2.4",
|
|
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/"
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
},
|
|
84
84
|
"dependencies": {
|
|
85
85
|
"@atlaskit/analytics-next": "^10.1.0",
|
|
86
|
-
"@atlaskit/ds-lib": "^
|
|
86
|
+
"@atlaskit/ds-lib": "^3.0.0",
|
|
87
87
|
"@atlaskit/focus-ring": "^1.6.0",
|
|
88
88
|
"@atlaskit/icon": "^22.20.0",
|
|
89
89
|
"@atlaskit/interaction-context": "^2.1.0",
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"@atlaskit/spinner": "^16.3.0",
|
|
93
93
|
"@atlaskit/theme": "^13.0.0",
|
|
94
94
|
"@atlaskit/tokens": "^2.0.0",
|
|
95
|
-
"@atlaskit/tooltip": "^18.
|
|
95
|
+
"@atlaskit/tooltip": "^18.8.0",
|
|
96
96
|
"@atlaskit/visually-hidden": "^1.5.0",
|
|
97
97
|
"@babel/runtime": "^7.0.0",
|
|
98
98
|
"@emotion/react": "^11.7.1"
|