@atlaskit/icon 22.26.0 → 22.27.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 CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/icon
2
2
 
3
+ ## 22.27.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#168743](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/168743)
8
+ [`b27dba8a5f3cd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b27dba8a5f3cd) -
9
+ Update types to improve compatibility with React 18.
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 22.26.0
4
16
 
5
17
  ### Minor Changes
@@ -84,6 +84,30 @@ export interface OtherGlyphProps {
84
84
  */
85
85
  isFacadeDisabled?: boolean;
86
86
  }
87
+ /**
88
+ * Props for legacy icons –– including the children prop to resolve R18 type errors
89
+ */
90
+ export interface LegacyOtherGlyphProps {
91
+ /**
92
+ * Text used to describe what the icon is in context.
93
+ */
94
+ label: string;
95
+ /**
96
+ * A `testId` prop is provided for specified elements,
97
+ */
98
+ testId?: string;
99
+ /**
100
+ * Used to opt out of the icon facade.
101
+ */
102
+ isFacadeDisabled?: boolean;
103
+ /**
104
+ * The content to be rendered inside the glyph component.
105
+ * Only for legacy icons that used R16's implicit children prop.
106
+ * It doesn't actually serve any purpose, but is required to resolve R18 type errors
107
+ * without updating all the legacy icon usages.
108
+ */
109
+ children?: ReactNode;
110
+ }
87
111
  interface IconInternalGlyphProps {
88
112
  /**
89
113
  * @deprecated
@@ -93,7 +117,7 @@ interface IconInternalGlyphProps {
93
117
  */
94
118
  dangerouslySetGlyph?: string;
95
119
  }
96
- export interface GlyphProps extends OtherGlyphProps, GlyphSizeProps, GlyphColorProps {
120
+ export interface GlyphProps extends LegacyOtherGlyphProps, GlyphSizeProps, GlyphColorProps {
97
121
  }
98
122
  export interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewGlyphColorProps {
99
123
  }
@@ -84,6 +84,30 @@ export interface OtherGlyphProps {
84
84
  */
85
85
  isFacadeDisabled?: boolean;
86
86
  }
87
+ /**
88
+ * Props for legacy icons –– including the children prop to resolve R18 type errors
89
+ */
90
+ export interface LegacyOtherGlyphProps {
91
+ /**
92
+ * Text used to describe what the icon is in context.
93
+ */
94
+ label: string;
95
+ /**
96
+ * A `testId` prop is provided for specified elements,
97
+ */
98
+ testId?: string;
99
+ /**
100
+ * Used to opt out of the icon facade.
101
+ */
102
+ isFacadeDisabled?: boolean;
103
+ /**
104
+ * The content to be rendered inside the glyph component.
105
+ * Only for legacy icons that used R16's implicit children prop.
106
+ * It doesn't actually serve any purpose, but is required to resolve R18 type errors
107
+ * without updating all the legacy icon usages.
108
+ */
109
+ children?: ReactNode;
110
+ }
87
111
  interface IconInternalGlyphProps {
88
112
  /**
89
113
  * @deprecated
@@ -93,7 +117,7 @@ interface IconInternalGlyphProps {
93
117
  */
94
118
  dangerouslySetGlyph?: string;
95
119
  }
96
- export interface GlyphProps extends OtherGlyphProps, GlyphSizeProps, GlyphColorProps {
120
+ export interface GlyphProps extends LegacyOtherGlyphProps, GlyphSizeProps, GlyphColorProps {
97
121
  }
98
122
  export interface NewCoreGlyphProps extends OtherGlyphProps, NewCoreGlyphSpacingProps, NewGlyphColorProps {
99
123
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "22.26.0",
3
+ "version": "22.27.0",
4
4
  "description": "An icon is a visual representation of a command, device, directory, or common action.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -68,7 +68,7 @@
68
68
  },
69
69
  "dependencies": {
70
70
  "@atlaskit/platform-feature-flags": "^0.3.0",
71
- "@atlaskit/tokens": "^2.3.0",
71
+ "@atlaskit/tokens": "^2.4.0",
72
72
  "@babel/runtime": "^7.0.0",
73
73
  "@emotion/react": "^11.7.1"
74
74
  },
@@ -80,11 +80,11 @@
80
80
  "@af/icon-build-process": "^2.2.0",
81
81
  "@af/visual-regression": "*",
82
82
  "@atlaskit/code": "^15.6.0",
83
- "@atlaskit/ds-lib": "^3.2.0",
83
+ "@atlaskit/ds-lib": "^3.3.0",
84
84
  "@atlaskit/logo": "^14.3.0",
85
- "@atlaskit/primitives": "^13.2.0",
85
+ "@atlaskit/primitives": "^13.3.0",
86
86
  "@atlaskit/ssr": "*",
87
- "@atlaskit/textfield": "^6.5.0",
87
+ "@atlaskit/textfield": "^6.6.0",
88
88
  "@atlaskit/theme": "^14.0.0",
89
89
  "@atlaskit/toggle": "^13.4.0",
90
90
  "@atlaskit/tooltip": "^18.9.0",