@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 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: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
63
- fontWeight: "var(--ds-font-weight-medium, 500)",
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, _reactUid.useId)();
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.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: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
50
- fontWeight: "var(--ds-font-weight-medium, 500)",
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.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: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
53
- fontWeight: "var(--ds-font-weight-medium, 500)",
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.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.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": "^2.6.0",
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.7.0",
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"