@atlaskit/feedback-collector 13.12.1 → 13.13.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/feedback-collector
 
+## 13.13.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.13.0
+
+### Minor Changes
+
+- [#144606](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/144606)
+  [`92e041153fa2e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/92e041153fa2e) -
+  [ux] Enable new icons behind a feature flag.
+
 ## 13.12.1
 
 ### Patch Changes

package/dist/cjs/components/FeedbackButton.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _flag = require("@atlaskit/flag");
-var _feedback = _interopRequireDefault(require("@atlaskit/icon/glyph/feedback"));
+var _feedback = _interopRequireDefault(require("@atlaskit/icon/core/migration/feedback"));
 var _messages = require("../messages");
 var _FeedbackCollector = _interopRequireDefault(require("./FeedbackCollector"));
 var _FeedbackFlag = _interopRequireDefault(require("./FeedbackFlag"));
@@ -42,9 +42,10 @@ var FeedbackButton = function FeedbackButton(props) {
       return setIsOpen(true);
     },
     iconBefore: function iconBefore(iconProps) {
-      return /*#__PURE__*/_react.default.createElement(_feedback.default, (0, _extends2.default)({}, iconProps, {
-        size: "small"
-      }));
+      return /*#__PURE__*/_react.default.createElement(_feedback.default, (0, _extends2.default)({
+        LEGACY_size: "small",
+        color: "currentColor"
+      }, iconProps));
     }
   }, formatMessage(_messages.messages.giveFeedback)), isOpen && /*#__PURE__*/_react.default.createElement(_FeedbackCollector.default, {
     locale: locale,

package/dist/cjs/components/FeedbackCollector.js

@@ -166,7 +166,7 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
   }, {
     key: "getPackageVersion",
     value: function getPackageVersion() {
-      return "13.12.1" || 'Unknown, at least 11.0.0';
+      return "13.13.1" || 'Unknown, at least 11.0.0';
     }
   }, {
     key: "getEntitlementInformation",

package/dist/cjs/components/FeedbackFlag.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _flag = require("@atlaskit/flag");
-var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-circle"));
+var _successCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--check-circle"));
 var _colors = require("@atlaskit/theme/colors");
 var _messages = require("../messages");
 var _IntlProviderWithResolvedMessages = require("./IntlProviderWithResolvedMessages");
@@ -18,8 +18,9 @@ var FeedbackFlag = function FeedbackFlag(_ref) {
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_flag.AutoDismissFlag, {
-    icon: /*#__PURE__*/_react.default.createElement(_checkCircle.default, {
-      primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")"),
+    icon: /*#__PURE__*/_react.default.createElement(_successCheckCircle.default, {
+      spacing: "spacious",
+      color: "var(--ds-icon-success, ".concat(_colors.G300, ")"),
       label: "Success"
     }),
     id: "feedbackSent",

package/dist/cjs/components/FeedbackForm.js

@@ -17,7 +17,7 @@ var _reactIntlNext = require("react-intl-next");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _checkbox = require("@atlaskit/checkbox");
 var _form = _interopRequireWildcard(require("@atlaskit/form"));
-var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
+var _closeEditorClose = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--editor-close"));
 var _link = _interopRequireDefault(require("@atlaskit/link"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -152,9 +152,10 @@ var FeedbackForm = function FeedbackForm(_ref) {
       spacing: 'none',
       onClick: onClose,
       appearance: 'subtle'
-    }, /*#__PURE__*/_react.default.createElement(_close.default, {
+    }, /*#__PURE__*/_react.default.createElement(_closeEditorClose.default, {
+      spacing: "spacious",
       label: "Close Modal",
-      primaryColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")")
+      color: "var(--ds-text-subtle, ".concat(_colors.N500, ")")
     }))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement("p", {
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

package/dist/es2019/components/FeedbackButton.js

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import { FlagGroup } from '@atlaskit/flag';
-import FeedbackIcon from '@atlaskit/icon/glyph/feedback';
+import FeedbackIcon from '@atlaskit/icon/core/migration/feedback';
 import { messages } from '../messages';
 import FeedbackCollector from './FeedbackCollector';
 import FeedbackFlag from './FeedbackFlag';
@@ -25,9 +25,10 @@ const FeedbackButton = props => {
   } = props;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     onClick: () => setIsOpen(true),
-    iconBefore: iconProps => /*#__PURE__*/React.createElement(FeedbackIcon, _extends({}, iconProps, {
-      size: "small"
-    }))
+    iconBefore: iconProps => /*#__PURE__*/React.createElement(FeedbackIcon, _extends({
+      LEGACY_size: "small",
+      color: "currentColor"
+    }, iconProps))
   }, formatMessage(messages.giveFeedback)), isOpen && /*#__PURE__*/React.createElement(FeedbackCollector, {
     locale: locale,
     onClose: () => setIsOpen(false),

package/dist/es2019/components/FeedbackCollector.js

@@ -91,7 +91,7 @@ export default class FeedbackCollector extends Component {
     return FeedbackCollector.defaultProps.url;
   }
   getPackageVersion() {
-    return "13.12.1" || 'Unknown, at least 11.0.0';
+    return "13.13.1" || 'Unknown, at least 11.0.0';
   }
   async getEntitlementInformation() {
     var _entitlementDetails, _entitlementDetails2, _productName, _entitlement, _productEntitlement;

package/dist/es2019/components/FeedbackFlag.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useIntl } from 'react-intl-next';
 import { AutoDismissFlag } from '@atlaskit/flag';
-import SuccessIcon from '@atlaskit/icon/glyph/check-circle';
+import SuccessIcon from '@atlaskit/icon/core/migration/success--check-circle';
 import { G300 } from '@atlaskit/theme/colors';
 import { messages } from '../messages';
 import { IntlProviderWithResolvedMessages } from './IntlProviderWithResolvedMessages';
@@ -14,7 +14,8 @@ const FeedbackFlag = ({
   } = useIntl();
   return /*#__PURE__*/React.createElement(AutoDismissFlag, {
     icon: /*#__PURE__*/React.createElement(SuccessIcon, {
-      primaryColor: `var(--ds-icon-success, ${G300})`,
+      spacing: "spacious",
+      color: `var(--ds-icon-success, ${G300})`,
       label: "Success"
     }),
     id: "feedbackSent",

package/dist/es2019/components/FeedbackForm.js

@@ -4,7 +4,7 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
 import { Checkbox } from '@atlaskit/checkbox';
 import Form, { Field, Fieldset, RequiredAsterisk } from '@atlaskit/form';
-import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
+import EditorCloseIcon from '@atlaskit/icon/core/migration/close--editor-close';
 import Link from '@atlaskit/link';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -100,8 +100,9 @@ const FeedbackForm = ({
     onClick: onClose,
     appearance: 'subtle'
   }, /*#__PURE__*/React.createElement(EditorCloseIcon, {
+    spacing: "spacious",
     label: "Close Modal",
-    primaryColor: `var(--ds-text-subtle, ${N500})`
+    color: `var(--ds-text-subtle, ${N500})`
   }))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("p", {
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

package/dist/esm/components/FeedbackButton.js

@@ -4,7 +4,7 @@ import React, { useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import { FlagGroup } from '@atlaskit/flag';
-import FeedbackIcon from '@atlaskit/icon/glyph/feedback';
+import FeedbackIcon from '@atlaskit/icon/core/migration/feedback';
 import { messages } from '../messages';
 import FeedbackCollector from './FeedbackCollector';
 import FeedbackFlag from './FeedbackFlag';
@@ -32,9 +32,10 @@ var FeedbackButton = function FeedbackButton(props) {
       return setIsOpen(true);
     },
     iconBefore: function iconBefore(iconProps) {
-      return /*#__PURE__*/React.createElement(FeedbackIcon, _extends({}, iconProps, {
-        size: "small"
-      }));
+      return /*#__PURE__*/React.createElement(FeedbackIcon, _extends({
+        LEGACY_size: "small",
+        color: "currentColor"
+      }, iconProps));
     }
   }, formatMessage(messages.giveFeedback)), isOpen && /*#__PURE__*/React.createElement(FeedbackCollector, {
     locale: locale,

package/dist/esm/components/FeedbackCollector.js

@@ -156,7 +156,7 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
   }, {
     key: "getPackageVersion",
     value: function getPackageVersion() {
-      return "13.12.1" || 'Unknown, at least 11.0.0';
+      return "13.13.1" || 'Unknown, at least 11.0.0';
     }
   }, {
     key: "getEntitlementInformation",

package/dist/esm/components/FeedbackFlag.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useIntl } from 'react-intl-next';
 import { AutoDismissFlag } from '@atlaskit/flag';
-import SuccessIcon from '@atlaskit/icon/glyph/check-circle';
+import SuccessIcon from '@atlaskit/icon/core/migration/success--check-circle';
 import { G300 } from '@atlaskit/theme/colors';
 import { messages } from '../messages';
 import { IntlProviderWithResolvedMessages } from './IntlProviderWithResolvedMessages';
@@ -12,7 +12,8 @@ var FeedbackFlag = function FeedbackFlag(_ref) {
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/React.createElement(AutoDismissFlag, {
     icon: /*#__PURE__*/React.createElement(SuccessIcon, {
-      primaryColor: "var(--ds-icon-success, ".concat(G300, ")"),
+      spacing: "spacious",
+      color: "var(--ds-icon-success, ".concat(G300, ")"),
       label: "Success"
     }),
     id: "feedbackSent",

package/dist/esm/components/FeedbackForm.js

@@ -13,7 +13,7 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
 import { Checkbox } from '@atlaskit/checkbox';
 import Form, { Field, Fieldset, RequiredAsterisk } from '@atlaskit/form';
-import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
+import EditorCloseIcon from '@atlaskit/icon/core/migration/close--editor-close';
 import Link from '@atlaskit/link';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -143,8 +143,9 @@ var FeedbackForm = function FeedbackForm(_ref) {
       onClick: onClose,
       appearance: 'subtle'
     }, /*#__PURE__*/React.createElement(EditorCloseIcon, {
+      spacing: "spacious",
       label: "Close Modal",
-      primaryColor: "var(--ds-text-subtle, ".concat(N500, ")")
+      color: "var(--ds-text-subtle, ".concat(N500, ")")
     }))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("p", {
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/feedback-collector",
-	"version": "13.12.1",
+	"version": "13.13.1",
 	"description": "A component that collects feedback across Atlassian products.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,19 +38,19 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@atlaskit/button": "^20.1.0",
+		"@atlaskit/button": "^20.2.0",
 		"@atlaskit/checkbox": "^14.0.0",
 		"@atlaskit/flag": "^15.8.0",
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/icon": "^22.18.0",
 		"@atlaskit/link": "^1.2.1",
-		"@atlaskit/modal-dialog": "^12.16.0",
+		"@atlaskit/modal-dialog": "^12.17.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/section-message": "^6.6.0",
 		"@atlaskit/select": "^17.19.0",
 		"@atlaskit/textarea": "^5.6.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tokens": "^1.60.0",
+		"@atlaskit/tokens": "^2.0.0",
 		"@babel/runtime": "^7.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},