@atlaskit/flag 15.5.3 → 15.6.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/flag
 
+## 15.6.0
+
+### Minor Changes
+
+- [#111878](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111878)
+  [`223959ef57c80`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/223959ef57c80) -
+  Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime
+  is implicitly set to automatic.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.5.3
 
 ### Patch Changes
@@ -43,7 +56,7 @@
 
 - [#91526](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91526)
   [`3f7f99daae4a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3f7f99daae4a) -
-  Add support for React 18.
+  Add support for React 18 in non-strict mode.
 
 ## 15.3.0
 

package/README.md

@@ -1,6 +1,7 @@
 # Flag
 
-A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.
+A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction,
+often displayed using a flag group.
 
 ## Installation
 

package/__perf__/autodismiss.tsx

@@ -5,14 +5,14 @@ import InfoIcon from '@atlaskit/icon/glyph/info';
 import { AutoDismissFlag } from '../src';
 
 export default function FlagInfo() {
-  return (
-    <AutoDismissFlag
-      appearance="info"
-      icon={<InfoIcon label="Info" />}
-      id="info"
-      title="Where is everybody?"
-      description="There’s no one in this project. Add yourself or your team to get the party started."
-      actions={[]}
-    />
-  );
+	return (
+		<AutoDismissFlag
+			appearance="info"
+			icon={<InfoIcon label="Info" />}
+			id="info"
+			title="Where is everybody?"
+			description="There’s no one in this project. Add yourself or your team to get the party started."
+			actions={[]}
+		/>
+	);
 }

package/__perf__/default.tsx

@@ -5,14 +5,14 @@ import InfoIcon from '@atlaskit/icon/glyph/info';
 import Flag from '../src';
 
 export default function FlagInfo() {
-  return (
-    <Flag
-      appearance="info"
-      icon={<InfoIcon label="Info" />}
-      id="info"
-      title="Where is everybody?"
-      description="There’s no one in this project. Add yourself or your team to get the party started."
-      actions={[]}
-    />
-  );
+	return (
+		<Flag
+			appearance="info"
+			icon={<InfoIcon label="Info" />}
+			id="info"
+			title="Where is everybody?"
+			description="There’s no one in this project. Add yourself or your team to get the party started."
+			actions={[]}
+		/>
+	);
 }

package/__perf__/with-flag-group.tsx

@@ -7,20 +7,15 @@ import { token } from '@atlaskit/tokens';
 import Flag, { FlagGroup } from '../src';
 
 export default () => (
-  <FlagGroup>
-    <Flag
-      appearance="success"
-      icon={
-        <SuccessIcon
-          label="Success"
-          secondaryColor={token('color.background.success.bold')}
-        />
-      }
-      id="success"
-      key="success"
-      title="Connected"
-      description="All wires now hooked up."
-      actions={[{ content: 'Alrighty then', onClick: noop }]}
-    />
-  </FlagGroup>
+	<FlagGroup>
+		<Flag
+			appearance="success"
+			icon={<SuccessIcon label="Success" secondaryColor={token('color.background.success.bold')} />}
+			id="success"
+			key="success"
+			title="Connected"
+			description="All wires now hooked up."
+			actions={[{ content: 'Alrighty then', onClick: noop }]}
+		/>
+	</FlagGroup>
 );

package/dist/cjs/auto-dismiss-flag.js

@@ -15,7 +15,7 @@ var _flagGroup = require("./flag-group");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var packageName = "@atlaskit/flag";
-var packageVersion = "15.5.3";
+var packageVersion = "15.6.0";
 var AUTO_DISMISS_SECONDS = exports.AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/cjs/flag-actions.js

@@ -12,33 +12,48 @@ var _inline = _interopRequireDefault(require("@atlaskit/primitives/inline"));
 var _constants = require("./constants");
 var _theme = require("./theme");
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var buttonStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&, a&&': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     padding: "0 ".concat("var(--ds-space-100, 8px)", " !important"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     background: "var(".concat(_constants.VAR_BG_COLOR, ")"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     color: "var(".concat(_constants.VAR_COLOR, ") !important"),
     fontWeight: "var(--ds-font-weight-medium, 500)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&:hover, &&:active, a&&:hover, a&&:active': {
     textDecoration: 'underline'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&:hover': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     backgroundColor: "var(".concat(_constants.VAR_BG_COLOR_HOVER, ")")
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&:active': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     backgroundColor: "var(".concat(_constants.VAR_BG_COLOR_ACTIVE, ")")
   }
 });
 var appearanceNormalButtonStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&, a&&': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     padding: '0 !important'
   }
 });
 var appearanceNormalActionsContainerStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&, a&&': {
     transform: 'translateX(-2px)'
   }
@@ -75,7 +90,9 @@ var FlagActions = function FlagActions(props) {
       key: index
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       ,
-      style: (_ref = {}, (0, _defineProperty2.default)(_ref, _constants.VAR_COLOR, _theme.actionTextColor[appearance]), (0, _defineProperty2.default)(_ref, _constants.VAR_BG_COLOR, _theme.actionBackgroundColor[appearance].default), (0, _defineProperty2.default)(_ref, _constants.VAR_BG_COLOR_HOVER, _theme.actionBackgroundColor[appearance].pressed), (0, _defineProperty2.default)(_ref, _constants.VAR_BG_COLOR_ACTIVE, _theme.actionBackgroundColor[appearance].active), _ref),
+      style: (_ref = {}, (0, _defineProperty2.default)(_ref, _constants.VAR_COLOR, _theme.actionTextColor[appearance]), (0, _defineProperty2.default)(_ref, _constants.VAR_BG_COLOR, _theme.actionBackgroundColor[appearance].default), (0, _defineProperty2.default)(_ref, _constants.VAR_BG_COLOR_HOVER, _theme.actionBackgroundColor[appearance].pressed), (0, _defineProperty2.default)(_ref, _constants.VAR_BG_COLOR_ACTIVE, _theme.actionBackgroundColor[appearance].active), _ref)
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      ,
       css: [buttonStyles, appearance === _constants.DEFAULT_APPEARANCE && appearanceNormalButtonStyles]
     }, action.content);
   })));

package/dist/cjs/flag-group.js

@@ -14,8 +14,13 @@ var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _portal = _interopRequireDefault(require("@atlaskit/portal"));
 var _constants = require("@atlaskit/theme/constants");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 
 var gridSize = (0, _constants.gridSize)();
@@ -37,6 +42,7 @@ function useFlagGroup() {
 // transition: none is set on first-of-type to prevent a bug in Firefox
 // that causes a broken transition
 var baseStyles = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: flagWidth,
   position: 'absolute',
   insetBlockEnd: 0,
@@ -46,20 +52,26 @@ var baseStyles = (0, _react2.css)({
   '@media (max-width: 560px)': {
     width: '100vw'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':first-of-type': {
     transform: "translate(0,0)",
     transition: 'none'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':nth-of-type(n + 2)': {
     animationDuration: '0ms',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     transform: "translateX(0) translateY(100%) translateY(".concat(2 * gridSize, "px)")
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':nth-of-type(1)': {
     zIndex: 5
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':nth-of-type(2)': {
     zIndex: 4
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&:nth-of-type(n + 4)': {
     visibility: 'hidden'
   }
@@ -68,7 +80,7 @@ var baseStyles = (0, _react2.css)({
 // Transform needed to push up while 1st flag is leaving
 // Exiting time should match the exiting time of motion so is halved
 var dismissAllowedStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&& + *': {
     transform: "translate(0, 0)",
     transitionDuration: "".concat(flagAnimationTime / 2, "ms")

package/dist/cjs/flag.js

@@ -19,7 +19,9 @@ var _flagActions = _interopRequireDefault(require("./flag-actions"));
 var _flagGroup = require("./flag-group");
 var _internal = require("./internal");
 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; }
-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; } /** @jsx jsx */
+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; } /**
+ * @jsxRuntime classic
+ */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var CSS_VAR_ICON_COLOR = '--flag-icon-color';
 
 // For cases where a single word is longer than the container (e.g. filenames)
@@ -52,7 +54,7 @@ var flagWrapperStyles = (0, _react2.css)({
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.5.3"
+  packageVersion: "15.6.0"
 };
 var transitionStyles = (0, _react2.css)({
   flexGrow: 1,
@@ -155,7 +157,7 @@ var Flag = function Flag(props) {
     space: "space.200"
   }, (0, _react2.jsx)("div", {
     css: iconWrapperStyles
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     ,
     style: (0, _defineProperty2.default)({}, CSS_VAR_ICON_COLOR, iconColor)
   }, icon), (0, _react2.jsx)("span", {
@@ -182,7 +184,7 @@ var Flag = function Flag(props) {
     isExpanded: !isBold || isExpanded,
     testId: testId
   }, description && (0, _react2.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     style: {
       color: _theme.flagTextColorToken[appearance]
     },

package/dist/es2019/auto-dismiss-flag.js

@@ -5,7 +5,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import Flag from './flag';
 import { useFlagGroup } from './flag-group';
 const packageName = "@atlaskit/flag";
-const packageVersion = "15.5.3";
+const packageVersion = "15.6.0";
 export const AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/es2019/flag-actions.js

@@ -1,36 +1,50 @@
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import Inline from '@atlaskit/primitives/inline';
 import { DEFAULT_APPEARANCE, VAR_COLOR, VAR_BG_COLOR, VAR_BG_COLOR_HOVER, VAR_BG_COLOR_ACTIVE } from './constants';
 import { actionBackgroundColor, actionTextColor } from './theme';
 const buttonStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&, a&&': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     padding: `0 ${"var(--ds-space-100, 8px)"} !important`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     background: `var(${VAR_BG_COLOR})`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     color: `var(${VAR_COLOR}) !important`,
     fontWeight: "var(--ds-font-weight-medium, 500)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&:hover, &&:active, a&&:hover, a&&:active': {
     textDecoration: 'underline'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&:hover': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     backgroundColor: `var(${VAR_BG_COLOR_HOVER})`
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&:active': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     backgroundColor: `var(${VAR_BG_COLOR_ACTIVE})`
   }
 });
 const appearanceNormalButtonStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&, a&&': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     padding: '0 !important'
   }
 });
 const appearanceNormalActionsContainerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&, a&&': {
     transform: 'translateX(-2px)'
   }
@@ -66,11 +80,18 @@ const FlagActions = props => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       [VAR_COLOR]: actionTextColor[appearance],
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       [VAR_BG_COLOR]: actionBackgroundColor[appearance].default,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       [VAR_BG_COLOR_HOVER]: actionBackgroundColor[appearance].pressed,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       [VAR_BG_COLOR_ACTIVE]: actionBackgroundColor[appearance].active
-    },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    }
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     css: [buttonStyles, appearance === DEFAULT_APPEARANCE && appearanceNormalButtonStyles]
   }, action.content))));
 };

package/dist/es2019/flag-group.js

@@ -1,6 +1,11 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
 import { Children, createContext, useContext, useMemo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { easeIn, ExitingPersistence, SlideIn } from '@atlaskit/motion';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -27,6 +32,7 @@ export function useFlagGroup() {
 // transition: none is set on first-of-type to prevent a bug in Firefox
 // that causes a broken transition
 const baseStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: flagWidth,
   position: 'absolute',
   insetBlockEnd: 0,
@@ -36,20 +42,26 @@ const baseStyles = css({
   '@media (max-width: 560px)': {
     width: '100vw'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':first-of-type': {
     transform: `translate(0,0)`,
     transition: 'none'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':nth-of-type(n + 2)': {
     animationDuration: '0ms',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     transform: `translateX(0) translateY(100%) translateY(${2 * gridSize}px)`
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':nth-of-type(1)': {
     zIndex: 5
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':nth-of-type(2)': {
     zIndex: 4
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&:nth-of-type(n + 4)': {
     visibility: 'hidden'
   }
@@ -58,7 +70,7 @@ const baseStyles = css({
 // Transform needed to push up while 1st flag is leaving
 // Exiting time should match the exiting time of motion so is halved
 const dismissAllowedStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&& + *': {
     transform: `translate(0, 0)`,
     transitionDuration: `${flagAnimationTime / 2}ms`

package/dist/es2019/flag.js

@@ -1,6 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { useCallback, useEffect, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import { Inline, Stack, Box, xcss, Text } from '@atlaskit/primitives';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
@@ -42,7 +47,7 @@ const flagWrapperStyles = css({
 const analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.5.3"
+  packageVersion: "15.6.0"
 };
 const transitionStyles = css({
   flexGrow: 1,
@@ -141,7 +146,7 @@ const Flag = props => {
     space: "space.200"
   }, jsx("div", {
     css: iconWrapperStyles
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     ,
     style: {
       [CSS_VAR_ICON_COLOR]: iconColor
@@ -170,7 +175,7 @@ const Flag = props => {
     isExpanded: !isBold || isExpanded,
     testId: testId
   }, description && jsx("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     style: {
       color: flagTextColorToken[appearance]
     },

package/dist/esm/auto-dismiss-flag.js

@@ -5,7 +5,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import Flag from './flag';
 import { useFlagGroup } from './flag-group';
 var packageName = "@atlaskit/flag";
-var packageVersion = "15.5.3";
+var packageVersion = "15.6.0";
 export var AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/esm/flag-actions.js

@@ -1,37 +1,51 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import Inline from '@atlaskit/primitives/inline';
 import { DEFAULT_APPEARANCE, VAR_COLOR, VAR_BG_COLOR, VAR_BG_COLOR_HOVER, VAR_BG_COLOR_ACTIVE } from './constants';
 import { actionBackgroundColor, actionTextColor } from './theme';
 var buttonStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&, a&&': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     padding: "0 ".concat("var(--ds-space-100, 8px)", " !important"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     background: "var(".concat(VAR_BG_COLOR, ")"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     color: "var(".concat(VAR_COLOR, ") !important"),
     fontWeight: "var(--ds-font-weight-medium, 500)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&:hover, &&:active, a&&:hover, a&&:active': {
     textDecoration: 'underline'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&:hover': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     backgroundColor: "var(".concat(VAR_BG_COLOR_HOVER, ")")
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&:active': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     backgroundColor: "var(".concat(VAR_BG_COLOR_ACTIVE, ")")
   }
 });
 var appearanceNormalButtonStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&, a&&': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     padding: '0 !important'
   }
 });
 var appearanceNormalActionsContainerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&&, a&&': {
     transform: 'translateX(-2px)'
   }
@@ -68,7 +82,9 @@ var FlagActions = function FlagActions(props) {
       key: index
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       ,
-      style: (_ref = {}, _defineProperty(_ref, VAR_COLOR, actionTextColor[appearance]), _defineProperty(_ref, VAR_BG_COLOR, actionBackgroundColor[appearance].default), _defineProperty(_ref, VAR_BG_COLOR_HOVER, actionBackgroundColor[appearance].pressed), _defineProperty(_ref, VAR_BG_COLOR_ACTIVE, actionBackgroundColor[appearance].active), _ref),
+      style: (_ref = {}, _defineProperty(_ref, VAR_COLOR, actionTextColor[appearance]), _defineProperty(_ref, VAR_BG_COLOR, actionBackgroundColor[appearance].default), _defineProperty(_ref, VAR_BG_COLOR_HOVER, actionBackgroundColor[appearance].pressed), _defineProperty(_ref, VAR_BG_COLOR_ACTIVE, actionBackgroundColor[appearance].active), _ref)
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      ,
       css: [buttonStyles, appearance === DEFAULT_APPEARANCE && appearanceNormalButtonStyles]
     }, action.content);
   })));

package/dist/esm/flag-group.js

@@ -1,7 +1,12 @@
 import _typeof from "@babel/runtime/helpers/typeof";
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
 import { Children, createContext, useContext, useMemo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { easeIn, ExitingPersistence, SlideIn } from '@atlaskit/motion';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -28,6 +33,7 @@ export function useFlagGroup() {
 // transition: none is set on first-of-type to prevent a bug in Firefox
 // that causes a broken transition
 var baseStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: flagWidth,
   position: 'absolute',
   insetBlockEnd: 0,
@@ -37,20 +43,26 @@ var baseStyles = css({
   '@media (max-width: 560px)': {
     width: '100vw'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':first-of-type': {
     transform: "translate(0,0)",
     transition: 'none'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':nth-of-type(n + 2)': {
     animationDuration: '0ms',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     transform: "translateX(0) translateY(100%) translateY(".concat(2 * gridSize, "px)")
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':nth-of-type(1)': {
     zIndex: 5
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':nth-of-type(2)': {
     zIndex: 4
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&:nth-of-type(n + 4)': {
     visibility: 'hidden'
   }
@@ -59,7 +71,7 @@ var baseStyles = css({
 // Transform needed to push up while 1st flag is leaving
 // Exiting time should match the exiting time of motion so is halved
 var dismissAllowedStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&& + *': {
     transform: "translate(0, 0)",
     transitionDuration: "".concat(flagAnimationTime / 2, "ms")

package/dist/esm/flag.js

@@ -3,8 +3,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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; }
 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; }
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { useCallback, useEffect, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import { Inline, Stack, Box, xcss, Text } from '@atlaskit/primitives';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
@@ -46,7 +51,7 @@ var flagWrapperStyles = css({
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.5.3"
+  packageVersion: "15.6.0"
 };
 var transitionStyles = css({
   flexGrow: 1,
@@ -149,7 +154,7 @@ var Flag = function Flag(props) {
     space: "space.200"
   }, jsx("div", {
     css: iconWrapperStyles
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     ,
     style: _defineProperty({}, CSS_VAR_ICON_COLOR, iconColor)
   }, icon), jsx("span", {
@@ -176,7 +181,7 @@ var Flag = function Flag(props) {
     isExpanded: !isBold || isExpanded,
     testId: testId
   }, description && jsx("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     style: {
       color: flagTextColorToken[appearance]
     },

package/dist/types/flag-actions.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type ComponentType, type FC } from 'react';
 import type { CustomThemeButtonProps } from '@atlaskit/button/types';

package/dist/types/flag.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type FC } from 'react';
 import type { FlagProps } from './types';

package/dist/types/index.d.ts

@@ -2,5 +2,5 @@ export { default } from './flag';
 export { default as AutoDismissFlag } from './auto-dismiss-flag';
 export { default as FlagGroup } from './flag-group';
 export { useFlags, withFlagsProvider, FlagsProvider } from './flag-provider';
-export type { CreateFlagArgs, DismissFn, FlagAPI, FlagArgs, } from './flag-provider';
+export type { CreateFlagArgs, DismissFn, FlagAPI, FlagArgs } from './flag-provider';
 export type { FlagProps, ActionsType, AppearanceTypes } from './types';

package/dist/types/internal/dismiss-button.d.ts

@@ -7,5 +7,5 @@ interface DismissButtonProps {
     isBold: boolean;
     testId?: string;
 }
-declare const _default: React.MemoExoticComponent<({ appearance, onClick, isBold, isExpanded, testId, }: DismissButtonProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ appearance, onClick, isBold, isExpanded, testId }: DismissButtonProps) => JSX.Element>;
 export default _default;

package/dist/types-ts4.5/flag-actions.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type ComponentType, type FC } from 'react';
 import type { CustomThemeButtonProps } from '@atlaskit/button/types';

package/dist/types-ts4.5/flag.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { type FC } from 'react';
 import type { FlagProps } from './types';

package/dist/types-ts4.5/index.d.ts

@@ -2,5 +2,5 @@ export { default } from './flag';
 export { default as AutoDismissFlag } from './auto-dismiss-flag';
 export { default as FlagGroup } from './flag-group';
 export { useFlags, withFlagsProvider, FlagsProvider } from './flag-provider';
-export type { CreateFlagArgs, DismissFn, FlagAPI, FlagArgs, } from './flag-provider';
+export type { CreateFlagArgs, DismissFn, FlagAPI, FlagArgs } from './flag-provider';
 export type { FlagProps, ActionsType, AppearanceTypes } from './types';

package/dist/types-ts4.5/internal/dismiss-button.d.ts

@@ -7,5 +7,5 @@ interface DismissButtonProps {
     isBold: boolean;
     testId?: string;
 }
-declare const _default: React.MemoExoticComponent<({ appearance, onClick, isBold, isExpanded, testId, }: DismissButtonProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ appearance, onClick, isBold, isExpanded, testId }: DismissButtonProps) => JSX.Element>;
 export default _default;

package/extract-react-types/show-flag-args.tsx

@@ -1,5 +1,5 @@
 import { type CreateFlagArgs } from '../src';
 
 export default function ShowFlagArgs(props: CreateFlagArgs) {
-  return null;
+	return null;
 }

package/package.json

@@ -1,109 +1,109 @@
 {
-  "name": "@atlaskit/flag",
-  "version": "15.5.3",
-  "description": "A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
-  "author": "Atlassian Pty Ltd",
-  "license": "Apache-2.0",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "module:es2019": "dist/es2019/index.js",
-  "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
-  "sideEffects": false,
-  "atlaskit:src": "src/index.tsx",
-  "atlassian": {
-    "team": "Design System Team",
-    "releaseModel": "continuous",
-    "productPushConsumption": [
-      "jira"
-    ],
-    "website": {
-      "name": "Flag",
-      "category": "Components"
-    },
-    "runReact18": true
-  },
-  "af:exports": {
-    ".": "./src/index.tsx",
-    "./auto-dismiss-flag": "./src/auto-dismiss-flag.tsx",
-    "./constants": "./src/constants.tsx",
-    "./flag-actions": "./src/flag-actions.tsx",
-    "./flag-group": "./src/flag-group.tsx",
-    "./flag-provider": "./src/flag-provider.tsx",
-    "./flag": "./src/flag.tsx",
-    "./theme": "./src/theme.tsx",
-    "./types": "./src/types.tsx"
-  },
-  "dependencies": {
-    "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/button": "^17.17.0",
-    "@atlaskit/ds-lib": "^2.3.0",
-    "@atlaskit/icon": "^22.3.0",
-    "@atlaskit/motion": "^1.6.0",
-    "@atlaskit/portal": "^4.5.0",
-    "@atlaskit/primitives": "^7.0.0",
-    "@atlaskit/theme": "^12.9.0",
-    "@atlaskit/tokens": "^1.49.0",
-    "@atlaskit/visually-hidden": "^1.3.0",
-    "@babel/runtime": "^7.0.0",
-    "@emotion/react": "^11.7.1"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
-  },
-  "devDependencies": {
-    "@af/accessibility-testing": "*",
-    "@af/integration-testing": "*",
-    "@atlaskit/radio": "^6.3.0",
-    "@atlaskit/ssr": "*",
-    "@atlaskit/visual-regression": "*",
-    "@emotion/jest": "^11.8.0",
-    "@testing-library/react": "^12.1.5",
-    "jest-emotion": "^10.0.32",
-    "react-dom": "^16.8.0",
-    "storybook-addon-performance": "^0.16.0",
-    "typescript": "~5.4.2"
-  },
-  "keywords": [
-    "atlaskit",
-    "react",
-    "ui"
-  ],
-  "techstack": {
-    "@repo/internal": {
-      "dom-events": "use-bind-event-listener",
-      "design-system": "v1",
-      "ui-components": [
-        "lite-mode",
-        "primitives"
-      ],
-      "analytics": [
-        "analytics-next"
-      ],
-      "design-tokens": [
-        "color",
-        "spacing"
-      ],
-      "theming": [
-        "react-context"
-      ],
-      "deprecation": "no-deprecated-imports",
-      "styling": [
-        "emotion",
-        "static"
-      ]
-    }
-  },
-  "homepage": "https://atlassian.design/components/flag/"
-}
+	"name": "@atlaskit/flag",
+	"version": "15.6.0",
+	"description": "A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"typesVersions": {
+		">=4.5 <4.9": {
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
+		}
+	},
+	"sideEffects": false,
+	"atlaskit:src": "src/index.tsx",
+	"atlassian": {
+		"team": "Design System Team",
+		"releaseModel": "continuous",
+		"productPushConsumption": [
+			"jira"
+		],
+		"website": {
+			"name": "Flag",
+			"category": "Components"
+		},
+		"runReact18": true
+	},
+	"af:exports": {
+		".": "./src/index.tsx",
+		"./auto-dismiss-flag": "./src/auto-dismiss-flag.tsx",
+		"./constants": "./src/constants.tsx",
+		"./flag-actions": "./src/flag-actions.tsx",
+		"./flag-group": "./src/flag-group.tsx",
+		"./flag-provider": "./src/flag-provider.tsx",
+		"./flag": "./src/flag.tsx",
+		"./theme": "./src/theme.tsx",
+		"./types": "./src/types.tsx"
+	},
+	"dependencies": {
+		"@atlaskit/analytics-next": "^9.3.0",
+		"@atlaskit/button": "^17.19.0",
+		"@atlaskit/ds-lib": "^2.3.0",
+		"@atlaskit/icon": "^22.4.0",
+		"@atlaskit/motion": "^1.7.0",
+		"@atlaskit/portal": "^4.6.0",
+		"@atlaskit/primitives": "^7.4.0",
+		"@atlaskit/theme": "^12.10.0",
+		"@atlaskit/tokens": "^1.51.0",
+		"@atlaskit/visually-hidden": "^1.4.0",
+		"@babel/runtime": "^7.0.0",
+		"@emotion/react": "^11.7.1"
+	},
+	"peerDependencies": {
+		"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
+	},
+	"devDependencies": {
+		"@af/accessibility-testing": "*",
+		"@af/integration-testing": "*",
+		"@atlaskit/radio": "^6.4.0",
+		"@atlaskit/ssr": "*",
+		"@atlaskit/visual-regression": "*",
+		"@emotion/jest": "^11.8.0",
+		"@testing-library/react": "^12.1.5",
+		"jest-emotion": "^10.0.32",
+		"react-dom": "^16.8.0",
+		"storybook-addon-performance": "^0.16.0",
+		"typescript": "~5.4.2"
+	},
+	"keywords": [
+		"atlaskit",
+		"react",
+		"ui"
+	],
+	"techstack": {
+		"@repo/internal": {
+			"dom-events": "use-bind-event-listener",
+			"design-system": "v1",
+			"ui-components": [
+				"lite-mode",
+				"primitives"
+			],
+			"analytics": [
+				"analytics-next"
+			],
+			"design-tokens": [
+				"color",
+				"spacing"
+			],
+			"theming": [
+				"react-context"
+			],
+			"deprecation": "no-deprecated-imports",
+			"styling": [
+				"emotion",
+				"static"
+			]
+		}
+	},
+	"homepage": "https://atlassian.design/components/flag/"
+}

package/report.api.md

@@ -2,7 +2,8 @@
 
 ## API Report File for "@atlaskit/flag"
 
-> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using
+> [API Extractor](https://api-extractor.com/).
 > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ### Table of contents
@@ -33,43 +34,33 @@ export type ActionsType = Array<ActionType>;
 
 // @public (undocumented)
 type ActionType = {
-  content: ReactNode;
-  onClick?: (
-    e: React.MouseEvent<HTMLElement>,
-    analyticsEvent: UIAnalyticsEvent,
-  ) => void;
-  href?: string;
-  target?: string;
-  testId?: string;
+	content: ReactNode;
+	onClick?: (e: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
+	href?: string;
+	target?: string;
+	testId?: string;
 };
 
 // @public (undocumented)
-export type AppearanceTypes =
-  | 'error'
-  | 'info'
-  | 'normal'
-  | 'success'
-  | 'warning';
+export type AppearanceTypes = 'error' | 'info' | 'normal' | 'success' | 'warning';
 
 // @public
 export const AutoDismissFlag: (props: AutoDismissFlagProps) => JSX.Element;
 
 // @public (undocumented)
-interface AutoDismissFlagProps
-  extends AutoDismissFlagPropsWithoutId,
-    FlagPropsId {}
+interface AutoDismissFlagProps extends AutoDismissFlagPropsWithoutId, FlagPropsId {}
 
 // @public (undocumented)
 type AutoDismissFlagPropsWithoutId = {
-  actions?: ActionsType;
-  appearance?: AppearanceTypes;
-  description?: ReactNode;
-  icon: ReactNode;
-  title: ReactNode;
-  onDismissed?: (id: number | string, analyticsEvent: UIAnalyticsEvent) => void;
-  linkComponent?: ComponentType<CustomThemeButtonProps>;
-  testId?: string;
-  analyticsContext?: Record<string, any>;
+	actions?: ActionsType;
+	appearance?: AppearanceTypes;
+	description?: ReactNode;
+	icon: ReactNode;
+	title: ReactNode;
+	onDismissed?: (id: number | string, analyticsEvent: UIAnalyticsEvent) => void;
+	linkComponent?: ComponentType<CustomThemeButtonProps>;
+	testId?: string;
+	analyticsContext?: Record<string, any>;
 };
 
 // @public (undocumented)
@@ -77,8 +68,8 @@ type Combine<First, Second> = Omit<First, keyof Second> & Second;
 
 // @public (undocumented)
 export interface CreateFlagArgs extends FlagPropsWithoutId {
-  id?: FlagId;
-  isAutoDismiss?: boolean;
+	id?: FlagId;
+	isAutoDismiss?: boolean;
 }
 
 // @public (undocumented)
@@ -90,15 +81,15 @@ export default Flag;
 
 // @public (undocumented)
 export type FlagAPI = {
-  showFlag: (args: CreateFlagArgs) => DismissFn;
+	showFlag: (args: CreateFlagArgs) => DismissFn;
 };
 
 // @public (undocumented)
 export type FlagArgs = Combine<
-  CreateFlagArgs,
-  {
-    id: FlagId;
-  }
+	CreateFlagArgs,
+	{
+		id: FlagId;
+	}
 >;
 
 // @public
@@ -106,11 +97,11 @@ export const FlagGroup: (props: FlagGroupProps) => jsx.JSX.Element;
 
 // @public (undocumented)
 type FlagGroupProps = {
-  id?: string;
-  label?: string;
-  labelTag?: React.ElementType;
-  children?: Array<ReactElement> | ReactElement | boolean | null;
-  onDismissed?: (id: number | string, analyticsEvent: UIAnalyticsEvent) => void;
+	id?: string;
+	label?: string;
+	labelTag?: React.ElementType;
+	children?: Array<ReactElement> | ReactElement | boolean | null;
+	onDismissed?: (id: number | string, analyticsEvent: UIAnalyticsEvent) => void;
 };
 
 // @public (undocumented)
@@ -121,39 +112,25 @@ export interface FlagProps extends FlagPropsWithoutId, FlagPropsId {}
 
 // @public (undocumented)
 type FlagPropsId = {
-  id: number | string;
+	id: number | string;
 };
 
 // @public (undocumented)
-interface FlagPropsWithoutId
-  extends AutoDismissFlagPropsWithoutId,
-    WithAnalyticsEventsProps {
-  onBlur?: (
-    e: React.FocusEvent<HTMLElement>,
-    analyticsEvent: UIAnalyticsEvent,
-  ) => void;
-  onFocus?: (
-    e: React.FocusEvent<HTMLElement>,
-    analyticsEvent: UIAnalyticsEvent,
-  ) => void;
-  onMouseOut?: MouseEventHandler;
-  onMouseOver?: MouseEventHandler;
+interface FlagPropsWithoutId extends AutoDismissFlagPropsWithoutId, WithAnalyticsEventsProps {
+	onBlur?: (e: React.FocusEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
+	onFocus?: (e: React.FocusEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
+	onMouseOut?: MouseEventHandler;
+	onMouseOver?: MouseEventHandler;
 }
 
 // @public (undocumented)
-export function FlagsProvider({
-  children,
-}: {
-  children: React_2.ReactNode;
-}): JSX.Element;
+export function FlagsProvider({ children }: { children: React_2.ReactNode }): JSX.Element;
 
 // @public
 export function useFlags(): FlagAPI;
 
 // @public (undocumented)
-export const withFlagsProvider: (
-  fn: () => React_2.ReactNode,
-) => React_2.ReactNode;
+export const withFlagsProvider: (fn: () => React_2.ReactNode) => React_2.ReactNode;
 
 // (No @packageDocumentation comment for this package)
 ```
@@ -166,7 +143,7 @@ export const withFlagsProvider: (
 
 ```json
 {
-  "react": "^16.8.0"
+	"react": "^16.8.0"
 }
 ```