@atlaskit/flag 17.7.2 → 17.8.1
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 +13 -0
- package/dist/cjs/auto-dismiss-flag.js +1 -1
- package/dist/cjs/flag-actions.compiled.css +1 -1
- package/dist/cjs/flag-actions.js +1 -1
- package/dist/cjs/flag.compiled.css +1 -1
- package/dist/cjs/flag.js +2 -2
- package/dist/cjs/internal/dismiss-button.js +1 -4
- package/dist/cjs/theme.js +5 -15
- package/dist/es2019/auto-dismiss-flag.js +1 -1
- package/dist/es2019/flag-actions.compiled.css +1 -1
- package/dist/es2019/flag-actions.js +1 -1
- package/dist/es2019/flag.compiled.css +1 -1
- package/dist/es2019/flag.js +2 -2
- package/dist/es2019/internal/dismiss-button.js +1 -4
- package/dist/es2019/theme.js +6 -16
- package/dist/esm/auto-dismiss-flag.js +1 -1
- package/dist/esm/flag-actions.compiled.css +1 -1
- package/dist/esm/flag-actions.js +1 -1
- package/dist/esm/flag.compiled.css +1 -1
- package/dist/esm/flag.js +2 -2
- package/dist/esm/internal/dismiss-button.js +1 -4
- package/dist/esm/theme.js +6 -16
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/flag
|
|
2
2
|
|
|
3
|
+
## 17.8.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 17.8.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [`87b12e64ff750`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/87b12e64ff750) -
|
|
14
|
+
Removed usages of LEGACY icon props
|
|
15
|
+
|
|
3
16
|
## 17.7.2
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -14,7 +14,7 @@ var _flag = _interopRequireDefault(require("./flag"));
|
|
|
14
14
|
var _flagGroup = require("./flag-group");
|
|
15
15
|
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); }
|
|
16
16
|
var packageName = "@atlaskit/flag";
|
|
17
|
-
var packageVersion = "
|
|
17
|
+
var packageVersion = "17.8.0";
|
|
18
18
|
var AUTO_DISMISS_SECONDS = exports.AUTO_DISMISS_SECONDS = 8;
|
|
19
19
|
|
|
20
20
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._nup91zz4._nup91zz4{background:var(--bg-color)}
|
|
4
4
|
a._u4iq1zz4._u4iq1zz4{background:var(--bg-color)}
|
|
5
5
|
._12r21wq8._12r21wq8{font-weight:var(--ds-font-weight-medium,500)}
|
package/dist/cjs/flag-actions.js
CHANGED
|
@@ -32,7 +32,7 @@ var FlagActions = function FlagActions(props) {
|
|
|
32
32
|
}
|
|
33
33
|
var isBold = appearance !== _constants.DEFAULT_APPEARANCE;
|
|
34
34
|
return /*#__PURE__*/React.createElement("span", {
|
|
35
|
-
className: (0, _runtime.ax)([!isBold && "_1g4l107e _y8dn107e", "
|
|
35
|
+
className: (0, _runtime.ax)([!isBold && "_1g4l107e _y8dn107e", "_11c8fhey"])
|
|
36
36
|
}, /*#__PURE__*/React.createElement(_compiled.Inline, {
|
|
37
37
|
space: "space.100",
|
|
38
38
|
shouldWrap: true,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
3
3
|
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
4
4
|
._v5641hdc{transition:gap .3s}
|
package/dist/cjs/flag.js
CHANGED
|
@@ -41,7 +41,7 @@ var flagWrapperStyles = null;
|
|
|
41
41
|
var analyticsAttributes = {
|
|
42
42
|
componentName: 'flag',
|
|
43
43
|
packageName: "@atlaskit/flag",
|
|
44
|
-
packageVersion: "
|
|
44
|
+
packageVersion: "17.8.0"
|
|
45
45
|
};
|
|
46
46
|
var transitionStyles = null;
|
|
47
47
|
|
|
@@ -200,7 +200,7 @@ var Flag = function Flag(props) {
|
|
|
200
200
|
"data-testid": testId && "".concat(testId, "-description")
|
|
201
201
|
/* if isDelayToAnnounce is true, we will hide the content form screen reader to avoid duplicate announcement */,
|
|
202
202
|
"aria-hidden": isDelayToAnnounce,
|
|
203
|
-
className: (0, _runtime.ax)(["
|
|
203
|
+
className: (0, _runtime.ax)(["_11c8fhey _1reo1wug _18m91wug _c71l53f4 _1i4qfg65"])
|
|
204
204
|
}, description), /*#__PURE__*/React.createElement(_flagActions.default, {
|
|
205
205
|
actions: actions,
|
|
206
206
|
appearance: appearance,
|
|
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _new = require("@atlaskit/button/new");
|
|
12
12
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
13
13
|
var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/core/chevron-up"));
|
|
14
|
-
var _cross = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
14
|
+
var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
|
|
15
15
|
var _theme = require("../theme");
|
|
16
16
|
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); }
|
|
17
17
|
var DismissButtonComponent = function DismissButtonComponent(_ref) {
|
|
@@ -22,18 +22,15 @@ var DismissButtonComponent = function DismissButtonComponent(_ref) {
|
|
|
22
22
|
testId = _ref.testId;
|
|
23
23
|
var ButtonIcon = _cross.default;
|
|
24
24
|
var buttonLabel = 'Dismiss';
|
|
25
|
-
var size = 'small';
|
|
26
25
|
var buttonTestId = testId && "".concat(testId, "-dismiss");
|
|
27
26
|
if (isBold) {
|
|
28
27
|
ButtonIcon = isExpanded ? _chevronUp.default : _chevronDown.default;
|
|
29
28
|
buttonLabel = isExpanded ? 'Collapse' : 'Expand';
|
|
30
|
-
size = 'medium';
|
|
31
29
|
buttonTestId = testId && "".concat(testId, "-toggle");
|
|
32
30
|
}
|
|
33
31
|
return /*#__PURE__*/_react.default.createElement(_new.IconButton, {
|
|
34
32
|
icon: function icon(iconProps) {
|
|
35
33
|
return /*#__PURE__*/_react.default.createElement(ButtonIcon, (0, _extends2.default)({}, iconProps, {
|
|
36
|
-
LEGACY_size: size,
|
|
37
34
|
size: "small",
|
|
38
35
|
label: "",
|
|
39
36
|
color: _theme.flagTextColorToken[appearance]
|
package/dist/cjs/theme.js
CHANGED
|
@@ -27,29 +27,19 @@ var flagIconColor = exports.flagIconColor = {
|
|
|
27
27
|
};
|
|
28
28
|
var flagIconGlyph = exports.flagIconGlyph = {
|
|
29
29
|
error: /*#__PURE__*/_react.default.createElement(_statusError.default, {
|
|
30
|
-
label: ""
|
|
31
|
-
LEGACY_primaryColor: "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
|
|
32
|
-
LEGACY_secondaryColor: "var(--ds-background-danger-bold, #C9372C)"
|
|
30
|
+
label: ""
|
|
33
31
|
}),
|
|
34
32
|
info: /*#__PURE__*/_react.default.createElement(_statusInformation.default, {
|
|
35
|
-
label: ""
|
|
36
|
-
LEGACY_primaryColor: "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
|
|
37
|
-
LEGACY_secondaryColor: "var(--ds-background-neutral-bold, #292A2E)"
|
|
33
|
+
label: ""
|
|
38
34
|
}),
|
|
39
35
|
normal: /*#__PURE__*/_react.default.createElement(_statusInformation.default, {
|
|
40
|
-
label: ""
|
|
41
|
-
LEGACY_primaryColor: "var(--ds-icon-subtle, ".concat(_colors.N500, ")"),
|
|
42
|
-
LEGACY_secondaryColor: "var(--ds-surface-overlay, #FFFFFF)"
|
|
36
|
+
label: ""
|
|
43
37
|
}),
|
|
44
38
|
success: /*#__PURE__*/_react.default.createElement(_statusSuccess.default, {
|
|
45
|
-
label: ""
|
|
46
|
-
LEGACY_primaryColor: "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
|
|
47
|
-
LEGACY_secondaryColor: "var(--ds-background-success-bold, #5B7F24)"
|
|
39
|
+
label: ""
|
|
48
40
|
}),
|
|
49
41
|
warning: /*#__PURE__*/_react.default.createElement(_statusWarning.default, {
|
|
50
|
-
label: ""
|
|
51
|
-
LEGACY_primaryColor: "var(--ds-icon-warning-inverse, ".concat(_colors.N700, ")"),
|
|
52
|
-
LEGACY_secondaryColor: "var(--ds-background-warning-bold, #FBC828)"
|
|
42
|
+
label: ""
|
|
53
43
|
})
|
|
54
44
|
};
|
|
55
45
|
var flagTextColor = exports.flagTextColor = {
|
|
@@ -5,7 +5,7 @@ import noop from '@atlaskit/ds-lib/noop';
|
|
|
5
5
|
import Flag from './flag';
|
|
6
6
|
import { useFlagGroup } from './flag-group';
|
|
7
7
|
const packageName = "@atlaskit/flag";
|
|
8
|
-
const packageVersion = "
|
|
8
|
+
const packageVersion = "17.8.0";
|
|
9
9
|
export const AUTO_DISMISS_SECONDS = 8;
|
|
10
10
|
|
|
11
11
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._nup91zz4._nup91zz4{background:var(--bg-color)}
|
|
4
4
|
a._u4iq1zz4._u4iq1zz4{background:var(--bg-color)}
|
|
5
5
|
._12r21wq8._12r21wq8{font-weight:var(--ds-font-weight-medium,500)}
|
|
@@ -23,7 +23,7 @@ const FlagActions = props => {
|
|
|
23
23
|
}
|
|
24
24
|
const isBold = appearance !== DEFAULT_APPEARANCE;
|
|
25
25
|
return /*#__PURE__*/React.createElement("span", {
|
|
26
|
-
className: ax([!isBold && "_1g4l107e _y8dn107e", "
|
|
26
|
+
className: ax([!isBold && "_1g4l107e _y8dn107e", "_11c8fhey"])
|
|
27
27
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
28
28
|
space: "space.100",
|
|
29
29
|
shouldWrap: true,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
3
3
|
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
4
4
|
._v5641hdc{transition:gap .3s}
|
package/dist/es2019/flag.js
CHANGED
|
@@ -28,7 +28,7 @@ const flagWrapperStyles = null;
|
|
|
28
28
|
const analyticsAttributes = {
|
|
29
29
|
componentName: 'flag',
|
|
30
30
|
packageName: "@atlaskit/flag",
|
|
31
|
-
packageVersion: "
|
|
31
|
+
packageVersion: "17.8.0"
|
|
32
32
|
};
|
|
33
33
|
const transitionStyles = null;
|
|
34
34
|
|
|
@@ -180,7 +180,7 @@ const Flag = props => {
|
|
|
180
180
|
"data-testid": testId && `${testId}-description`
|
|
181
181
|
/* if isDelayToAnnounce is true, we will hide the content form screen reader to avoid duplicate announcement */,
|
|
182
182
|
"aria-hidden": isDelayToAnnounce,
|
|
183
|
-
className: ax(["
|
|
183
|
+
className: ax(["_11c8fhey _1reo1wug _18m91wug _c71l53f4 _1i4qfg65"])
|
|
184
184
|
}, description), /*#__PURE__*/React.createElement(Actions, {
|
|
185
185
|
actions: actions,
|
|
186
186
|
appearance: appearance,
|
|
@@ -3,7 +3,7 @@ import React, { memo } from 'react';
|
|
|
3
3
|
import { IconButton } from '@atlaskit/button/new';
|
|
4
4
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
5
5
|
import ChevronUpIcon from '@atlaskit/icon/core/chevron-up';
|
|
6
|
-
import CrossIcon from '@atlaskit/icon/core/
|
|
6
|
+
import CrossIcon from '@atlaskit/icon/core/cross';
|
|
7
7
|
import { flagTextColorToken } from '../theme';
|
|
8
8
|
const DismissButtonComponent = ({
|
|
9
9
|
appearance,
|
|
@@ -14,17 +14,14 @@ const DismissButtonComponent = ({
|
|
|
14
14
|
}) => {
|
|
15
15
|
let ButtonIcon = CrossIcon;
|
|
16
16
|
let buttonLabel = 'Dismiss';
|
|
17
|
-
let size = 'small';
|
|
18
17
|
let buttonTestId = testId && `${testId}-dismiss`;
|
|
19
18
|
if (isBold) {
|
|
20
19
|
ButtonIcon = isExpanded ? ChevronUpIcon : ChevronDownIcon;
|
|
21
20
|
buttonLabel = isExpanded ? 'Collapse' : 'Expand';
|
|
22
|
-
size = 'medium';
|
|
23
21
|
buttonTestId = testId && `${testId}-toggle`;
|
|
24
22
|
}
|
|
25
23
|
return /*#__PURE__*/React.createElement(IconButton, {
|
|
26
24
|
icon: iconProps => /*#__PURE__*/React.createElement(ButtonIcon, _extends({}, iconProps, {
|
|
27
|
-
LEGACY_size: size,
|
|
28
25
|
size: "small",
|
|
29
26
|
label: "",
|
|
30
27
|
color: flagTextColorToken[appearance]
|
package/dist/es2019/theme.js
CHANGED
|
@@ -3,7 +3,7 @@ import ErrorIcon from '@atlaskit/icon/core/status-error';
|
|
|
3
3
|
import InformationIcon from '@atlaskit/icon/core/status-information';
|
|
4
4
|
import SuccessIcon from '@atlaskit/icon/core/status-success';
|
|
5
5
|
import WarningIcon from '@atlaskit/icon/core/status-warning';
|
|
6
|
-
import { B400, N0, N30A,
|
|
6
|
+
import { B400, N0, N30A, N700, N800 } from '@atlaskit/theme/colors';
|
|
7
7
|
export const flagBackgroundColor = {
|
|
8
8
|
error: 'color.background.danger.bold',
|
|
9
9
|
info: 'color.background.neutral.bold',
|
|
@@ -20,29 +20,19 @@ export const flagIconColor = {
|
|
|
20
20
|
};
|
|
21
21
|
export const flagIconGlyph = {
|
|
22
22
|
error: /*#__PURE__*/React.createElement(ErrorIcon, {
|
|
23
|
-
label: ""
|
|
24
|
-
LEGACY_primaryColor: `var(--ds-icon-inverse, ${N0})`,
|
|
25
|
-
LEGACY_secondaryColor: "var(--ds-background-danger-bold, #C9372C)"
|
|
23
|
+
label: ""
|
|
26
24
|
}),
|
|
27
25
|
info: /*#__PURE__*/React.createElement(InformationIcon, {
|
|
28
|
-
label: ""
|
|
29
|
-
LEGACY_primaryColor: `var(--ds-icon-inverse, ${N0})`,
|
|
30
|
-
LEGACY_secondaryColor: "var(--ds-background-neutral-bold, #292A2E)"
|
|
26
|
+
label: ""
|
|
31
27
|
}),
|
|
32
28
|
normal: /*#__PURE__*/React.createElement(InformationIcon, {
|
|
33
|
-
label: ""
|
|
34
|
-
LEGACY_primaryColor: `var(--ds-icon-subtle, ${N500})`,
|
|
35
|
-
LEGACY_secondaryColor: "var(--ds-surface-overlay, #FFFFFF)"
|
|
29
|
+
label: ""
|
|
36
30
|
}),
|
|
37
31
|
success: /*#__PURE__*/React.createElement(SuccessIcon, {
|
|
38
|
-
label: ""
|
|
39
|
-
LEGACY_primaryColor: `var(--ds-icon-inverse, ${N0})`,
|
|
40
|
-
LEGACY_secondaryColor: "var(--ds-background-success-bold, #5B7F24)"
|
|
32
|
+
label: ""
|
|
41
33
|
}),
|
|
42
34
|
warning: /*#__PURE__*/React.createElement(WarningIcon, {
|
|
43
|
-
label: ""
|
|
44
|
-
LEGACY_primaryColor: `var(--ds-icon-warning-inverse, ${N700})`,
|
|
45
|
-
LEGACY_secondaryColor: "var(--ds-background-warning-bold, #FBC828)"
|
|
35
|
+
label: ""
|
|
46
36
|
})
|
|
47
37
|
};
|
|
48
38
|
export const flagTextColor = {
|
|
@@ -5,7 +5,7 @@ import noop from '@atlaskit/ds-lib/noop';
|
|
|
5
5
|
import Flag from './flag';
|
|
6
6
|
import { useFlagGroup } from './flag-group';
|
|
7
7
|
var packageName = "@atlaskit/flag";
|
|
8
|
-
var packageVersion = "
|
|
8
|
+
var packageVersion = "17.8.0";
|
|
9
9
|
export var AUTO_DISMISS_SECONDS = 8;
|
|
10
10
|
|
|
11
11
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
3
|
._nup91zz4._nup91zz4{background:var(--bg-color)}
|
|
4
4
|
a._u4iq1zz4._u4iq1zz4{background:var(--bg-color)}
|
|
5
5
|
._12r21wq8._12r21wq8{font-weight:var(--ds-font-weight-medium,500)}
|
package/dist/esm/flag-actions.js
CHANGED
|
@@ -23,7 +23,7 @@ var FlagActions = function FlagActions(props) {
|
|
|
23
23
|
}
|
|
24
24
|
var isBold = appearance !== DEFAULT_APPEARANCE;
|
|
25
25
|
return /*#__PURE__*/React.createElement("span", {
|
|
26
|
-
className: ax([!isBold && "_1g4l107e _y8dn107e", "
|
|
26
|
+
className: ax([!isBold && "_1g4l107e _y8dn107e", "_11c8fhey"])
|
|
27
27
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
28
28
|
space: "space.100",
|
|
29
29
|
shouldWrap: true,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
3
3
|
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
4
4
|
._v5641hdc{transition:gap .3s}
|
package/dist/esm/flag.js
CHANGED
|
@@ -32,7 +32,7 @@ var flagWrapperStyles = null;
|
|
|
32
32
|
var analyticsAttributes = {
|
|
33
33
|
componentName: 'flag',
|
|
34
34
|
packageName: "@atlaskit/flag",
|
|
35
|
-
packageVersion: "
|
|
35
|
+
packageVersion: "17.8.0"
|
|
36
36
|
};
|
|
37
37
|
var transitionStyles = null;
|
|
38
38
|
|
|
@@ -191,7 +191,7 @@ var Flag = function Flag(props) {
|
|
|
191
191
|
"data-testid": testId && "".concat(testId, "-description")
|
|
192
192
|
/* if isDelayToAnnounce is true, we will hide the content form screen reader to avoid duplicate announcement */,
|
|
193
193
|
"aria-hidden": isDelayToAnnounce,
|
|
194
|
-
className: ax(["
|
|
194
|
+
className: ax(["_11c8fhey _1reo1wug _18m91wug _c71l53f4 _1i4qfg65"])
|
|
195
195
|
}, description), /*#__PURE__*/React.createElement(Actions, {
|
|
196
196
|
actions: actions,
|
|
197
197
|
appearance: appearance,
|
|
@@ -3,7 +3,7 @@ import React, { memo } from 'react';
|
|
|
3
3
|
import { IconButton } from '@atlaskit/button/new';
|
|
4
4
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
5
5
|
import ChevronUpIcon from '@atlaskit/icon/core/chevron-up';
|
|
6
|
-
import CrossIcon from '@atlaskit/icon/core/
|
|
6
|
+
import CrossIcon from '@atlaskit/icon/core/cross';
|
|
7
7
|
import { flagTextColorToken } from '../theme';
|
|
8
8
|
var DismissButtonComponent = function DismissButtonComponent(_ref) {
|
|
9
9
|
var appearance = _ref.appearance,
|
|
@@ -13,18 +13,15 @@ var DismissButtonComponent = function DismissButtonComponent(_ref) {
|
|
|
13
13
|
testId = _ref.testId;
|
|
14
14
|
var ButtonIcon = CrossIcon;
|
|
15
15
|
var buttonLabel = 'Dismiss';
|
|
16
|
-
var size = 'small';
|
|
17
16
|
var buttonTestId = testId && "".concat(testId, "-dismiss");
|
|
18
17
|
if (isBold) {
|
|
19
18
|
ButtonIcon = isExpanded ? ChevronUpIcon : ChevronDownIcon;
|
|
20
19
|
buttonLabel = isExpanded ? 'Collapse' : 'Expand';
|
|
21
|
-
size = 'medium';
|
|
22
20
|
buttonTestId = testId && "".concat(testId, "-toggle");
|
|
23
21
|
}
|
|
24
22
|
return /*#__PURE__*/React.createElement(IconButton, {
|
|
25
23
|
icon: function icon(iconProps) {
|
|
26
24
|
return /*#__PURE__*/React.createElement(ButtonIcon, _extends({}, iconProps, {
|
|
27
|
-
LEGACY_size: size,
|
|
28
25
|
size: "small",
|
|
29
26
|
label: "",
|
|
30
27
|
color: flagTextColorToken[appearance]
|
package/dist/esm/theme.js
CHANGED
|
@@ -3,7 +3,7 @@ import ErrorIcon from '@atlaskit/icon/core/status-error';
|
|
|
3
3
|
import InformationIcon from '@atlaskit/icon/core/status-information';
|
|
4
4
|
import SuccessIcon from '@atlaskit/icon/core/status-success';
|
|
5
5
|
import WarningIcon from '@atlaskit/icon/core/status-warning';
|
|
6
|
-
import { B400, N0, N30A,
|
|
6
|
+
import { B400, N0, N30A, N700, N800 } from '@atlaskit/theme/colors';
|
|
7
7
|
export var flagBackgroundColor = {
|
|
8
8
|
error: 'color.background.danger.bold',
|
|
9
9
|
info: 'color.background.neutral.bold',
|
|
@@ -20,29 +20,19 @@ export var flagIconColor = {
|
|
|
20
20
|
};
|
|
21
21
|
export var flagIconGlyph = {
|
|
22
22
|
error: /*#__PURE__*/React.createElement(ErrorIcon, {
|
|
23
|
-
label: ""
|
|
24
|
-
LEGACY_primaryColor: "var(--ds-icon-inverse, ".concat(N0, ")"),
|
|
25
|
-
LEGACY_secondaryColor: "var(--ds-background-danger-bold, #C9372C)"
|
|
23
|
+
label: ""
|
|
26
24
|
}),
|
|
27
25
|
info: /*#__PURE__*/React.createElement(InformationIcon, {
|
|
28
|
-
label: ""
|
|
29
|
-
LEGACY_primaryColor: "var(--ds-icon-inverse, ".concat(N0, ")"),
|
|
30
|
-
LEGACY_secondaryColor: "var(--ds-background-neutral-bold, #292A2E)"
|
|
26
|
+
label: ""
|
|
31
27
|
}),
|
|
32
28
|
normal: /*#__PURE__*/React.createElement(InformationIcon, {
|
|
33
|
-
label: ""
|
|
34
|
-
LEGACY_primaryColor: "var(--ds-icon-subtle, ".concat(N500, ")"),
|
|
35
|
-
LEGACY_secondaryColor: "var(--ds-surface-overlay, #FFFFFF)"
|
|
29
|
+
label: ""
|
|
36
30
|
}),
|
|
37
31
|
success: /*#__PURE__*/React.createElement(SuccessIcon, {
|
|
38
|
-
label: ""
|
|
39
|
-
LEGACY_primaryColor: "var(--ds-icon-inverse, ".concat(N0, ")"),
|
|
40
|
-
LEGACY_secondaryColor: "var(--ds-background-success-bold, #5B7F24)"
|
|
32
|
+
label: ""
|
|
41
33
|
}),
|
|
42
34
|
warning: /*#__PURE__*/React.createElement(WarningIcon, {
|
|
43
|
-
label: ""
|
|
44
|
-
LEGACY_primaryColor: "var(--ds-icon-warning-inverse, ".concat(N700, ")"),
|
|
45
|
-
LEGACY_secondaryColor: "var(--ds-background-warning-bold, #FBC828)"
|
|
35
|
+
label: ""
|
|
46
36
|
})
|
|
47
37
|
};
|
|
48
38
|
export var flagTextColor = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/flag",
|
|
3
|
-
"version": "17.
|
|
3
|
+
"version": "17.8.1",
|
|
4
4
|
"description": "A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -37,12 +37,12 @@
|
|
|
37
37
|
"@atlaskit/css": "^0.19.0",
|
|
38
38
|
"@atlaskit/ds-lib": "^5.3.0",
|
|
39
39
|
"@atlaskit/heading": "^5.2.0",
|
|
40
|
-
"@atlaskit/icon": "^29.
|
|
40
|
+
"@atlaskit/icon": "^29.4.0",
|
|
41
41
|
"@atlaskit/motion": "^5.3.0",
|
|
42
|
-
"@atlaskit/portal": "^5.
|
|
43
|
-
"@atlaskit/primitives": "^17.
|
|
42
|
+
"@atlaskit/portal": "^5.2.0",
|
|
43
|
+
"@atlaskit/primitives": "^17.1.0",
|
|
44
44
|
"@atlaskit/theme": "^21.0.0",
|
|
45
|
-
"@atlaskit/tokens": "^
|
|
45
|
+
"@atlaskit/tokens": "^10.0.0",
|
|
46
46
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
47
47
|
"@babel/runtime": "^7.0.0",
|
|
48
48
|
"@compiled/react": "^0.18.6"
|
|
@@ -54,14 +54,14 @@
|
|
|
54
54
|
"@af/accessibility-testing": "workspace:^",
|
|
55
55
|
"@af/integration-testing": "workspace:^",
|
|
56
56
|
"@af/visual-regression": "workspace:^",
|
|
57
|
-
"@atlaskit/docs": "^11.
|
|
57
|
+
"@atlaskit/docs": "^11.3.0",
|
|
58
58
|
"@atlaskit/drawer": "^11.0.0",
|
|
59
|
-
"@atlaskit/link": "^3.
|
|
60
|
-
"@atlaskit/radio": "^8.
|
|
61
|
-
"@atlaskit/section-message": "^8.
|
|
59
|
+
"@atlaskit/link": "^3.3.0",
|
|
60
|
+
"@atlaskit/radio": "^8.4.0",
|
|
61
|
+
"@atlaskit/section-message": "^8.12.0",
|
|
62
62
|
"@atlaskit/spinner": "^19.0.0",
|
|
63
63
|
"@atlassian/ssr-tests": "workspace:^",
|
|
64
|
-
"@testing-library/react": "^
|
|
64
|
+
"@testing-library/react": "^16.3.0",
|
|
65
65
|
"react-dom": "^18.2.0"
|
|
66
66
|
},
|
|
67
67
|
"keywords": [
|