@atlaskit/icon 22.16.1 → 22.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +39 -0
- package/core/arrow-down.js +2 -2
- package/core/arrow-left.js +2 -2
- package/core/arrow-right.js +2 -2
- package/core/arrow-up-right.js +2 -2
- package/core/arrow-up.js +2 -2
- package/core/changes.js +2 -2
- package/core/chart-trend.js +2 -2
- package/core/cloud-arrow-up.js +2 -2
- package/core/collapse-horizontal.js +2 -2
- package/core/collapse-vertical.js +2 -2
- package/core/content-align-center.js +2 -2
- package/core/content-align-left.js +2 -2
- package/core/content-align-right.js +2 -2
- package/core/content-width-narrow.js +2 -2
- package/core/content-width-wide.js +2 -2
- package/core/content-wrap-left.js +2 -2
- package/core/content-wrap-right.js +2 -2
- package/core/decision.js +2 -2
- package/core/defect.js +3 -3
- package/core/discovery.js +2 -2
- package/core/download.js +2 -2
- package/core/edit-bulk.js +2 -2
- package/core/expand-horizontal.js +2 -2
- package/core/expand-vertical.js +2 -2
- package/core/feedback.js +2 -2
- package/core/grow-diagonal.js +2 -2
- package/core/grow-horizontal.js +2 -2
- package/core/grow-vertical.js +2 -2
- package/core/highlight.d.ts +14 -0
- package/core/highlight.js +31 -0
- package/core/layout-one-column.d.ts +14 -0
- package/core/layout-one-column.js +31 -0
- package/core/layout-three-columns-sidebars.js +2 -2
- package/core/layout-three-columns.js +2 -2
- package/core/layout-two-columns-sidebar-left.js +2 -2
- package/core/layout-two-columns-sidebar-right.js +2 -2
- package/core/layout-two-columns.js +2 -2
- package/core/library.js +2 -2
- package/core/link-external.js +2 -2
- package/core/migration/content-align-center--editor-align-image-center.js +2 -2
- package/core/migration/content-align-left--editor-align-image-left.js +2 -2
- package/core/migration/content-align-right--editor-align-image-right.js +2 -2
- package/core/migration/content-width-narrow--editor-media-center.js +2 -2
- package/core/migration/content-width-wide--editor-media-wide.js +2 -2
- package/core/migration/layout-one-column--editor-layout-single.d.ts +14 -0
- package/core/migration/layout-one-column--editor-layout-single.js +33 -0
- package/core/migration/layout-three-columns--editor-layout-three-equal.js +2 -2
- package/core/migration/layout-three-columns-sidebars--editor-layout-three-with-sidebars.js +2 -2
- package/core/migration/layout-two-columns--editor-layout-two-equal.js +2 -2
- package/core/migration/layout-two-columns-sidebar-left--editor-layout-two-left-sidebar.js +2 -2
- package/core/migration/layout-two-columns-sidebar-right--editor-layout-two-right-sidebar.js +2 -2
- package/core/migration/on-call--hipchat-dial-out.js +2 -2
- package/core/migration/text-bold--editor-bold.js +2 -2
- package/core/migration/text-indent-left--editor-outdent.js +2 -2
- package/core/migration/text-indent-right--editor-indent.js +2 -2
- package/core/migration/text-italic--editor-italic.js +2 -2
- package/core/objective.js +2 -2
- package/core/on-call.js +2 -2
- package/core/operations.js +3 -3
- package/core/paint-bucket.js +2 -2
- package/core/redo.js +2 -2
- package/core/refresh.js +2 -2
- package/core/retry.js +2 -2
- package/core/sort-ascending.js +2 -2
- package/core/sort-descending.js +2 -2
- package/core/sprint.js +2 -2
- package/core/target.js +2 -2
- package/core/text-bold.js +2 -2
- package/core/text-indent-left.js +2 -2
- package/core/text-indent-right.js +2 -2
- package/core/text-italic.js +2 -2
- package/core/text-spellcheck.js +2 -2
- package/core/text-style.js +2 -2
- package/core/theme.js +2 -2
- package/core/undo.js +2 -2
- package/dist/cjs/components/icon-facade.js +3 -3
- package/dist/cjs/components/icon-new.js +1 -1
- package/dist/cjs/entry-points/base-new.js +1 -1
- package/dist/cjs/entry-points/base.js +1 -1
- package/dist/cjs/entry-points/migration-map.js +1 -1
- package/dist/cjs/metadata-core.js +47 -28
- package/dist/cjs/metadata-utility.js +1 -1
- package/dist/cjs/migration-map.js +9 -4
- package/dist/es2019/components/icon-facade.js +2 -2
- package/dist/es2019/components/icon-new.js +1 -1
- package/dist/es2019/metadata-core.js +47 -28
- package/dist/es2019/metadata-utility.js +1 -1
- package/dist/es2019/migration-map.js +9 -4
- package/dist/esm/components/icon-facade.js +2 -2
- package/dist/esm/components/icon-new.js +1 -1
- package/dist/esm/metadata-core.js +47 -28
- package/dist/esm/metadata-utility.js +1 -1
- package/dist/esm/migration-map.js +9 -4
- package/dist/types/metadata-core.d.ts +1 -1
- package/dist/types/metadata-utility.d.ts +1 -1
- package/dist/types/types.d.ts +4 -0
- package/dist/types-ts4.5/metadata-core.d.ts +1 -1
- package/dist/types-ts4.5/metadata-utility.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +4 -0
- package/glyph/editor/layout-single.js +4 -1
- package/package.json +5 -2
- package/utility/arrow-down.js +2 -2
- package/utility/arrow-left.js +2 -2
- package/utility/arrow-right.js +2 -2
- package/utility/arrow-up.js +2 -2
- package/utility/link-external.js +2 -2
package/core/sort-ascending.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::3058e331a4942b89b81b2ea2882b2f29>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -24,7 +24,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
24
24
|
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
25
25
|
*/
|
|
26
26
|
const SortAscendingIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
|
|
27
|
-
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1 13.25h14M1 2.75h5M1 8h7m1.5-3.25 3-
|
|
27
|
+
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1 13.25h14M1 2.75h5M1 8h7m1.5-3.25 3-3 3 3m-3 4v-6.5"/>`
|
|
28
28
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
29
29
|
}, props));
|
|
30
30
|
SortAscendingIcon.displayName = 'SortAscendingIcon';
|
package/core/sort-descending.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::1b8ee6a08dcfa982cfcbeb49a9260e75>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -24,7 +24,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
24
24
|
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
25
25
|
*/
|
|
26
26
|
const SortDescendingIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
|
|
27
|
-
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1 2.75h14M1 13.25h5M1 8h7m1.5 3.25 3
|
|
27
|
+
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1 2.75h14M1 13.25h5M1 8h7m1.5 3.25 3 3 3-3m-3-4v6.5"/>`
|
|
28
28
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
29
29
|
}, props));
|
|
30
30
|
SortDescendingIcon.displayName = 'SortDescendingIcon';
|
package/core/sprint.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::1a6a081a3964cba71407502ef6503e67>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -24,7 +24,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
24
24
|
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
25
25
|
*/
|
|
26
26
|
const SprintIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
|
|
27
|
-
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M13.5 6.25a5.5 5.5 0 1 0-5.5 5.5m0
|
|
27
|
+
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M13.5 6.25a5.5 5.5 0 1 0-5.5 5.5m0 0H0m8 0h6.75m-3-3.5 3.5 3.5-3.5 3.5"/>`
|
|
28
28
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
29
29
|
}, props));
|
|
30
30
|
SprintIcon.displayName = 'SprintIcon';
|
package/core/target.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::e2b314ac755aeb183f0f7dc27e1041d3>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
17
17
|
* Please reach out in #icon-contributions before using these in production.
|
|
18
18
|
*
|
|
19
19
|
* Icon: "Target".
|
|
20
|
-
* Category:
|
|
20
|
+
* Category: single-purpose
|
|
21
21
|
* Location: @atlaskit/icon
|
|
22
22
|
* Usage guidance: Single purpose - Reserved for targets.
|
|
23
23
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
package/core/text-bold.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::0a9723eb04a3e7fdc402e486e5fddb62>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
17
17
|
* Please reach out in #icon-contributions before using these in production.
|
|
18
18
|
*
|
|
19
19
|
* Icon: "TextBold".
|
|
20
|
-
* Category:
|
|
20
|
+
* Category: single-purpose
|
|
21
21
|
* Location: @atlaskit/icon
|
|
22
22
|
* Usage guidance: Single purpose - Reserved for bolding text.
|
|
23
23
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
package/core/text-indent-left.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::f9504d67be9939506f5455c609bc5f69>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
17
17
|
* Please reach out in #icon-contributions before using these in production.
|
|
18
18
|
*
|
|
19
19
|
* Icon: "TextIndentLeft".
|
|
20
|
-
* Category:
|
|
20
|
+
* Category: single-purpose
|
|
21
21
|
* Location: @atlaskit/icon
|
|
22
22
|
* Usage guidance: Single purpose - Reserved for shifting the indent of text content left.
|
|
23
23
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::7abef4129dc3bb2e76ca57e7fcf12d65>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
17
17
|
* Please reach out in #icon-contributions before using these in production.
|
|
18
18
|
*
|
|
19
19
|
* Icon: "TextIndentRight".
|
|
20
|
-
* Category:
|
|
20
|
+
* Category: single-purpose
|
|
21
21
|
* Location: @atlaskit/icon
|
|
22
22
|
* Usage guidance: Single purpose - Reserved for shifting the indent of text content right.
|
|
23
23
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
package/core/text-italic.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::4e8e7e2cf996b2066ce4ad21f2de9c05>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
17
17
|
* Please reach out in #icon-contributions before using these in production.
|
|
18
18
|
*
|
|
19
19
|
* Icon: "TextItalic".
|
|
20
|
-
* Category:
|
|
20
|
+
* Category: single-purpose
|
|
21
21
|
* Location: @atlaskit/icon
|
|
22
22
|
* Usage guidance: Single purpose - Reserved for italicizing text.
|
|
23
23
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
package/core/text-spellcheck.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::faff89d547f0287b1fb1481ee08d97b1>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
17
17
|
* Please reach out in #icon-contributions before using these in production.
|
|
18
18
|
*
|
|
19
19
|
* Icon: "TextSpellcheck".
|
|
20
|
-
* Category:
|
|
20
|
+
* Category: single-purpose
|
|
21
21
|
* Location: @atlaskit/icon
|
|
22
22
|
* Usage guidance: Single purpose - Reserved for spellchecking.
|
|
23
23
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
package/core/text-style.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::7c36d9538ae355f3b15448880d69da07>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -24,7 +24,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
24
24
|
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
25
25
|
*/
|
|
26
26
|
const TextStyleIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
|
|
27
|
-
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="
|
|
27
|
+
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M3.75 11v-.375L5.032 7.25M12.25 11v-.375L10.974 7.25m0 0L8.518.75H7.5l-2.468 6.5m5.942 0H5.032"/>`
|
|
28
28
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
29
29
|
}, props));
|
|
30
30
|
TextStyleIcon.displayName = 'TextStyleIcon';
|
package/core/theme.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::8a8a8fc9842da319b643d49fd97b7548>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
17
17
|
* Please reach out in #icon-contributions before using these in production.
|
|
18
18
|
*
|
|
19
19
|
* Icon: "Theme".
|
|
20
|
-
* Category:
|
|
20
|
+
* Category: single-purpose
|
|
21
21
|
* Location: @atlaskit/icon
|
|
22
22
|
* Usage guidance: Single purpose - Reserved for representing themes and theme switching.
|
|
23
23
|
* - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
|
package/core/undo.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::704c07e8c195fadfb1561c3c1a1f8f51>>
|
|
4
4
|
* @codegenCommand yarn build:icon-glyphs
|
|
5
5
|
*/
|
|
6
6
|
"use strict";
|
|
@@ -24,7 +24,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
24
24
|
* - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
|
|
25
25
|
*/
|
|
26
26
|
const UndoIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
|
|
27
|
-
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="
|
|
27
|
+
dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M8 13.25h2.25a4 4 0 0 0 0-8h-8m3-3.5-3.5 3.5 3.5 3.5"/>`
|
|
28
28
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
29
29
|
}, props));
|
|
30
30
|
UndoIcon.displayName = 'UndoIcon';
|
|
@@ -13,7 +13,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
|
13
13
|
var _icon = _interopRequireDefault(require("./icon"));
|
|
14
14
|
var _excluded = ["dangerouslySetGlyph"];
|
|
15
15
|
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); }
|
|
16
|
-
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 &&
|
|
16
|
+
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; }
|
|
17
17
|
var sizesEligibleForNewIcons = ['small', 'medium'];
|
|
18
18
|
|
|
19
19
|
/**
|
|
@@ -33,9 +33,9 @@ var IconFacade = exports.IconFacade = /*#__PURE__*/(0, _react.memo)(function Ico
|
|
|
33
33
|
// By default, the icon size will be medium and spacing will be none for small icons
|
|
34
34
|
var size = (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : 'medium';
|
|
35
35
|
var spacing = size === 'small' ? 'none' : 'spacious';
|
|
36
|
-
|
|
36
|
+
var useNewIcon = !props.isFacadeDisabled &&
|
|
37
37
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
38
|
-
|
|
38
|
+
(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons-legacy-facade') && sizesEligibleForNewIcons.includes(size);
|
|
39
39
|
if (useNewIcon && NewIcon) {
|
|
40
40
|
return /*#__PURE__*/_react.default.createElement(NewIcon, (0, _extends2.default)({}, props, {
|
|
41
41
|
spacing: spacing,
|
|
@@ -109,7 +109,7 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
|
|
|
109
109
|
shouldScale = _ref.shouldScale,
|
|
110
110
|
LEGACY_margin = _ref.LEGACY_margin;
|
|
111
111
|
var fallbackColor = "var(--ds-icon, #44546F)";
|
|
112
|
-
if ((0, _platformFeatureFlags.fg)('platform-design-system-new-icon-default-color')) {
|
|
112
|
+
if ((0, _platformFeatureFlags.fg)('platform-design-system-new-icon-default-color') || (0, _platformFeatureFlags.fg)('platform-design-system-new-icon-default-color-2')) {
|
|
113
113
|
fallbackColor = 'currentColor';
|
|
114
114
|
}
|
|
115
115
|
var color = providedColor !== null && providedColor !== void 0 ? providedColor : fallbackColor;
|
|
@@ -18,4 +18,4 @@ Object.defineProperty(exports, "default", {
|
|
|
18
18
|
});
|
|
19
19
|
var _iconNew = _interopRequireWildcard(require("../components/icon-new"));
|
|
20
20
|
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); }
|
|
21
|
-
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 &&
|
|
21
|
+
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; }
|
|
@@ -25,4 +25,4 @@ Object.defineProperty(exports, "default", {
|
|
|
25
25
|
var _icon = _interopRequireWildcard(require("../components/icon"));
|
|
26
26
|
var _iconFacade = require("../components/icon-facade");
|
|
27
27
|
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); }
|
|
28
|
-
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 &&
|
|
28
|
+
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; }
|
|
@@ -18,4 +18,4 @@ Object.defineProperty(exports, "migrationOutcomeDescriptionMap", {
|
|
|
18
18
|
});
|
|
19
19
|
var _migrationMap = _interopRequireWildcard(require("../migration-map"));
|
|
20
20
|
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); }
|
|
21
|
-
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 &&
|
|
21
|
+
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; }
|
|
@@ -9,7 +9,7 @@ exports.default = void 0;
|
|
|
9
9
|
*
|
|
10
10
|
* To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
11
11
|
*
|
|
12
|
-
* @codegen <<SignedSource::
|
|
12
|
+
* @codegen <<SignedSource::09bd6a6145a272101283ee0b06fd5eab>>
|
|
13
13
|
* @codegenCommand yarn build:icon-glyphs
|
|
14
14
|
*/
|
|
15
15
|
|
|
@@ -554,7 +554,7 @@ var metadata = {
|
|
|
554
554
|
keywords: ['compass', 'icon', 'core', 'template'],
|
|
555
555
|
componentName: 'CompassIcon',
|
|
556
556
|
package: '@atlaskit/icon/core/compass',
|
|
557
|
-
oldName: ['discover'],
|
|
557
|
+
oldName: ['discover-filled', 'discover'],
|
|
558
558
|
type: 'core',
|
|
559
559
|
categorization: 'multi-purpose',
|
|
560
560
|
usage: 'Multi purpose - Known uses: templates.',
|
|
@@ -576,7 +576,7 @@ var metadata = {
|
|
|
576
576
|
package: '@atlaskit/icon/core/content-align-center',
|
|
577
577
|
oldName: ['editor/align-image-center'],
|
|
578
578
|
type: 'core',
|
|
579
|
-
categorization: '
|
|
579
|
+
categorization: 'single-purpose',
|
|
580
580
|
usage: 'Single purpose - Reserved for center aligning media and content.',
|
|
581
581
|
team: 'Design System Team'
|
|
582
582
|
},
|
|
@@ -586,7 +586,7 @@ var metadata = {
|
|
|
586
586
|
package: '@atlaskit/icon/core/content-align-left',
|
|
587
587
|
oldName: ['editor/align-image-left'],
|
|
588
588
|
type: 'core',
|
|
589
|
-
categorization: '
|
|
589
|
+
categorization: 'single-purpose',
|
|
590
590
|
usage: 'Single purpose - Reserved for left aligning media and content.',
|
|
591
591
|
team: 'Design System Team'
|
|
592
592
|
},
|
|
@@ -596,7 +596,7 @@ var metadata = {
|
|
|
596
596
|
package: '@atlaskit/icon/core/content-align-right',
|
|
597
597
|
oldName: ['editor/align-image-right'],
|
|
598
598
|
type: 'core',
|
|
599
|
-
categorization: '
|
|
599
|
+
categorization: 'single-purpose',
|
|
600
600
|
usage: 'Single purpose - Reserved for right aligning media and content.',
|
|
601
601
|
team: 'Design System Team'
|
|
602
602
|
},
|
|
@@ -606,7 +606,7 @@ var metadata = {
|
|
|
606
606
|
package: '@atlaskit/icon/core/content-width-narrow',
|
|
607
607
|
oldName: ['editor/media-center'],
|
|
608
608
|
type: 'core',
|
|
609
|
-
categorization: '
|
|
609
|
+
categorization: 'single-purpose',
|
|
610
610
|
usage: 'Single purpose - Reserved for setting media and content to a narrow width.',
|
|
611
611
|
team: 'Design System Team'
|
|
612
612
|
},
|
|
@@ -616,7 +616,7 @@ var metadata = {
|
|
|
616
616
|
package: '@atlaskit/icon/core/content-width-wide',
|
|
617
617
|
oldName: ['editor/media-wide'],
|
|
618
618
|
type: 'core',
|
|
619
|
-
categorization: '
|
|
619
|
+
categorization: 'single-purpose',
|
|
620
620
|
usage: 'Single purpose - Reserved for setting media and content to a wide width.',
|
|
621
621
|
team: 'Design System Team'
|
|
622
622
|
},
|
|
@@ -625,7 +625,7 @@ var metadata = {
|
|
|
625
625
|
componentName: 'ContentWrapLeftIcon',
|
|
626
626
|
package: '@atlaskit/icon/core/content-wrap-left',
|
|
627
627
|
type: 'core',
|
|
628
|
-
categorization: '
|
|
628
|
+
categorization: 'single-purpose',
|
|
629
629
|
usage: 'Single purpose - Reserved for left aligning media and content with wrapping enabled.',
|
|
630
630
|
team: 'Design System Team'
|
|
631
631
|
},
|
|
@@ -634,7 +634,7 @@ var metadata = {
|
|
|
634
634
|
componentName: 'ContentWrapRightIcon',
|
|
635
635
|
package: '@atlaskit/icon/core/content-wrap-right',
|
|
636
636
|
type: 'core',
|
|
637
|
-
categorization: '
|
|
637
|
+
categorization: 'single-purpose',
|
|
638
638
|
usage: 'Single purpose - Reserved for right aligning media and content with wrapping enabled.',
|
|
639
639
|
team: 'Design System Team'
|
|
640
640
|
},
|
|
@@ -721,8 +721,8 @@ var metadata = {
|
|
|
721
721
|
componentName: 'DefectIcon',
|
|
722
722
|
package: '@atlaskit/icon/core/defect',
|
|
723
723
|
type: 'core',
|
|
724
|
-
categorization: '
|
|
725
|
-
usage:
|
|
724
|
+
categorization: 'single-purpose',
|
|
725
|
+
usage: 'Single purpose - Reserved for Defect Jira issue type.',
|
|
726
726
|
team: 'Design System Team'
|
|
727
727
|
},
|
|
728
728
|
delete: {
|
|
@@ -808,7 +808,7 @@ var metadata = {
|
|
|
808
808
|
componentName: 'EditBulkIcon',
|
|
809
809
|
package: '@atlaskit/icon/core/edit-bulk',
|
|
810
810
|
type: 'core',
|
|
811
|
-
categorization: '
|
|
811
|
+
categorization: 'single-purpose',
|
|
812
812
|
usage: 'Single purpose - Reserved for editing multiple objects in bulk.',
|
|
813
813
|
team: 'Design System Team'
|
|
814
814
|
},
|
|
@@ -1131,6 +1131,15 @@ var metadata = {
|
|
|
1131
1131
|
usage: 'Multi purpose - Known uses: emoji symbols in Editor.',
|
|
1132
1132
|
team: 'Design System Team'
|
|
1133
1133
|
},
|
|
1134
|
+
highlight: {
|
|
1135
|
+
keywords: ['highlight', 'icon', 'core', ' highlight', 'highlighter', 'stabilo', 'pen'],
|
|
1136
|
+
componentName: 'HighlightIcon',
|
|
1137
|
+
package: '@atlaskit/icon/core/highlight',
|
|
1138
|
+
type: 'core',
|
|
1139
|
+
categorization: 'single-purpose',
|
|
1140
|
+
usage: 'Single purpose - Reserved for highlight text tool in Confluence Editor.',
|
|
1141
|
+
team: 'Design System Team'
|
|
1142
|
+
},
|
|
1134
1143
|
home: {
|
|
1135
1144
|
keywords: ['home', 'icon', 'core', 'house', 'building'],
|
|
1136
1145
|
componentName: 'HomeIcon',
|
|
@@ -1209,13 +1218,23 @@ var metadata = {
|
|
|
1209
1218
|
usage: 'Single purpose - Reserved for objectives.',
|
|
1210
1219
|
team: 'Design System Team'
|
|
1211
1220
|
},
|
|
1221
|
+
'layout-one-column': {
|
|
1222
|
+
keywords: ['layout-one-column', 'layoutonecolumn', 'icon', 'core', 'layout', 'columns', '1 col'],
|
|
1223
|
+
componentName: 'LayoutOneColumnIcon',
|
|
1224
|
+
package: '@atlaskit/icon/core/layout-one-column',
|
|
1225
|
+
oldName: ['editor/layout-single'],
|
|
1226
|
+
type: 'core',
|
|
1227
|
+
categorization: 'multi-purpose',
|
|
1228
|
+
usage: 'Single purpose - Reserved for single column layout option in Confluence Editor',
|
|
1229
|
+
team: 'Design System Team'
|
|
1230
|
+
},
|
|
1212
1231
|
'layout-three-columns': {
|
|
1213
1232
|
keywords: ['layout-three-columns', 'layoutthreecolumns', 'icon', 'core', 'layout', 'columns', '3 col', '3 cols'],
|
|
1214
1233
|
componentName: 'LayoutThreeColumnsIcon',
|
|
1215
1234
|
package: '@atlaskit/icon/core/layout-three-columns',
|
|
1216
1235
|
oldName: ['editor/layout-three-equal'],
|
|
1217
1236
|
type: 'core',
|
|
1218
|
-
categorization: '
|
|
1237
|
+
categorization: 'single-purpose',
|
|
1219
1238
|
usage: 'Single purpose - Reserved for 3 column layout option in Confluence Editor.',
|
|
1220
1239
|
team: 'Design System Team'
|
|
1221
1240
|
},
|
|
@@ -1225,7 +1244,7 @@ var metadata = {
|
|
|
1225
1244
|
package: '@atlaskit/icon/core/layout-three-columns-sidebars',
|
|
1226
1245
|
oldName: ['editor/layout-three-with-sidebars'],
|
|
1227
1246
|
type: 'core',
|
|
1228
|
-
categorization: '
|
|
1247
|
+
categorization: 'single-purpose',
|
|
1229
1248
|
usage: 'Single purpose - Reserved for 3 column layout with left and right sidebars option in Confluence Editor.',
|
|
1230
1249
|
team: 'Design System Team'
|
|
1231
1250
|
},
|
|
@@ -1235,7 +1254,7 @@ var metadata = {
|
|
|
1235
1254
|
package: '@atlaskit/icon/core/layout-two-columns',
|
|
1236
1255
|
oldName: ['editor/layout-two-equal'],
|
|
1237
1256
|
type: 'core',
|
|
1238
|
-
categorization: '
|
|
1257
|
+
categorization: 'single-purpose',
|
|
1239
1258
|
usage: 'Single purpose - Reserved for 2 column layout option in Confluence Editor.',
|
|
1240
1259
|
team: 'Design System Team'
|
|
1241
1260
|
},
|
|
@@ -1245,7 +1264,7 @@ var metadata = {
|
|
|
1245
1264
|
package: '@atlaskit/icon/core/layout-two-columns-sidebar-left',
|
|
1246
1265
|
oldName: ['editor/layout-two-left-sidebar'],
|
|
1247
1266
|
type: 'core',
|
|
1248
|
-
categorization: '
|
|
1267
|
+
categorization: 'single-purpose',
|
|
1249
1268
|
usage: 'Single purpose - Reserved for 2 column layout with left sidebar option in Confluence Editor.',
|
|
1250
1269
|
team: 'Design System Team'
|
|
1251
1270
|
},
|
|
@@ -1255,7 +1274,7 @@ var metadata = {
|
|
|
1255
1274
|
package: '@atlaskit/icon/core/layout-two-columns-sidebar-right',
|
|
1256
1275
|
oldName: ['editor/layout-two-right-sidebar'],
|
|
1257
1276
|
type: 'core',
|
|
1258
|
-
categorization: '
|
|
1277
|
+
categorization: 'single-purpose',
|
|
1259
1278
|
usage: 'Single purpose - Reserved for 2 column layout with right sidebar option in Confluence Editor.',
|
|
1260
1279
|
team: 'Design System Team'
|
|
1261
1280
|
},
|
|
@@ -1264,7 +1283,7 @@ var metadata = {
|
|
|
1264
1283
|
componentName: 'LibraryIcon',
|
|
1265
1284
|
package: '@atlaskit/icon/core/library',
|
|
1266
1285
|
type: 'core',
|
|
1267
|
-
categorization: '
|
|
1286
|
+
categorization: 'single-purpose',
|
|
1268
1287
|
usage: 'Single purpose - Reserved for library view in Atlassian Home.',
|
|
1269
1288
|
team: 'Design System Team'
|
|
1270
1289
|
},
|
|
@@ -1554,7 +1573,7 @@ var metadata = {
|
|
|
1554
1573
|
componentName: 'ObjectiveIcon',
|
|
1555
1574
|
package: '@atlaskit/icon/core/objective',
|
|
1556
1575
|
type: 'core',
|
|
1557
|
-
categorization: '
|
|
1576
|
+
categorization: 'single-purpose',
|
|
1558
1577
|
usage: 'Single purpose - Reserved for objectives.',
|
|
1559
1578
|
team: 'Design System Team'
|
|
1560
1579
|
},
|
|
@@ -1574,7 +1593,7 @@ var metadata = {
|
|
|
1574
1593
|
package: '@atlaskit/icon/core/on-call',
|
|
1575
1594
|
oldName: ['hipchat/dial-out'],
|
|
1576
1595
|
type: 'core',
|
|
1577
|
-
categorization: '
|
|
1596
|
+
categorization: 'single-purpose',
|
|
1578
1597
|
usage: 'Single purpose - Reserved for representing on-call across Atlassian products.',
|
|
1579
1598
|
team: 'Design System Team'
|
|
1580
1599
|
},
|
|
@@ -1583,7 +1602,7 @@ var metadata = {
|
|
|
1583
1602
|
componentName: 'OperationsIcon',
|
|
1584
1603
|
package: '@atlaskit/icon/core/operations',
|
|
1585
1604
|
type: 'core',
|
|
1586
|
-
categorization: '
|
|
1605
|
+
categorization: 'single-purpose',
|
|
1587
1606
|
usage: 'Single purpose - Reserved for IT Operations.',
|
|
1588
1607
|
team: 'Design System Team'
|
|
1589
1608
|
},
|
|
@@ -2270,7 +2289,7 @@ var metadata = {
|
|
|
2270
2289
|
componentName: 'TargetIcon',
|
|
2271
2290
|
package: '@atlaskit/icon/core/target',
|
|
2272
2291
|
type: 'core',
|
|
2273
|
-
categorization: '
|
|
2292
|
+
categorization: 'single-purpose',
|
|
2274
2293
|
usage: 'Single purpose - Reserved for targets.',
|
|
2275
2294
|
team: 'Design System Team'
|
|
2276
2295
|
},
|
|
@@ -2318,7 +2337,7 @@ var metadata = {
|
|
|
2318
2337
|
package: '@atlaskit/icon/core/text-bold',
|
|
2319
2338
|
oldName: ['editor/bold'],
|
|
2320
2339
|
type: 'core',
|
|
2321
|
-
categorization: '
|
|
2340
|
+
categorization: 'single-purpose',
|
|
2322
2341
|
usage: 'Single purpose - Reserved for bolding text.',
|
|
2323
2342
|
team: 'Design System Team'
|
|
2324
2343
|
},
|
|
@@ -2328,7 +2347,7 @@ var metadata = {
|
|
|
2328
2347
|
package: '@atlaskit/icon/core/text-indent-left',
|
|
2329
2348
|
oldName: ['editor/outdent'],
|
|
2330
2349
|
type: 'core',
|
|
2331
|
-
categorization: '
|
|
2350
|
+
categorization: 'single-purpose',
|
|
2332
2351
|
usage: 'Single purpose - Reserved for shifting the indent of text content left.',
|
|
2333
2352
|
team: 'Design System Team'
|
|
2334
2353
|
},
|
|
@@ -2338,7 +2357,7 @@ var metadata = {
|
|
|
2338
2357
|
package: '@atlaskit/icon/core/text-indent-right',
|
|
2339
2358
|
oldName: ['editor/indent'],
|
|
2340
2359
|
type: 'core',
|
|
2341
|
-
categorization: '
|
|
2360
|
+
categorization: 'single-purpose',
|
|
2342
2361
|
usage: 'Single purpose - Reserved for shifting the indent of text content right.',
|
|
2343
2362
|
team: 'Design System Team'
|
|
2344
2363
|
},
|
|
@@ -2348,7 +2367,7 @@ var metadata = {
|
|
|
2348
2367
|
package: '@atlaskit/icon/core/text-italic',
|
|
2349
2368
|
oldName: ['editor/italic'],
|
|
2350
2369
|
type: 'core',
|
|
2351
|
-
categorization: '
|
|
2370
|
+
categorization: 'single-purpose',
|
|
2352
2371
|
usage: 'Single purpose - Reserved for italicizing text.',
|
|
2353
2372
|
team: 'Design System Team'
|
|
2354
2373
|
},
|
|
@@ -2357,7 +2376,7 @@ var metadata = {
|
|
|
2357
2376
|
componentName: 'TextSpellcheckIcon',
|
|
2358
2377
|
package: '@atlaskit/icon/core/text-spellcheck',
|
|
2359
2378
|
type: 'core',
|
|
2360
|
-
categorization: '
|
|
2379
|
+
categorization: 'single-purpose',
|
|
2361
2380
|
usage: 'Single purpose - Reserved for spellchecking.',
|
|
2362
2381
|
team: 'Design System Team'
|
|
2363
2382
|
},
|
|
@@ -2376,7 +2395,7 @@ var metadata = {
|
|
|
2376
2395
|
componentName: 'ThemeIcon',
|
|
2377
2396
|
package: '@atlaskit/icon/core/theme',
|
|
2378
2397
|
type: 'core',
|
|
2379
|
-
categorization: '
|
|
2398
|
+
categorization: 'single-purpose',
|
|
2380
2399
|
usage: 'Single purpose - Reserved for representing themes and theme switching.',
|
|
2381
2400
|
team: 'Design System Team'
|
|
2382
2401
|
},
|
|
@@ -9,7 +9,7 @@ exports.default = void 0;
|
|
|
9
9
|
*
|
|
10
10
|
* To change the format of this file, modify `UNSAFE_createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
|
|
11
11
|
*
|
|
12
|
-
* @codegen <<SignedSource::
|
|
12
|
+
* @codegen <<SignedSource::f026d0766e98fc87a4d6b2f4471f5379>>
|
|
13
13
|
* @codegenCommand yarn build:icon-glyphs
|
|
14
14
|
*/
|
|
15
15
|
|
|
@@ -1579,11 +1579,16 @@ var migrationMap = {
|
|
|
1579
1579
|
}
|
|
1580
1580
|
},
|
|
1581
1581
|
'editor/layout-single': {
|
|
1582
|
+
newIcon: {
|
|
1583
|
+
name: 'layout-one-column',
|
|
1584
|
+
type: 'core',
|
|
1585
|
+
package: '@atlaskit/icon'
|
|
1586
|
+
},
|
|
1582
1587
|
sizeGuidance: {
|
|
1583
|
-
small: '
|
|
1584
|
-
medium: '
|
|
1585
|
-
large: 'icon-
|
|
1586
|
-
xlarge: 'icon-
|
|
1588
|
+
small: 'swap-slight-visual-change',
|
|
1589
|
+
medium: 'swap-slight-visual-change',
|
|
1590
|
+
large: 'icon-tile',
|
|
1591
|
+
xlarge: 'icon-tile'
|
|
1587
1592
|
}
|
|
1588
1593
|
},
|
|
1589
1594
|
'editor/layout-three-equal': {
|
|
@@ -22,9 +22,9 @@ export const IconFacade = /*#__PURE__*/memo(function IconFacade({
|
|
|
22
22
|
// By default, the icon size will be medium and spacing will be none for small icons
|
|
23
23
|
const size = (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : 'medium';
|
|
24
24
|
const spacing = size === 'small' ? 'none' : 'spacious';
|
|
25
|
-
|
|
25
|
+
const useNewIcon = !props.isFacadeDisabled &&
|
|
26
26
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
27
|
-
|
|
27
|
+
fg('platform-visual-refresh-icons-legacy-facade') && sizesEligibleForNewIcons.includes(size);
|
|
28
28
|
if (useNewIcon && NewIcon) {
|
|
29
29
|
return /*#__PURE__*/React.createElement(NewIcon, _extends({}, props, {
|
|
30
30
|
spacing: spacing,
|
|
@@ -105,7 +105,7 @@ export const Icon = /*#__PURE__*/memo(function Icon(props) {
|
|
|
105
105
|
LEGACY_margin
|
|
106
106
|
} = props;
|
|
107
107
|
let fallbackColor = "var(--ds-icon, #44546F)";
|
|
108
|
-
if (fg('platform-design-system-new-icon-default-color')) {
|
|
108
|
+
if (fg('platform-design-system-new-icon-default-color') || fg('platform-design-system-new-icon-default-color-2')) {
|
|
109
109
|
fallbackColor = 'currentColor';
|
|
110
110
|
}
|
|
111
111
|
const color = providedColor !== null && providedColor !== void 0 ? providedColor : fallbackColor;
|