@atlaskit/flag 17.3.4 → 17.4.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/flag
 
+## 17.4.0
+
+### Minor Changes
+
+- [`c4a74a9386f47`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c4a74a9386f47) -
+  Flag description and actions now explicitly set the font style to use typography tokens, instead
+  of relying on the CSS reset to be present. This change is no longer behind a feature flag.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 17.3.5
+
+### Patch Changes
+
+- [`23bcc5bbc9cee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/23bcc5bbc9cee) -
+  Internal changes to how border radius is applied.
+- Updated dependencies
+
 ## 17.3.4
 
 ### Patch Changes

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.3.5";
 var AUTO_DISMISS_SECONDS = exports.AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/cjs/flag-actions.js

@@ -12,7 +12,6 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("./constants");
 var _theme = require("./theme");
@@ -35,7 +34,7 @@ var FlagActions = function FlagActions(props) {
   }
   var isBold = appearance !== _constants.DEFAULT_APPEARANCE;
   return /*#__PURE__*/React.createElement("span", {
-    className: (0, _runtime.ax)([!isBold && "_1g4l107e _y8dn107e", (0, _platformFeatureFlags.fg)('platform_ads_explicit_font_styles') && "_11c82smr"])
+    className: (0, _runtime.ax)([!isBold && "_1g4l107e _y8dn107e", "_11c82smr"])
   }, /*#__PURE__*/React.createElement(_compiled.Inline, {
     space: "space.100",
     shouldWrap: true,

package/dist/cjs/flag.compiled.css

@@ -1,5 +1,5 @@
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._v5641hdc{transition:gap .3s}
 ._v564z97a{transition:background-color .2s}
 ._16jlkb7n{flex-grow:1}

package/dist/cjs/flag.js

@@ -17,7 +17,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
 var _constants = require("./constants");
@@ -30,17 +29,16 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 var styles = {
   overflowWrap: "_1i4qfg65",
-  flag: "_2rkosqtm _1reo15vq _18m915vq _v564z97a _16qs8sq4 _1pbyni7l _1bsb1osq"
+  flag: "_2rkofajl _1reo15vq _18m915vq _v564z97a _16qs8sq4 _1pbyni7l _1bsb1osq"
 };
 var CSS_VAR_ICON_COLOR = '--flag-icon-color';
-var oldDescriptionStyles = null;
 var descriptionStyles = null;
 var iconWrapperStyles = null;
 var flagWrapperStyles = null;
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "0.0.0-development"
+  packageVersion: "17.3.5"
 };
 var transitionStyles = null;
 
@@ -199,7 +197,7 @@ var Flag = function Flag(props) {
     "data-testid": testId && "".concat(testId, "-description")
     /* if isDelayToAnnounce is true, we will hide the content form screen reader to avoid duplicate announcement */,
     "aria-hidden": isDelayToAnnounce,
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform_ads_explicit_font_styles') ? "_11c82smr _1reo1wug _18m91wug _c71l53f4 _1i4qfg65" : "_1reo1wug _18m91wug _c71l53f4 _1i4qfg65"])
+    className: (0, _runtime.ax)(["_11c82smr _1reo1wug _18m91wug _c71l53f4 _1i4qfg65"])
   }, description), /*#__PURE__*/React.createElement(_flagActions.default, {
     actions: actions,
     appearance: 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 = "0.0.0-development";
+const packageVersion = "17.3.5";
 export const AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/es2019/flag-actions.js

@@ -4,7 +4,6 @@ import "./flag-actions.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import Button from '@atlaskit/button/custom-theme-button';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Inline } from '@atlaskit/primitives/compiled';
 import { DEFAULT_APPEARANCE } from './constants';
 import { actionBackgroundColor, actionTextColor } from './theme';
@@ -24,7 +23,7 @@ const FlagActions = props => {
   }
   const isBold = appearance !== DEFAULT_APPEARANCE;
   return /*#__PURE__*/React.createElement("span", {
-    className: ax([!isBold && "_1g4l107e _y8dn107e", fg('platform_ads_explicit_font_styles') && "_11c82smr"])
+    className: ax([!isBold && "_1g4l107e _y8dn107e", "_11c82smr"])
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
     shouldWrap: true,

package/dist/es2019/flag.compiled.css

@@ -1,5 +1,5 @@
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._v5641hdc{transition:gap .3s}
 ._v564z97a{transition:background-color .2s}
 ._16jlkb7n{flex-grow:1}

package/dist/es2019/flag.js

@@ -7,7 +7,6 @@ import { useCallback, useEffect, useState } from 'react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import noop from '@atlaskit/ds-lib/noop';
 import Heading from '@atlaskit/heading';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { DEFAULT_APPEARANCE } from './constants';
@@ -17,17 +16,16 @@ import { DismissButton, Expander } from './internal';
 import { flagBackgroundColor, flagIconColor, flagIconGlyph, flagTextColor, flagTextColorToken } from './theme';
 const styles = {
   overflowWrap: "_1i4qfg65",
-  flag: "_2rkosqtm _1reo15vq _18m915vq _v564z97a _16qs8sq4 _1pbyni7l _1bsb1osq"
+  flag: "_2rkofajl _1reo15vq _18m915vq _v564z97a _16qs8sq4 _1pbyni7l _1bsb1osq"
 };
 const CSS_VAR_ICON_COLOR = '--flag-icon-color';
-const oldDescriptionStyles = null;
 const descriptionStyles = null;
 const iconWrapperStyles = null;
 const flagWrapperStyles = null;
 const analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "0.0.0-development"
+  packageVersion: "17.3.5"
 };
 const transitionStyles = null;
 
@@ -179,7 +177,7 @@ const Flag = props => {
     "data-testid": testId && `${testId}-description`
     /* if isDelayToAnnounce is true, we will hide the content form screen reader to avoid duplicate announcement */,
     "aria-hidden": isDelayToAnnounce,
-    className: ax([fg('platform_ads_explicit_font_styles') ? "_11c82smr _1reo1wug _18m91wug _c71l53f4 _1i4qfg65" : "_1reo1wug _18m91wug _c71l53f4 _1i4qfg65"])
+    className: ax(["_11c82smr _1reo1wug _18m91wug _c71l53f4 _1i4qfg65"])
   }, description), /*#__PURE__*/React.createElement(Actions, {
     actions: actions,
     appearance: 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 = "0.0.0-development";
+var packageVersion = "17.3.5";
 export var AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/esm/flag-actions.js

@@ -8,7 +8,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
 
 import Button from '@atlaskit/button/custom-theme-button';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Inline } from '@atlaskit/primitives/compiled';
 import { DEFAULT_APPEARANCE } from './constants';
 import { actionBackgroundColor, actionTextColor } from './theme';
@@ -28,7 +27,7 @@ var FlagActions = function FlagActions(props) {
   }
   var isBold = appearance !== DEFAULT_APPEARANCE;
   return /*#__PURE__*/React.createElement("span", {
-    className: ax([!isBold && "_1g4l107e _y8dn107e", fg('platform_ads_explicit_font_styles') && "_11c82smr"])
+    className: ax([!isBold && "_1g4l107e _y8dn107e", "_11c82smr"])
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.100",
     shouldWrap: true,

package/dist/esm/flag.compiled.css

@@ -1,5 +1,5 @@
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._v5641hdc{transition:gap .3s}
 ._v564z97a{transition:background-color .2s}
 ._16jlkb7n{flex-grow:1}

package/dist/esm/flag.js

@@ -11,7 +11,6 @@ import { useCallback, useEffect, useState } from 'react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import noop from '@atlaskit/ds-lib/noop';
 import Heading from '@atlaskit/heading';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { DEFAULT_APPEARANCE } from './constants';
@@ -21,17 +20,16 @@ import { DismissButton, Expander } from './internal';
 import { flagBackgroundColor, flagIconColor, flagIconGlyph, flagTextColor, flagTextColorToken } from './theme';
 var styles = {
   overflowWrap: "_1i4qfg65",
-  flag: "_2rkosqtm _1reo15vq _18m915vq _v564z97a _16qs8sq4 _1pbyni7l _1bsb1osq"
+  flag: "_2rkofajl _1reo15vq _18m915vq _v564z97a _16qs8sq4 _1pbyni7l _1bsb1osq"
 };
 var CSS_VAR_ICON_COLOR = '--flag-icon-color';
-var oldDescriptionStyles = null;
 var descriptionStyles = null;
 var iconWrapperStyles = null;
 var flagWrapperStyles = null;
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "0.0.0-development"
+  packageVersion: "17.3.5"
 };
 var transitionStyles = null;
 
@@ -190,7 +188,7 @@ var Flag = function Flag(props) {
     "data-testid": testId && "".concat(testId, "-description")
     /* if isDelayToAnnounce is true, we will hide the content form screen reader to avoid duplicate announcement */,
     "aria-hidden": isDelayToAnnounce,
-    className: ax([fg('platform_ads_explicit_font_styles') ? "_11c82smr _1reo1wug _18m91wug _c71l53f4 _1i4qfg65" : "_1reo1wug _18m91wug _c71l53f4 _1i4qfg65"])
+    className: ax(["_11c82smr _1reo1wug _18m91wug _c71l53f4 _1i4qfg65"])
   }, description), /*#__PURE__*/React.createElement(Actions, {
     actions: actions,
     appearance: appearance,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/flag",
-	"version": "17.3.4",
+	"version": "17.4.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/"
@@ -31,17 +31,6 @@
 			"category": "Messaging"
 		}
 	},
-	"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": "^11.1.0",
 		"@atlaskit/button": "^23.4.0",
@@ -70,7 +59,7 @@
 		"@atlaskit/drawer": "^11.0.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/radio": "^8.3.0",
-		"@atlaskit/section-message": "^8.6.0",
+		"@atlaskit/section-message": "^8.7.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@atlassian/ssr-tests": "^0.3.0",
@@ -106,9 +95,5 @@
 		}
 	},
 	"homepage": "https://atlassian.design/components/flag/",
-	"platform-feature-flags": {
-		"platform_ads_explicit_font_styles": {
-			"type": "boolean"
-		}
-	}
+	"platform-feature-flags": {}
 }