@atlaskit/flag 16.1.2 → 16.2.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/flag
 
+## 16.2.0
+
+### Minor Changes
+
+- [#122900](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/122900)
+  [`d8df33a58ab3b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d8df33a58ab3b) -
+  Updated flag dismiss and expand button to use new icons. This change is behind a feature flag and
+  will be available in a later release.
+
+## 16.1.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.1.2
 
 ### Patch Changes

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 && {}.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 = "16.1.2";
+var packageVersion = "16.2.0";
 var AUTO_DISMISS_SECONDS = exports.AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/cjs/flag.js

@@ -67,7 +67,7 @@ var flagWrapperStyles = (0, _react2.css)({
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "16.1.2"
+  packageVersion: "16.2.0"
 };
 var transitionStyles = (0, _react2.css)({
   flexGrow: 1,

package/dist/cjs/internal/dismiss-button.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
-var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
+var _closeCross = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--cross"));
+var _chevronDownHipchatChevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down--hipchat-chevron-down"));
+var _chevronUpHipchatChevronUp = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-up--hipchat-chevron-up"));
 var _primitives = require("@atlaskit/primitives");
 var _theme = require("../theme");
 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); }
@@ -33,12 +33,12 @@ var DismissButtonComponent = function DismissButtonComponent(_ref) {
     isBold = _ref.isBold,
     isExpanded = _ref.isExpanded,
     testId = _ref.testId;
-  var ButtonIcon = _cross.default;
+  var ButtonIcon = _closeCross.default;
   var buttonLabel = 'Dismiss';
   var size = 'small';
   var buttonTestId = testId && "".concat(testId, "-dismiss");
   if (isBold) {
-    ButtonIcon = isExpanded ? _chevronUp.default : _chevronDown.default;
+    ButtonIcon = isExpanded ? _chevronUpHipchatChevronUp.default : _chevronDownHipchatChevronDown.default;
     buttonLabel = isExpanded ? 'Collapse' : 'Expand';
     size = 'medium';
     buttonTestId = testId && "".concat(testId, "-toggle");
@@ -51,8 +51,9 @@ var DismissButtonComponent = function DismissButtonComponent(_ref) {
     "aria-label": buttonLabel
   }, /*#__PURE__*/_react.default.createElement(ButtonIcon, {
     label: "",
-    size: size,
-    primaryColor: _theme.flagTextColorToken[appearance]
+    LEGACY_size: size,
+    LEGACY_primaryColor: _theme.flagTextColorToken[appearance],
+    color: _theme.flagTextColorToken[appearance]
   }));
 };
 var DismissButton = /*#__PURE__*/(0, _react.memo)(DismissButtonComponent);

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 = "16.1.2";
+const packageVersion = "16.2.0";
 export const AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/es2019/flag.js

@@ -59,7 +59,7 @@ const flagWrapperStyles = css({
 const analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "16.1.2"
+  packageVersion: "16.2.0"
 };
 const transitionStyles = css({
   flexGrow: 1,

package/dist/es2019/internal/dismiss-button.js

@@ -1,7 +1,7 @@
 import React, { memo } from 'react';
-import CrossIcon from '@atlaskit/icon/glyph/cross';
-import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
-import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
+import CloseIcon from '@atlaskit/icon/core/migration/close--cross';
+import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down--hipchat-chevron-down';
+import ChevronUpIcon from '@atlaskit/icon/utility/migration/chevron-up--hipchat-chevron-up';
 import { Pressable, xcss } from '@atlaskit/primitives';
 import { flagTextColorToken } from '../theme';
 const buttonStyles = xcss({
@@ -24,7 +24,7 @@ const DismissButtonComponent = ({
   isExpanded,
   testId
 }) => {
-  let ButtonIcon = CrossIcon;
+  let ButtonIcon = CloseIcon;
   let buttonLabel = 'Dismiss';
   let size = 'small';
   let buttonTestId = testId && `${testId}-dismiss`;
@@ -42,8 +42,9 @@ const DismissButtonComponent = ({
     "aria-label": buttonLabel
   }, /*#__PURE__*/React.createElement(ButtonIcon, {
     label: "",
-    size: size,
-    primaryColor: flagTextColorToken[appearance]
+    LEGACY_size: size,
+    LEGACY_primaryColor: flagTextColorToken[appearance],
+    color: flagTextColorToken[appearance]
   }));
 };
 const DismissButton = /*#__PURE__*/memo(DismissButtonComponent);

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 = "16.1.2";
+var packageVersion = "16.2.0";
 export var AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/esm/flag.js

@@ -63,7 +63,7 @@ var flagWrapperStyles = css({
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "16.1.2"
+  packageVersion: "16.2.0"
 };
 var transitionStyles = css({
   flexGrow: 1,

package/dist/esm/internal/dismiss-button.js

@@ -1,7 +1,7 @@
 import React, { memo } from 'react';
-import CrossIcon from '@atlaskit/icon/glyph/cross';
-import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
-import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
+import CloseIcon from '@atlaskit/icon/core/migration/close--cross';
+import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down--hipchat-chevron-down';
+import ChevronUpIcon from '@atlaskit/icon/utility/migration/chevron-up--hipchat-chevron-up';
 import { Pressable, xcss } from '@atlaskit/primitives';
 import { flagTextColorToken } from '../theme';
 var buttonStyles = xcss({
@@ -23,7 +23,7 @@ var DismissButtonComponent = function DismissButtonComponent(_ref) {
     isBold = _ref.isBold,
     isExpanded = _ref.isExpanded,
     testId = _ref.testId;
-  var ButtonIcon = CrossIcon;
+  var ButtonIcon = CloseIcon;
   var buttonLabel = 'Dismiss';
   var size = 'small';
   var buttonTestId = testId && "".concat(testId, "-dismiss");
@@ -41,8 +41,9 @@ var DismissButtonComponent = function DismissButtonComponent(_ref) {
     "aria-label": buttonLabel
   }, /*#__PURE__*/React.createElement(ButtonIcon, {
     label: "",
-    size: size,
-    primaryColor: flagTextColorToken[appearance]
+    LEGACY_size: size,
+    LEGACY_primaryColor: flagTextColorToken[appearance],
+    color: flagTextColorToken[appearance]
   }));
 };
 var DismissButton = /*#__PURE__*/memo(DismissButtonComponent);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/flag",
-	"version": "16.1.2",
+	"version": "16.2.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/"
@@ -53,7 +53,7 @@
 		"@atlaskit/platform-feature-flags": "1.1.0",
 		"@atlaskit/portal": "^5.0.0",
 		"@atlaskit/primitives": "^14.1.0",
-		"@atlaskit/theme": "^17.0.0",
+		"@atlaskit/theme": "^18.0.0",
 		"@atlaskit/tokens": "^4.3.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",