@atlaskit/flag 17.4.3 → 17.5.0

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.
Files changed (21) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/auto-dismiss-flag.js +1 -1
  3. package/dist/cjs/flag-actions.compiled.css +37 -16
  4. package/dist/cjs/flag-actions.js +5 -9
  5. package/dist/cjs/flag-group.js +4 -2
  6. package/dist/cjs/flag.js +2 -2
  7. package/dist/cjs/internal/expander.js +1 -1
  8. package/dist/es2019/auto-dismiss-flag.js +1 -1
  9. package/dist/es2019/flag-actions.compiled.css +37 -16
  10. package/dist/es2019/flag-actions.js +1 -1
  11. package/dist/es2019/flag-group.js +4 -2
  12. package/dist/es2019/flag.js +2 -2
  13. package/dist/es2019/internal/expander.js +1 -1
  14. package/dist/esm/auto-dismiss-flag.js +1 -1
  15. package/dist/esm/flag-actions.compiled.css +37 -16
  16. package/dist/esm/flag-actions.js +5 -11
  17. package/dist/esm/flag-group.js +4 -2
  18. package/dist/esm/flag.js +2 -2
  19. package/dist/esm/internal/expander.js +1 -1
  20. package/offerings.json +37 -0
  21. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/flag
2
2
 
3
+ ## 17.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`1c7d57038910d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1c7d57038910d) -
8
+ Adds react-ufo out of band concept, and prevents flags from impacting visual complete calculations
9
+
10
+ ## 17.4.4
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 17.4.3
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/auto-dismiss-flag.js 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 = "0.0.0-development";
17
+ var packageVersion = "17.4.4";
18
18
  var AUTO_DISMISS_SECONDS = exports.AUTO_DISMISS_SECONDS = 8;
19
19
 
20
20
  /**
package/dist/cjs/flag-actions.compiled.css CHANGED
@@ -1,18 +1,39 @@
1
1
 
2
2
  ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
- ._nup91zz4._nup91zz4, a._u4iq1zz4._u4iq1zz4{background:var(--bg-color)}
4
- ._12r21wq8._12r21wq8, a._il101wq8._il101wq8{font-weight:var(--ds-font-weight-medium,500)}
5
- ._1bk69tn6._1bk69tn6, a._1wy69tn6._1wy69tn6{padding-inline-end:var(--_zkfc5e)}
6
- ._1dltgrf3._1dltgrf3, a._h03xgrf3._h03xgrf3{padding-top:0!important}
7
- ._1g4l107e._1g4l107e, a._y8dn107e._y8dn107e{transform:translateX(-2px)}
8
- ._1ku2grf3._1ku2grf3, a._1v8mgrf3._1v8mgrf3{padding-block-end:0!important}
9
- ._1w901pkf._1w901pkf, a._qkwg1pkf._qkwg1pkf{color:var(--color)!important}
10
- ._1yxxgrf3._1yxxgrf3, a._z7cdgrf3._z7cdgrf3{padding-left:0!important}
11
- ._b3g39tn6._b3g39tn6, a._eqps9tn6._eqps9tn6{padding-inline-start:var(--_zkfc5e)}
12
- ._fjwrgrf3._fjwrgrf3, a._cwkngrf3._cwkngrf3{padding-bottom:0!important}
13
- ._gbuigrf3._gbuigrf3, a._1dwvgrf3._1dwvgrf3{padding-block-start:0!important}
14
- ._w8sqgrf3._w8sqgrf3, a._1iysgrf3._1iysgrf3{padding-right:0!important}
15
- ._u1mb14jz._u1mb14jz:hover{background-color:var(--bg-color-hover)}._10fu17w4._10fu17w4:active{background-color:var(--bg-color-active)}
16
- ._17rj8stv._17rj8stv:active, ._1p6m8stv._1p6m8stv:hover, a._5kwq8stv._5kwq8stv:active, a._1pd88stv._1pd88stv:hover{text-decoration-line:underline}
17
- ._1iqunqa1._1iqunqa1:active, ._1ejunqa1._1ejunqa1:hover, a._b6ztnqa1._b6ztnqa1:active, a._1rsgnqa1._1rsgnqa1:hover{text-decoration-style:solid}
18
- ._ow071r31._ow071r31:active, ._1p6b1r31._1p6b1r31:hover, a._8dbm1r31._8dbm1r31:active, a._77mc1r31._77mc1r31:hover{text-decoration-color:currentColor}
3
+ ._nup91zz4._nup91zz4{background:var(--bg-color)}
4
+ a._u4iq1zz4._u4iq1zz4{background:var(--bg-color)}
5
+ ._12r21wq8._12r21wq8{font-weight:var(--ds-font-weight-medium,500)}
6
+ ._1bk61a66._1bk61a66{padding-inline-end:var(--ds-space-100,8px)!important}
7
+ ._1dltgrf3._1dltgrf3{padding-top:0!important}
8
+ ._1g4l107e._1g4l107e{transform:translateX(-2px)}
9
+ ._1ku2grf3._1ku2grf3{padding-block-end:0!important}
10
+ ._1w901pkf._1w901pkf{color:var(--color)!important}
11
+ ._1yxxgrf3._1yxxgrf3{padding-left:0!important}
12
+ ._b3g31a66._b3g31a66{padding-inline-start:var(--ds-space-100,8px)!important}
13
+ ._fjwrgrf3._fjwrgrf3{padding-bottom:0!important}
14
+ ._gbuigrf3._gbuigrf3{padding-block-start:0!important}
15
+ ._w8sqgrf3._w8sqgrf3{padding-right:0!important}
16
+ a._1dwvgrf3._1dwvgrf3{padding-block-start:0!important}
17
+ a._1iysgrf3._1iysgrf3{padding-right:0!important}
18
+ a._1v8mgrf3._1v8mgrf3{padding-block-end:0!important}
19
+ a._1wy61a66._1wy61a66{padding-inline-end:var(--ds-space-100,8px)!important}
20
+ a._cwkngrf3._cwkngrf3{padding-bottom:0!important}
21
+ a._eqps1a66._eqps1a66{padding-inline-start:var(--ds-space-100,8px)!important}
22
+ a._h03xgrf3._h03xgrf3{padding-top:0!important}
23
+ a._il101wq8._il101wq8{font-weight:var(--ds-font-weight-medium,500)}
24
+ a._qkwg1pkf._qkwg1pkf{color:var(--color)!important}
25
+ a._y8dn107e._y8dn107e{transform:translateX(-2px)}
26
+ a._z7cdgrf3._z7cdgrf3{padding-left:0!important}
27
+ ._1ejunqa1._1ejunqa1:hover{text-decoration-style:solid}
28
+ ._1p6b1r31._1p6b1r31:hover{text-decoration-color:currentColor}
29
+ ._1p6m8stv._1p6m8stv:hover{text-decoration-line:underline}
30
+ ._u1mb14jz._u1mb14jz:hover{background-color:var(--bg-color-hover)}
31
+ a._1pd88stv._1pd88stv:hover{text-decoration-line:underline}
32
+ a._1rsgnqa1._1rsgnqa1:hover{text-decoration-style:solid}
33
+ a._77mc1r31._77mc1r31:hover{text-decoration-color:currentColor}._10fu17w4._10fu17w4:active{background-color:var(--bg-color-active)}
34
+ ._17rj8stv._17rj8stv:active{text-decoration-line:underline}
35
+ ._1iqunqa1._1iqunqa1:active{text-decoration-style:solid}
36
+ ._ow071r31._ow071r31:active{text-decoration-color:currentColor}
37
+ a._5kwq8stv._5kwq8stv:active{text-decoration-line:underline}
38
+ a._8dbm1r31._8dbm1r31:active{text-decoration-color:currentColor}
39
+ a._b6ztnqa1._b6ztnqa1:active{text-decoration-style:solid}
package/dist/cjs/flag-actions.js CHANGED
@@ -1,4 +1,5 @@
1
- /* flag-actions.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* flag-actions.tsx generated by @compiled/babel-plugin v0.38.1 */
2
+ /* eslint-disable @atlaskit/design-system/no-nested-styles */
2
3
  "use strict";
3
4
 
4
5
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -10,14 +11,11 @@ exports.default = void 0;
10
11
  require("./flag-actions.compiled.css");
11
12
  var React = _interopRequireWildcard(require("react"));
12
13
  var _runtime = require("@compiled/react/runtime");
13
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
14
  var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
15
15
  var _compiled = require("@atlaskit/primitives/compiled");
16
16
  var _constants = require("./constants");
17
17
  var _theme = require("./theme");
18
18
  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); }
19
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20
- 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) { (0, _defineProperty2.default)(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; } /* eslint-disable @atlaskit/design-system/no-nested-styles */
21
19
  var buttonStyles = null;
22
20
  var fontStyles = null;
23
21
  var appearanceNormalButtonStyles = null;
@@ -51,8 +49,7 @@ var FlagActions = function FlagActions(props) {
51
49
  spacing: "compact",
52
50
  testId: action.testId,
53
51
  key: index,
54
- className: (0, _runtime.ax)(["_nup91zz4 _u4iq1zz4 _1w901pkf _qkwg1pkf _12r21wq8 _il101wq8 _1ku2grf3 _1v8mgrf3 _gbuigrf3 _1dwvgrf3 _1bk69tn6 _1wy69tn6 _b3g39tn6 _eqps9tn6 _ow071r31 _1p6b1r31 _8dbm1r31 _77mc1r31 _17rj8stv _1p6m8stv _5kwq8stv _1pd88stv _1iqunqa1 _1ejunqa1 _b6ztnqa1 _1rsgnqa1 _u1mb14jz _10fu17w4", appearance === _constants.DEFAULT_APPEARANCE && "_1dltgrf3 _h03xgrf3 _w8sqgrf3 _1iysgrf3 _fjwrgrf3 _cwkngrf3 _1yxxgrf3 _z7cdgrf3"]),
55
- style: _objectSpread(_objectSpread({}, {
52
+ style: {
56
53
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
57
54
  '--color': _theme.actionTextColor[appearance],
58
55
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -61,9 +58,8 @@ var FlagActions = function FlagActions(props) {
61
58
  '--bg-color-hover': _theme.actionBackgroundColor[appearance].pressed,
62
59
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
63
60
  '--bg-color-active': _theme.actionBackgroundColor[appearance].active
64
- }), {}, {
65
- "--_zkfc5e": (0, _runtime.ix)("var(--ds-space-100, 8px)".concat(" !important"))
66
- })
61
+ },
62
+ className: (0, _runtime.ax)(["_nup91zz4 _u4iq1zz4 _1w901pkf _qkwg1pkf _12r21wq8 _il101wq8 _1ku2grf3 _1v8mgrf3 _gbuigrf3 _1dwvgrf3 _1bk61a66 _1wy61a66 _b3g31a66 _eqps1a66 _ow071r31 _1p6b1r31 _8dbm1r31 _77mc1r31 _17rj8stv _1p6m8stv _5kwq8stv _1pd88stv _1iqunqa1 _1ejunqa1 _b6ztnqa1 _1rsgnqa1 _u1mb14jz _10fu17w4", appearance === _constants.DEFAULT_APPEARANCE && "_1dltgrf3 _h03xgrf3 _w8sqgrf3 _1iysgrf3 _fjwrgrf3 _cwkngrf3 _1yxxgrf3 _z7cdgrf3"])
67
63
  }, action.content);
68
64
  })));
69
65
  };
package/dist/cjs/flag-group.js CHANGED
@@ -1,4 +1,4 @@
1
- /* flag-group.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* flag-group.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -88,7 +88,8 @@ var FlagGroup = function FlagGroup(props) {
88
88
  return /*#__PURE__*/React.createElement("div", {
89
89
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
90
90
  className: (0, _runtime.ax)([groupStyles.root, index === 0 && groupStyles.first, index === 1 && groupStyles.second, index >= 1 && groupStyles.nth, index >= 2 && groupStyles.hidden, isDismissAllowed && "_12a7luct", className]),
91
- ref: ref
91
+ ref: ref,
92
+ "data-vc-oob": true
92
93
  }, /*#__PURE__*/React.createElement(FlagGroupContext.Provider, {
93
94
  value:
94
95
  // Only the first flag should be able to be dismissed.
@@ -99,6 +100,7 @@ var FlagGroup = function FlagGroup(props) {
99
100
  };
100
101
  var flags = /*#__PURE__*/React.createElement("div", {
101
102
  id: id,
103
+ "data-vc-oob": true,
102
104
  className: (0, _runtime.ax)(["_kqsw1n9t _1pbyxejw _u7cooahv _1e021epz _1iafidpf _il0widpf"])
103
105
  }, hasFlags ? /*#__PURE__*/React.createElement(_visuallyHidden.default, null, /*#__PURE__*/React.createElement(LabelTag, null, label)) : null, /*#__PURE__*/React.createElement(_motion.ExitingPersistence, {
104
106
  appear: false
package/dist/cjs/flag.js CHANGED
@@ -1,4 +1,4 @@
1
- /* flag.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* flag.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -38,7 +38,7 @@ var flagWrapperStyles = null;
38
38
  var analyticsAttributes = {
39
39
  componentName: 'flag',
40
40
  packageName: "@atlaskit/flag",
41
- packageVersion: "0.0.0-development"
41
+ packageVersion: "17.4.4"
42
42
  };
43
43
  var transitionStyles = null;
44
44
 
package/dist/cjs/internal/expander.js CHANGED
@@ -1,4 +1,4 @@
1
- /* expander.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* expander.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
package/dist/es2019/auto-dismiss-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 = "0.0.0-development";
8
+ const packageVersion = "17.4.4";
9
9
  export const AUTO_DISMISS_SECONDS = 8;
10
10
 
11
11
  /**
package/dist/es2019/flag-actions.compiled.css CHANGED
@@ -1,18 +1,39 @@
1
1
 
2
2
  ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
- ._nup91zz4._nup91zz4, a._u4iq1zz4._u4iq1zz4{background:var(--bg-color)}
4
- ._12r21wq8._12r21wq8, a._il101wq8._il101wq8{font-weight:var(--ds-font-weight-medium,500)}
5
- ._1bk61a66._1bk61a66, a._1wy61a66._1wy61a66{padding-inline-end:var(--ds-space-100,8px)!important}
6
- ._1dltgrf3._1dltgrf3, a._h03xgrf3._h03xgrf3{padding-top:0!important}
7
- ._1g4l107e._1g4l107e, a._y8dn107e._y8dn107e{transform:translateX(-2px)}
8
- ._1ku2grf3._1ku2grf3, a._1v8mgrf3._1v8mgrf3{padding-block-end:0!important}
9
- ._1w901pkf._1w901pkf, a._qkwg1pkf._qkwg1pkf{color:var(--color)!important}
10
- ._1yxxgrf3._1yxxgrf3, a._z7cdgrf3._z7cdgrf3{padding-left:0!important}
11
- ._b3g31a66._b3g31a66, a._eqps1a66._eqps1a66{padding-inline-start:var(--ds-space-100,8px)!important}
12
- ._fjwrgrf3._fjwrgrf3, a._cwkngrf3._cwkngrf3{padding-bottom:0!important}
13
- ._gbuigrf3._gbuigrf3, a._1dwvgrf3._1dwvgrf3{padding-block-start:0!important}
14
- ._w8sqgrf3._w8sqgrf3, a._1iysgrf3._1iysgrf3{padding-right:0!important}
15
- ._u1mb14jz._u1mb14jz:hover{background-color:var(--bg-color-hover)}._10fu17w4._10fu17w4:active{background-color:var(--bg-color-active)}
16
- ._17rj8stv._17rj8stv:active, ._1p6m8stv._1p6m8stv:hover, a._5kwq8stv._5kwq8stv:active, a._1pd88stv._1pd88stv:hover{text-decoration-line:underline}
17
- ._1iqunqa1._1iqunqa1:active, ._1ejunqa1._1ejunqa1:hover, a._b6ztnqa1._b6ztnqa1:active, a._1rsgnqa1._1rsgnqa1:hover{text-decoration-style:solid}
18
- ._ow071r31._ow071r31:active, ._1p6b1r31._1p6b1r31:hover, a._8dbm1r31._8dbm1r31:active, a._77mc1r31._77mc1r31:hover{text-decoration-color:currentColor}
3
+ ._nup91zz4._nup91zz4{background:var(--bg-color)}
4
+ a._u4iq1zz4._u4iq1zz4{background:var(--bg-color)}
5
+ ._12r21wq8._12r21wq8{font-weight:var(--ds-font-weight-medium,500)}
6
+ ._1bk61a66._1bk61a66{padding-inline-end:var(--ds-space-100,8px)!important}
7
+ ._1dltgrf3._1dltgrf3{padding-top:0!important}
8
+ ._1g4l107e._1g4l107e{transform:translateX(-2px)}
9
+ ._1ku2grf3._1ku2grf3{padding-block-end:0!important}
10
+ ._1w901pkf._1w901pkf{color:var(--color)!important}
11
+ ._1yxxgrf3._1yxxgrf3{padding-left:0!important}
12
+ ._b3g31a66._b3g31a66{padding-inline-start:var(--ds-space-100,8px)!important}
13
+ ._fjwrgrf3._fjwrgrf3{padding-bottom:0!important}
14
+ ._gbuigrf3._gbuigrf3{padding-block-start:0!important}
15
+ ._w8sqgrf3._w8sqgrf3{padding-right:0!important}
16
+ a._1dwvgrf3._1dwvgrf3{padding-block-start:0!important}
17
+ a._1iysgrf3._1iysgrf3{padding-right:0!important}
18
+ a._1v8mgrf3._1v8mgrf3{padding-block-end:0!important}
19
+ a._1wy61a66._1wy61a66{padding-inline-end:var(--ds-space-100,8px)!important}
20
+ a._cwkngrf3._cwkngrf3{padding-bottom:0!important}
21
+ a._eqps1a66._eqps1a66{padding-inline-start:var(--ds-space-100,8px)!important}
22
+ a._h03xgrf3._h03xgrf3{padding-top:0!important}
23
+ a._il101wq8._il101wq8{font-weight:var(--ds-font-weight-medium,500)}
24
+ a._qkwg1pkf._qkwg1pkf{color:var(--color)!important}
25
+ a._y8dn107e._y8dn107e{transform:translateX(-2px)}
26
+ a._z7cdgrf3._z7cdgrf3{padding-left:0!important}
27
+ ._1ejunqa1._1ejunqa1:hover{text-decoration-style:solid}
28
+ ._1p6b1r31._1p6b1r31:hover{text-decoration-color:currentColor}
29
+ ._1p6m8stv._1p6m8stv:hover{text-decoration-line:underline}
30
+ ._u1mb14jz._u1mb14jz:hover{background-color:var(--bg-color-hover)}
31
+ a._1pd88stv._1pd88stv:hover{text-decoration-line:underline}
32
+ a._1rsgnqa1._1rsgnqa1:hover{text-decoration-style:solid}
33
+ a._77mc1r31._77mc1r31:hover{text-decoration-color:currentColor}._10fu17w4._10fu17w4:active{background-color:var(--bg-color-active)}
34
+ ._17rj8stv._17rj8stv:active{text-decoration-line:underline}
35
+ ._1iqunqa1._1iqunqa1:active{text-decoration-style:solid}
36
+ ._ow071r31._ow071r31:active{text-decoration-color:currentColor}
37
+ a._5kwq8stv._5kwq8stv:active{text-decoration-line:underline}
38
+ a._8dbm1r31._8dbm1r31:active{text-decoration-color:currentColor}
39
+ a._b6ztnqa1._b6ztnqa1:active{text-decoration-style:solid}
package/dist/es2019/flag-actions.js CHANGED
@@ -1,4 +1,4 @@
1
- /* flag-actions.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* flag-actions.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  /* eslint-disable @atlaskit/design-system/no-nested-styles */
3
3
  import "./flag-actions.compiled.css";
4
4
  import * as React from 'react';
package/dist/es2019/flag-group.js CHANGED
@@ -1,4 +1,4 @@
1
- /* flag-group.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* flag-group.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./flag-group.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -73,7 +73,8 @@ const FlagGroup = props => {
73
73
  }) => /*#__PURE__*/React.createElement("div", {
74
74
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
75
75
  className: ax([groupStyles.root, index === 0 && groupStyles.first, index === 1 && groupStyles.second, index >= 1 && groupStyles.nth, index >= 2 && groupStyles.hidden, isDismissAllowed && "_12a7luct", className]),
76
- ref: ref
76
+ ref: ref,
77
+ "data-vc-oob": true
77
78
  }, /*#__PURE__*/React.createElement(FlagGroupContext.Provider, {
78
79
  value:
79
80
  // Only the first flag should be able to be dismissed.
@@ -83,6 +84,7 @@ const FlagGroup = props => {
83
84
  };
84
85
  const flags = /*#__PURE__*/React.createElement("div", {
85
86
  id: id,
87
+ "data-vc-oob": true,
86
88
  className: ax(["_kqsw1n9t _1pbyxejw _u7cooahv _1e021epz _1iafidpf _il0widpf"])
87
89
  }, hasFlags ? /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement(LabelTag, null, label)) : null, /*#__PURE__*/React.createElement(ExitingPersistence, {
88
90
  appear: false
package/dist/es2019/flag.js CHANGED
@@ -1,4 +1,4 @@
1
- /* flag.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* flag.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./flag.compiled.css";
4
4
  import * as React from 'react';
@@ -25,7 +25,7 @@ const flagWrapperStyles = null;
25
25
  const analyticsAttributes = {
26
26
  componentName: 'flag',
27
27
  packageName: "@atlaskit/flag",
28
- packageVersion: "0.0.0-development"
28
+ packageVersion: "17.4.4"
29
29
  };
30
30
  const transitionStyles = null;
31
31
 
package/dist/es2019/internal/expander.js CHANGED
@@ -1,4 +1,4 @@
1
- /* expander.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* expander.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./expander.compiled.css";
4
4
  import * as React from 'react';
package/dist/esm/auto-dismiss-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 = "0.0.0-development";
8
+ var packageVersion = "17.4.4";
9
9
  export var AUTO_DISMISS_SECONDS = 8;
10
10
 
11
11
  /**
package/dist/esm/flag-actions.compiled.css CHANGED
@@ -1,18 +1,39 @@
1
1
 
2
2
  ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
- ._nup91zz4._nup91zz4, a._u4iq1zz4._u4iq1zz4{background:var(--bg-color)}
4
- ._12r21wq8._12r21wq8, a._il101wq8._il101wq8{font-weight:var(--ds-font-weight-medium,500)}
5
- ._1bk69tn6._1bk69tn6, a._1wy69tn6._1wy69tn6{padding-inline-end:var(--_zkfc5e)}
6
- ._1dltgrf3._1dltgrf3, a._h03xgrf3._h03xgrf3{padding-top:0!important}
7
- ._1g4l107e._1g4l107e, a._y8dn107e._y8dn107e{transform:translateX(-2px)}
8
- ._1ku2grf3._1ku2grf3, a._1v8mgrf3._1v8mgrf3{padding-block-end:0!important}
9
- ._1w901pkf._1w901pkf, a._qkwg1pkf._qkwg1pkf{color:var(--color)!important}
10
- ._1yxxgrf3._1yxxgrf3, a._z7cdgrf3._z7cdgrf3{padding-left:0!important}
11
- ._b3g39tn6._b3g39tn6, a._eqps9tn6._eqps9tn6{padding-inline-start:var(--_zkfc5e)}
12
- ._fjwrgrf3._fjwrgrf3, a._cwkngrf3._cwkngrf3{padding-bottom:0!important}
13
- ._gbuigrf3._gbuigrf3, a._1dwvgrf3._1dwvgrf3{padding-block-start:0!important}
14
- ._w8sqgrf3._w8sqgrf3, a._1iysgrf3._1iysgrf3{padding-right:0!important}
15
- ._u1mb14jz._u1mb14jz:hover{background-color:var(--bg-color-hover)}._10fu17w4._10fu17w4:active{background-color:var(--bg-color-active)}
16
- ._17rj8stv._17rj8stv:active, ._1p6m8stv._1p6m8stv:hover, a._5kwq8stv._5kwq8stv:active, a._1pd88stv._1pd88stv:hover{text-decoration-line:underline}
17
- ._1iqunqa1._1iqunqa1:active, ._1ejunqa1._1ejunqa1:hover, a._b6ztnqa1._b6ztnqa1:active, a._1rsgnqa1._1rsgnqa1:hover{text-decoration-style:solid}
18
- ._ow071r31._ow071r31:active, ._1p6b1r31._1p6b1r31:hover, a._8dbm1r31._8dbm1r31:active, a._77mc1r31._77mc1r31:hover{text-decoration-color:currentColor}
3
+ ._nup91zz4._nup91zz4{background:var(--bg-color)}
4
+ a._u4iq1zz4._u4iq1zz4{background:var(--bg-color)}
5
+ ._12r21wq8._12r21wq8{font-weight:var(--ds-font-weight-medium,500)}
6
+ ._1bk61a66._1bk61a66{padding-inline-end:var(--ds-space-100,8px)!important}
7
+ ._1dltgrf3._1dltgrf3{padding-top:0!important}
8
+ ._1g4l107e._1g4l107e{transform:translateX(-2px)}
9
+ ._1ku2grf3._1ku2grf3{padding-block-end:0!important}
10
+ ._1w901pkf._1w901pkf{color:var(--color)!important}
11
+ ._1yxxgrf3._1yxxgrf3{padding-left:0!important}
12
+ ._b3g31a66._b3g31a66{padding-inline-start:var(--ds-space-100,8px)!important}
13
+ ._fjwrgrf3._fjwrgrf3{padding-bottom:0!important}
14
+ ._gbuigrf3._gbuigrf3{padding-block-start:0!important}
15
+ ._w8sqgrf3._w8sqgrf3{padding-right:0!important}
16
+ a._1dwvgrf3._1dwvgrf3{padding-block-start:0!important}
17
+ a._1iysgrf3._1iysgrf3{padding-right:0!important}
18
+ a._1v8mgrf3._1v8mgrf3{padding-block-end:0!important}
19
+ a._1wy61a66._1wy61a66{padding-inline-end:var(--ds-space-100,8px)!important}
20
+ a._cwkngrf3._cwkngrf3{padding-bottom:0!important}
21
+ a._eqps1a66._eqps1a66{padding-inline-start:var(--ds-space-100,8px)!important}
22
+ a._h03xgrf3._h03xgrf3{padding-top:0!important}
23
+ a._il101wq8._il101wq8{font-weight:var(--ds-font-weight-medium,500)}
24
+ a._qkwg1pkf._qkwg1pkf{color:var(--color)!important}
25
+ a._y8dn107e._y8dn107e{transform:translateX(-2px)}
26
+ a._z7cdgrf3._z7cdgrf3{padding-left:0!important}
27
+ ._1ejunqa1._1ejunqa1:hover{text-decoration-style:solid}
28
+ ._1p6b1r31._1p6b1r31:hover{text-decoration-color:currentColor}
29
+ ._1p6m8stv._1p6m8stv:hover{text-decoration-line:underline}
30
+ ._u1mb14jz._u1mb14jz:hover{background-color:var(--bg-color-hover)}
31
+ a._1pd88stv._1pd88stv:hover{text-decoration-line:underline}
32
+ a._1rsgnqa1._1rsgnqa1:hover{text-decoration-style:solid}
33
+ a._77mc1r31._77mc1r31:hover{text-decoration-color:currentColor}._10fu17w4._10fu17w4:active{background-color:var(--bg-color-active)}
34
+ ._17rj8stv._17rj8stv:active{text-decoration-line:underline}
35
+ ._1iqunqa1._1iqunqa1:active{text-decoration-style:solid}
36
+ ._ow071r31._ow071r31:active{text-decoration-color:currentColor}
37
+ a._5kwq8stv._5kwq8stv:active{text-decoration-line:underline}
38
+ a._8dbm1r31._8dbm1r31:active{text-decoration-color:currentColor}
39
+ a._b6ztnqa1._b6ztnqa1:active{text-decoration-style:solid}
package/dist/esm/flag-actions.js CHANGED
@@ -1,12 +1,8 @@
1
- /* flag-actions.tsx generated by @compiled/babel-plugin v0.36.1 */
2
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
1
+ /* flag-actions.tsx generated by @compiled/babel-plugin v0.38.1 */
2
+ /* eslint-disable @atlaskit/design-system/no-nested-styles */
3
3
  import "./flag-actions.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7
- 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; }
8
- /* eslint-disable @atlaskit/design-system/no-nested-styles */
9
-
10
6
  import Button from '@atlaskit/button/custom-theme-button';
11
7
  import { Inline } from '@atlaskit/primitives/compiled';
12
8
  import { DEFAULT_APPEARANCE } from './constants';
@@ -44,8 +40,7 @@ var FlagActions = function FlagActions(props) {
44
40
  spacing: "compact",
45
41
  testId: action.testId,
46
42
  key: index,
47
- className: ax(["_nup91zz4 _u4iq1zz4 _1w901pkf _qkwg1pkf _12r21wq8 _il101wq8 _1ku2grf3 _1v8mgrf3 _gbuigrf3 _1dwvgrf3 _1bk69tn6 _1wy69tn6 _b3g39tn6 _eqps9tn6 _ow071r31 _1p6b1r31 _8dbm1r31 _77mc1r31 _17rj8stv _1p6m8stv _5kwq8stv _1pd88stv _1iqunqa1 _1ejunqa1 _b6ztnqa1 _1rsgnqa1 _u1mb14jz _10fu17w4", appearance === DEFAULT_APPEARANCE && "_1dltgrf3 _h03xgrf3 _w8sqgrf3 _1iysgrf3 _fjwrgrf3 _cwkngrf3 _1yxxgrf3 _z7cdgrf3"]),
48
- style: _objectSpread(_objectSpread({}, {
43
+ style: {
49
44
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
50
45
  '--color': actionTextColor[appearance],
51
46
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -54,9 +49,8 @@ var FlagActions = function FlagActions(props) {
54
49
  '--bg-color-hover': actionBackgroundColor[appearance].pressed,
55
50
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
56
51
  '--bg-color-active': actionBackgroundColor[appearance].active
57
- }), {}, {
58
- "--_zkfc5e": ix("var(--ds-space-100, 8px)".concat(" !important"))
59
- })
52
+ },
53
+ className: ax(["_nup91zz4 _u4iq1zz4 _1w901pkf _qkwg1pkf _12r21wq8 _il101wq8 _1ku2grf3 _1v8mgrf3 _gbuigrf3 _1dwvgrf3 _1bk61a66 _1wy61a66 _b3g31a66 _eqps1a66 _ow071r31 _1p6b1r31 _8dbm1r31 _77mc1r31 _17rj8stv _1p6m8stv _5kwq8stv _1pd88stv _1iqunqa1 _1ejunqa1 _b6ztnqa1 _1rsgnqa1 _u1mb14jz _10fu17w4", appearance === DEFAULT_APPEARANCE && "_1dltgrf3 _h03xgrf3 _w8sqgrf3 _1iysgrf3 _fjwrgrf3 _cwkngrf3 _1yxxgrf3 _z7cdgrf3"])
60
54
  }, action.content);
61
55
  })));
62
56
  };
package/dist/esm/flag-group.js CHANGED
@@ -1,4 +1,4 @@
1
- /* flag-group.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* flag-group.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _typeof from "@babel/runtime/helpers/typeof";
3
3
  import "./flag-group.compiled.css";
4
4
  import * as React from 'react';
@@ -78,7 +78,8 @@ var FlagGroup = function FlagGroup(props) {
78
78
  return /*#__PURE__*/React.createElement("div", {
79
79
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
80
80
  className: ax([groupStyles.root, index === 0 && groupStyles.first, index === 1 && groupStyles.second, index >= 1 && groupStyles.nth, index >= 2 && groupStyles.hidden, isDismissAllowed && "_12a7luct", className]),
81
- ref: ref
81
+ ref: ref,
82
+ "data-vc-oob": true
82
83
  }, /*#__PURE__*/React.createElement(FlagGroupContext.Provider, {
83
84
  value:
84
85
  // Only the first flag should be able to be dismissed.
@@ -89,6 +90,7 @@ var FlagGroup = function FlagGroup(props) {
89
90
  };
90
91
  var flags = /*#__PURE__*/React.createElement("div", {
91
92
  id: id,
93
+ "data-vc-oob": true,
92
94
  className: ax(["_kqsw1n9t _1pbyxejw _u7cooahv _1e021epz _1iafidpf _il0widpf"])
93
95
  }, hasFlags ? /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement(LabelTag, null, label)) : null, /*#__PURE__*/React.createElement(ExitingPersistence, {
94
96
  appear: false
package/dist/esm/flag.js CHANGED
@@ -1,4 +1,4 @@
1
- /* flag.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* flag.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
@@ -29,7 +29,7 @@ var flagWrapperStyles = null;
29
29
  var analyticsAttributes = {
30
30
  componentName: 'flag',
31
31
  packageName: "@atlaskit/flag",
32
- packageVersion: "0.0.0-development"
32
+ packageVersion: "17.4.4"
33
33
  };
34
34
  var transitionStyles = null;
35
35
 
package/dist/esm/internal/expander.js CHANGED
@@ -1,4 +1,4 @@
1
- /* expander.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* expander.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./expander.compiled.css";
4
4
  import * as React from 'react';
package/offerings.json ADDED
@@ -0,0 +1,37 @@
1
+ [
2
+ {
3
+ "name": "Flag",
4
+ "package": "@atlaskit/flag",
5
+ "import": {
6
+ "name": "Flag",
7
+ "package": "@atlaskit/flag",
8
+ "type": "default"
9
+ },
10
+ "keywords": ["flag", "message", "notification", "alert", "toast"],
11
+ "categories": ["feedback"],
12
+ "shortDescription": "A component for displaying brief messages.",
13
+ "status": "general-availability",
14
+ "accessibilityGuidelines": [
15
+ "Ensure flag content is announced by screen readers",
16
+ "Use appropriate timing for auto-dismiss",
17
+ "Provide clear action options",
18
+ "Consider screen reader announcement conflicts",
19
+ "Use an h2 heading level for the title",
20
+ "Use the `headingLevel` prop to maintain proper heading hierarchy"
21
+ ],
22
+ "usageGuidelines": [
23
+ "Use for confirmations and alerts needing minimal interaction",
24
+ "Display event-driven messages",
25
+ "Position at bottom left of screen",
26
+ "Consider auto-dismiss timing"
27
+ ],
28
+ "contentGuidelines": [
29
+ "Be clear about what went wrong for errors",
30
+ "Provide specific steps to resolve issues",
31
+ "Use a helpful, non-threatening tone",
32
+ "Clearly state potential consequences for warnings",
33
+ "Confirm outcome then get out of the way for success messages"
34
+ ],
35
+ "examples": ["./examples/ai/flag.tsx"]
36
+ }
37
+ ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/flag",
3
- "version": "17.4.3",
3
+ "version": "17.5.0",
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/"
@@ -33,20 +33,20 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@atlaskit/analytics-next": "^11.1.0",
36
- "@atlaskit/button": "^23.4.0",
37
- "@atlaskit/css": "^0.14.0",
38
- "@atlaskit/ds-lib": "^5.0.0",
36
+ "@atlaskit/button": "^23.5.0",
37
+ "@atlaskit/css": "^0.15.0",
38
+ "@atlaskit/ds-lib": "^5.1.0",
39
39
  "@atlaskit/heading": "^5.2.0",
40
- "@atlaskit/icon": "^28.1.0",
40
+ "@atlaskit/icon": "^28.5.0",
41
41
  "@atlaskit/motion": "^5.3.0",
42
42
  "@atlaskit/platform-feature-flags": "^1.1.0",
43
43
  "@atlaskit/portal": "^5.1.0",
44
- "@atlaskit/primitives": "^14.14.0",
44
+ "@atlaskit/primitives": "^15.0.0",
45
45
  "@atlaskit/theme": "^21.0.0",
46
- "@atlaskit/tokens": "^6.3.0",
46
+ "@atlaskit/tokens": "^6.5.0",
47
47
  "@atlaskit/visually-hidden": "^3.0.0",
48
48
  "@babel/runtime": "^7.0.0",
49
- "@compiled/react": "^0.18.3"
49
+ "@compiled/react": "^0.18.6"
50
50
  },
51
51
  "peerDependencies": {
52
52
  "react": "^18.2.0"
@@ -55,7 +55,7 @@
55
55
  "@af/accessibility-testing": "workspace:^",
56
56
  "@af/integration-testing": "workspace:^",
57
57
  "@af/visual-regression": "workspace:^",
58
- "@atlaskit/docs": "^11.0.0",
58
+ "@atlaskit/docs": "^11.2.0",
59
59
  "@atlaskit/drawer": "^11.0.0",
60
60
  "@atlaskit/link": "^3.2.0",
61
61
  "@atlaskit/radio": "^8.3.0",