@atlaskit/flag 15.0.4 → 15.0.6

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/flag
 
+## 15.0.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 15.0.5
+
+### Patch Changes
+
+- [`eadbf13d8c0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eadbf13d8c0) - Updated usages of `Text`, `Box`, `Stack`, and `Inline` primitives to reflect their updated APIs. There are no visual or behaviour changes.
+- Updated dependencies
+
 ## 15.0.4
 
 ### Patch Changes

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

@@ -1,33 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AUTO_DISMISS_SECONDS = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var _flag = _interopRequireDefault(require("./flag"));
-
 var _flagGroup = require("./flag-group");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var packageName = "@atlaskit/flag";
-var packageVersion = "15.0.4";
+var packageVersion = "15.0.6";
 var AUTO_DISMISS_SECONDS = 8;
+
 /**
  * __Auto dismiss flag__
  *
@@ -36,20 +26,16 @@ var AUTO_DISMISS_SECONDS = 8;
  * - [Examples](https://atlassian.design/components/flag/auto-dismiss-flag/examples)
  * - [Code](https://atlassian.design/components/flag/auto-dismiss-flag/code)
  */
-
 exports.AUTO_DISMISS_SECONDS = AUTO_DISMISS_SECONDS;
-
 var AutoDismissFlag = function AutoDismissFlag(props) {
   var id = props.id,
-      analyticsContext = props.analyticsContext,
-      _props$onDismissed = props.onDismissed,
-      onDismissedProp = _props$onDismissed === void 0 ? _noop.default : _props$onDismissed;
+    analyticsContext = props.analyticsContext,
+    _props$onDismissed = props.onDismissed,
+    onDismissedProp = _props$onDismissed === void 0 ? _noop.default : _props$onDismissed;
   var autoDismissTimer = (0, _react.useRef)(null);
-
   var _useFlagGroup = (0, _flagGroup.useFlagGroup)(),
-      onDismissedFromFlagGroup = _useFlagGroup.onDismissed,
-      isDismissAllowed = _useFlagGroup.isDismissAllowed;
-
+    onDismissedFromFlagGroup = _useFlagGroup.onDismissed,
+    isDismissAllowed = _useFlagGroup.isDismissAllowed;
   var onDismissed = (0, _react.useCallback)(function (id, analyticsEvent) {
     onDismissedProp(id, analyticsEvent);
     onDismissedFromFlagGroup(id, analyticsEvent);
@@ -78,7 +64,6 @@ var AutoDismissFlag = function AutoDismissFlag(props) {
     if (!isAutoDismissAllowed) {
       return;
     }
-
     stopAutoDismissTimer();
     autoDismissTimer.current = window.setTimeout(dismissFlag, AUTO_DISMISS_SECONDS * 1000);
   }, [dismissFlag, stopAutoDismissTimer, isAutoDismissAllowed]);
@@ -86,7 +71,8 @@ var AutoDismissFlag = function AutoDismissFlag(props) {
     startAutoDismissTimer();
     return stopAutoDismissTimer;
   }, [startAutoDismissTimer, stopAutoDismissTimer]);
-  return /*#__PURE__*/_react.default.createElement(_flag.default // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+  return /*#__PURE__*/_react.default.createElement(_flag.default
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   , (0, _extends2.default)({}, props, {
     onMouseOver: stopAutoDismissTimer,
     onFocus: stopAutoDismissTimer,
@@ -94,6 +80,5 @@ var AutoDismissFlag = function AutoDismissFlag(props) {
     onBlur: startAutoDismissTimer
   }));
 };
-
 var _default = AutoDismissFlag;
 exports.default = _default;

package/dist/cjs/flag-actions.js

@@ -1,29 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("@emotion/react");
-
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-
 var _dsExplorations = require("@atlaskit/ds-explorations");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _constants2 = require("./constants");
-
 var _theme = require("./theme");
-
 /* eslint-disable @repo/internal/styles/no-nested-styles */
-
 /** @jsx jsx */
+
 var gridSize = (0, _constants.gridSize)();
 var buttonStyles = (0, _react.css)({
   '&&, a&&': {
@@ -50,22 +41,19 @@ var appearanceNormalButtonStyles = (0, _react.css)({
     padding: '0 !important'
   }
 });
-
 var FlagActions = function FlagActions(props) {
   var _props$appearance = props.appearance,
-      appearance = _props$appearance === void 0 ? _constants2.DEFAULT_APPEARANCE : _props$appearance,
-      _props$actions = props.actions,
-      actions = _props$actions === void 0 ? [] : _props$actions,
-      linkComponent = props.linkComponent,
-      testId = props.testId;
-
+    appearance = _props$appearance === void 0 ? _constants2.DEFAULT_APPEARANCE : _props$appearance,
+    _props$actions = props.actions,
+    actions = _props$actions === void 0 ? [] : _props$actions,
+    linkComponent = props.linkComponent,
+    testId = props.testId;
   if (!actions.length) {
     return null;
   }
-
   var isBold = appearance !== _constants2.DEFAULT_APPEARANCE;
   return (0, _react.jsx)(_dsExplorations.UNSAFE_Inline, {
-    gap: "scale.100",
+    gap: "space.100",
     flexWrap: "wrap",
     alignItems: "center",
     divider: isBold ? null : '·',
@@ -75,7 +63,6 @@ var FlagActions = function FlagActions(props) {
     testId: testId && "".concat(testId, "-actions")
   }, actions.map(function (action, index) {
     var _ref;
-
     return (0, _react.jsx)(_customThemeButton.default, {
       onClick: action.onClick,
       href: action.href,
@@ -89,8 +76,8 @@ var FlagActions = function FlagActions(props) {
       css: [buttonStyles, appearance === 'normal' && appearanceNormalButtonStyles]
     }, action.content);
   }));
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+};
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = FlagActions;
 exports.default = _default;

package/dist/cjs/flag-group.js

@@ -1,32 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.flagWidth = exports.flagAnimationTime = exports.default = exports.FlagGroupContext = void 0;
 exports.useFlagGroup = useFlagGroup;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _dsExplorations = require("@atlaskit/ds-explorations");
-
 var _motion = require("@atlaskit/motion");
-
 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");
-
 /** @jsx jsx */
+
 var gridSize = (0, _constants.gridSize)();
 var flagWidth = gridSize * 50;
 exports.flagWidth = flagWidth;
@@ -37,18 +27,19 @@ var flagLeft = gridSize * 10;
 var defaultFlagGroupContext = {
   onDismissed: _noop.default,
   isDismissAllowed: false
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+};
 
-var FlagGroupContext = /*#__PURE__*/(0, _react.createContext)(defaultFlagGroupContext); // eslint-disable-next-line @repo/internal/react/require-jsdoc
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var FlagGroupContext = /*#__PURE__*/(0, _react.createContext)(defaultFlagGroupContext);
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 exports.FlagGroupContext = FlagGroupContext;
-
 function useFlagGroup() {
   return (0, _react.useContext)(FlagGroupContext);
-} // transition: none is set on first-of-type to prevent a bug in Firefox
-// that causes a broken transition
-
+}
 
+// transition: none is set on first-of-type to prevent a bug in Firefox
+// that causes a broken transition
 var baseStyles = (0, _react2.css)({
   width: flagWidth,
   bottom: 0,
@@ -73,9 +64,10 @@ var baseStyles = (0, _react2.css)({
   '&:nth-of-type(n + 4)': {
     visibility: 'hidden'
   }
-}); // Transform needed to push up while 1st flag is leaving
-// Exiting time should match the exiting time of motion so is halved
+});
 
+// 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 @repo/internal/styles/no-nested-styles
   '&& + *': {
@@ -92,6 +84,7 @@ var flagGroupContainerStyles = (0, _react2.css)({
     left: 0
   }
 });
+
 /**
  * __Flag group__
  *
@@ -100,16 +93,15 @@ var flagGroupContainerStyles = (0, _react2.css)({
  * - [Examples](https://atlassian.design/components/flag/flag-group/examples)
  * - [Code](https://atlassian.design/components/flag/flag-group/code)
  */
-
 var FlagGroup = function FlagGroup(props) {
   var id = props.id,
-      _props$label = props.label,
-      label = _props$label === void 0 ? 'Flag notifications' : _props$label,
-      _props$labelTag = props.labelTag,
-      LabelTag = _props$labelTag === void 0 ? 'h2' : _props$labelTag,
-      children = props.children,
-      _props$onDismissed = props.onDismissed,
-      onDismissed = _props$onDismissed === void 0 ? _noop.default : _props$onDismissed;
+    _props$label = props.label,
+    label = _props$label === void 0 ? 'Flag notifications' : _props$label,
+    _props$labelTag = props.labelTag,
+    LabelTag = _props$labelTag === void 0 ? 'h2' : _props$labelTag,
+    children = props.children,
+    _props$onDismissed = props.onDismissed,
+    onDismissed = _props$onDismissed === void 0 ? _noop.default : _props$onDismissed;
   var hasFlags = Array.isArray(children) ? children.length > 0 : Boolean(children);
   var dismissFlagContext = (0, _react.useMemo)(function () {
     return {
@@ -117,7 +109,6 @@ var FlagGroup = function FlagGroup(props) {
       isDismissAllowed: true
     };
   }, [onDismissed]);
-
   var renderChildren = function renderChildren() {
     return children && (0, _typeof2.default)(children) === 'object' ? _react.Children.map(children, function (flag, index) {
       var isDismissAllowed = index === 0;
@@ -130,7 +121,7 @@ var FlagGroup = function FlagGroup(props) {
         }
       }, function (_ref) {
         var className = _ref.className,
-            ref = _ref.ref;
+          ref = _ref.ref;
         return (0, _react2.jsx)(_dsExplorations.UNSAFE_Box, {
           display: "block",
           position: "absolute",
@@ -138,13 +129,13 @@ var FlagGroup = function FlagGroup(props) {
           className: className,
           ref: ref
         }, (0, _react2.jsx)(FlagGroupContext.Provider, {
-          value: // Only the first flag should be able to be dismissed.
+          value:
+          // Only the first flag should be able to be dismissed.
           isDismissAllowed ? dismissFlagContext : defaultFlagGroupContext
         }, flag));
       });
     }) : false;
   };
-
   return (0, _react2.jsx)(_portal.default, {
     zIndex: _constants.layers.flag()
   }, (0, _react2.jsx)(_dsExplorations.UNSAFE_Box, {
@@ -156,6 +147,5 @@ var FlagGroup = function FlagGroup(props) {
     appear: false
   }, renderChildren())));
 };
-
 var _default = FlagGroup;
 exports.default = _default;

package/dist/cjs/flag-provider.js

@@ -1,76 +1,52 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FlagsProvider = FlagsProvider;
 exports.useFlags = useFlags;
 exports.withFlagsProvider = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _autoDismissFlag = _interopRequireDefault(require("./auto-dismiss-flag"));
-
 var _flag = _interopRequireDefault(require("./flag"));
-
 var _flagGroup = _interopRequireDefault(require("./flag-group"));
-
 var _excluded = ["isAutoDismiss"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var FlagContext = /*#__PURE__*/_react.default.createContext(null);
+
 /**
  * useFlags is used to access the `showFlags` function which can be used to programatically display flags.
  * - [Examples](https://atlassian.design/components/flag/flags-provider/examples#using-showflags)
  */
-
-
 function useFlags() {
   var api = (0, _react.useContext)(FlagContext);
-
   if (api == null) {
     throw new Error('Unable to find FlagProviderContext');
   }
-
   return api;
 }
-
 var getUniqueId = function () {
   var count = 0;
   return function () {
     return "flag-provider-unique-id:".concat(count++);
   };
 }();
-
 function FlagsProvider(_ref) {
   var children = _ref.children;
-
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      flags = _useState2[0],
-      setFlags = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    flags = _useState2[0],
+    setFlags = _useState2[1];
   var removeFlag = (0, _react.useCallback)(function (id) {
     setFlags(function (current) {
       return current.slice(0).filter(function (flag) {
@@ -84,17 +60,17 @@ function FlagsProvider(_ref) {
         var flag = _objectSpread(_objectSpread({}, value), {}, {
           id: value.id || getUniqueId()
         });
-
         setFlags(function (current) {
           var index = current.findIndex(function (value) {
             return value.id === flag.id;
-          }); // If flag is not found add it
+          });
 
+          // If flag is not found add it
           if (index === -1) {
             return [flag].concat((0, _toConsumableArray2.default)(current));
-          } // If flag already exists with the same id, then replace it
-
+          }
 
+          // If flag already exists with the same id, then replace it
           var shallow = (0, _toConsumableArray2.default)(current);
           shallow[index] = flag;
           return shallow;
@@ -111,16 +87,14 @@ function FlagsProvider(_ref) {
     onDismissed: removeFlag
   }, flags.map(function (flag) {
     var isAutoDismiss = flag.isAutoDismiss,
-        restProps = (0, _objectWithoutProperties2.default)(flag, _excluded);
+      restProps = (0, _objectWithoutProperties2.default)(flag, _excluded);
     var FlagType = isAutoDismiss ? _autoDismissFlag.default : _flag.default;
     return /*#__PURE__*/_react.default.createElement(FlagType, (0, _extends2.default)({}, restProps, {
       key: flag.id
     }));
   })));
 }
-
 var withFlagsProvider = function withFlagsProvider(fn) {
   return /*#__PURE__*/_react.default.createElement(FlagsProvider, null, fn());
 };
-
 exports.withFlagsProvider = withFlagsProvider;

package/dist/cjs/flag.js

@@ -1,49 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _dsExplorations = require("@atlaskit/ds-explorations");
-
 var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
-
 var _constants = require("./constants");
-
 var _theme = require("./theme");
-
 var _flagActions = _interopRequireDefault(require("./flag-actions"));
-
 var _flagGroup = require("./flag-group");
-
 var _internal = require("./internal");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.0.4"
+  packageVersion: "15.0.6"
 };
+
 /**
  * __Flag__
  *
@@ -54,42 +37,37 @@ var analyticsAttributes = {
  * - [Code](https://atlassian.design/components/flag/code)
  * - [Usage](https://atlassian.design/components/flag/usage)
  */
-
 var Flag = function Flag(props) {
   var _props$actions = props.actions,
-      actions = _props$actions === void 0 ? [] : _props$actions,
-      _props$appearance = props.appearance,
-      appearance = _props$appearance === void 0 ? _constants.DEFAULT_APPEARANCE : _props$appearance,
-      icon = props.icon,
-      title = props.title,
-      description = props.description,
-      linkComponent = props.linkComponent,
-      onMouseOver = props.onMouseOver,
-      _props$onFocus = props.onFocus,
-      onFocus = _props$onFocus === void 0 ? _noop.default : _props$onFocus,
-      onMouseOut = props.onMouseOut,
-      _props$onBlur = props.onBlur,
-      onBlur = _props$onBlur === void 0 ? _noop.default : _props$onBlur,
-      _props$onDismissed = props.onDismissed,
-      onDismissedProp = _props$onDismissed === void 0 ? _noop.default : _props$onDismissed,
-      testId = props.testId,
-      id = props.id,
-      analyticsContext = props.analyticsContext;
-
+    actions = _props$actions === void 0 ? [] : _props$actions,
+    _props$appearance = props.appearance,
+    appearance = _props$appearance === void 0 ? _constants.DEFAULT_APPEARANCE : _props$appearance,
+    icon = props.icon,
+    title = props.title,
+    description = props.description,
+    linkComponent = props.linkComponent,
+    onMouseOver = props.onMouseOver,
+    _props$onFocus = props.onFocus,
+    onFocus = _props$onFocus === void 0 ? _noop.default : _props$onFocus,
+    onMouseOut = props.onMouseOut,
+    _props$onBlur = props.onBlur,
+    onBlur = _props$onBlur === void 0 ? _noop.default : _props$onBlur,
+    _props$onDismissed = props.onDismissed,
+    onDismissedProp = _props$onDismissed === void 0 ? _noop.default : _props$onDismissed,
+    testId = props.testId,
+    id = props.id,
+    analyticsContext = props.analyticsContext;
   var _useFlagGroup = (0, _flagGroup.useFlagGroup)(),
-      onDismissedFromFlagGroup = _useFlagGroup.onDismissed,
-      isDismissAllowed = _useFlagGroup.isDismissAllowed;
-
+    onDismissedFromFlagGroup = _useFlagGroup.onDismissed,
+    isDismissAllowed = _useFlagGroup.isDismissAllowed;
   var onDismissed = (0, _react.useCallback)(function (id, analyticsEvent) {
     onDismissedProp(id, analyticsEvent);
     onDismissedFromFlagGroup(id, analyticsEvent);
   }, [onDismissedProp, onDismissedFromFlagGroup]);
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isExpanded = _useState2[0],
-      setIsExpanded = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isExpanded = _useState2[0],
+    setIsExpanded = _useState2[1];
   var onDismissedAnalytics = (0, _usePlatformLeafEventHandler.usePlatformLeafEventHandler)(_objectSpread({
     fn: onDismissed,
     action: 'dismissed',
@@ -136,7 +114,7 @@ var Flag = function Flag(props) {
     display: "block",
     backgroundColor: _theme.flagBackgroundColor[appearance],
     shadow: "overlay",
-    padding: "scale.200",
+    padding: "space.200",
     borderRadius: "normal",
     overflow: "hidden",
     layer: "flag",
@@ -148,7 +126,7 @@ var Flag = function Flag(props) {
     tabIndex: 0,
     testId: testId
   }, autoDismissProps), (0, _react2.jsx)(_dsExplorations.UNSAFE_Inline, {
-    gap: "scale.200"
+    gap: "space.200"
   }, (0, _react2.jsx)(_dsExplorations.UNSAFE_Box, {
     alignItems: "start",
     UNSAFE_style: {
@@ -156,14 +134,14 @@ var Flag = function Flag(props) {
       flexShrink: 0
     }
   }, icon), (0, _react2.jsx)(_dsExplorations.UNSAFE_Stack, {
-    gap: shouldRenderGap ? 'scale.100' : 'scale.0' // Gap exists even when not expanded due to Expander internals always being in the DOM
+    gap: shouldRenderGap ? 'space.100' : 'space.0' // Gap exists even when not expanded due to Expander internals always being in the DOM
     ,
     UNSAFE_style: {
       flexGrow: 1,
       transition: "gap 0.3s"
     }
   }, (0, _react2.jsx)(_dsExplorations.UNSAFE_Inline, {
-    gap: "scale.100",
+    gap: "space.100",
     justifyContent: "spaceBetween"
   }, (0, _react2.jsx)(_dsExplorations.UNSAFE_Box, {
     display: "block",
@@ -172,10 +150,9 @@ var Flag = function Flag(props) {
     }
   }, (0, _react2.jsx)(_dsExplorations.UNSAFE_Text, {
     color: textColor,
-    fontWeight: "600",
+    fontWeight: "semibold",
     UNSAFE_style: {
       overflowWrap: 'anywhere' // For cases where a single word is longer than the container (e.g. filenames)
-
     }
   }, title)), isDismissable ? !(isBold && !description && !actions.length) && (0, _react2.jsx)(_internal.DismissButton, {
     testId: testId,
@@ -194,8 +171,8 @@ var Flag = function Flag(props) {
       // height is defined as 5 lines maximum by design
       overflow: 'auto',
       overflowWrap: 'anywhere' // For cases where a single word is longer than the container (e.g. filenames)
-
     },
+
     testId: testId && "".concat(testId, "-description")
   }, description), (0, _react2.jsx)(_flagActions.default, {
     actions: actions,
@@ -204,6 +181,5 @@ var Flag = function Flag(props) {
     testId: testId
   }))))));
 };
-
 var _default = Flag;
 exports.default = _default;

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -41,11 +40,7 @@ Object.defineProperty(exports, "withFlagsProvider", {
     return _flagProvider.withFlagsProvider;
   }
 });
-
 var _flag = _interopRequireDefault(require("./flag"));
-
 var _autoDismissFlag = _interopRequireDefault(require("./auto-dismiss-flag"));
-
 var _flagGroup = _interopRequireDefault(require("./flag-group"));
-
 var _flagProvider = require("./flag-provider");