@atlaskit/icon 23.7.0 → 23.7.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 (9) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/icon-facade.js +4 -5
  3. package/dist/es2019/components/icon-facade.js +2 -3
  4. package/dist/esm/components/icon-facade.js +2 -3
  5. package/dist/types/components/icon-facade.d.ts +0 -1
  6. package/dist/types/types.d.ts +10 -10
  7. package/dist/types-ts4.5/components/icon-facade.d.ts +0 -1
  8. package/dist/types-ts4.5/types.d.ts +10 -10
  9. package/package.json +14 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/icon
2
2
 
3
+ ## 23.7.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#108179](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108179)
8
+ [`327beb94a2e5a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/327beb94a2e5a) -
9
+ Remove unused internal exports and update dependencies.
10
+
3
11
  ## 23.7.0
4
12
 
5
13
  ### Minor Changes
package/dist/cjs/components/icon-facade.js CHANGED
@@ -5,12 +5,12 @@ var _typeof = require("@babel/runtime/helpers/typeof");
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.default = exports.IconFacade = void 0;
8
+ exports.IconFacade = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
- var _icon = _interopRequireDefault(require("./icon"));
13
+ var _icon = 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
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; }
@@ -61,8 +61,7 @@ var IconFacade = exports.IconFacade = /*#__PURE__*/(0, _react.memo)(function Ico
61
61
  }));
62
62
  }
63
63
  }
64
- return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
64
+ return /*#__PURE__*/_react.default.createElement(_icon.Icon, (0, _extends2.default)({
65
65
  dangerouslySetGlyph: dangerouslySetGlyph
66
66
  }, props));
67
- });
68
- var _default = exports.default = IconFacade;
67
+ });
package/dist/es2019/components/icon-facade.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { memo } from 'react';
3
3
  import { fg } from '@atlaskit/platform-feature-flags';
4
- import LegacyIcon from './icon';
4
+ import { Icon as LegacyIcon } from './icon';
5
5
  const sizeSpacingMap = {
6
6
  utility: {
7
7
  small: 'compact',
@@ -53,5 +53,4 @@ export const IconFacade = /*#__PURE__*/memo(function IconFacade({
53
53
  return /*#__PURE__*/React.createElement(LegacyIcon, _extends({
54
54
  dangerouslySetGlyph: dangerouslySetGlyph
55
55
  }, props));
56
- });
57
- export default IconFacade;
56
+ });
package/dist/esm/components/icon-facade.js CHANGED
@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
3
3
  var _excluded = ["dangerouslySetGlyph"];
4
4
  import React, { memo } from 'react';
5
5
  import { fg } from '@atlaskit/platform-feature-flags';
6
- import LegacyIcon from './icon';
6
+ import { Icon as LegacyIcon } from './icon';
7
7
  var sizeSpacingMap = {
8
8
  utility: {
9
9
  small: 'compact',
@@ -54,5 +54,4 @@ export var IconFacade = /*#__PURE__*/memo(function IconFacade(_ref) {
54
54
  return /*#__PURE__*/React.createElement(LegacyIcon, _extends({
55
55
  dangerouslySetGlyph: dangerouslySetGlyph
56
56
  }, props));
57
- });
58
- export default IconFacade;
57
+ });
package/dist/types/components/icon-facade.d.ts CHANGED
@@ -9,4 +9,3 @@ import type { IconFacadeProps } from '../types';
9
9
  * @returns A React element representing either the new or legacy icon based on the feature flag and icon size.
10
10
  */
11
11
  export declare const IconFacade: React.NamedExoticComponent<IconFacadeProps>;
12
- export default IconFacade;
package/dist/types/types.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { ComponentType, ReactElement, ReactNode, SVGProps as ReactSVGProps
2
2
  import type { IconColor, IconColorPressed, TextColor, TextColorPressed } from '@atlaskit/tokens/css-type-schema';
3
3
  export type Size = 'small' | 'medium' | 'large' | 'xlarge';
4
4
  export type IconSpacing = 'none' | 'spacious';
5
- export type UtilityIconSpacing = 'none' | 'spacious' | 'compact';
5
+ type UtilityIconSpacing = 'none' | 'spacious' | 'compact';
6
6
  export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
7
7
  /**
8
8
  * provided to a custom glyph
@@ -17,7 +17,7 @@ export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
17
17
  */
18
18
  className?: string;
19
19
  }
20
- export interface GlyphColorProps {
20
+ interface GlyphColorProps {
21
21
  /**
22
22
  * Primary color for the icon.
23
23
  * Inherits the current font color by default.
@@ -41,7 +41,7 @@ export interface NewGlyphColorProps {
41
41
  */
42
42
  color?: IconColor | IconColorPressed | Exclude<TextColor, 'transparent'> | TextColorPressed | 'currentColor';
43
43
  }
44
- export interface GlyphSizeProps {
44
+ interface GlyphSizeProps {
45
45
  /**
46
46
  * There are three icon sizes – small (16px), medium (24px), and large (32px).
47
47
  * This pixel size refers to the canvas the icon sits on,
@@ -49,7 +49,7 @@ export interface GlyphSizeProps {
49
49
  */
50
50
  size?: Size;
51
51
  }
52
- export interface NewCoreGlyphSpacingProps {
52
+ interface NewCoreGlyphSpacingProps {
53
53
  /**
54
54
  * Core Icons have only one available size, but can be displayed with additional spacing.
55
55
  * "none" is default, and allows the icon to be placed in buttons and allows the parent component to manage spacing.
@@ -57,7 +57,7 @@ export interface NewCoreGlyphSpacingProps {
57
57
  */
58
58
  spacing?: IconSpacing;
59
59
  }
60
- export interface NewUtilityGlyphSpacingProps {
60
+ interface NewUtilityGlyphSpacingProps {
61
61
  /**
62
62
  * Utility Icons have only one available size, but can be displayed with additional spacing.
63
63
  * "none" is default, and allows the icon to be placed in buttons and allows the parent component to manage spacing.
@@ -66,7 +66,7 @@ export interface NewUtilityGlyphSpacingProps {
66
66
  */
67
67
  spacing?: UtilityIconSpacing;
68
68
  }
69
- export interface OtherGlyphProps {
69
+ interface OtherGlyphProps {
70
70
  /**
71
71
  * Text used to describe what the icon is in context.
72
72
  * A label is needed when there is no pairing visible text next to the icon.
@@ -83,7 +83,7 @@ export interface OtherGlyphProps {
83
83
  /**
84
84
  * Props for legacy icons –– including the children prop to resolve R18 type errors
85
85
  */
86
- export interface LegacyOtherGlyphProps {
86
+ interface LegacyOtherGlyphProps {
87
87
  /**
88
88
  * Text used to describe what the icon is in context.
89
89
  */
@@ -115,9 +115,9 @@ interface IconInternalGlyphProps {
115
115
  }
116
116
  export interface GlyphProps extends LegacyOtherGlyphProps, GlyphSizeProps, GlyphColorProps {
117
117
  }
118
- export interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewGlyphColorProps {
118
+ interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewGlyphColorProps {
119
119
  }
120
- export interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewGlyphColorProps {
120
+ interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewGlyphColorProps {
121
121
  }
122
122
  export interface IconProps extends GlyphProps, IconInternalGlyphProps {
123
123
  /**
@@ -126,7 +126,7 @@ export interface IconProps extends GlyphProps, IconInternalGlyphProps {
126
126
  */
127
127
  glyph?: ComponentType<CustomGlyphProps>;
128
128
  }
129
- export interface BaseNewIconProps {
129
+ interface BaseNewIconProps {
130
130
  /**
131
131
  * Legacy icon component to render when the icon refresh feature flag is turned off.
132
132
  * The legacy icon defaults to "medium" size, with `primaryColor` set to the value of the `color` prop.
package/dist/types-ts4.5/components/icon-facade.d.ts CHANGED
@@ -9,4 +9,3 @@ import type { IconFacadeProps } from '../types';
9
9
  * @returns A React element representing either the new or legacy icon based on the feature flag and icon size.
10
10
  */
11
11
  export declare const IconFacade: React.NamedExoticComponent<IconFacadeProps>;
12
- export default IconFacade;
package/dist/types-ts4.5/types.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { ComponentType, ReactElement, ReactNode, SVGProps as ReactSVGProps
2
2
  import type { IconColor, IconColorPressed, TextColor, TextColorPressed } from '@atlaskit/tokens/css-type-schema';
3
3
  export type Size = 'small' | 'medium' | 'large' | 'xlarge';
4
4
  export type IconSpacing = 'none' | 'spacious';
5
- export type UtilityIconSpacing = 'none' | 'spacious' | 'compact';
5
+ type UtilityIconSpacing = 'none' | 'spacious' | 'compact';
6
6
  export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
7
7
  /**
8
8
  * provided to a custom glyph
@@ -17,7 +17,7 @@ export interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
17
17
  */
18
18
  className?: string;
19
19
  }
20
- export interface GlyphColorProps {
20
+ interface GlyphColorProps {
21
21
  /**
22
22
  * Primary color for the icon.
23
23
  * Inherits the current font color by default.
@@ -41,7 +41,7 @@ export interface NewGlyphColorProps {
41
41
  */
42
42
  color?: IconColor | IconColorPressed | Exclude<TextColor, 'transparent'> | TextColorPressed | 'currentColor';
43
43
  }
44
- export interface GlyphSizeProps {
44
+ interface GlyphSizeProps {
45
45
  /**
46
46
  * There are three icon sizes – small (16px), medium (24px), and large (32px).
47
47
  * This pixel size refers to the canvas the icon sits on,
@@ -49,7 +49,7 @@ export interface GlyphSizeProps {
49
49
  */
50
50
  size?: Size;
51
51
  }
52
- export interface NewCoreGlyphSpacingProps {
52
+ interface NewCoreGlyphSpacingProps {
53
53
  /**
54
54
  * Core Icons have only one available size, but can be displayed with additional spacing.
55
55
  * "none" is default, and allows the icon to be placed in buttons and allows the parent component to manage spacing.
@@ -57,7 +57,7 @@ export interface NewCoreGlyphSpacingProps {
57
57
  */
58
58
  spacing?: IconSpacing;
59
59
  }
60
- export interface NewUtilityGlyphSpacingProps {
60
+ interface NewUtilityGlyphSpacingProps {
61
61
  /**
62
62
  * Utility Icons have only one available size, but can be displayed with additional spacing.
63
63
  * "none" is default, and allows the icon to be placed in buttons and allows the parent component to manage spacing.
@@ -66,7 +66,7 @@ export interface NewUtilityGlyphSpacingProps {
66
66
  */
67
67
  spacing?: UtilityIconSpacing;
68
68
  }
69
- export interface OtherGlyphProps {
69
+ interface OtherGlyphProps {
70
70
  /**
71
71
  * Text used to describe what the icon is in context.
72
72
  * A label is needed when there is no pairing visible text next to the icon.
@@ -83,7 +83,7 @@ export interface OtherGlyphProps {
83
83
  /**
84
84
  * Props for legacy icons –– including the children prop to resolve R18 type errors
85
85
  */
86
- export interface LegacyOtherGlyphProps {
86
+ interface LegacyOtherGlyphProps {
87
87
  /**
88
88
  * Text used to describe what the icon is in context.
89
89
  */
@@ -115,9 +115,9 @@ interface IconInternalGlyphProps {
115
115
  }
116
116
  export interface GlyphProps extends LegacyOtherGlyphProps, GlyphSizeProps, GlyphColorProps {
117
117
  }
118
- export interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewGlyphColorProps {
118
+ interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewGlyphColorProps {
119
119
  }
120
- export interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewGlyphColorProps {
120
+ interface NewUtilityGlyphProps extends OtherGlyphProps, NewUtilityGlyphSpacingProps, NewGlyphColorProps {
121
121
  }
122
122
  export interface IconProps extends GlyphProps, IconInternalGlyphProps {
123
123
  /**
@@ -126,7 +126,7 @@ export interface IconProps extends GlyphProps, IconInternalGlyphProps {
126
126
  */
127
127
  glyph?: ComponentType<CustomGlyphProps>;
128
128
  }
129
- export interface BaseNewIconProps {
129
+ interface BaseNewIconProps {
130
130
  /**
131
131
  * Legacy icon component to render when the icon refresh feature flag is turned off.
132
132
  * The legacy icon defaults to "medium" size, with `primaryColor` set to the value of the `color` prop.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "23.7.0",
3
+ "version": "23.7.1",
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/"
@@ -69,8 +69,11 @@
69
69
  "dependencies": {
70
70
  "@atlaskit/platform-feature-flags": "^1.0.0",
71
71
  "@atlaskit/tokens": "^3.3.0",
72
+ "@babel/register": "^7.25.9",
72
73
  "@babel/runtime": "^7.0.0",
73
- "@emotion/react": "^11.7.1"
74
+ "@emotion/react": "^11.7.1",
75
+ "globby": "^6.1.0",
76
+ "puppeteer": "13.7.0"
74
77
  },
75
78
  "peerDependencies": {
76
79
  "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -80,14 +83,21 @@
80
83
  "@af/icon-build-process": "^2.4.0",
81
84
  "@af/integration-testing": "*",
82
85
  "@af/visual-regression": "*",
86
+ "@atlaskit/button": "^20.3.12",
83
87
  "@atlaskit/code": "^15.7.0",
84
88
  "@atlaskit/css": "^0.8.0",
89
+ "@atlaskit/docs": "*",
85
90
  "@atlaskit/ds-lib": "^3.5.0",
91
+ "@atlaskit/form": "^11.0.2",
86
92
  "@atlaskit/heading": "^4.1.0",
93
+ "@atlaskit/icon-file-type": "^6.8.0",
94
+ "@atlaskit/icon-object": "^6.9.0",
87
95
  "@atlaskit/link": "^2.1.0",
88
96
  "@atlaskit/logo": "^15.2.0",
89
97
  "@atlaskit/menu": "^2.14.0",
98
+ "@atlaskit/modal-dialog": "^12.19.3",
90
99
  "@atlaskit/primitives": "^13.4.0",
100
+ "@atlaskit/section-message": "*",
91
101
  "@atlaskit/ssr": "*",
92
102
  "@atlaskit/textfield": "^6.8.0",
93
103
  "@atlaskit/theme": "^14.1.0",
@@ -95,11 +105,10 @@
95
105
  "@atlaskit/tooltip": "^19.1.0",
96
106
  "@atlaskit/visual-regression": "*",
97
107
  "@babel/core": "7.24.9",
98
- "@emotion/babel-preset-css-prop": "^11.11.0",
108
+ "@codeshift/utils": "^0.2.4",
109
+ "@compiled/react": "^0.18.1",
99
110
  "@testing-library/react": "^13.4.0",
100
- "classnames": "^2.2.5",
101
111
  "fs-extra": "^4.0.2",
102
- "jest-emotion": "^10.0.32",
103
112
  "jscodeshift": "^0.13.0",
104
113
  "lodash": "^4.17.21",
105
114
  "nullthrows": "^1.1.1",