@atlaskit/flag 17.9.6 → 17.9.8
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 +1 -1
- package/dist/cjs/flag-group.compiled.css +2 -2
- package/dist/cjs/flag-group.js +3 -3
- package/dist/cjs/flag.js +1 -1
- package/dist/es2019/auto-dismiss-flag.js +1 -1
- package/dist/es2019/flag-group.compiled.css +2 -2
- package/dist/es2019/flag-group.js +3 -3
- package/dist/es2019/flag.js +1 -1
- package/dist/esm/auto-dismiss-flag.js +1 -1
- package/dist/esm/flag-group.compiled.css +2 -2
- package/dist/esm/flag-group.js +3 -3
- package/dist/esm/flag.js +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -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.9.8";
|
|
18
18
|
var AUTO_DISMISS_SECONDS = exports.AUTO_DISMISS_SECONDS = 8;
|
|
19
19
|
|
|
20
20
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
|
-
._v56412q3{transition:var(--ds-flag-reposition,transform .3s cubic-bezier(.4,0,0,1))}
|
|
3
2
|
._v5641b8g{transition:transform .35s ease-in-out}
|
|
4
|
-
._v564glyw{transition:none}
|
|
3
|
+
._v564glyw{transition:none}
|
|
4
|
+
._v564t8bh{transition:var(--ds-flag-reposition,transform .25s cubic-bezier(.4,0,0,1))}._12a7luct._12a7luct+*{transition-duration:175ms}
|
|
5
5
|
._1bsb1kdj{width:25pc}
|
|
6
6
|
._1e021epz{inset-inline-start:var(--ds-space-1000,5pc)}
|
|
7
7
|
._1pbyegat{z-index:4}
|
package/dist/cjs/flag-group.js
CHANGED
|
@@ -49,7 +49,7 @@ var groupStyles = {
|
|
|
49
49
|
// transition: none is set on first-of-type to prevent a bug in Firefox
|
|
50
50
|
// that causes a broken transition
|
|
51
51
|
var groupStylesNew = {
|
|
52
|
-
root: "
|
|
52
|
+
root: "_v564t8bh _kqswstnw _u7coidpf _1bsb1kdj _1eqkauwl",
|
|
53
53
|
first: "_t9ec1ygq _1pbyqfx8",
|
|
54
54
|
second: "_t9ec1pi4 _1pbyegat",
|
|
55
55
|
nth: "_t9ec15wd",
|
|
@@ -94,8 +94,8 @@ var FlagGroup = function FlagGroup(props) {
|
|
|
94
94
|
xcss: (0, _css.cx)(groupStylesNew.root, index === 0 && groupStylesNew.first, index === 1 && groupStylesNew.second, index >= 2 && groupStylesNew.nth, index >= 3 && groupStylesNew.hidden),
|
|
95
95
|
"data-vc-oob": true
|
|
96
96
|
}, /*#__PURE__*/React.createElement(_motion.Motion, {
|
|
97
|
-
enteringAnimation: "var(--ds-flag-enter, 250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1)
|
|
98
|
-
exitingAnimation: "var(--ds-flag-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOut15PercentLeft, 200ms cubic-bezier(0.6, 0, 0.8, 0.6)
|
|
97
|
+
enteringAnimation: "var(--ds-flag-enter, 250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1) FadeIn0to100)",
|
|
98
|
+
exitingAnimation: "var(--ds-flag-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOut15PercentLeft, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
|
|
99
99
|
}, /*#__PURE__*/React.createElement(FlagGroupContext.Provider, {
|
|
100
100
|
value:
|
|
101
101
|
// Only the first flag should be able to be dismissed.
|
package/dist/cjs/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
|
const packageName = "@atlaskit/flag";
|
|
8
|
-
const packageVersion = "
|
|
8
|
+
const packageVersion = "17.9.8";
|
|
9
9
|
export const AUTO_DISMISS_SECONDS = 8;
|
|
10
10
|
|
|
11
11
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
|
-
._v56412q3{transition:var(--ds-flag-reposition,transform .3s cubic-bezier(.4,0,0,1))}
|
|
3
2
|
._v5641b8g{transition:transform .35s ease-in-out}
|
|
4
|
-
._v564glyw{transition:none}
|
|
3
|
+
._v564glyw{transition:none}
|
|
4
|
+
._v564t8bh{transition:var(--ds-flag-reposition,transform .25s cubic-bezier(.4,0,0,1))}._12a7luct._12a7luct+*{transition-duration:175ms}
|
|
5
5
|
._1bsb1kdj{width:25pc}
|
|
6
6
|
._1e021epz{inset-inline-start:var(--ds-space-1000,5pc)}
|
|
7
7
|
._1pbyegat{z-index:4}
|
|
@@ -38,7 +38,7 @@ const groupStyles = {
|
|
|
38
38
|
// transition: none is set on first-of-type to prevent a bug in Firefox
|
|
39
39
|
// that causes a broken transition
|
|
40
40
|
const groupStylesNew = {
|
|
41
|
-
root: "
|
|
41
|
+
root: "_v564t8bh _kqswstnw _u7coidpf _1bsb1kdj _1eqkauwl",
|
|
42
42
|
first: "_t9ec1ygq _1pbyqfx8",
|
|
43
43
|
second: "_t9ec1pi4 _1pbyegat",
|
|
44
44
|
nth: "_t9ec15wd",
|
|
@@ -79,8 +79,8 @@ const FlagGroup = props => {
|
|
|
79
79
|
xcss: cx(groupStylesNew.root, index === 0 && groupStylesNew.first, index === 1 && groupStylesNew.second, index >= 2 && groupStylesNew.nth, index >= 3 && groupStylesNew.hidden),
|
|
80
80
|
"data-vc-oob": true
|
|
81
81
|
}, /*#__PURE__*/React.createElement(Motion, {
|
|
82
|
-
enteringAnimation: "var(--ds-flag-enter, 250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1)
|
|
83
|
-
exitingAnimation: "var(--ds-flag-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOut15PercentLeft, 200ms cubic-bezier(0.6, 0, 0.8, 0.6)
|
|
82
|
+
enteringAnimation: "var(--ds-flag-enter, 250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1) FadeIn0to100)",
|
|
83
|
+
exitingAnimation: "var(--ds-flag-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOut15PercentLeft, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
|
|
84
84
|
}, /*#__PURE__*/React.createElement(FlagGroupContext.Provider, {
|
|
85
85
|
value:
|
|
86
86
|
// Only the first flag should be able to be dismissed.
|
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 = "
|
|
8
|
+
var packageVersion = "17.9.8";
|
|
9
9
|
export var AUTO_DISMISS_SECONDS = 8;
|
|
10
10
|
|
|
11
11
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
|
-
._v56412q3{transition:var(--ds-flag-reposition,transform .3s cubic-bezier(.4,0,0,1))}
|
|
3
2
|
._v5641b8g{transition:transform .35s ease-in-out}
|
|
4
|
-
._v564glyw{transition:none}
|
|
3
|
+
._v564glyw{transition:none}
|
|
4
|
+
._v564t8bh{transition:var(--ds-flag-reposition,transform .25s cubic-bezier(.4,0,0,1))}._12a7luct._12a7luct+*{transition-duration:175ms}
|
|
5
5
|
._1bsb1kdj{width:25pc}
|
|
6
6
|
._1e021epz{inset-inline-start:var(--ds-space-1000,5pc)}
|
|
7
7
|
._1pbyegat{z-index:4}
|
package/dist/esm/flag-group.js
CHANGED
|
@@ -39,7 +39,7 @@ var groupStyles = {
|
|
|
39
39
|
// transition: none is set on first-of-type to prevent a bug in Firefox
|
|
40
40
|
// that causes a broken transition
|
|
41
41
|
var groupStylesNew = {
|
|
42
|
-
root: "
|
|
42
|
+
root: "_v564t8bh _kqswstnw _u7coidpf _1bsb1kdj _1eqkauwl",
|
|
43
43
|
first: "_t9ec1ygq _1pbyqfx8",
|
|
44
44
|
second: "_t9ec1pi4 _1pbyegat",
|
|
45
45
|
nth: "_t9ec15wd",
|
|
@@ -84,8 +84,8 @@ var FlagGroup = function FlagGroup(props) {
|
|
|
84
84
|
xcss: cx(groupStylesNew.root, index === 0 && groupStylesNew.first, index === 1 && groupStylesNew.second, index >= 2 && groupStylesNew.nth, index >= 3 && groupStylesNew.hidden),
|
|
85
85
|
"data-vc-oob": true
|
|
86
86
|
}, /*#__PURE__*/React.createElement(Motion, {
|
|
87
|
-
enteringAnimation: "var(--ds-flag-enter, 250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1)
|
|
88
|
-
exitingAnimation: "var(--ds-flag-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOut15PercentLeft, 200ms cubic-bezier(0.6, 0, 0.8, 0.6)
|
|
87
|
+
enteringAnimation: "var(--ds-flag-enter, 250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1) FadeIn0to100)",
|
|
88
|
+
exitingAnimation: "var(--ds-flag-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOut15PercentLeft, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
|
|
89
89
|
}, /*#__PURE__*/React.createElement(FlagGroupContext.Provider, {
|
|
90
90
|
value:
|
|
91
91
|
// Only the first flag should be able to be dismissed.
|
package/dist/esm/flag.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/flag",
|
|
3
|
-
"version": "17.9.
|
|
3
|
+
"version": "17.9.8",
|
|
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/"
|
|
@@ -42,15 +42,15 @@
|
|
|
42
42
|
"@atlaskit/analytics-next": "^11.2.0",
|
|
43
43
|
"@atlaskit/button": "^23.11.0",
|
|
44
44
|
"@atlaskit/css": "^0.19.0",
|
|
45
|
-
"@atlaskit/ds-lib": "^
|
|
45
|
+
"@atlaskit/ds-lib": "^7.0.0",
|
|
46
46
|
"@atlaskit/heading": "^5.4.0",
|
|
47
47
|
"@atlaskit/icon": "^34.0.0",
|
|
48
|
-
"@atlaskit/motion": "^5.
|
|
48
|
+
"@atlaskit/motion": "^5.6.0",
|
|
49
49
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
50
50
|
"@atlaskit/portal": "^5.4.0",
|
|
51
|
-
"@atlaskit/primitives": "^
|
|
51
|
+
"@atlaskit/primitives": "^19.0.0",
|
|
52
52
|
"@atlaskit/theme": "^23.0.0",
|
|
53
|
-
"@atlaskit/tokens": "^
|
|
53
|
+
"@atlaskit/tokens": "^13.0.0",
|
|
54
54
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
55
55
|
"@babel/runtime": "^7.0.0",
|
|
56
56
|
"@compiled/react": "^0.20.0"
|