@atlaskit/contextual-survey 2.3.3 → 2.4.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/contextual-survey
 
+## 2.4.0
+
+### Minor Changes
+
+- [#147230](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147230)
+  [`0450aceb2400a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0450aceb2400a) -
+  Enable new icons behind a feature flag.
+
 ## 2.3.3
 
 ### Patch Changes

package/dist/cjs/components/SuccessContainer.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
-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");
 /**
  * @jsxRuntime classic
@@ -24,12 +24,14 @@ var _default = exports.default = function _default(_ref) {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     css: (0, _react.css)({
       position: 'absolute',
-      top: "var(--ds-space-300, 24px)",
+      top: "var(--ds-space-250, 20px)",
       left: "var(--ds-space-300, 24px)"
     })
-  }, (0, _react.jsx)(_checkCircle.default, {
+  }, (0, _react.jsx)(_successCheckCircle.default, {
+    spacing: "spacious",
     label: "",
     "aria-hidden": true,
-    primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")")
+    color: "var(--ds-icon-success, ".concat(_colors.G300, ")"),
+    LEGACY_margin: "4px 0 0 0"
   })), children);
 };

package/dist/cjs/components/SurveyContainer.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("@emotion/react");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
+var _closeCross = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--cross"));
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _constants2 = require("../constants");
@@ -38,9 +38,9 @@ var _default = exports.default = function _default(_ref) {
       right: "var(--ds-space-200, 16px)"
     })
   }, (0, _react.jsx)(_customThemeButton.default, {
-    iconBefore: (0, _react.jsx)(_cross.default, {
+    iconBefore: (0, _react.jsx)(_closeCross.default, {
       label: "",
-      primaryColor: "var(--ds-icon-subtle, ".concat(_colors.N50, ")")
+      color: "var(--ds-icon-subtle, ".concat(_colors.N50, ")")
     }),
     "aria-label": "Dismiss",
     appearance: "subtle",

package/dist/es2019/components/SuccessContainer.js

@@ -4,7 +4,7 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
+import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle';
 import { G300 } from '@atlaskit/theme/colors';
 export default (({
   children
@@ -17,11 +17,13 @@ export default (({
   // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   css: css({
     position: 'absolute',
-    top: "var(--ds-space-300, 24px)",
+    top: "var(--ds-space-250, 20px)",
     left: "var(--ds-space-300, 24px)"
   })
 }, jsx(CheckCircleIcon, {
+  spacing: "spacious",
   label: "",
   "aria-hidden": true,
-  primaryColor: `var(--ds-icon-success, ${G300})`
+  color: `var(--ds-icon-success, ${G300})`,
+  LEGACY_margin: "4px 0 0 0"
 })), children));

package/dist/es2019/components/SurveyContainer.js

@@ -5,7 +5,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
-import CrossIcon from '@atlaskit/icon/glyph/cross';
+import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
 import { N0, N50, N50A, N60A } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { surveyInnerWidth } from '../constants';
@@ -34,7 +34,7 @@ export default (({
   }, jsx(Button, {
     iconBefore: jsx(CrossIcon, {
       label: "",
-      primaryColor: `var(--ds-icon-subtle, ${N50})`
+      color: `var(--ds-icon-subtle, ${N50})`
     }),
     "aria-label": "Dismiss",
     appearance: "subtle",

package/dist/esm/components/SuccessContainer.js

@@ -4,7 +4,7 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
+import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle';
 import { G300 } from '@atlaskit/theme/colors';
 export default (function (_ref) {
   var children = _ref.children;
@@ -17,12 +17,14 @@ export default (function (_ref) {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     css: css({
       position: 'absolute',
-      top: "var(--ds-space-300, 24px)",
+      top: "var(--ds-space-250, 20px)",
       left: "var(--ds-space-300, 24px)"
     })
   }, jsx(CheckCircleIcon, {
+    spacing: "spacious",
     label: "",
     "aria-hidden": true,
-    primaryColor: "var(--ds-icon-success, ".concat(G300, ")")
+    color: "var(--ds-icon-success, ".concat(G300, ")"),
+    LEGACY_margin: "4px 0 0 0"
   })), children);
 });

package/dist/esm/components/SurveyContainer.js

@@ -5,7 +5,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
-import CrossIcon from '@atlaskit/icon/glyph/cross';
+import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
 import { N0, N50, N50A, N60A } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { surveyInnerWidth } from '../constants';
@@ -33,7 +33,7 @@ export default (function (_ref) {
   }, jsx(Button, {
     iconBefore: jsx(CrossIcon, {
       label: "",
-      primaryColor: "var(--ds-icon-subtle, ".concat(N50, ")")
+      color: "var(--ds-icon-subtle, ".concat(N50, ")")
     }),
     "aria-label": "Dismiss",
     appearance: "subtle",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/contextual-survey",
-	"version": "2.3.3",
+	"version": "2.4.0",
 	"description": "A React component used to ask the user for feedback",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,12 +38,12 @@
 		"@atlaskit/checkbox": "^14.0.0",
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/heading": "^2.4.0",
-		"@atlaskit/icon": "^22.18.0",
+		"@atlaskit/icon": "^22.20.0",
 		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/textarea": "^5.6.0",
 		"@atlaskit/theme": "^13.0.0",
 		"@atlaskit/tokens": "^2.0.0",
-		"@atlaskit/tooltip": "^18.7.0",
+		"@atlaskit/tooltip": "^18.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"react-transition-group": "^4.4.1"