@atlaskit/flag 15.2.18 → 15.2.20
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 +12 -0
- package/dist/cjs/auto-dismiss-flag.js +3 -5
- package/dist/cjs/constants.js +5 -10
- package/dist/cjs/flag-actions.js +1 -2
- package/dist/cjs/flag-group.js +4 -8
- package/dist/cjs/flag-provider.js +2 -3
- package/dist/cjs/flag.js +2 -3
- package/dist/cjs/internal/dismiss-button.js +1 -2
- package/dist/cjs/internal/expander.js +1 -2
- package/dist/cjs/theme.js +7 -13
- package/dist/cjs/types.js +2 -3
- package/dist/es2019/auto-dismiss-flag.js +1 -1
- package/dist/es2019/flag.js +1 -1
- package/dist/esm/auto-dismiss-flag.js +1 -1
- package/dist/esm/flag.js +1 -1
- package/package.json +6 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/flag
|
|
2
2
|
|
|
3
|
+
## 15.2.20
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#41729](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41729) [`04235acacd6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04235acacd6) - Enrol package to push model in Jira
|
|
8
|
+
|
|
9
|
+
## 15.2.19
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 15.2.18
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -15,8 +15,8 @@ var _flagGroup = require("./flag-group");
|
|
|
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 packageName = "@atlaskit/flag";
|
|
18
|
-
var packageVersion = "15.2.
|
|
19
|
-
var AUTO_DISMISS_SECONDS = 8;
|
|
18
|
+
var packageVersion = "15.2.20";
|
|
19
|
+
var AUTO_DISMISS_SECONDS = exports.AUTO_DISMISS_SECONDS = 8;
|
|
20
20
|
|
|
21
21
|
/**
|
|
22
22
|
* __Auto dismiss flag__
|
|
@@ -26,7 +26,6 @@ var AUTO_DISMISS_SECONDS = 8;
|
|
|
26
26
|
* - [Examples](https://atlassian.design/components/flag/auto-dismiss-flag/examples)
|
|
27
27
|
* - [Code](https://atlassian.design/components/flag/auto-dismiss-flag/code)
|
|
28
28
|
*/
|
|
29
|
-
exports.AUTO_DISMISS_SECONDS = AUTO_DISMISS_SECONDS;
|
|
30
29
|
var AutoDismissFlag = function AutoDismissFlag(props) {
|
|
31
30
|
var id = props.id,
|
|
32
31
|
analyticsContext = props.analyticsContext,
|
|
@@ -80,5 +79,4 @@ var AutoDismissFlag = function AutoDismissFlag(props) {
|
|
|
80
79
|
onBlur: startAutoDismissTimer
|
|
81
80
|
}));
|
|
82
81
|
};
|
|
83
|
-
var _default = AutoDismissFlag;
|
|
84
|
-
exports.default = _default;
|
|
82
|
+
var _default = exports.default = AutoDismissFlag;
|
package/dist/cjs/constants.js
CHANGED
|
@@ -4,13 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.VAR_COLOR = exports.VAR_BG_COLOR_HOVER = exports.VAR_BG_COLOR_ACTIVE = exports.VAR_BG_COLOR = exports.DEFAULT_APPEARANCE = void 0;
|
|
7
|
-
var DEFAULT_APPEARANCE = 'normal';
|
|
8
|
-
exports.
|
|
9
|
-
var
|
|
10
|
-
exports.
|
|
11
|
-
var
|
|
12
|
-
exports.VAR_BG_COLOR = VAR_BG_COLOR;
|
|
13
|
-
var VAR_BG_COLOR_HOVER = '--bg-color-hover';
|
|
14
|
-
exports.VAR_BG_COLOR_HOVER = VAR_BG_COLOR_HOVER;
|
|
15
|
-
var VAR_BG_COLOR_ACTIVE = '--bg-color-active';
|
|
16
|
-
exports.VAR_BG_COLOR_ACTIVE = VAR_BG_COLOR_ACTIVE;
|
|
7
|
+
var DEFAULT_APPEARANCE = exports.DEFAULT_APPEARANCE = 'normal';
|
|
8
|
+
var VAR_COLOR = exports.VAR_COLOR = '--color';
|
|
9
|
+
var VAR_BG_COLOR = exports.VAR_BG_COLOR = '--bg-color';
|
|
10
|
+
var VAR_BG_COLOR_HOVER = exports.VAR_BG_COLOR_HOVER = '--bg-color-hover';
|
|
11
|
+
var VAR_BG_COLOR_ACTIVE = exports.VAR_BG_COLOR_ACTIVE = '--bg-color-active';
|
package/dist/cjs/flag-actions.js
CHANGED
package/dist/cjs/flag-group.js
CHANGED
|
@@ -19,20 +19,17 @@ var _constants = require("@atlaskit/theme/constants");
|
|
|
19
19
|
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
20
20
|
|
|
21
21
|
var gridSize = (0, _constants.gridSize)();
|
|
22
|
-
var flagWidth = gridSize * 50;
|
|
23
|
-
exports.
|
|
24
|
-
var flagAnimationTime = 400;
|
|
25
|
-
exports.flagAnimationTime = flagAnimationTime;
|
|
22
|
+
var flagWidth = exports.flagWidth = gridSize * 50;
|
|
23
|
+
var flagAnimationTime = exports.flagAnimationTime = 400;
|
|
26
24
|
var defaultFlagGroupContext = {
|
|
27
25
|
onDismissed: _noop.default,
|
|
28
26
|
isDismissAllowed: false
|
|
29
27
|
};
|
|
30
28
|
|
|
31
29
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
32
|
-
var FlagGroupContext = /*#__PURE__*/(0, _react.createContext)(defaultFlagGroupContext);
|
|
30
|
+
var FlagGroupContext = exports.FlagGroupContext = /*#__PURE__*/(0, _react.createContext)(defaultFlagGroupContext);
|
|
33
31
|
|
|
34
32
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
35
|
-
exports.FlagGroupContext = FlagGroupContext;
|
|
36
33
|
function useFlagGroup() {
|
|
37
34
|
return (0, _react.useContext)(FlagGroupContext);
|
|
38
35
|
}
|
|
@@ -148,5 +145,4 @@ var FlagGroup = function FlagGroup(props) {
|
|
|
148
145
|
appear: false
|
|
149
146
|
}, renderChildren())));
|
|
150
147
|
};
|
|
151
|
-
var _default = FlagGroup;
|
|
152
|
-
exports.default = _default;
|
|
148
|
+
var _default = exports.default = FlagGroup;
|
|
@@ -94,7 +94,6 @@ function FlagsProvider(_ref) {
|
|
|
94
94
|
}));
|
|
95
95
|
})));
|
|
96
96
|
}
|
|
97
|
-
var withFlagsProvider = function withFlagsProvider(fn) {
|
|
97
|
+
var withFlagsProvider = exports.withFlagsProvider = function withFlagsProvider(fn) {
|
|
98
98
|
return /*#__PURE__*/_react.default.createElement(FlagsProvider, null, fn());
|
|
99
|
-
};
|
|
100
|
-
exports.withFlagsProvider = withFlagsProvider;
|
|
99
|
+
};
|
package/dist/cjs/flag.js
CHANGED
|
@@ -42,7 +42,7 @@ var flagWrapperStyles = (0, _react2.css)({
|
|
|
42
42
|
var analyticsAttributes = {
|
|
43
43
|
componentName: 'flag',
|
|
44
44
|
packageName: "@atlaskit/flag",
|
|
45
|
-
packageVersion: "15.2.
|
|
45
|
+
packageVersion: "15.2.20"
|
|
46
46
|
};
|
|
47
47
|
var transitionStyles = (0, _react2.css)({
|
|
48
48
|
flexGrow: 1,
|
|
@@ -189,5 +189,4 @@ var Flag = function Flag(props) {
|
|
|
189
189
|
testId: testId
|
|
190
190
|
})))))));
|
|
191
191
|
};
|
|
192
|
-
var _default = Flag;
|
|
193
|
-
exports.default = _default;
|
|
192
|
+
var _default = exports.default = Flag;
|
|
@@ -55,5 +55,4 @@ var DismissButton = function DismissButton(_ref) {
|
|
|
55
55
|
primaryColor: _theme.flagTextColorToken[appearance]
|
|
56
56
|
})));
|
|
57
57
|
};
|
|
58
|
-
var _default = /*#__PURE__*/(0, _react.memo)(DismissButton);
|
|
59
|
-
exports.default = _default;
|
|
58
|
+
var _default = exports.default = /*#__PURE__*/(0, _react.memo)(DismissButton);
|
package/dist/cjs/theme.js
CHANGED
|
@@ -7,15 +7,14 @@ exports.flagTextColorToken = exports.flagTextColor = exports.flagIconColor = exp
|
|
|
7
7
|
var _colors = require("@atlaskit/theme/colors");
|
|
8
8
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
9
9
|
|
|
10
|
-
var flagBackgroundColor = {
|
|
10
|
+
var flagBackgroundColor = exports.flagBackgroundColor = {
|
|
11
11
|
error: 'color.background.danger.bold',
|
|
12
12
|
info: 'color.background.neutral.bold',
|
|
13
13
|
normal: 'elevation.surface.overlay',
|
|
14
14
|
success: 'color.background.success.bold',
|
|
15
15
|
warning: 'color.background.warning.bold'
|
|
16
16
|
};
|
|
17
|
-
exports.
|
|
18
|
-
var flagIconColor = {
|
|
17
|
+
var flagIconColor = exports.flagIconColor = {
|
|
19
18
|
error: "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
|
|
20
19
|
info: "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
|
|
21
20
|
normal: "var(--ds-icon-subtle, ".concat(_colors.N500, ")"),
|
|
@@ -24,26 +23,23 @@ var flagIconColor = {
|
|
|
24
23
|
};
|
|
25
24
|
|
|
26
25
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
27
|
-
exports.
|
|
28
|
-
var flagTextColor = {
|
|
26
|
+
var flagTextColor = exports.flagTextColor = {
|
|
29
27
|
error: 'inverse',
|
|
30
28
|
info: 'inverse',
|
|
31
29
|
normal: 'subtle',
|
|
32
30
|
success: 'inverse',
|
|
33
31
|
warning: 'warning.inverse'
|
|
34
32
|
};
|
|
35
|
-
exports.
|
|
36
|
-
var flagTextColorToken = {
|
|
33
|
+
var flagTextColorToken = exports.flagTextColorToken = {
|
|
37
34
|
error: "var(--ds-text-inverse, ".concat(_colors.N0, ")"),
|
|
38
35
|
info: "var(--ds-text-inverse, ".concat(_colors.N0, ")"),
|
|
39
36
|
normal: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
|
|
40
37
|
success: "var(--ds-text-inverse, ".concat(_colors.N0, ")"),
|
|
41
38
|
warning: "var(--ds-text-warning-inverse, ".concat(_colors.N700, ")")
|
|
42
39
|
};
|
|
43
|
-
exports.flagTextColorToken = flagTextColorToken;
|
|
44
40
|
// TODO: DSP-2519 Interaction tokens should be used for hovered and pressed states
|
|
45
41
|
// https://product-fabric.atlassian.net/browse/DSP-2519
|
|
46
|
-
var actionBackgroundColor = {
|
|
42
|
+
var actionBackgroundColor = exports.actionBackgroundColor = {
|
|
47
43
|
success: {
|
|
48
44
|
default: "var(--ds-background-inverse-subtle, ".concat(_colors.N30A, ")"),
|
|
49
45
|
active: "var(--ds-background-inverse-subtle-pressed, ".concat(_colors.N30A, ")"),
|
|
@@ -70,12 +66,10 @@ var actionBackgroundColor = {
|
|
|
70
66
|
pressed: 'none'
|
|
71
67
|
}
|
|
72
68
|
};
|
|
73
|
-
exports.
|
|
74
|
-
var actionTextColor = {
|
|
69
|
+
var actionTextColor = exports.actionTextColor = {
|
|
75
70
|
success: "var(--ds-text-inverse, ".concat(_colors.N0, ")"),
|
|
76
71
|
info: "var(--ds-text-inverse, ".concat(_colors.N0, ")"),
|
|
77
72
|
error: "var(--ds-text-inverse, ".concat(_colors.N0, ")"),
|
|
78
73
|
warning: "var(--ds-text-warning-inverse, ".concat(_colors.N700, ")"),
|
|
79
74
|
normal: "var(--ds-link, ".concat(_colors.B400, ")")
|
|
80
|
-
};
|
|
81
|
-
exports.actionTextColor = actionTextColor;
|
|
75
|
+
};
|
package/dist/cjs/types.js
CHANGED
|
@@ -8,7 +8,7 @@ exports.AppearanceArray = void 0;
|
|
|
8
8
|
|
|
9
9
|
// exported for testing - keep in sync from `type AppearanceTypes`
|
|
10
10
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
11
|
-
var AppearanceArray = ['error', 'info', 'normal', 'success', 'warning'];
|
|
11
|
+
var AppearanceArray = exports.AppearanceArray = ['error', 'info', 'normal', 'success', 'warning'];
|
|
12
12
|
|
|
13
13
|
// CreateFlagsArg makes id optional so define this prop separately
|
|
14
14
|
|
|
@@ -16,5 +16,4 @@ var AppearanceArray = ['error', 'info', 'normal', 'success', 'warning'];
|
|
|
16
16
|
|
|
17
17
|
// This is extended by CreateFlagArgs
|
|
18
18
|
|
|
19
|
-
// Normal FlagProps should include the id
|
|
20
|
-
exports.AppearanceArray = AppearanceArray;
|
|
19
|
+
// Normal FlagProps should include the id
|
|
@@ -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 = "15.2.
|
|
8
|
+
const packageVersion = "15.2.20";
|
|
9
9
|
export const AUTO_DISMISS_SECONDS = 8;
|
|
10
10
|
|
|
11
11
|
/**
|
package/dist/es2019/flag.js
CHANGED
|
@@ -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 = "15.2.
|
|
8
|
+
var packageVersion = "15.2.20";
|
|
9
9
|
export var AUTO_DISMISS_SECONDS = 8;
|
|
10
10
|
|
|
11
11
|
/**
|
package/dist/esm/flag.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/flag",
|
|
3
|
-
"version": "15.2.
|
|
3
|
+
"version": "15.2.20",
|
|
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/"
|
|
@@ -25,6 +25,9 @@
|
|
|
25
25
|
"atlassian": {
|
|
26
26
|
"team": "Design System Team",
|
|
27
27
|
"releaseModel": "continuous",
|
|
28
|
+
"productPushConsumption": [
|
|
29
|
+
"jira"
|
|
30
|
+
],
|
|
28
31
|
"website": {
|
|
29
32
|
"name": "Flag",
|
|
30
33
|
"category": "Components"
|
|
@@ -44,7 +47,7 @@
|
|
|
44
47
|
"dependencies": {
|
|
45
48
|
"@atlaskit/analytics-next": "^9.1.0",
|
|
46
49
|
"@atlaskit/button": "^16.10.0",
|
|
47
|
-
"@atlaskit/ds-explorations": "^
|
|
50
|
+
"@atlaskit/ds-explorations": "^3.0.0",
|
|
48
51
|
"@atlaskit/ds-lib": "^2.2.0",
|
|
49
52
|
"@atlaskit/focus-ring": "^1.3.0",
|
|
50
53
|
"@atlaskit/icon": "^21.12.0",
|
|
@@ -52,7 +55,7 @@
|
|
|
52
55
|
"@atlaskit/portal": "^4.3.0",
|
|
53
56
|
"@atlaskit/primitives": "^1.6.0",
|
|
54
57
|
"@atlaskit/theme": "^12.6.0",
|
|
55
|
-
"@atlaskit/tokens": "^1.
|
|
58
|
+
"@atlaskit/tokens": "^1.28.0",
|
|
56
59
|
"@atlaskit/visually-hidden": "^1.2.0",
|
|
57
60
|
"@babel/runtime": "^7.0.0",
|
|
58
61
|
"@emotion/react": "^11.7.1"
|
|
@@ -63,7 +66,6 @@
|
|
|
63
66
|
"devDependencies": {
|
|
64
67
|
"@af/accessibility-testing": "*",
|
|
65
68
|
"@atlaskit/ssr": "*",
|
|
66
|
-
"@atlaskit/theme": "^12.6.0",
|
|
67
69
|
"@atlaskit/visual-regression": "*",
|
|
68
70
|
"@atlaskit/webdriver-runner": "*",
|
|
69
71
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|