@atlaskit/icon 26.0.0 → 26.1.1

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.
Files changed (85) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/build/index.tsx +2 -0
  3. package/core/chevron-double-left.d.ts +13 -0
  4. package/core/chevron-double-left.js +27 -0
  5. package/core/chevron-double-right.d.ts +13 -0
  6. package/core/chevron-double-right.js +27 -0
  7. package/core/chevron-down.d.ts +13 -0
  8. package/core/chevron-down.js +27 -0
  9. package/core/chevron-left.d.ts +13 -0
  10. package/core/chevron-left.js +27 -0
  11. package/core/chevron-right.d.ts +13 -0
  12. package/core/chevron-right.js +27 -0
  13. package/core/chevron-up.d.ts +13 -0
  14. package/core/chevron-up.js +27 -0
  15. package/core/migration/chevron-down--chevron-down-circle.d.ts +15 -0
  16. package/core/migration/chevron-down--chevron-down-circle.js +30 -0
  17. package/core/migration/chevron-down--hipchat-chevron-down.d.ts +15 -0
  18. package/core/migration/chevron-down--hipchat-chevron-down.js +30 -0
  19. package/core/migration/chevron-down.d.ts +15 -0
  20. package/core/migration/chevron-down.js +30 -0
  21. package/core/migration/chevron-left--chevron-left-circle.d.ts +15 -0
  22. package/core/migration/chevron-left--chevron-left-circle.js +30 -0
  23. package/core/migration/chevron-left--chevron-left-large.d.ts +15 -0
  24. package/core/migration/chevron-left--chevron-left-large.js +30 -0
  25. package/core/migration/chevron-left.d.ts +15 -0
  26. package/core/migration/chevron-left.js +30 -0
  27. package/core/migration/chevron-right--chevron-right-circle.d.ts +15 -0
  28. package/core/migration/chevron-right--chevron-right-circle.js +30 -0
  29. package/core/migration/chevron-right--chevron-right-large.d.ts +15 -0
  30. package/core/migration/chevron-right--chevron-right-large.js +30 -0
  31. package/core/migration/chevron-right.d.ts +15 -0
  32. package/core/migration/chevron-right.js +30 -0
  33. package/core/migration/chevron-up--chevron-up-circle.d.ts +15 -0
  34. package/core/migration/chevron-up--chevron-up-circle.js +30 -0
  35. package/core/migration/chevron-up--hipchat-chevron-up.d.ts +15 -0
  36. package/core/migration/chevron-up--hipchat-chevron-up.js +30 -0
  37. package/core/migration/chevron-up.d.ts +15 -0
  38. package/core/migration/chevron-up.js +30 -0
  39. package/dist/cjs/components/icon-facade.js +9 -7
  40. package/dist/cjs/components/icon-new.js +41 -20
  41. package/dist/cjs/metadata-core.js +71 -1
  42. package/dist/cjs/metadata-utility.js +1 -1
  43. package/dist/cjs/migration-map.js +254 -182
  44. package/dist/cjs/recommended-small.js +7 -0
  45. package/dist/es2019/components/icon-facade.js +8 -6
  46. package/dist/es2019/components/icon-new.js +40 -20
  47. package/dist/es2019/metadata-core.js +71 -1
  48. package/dist/es2019/metadata-utility.js +1 -1
  49. package/dist/es2019/migration-map.js +254 -182
  50. package/dist/es2019/recommended-small.js +1 -0
  51. package/dist/esm/components/icon-facade.js +9 -7
  52. package/dist/esm/components/icon-new.js +41 -20
  53. package/dist/esm/metadata-core.js +71 -1
  54. package/dist/esm/metadata-utility.js +1 -1
  55. package/dist/esm/migration-map.js +254 -182
  56. package/dist/esm/recommended-small.js +1 -0
  57. package/dist/types/index.d.ts +1 -1
  58. package/dist/types/metadata-core.d.ts +5 -1
  59. package/dist/types/metadata-utility.d.ts +5 -1
  60. package/dist/types/recommended-small.d.ts +1 -0
  61. package/dist/types/types.d.ts +26 -8
  62. package/dist/types-ts4.5/index.d.ts +1 -1
  63. package/dist/types-ts4.5/metadata-core.d.ts +5 -1
  64. package/dist/types-ts4.5/metadata-utility.d.ts +5 -1
  65. package/dist/types-ts4.5/recommended-small.d.ts +1 -0
  66. package/dist/types-ts4.5/types.d.ts +26 -8
  67. package/glyph/chevron-down-circle.js +2 -3
  68. package/glyph/chevron-down.js +2 -3
  69. package/glyph/chevron-left-circle.js +2 -3
  70. package/glyph/chevron-left-large.js +2 -3
  71. package/glyph/chevron-left.js +2 -3
  72. package/glyph/chevron-right-circle.js +2 -3
  73. package/glyph/chevron-right-large.js +2 -3
  74. package/glyph/chevron-right.js +2 -3
  75. package/glyph/chevron-up-circle.js +2 -3
  76. package/glyph/chevron-up.js +2 -3
  77. package/glyph/hipchat/chevron-down.js +2 -3
  78. package/glyph/hipchat/chevron-up.js +2 -3
  79. package/package.json +8 -8
  80. package/svgs/core/chevron-double-left.svg +1 -0
  81. package/svgs/core/chevron-double-right.svg +1 -0
  82. package/svgs/core/chevron-down.svg +1 -0
  83. package/svgs/core/chevron-left.svg +1 -0
  84. package/svgs/core/chevron-right.svg +1 -0
  85. package/svgs/core/chevron-up.svg +1 -0
@@ -0,0 +1,15 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::f57fa70ce1ea0c1f422ada2e278f57fc>>
4
+ * @codegenCommand yarn build:icon-glyphs
5
+ */
6
+
7
+ import React from 'react';
8
+ import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
9
+ import Icon from '@atlaskit/icon/base-new';
10
+
11
+ declare const ChevronRightIconMigration: {
12
+ (props: Omit<NewCoreIconProps, | 'LEGACY_fallbackIcon'> ): JSX.Element;
13
+ displayName: string;
14
+ };
15
+ export default ChevronRightIconMigration;
@@ -0,0 +1,30 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::740f6cddb95c56c5c4c0beb67f7dccb3>>
4
+ * @codegenCommand yarn build:icon-glyphs
5
+ */
6
+ "use strict";
7
+
8
+ Object.defineProperty(exports, "__esModule", {
9
+ value: true
10
+ });
11
+ exports.default = void 0;
12
+ var _react = _interopRequireDefault(require("react"));
13
+ var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
14
+ var _chevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right-large"));
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
+ /**
17
+ * Migration Icon component for ChevronRightIcon.
18
+ * This component is ChevronRightIcon, with `UNSAFE_fallbackIcon` set to "ChevronRightLargeIcon".
19
+ *
20
+ * Category: multi-purpose
21
+ * Location: @atlaskit/icon
22
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
23
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
24
+ */
25
+ const ChevronRightIcon = props => /*#__PURE__*/_react.default.createElement(_chevronRight.default, Object.assign({
26
+ LEGACY_fallbackIcon: _chevronRightLarge.default
27
+ // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
28
+ }, props));
29
+ ChevronRightIcon.Name = 'ChevronRightIconMigration';
30
+ var _default = exports.default = ChevronRightIcon;
@@ -0,0 +1,15 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::f57fa70ce1ea0c1f422ada2e278f57fc>>
4
+ * @codegenCommand yarn build:icon-glyphs
5
+ */
6
+
7
+ import React from 'react';
8
+ import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
9
+ import Icon from '@atlaskit/icon/base-new';
10
+
11
+ declare const ChevronRightIconMigration: {
12
+ (props: Omit<NewCoreIconProps, | 'LEGACY_fallbackIcon'> ): JSX.Element;
13
+ displayName: string;
14
+ };
15
+ export default ChevronRightIconMigration;
@@ -0,0 +1,30 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::005d53414e0b7fe018aceef15094403a>>
4
+ * @codegenCommand yarn build:icon-glyphs
5
+ */
6
+ "use strict";
7
+
8
+ Object.defineProperty(exports, "__esModule", {
9
+ value: true
10
+ });
11
+ exports.default = void 0;
12
+ var _react = _interopRequireDefault(require("react"));
13
+ var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
14
+ var _chevronRight2 = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
+ /**
17
+ * Migration Icon component for ChevronRightIcon.
18
+ * This component is ChevronRightIcon, with `UNSAFE_fallbackIcon` set to "ChevronRightIcon".
19
+ *
20
+ * Category: multi-purpose
21
+ * Location: @atlaskit/icon
22
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
23
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
24
+ */
25
+ const ChevronRightIcon = props => /*#__PURE__*/_react.default.createElement(_chevronRight.default, Object.assign({
26
+ LEGACY_fallbackIcon: _chevronRight2.default
27
+ // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
28
+ }, props));
29
+ ChevronRightIcon.Name = 'ChevronRightIconMigration';
30
+ var _default = exports.default = ChevronRightIcon;
@@ -0,0 +1,15 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::38f279ef382eea10dc428e9c0befb5a8>>
4
+ * @codegenCommand yarn build:icon-glyphs
5
+ */
6
+
7
+ import React from 'react';
8
+ import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
9
+ import Icon from '@atlaskit/icon/base-new';
10
+
11
+ declare const ChevronUpIconMigration: {
12
+ (props: Omit<NewCoreIconProps, | 'LEGACY_fallbackIcon'> ): JSX.Element;
13
+ displayName: string;
14
+ };
15
+ export default ChevronUpIconMigration;
@@ -0,0 +1,30 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::82273d7016fe9d19fcef25761ebc96ae>>
4
+ * @codegenCommand yarn build:icon-glyphs
5
+ */
6
+ "use strict";
7
+
8
+ Object.defineProperty(exports, "__esModule", {
9
+ value: true
10
+ });
11
+ exports.default = void 0;
12
+ var _react = _interopRequireDefault(require("react"));
13
+ var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/core/chevron-up"));
14
+ var _chevronUpCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-up-circle"));
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
+ /**
17
+ * Migration Icon component for ChevronUpIcon.
18
+ * This component is ChevronUpIcon, with `UNSAFE_fallbackIcon` set to "ChevronUpCircleIcon".
19
+ *
20
+ * Category: multi-purpose
21
+ * Location: @atlaskit/icon
22
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
23
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
24
+ */
25
+ const ChevronUpIcon = props => /*#__PURE__*/_react.default.createElement(_chevronUp.default, Object.assign({
26
+ LEGACY_fallbackIcon: _chevronUpCircle.default
27
+ // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
28
+ }, props));
29
+ ChevronUpIcon.Name = 'ChevronUpIconMigration';
30
+ var _default = exports.default = ChevronUpIcon;
@@ -0,0 +1,15 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::38f279ef382eea10dc428e9c0befb5a8>>
4
+ * @codegenCommand yarn build:icon-glyphs
5
+ */
6
+
7
+ import React from 'react';
8
+ import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
9
+ import Icon from '@atlaskit/icon/base-new';
10
+
11
+ declare const ChevronUpIconMigration: {
12
+ (props: Omit<NewCoreIconProps, | 'LEGACY_fallbackIcon'> ): JSX.Element;
13
+ displayName: string;
14
+ };
15
+ export default ChevronUpIconMigration;
@@ -0,0 +1,30 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::0e6f3dc0e27d0c7d3b6cfe94e38052b6>>
4
+ * @codegenCommand yarn build:icon-glyphs
5
+ */
6
+ "use strict";
7
+
8
+ Object.defineProperty(exports, "__esModule", {
9
+ value: true
10
+ });
11
+ exports.default = void 0;
12
+ var _react = _interopRequireDefault(require("react"));
13
+ var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/core/chevron-up"));
14
+ var _chevronUp2 = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
+ /**
17
+ * Migration Icon component for ChevronUpIcon.
18
+ * This component is ChevronUpIcon, with `UNSAFE_fallbackIcon` set to "HipchatChevronUpIcon".
19
+ *
20
+ * Category: multi-purpose
21
+ * Location: @atlaskit/icon
22
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
23
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
24
+ */
25
+ const ChevronUpIcon = props => /*#__PURE__*/_react.default.createElement(_chevronUp.default, Object.assign({
26
+ LEGACY_fallbackIcon: _chevronUp2.default
27
+ // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
28
+ }, props));
29
+ ChevronUpIcon.Name = 'ChevronUpIconMigration';
30
+ var _default = exports.default = ChevronUpIcon;
@@ -0,0 +1,15 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::38f279ef382eea10dc428e9c0befb5a8>>
4
+ * @codegenCommand yarn build:icon-glyphs
5
+ */
6
+
7
+ import React from 'react';
8
+ import type { NewCoreIconProps } from '@atlaskit/icon/base-new';
9
+ import Icon from '@atlaskit/icon/base-new';
10
+
11
+ declare const ChevronUpIconMigration: {
12
+ (props: Omit<NewCoreIconProps, | 'LEGACY_fallbackIcon'> ): JSX.Element;
13
+ displayName: string;
14
+ };
15
+ export default ChevronUpIconMigration;
@@ -0,0 +1,30 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::0291258c506777aac220262c44f610b3>>
4
+ * @codegenCommand yarn build:icon-glyphs
5
+ */
6
+ "use strict";
7
+
8
+ Object.defineProperty(exports, "__esModule", {
9
+ value: true
10
+ });
11
+ exports.default = void 0;
12
+ var _react = _interopRequireDefault(require("react"));
13
+ var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/core/chevron-up"));
14
+ var _chevronUp2 = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-up"));
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
+ /**
17
+ * Migration Icon component for ChevronUpIcon.
18
+ * This component is ChevronUpIcon, with `UNSAFE_fallbackIcon` set to "ChevronUpIcon".
19
+ *
20
+ * Category: multi-purpose
21
+ * Location: @atlaskit/icon
22
+ * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
23
+ * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
24
+ */
25
+ const ChevronUpIcon = props => /*#__PURE__*/_react.default.createElement(_chevronUp.default, Object.assign({
26
+ LEGACY_fallbackIcon: _chevronUp2.default
27
+ // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
28
+ }, props));
29
+ ChevronUpIcon.Name = 'ChevronUpIconMigration';
30
+ var _default = exports.default = ChevronUpIcon;
@@ -11,7 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
13
  var _icon = require("./icon");
14
- var _excluded = ["dangerouslySetGlyph"];
14
+ var _excluded = ["dangerouslySetGlyph", "size"];
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
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 sizeSpacingMap = {
@@ -34,34 +34,36 @@ var sizeSpacingMap = {
34
34
  * @returns A React element representing either the new or legacy icon based on the feature flag and icon size.
35
35
  */
36
36
  var IconFacade = exports.IconFacade = /*#__PURE__*/(0, _react.memo)(function IconFacade(_ref) {
37
- var _props$size;
38
37
  var dangerouslySetGlyph = _ref.dangerouslySetGlyph,
38
+ size = _ref.size,
39
39
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
40
40
  var NewIcon = props.newIcon;
41
41
 
42
42
  // By default, the icon size will be medium for core icons and small for utility icons
43
- var size = (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : 'medium';
43
+ var iconSize = size !== null && size !== void 0 ? size : 'medium';
44
44
  var useNewIcon = !props.isFacadeDisabled &&
45
45
  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
46
46
  (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons-legacy-facade');
47
- if (useNewIcon && NewIcon && (size === 'small' || size === 'medium')) {
47
+ if (useNewIcon && NewIcon && (iconSize === 'small' || iconSize === 'medium')) {
48
48
  if (props.iconType === 'utility') {
49
49
  var Icon = NewIcon;
50
50
  return /*#__PURE__*/_react.default.createElement(Icon, (0, _extends2.default)({}, props, {
51
- spacing: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons-facade-button-fix') ? sizeSpacingMap['utility'][size] : 'none',
51
+ spacing: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons-facade-button-fix') ? sizeSpacingMap['utility'][iconSize] : 'none',
52
52
  color: props.primaryColor || 'currentColor',
53
53
  type: props.iconType
54
54
  }));
55
55
  } else {
56
56
  var _Icon = NewIcon;
57
57
  return /*#__PURE__*/_react.default.createElement(_Icon, (0, _extends2.default)({}, props, {
58
- spacing: sizeSpacingMap['core'][size],
58
+ size: iconSize,
59
+ spacing: sizeSpacingMap['core'][iconSize],
59
60
  color: props.primaryColor || 'currentColor',
60
61
  type: props.iconType
61
62
  }));
62
63
  }
63
64
  }
64
65
  return /*#__PURE__*/_react.default.createElement(_icon.Icon, (0, _extends2.default)({
65
- dangerouslySetGlyph: dangerouslySetGlyph
66
+ dangerouslySetGlyph: dangerouslySetGlyph,
67
+ size: size
66
68
  }, props));
67
69
  });
@@ -28,9 +28,14 @@ var scaleStyles = null;
28
28
  */
29
29
  var baseHcmStyles = null;
30
30
  var scaleSize = null;
31
- var coreSizes = {
31
+ var coreSizeMedium = {
32
32
  none: "_1bsbpxbi _4t3ipxbi",
33
- compact: "",
33
+ compact: "_1bsb1ejb _4t3i1ejb",
34
+ spacious: "_1bsb1ejb _4t3i1ejb"
35
+ };
36
+ var coreSizeSmall = {
37
+ none: "_1bsbutpp _4t3iutpp",
38
+ compact: "_1bsbpxbi _4t3ipxbi",
34
39
  spacious: "_1bsb1ejb _4t3i1ejb"
35
40
  };
36
41
  var utilSizes = {
@@ -44,13 +49,28 @@ var baseSizeMap = {
44
49
  };
45
50
  var paddingMap = {
46
51
  core: {
47
- none: 0,
48
- spacious: 4
52
+ medium: {
53
+ none: 0,
54
+ compact: 4,
55
+ spacious: 4
56
+ },
57
+ small: {
58
+ none: 0,
59
+ compact: 2.66,
60
+ spacious: 8
61
+ }
49
62
  },
50
63
  utility: {
51
- none: 0,
52
- compact: 2,
53
- spacious: 6
64
+ medium: {
65
+ none: 0,
66
+ compact: 2,
67
+ spacious: 6
68
+ },
69
+ small: {
70
+ none: 0,
71
+ compact: 2,
72
+ spacious: 6
73
+ }
54
74
  }
55
75
  };
56
76
 
@@ -63,7 +83,7 @@ var paddingMap = {
63
83
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
64
84
  */
65
85
  var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
66
- var _props$type, _props$spacing3, _props$spacing4;
86
+ var _props$type;
67
87
  var _ref = props,
68
88
  _ref$color = _ref.color,
69
89
  color = _ref$color === void 0 ? 'currentColor' : _ref$color,
@@ -75,7 +95,9 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
75
95
  FallbackIcon = _ref.LEGACY_fallbackIcon,
76
96
  dangerouslySetGlyph = _ref.dangerouslySetGlyph,
77
97
  shouldScale = _ref.shouldScale,
78
- LEGACY_margin = _ref.LEGACY_margin;
98
+ LEGACY_margin = _ref.LEGACY_margin,
99
+ _ref$spacing = _ref.spacing,
100
+ spacing = _ref$spacing === void 0 ? 'none' : _ref$spacing;
79
101
  var dangerouslySetInnerHTML = dangerouslySetGlyph ? {
80
102
  __html: dangerouslySetGlyph
81
103
  } : undefined;
@@ -95,15 +117,14 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
95
117
  UNSAFE_margin: LEGACY_margin
96
118
  });
97
119
  }
98
- var baseSize = baseSizeMap[(_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : 'core'];
99
- var viewBoxPadding;
100
- if (props.type === 'utility') {
101
- var _props$spacing;
102
- viewBoxPadding = paddingMap[props.type][(_props$spacing = props.spacing) !== null && _props$spacing !== void 0 ? _props$spacing : 'none'];
103
- } else {
104
- var _props$spacing2;
105
- viewBoxPadding = paddingMap['core'][(_props$spacing2 = props.spacing) !== null && _props$spacing2 !== void 0 ? _props$spacing2 : 'none'];
106
- }
120
+ var type = (_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : 'core';
121
+ var size = 'size' in props && props.size !== undefined && (
122
+ // This prevents invalid sizes being passed in, which is required
123
+ // for handling unsupported legacy icon sizes which can
124
+ // cause errors.
125
+ props.size === 'small' || props.size === 'medium') ? props.size : 'medium';
126
+ var baseSize = baseSizeMap[type];
127
+ var viewBoxPadding = paddingMap[type][size][spacing];
107
128
  var viewBoxSize = baseSize + 2 * viewBoxPadding;
108
129
  return /*#__PURE__*/React.createElement("span", {
109
130
  "data-testid": testId,
@@ -113,7 +134,7 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
113
134
  style: {
114
135
  color: color
115
136
  },
116
- className: (0, _runtime.ax)(["_1e0c1o8l _vchhusvi _1o9zidpf _vwz4kb7n _y4ti1igz _bozg1mb9", "_12va1onz _jcxd1r8n", shouldScale && "_1bsb1kw7 _4t3i1kw7", props.type === 'utility' && "_vwz4utpp"])
137
+ className: (0, _runtime.ax)(["_1e0c1o8l _vchhusvi _1o9zidpf _vwz4kb7n _y4ti1igz _bozg1mb9", "_12va1onz _jcxd1r8n", shouldScale && "_1bsb1kw7 _4t3i1kw7", (type === 'utility' || size === 'small') && "_vwz4utpp"])
117
138
  }, /*#__PURE__*/React.createElement("svg", {
118
139
  fill: "none"
119
140
  // Adjusting the viewBox allows the icon padding to scale with the contents of the SVG, which
@@ -122,7 +143,7 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
122
143
  viewBox: "".concat(0 - viewBoxPadding, " ").concat(0 - viewBoxPadding, " ").concat(viewBoxSize, " ").concat(viewBoxSize),
123
144
  role: "presentation",
124
145
  dangerouslySetInnerHTML: dangerouslySetInnerHTML,
125
- className: (0, _runtime.ax)(["_1reo15vq _18m915vq _syaz1r31 _lcxvglyw _s7n4yfq0 _vc881r31", shouldScale ? "_1bsb1kw7 _4t3i1kw7" : props.type === 'utility' ? utilSizes[(_props$spacing3 = props.spacing) !== null && _props$spacing3 !== void 0 ? _props$spacing3 : 'none'] : coreSizes[(_props$spacing4 = props.spacing) !== null && _props$spacing4 !== void 0 ? _props$spacing4 : 'none']])
146
+ className: (0, _runtime.ax)(["_1reo15vq _18m915vq _syaz1r31 _lcxvglyw _s7n4yfq0 _vc881r31", shouldScale ? "_1bsb1kw7 _4t3i1kw7" : type === 'utility' ? utilSizes[spacing] : size === 'small' ? coreSizeSmall[spacing] : coreSizeMedium[spacing]])
126
147
  }));
127
148
  });
128
149
  var _default = exports.default = Icon;
@@ -9,7 +9,7 @@ exports.default = void 0;
9
9
  *
10
10
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
11
11
  *
12
- * @codegen <<SignedSource::74e48f82d18722adc91c77fffafd647c>>
12
+ * @codegen <<SignedSource::60ca5eb1312bd9cabe699f3be0937d0f>>
13
13
  * @codegenCommand yarn build:icon-glyphs
14
14
  */
15
15
 
@@ -726,6 +726,76 @@ var metadata = {
726
726
  team: 'Design System Team',
727
727
  status: 'published'
728
728
  },
729
+ 'chevron-double-left': {
730
+ keywords: ['chevron-double-left', 'chevrondoubleleft', 'icon', 'core', 'double chevron', 'left', 'previous year'],
731
+ componentName: 'ChevronDoubleLeftIcon',
732
+ package: '@atlaskit/icon/core/chevron-double-left',
733
+ shouldRecommendSmallIcon: true,
734
+ type: 'core',
735
+ categorization: 'multi-purpose',
736
+ team: 'Design System Team',
737
+ status: 'ready-to-publish',
738
+ slackChannel: '#icon-contributions'
739
+ },
740
+ 'chevron-double-right': {
741
+ keywords: ['chevron-double-right', 'chevrondoubleright', 'icon', 'core', 'double chevron', 'right', 'next year'],
742
+ componentName: 'ChevronDoubleRightIcon',
743
+ package: '@atlaskit/icon/core/chevron-double-right',
744
+ shouldRecommendSmallIcon: true,
745
+ type: 'core',
746
+ categorization: 'multi-purpose',
747
+ team: 'Design System Team',
748
+ status: 'ready-to-publish',
749
+ slackChannel: '#icon-contributions'
750
+ },
751
+ 'chevron-down': {
752
+ keywords: ['chevron-down', 'chevrondown', 'expand', 'collapse', 'icon', 'core', 'chevron down', 'open dropdown menu', 'expanded tree item', 'collapse tree item'],
753
+ componentName: 'ChevronDownIcon',
754
+ package: '@atlaskit/icon/core/chevron-down',
755
+ oldName: ['chevron-down', 'chevron-down-circle', 'hipchat/chevron-down'],
756
+ shouldRecommendSmallIcon: true,
757
+ type: 'core',
758
+ categorization: 'multi-purpose',
759
+ team: 'Design System Team',
760
+ status: 'ready-to-publish',
761
+ slackChannel: '#icon-contributions'
762
+ },
763
+ 'chevron-left': {
764
+ keywords: ['chevron-left', 'chevronleft', 'back', 'previous', 'icon', 'core', 'chevron left', 'back'],
765
+ componentName: 'ChevronLeftIcon',
766
+ package: '@atlaskit/icon/core/chevron-left',
767
+ oldName: ['chevron-left-circle', 'chevron-left', 'chevron-left-large'],
768
+ shouldRecommendSmallIcon: true,
769
+ type: 'core',
770
+ categorization: 'multi-purpose',
771
+ team: 'Design System Team',
772
+ status: 'ready-to-publish',
773
+ slackChannel: '#icon-contributions'
774
+ },
775
+ 'chevron-right': {
776
+ keywords: ['chevron-right', 'chevronright', 'forward', 'next', 'icon', 'core', 'chevron right', 'collapsed', 'expand tree item'],
777
+ componentName: 'ChevronRightIcon',
778
+ package: '@atlaskit/icon/core/chevron-right',
779
+ oldName: ['chevron-right-circle', 'chevron-right', 'chevron-right-large'],
780
+ shouldRecommendSmallIcon: true,
781
+ type: 'core',
782
+ categorization: 'multi-purpose',
783
+ team: 'Design System Team',
784
+ status: 'ready-to-publish',
785
+ slackChannel: '#icon-contributions'
786
+ },
787
+ 'chevron-up': {
788
+ keywords: ['chevron-up', 'chevronup', 'expand', 'collapse', 'icon', 'core', 'chevron up', 'close dropdown menu', 'collapse'],
789
+ componentName: 'ChevronUpIcon',
790
+ package: '@atlaskit/icon/core/chevron-up',
791
+ oldName: ['chevron-up-circle', 'hipchat/chevron-up', 'chevron-up'],
792
+ shouldRecommendSmallIcon: true,
793
+ type: 'core',
794
+ categorization: 'multi-purpose',
795
+ team: 'Design System Team',
796
+ status: 'ready-to-publish',
797
+ slackChannel: '#icon-contributions'
798
+ },
729
799
  'child-issues': {
730
800
  keywords: ['child-issues', 'childissues', 'icon', 'core'],
731
801
  componentName: 'ChildIssuesIcon',
@@ -9,7 +9,7 @@ exports.default = void 0;
9
9
  *
10
10
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
11
11
  *
12
- * @codegen <<SignedSource::0a9bbc9e058d3b90ee6b8b82cf2f9830>>
12
+ * @codegen <<SignedSource::d968f0d4e1bd5bc5e728353f8fdcc101>>
13
13
  * @codegenCommand yarn build:icon-glyphs
14
14
  */
15
15