@atlaskit/flag 17.4.4 → 17.5.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/flag
 
+## 17.5.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 17.5.0
+
+### Minor Changes
+
+- [`1c7d57038910d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1c7d57038910d) -
+  Adds react-ufo out of band concept, and prevents flags from impacting visual complete calculations
+
 ## 17.4.4
 
 ### Patch Changes
@@ -952,7 +965,6 @@
   well as including fallbacks for non-token environments.
 
   Other changes include:
-
   - Flag shadow is now the same across normal and bold flags and has been made consistent with
     overlay shadows in other components.
   - Dismiss button is better aligned within the Flag and has a more consistent hit target.
@@ -1359,7 +1371,6 @@ _WRONG RELEASE TYPE - DON'T USE_
 
   In `13.0.0` we bring significant performance improvements as well as improving the experience of
   using flag.
-
   - Flag no longer has a `peerDependency` on `styled-components@3`. Internally flag is now using
     `@emotion/core` for styling
   - Change Flag and FlagGroup to use our standardized and performant `@atlaskit/motion` instead of
@@ -1509,7 +1520,6 @@ _WRONG RELEASE TYPE - DON'T USE_
 
   Fixes flag icon being slightly off center.- Updated dependencies
   [0603860c07](https://bitbucket.org/atlassian/atlassian-frontend/commits/0603860c07):
-
   - @atlaskit/icon@20.0.2
 
 ## 12.3.7
@@ -1520,7 +1530,6 @@ _WRONG RELEASE TYPE - DON'T USE_
 
   Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
   [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
-
   - @atlaskit/docs@8.3.2
   - @atlaskit/visual-regression@0.1.9
   - @atlaskit/analytics-next@6.3.5
@@ -1736,12 +1745,10 @@ _WRONG RELEASE TYPE - DON'T USE_
   safety. Flow types are no longer provided. No behavioural changes.
 
   **Breaking changes**
-
   - `withAnalyticsForSumTypeProps` alias has been removed, please use `withAnalyticsEvents`
   - `AnalyticsContextWrappedComp` alias has been removed, please use `withAnalyticsContext`
 
   **Breaking changes to TypeScript annotations**
-
   - `withAnalyticsEvents` now infers proptypes automatically, consumers no longer need to provide
     props as a generic type.
   - `withAnalyticsContext` now infers proptypes automatically, consumers no longer need to provide
@@ -1790,7 +1797,6 @@ _WRONG RELEASE TYPE - DON'T USE_
 - [patch][18dfac7332](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/18dfac7332):
 
   In this PR, we are:
-
   - Re-introducing dist build folders
   - Adding back cjs
   - Replacing es5 by cjs and es2015 by esm
@@ -1887,7 +1893,6 @@ _WRONG RELEASE TYPE - DON'T USE_
 ## 12.0.3
 
 - [patch][b0ef06c685](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b0ef06c685):
-
   - This is just a safety release in case anything strange happened in in the previous one. See Pull
     Request #5942 for details
 
@@ -1904,26 +1909,22 @@ _WRONG RELEASE TYPE - DON'T USE_
 ## 12.0.1
 
 - [patch][cdba81d4f2](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cdba81d4f2):
-
   - export the correct types so typescript usage works correctly
 
 ## 12.0.0
 
 - [major][238b65171f](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/238b65171f):
-
   - @atlaskit/flag has been converted to Typescript. Typescript consumers will now get static type
     safety. Flow types are no longer provided. No API or behavioural changes.
 
 ## 11.0.1
 
 - [patch][dccab11ef4](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/dccab11ef4):
-
   - Fixed incorrect flag appearing after dismiss a previous one
 
 ## 11.0.0
 
 - [major][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
-
   - Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use
     this package, please ensure you use at least this version of react and react-dom.
 
@@ -1960,7 +1961,6 @@ _WRONG RELEASE TYPE - DON'T USE_
 ## 10.0.4
 
 - [patch][23672bbd2d](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/23672bbd2d):
-
   - Improvement: Align the flag actions with title and text for normal appearance flags
 
 ## 10.0.3
@@ -1972,7 +1972,6 @@ _WRONG RELEASE TYPE - DON'T USE_
 ## 10.0.2
 
 - [patch][98e11001ff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/98e11001ff):
-
   - Removes duplicate babel-runtime dependency
 
 ## 10.0.1
@@ -1991,7 +1990,6 @@ _WRONG RELEASE TYPE - DON'T USE_
 ## 10.0.0
 
 - [major][76299208e6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/76299208e6):
-
   - Drop ES5 from all the flow modules
 
   ### Dropping CJS support in all @atlaskit packages

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

@@ -14,7 +14,7 @@ var _flag = _interopRequireDefault(require("./flag"));
 var _flagGroup = require("./flag-group");
 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); }
 var packageName = "@atlaskit/flag";
-var packageVersion = "0.0.0-development";
+var packageVersion = "17.5.0";
 var AUTO_DISMISS_SECONDS = exports.AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/cjs/flag-group.js

@@ -88,7 +88,8 @@ var FlagGroup = function FlagGroup(props) {
         return /*#__PURE__*/React.createElement("div", {
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           className: (0, _runtime.ax)([groupStyles.root, index === 0 && groupStyles.first, index === 1 && groupStyles.second, index >= 1 && groupStyles.nth, index >= 2 && groupStyles.hidden, isDismissAllowed && "_12a7luct", className]),
-          ref: ref
+          ref: ref,
+          "data-vc-oob": true
         }, /*#__PURE__*/React.createElement(FlagGroupContext.Provider, {
           value:
           // Only the first flag should be able to be dismissed.
@@ -99,6 +100,7 @@ var FlagGroup = function FlagGroup(props) {
   };
   var flags = /*#__PURE__*/React.createElement("div", {
     id: id,
+    "data-vc-oob": true,
     className: (0, _runtime.ax)(["_kqsw1n9t _1pbyxejw _u7cooahv _1e021epz _1iafidpf _il0widpf"])
   }, hasFlags ? /*#__PURE__*/React.createElement(_visuallyHidden.default, null, /*#__PURE__*/React.createElement(LabelTag, null, label)) : null, /*#__PURE__*/React.createElement(_motion.ExitingPersistence, {
     appear: false

package/dist/cjs/flag.js

@@ -38,7 +38,7 @@ var flagWrapperStyles = null;
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "0.0.0-development"
+  packageVersion: "17.5.0"
 };
 var transitionStyles = null;
 

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 = "0.0.0-development";
+const packageVersion = "17.5.0";
 export const AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/es2019/flag-group.js

@@ -73,7 +73,8 @@ const FlagGroup = props => {
       }) => /*#__PURE__*/React.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: ax([groupStyles.root, index === 0 && groupStyles.first, index === 1 && groupStyles.second, index >= 1 && groupStyles.nth, index >= 2 && groupStyles.hidden, isDismissAllowed && "_12a7luct", className]),
-        ref: ref
+        ref: ref,
+        "data-vc-oob": true
       }, /*#__PURE__*/React.createElement(FlagGroupContext.Provider, {
         value:
         // Only the first flag should be able to be dismissed.
@@ -83,6 +84,7 @@ const FlagGroup = props => {
   };
   const flags = /*#__PURE__*/React.createElement("div", {
     id: id,
+    "data-vc-oob": true,
     className: ax(["_kqsw1n9t _1pbyxejw _u7cooahv _1e021epz _1iafidpf _il0widpf"])
   }, hasFlags ? /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement(LabelTag, null, label)) : null, /*#__PURE__*/React.createElement(ExitingPersistence, {
     appear: false

package/dist/es2019/flag.js

@@ -25,7 +25,7 @@ const flagWrapperStyles = null;
 const analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "0.0.0-development"
+  packageVersion: "17.5.0"
 };
 const transitionStyles = null;
 

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 = "0.0.0-development";
+var packageVersion = "17.5.0";
 export var AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/esm/flag-group.js

@@ -78,7 +78,8 @@ var FlagGroup = function FlagGroup(props) {
         return /*#__PURE__*/React.createElement("div", {
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           className: ax([groupStyles.root, index === 0 && groupStyles.first, index === 1 && groupStyles.second, index >= 1 && groupStyles.nth, index >= 2 && groupStyles.hidden, isDismissAllowed && "_12a7luct", className]),
-          ref: ref
+          ref: ref,
+          "data-vc-oob": true
         }, /*#__PURE__*/React.createElement(FlagGroupContext.Provider, {
           value:
           // Only the first flag should be able to be dismissed.
@@ -89,6 +90,7 @@ var FlagGroup = function FlagGroup(props) {
   };
   var flags = /*#__PURE__*/React.createElement("div", {
     id: id,
+    "data-vc-oob": true,
     className: ax(["_kqsw1n9t _1pbyxejw _u7cooahv _1e021epz _1iafidpf _il0widpf"])
   }, hasFlags ? /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement(LabelTag, null, label)) : null, /*#__PURE__*/React.createElement(ExitingPersistence, {
     appear: false

package/dist/esm/flag.js

@@ -29,7 +29,7 @@ var flagWrapperStyles = null;
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "0.0.0-development"
+  packageVersion: "17.5.0"
 };
 var transitionStyles = null;
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/flag",
-	"version": "17.4.4",
+	"version": "17.5.1",
 	"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/"
@@ -43,10 +43,10 @@
 		"@atlaskit/portal": "^5.1.0",
 		"@atlaskit/primitives": "^15.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^6.5.0",
+		"@atlaskit/tokens": "^7.0.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.3"
+		"@compiled/react": "^0.18.6"
 	},
 	"peerDependencies": {
 		"react": "^18.2.0"
@@ -55,7 +55,7 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/docs": "^11.1.0",
+		"@atlaskit/docs": "^11.2.0",
 		"@atlaskit/drawer": "^11.0.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/radio": "^8.3.0",