@atlaskit/icon 28.5.3 → 29.0.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.
Files changed (268) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/{afm-adminhub → afm-products}/tsconfig.json +5 -5
  3. package/build/index.tsx +10 -77
  4. package/dist/cjs/components/icon-new.js +13 -38
  5. package/dist/cjs/components/icon-tile/icon-tile-new.compiled.css +6 -6
  6. package/dist/cjs/components/icon-tile/icon-tile-new.js +13 -13
  7. package/dist/cjs/components/icon-tile/icon-tile-old.compiled.css +13 -13
  8. package/dist/cjs/components/icon-tile/icon-tile-old.js +9 -9
  9. package/dist/cjs/components/icon-tile/index.js +8 -8
  10. package/dist/cjs/entry-points/deprecated-map.js +1 -8
  11. package/dist/cjs/entry-points/metadata.js +1 -8
  12. package/dist/cjs/metadata-core.js +1 -378
  13. package/dist/cjs/migration-map.js +0 -332
  14. package/dist/es2019/components/icon-new.js +13 -38
  15. package/dist/es2019/components/icon-tile/icon-tile-new.compiled.css +6 -6
  16. package/dist/es2019/components/icon-tile/icon-tile-new.js +13 -13
  17. package/dist/es2019/components/icon-tile/icon-tile-old.compiled.css +13 -13
  18. package/dist/es2019/components/icon-tile/icon-tile-old.js +9 -9
  19. package/dist/es2019/components/icon-tile/index.js +8 -8
  20. package/dist/es2019/entry-points/deprecated-map.js +1 -2
  21. package/dist/es2019/entry-points/metadata.js +1 -2
  22. package/dist/es2019/metadata-core.js +1 -378
  23. package/dist/es2019/migration-map.js +0 -332
  24. package/dist/esm/components/icon-new.js +13 -38
  25. package/dist/esm/components/icon-tile/icon-tile-new.compiled.css +6 -6
  26. package/dist/esm/components/icon-tile/icon-tile-new.js +13 -13
  27. package/dist/esm/components/icon-tile/icon-tile-old.compiled.css +13 -13
  28. package/dist/esm/components/icon-tile/icon-tile-old.js +9 -9
  29. package/dist/esm/components/icon-tile/index.js +8 -8
  30. package/dist/esm/entry-points/deprecated-map.js +1 -2
  31. package/dist/esm/entry-points/metadata.js +1 -2
  32. package/dist/esm/metadata-core.js +1 -378
  33. package/dist/esm/migration-map.js +0 -332
  34. package/dist/types/components/icon-new.d.ts +1 -1
  35. package/dist/types/entry-points/base-new.d.ts +1 -1
  36. package/dist/types/entry-points/deprecated-map.d.ts +0 -1
  37. package/dist/types/entry-points/metadata.d.ts +0 -1
  38. package/dist/types/entry-points/types.d.ts +1 -1
  39. package/dist/types/index.d.ts +1 -1
  40. package/dist/types/metadata-core.d.ts +2 -8
  41. package/dist/types/types.d.ts +4 -27
  42. package/dist/types-ts4.5/components/icon-new.d.ts +1 -1
  43. package/dist/types-ts4.5/entry-points/base-new.d.ts +1 -1
  44. package/dist/types-ts4.5/entry-points/deprecated-map.d.ts +0 -1
  45. package/dist/types-ts4.5/entry-points/metadata.d.ts +0 -1
  46. package/dist/types-ts4.5/entry-points/types.d.ts +1 -1
  47. package/dist/types-ts4.5/index.d.ts +1 -1
  48. package/dist/types-ts4.5/metadata-core.d.ts +2 -8
  49. package/dist/types-ts4.5/types.d.ts +4 -27
  50. package/package.json +10 -12
  51. package/afm-dev-agents/tsconfig.json +0 -36
  52. package/afm-kitsune/tsconfig.json +0 -36
  53. package/afm-passionfruit/tsconfig.json +0 -36
  54. package/afm-post-office/tsconfig.json +0 -36
  55. package/afm-rovo-extension/tsconfig.json +0 -36
  56. package/afm-townsquare/tsconfig.json +0 -36
  57. package/afm-volt/tsconfig.json +0 -33
  58. package/dist/cjs/deprecated-utility.js +0 -177
  59. package/dist/cjs/metadata-utility.js +0 -483
  60. package/dist/es2019/deprecated-utility.js +0 -171
  61. package/dist/es2019/metadata-utility.js +0 -477
  62. package/dist/esm/deprecated-utility.js +0 -171
  63. package/dist/esm/metadata-utility.js +0 -477
  64. package/dist/types/deprecated-utility.d.ts +0 -13
  65. package/dist/types/metadata-utility.d.ts +0 -67
  66. package/dist/types-ts4.5/deprecated-utility.d.ts +0 -13
  67. package/dist/types-ts4.5/metadata-utility.d.ts +0 -67
  68. package/svgs/utility/add.svg +0 -1
  69. package/svgs/utility/arrow-down.svg +0 -1
  70. package/svgs/utility/arrow-left.svg +0 -1
  71. package/svgs/utility/arrow-right.svg +0 -1
  72. package/svgs/utility/arrow-up.svg +0 -1
  73. package/svgs/utility/check-circle.svg +0 -1
  74. package/svgs/utility/check-mark.svg +0 -1
  75. package/svgs/utility/chevron-double-left.svg +0 -1
  76. package/svgs/utility/chevron-double-right.svg +0 -1
  77. package/svgs/utility/chevron-down.svg +0 -1
  78. package/svgs/utility/chevron-left.svg +0 -1
  79. package/svgs/utility/chevron-right.svg +0 -1
  80. package/svgs/utility/chevron-up.svg +0 -1
  81. package/svgs/utility/cross-circle.svg +0 -1
  82. package/svgs/utility/cross.svg +0 -1
  83. package/svgs/utility/drag-handle-horizontal.svg +0 -1
  84. package/svgs/utility/drag-handle-vertical.svg +0 -1
  85. package/svgs/utility/drag-handle.svg +0 -1
  86. package/svgs/utility/error.svg +0 -1
  87. package/svgs/utility/information.svg +0 -1
  88. package/svgs/utility/link-external.svg +0 -1
  89. package/svgs/utility/lock-locked.svg +0 -1
  90. package/svgs/utility/lock-unlocked.svg +0 -1
  91. package/svgs/utility/show-more-horizontal.svg +0 -1
  92. package/svgs/utility/show-more-vertical.svg +0 -1
  93. package/svgs/utility/star-starred.svg +0 -1
  94. package/svgs/utility/star-unstarred.svg +0 -1
  95. package/svgs/utility/success.svg +0 -1
  96. package/svgs/utility/warning.svg +0 -1
  97. package/utility/add.d.ts +0 -16
  98. package/utility/add.js +0 -30
  99. package/utility/arrow-down.d.ts +0 -16
  100. package/utility/arrow-down.js +0 -30
  101. package/utility/arrow-left.d.ts +0 -16
  102. package/utility/arrow-left.js +0 -30
  103. package/utility/arrow-right.d.ts +0 -16
  104. package/utility/arrow-right.js +0 -30
  105. package/utility/arrow-up.d.ts +0 -16
  106. package/utility/arrow-up.js +0 -30
  107. package/utility/check-circle.d.ts +0 -16
  108. package/utility/check-circle.js +0 -30
  109. package/utility/check-mark.d.ts +0 -16
  110. package/utility/check-mark.js +0 -30
  111. package/utility/chevron-double-left.d.ts +0 -16
  112. package/utility/chevron-double-left.js +0 -30
  113. package/utility/chevron-double-right.d.ts +0 -16
  114. package/utility/chevron-double-right.js +0 -30
  115. package/utility/chevron-down.d.ts +0 -16
  116. package/utility/chevron-down.js +0 -30
  117. package/utility/chevron-left.d.ts +0 -16
  118. package/utility/chevron-left.js +0 -30
  119. package/utility/chevron-right.d.ts +0 -16
  120. package/utility/chevron-right.js +0 -30
  121. package/utility/chevron-up.d.ts +0 -16
  122. package/utility/chevron-up.js +0 -30
  123. package/utility/cross-circle.d.ts +0 -16
  124. package/utility/cross-circle.js +0 -30
  125. package/utility/cross.d.ts +0 -16
  126. package/utility/cross.js +0 -30
  127. package/utility/drag-handle-horizontal.d.ts +0 -16
  128. package/utility/drag-handle-horizontal.js +0 -30
  129. package/utility/drag-handle-vertical.d.ts +0 -16
  130. package/utility/drag-handle-vertical.js +0 -30
  131. package/utility/drag-handle.d.ts +0 -16
  132. package/utility/drag-handle.js +0 -30
  133. package/utility/error.d.ts +0 -16
  134. package/utility/error.js +0 -30
  135. package/utility/information.d.ts +0 -16
  136. package/utility/information.js +0 -30
  137. package/utility/link-external.d.ts +0 -16
  138. package/utility/link-external.js +0 -30
  139. package/utility/lock-locked.d.ts +0 -16
  140. package/utility/lock-locked.js +0 -30
  141. package/utility/lock-unlocked.d.ts +0 -16
  142. package/utility/lock-unlocked.js +0 -30
  143. package/utility/migration/add--add-circle.d.ts +0 -15
  144. package/utility/migration/add--add-circle.js +0 -32
  145. package/utility/migration/add--editor-add.d.ts +0 -15
  146. package/utility/migration/add--editor-add.js +0 -32
  147. package/utility/migration/add--emoji-custom.d.ts +0 -15
  148. package/utility/migration/add--emoji-custom.js +0 -32
  149. package/utility/migration/add.d.ts +0 -15
  150. package/utility/migration/add.js +0 -32
  151. package/utility/migration/arrow-down--arrow-down-circle.d.ts +0 -15
  152. package/utility/migration/arrow-down--arrow-down-circle.js +0 -32
  153. package/utility/migration/arrow-down.d.ts +0 -15
  154. package/utility/migration/arrow-down.js +0 -32
  155. package/utility/migration/arrow-left--arrow-left-circle.d.ts +0 -15
  156. package/utility/migration/arrow-left--arrow-left-circle.js +0 -32
  157. package/utility/migration/arrow-left.d.ts +0 -15
  158. package/utility/migration/arrow-left.js +0 -32
  159. package/utility/migration/arrow-right--arrow-right-circle.d.ts +0 -15
  160. package/utility/migration/arrow-right--arrow-right-circle.js +0 -32
  161. package/utility/migration/arrow-right.d.ts +0 -15
  162. package/utility/migration/arrow-right.js +0 -32
  163. package/utility/migration/arrow-up--arrow-up-circle.d.ts +0 -15
  164. package/utility/migration/arrow-up--arrow-up-circle.js +0 -32
  165. package/utility/migration/arrow-up.d.ts +0 -15
  166. package/utility/migration/arrow-up.js +0 -32
  167. package/utility/migration/check-circle--check-circle-outline.d.ts +0 -15
  168. package/utility/migration/check-circle--check-circle-outline.js +0 -32
  169. package/utility/migration/check-circle--emoji-productivity.d.ts +0 -15
  170. package/utility/migration/check-circle--emoji-productivity.js +0 -32
  171. package/utility/migration/check-circle.d.ts +0 -15
  172. package/utility/migration/check-circle.js +0 -32
  173. package/utility/migration/check-mark--check.d.ts +0 -15
  174. package/utility/migration/check-mark--check.js +0 -32
  175. package/utility/migration/check-mark--editor-done.d.ts +0 -15
  176. package/utility/migration/check-mark--editor-done.js +0 -32
  177. package/utility/migration/chevron-down--chevron-down-circle.d.ts +0 -15
  178. package/utility/migration/chevron-down--chevron-down-circle.js +0 -32
  179. package/utility/migration/chevron-down--hipchat-chevron-down.d.ts +0 -15
  180. package/utility/migration/chevron-down--hipchat-chevron-down.js +0 -32
  181. package/utility/migration/chevron-down.d.ts +0 -15
  182. package/utility/migration/chevron-down.js +0 -32
  183. package/utility/migration/chevron-left--chevron-left-circle.d.ts +0 -15
  184. package/utility/migration/chevron-left--chevron-left-circle.js +0 -32
  185. package/utility/migration/chevron-left--chevron-left-large.d.ts +0 -15
  186. package/utility/migration/chevron-left--chevron-left-large.js +0 -32
  187. package/utility/migration/chevron-left.d.ts +0 -15
  188. package/utility/migration/chevron-left.js +0 -32
  189. package/utility/migration/chevron-right--chevron-right-circle.d.ts +0 -15
  190. package/utility/migration/chevron-right--chevron-right-circle.js +0 -32
  191. package/utility/migration/chevron-right--chevron-right-large.d.ts +0 -15
  192. package/utility/migration/chevron-right--chevron-right-large.js +0 -32
  193. package/utility/migration/chevron-right.d.ts +0 -15
  194. package/utility/migration/chevron-right.js +0 -32
  195. package/utility/migration/chevron-up--chevron-up-circle.d.ts +0 -15
  196. package/utility/migration/chevron-up--chevron-up-circle.js +0 -32
  197. package/utility/migration/chevron-up--hipchat-chevron-up.d.ts +0 -15
  198. package/utility/migration/chevron-up--hipchat-chevron-up.js +0 -32
  199. package/utility/migration/chevron-up.d.ts +0 -15
  200. package/utility/migration/chevron-up.js +0 -32
  201. package/utility/migration/cross--editor-close.d.ts +0 -15
  202. package/utility/migration/cross--editor-close.js +0 -32
  203. package/utility/migration/cross-circle--editor-error.d.ts +0 -15
  204. package/utility/migration/cross-circle--editor-error.js +0 -32
  205. package/utility/migration/cross-circle--select-clear.d.ts +0 -15
  206. package/utility/migration/cross-circle--select-clear.js +0 -32
  207. package/utility/migration/cross-circle.d.ts +0 -15
  208. package/utility/migration/cross-circle.js +0 -32
  209. package/utility/migration/cross.d.ts +0 -15
  210. package/utility/migration/cross.js +0 -32
  211. package/utility/migration/drag-handle--drag-handler.d.ts +0 -15
  212. package/utility/migration/drag-handle--drag-handler.js +0 -32
  213. package/utility/migration/drag-handle-vertical--drag-handler.d.ts +0 -15
  214. package/utility/migration/drag-handle-vertical--drag-handler.js +0 -32
  215. package/utility/migration/error.d.ts +0 -15
  216. package/utility/migration/error.js +0 -32
  217. package/utility/migration/information--editor-info.d.ts +0 -15
  218. package/utility/migration/information--editor-info.js +0 -32
  219. package/utility/migration/information--editor-panel.d.ts +0 -15
  220. package/utility/migration/information--editor-panel.js +0 -32
  221. package/utility/migration/information--info.d.ts +0 -15
  222. package/utility/migration/information--info.js +0 -32
  223. package/utility/migration/link-external--shortcut.d.ts +0 -15
  224. package/utility/migration/link-external--shortcut.js +0 -32
  225. package/utility/migration/lock-locked--lock-circle.d.ts +0 -15
  226. package/utility/migration/lock-locked--lock-circle.js +0 -32
  227. package/utility/migration/lock-locked--lock-filled.d.ts +0 -15
  228. package/utility/migration/lock-locked--lock-filled.js +0 -32
  229. package/utility/migration/lock-locked--lock.d.ts +0 -15
  230. package/utility/migration/lock-locked--lock.js +0 -32
  231. package/utility/migration/lock-locked--unlock-circle.d.ts +0 -15
  232. package/utility/migration/lock-locked--unlock-circle.js +0 -32
  233. package/utility/migration/lock-unlocked--unlock-filled.d.ts +0 -15
  234. package/utility/migration/lock-unlocked--unlock-filled.js +0 -32
  235. package/utility/migration/lock-unlocked--unlock.d.ts +0 -15
  236. package/utility/migration/lock-unlocked--unlock.js +0 -32
  237. package/utility/migration/show-more-horizontal--editor-more.d.ts +0 -15
  238. package/utility/migration/show-more-horizontal--editor-more.js +0 -32
  239. package/utility/migration/show-more-horizontal--more.d.ts +0 -15
  240. package/utility/migration/show-more-horizontal--more.js +0 -32
  241. package/utility/migration/show-more-vertical--more-vertical.d.ts +0 -15
  242. package/utility/migration/show-more-vertical--more-vertical.js +0 -32
  243. package/utility/migration/star-starred--star-filled.d.ts +0 -15
  244. package/utility/migration/star-starred--star-filled.js +0 -32
  245. package/utility/migration/star-unstarred--star-large.d.ts +0 -15
  246. package/utility/migration/star-unstarred--star-large.js +0 -32
  247. package/utility/migration/star-unstarred--star.d.ts +0 -15
  248. package/utility/migration/star-unstarred--star.js +0 -32
  249. package/utility/migration/success--check-circle.d.ts +0 -15
  250. package/utility/migration/success--check-circle.js +0 -32
  251. package/utility/migration/success--editor-success.d.ts +0 -15
  252. package/utility/migration/success--editor-success.js +0 -32
  253. package/utility/migration/warning--editor-warning.d.ts +0 -15
  254. package/utility/migration/warning--editor-warning.js +0 -32
  255. package/utility/migration/warning.d.ts +0 -15
  256. package/utility/migration/warning.js +0 -32
  257. package/utility/show-more-horizontal.d.ts +0 -16
  258. package/utility/show-more-horizontal.js +0 -30
  259. package/utility/show-more-vertical.d.ts +0 -16
  260. package/utility/show-more-vertical.js +0 -30
  261. package/utility/star-starred.d.ts +0 -16
  262. package/utility/star-starred.js +0 -30
  263. package/utility/star-unstarred.d.ts +0 -16
  264. package/utility/star-unstarred.js +0 -30
  265. package/utility/success.d.ts +0 -16
  266. package/utility/success.js +0 -30
  267. package/utility/warning.d.ts +0 -16
  268. package/utility/warning.js +0 -30
@@ -18,5 +18,5 @@ export type InternalIconPropsNew = UNSAFE_NewGlyphProps & {
18
18
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
19
19
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
20
20
  */
21
- export declare const Icon: import("react").NamedExoticComponent<UNSAFE_NewGlyphProps>;
21
+ export declare const Icon: import("react").NamedExoticComponent<import("../types").UNSAFE_NewCoreGlyphProps>;
22
22
  export default Icon;
@@ -1,2 +1,2 @@
1
1
  export { default, Icon } from '../components/icon-new';
2
- export type { NewIconProps, NewCoreIconProps, NewUtilityIconProps } from '../types';
2
+ export type { NewIconProps, NewCoreIconProps } from '../types';
@@ -1,2 +1 @@
1
1
  export { default as deprecatedCore } from '../deprecated-core';
2
- export { default as deprecatedUtility } from '../deprecated-utility';
@@ -1,3 +1,2 @@
1
1
  export { default } from '../metadata';
2
2
  export { default as coreIconMetadata } from '../metadata-core';
3
- export { default as utilityIconMetadata } from '../metadata-utility';
@@ -1 +1 @@
1
- export type { CustomGlyphProps, GlyphProps, IconProps, Size, SkeletonProps, SVGProps, NewIconProps, NewGlyphColorProps, NewUtilityIconProps, NewCoreIconProps, IconMigrationMap, IconSpacing, IconTileProps, } from '../types';
1
+ export type { CustomGlyphProps, GlyphProps, IconProps, Size, SkeletonProps, SVGProps, NewIconProps, NewGlyphColorProps, NewCoreIconProps, IconMigrationMap, IconSpacing, IconTileProps, } from '../types';
@@ -4,4 +4,4 @@ export { default as SVG } from './components/svg';
4
4
  export { sizeMap as size, sizes } from './constants';
5
5
  export { default as Skeleton } from './components/skeleton';
6
6
  export { default as IconTile } from './components/icon-tile';
7
- export type { Size, NewCoreIconSize, SkeletonProps, IconProps, GlyphProps, CustomGlyphProps, SVGProps, NewIconProps, NewUtilityIconProps, NewCoreIconProps, IconMigrationMap, IconTileProps, } from './types';
7
+ export type { Size, IconSize, SkeletonProps, IconProps, GlyphProps, CustomGlyphProps, SVGProps, NewIconProps, NewCoreIconProps, IconMigrationMap, IconTileProps, } from './types';
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
5
5
  *
6
- * @codegen <<SignedSource::ee18f4e5865068325a476701d51323b5>>
6
+ * @codegen <<SignedSource::5b8f207efd0b698d67177c14ac7a5c63>>
7
7
  * @codegenCommand yarn build:icon-glyphs
8
8
  */
9
9
  interface metadata {
@@ -19,13 +19,8 @@ interface metadata {
19
19
  * The category of the icon:
20
20
  * - 'single-purpose' icons should only be used for the purposes listed in the 'usage' field
21
21
  * - 'multi-purpose' icons are designed for various use cases and don't have the same usage restrictions
22
- * - 'utility' icons are used for utility purposes
23
22
  */
24
- categorization: 'single-purpose' | 'multi-purpose' | 'utility';
25
- /**
26
- * The type of the icon - either a 16px 'core' icon, or a 12px 'utility' icon
27
- */
28
- type: 'core' | 'utility';
23
+ categorization: 'single-purpose' | 'multi-purpose';
29
24
  /**
30
25
  * Usage guidelines for the icon. For single-purpose icons,
31
26
  */
@@ -55,7 +50,6 @@ interface metadata {
55
50
  */
56
51
  replacement?: {
57
52
  name: string;
58
- type: 'core' | 'utility';
59
53
  location: '@atlaskit/icon' | '@atlaskit/icon-lab' | '@atlassian/icon-private';
60
54
  };
61
55
  /**
@@ -1,7 +1,6 @@
1
1
  import type { ComponentType, ReactElement, ReactNode, SVGProps as ReactSVGProps } from 'react';
2
2
  import type { IconColor, IconColorPressed, TextColor, TextColorPressed } from '@atlaskit/tokens/css-type-schema';
3
3
  export type Size = 'small' | 'medium' | 'large' | 'xlarge';
4
- export type NewCoreIconSize = 'small' | 'medium';
5
4
  export type IconSpacing = 'none' | 'spacious' | 'compact';
6
5
  export type IconSize = 'small' | 'medium';
7
6
  export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
@@ -59,15 +58,6 @@ interface NewCoreGlyphSpacingProps {
59
58
  */
60
59
  spacing?: IconSpacing;
61
60
  }
62
- interface NewUtilityGlyphSpacingProps {
63
- /**
64
- * Utility Icons have only one available size, but can be displayed with additional spacing.
65
- * "none" is default, and allows the icon to be placed in buttons and allows the parent component to manage spacing.
66
- * "compact" provides accessible compact spacing between the icon and other elements.
67
- * "spacious" provides accessible spacing between the icon and other elements.
68
- */
69
- spacing?: IconSpacing;
70
- }
71
61
  interface NewCoreGlyphSizeProps {
72
62
  /**
73
63
  * There are two icon sizes available:
@@ -130,8 +120,6 @@ export interface GlyphProps extends LegacyOtherGlyphProps, GlyphSizeProps, Glyph
130
120
  }
131
121
  interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewCoreGlyphSizeProps, NewGlyphColorProps {
132
122
  }
133
- interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewCoreGlyphSizeProps, NewGlyphColorProps {
134
- }
135
123
  export interface IconProps extends GlyphProps, IconInternalGlyphProps {
136
124
  /**
137
125
  * Custom icon component that returns an SVG element with set `viewBox`,
@@ -164,24 +152,15 @@ interface BaseNewIconProps {
164
152
  LEGACY_margin?: string;
165
153
  }
166
154
  export interface UNSAFE_NewCoreGlyphProps extends BaseNewIconProps, NewCoreGlyphProps, IconInternalGlyphProps {
167
- type?: 'core';
168
155
  shouldRecommendSmallIcon?: boolean;
169
156
  /**
170
157
  * Display name of the icon.
171
158
  */
172
159
  name?: string;
173
160
  }
174
- export interface UNSAFE_NewUtilityGlyphProps extends BaseNewIconProps, NewUtilityGlyphProps, IconInternalGlyphProps {
175
- type: 'utility';
176
- /**
177
- * Display name of the icon.
178
- */
179
- name?: string;
180
- }
181
- export type NewCoreIconProps = Omit<UNSAFE_NewCoreGlyphProps, 'dangerouslySetGlyph' | 'type' | 'name'>;
182
- export type NewUtilityIconProps = Omit<UNSAFE_NewUtilityGlyphProps, 'dangerouslySetGlyph' | 'type' | 'name'>;
183
- export type UNSAFE_NewGlyphProps = UNSAFE_NewUtilityGlyphProps | UNSAFE_NewCoreGlyphProps;
184
- export type NewIconProps = Omit<UNSAFE_NewGlyphProps, 'dangerouslySetGlyph' | 'type' | 'name'>;
161
+ export type NewCoreIconProps = Omit<UNSAFE_NewCoreGlyphProps, 'dangerouslySetGlyph'>;
162
+ export type UNSAFE_NewGlyphProps = UNSAFE_NewCoreGlyphProps;
163
+ export type NewIconProps = Omit<UNSAFE_NewGlyphProps, 'dangerouslySetGlyph'>;
185
164
  export type IconTileAppearance = 'gray' | 'blue' | 'teal' | 'green' | 'lime' | 'yellow' | 'orange' | 'red' | 'magenta' | 'purple' | 'grayBold' | 'blueBold' | 'tealBold' | 'greenBold' | 'limeBold' | 'yellowBold' | 'orangeBold' | 'redBold' | 'magentaBold' | 'purpleBold';
186
165
  export type NewIconTileSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
187
166
  export type LegacyIconTileSize = '16' | '24' | '32' | '40' | '48';
@@ -190,7 +169,7 @@ export interface IconTileProps {
190
169
  /**
191
170
  * The icon to display
192
171
  */
193
- icon: ComponentType<NewUtilityIconProps> | ComponentType<NewCoreIconProps>;
172
+ icon: ComponentType<NewCoreIconProps>;
194
173
  /**
195
174
  * The label for the icon
196
175
  */
@@ -264,7 +243,6 @@ type IconMigrationResult = {
264
243
  */
265
244
  newIcon?: {
266
245
  name: string;
267
- type: string;
268
246
  package: string;
269
247
  isMigrationUnsafe?: boolean;
270
248
  /**
@@ -281,7 +259,6 @@ type IconMigrationResult = {
281
259
  */
282
260
  additionalIcons?: {
283
261
  name: string;
284
- type: string;
285
262
  package: string;
286
263
  }[];
287
264
  /**
@@ -18,5 +18,5 @@ export type InternalIconPropsNew = UNSAFE_NewGlyphProps & {
18
18
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
19
19
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
20
20
  */
21
- export declare const Icon: import("react").NamedExoticComponent<UNSAFE_NewGlyphProps>;
21
+ export declare const Icon: import("react").NamedExoticComponent<import("../types").UNSAFE_NewCoreGlyphProps>;
22
22
  export default Icon;
@@ -1,2 +1,2 @@
1
1
  export { default, Icon } from '../components/icon-new';
2
- export type { NewIconProps, NewCoreIconProps, NewUtilityIconProps } from '../types';
2
+ export type { NewIconProps, NewCoreIconProps } from '../types';
@@ -1,2 +1 @@
1
1
  export { default as deprecatedCore } from '../deprecated-core';
2
- export { default as deprecatedUtility } from '../deprecated-utility';
@@ -1,3 +1,2 @@
1
1
  export { default } from '../metadata';
2
2
  export { default as coreIconMetadata } from '../metadata-core';
3
- export { default as utilityIconMetadata } from '../metadata-utility';
@@ -1 +1 @@
1
- export type { CustomGlyphProps, GlyphProps, IconProps, Size, SkeletonProps, SVGProps, NewIconProps, NewGlyphColorProps, NewUtilityIconProps, NewCoreIconProps, IconMigrationMap, IconSpacing, IconTileProps, } from '../types';
1
+ export type { CustomGlyphProps, GlyphProps, IconProps, Size, SkeletonProps, SVGProps, NewIconProps, NewGlyphColorProps, NewCoreIconProps, IconMigrationMap, IconSpacing, IconTileProps, } from '../types';
@@ -4,4 +4,4 @@ export { default as SVG } from './components/svg';
4
4
  export { sizeMap as size, sizes } from './constants';
5
5
  export { default as Skeleton } from './components/skeleton';
6
6
  export { default as IconTile } from './components/icon-tile';
7
- export type { Size, NewCoreIconSize, SkeletonProps, IconProps, GlyphProps, CustomGlyphProps, SVGProps, NewIconProps, NewUtilityIconProps, NewCoreIconProps, IconMigrationMap, IconTileProps, } from './types';
7
+ export type { Size, IconSize, SkeletonProps, IconProps, GlyphProps, CustomGlyphProps, SVGProps, NewIconProps, NewCoreIconProps, IconMigrationMap, IconTileProps, } from './types';
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * To change the format of this file, modify `createIconDocsNew` in icon-build-process/src/create-icon-docs.tsx.
5
5
  *
6
- * @codegen <<SignedSource::ee18f4e5865068325a476701d51323b5>>
6
+ * @codegen <<SignedSource::5b8f207efd0b698d67177c14ac7a5c63>>
7
7
  * @codegenCommand yarn build:icon-glyphs
8
8
  */
9
9
  interface metadata {
@@ -19,13 +19,8 @@ interface metadata {
19
19
  * The category of the icon:
20
20
  * - 'single-purpose' icons should only be used for the purposes listed in the 'usage' field
21
21
  * - 'multi-purpose' icons are designed for various use cases and don't have the same usage restrictions
22
- * - 'utility' icons are used for utility purposes
23
22
  */
24
- categorization: 'single-purpose' | 'multi-purpose' | 'utility';
25
- /**
26
- * The type of the icon - either a 16px 'core' icon, or a 12px 'utility' icon
27
- */
28
- type: 'core' | 'utility';
23
+ categorization: 'single-purpose' | 'multi-purpose';
29
24
  /**
30
25
  * Usage guidelines for the icon. For single-purpose icons,
31
26
  */
@@ -55,7 +50,6 @@ interface metadata {
55
50
  */
56
51
  replacement?: {
57
52
  name: string;
58
- type: 'core' | 'utility';
59
53
  location: '@atlaskit/icon' | '@atlaskit/icon-lab' | '@atlassian/icon-private';
60
54
  };
61
55
  /**
@@ -1,7 +1,6 @@
1
1
  import type { ComponentType, ReactElement, ReactNode, SVGProps as ReactSVGProps } from 'react';
2
2
  import type { IconColor, IconColorPressed, TextColor, TextColorPressed } from '@atlaskit/tokens/css-type-schema';
3
3
  export type Size = 'small' | 'medium' | 'large' | 'xlarge';
4
- export type NewCoreIconSize = 'small' | 'medium';
5
4
  export type IconSpacing = 'none' | 'spacious' | 'compact';
6
5
  export type IconSize = 'small' | 'medium';
7
6
  export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
@@ -59,15 +58,6 @@ interface NewCoreGlyphSpacingProps {
59
58
  */
60
59
  spacing?: IconSpacing;
61
60
  }
62
- interface NewUtilityGlyphSpacingProps {
63
- /**
64
- * Utility Icons have only one available size, but can be displayed with additional spacing.
65
- * "none" is default, and allows the icon to be placed in buttons and allows the parent component to manage spacing.
66
- * "compact" provides accessible compact spacing between the icon and other elements.
67
- * "spacious" provides accessible spacing between the icon and other elements.
68
- */
69
- spacing?: IconSpacing;
70
- }
71
61
  interface NewCoreGlyphSizeProps {
72
62
  /**
73
63
  * There are two icon sizes available:
@@ -130,8 +120,6 @@ export interface GlyphProps extends LegacyOtherGlyphProps, GlyphSizeProps, Glyph
130
120
  }
131
121
  interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewCoreGlyphSizeProps, NewGlyphColorProps {
132
122
  }
133
- interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewCoreGlyphSizeProps, NewGlyphColorProps {
134
- }
135
123
  export interface IconProps extends GlyphProps, IconInternalGlyphProps {
136
124
  /**
137
125
  * Custom icon component that returns an SVG element with set `viewBox`,
@@ -164,24 +152,15 @@ interface BaseNewIconProps {
164
152
  LEGACY_margin?: string;
165
153
  }
166
154
  export interface UNSAFE_NewCoreGlyphProps extends BaseNewIconProps, NewCoreGlyphProps, IconInternalGlyphProps {
167
- type?: 'core';
168
155
  shouldRecommendSmallIcon?: boolean;
169
156
  /**
170
157
  * Display name of the icon.
171
158
  */
172
159
  name?: string;
173
160
  }
174
- export interface UNSAFE_NewUtilityGlyphProps extends BaseNewIconProps, NewUtilityGlyphProps, IconInternalGlyphProps {
175
- type: 'utility';
176
- /**
177
- * Display name of the icon.
178
- */
179
- name?: string;
180
- }
181
- export type NewCoreIconProps = Omit<UNSAFE_NewCoreGlyphProps, 'dangerouslySetGlyph' | 'type' | 'name'>;
182
- export type NewUtilityIconProps = Omit<UNSAFE_NewUtilityGlyphProps, 'dangerouslySetGlyph' | 'type' | 'name'>;
183
- export type UNSAFE_NewGlyphProps = UNSAFE_NewUtilityGlyphProps | UNSAFE_NewCoreGlyphProps;
184
- export type NewIconProps = Omit<UNSAFE_NewGlyphProps, 'dangerouslySetGlyph' | 'type' | 'name'>;
161
+ export type NewCoreIconProps = Omit<UNSAFE_NewCoreGlyphProps, 'dangerouslySetGlyph'>;
162
+ export type UNSAFE_NewGlyphProps = UNSAFE_NewCoreGlyphProps;
163
+ export type NewIconProps = Omit<UNSAFE_NewGlyphProps, 'dangerouslySetGlyph'>;
185
164
  export type IconTileAppearance = 'gray' | 'blue' | 'teal' | 'green' | 'lime' | 'yellow' | 'orange' | 'red' | 'magenta' | 'purple' | 'grayBold' | 'blueBold' | 'tealBold' | 'greenBold' | 'limeBold' | 'yellowBold' | 'orangeBold' | 'redBold' | 'magentaBold' | 'purpleBold';
186
165
  export type NewIconTileSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
187
166
  export type LegacyIconTileSize = '16' | '24' | '32' | '40' | '48';
@@ -190,7 +169,7 @@ export interface IconTileProps {
190
169
  /**
191
170
  * The icon to display
192
171
  */
193
- icon: ComponentType<NewUtilityIconProps> | ComponentType<NewCoreIconProps>;
172
+ icon: ComponentType<NewCoreIconProps>;
194
173
  /**
195
174
  * The label for the icon
196
175
  */
@@ -264,7 +243,6 @@ type IconMigrationResult = {
264
243
  */
265
244
  newIcon?: {
266
245
  name: string;
267
- type: string;
268
246
  package: string;
269
247
  isMigrationUnsafe?: boolean;
270
248
  /**
@@ -281,7 +259,6 @@ type IconMigrationResult = {
281
259
  */
282
260
  additionalIcons?: {
283
261
  name: string;
284
- type: string;
285
262
  package: string;
286
263
  }[];
287
264
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "28.5.3",
3
+ "version": "29.0.0",
4
4
  "description": "An icon is a symbol representing a command, device, directory, or common action.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -93,7 +93,7 @@
93
93
  "dependencies": {
94
94
  "@atlaskit/platform-feature-flags": "^1.1.0",
95
95
  "@atlaskit/tile": "^1.0.0",
96
- "@atlaskit/tokens": "^7.0.0",
96
+ "@atlaskit/tokens": "^8.0.0",
97
97
  "@babel/register": "^7.25.9",
98
98
  "@babel/runtime": "^7.0.0",
99
99
  "@compiled/react": "^0.18.6"
@@ -106,11 +106,11 @@
106
106
  "@af/icon-build-process": "workspace:^",
107
107
  "@af/integration-testing": "workspace:^",
108
108
  "@af/visual-regression": "workspace:^",
109
- "@atlaskit/button": "^23.5.0",
110
- "@atlaskit/code": "^17.2.0",
109
+ "@atlaskit/button": "^23.6.0",
110
+ "@atlaskit/code": "^17.3.0",
111
111
  "@atlaskit/css": "^0.15.0",
112
112
  "@atlaskit/docs": "^11.2.0",
113
- "@atlaskit/ds-lib": "^5.1.0",
113
+ "@atlaskit/ds-lib": "^5.2.0",
114
114
  "@atlaskit/form": "^14.2.0",
115
115
  "@atlaskit/heading": "^5.2.0",
116
116
  "@atlaskit/icon-file-type": "^7.0.0",
@@ -118,15 +118,15 @@
118
118
  "@atlaskit/link": "^3.2.0",
119
119
  "@atlaskit/logo": "^19.9.0",
120
120
  "@atlaskit/menu": "^8.4.0",
121
- "@atlaskit/modal-dialog": "^14.5.0",
122
- "@atlaskit/primitives": "^16.0.0",
123
- "@atlaskit/section-message": "^8.7.0",
121
+ "@atlaskit/modal-dialog": "^14.6.0",
122
+ "@atlaskit/primitives": "^16.1.0",
123
+ "@atlaskit/section-message": "^8.9.0",
124
124
  "@atlaskit/textfield": "^8.0.0",
125
125
  "@atlaskit/theme": "^21.0.0",
126
126
  "@atlaskit/toggle": "^15.1.0",
127
- "@atlaskit/tooltip": "^20.6.0",
127
+ "@atlaskit/tooltip": "^20.8.0",
128
128
  "@atlassian/feature-flags-test-utils": "^1.0.0",
129
- "@atlassian/ssr-tests": "^0.3.0",
129
+ "@atlassian/ssr-tests": "workspace:^",
130
130
  "@babel/core": "7.24.9",
131
131
  "@codeshift/utils": "^0.2.4",
132
132
  "@testing-library/react": "^13.4.0",
@@ -180,8 +180,6 @@
180
180
  "./glyph": "./glyph",
181
181
  "./core": "./core",
182
182
  "./core/migration": "./core/migration",
183
- "./utility": "./utility",
184
- "./utility/migration": "./utility/migration",
185
183
  ".": "./src/index.tsx"
186
184
  },
187
185
  "platform-feature-flags": {
@@ -1,36 +0,0 @@
1
- {
2
- "extends": "../../../../tsconfig.entry-points.dev-agents.json",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "outDir": "../../../../../dev-agents/tsDist/@atlaskit__icon/app",
7
- "rootDir": "../",
8
- "composite": true
9
- },
10
- "include": [
11
- "../src/**/*.ts",
12
- "../src/**/*.tsx"
13
- ],
14
- "exclude": [
15
- "../src/**/__tests__/*",
16
- "../src/**/*.test.*",
17
- "../src/**/test.*",
18
- "../src/**/examples.*",
19
- "../src/**/examples/*",
20
- "../src/**/examples/**/*",
21
- "../src/**/*.stories.*",
22
- "../src/**/stories/*",
23
- "../src/**/stories/**/*"
24
- ],
25
- "references": [
26
- {
27
- "path": "../../../platform/feature-flags/afm-dev-agents/tsconfig.json"
28
- },
29
- {
30
- "path": "../../tile/afm-dev-agents/tsconfig.json"
31
- },
32
- {
33
- "path": "../../tokens/afm-dev-agents/tsconfig.json"
34
- }
35
- ]
36
- }
@@ -1,36 +0,0 @@
1
- {
2
- "extends": "../../../../tsconfig.entry-points.kitsune.json",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "outDir": "../../../../../kitsune/tsDist/@atlaskit__icon/app",
7
- "rootDir": "../",
8
- "composite": true
9
- },
10
- "include": [
11
- "../src/**/*.ts",
12
- "../src/**/*.tsx"
13
- ],
14
- "exclude": [
15
- "../src/**/__tests__/*",
16
- "../src/**/*.test.*",
17
- "../src/**/test.*",
18
- "../src/**/examples.*",
19
- "../src/**/examples/*",
20
- "../src/**/examples/**/*",
21
- "../src/**/*.stories.*",
22
- "../src/**/stories/*",
23
- "../src/**/stories/**/*"
24
- ],
25
- "references": [
26
- {
27
- "path": "../../../platform/feature-flags/afm-kitsune/tsconfig.json"
28
- },
29
- {
30
- "path": "../../tile/afm-kitsune/tsconfig.json"
31
- },
32
- {
33
- "path": "../../tokens/afm-kitsune/tsconfig.json"
34
- }
35
- ]
36
- }
@@ -1,36 +0,0 @@
1
- {
2
- "extends": "../../../../tsconfig.entry-points.passionfruit.json",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "outDir": "../../../../../passionfruit/tsDist/@atlaskit__icon/app",
7
- "rootDir": "../",
8
- "composite": true
9
- },
10
- "include": [
11
- "../src/**/*.ts",
12
- "../src/**/*.tsx"
13
- ],
14
- "exclude": [
15
- "../src/**/__tests__/*",
16
- "../src/**/*.test.*",
17
- "../src/**/test.*",
18
- "../src/**/examples.*",
19
- "../src/**/examples/*",
20
- "../src/**/examples/**/*",
21
- "../src/**/*.stories.*",
22
- "../src/**/stories/*",
23
- "../src/**/stories/**/*"
24
- ],
25
- "references": [
26
- {
27
- "path": "../../../platform/feature-flags/afm-passionfruit/tsconfig.json"
28
- },
29
- {
30
- "path": "../../tile/afm-passionfruit/tsconfig.json"
31
- },
32
- {
33
- "path": "../../tokens/afm-passionfruit/tsconfig.json"
34
- }
35
- ]
36
- }
@@ -1,36 +0,0 @@
1
- {
2
- "extends": "../../../../tsconfig.entry-points.post-office.json",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "outDir": "../../../../../post-office/tsDist/@atlaskit__icon/app",
7
- "rootDir": "../",
8
- "composite": true
9
- },
10
- "include": [
11
- "../src/**/*.ts",
12
- "../src/**/*.tsx"
13
- ],
14
- "exclude": [
15
- "../src/**/__tests__/*",
16
- "../src/**/*.test.*",
17
- "../src/**/test.*",
18
- "../src/**/examples.*",
19
- "../src/**/examples/*",
20
- "../src/**/examples/**/*",
21
- "../src/**/*.stories.*",
22
- "../src/**/stories/*",
23
- "../src/**/stories/**/*"
24
- ],
25
- "references": [
26
- {
27
- "path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
28
- },
29
- {
30
- "path": "../../tile/afm-post-office/tsconfig.json"
31
- },
32
- {
33
- "path": "../../tokens/afm-post-office/tsconfig.json"
34
- }
35
- ]
36
- }
@@ -1,36 +0,0 @@
1
- {
2
- "extends": "../../../../tsconfig.entry-points.rovo-extension.json",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "outDir": "../../../../../rovo-extension/tsDist/@atlaskit__icon/app",
7
- "rootDir": "../",
8
- "composite": true
9
- },
10
- "include": [
11
- "../src/**/*.ts",
12
- "../src/**/*.tsx"
13
- ],
14
- "exclude": [
15
- "../src/**/__tests__/*",
16
- "../src/**/*.test.*",
17
- "../src/**/test.*",
18
- "../src/**/examples.*",
19
- "../src/**/examples/*",
20
- "../src/**/examples/**/*",
21
- "../src/**/*.stories.*",
22
- "../src/**/stories/*",
23
- "../src/**/stories/**/*"
24
- ],
25
- "references": [
26
- {
27
- "path": "../../../platform/feature-flags/afm-rovo-extension/tsconfig.json"
28
- },
29
- {
30
- "path": "../../tile/afm-rovo-extension/tsconfig.json"
31
- },
32
- {
33
- "path": "../../tokens/afm-rovo-extension/tsconfig.json"
34
- }
35
- ]
36
- }
@@ -1,36 +0,0 @@
1
- {
2
- "extends": "../../../../tsconfig.entry-points.townsquare.json",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "outDir": "../../../../../townsquare/tsDist/@atlaskit__icon/app",
7
- "rootDir": "../",
8
- "composite": true
9
- },
10
- "include": [
11
- "../src/**/*.ts",
12
- "../src/**/*.tsx"
13
- ],
14
- "exclude": [
15
- "../src/**/__tests__/*",
16
- "../src/**/*.test.*",
17
- "../src/**/test.*",
18
- "../src/**/examples.*",
19
- "../src/**/examples/*",
20
- "../src/**/examples/**/*",
21
- "../src/**/*.stories.*",
22
- "../src/**/stories/*",
23
- "../src/**/stories/**/*"
24
- ],
25
- "references": [
26
- {
27
- "path": "../../../platform/feature-flags/afm-townsquare/tsconfig.json"
28
- },
29
- {
30
- "path": "../../tile/afm-townsquare/tsconfig.json"
31
- },
32
- {
33
- "path": "../../tokens/afm-townsquare/tsconfig.json"
34
- }
35
- ]
36
- }
@@ -1,33 +0,0 @@
1
- {
2
- "extends": "../../../../tsconfig.entry-points.volt.json",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "outDir": "../../../../../volt/tsDist/@atlaskit__icon/app",
7
- "rootDir": "../",
8
- "composite": true
9
- },
10
- "include": [
11
- "../src/**/*.ts",
12
- "../src/**/*.tsx"
13
- ],
14
- "exclude": [
15
- "../src/**/__tests__/*",
16
- "../src/**/*.test.*",
17
- "../src/**/test.*",
18
- "../src/**/examples.*",
19
- "../src/**/examples/*",
20
- "../src/**/examples/**/*",
21
- "../src/**/*.stories.*",
22
- "../src/**/stories/*",
23
- "../src/**/stories/**/*"
24
- ],
25
- "references": [
26
- {
27
- "path": "../../../platform/feature-flags/afm-volt/tsconfig.json"
28
- },
29
- {
30
- "path": "../../tokens/afm-volt/tsconfig.json"
31
- }
32
- ]
33
- }