@atlaskit/icon 22.10.0 → 22.11.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,13 @@
1
1
  # @atlaskit/icon
2
2
 
3
+ ## 22.11.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#128427](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128427)
8
+ [`ade1e717764e2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ade1e717764e2) -
9
+ Updated the `color` prop of alpha icon components to support text design tokens.
10
+
3
11
  ## 22.10.0
4
12
 
5
13
  ### Minor Changes
@@ -1,5 +1,5 @@
1
1
  import type { ComponentType, ReactNode, SVGProps as ReactSVGProps } from 'react';
2
- import type { IconColor, IconColorPressed } from '@atlaskit/tokens/css-type-schema';
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 interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
5
5
  /**
@@ -34,9 +34,9 @@ export interface GlyphColorProps {
34
34
  */
35
35
  export interface NewGlyphColorProps {
36
36
  /**
37
- * Color for the icon. Supports any icon design token, or 'currentColor' to inherit the current text color.
37
+ * Color for the icon. Supports any icon or text design token, or 'currentColor' to inherit the current text color.
38
38
  */
39
- color?: IconColor | IconColorPressed | 'currentColor';
39
+ color?: IconColor | IconColorPressed | Exclude<TextColor, 'transparent'> | TextColorPressed | 'currentColor';
40
40
  }
41
41
  export interface GlyphSizeProps {
42
42
  /**
@@ -1,5 +1,5 @@
1
1
  import type { ComponentType, ReactNode, SVGProps as ReactSVGProps } from 'react';
2
- import type { IconColor, IconColorPressed } from '@atlaskit/tokens/css-type-schema';
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 interface CustomGlyphProps extends ReactSVGProps<SVGSVGElement> {
5
5
  /**
@@ -34,9 +34,9 @@ export interface GlyphColorProps {
34
34
  */
35
35
  export interface NewGlyphColorProps {
36
36
  /**
37
- * Color for the icon. Supports any icon design token, or 'currentColor' to inherit the current text color.
37
+ * Color for the icon. Supports any icon or text design token, or 'currentColor' to inherit the current text color.
38
38
  */
39
- color?: IconColor | IconColorPressed | 'currentColor';
39
+ color?: IconColor | IconColorPressed | Exclude<TextColor, 'transparent'> | TextColorPressed | 'currentColor';
40
40
  }
41
41
  export interface GlyphSizeProps {
42
42
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/icon",
3
- "version": "22.10.0",
3
+ "version": "22.11.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/"
@@ -31,7 +31,7 @@
31
31
  },
32
32
  "dependencies": {
33
33
  "@atlaskit/platform-feature-flags": "^0.3.0",
34
- "@atlaskit/tokens": "^1.56.0",
34
+ "@atlaskit/tokens": "^1.57.0",
35
35
  "@babel/runtime": "^7.0.0",
36
36
  "@emotion/react": "^11.7.1"
37
37
  },
@@ -50,7 +50,7 @@
50
50
  "@atlaskit/textfield": "^6.4.0",
51
51
  "@atlaskit/theme": "^12.11.0",
52
52
  "@atlaskit/toggle": "^13.2.0",
53
- "@atlaskit/tooltip": "^18.5.0",
53
+ "@atlaskit/tooltip": "^18.6.0",
54
54
  "@atlaskit/visual-regression": "*",
55
55
  "@babel/core": "^7.20.0",
56
56
  "@emotion/babel-preset-css-prop": "^10.0.7",