@atlaskit/smart-card 44.3.9 → 44.3.11

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-with-lazy-load-icons-slice-6--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f0bdf05636ffef07dbcd840489cd4d6d38c54572d1c7e80716c5568cec171944
-size 21291
+oid sha256:ecb3d731c90e314d7634fce44ed1715922dea9330dab32f21b6a89338e142419
+size 21470

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-title--default--navx-1895-new-logo-design-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5f2768a5ed734c781643218d0fb6777a93b589c6113a2dbe8c0428f6d67595f3
-size 385630
+oid sha256:409dec762ed52e36082bbf5f214f8971e365a01c89ff41e95cb2dcc4bea61581
+size 362534

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-title--default--navx-1895-new-logo-design-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:eefca819790ce33c35e570f73747d9aa896f30e5b7ed42bc54ef1880f763a30a
-size 386386
+oid sha256:26b9355f51a79909468010d04fcd39c57c1c807fee0fc8cec91ce46171dbedb6
+size 363189

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-title--more-actions-hovered--default--navx-1895-new-logo-design-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:74b00b146cdbf2354e95de3b82bc067b10d43b483805087c8820ef0196e01d9f
-size 387213
+oid sha256:e0258743a1262eb3e923f0340f454935ef53ae409d7a568a8ff808c9714a7b26
+size 363893

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-title--more-actions-hovered--default--navx-1895-new-logo-design-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:06daa5824091652710f3d1ce9e0441e278d6c9d73087255aab0fa5c6fd619b5e
-size 387936
+oid sha256:7744bbb2e81df4368b17bfff71ceabed83d3bde07fd98a1aed78cb357b764142
+size 364557

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-title--title-hovered--default--navx-1895-new-logo-design-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:707e0e1f219d980074ee75779ad810033a0ea6bb89ef69138e02d5ea9fab41d4
-size 425926
+oid sha256:21039d603e01711d8c4ae27c498b42c3efb6a02c5011cf9eaa8242dd615b563e
+size 399542

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card/flexible-ui-block-title--title-hovered--default--navx-1895-new-logo-design-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a589cfeb2f8dca8981712838b49e88c2a0e8aaee22fb8c5053771ea8bbc053d1
-size 426656
+oid sha256:0bfdd2afe27e7dc638ecc9f617d014820f4bf76c8f18e4857aa619022abca528
+size 400208

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-attachment--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:bc547edbe8c863cd906ad09ba104e0407cb847eca57512f82a0ce5c4c4e1c2f1
-size 916
+oid sha256:15ee24cd6e53ba92affe8a9ff6a716ad273c15560c79a863f6e3c6467d3062cc
+size 1087

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-check-item--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a21fa55013b9611e950ad9569f257e09b411c1aa3e85a8c4502316890418bb85
-size 717
+oid sha256:f32a7085d479dc00930ec9a40b85f8ce689c4cf2a639b1098f536b634ddbe333
+size 875

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-comment--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3890c029c9d2df71d17faf4c4031215283bdb6b1143667a125f9f7a1f1d031c6
-size 662
+oid sha256:631737fbb2701791bc2da871c7d17c8b93f5b626289d991420c7ffc3b2d6096c
+size 837

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-high--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:df46e6b439ccab76515e1f813b04eb9395cab0508060d3943055da58b3632822
-size 792
+oid sha256:8dc766b0223ae1b3c38c7373903a71eba020696337c591df3f0b81dcd60b7b6b
+size 628

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-low--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6c2432f63bde4e9f1719142ae9aafa5cf08bad393e5f4192d8db0dd487890259
-size 801
+oid sha256:1b8b84b605769cb706aa74264a49c3ca30f8a6def7f7a75834258d65c2a06d82
+size 618

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-priority-undefined--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f4038f7cdf85d4ba704ec66c093997f21496a788333cd52acbaf4c997b774e29
-size 1130
+oid sha256:8f3d5d26e101111401822681de91363fbfa08e7e9260cc55f1ea9a7bc70ff107
+size 1270

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-programming-language--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:1615699055f5324ba7d6278cf5d93bb861faf3001b92e1a0ea2bea26da9f6cb5
-size 880
+oid sha256:691e2a98fcfcfdd971e9a6e2a32b62e3008637826e1b59db9b6aca030983aa78
+size 1046

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-react--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5a2ccbefaa5373a28e3fba17c3c65e466ddd41d9b219b91be33586d1303fda20
-size 778
+oid sha256:2b06c276591df756385c9b9f55ec1ce3c39a56c8978f3223aacf493b0d08894c
+size 977

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-sub-tasks-progress--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6259b4afe69f75026338a1feef74a91405b6ec5376eb267c57a4d4cdd8af84fa
-size 619
+oid sha256:7b85af4e50cecfdb43056a949ecb5dd0ae922c4567390f086e40cf82fd24cc95
+size 817

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-subscriber--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7c5476eb3971c6cc861a4318f7f9bae8f173950791a6aa5409f3dddf2132da71
-size 917
+oid sha256:448e740e01d7e497445562beb4849afbd98c0881a3a97ba683458a13598fe4e5
+size 1097

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-view--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:70ac8f89ca84c501b0d6306aa49f22d7d78407e9cbc0480f42265fd0cab59f60
-size 996
+oid sha256:2d0270a08e24c96935f6d9e76cbeeba6aa317046c1057a708546b5634d264a1c
+size 1173

package/dist/esm/__tests__/vr-tests/__snapshots__/flexible-card-icon/icon-type-vote--default.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ccb306031369d6380a4a2e5576797e461d0e3b9d0271db15398e7088f77b5b89
-size 591
+oid sha256:c522252ba10d7170d9ea5512b80d8c9644ae0b51885ee4fd45cb02ccb0f1fe59
+size 752

package/dist/esm/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-false-platform-sl-3p-preauth-better-hovercard-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6a117559ef83d4ec2bc759d06ad90af7a7ca326aacc551c36f5634750f9bf8bd
-size 223769
+oid sha256:6052313dd815dce2eb1125a7878ce27cdc9d87672326c77ab37839afecf45038
+size 218155

package/dist/esm/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-false-platform-sl-3p-preauth-better-hovercard-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6a117559ef83d4ec2bc759d06ad90af7a7ca326aacc551c36f5634750f9bf8bd
-size 223769
+oid sha256:6052313dd815dce2eb1125a7878ce27cdc9d87672326c77ab37839afecf45038
+size 218155

package/dist/esm/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-true-platform-sl-3p-preauth-better-hovercard-false.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4e57281cb358f1e4d45ffc78ba504439918d6e6dd5f02f0610c39baf8ee3e76d
-size 224003
+oid sha256:acbe94e67ad0adf74414f4ca3f80fd03d8d9fde7ea6969ac37ec91910d8a0830
+size 218386

package/dist/esm/__tests__/vr-tests/__snapshots__/icon-element-variations/icon-element-all-variations-with-experiments--default--platform-sl-3p-preauth-better-hovercard-killswitch-true-platform-sl-3p-preauth-better-hovercard-true.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4e57281cb358f1e4d45ffc78ba504439918d6e6dd5f02f0610c39baf8ee3e76d
-size 224003
+oid sha256:acbe94e67ad0adf74414f4ca3f80fd03d8d9fde7ea6969ac37ec91910d8a0830
+size 218386

package/dist/esm/common/ui/icons/blog-icon.js

@@ -1,3 +1,6 @@
+// This file is the FG-OFF fallback for platform_sl_icons_refactor.
+// Delete this file when platform_sl_icons_refactor is cleaned up.
+
 import BlogIconSmall from '@atlaskit/icon-object/glyph/blog/16';
 import BlogIconLarge from '@atlaskit/icon-object/glyph/blog/24';
 import { renderIconPerSize } from './utils';

package/dist/esm/common/ui/icons/live-document-icon.js

@@ -1,3 +1,6 @@
+// This file is the FG-OFF fallback for platform_sl_icons_refactor.
+// Delete this file when platform_sl_icons_refactor is cleaned up.
+
 import LiveDocIconSmall from '@atlaskit/icon-object/glyph/page-live-doc/16';
 import LiveDocIconLarge from '@atlaskit/icon-object/glyph/page-live-doc/24';
 import { renderIconPerSize } from './utils';

package/dist/esm/common/ui/icons/priority-blocker-icon.js

@@ -5,11 +5,13 @@ var _excluded = ["label", "testId"];
 import "./priority-blocker-icon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { createPriorityIcon } from './priority-icon';
 var style = {
   span: "_1e0c1o8l _1o9zidpf",
   svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
 };
-var PriorityBlockerIcon = function PriorityBlockerIcon(_ref) {
+var PriorityBlockerIconLegacy = function PriorityBlockerIconLegacy(_ref) {
   var label = _ref.label,
     testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -31,5 +33,8 @@ var PriorityBlockerIcon = function PriorityBlockerIcon(_ref) {
     fill: "#FF5630"
   })));
 };
-PriorityBlockerIcon.displayName = 'PriorityBlockerIcon';
-export default PriorityBlockerIcon;
+PriorityBlockerIconLegacy.displayName = 'PriorityBlockerIcon';
+export default componentWithFG('platform_sl_icons_refactor', createPriorityIcon('PriorityBlockerIcon', [{
+  d: 'M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zM6 11a1 1 0 000 2h12a1 1 0 000-2H6z',
+  fill: '#FF5630'
+}]), PriorityBlockerIconLegacy);

package/dist/esm/common/ui/icons/priority-critical-icon.js

@@ -5,11 +5,13 @@ var _excluded = ["label", "testId"];
 import "./priority-critical-icon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { createPriorityIcon } from './priority-icon';
 var style = {
   span: "_1e0c1o8l _1o9zidpf",
   svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
 };
-var PriorityCriticalIcon = function PriorityCriticalIcon(_ref) {
+var PriorityCriticalIconLegacy = function PriorityCriticalIconLegacy(_ref) {
   var label = _ref.label,
     testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -31,5 +33,8 @@ var PriorityCriticalIcon = function PriorityCriticalIcon(_ref) {
     fill: "#FF5630"
   })));
 };
-PriorityCriticalIcon.displayName = 'PriorityCriticalIcon';
-export default PriorityCriticalIcon;
+PriorityCriticalIconLegacy.displayName = 'PriorityCriticalIcon';
+export default componentWithFG('platform_sl_icons_refactor', createPriorityIcon('PriorityCriticalIcon', [{
+  d: 'M4.671 7.165l6.643-3.946a1.372 1.372 0 011.403.002l6.614 3.944c.415.247.669.695.669 1.178v11.253a1.372 1.372 0 01-2.074 1.179l-5.91-3.52-5.944 3.526A1.372 1.372 0 014 19.6V8.345c0-.484.255-.933.671-1.18z',
+  fill: '#FF5630'
+}]), PriorityCriticalIconLegacy);

package/dist/esm/common/ui/icons/priority-high-icon.js

@@ -5,11 +5,13 @@ var _excluded = ["label", "testId"];
 import "./priority-high-icon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { createPriorityIcon } from './priority-icon';
 var style = {
   span: "_1e0c1o8l _1o9zidpf",
   svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
 };
-var PriorityHighIcon = function PriorityHighIcon(_ref) {
+var PriorityHighIconLegacy = function PriorityHighIconLegacy(_ref) {
   var label = _ref.label,
     testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -31,5 +33,8 @@ var PriorityHighIcon = function PriorityHighIcon(_ref) {
     fill: "#FF5630"
   })));
 };
-PriorityHighIcon.displayName = 'PriorityHighIcon';
-export default PriorityHighIcon;
+PriorityHighIconLegacy.displayName = 'PriorityHighIcon';
+export default componentWithFG('platform_sl_icons_refactor', createPriorityIcon('PriorityHighIcon', [{
+  d: 'M12.017 11.182l-6.454 3.865a1 1 0 11-1.027-1.716l6.97-4.174a1 1 0 011.03.003l6.906 4.173a1 1 0 01-1.035 1.712l-6.39-3.863z',
+  fill: '#FF5630'
+}]), PriorityHighIconLegacy);

package/dist/esm/common/ui/icons/priority-highest-icon.js

@@ -5,11 +5,13 @@ var _excluded = ["label", "testId"];
 import "./priority-highest-icon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { createPriorityIcon } from './priority-icon';
 var style = {
   span: "_1e0c1o8l _1o9zidpf",
   svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
 };
-var PriorityHighestIcon = function PriorityHighestIcon(_ref) {
+var PriorityHighestIconLegacy = function PriorityHighestIconLegacy(_ref) {
   var label = _ref.label,
     testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -34,5 +36,11 @@ var PriorityHighestIcon = function PriorityHighestIcon(_ref) {
     fill: "#FF7452"
   })));
 };
-PriorityHighestIcon.displayName = 'PriorityHighestIcon';
-export default PriorityHighestIcon;
+PriorityHighestIconLegacy.displayName = 'PriorityHighestIcon';
+export default componentWithFG('platform_sl_icons_refactor', createPriorityIcon('PriorityHighestIcon', [{
+  d: 'M12.005 8.187l-6.453 3.865a1 1 0 01-1.028-1.716l6.97-4.174a1 1 0 011.031.002l6.906 4.174a1 1 0 11-1.035 1.712l-6.39-3.863z',
+  fill: '#FF5630'
+}, {
+  d: 'M5.552 18.054a1 1 0 11-1.028-1.715l6.97-4.174a1 1 0 011.031.002l6.906 4.174a1 1 0 11-1.035 1.711l-6.39-3.862-6.454 3.864z',
+  fill: '#FF7452'
+}]), PriorityHighestIconLegacy);

package/dist/esm/common/ui/icons/priority-icon.compiled.css

@@ -0,0 +1,4 @@
+._1e0c1o8l{display:inline-block}
+._c71l1osq{max-height:100%}
+._p12f1osq{max-width:100%}
+._s7n4yfq0{vertical-align:bottom}

package/dist/esm/common/ui/icons/priority-icon.js

@@ -0,0 +1,40 @@
+/* priority-icon.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["label", "testId"];
+import "./priority-icon.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+var style = {
+  span: "_1e0c1o8l",
+  svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
+};
+export var createPriorityIcon = function createPriorityIcon(displayName, paths) {
+  var Icon = function Icon(_ref) {
+    var label = _ref.label,
+      testId = _ref.testId,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return /*#__PURE__*/React.createElement("span", _extends({
+      role: label ? 'img' : undefined,
+      "aria-label": label,
+      "aria-hidden": label ? undefined : true,
+      "data-testid": testId
+    }, props, {
+      className: ax([style.span])
+    }), /*#__PURE__*/React.createElement("svg", {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      role: "presentation",
+      className: ax([style.svg])
+    }, paths.map(function (p, i) {
+      return /*#__PURE__*/React.createElement("path", {
+        key: i,
+        d: p.d,
+        fill: p.fill
+      });
+    })));
+  };
+  Icon.displayName = displayName;
+  return Icon;
+};

package/dist/esm/common/ui/icons/priority-low-icon.js

@@ -5,11 +5,13 @@ var _excluded = ["label", "testId"];
 import "./priority-low-icon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { createPriorityIcon } from './priority-icon';
 var style = {
   span: "_1e0c1o8l _1o9zidpf",
   svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
 };
-var PriorityLowIcon = function PriorityLowIcon(_ref) {
+var PriorityLowIconLegacy = function PriorityLowIconLegacy(_ref) {
   var label = _ref.label,
     testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -31,5 +33,8 @@ var PriorityLowIcon = function PriorityLowIcon(_ref) {
     fill: "#0065FF"
   })));
 };
-PriorityLowIcon.displayName = 'PriorityLowIcon';
-export default PriorityLowIcon;
+PriorityLowIconLegacy.displayName = 'PriorityLowIcon';
+export default componentWithFG('platform_sl_icons_refactor', createPriorityIcon('PriorityLowIcon', [{
+  d: 'M11.996 13.861l6.454-3.865a1 1 0 111.027 1.716l-6.97 4.174a1 1 0 01-1.03-.002L4.57 11.71A1 1 0 015.606 10l6.39 3.862z',
+  fill: '#0065FF'
+}]), PriorityLowIconLegacy);

package/dist/esm/common/ui/icons/priority-lowest-icon.js

@@ -5,11 +5,13 @@ var _excluded = ["label", "testId"];
 import "./priority-lowest-icon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { createPriorityIcon } from './priority-icon';
 var style = {
   span: "_1e0c1o8l _1o9zidpf",
   svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
 };
-var PriorityLowestIcon = function PriorityLowestIcon(_ref) {
+var PriorityLowestIconLegacy = function PriorityLowestIconLegacy(_ref) {
   var label = _ref.label,
     testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -34,5 +36,11 @@ var PriorityLowestIcon = function PriorityLowestIcon(_ref) {
     fill: "#2684FF"
   })));
 };
-PriorityLowestIcon.displayName = 'PriorityLowestIcon';
-export default PriorityLowestIcon;
+PriorityLowestIconLegacy.displayName = 'PriorityLowestIcon';
+export default componentWithFG('platform_sl_icons_refactor', createPriorityIcon('PriorityLowestIcon', [{
+  d: 'M18.46 11.936a1 1 0 111.028 1.716l-6.97 4.174a1 1 0 01-1.03-.002L4.581 13.65a1 1 0 011.034-1.711l6.391 3.862 6.454-3.865z',
+  fill: '#0065FF'
+}, {
+  d: 'M12.007 9.798l6.454-3.864a1 1 0 011.027 1.716l-6.97 4.173a1 1 0 01-1.03-.002L4.581 7.648a1 1 0 011.034-1.712l6.391 3.862z',
+  fill: '#2684FF'
+}]), PriorityLowestIconLegacy);

package/dist/esm/common/ui/icons/priority-major-icon.js

@@ -5,11 +5,13 @@ var _excluded = ["label", "testId"];
 import "./priority-major-icon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { createPriorityIcon } from './priority-icon';
 var style = {
   span: "_1e0c1o8l _1o9zidpf",
   svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
 };
-var PriorityMajorIcon = function PriorityMajorIcon(_ref) {
+var PriorityMajorIconLegacy = function PriorityMajorIconLegacy(_ref) {
   var label = _ref.label,
     testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -37,5 +39,14 @@ var PriorityMajorIcon = function PriorityMajorIcon(_ref) {
     fill: "#FF8F73"
   })));
 };
-PriorityMajorIcon.displayName = 'PriorityMajorIcon';
-export default PriorityMajorIcon;
+PriorityMajorIconLegacy.displayName = 'PriorityMajorIcon';
+export default componentWithFG('platform_sl_icons_refactor', createPriorityIcon('PriorityMajorIcon', [{
+  d: 'M12.02 5.187L5.567 9.05A1 1 0 114.54 7.335l6.97-4.173a1 1 0 011.03.002l6.906 4.173A1 1 0 1118.41 9.05l-6.39-3.862z',
+  fill: '#FF5630'
+}, {
+  d: 'M5.567 15.054a1 1 0 11-1.027-1.716l6.97-4.174a1 1 0 011.03.002l6.906 4.174a1 1 0 11-1.035 1.712l-6.39-3.863-6.454 3.865z',
+  fill: '#FF7452'
+}, {
+  d: 'M5.567 21.068a1 1 0 11-1.027-1.716l6.97-4.174a1 1 0 011.03.002l6.906 4.174a1 1 0 11-1.035 1.712l-6.39-3.863-6.454 3.865z',
+  fill: '#FF8F73'
+}]), PriorityMajorIconLegacy);

package/dist/esm/common/ui/icons/priority-medium-icon.js

@@ -5,11 +5,13 @@ var _excluded = ["label", "testId"];
 import "./priority-medium-icon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { createPriorityIcon } from './priority-icon';
 var style = {
   span: "_1e0c1o8l _1o9zidpf",
   svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
 };
-var PriorityMediumIcon = function PriorityMediumIcon(_ref) {
+var PriorityMediumIconLegacy = function PriorityMediumIconLegacy(_ref) {
   var label = _ref.label,
     testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -31,5 +33,8 @@ var PriorityMediumIcon = function PriorityMediumIcon(_ref) {
     fill: "#FFAB00"
   })));
 };
-PriorityMediumIcon.displayName = 'PriorityMediumIcon';
-export default PriorityMediumIcon;
+PriorityMediumIconLegacy.displayName = 'PriorityMediumIcon';
+export default componentWithFG('platform_sl_icons_refactor', createPriorityIcon('PriorityMediumIcon', [{
+  d: 'M5 8h14a1 1 0 010 2H5a1 1 0 110-2zm0 6h14a1 1 0 010 2H5a1 1 0 010-2z',
+  fill: '#FFAB00'
+}]), PriorityMediumIconLegacy);

package/dist/esm/common/ui/icons/priority-minor-icon.js

@@ -5,11 +5,13 @@ var _excluded = ["label", "testId"];
 import "./priority-minor-icon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { createPriorityIcon } from './priority-icon';
 var style = {
   span: "_1e0c1o8l _1o9zidpf",
   svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
 };
-var PriorityMinorIcon = function PriorityMinorIcon(_ref) {
+var PriorityMinorIconLegacy = function PriorityMinorIconLegacy(_ref) {
   var label = _ref.label,
     testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -37,5 +39,14 @@ var PriorityMinorIcon = function PriorityMinorIcon(_ref) {
     fill: "#4C9AFF"
   })));
 };
-PriorityMinorIcon.displayName = 'PriorityMinorIcon';
-export default PriorityMinorIcon;
+PriorityMinorIconLegacy.displayName = 'PriorityMinorIcon';
+export default componentWithFG('platform_sl_icons_refactor', createPriorityIcon('PriorityMinorIcon', [{
+  d: 'M18.449 14.975a1 1 0 011.027 1.716l-6.97 4.173a1 1 0 01-1.03-.002L4.57 16.69a1 1 0 011.034-1.712l6.391 3.862 6.454-3.864z',
+  fill: '#0065FF'
+}, {
+  d: 'M11.995 12.837l6.454-3.865a1 1 0 011.027 1.716l-6.97 4.174a1 1 0 01-1.03-.002L4.57 10.686a1 1 0 011.034-1.712l6.391 3.863z',
+  fill: '#2684FF'
+}, {
+  d: 'M11.995 6.823l6.454-3.865a1 1 0 111.027 1.716l-6.97 4.174a1 1 0 01-1.03-.002L4.57 4.672A1 1 0 015.604 2.96l6.391 3.863z',
+  fill: '#4C9AFF'
+}]), PriorityMinorIconLegacy);

package/dist/esm/common/ui/icons/priority-trivial-icon.js

@@ -5,11 +5,13 @@ var _excluded = ["label", "testId"];
 import "./priority-trivial-icon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
+import { createPriorityIcon } from './priority-icon';
 var style = {
   span: "_1e0c1o8l _1o9zidpf",
   svg: "_s7n4yfq0 _p12f1osq _c71l1osq"
 };
-var PriorityTrivialIcon = function PriorityTrivialIcon(_ref) {
+var PriorityTrivialIconLegacy = function PriorityTrivialIconLegacy(_ref) {
   var label = _ref.label,
     testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -31,5 +33,8 @@ var PriorityTrivialIcon = function PriorityTrivialIcon(_ref) {
     fill: "#7A8699"
   })));
 };
-PriorityTrivialIcon.displayName = 'PriorityTrivialIcon';
-export default PriorityTrivialIcon;
+PriorityTrivialIconLegacy.displayName = 'PriorityTrivialIcon';
+export default componentWithFG('platform_sl_icons_refactor', createPriorityIcon('PriorityTrivialIcon', [{
+  d: 'M12 20a8 8 0 100-16 8 8 0 000 16zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z',
+  fill: '#7A8699'
+}]), PriorityTrivialIconLegacy);

package/dist/esm/common/ui/icons/utils.js

@@ -4,9 +4,22 @@ var _excluded = ["size"],
   _excluded2 = ["size"];
 import React from 'react';
 import { IconTile } from '@atlaskit/icon';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkSize } from '../../../constants';
 import { isIconSizeLarge } from '../../../utils';
 export var transformSmartLinkSizeToIconTileSize = function transformSmartLinkSizeToIconTileSize(size) {
+  if (fg('platform_sl_icons_refactor')) {
+    switch (size) {
+      case SmartLinkSize.Small:
+      case SmartLinkSize.Medium:
+        return '16';
+      case SmartLinkSize.XLarge:
+      case SmartLinkSize.Large:
+        return '24';
+      default:
+        return '16';
+    }
+  }
   switch (size) {
     case SmartLinkSize.XLarge:
     case SmartLinkSize.Large:

package/dist/esm/extractors/common/icon/extractIconFromDocument.js

@@ -1,12 +1,14 @@
 import React from 'react';
+import BlogIconGlyph from '@atlaskit/icon-object/glyph/blog/16';
+import LiveDocumentIconGlyph from '@atlaskit/icon-object/glyph/page-live-doc/16';
 import DocumentFilledIcon from '@atlaskit/icon/core/file';
 import { isConfluenceGenerator } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import BlogIcon from '../../../common/ui/icons/blog-icon';
+import BlogIconWrapped from '../../../common/ui/icons/blog-icon';
 import PresentationIcon from '../../../common/ui/icons/chart-bar-icon';
 import FileIcon from '../../../common/ui/icons/file-icon';
 import SpreadsheetIcon from '../../../common/ui/icons/list-bullet-icon';
-import LiveDocumentIcon from '../../../common/ui/icons/live-document-icon';
+import LiveDocumentIconWrapped from '../../../common/ui/icons/live-document-icon';
 import DocumentIcon from '../../../common/ui/icons/page-icon';
 import { getIconForFileType } from '../../../utils';
 import { prioritiseIcon } from './prioritiseIcon';
@@ -43,7 +45,10 @@ var documentLabel = function documentLabel(opts, label) {
 var documentTypeToIcon = function documentTypeToIcon(type, opts) {
   switch (type) {
     case 'schema:BlogPosting':
-      return /*#__PURE__*/React.createElement(BlogIcon, {
+      return fg('platform_sl_icons_refactor') ? /*#__PURE__*/React.createElement(BlogIconGlyph, {
+        label: documentLabel(opts, 'blog'),
+        testId: "blog-icon"
+      }) : /*#__PURE__*/React.createElement(BlogIconWrapped, {
         label: documentLabel(opts, 'blog'),
         testId: "blog-icon"
       });
@@ -89,7 +94,10 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
 var digitalDocumentToIcon = function digitalDocumentToIcon(opts) {
   var _opts$provider;
   if ((_opts$provider = opts.provider) !== null && _opts$provider !== void 0 && _opts$provider.id && isConfluenceGenerator(opts.provider.id)) {
-    return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
+    return fg('platform_sl_icons_refactor') ? /*#__PURE__*/React.createElement(LiveDocumentIconGlyph, {
+      label: documentLabel(opts, 'live document'),
+      testId: "live-doc-icon"
+    }) : /*#__PURE__*/React.createElement(LiveDocumentIconWrapped, {
       label: documentLabel(opts, 'live document'),
       testId: "live-doc-icon"
     });

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "44.3.8"
+  packageVersion: "44.3.10"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";