@atlaskit/button 23.10.4 → 23.10.6
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 +17 -0
- package/dist/cjs/old-button/button.js +2 -2
- package/dist/cjs/old-button/shared/button-base.js +2 -3
- package/dist/cjs/utils/variants.js +0 -1
- package/dist/es2019/old-button/button.js +2 -2
- package/dist/es2019/old-button/shared/button-base.js +2 -3
- package/dist/es2019/utils/variants.js +0 -1
- package/dist/esm/old-button/button.js +2 -2
- package/dist/esm/old-button/shared/button-base.js +2 -3
- package/dist/esm/utils/variants.js +0 -1
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/button
|
|
2
2
|
|
|
3
|
+
## 23.10.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`7aef1e49e90ea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7aef1e49e90ea) -
|
|
8
|
+
Removes redundant fallback color values via @atlaskit/theme
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 23.10.5
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`0daada0469ab8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0daada0469ab8) -
|
|
16
|
+
Remove `eslint-disable` comment for `@atlaskit/design-system/no-legacy-icons` rule which no longer
|
|
17
|
+
exists.
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 23.10.4
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -58,7 +58,7 @@ var Button = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
|
|
|
58
58
|
setIsActive = _useState2[1];
|
|
59
59
|
|
|
60
60
|
// Wrap onMouseDown / onMouseUp to manually trigger active state
|
|
61
|
-
//
|
|
61
|
+
// in Firefox
|
|
62
62
|
var onMouseDown = (0, _react.useCallback)(function (event) {
|
|
63
63
|
providedOnMouseDown(event);
|
|
64
64
|
if (isFirefox) {
|
|
@@ -86,7 +86,7 @@ var Button = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
|
|
|
86
86
|
buttonCss: buttonCss,
|
|
87
87
|
children: children
|
|
88
88
|
// Due to how click events are set, we need to set active styles
|
|
89
|
-
//
|
|
89
|
+
// manually in Firefox and wrap onMouseDown/onMouseUp
|
|
90
90
|
,
|
|
91
91
|
"data-firefox-is-active": isActive ? true : undefined,
|
|
92
92
|
iconAfter: iconAfter,
|
|
@@ -15,7 +15,6 @@ var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
|
15
15
|
var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-focus"));
|
|
16
16
|
var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
|
|
17
17
|
var _interactionContext = _interopRequireDefault(require("@atlaskit/interaction-context"));
|
|
18
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
19
18
|
var _blockEvents = _interopRequireDefault(require("./block-events"));
|
|
20
19
|
var _css = require("./css");
|
|
21
20
|
var _getIfVisuallyHiddenChildren = require("./get-if-visually-hidden-children");
|
|
@@ -132,7 +131,7 @@ var ButtonBase = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(prop
|
|
|
132
131
|
action: 'clicked',
|
|
133
132
|
componentName: 'button',
|
|
134
133
|
packageName: "@atlaskit/button",
|
|
135
|
-
packageVersion: "
|
|
134
|
+
packageVersion: "23.10.6",
|
|
136
135
|
analyticsData: analyticsContext
|
|
137
136
|
});
|
|
138
137
|
|
|
@@ -167,7 +166,7 @@ var ButtonBase = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(prop
|
|
|
167
166
|
if (isSelected || isDisabled || appearance === 'warning') {
|
|
168
167
|
spinnerHackCss = {
|
|
169
168
|
'[data-theme] & circle': {
|
|
170
|
-
stroke: "".concat(isSelected || isDisabled ? "var(--ds-icon-subtle,
|
|
169
|
+
stroke: "".concat(isSelected || isDisabled ? "var(--ds-icon-subtle, #505258)" : "var(--ds-icon-warning-inverse, #292A2E)", " !important")
|
|
171
170
|
}
|
|
172
171
|
};
|
|
173
172
|
}
|
|
@@ -19,7 +19,6 @@ var _spacing = require("./spacing");
|
|
|
19
19
|
var _excluded = ["href", "children"],
|
|
20
20
|
_excluded2 = ["icon", "label"],
|
|
21
21
|
_excluded3 = ["href", "icon", "label"];
|
|
22
|
-
/* eslint-disable @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20398 */
|
|
23
22
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
24
23
|
var iconButtonShapes = exports.iconButtonShapes = ['default', 'circle'];
|
|
25
24
|
// Add required default props to variants
|
|
@@ -41,7 +41,7 @@ const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function B
|
|
|
41
41
|
const [isActive, setIsActive] = useState(false);
|
|
42
42
|
|
|
43
43
|
// Wrap onMouseDown / onMouseUp to manually trigger active state
|
|
44
|
-
//
|
|
44
|
+
// in Firefox
|
|
45
45
|
const onMouseDown = useCallback(event => {
|
|
46
46
|
providedOnMouseDown(event);
|
|
47
47
|
if (isFirefox) {
|
|
@@ -67,7 +67,7 @@ const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function B
|
|
|
67
67
|
buttonCss: buttonCss,
|
|
68
68
|
children: children
|
|
69
69
|
// Due to how click events are set, we need to set active styles
|
|
70
|
-
//
|
|
70
|
+
// manually in Firefox and wrap onMouseDown/onMouseUp
|
|
71
71
|
,
|
|
72
72
|
"data-firefox-is-active": isActive ? true : undefined,
|
|
73
73
|
iconAfter: iconAfter,
|
|
@@ -14,7 +14,6 @@ import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
|
|
|
14
14
|
import FocusRing from '@atlaskit/focus-ring';
|
|
15
15
|
// eslint-disable-next-line no-duplicate-imports
|
|
16
16
|
import InteractionContext from '@atlaskit/interaction-context';
|
|
17
|
-
import { N500 } from '@atlaskit/theme/colors';
|
|
18
17
|
import blockEvents from './block-events';
|
|
19
18
|
import { getContentStyle, getFadingCss, getIconStyle, overlayCss } from './css';
|
|
20
19
|
import { getIfVisuallyHiddenChildren } from './get-if-visually-hidden-children';
|
|
@@ -119,7 +118,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref)
|
|
|
119
118
|
action: 'clicked',
|
|
120
119
|
componentName: 'button',
|
|
121
120
|
packageName: "@atlaskit/button",
|
|
122
|
-
packageVersion: "
|
|
121
|
+
packageVersion: "23.10.6",
|
|
123
122
|
analyticsData: analyticsContext
|
|
124
123
|
});
|
|
125
124
|
|
|
@@ -154,7 +153,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref)
|
|
|
154
153
|
if (isSelected || isDisabled || appearance === 'warning') {
|
|
155
154
|
spinnerHackCss = {
|
|
156
155
|
'[data-theme] & circle': {
|
|
157
|
-
stroke: `${isSelected || isDisabled ?
|
|
156
|
+
stroke: `${isSelected || isDisabled ? "var(--ds-icon-subtle, #505258)" : "var(--ds-icon-warning-inverse, #292A2E)"} !important`
|
|
158
157
|
}
|
|
159
158
|
};
|
|
160
159
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
/* eslint-disable @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20398 */
|
|
3
2
|
import React, { forwardRef } from 'react';
|
|
4
3
|
import StarStarredIcon from '@atlaskit/icon/core/star-starred';
|
|
5
4
|
import Button from '../new-button/variants/default/button';
|
|
@@ -52,7 +52,7 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function But
|
|
|
52
52
|
setIsActive = _useState2[1];
|
|
53
53
|
|
|
54
54
|
// Wrap onMouseDown / onMouseUp to manually trigger active state
|
|
55
|
-
//
|
|
55
|
+
// in Firefox
|
|
56
56
|
var onMouseDown = useCallback(function (event) {
|
|
57
57
|
providedOnMouseDown(event);
|
|
58
58
|
if (isFirefox) {
|
|
@@ -80,7 +80,7 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function But
|
|
|
80
80
|
buttonCss: buttonCss,
|
|
81
81
|
children: children
|
|
82
82
|
// Due to how click events are set, we need to set active styles
|
|
83
|
-
//
|
|
83
|
+
// manually in Firefox and wrap onMouseDown/onMouseUp
|
|
84
84
|
,
|
|
85
85
|
"data-firefox-is-active": isActive ? true : undefined,
|
|
86
86
|
iconAfter: iconAfter,
|
|
@@ -16,7 +16,6 @@ import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
|
|
|
16
16
|
import FocusRing from '@atlaskit/focus-ring';
|
|
17
17
|
// eslint-disable-next-line no-duplicate-imports
|
|
18
18
|
import InteractionContext from '@atlaskit/interaction-context';
|
|
19
|
-
import { N500 } from '@atlaskit/theme/colors';
|
|
20
19
|
import blockEvents from './block-events';
|
|
21
20
|
import { getContentStyle, getFadingCss, getIconStyle, overlayCss } from './css';
|
|
22
21
|
import { getIfVisuallyHiddenChildren } from './get-if-visually-hidden-children';
|
|
@@ -125,7 +124,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
|
|
|
125
124
|
action: 'clicked',
|
|
126
125
|
componentName: 'button',
|
|
127
126
|
packageName: "@atlaskit/button",
|
|
128
|
-
packageVersion: "
|
|
127
|
+
packageVersion: "23.10.6",
|
|
129
128
|
analyticsData: analyticsContext
|
|
130
129
|
});
|
|
131
130
|
|
|
@@ -160,7 +159,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
|
|
|
160
159
|
if (isSelected || isDisabled || appearance === 'warning') {
|
|
161
160
|
spinnerHackCss = {
|
|
162
161
|
'[data-theme] & circle': {
|
|
163
|
-
stroke: "".concat(isSelected || isDisabled ? "var(--ds-icon-subtle,
|
|
162
|
+
stroke: "".concat(isSelected || isDisabled ? "var(--ds-icon-subtle, #505258)" : "var(--ds-icon-warning-inverse, #292A2E)", " !important")
|
|
164
163
|
}
|
|
165
164
|
};
|
|
166
165
|
}
|
|
@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
3
3
|
var _excluded = ["href", "children"],
|
|
4
4
|
_excluded2 = ["icon", "label"],
|
|
5
5
|
_excluded3 = ["href", "icon", "label"];
|
|
6
|
-
/* eslint-disable @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-20398 */
|
|
7
6
|
import React, { forwardRef } from 'react';
|
|
8
7
|
import StarStarredIcon from '@atlaskit/icon/core/star-starred';
|
|
9
8
|
import Button from '../new-button/variants/default/button';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/button",
|
|
3
|
-
"version": "23.10.
|
|
3
|
+
"version": "23.10.6",
|
|
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/"
|
|
@@ -74,17 +74,17 @@
|
|
|
74
74
|
}
|
|
75
75
|
},
|
|
76
76
|
"dependencies": {
|
|
77
|
-
"@atlaskit/analytics-next": "^11.
|
|
77
|
+
"@atlaskit/analytics-next": "^11.2.0",
|
|
78
78
|
"@atlaskit/css": "^0.19.0",
|
|
79
79
|
"@atlaskit/ds-lib": "^6.0.0",
|
|
80
80
|
"@atlaskit/focus-ring": "^3.0.0",
|
|
81
|
-
"@atlaskit/icon": "^33.
|
|
81
|
+
"@atlaskit/icon": "^33.1.0",
|
|
82
82
|
"@atlaskit/interaction-context": "^3.1.0",
|
|
83
83
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
84
|
-
"@atlaskit/primitives": "^18.
|
|
84
|
+
"@atlaskit/primitives": "^18.1.0",
|
|
85
85
|
"@atlaskit/spinner": "^19.0.0",
|
|
86
86
|
"@atlaskit/theme": "^22.0.0",
|
|
87
|
-
"@atlaskit/tokens": "^11.
|
|
87
|
+
"@atlaskit/tokens": "^11.4.0",
|
|
88
88
|
"@atlaskit/tooltip": "^21.0.0",
|
|
89
89
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
90
90
|
"@babel/runtime": "^7.0.0",
|
|
@@ -101,12 +101,12 @@
|
|
|
101
101
|
"@atlaskit/app-provider": "^4.1.0",
|
|
102
102
|
"@atlaskit/checkbox": "^17.3.0",
|
|
103
103
|
"@atlaskit/docs": "^11.7.0",
|
|
104
|
-
"@atlaskit/dropdown-menu": "^16.
|
|
105
|
-
"@atlaskit/form": "^15.
|
|
104
|
+
"@atlaskit/dropdown-menu": "^16.8.0",
|
|
105
|
+
"@atlaskit/form": "^15.5.0",
|
|
106
106
|
"@atlaskit/heading": "^5.3.0",
|
|
107
107
|
"@atlaskit/link": "^3.3.0",
|
|
108
108
|
"@atlaskit/logo": "^19.10.0",
|
|
109
|
-
"@atlaskit/modal-dialog": "^14.
|
|
109
|
+
"@atlaskit/modal-dialog": "^14.13.0",
|
|
110
110
|
"@atlaskit/section-message": "^8.12.0",
|
|
111
111
|
"@atlaskit/select": "^21.8.0",
|
|
112
112
|
"@atlaskit/toggle": "^15.2.0",
|