@atlaskit/flag 17.4.3 → 17.4.4

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 CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/flag
2
2
 
3
+ ## 17.4.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 17.4.3
4
10
 
5
11
  ### Patch Changes
@@ -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}
@@ -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
  };
@@ -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");
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");
@@ -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");
@@ -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}
@@ -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';
@@ -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";
@@ -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';
@@ -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';
@@ -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}
@@ -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
  };
@@ -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';
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";
@@ -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.4.4",
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,17 +33,17 @@
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
49
  "@compiled/react": "^0.18.3"
@@ -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.1.0",
59
59
  "@atlaskit/drawer": "^11.0.0",
60
60
  "@atlaskit/link": "^3.2.0",
61
61
  "@atlaskit/radio": "^8.3.0",