@atlaskit/icon 21.10.3 → 21.10.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/icon
 
+## 21.10.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 21.10.3
 
 ### Patch Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "21.10.3",
+	"version": "21.10.4",
 	"sideEffects": false
 }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "21.10.3",
+	"version": "21.10.4",
 	"sideEffects": false
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "21.10.3",
+	"version": "21.10.4",
 	"sideEffects": false
 }

package/dist/types/components/styles.d.ts

@@ -2,10 +2,10 @@ import type { Size } from '../types';
 import { CSSObject } from '@emotion/core';
 export declare const commonSVGStyles: CSSObject;
 export declare const sizeStyleMap: {
-    small: import("@emotion/core").SerializedStyles;
-    medium: import("@emotion/core").SerializedStyles;
-    large: import("@emotion/core").SerializedStyles;
-    xlarge: import("@emotion/core").SerializedStyles;
+    small: import("@emotion/utils").SerializedStyles;
+    medium: import("@emotion/utils").SerializedStyles;
+    large: import("@emotion/utils").SerializedStyles;
+    xlarge: import("@emotion/utils").SerializedStyles;
 };
 /**
  * Returns the width of the icon's parent span. This function has

package/docs/0-intro.tsx

@@ -1,22 +1,13 @@
 import React from 'react';
-import { md, Props } from '@atlaskit/docs';
-import IconExplorer from '../examples/01-icon-explorer';
 
-export default md`
-  ## Icon explorer
-
-  ${(
-    <p>
-      <IconExplorer />
-    </p>
-  )}
+import { md } from '@atlaskit/docs';
+import SectionMessage from '@atlaskit/section-message';
 
-  ### Props
-
-  ${(
-    <Props
-      heading=""
-      props={require('!!extract-react-types-loader!../src/extract-react-types/glyph')}
-    />
-  )}
+export default md`
+${(
+  <SectionMessage appearance="information">
+    This component is now documented on{' '}
+    <a href="https://atlassian.design/components/icon">atlassian.design</a>
+  </SectionMessage>
+)}
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/icon",
-  "version": "21.10.3",
+  "version": "21.10.4",
   "description": "An icon is a visual representation of a command, device, directory, or common action.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.6.0",
+    "@atlaskit/tokens": "^0.7.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9"
   },
@@ -45,7 +45,7 @@
   },
   "devDependencies": {
     "@af/icon-build-process": "^0.3.0",
-    "@atlaskit/button": "^16.1.0",
+    "@atlaskit/button": "^16.2.0",
     "@atlaskit/docs": "*",
     "@atlaskit/dynamic-table": "^14.5.0",
     "@atlaskit/icon-file-type": "^6.3.0",

package/docs/1-custom-icons.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-import { md, code, Props, Example } from '@atlaskit/docs';
-
-export default md`
-  Use the \`Icon\` component when needing an icon outside of our icon set _([do you, though?](https://hello.atlassian.net/wiki/spaces/DST/pages/782337741/Contribution+4.0+Contribution+documentation))_.
-
-  ${code`
-import Icon from '@atlaskit/icon/base';
-  `}
-
-  ${(
-    <Example
-      packageName="@atlaskit/icon"
-      Component={require('../examples/custom-icon').default}
-      title=""
-      source={require('!!raw-loader!../examples/custom-icon')}
-    />
-  )}
-
-  ## Constraints
-
-  Your custom icon needs to adhere to the following constraints.
-
-  - The root svg should be on a \`0 0 24 24\` view box
-  - The first child element should set \`fill\` to \`currentColor\` to inherit the \`primaryColor\` prop
-  - For icons with secondary colors set \`fill\` to \`inherit\` on the appropriate elements to inherit the \`secondaryColor\` prop
-
-  ${(
-    <Props
-      props={require('!!extract-react-types-loader!../src/components/icon')}
-    />
-  )}
-`;

package/docs/2-custom-svgs.tsx

@@ -1,31 +0,0 @@
-import React from 'react';
-import { md, Example, Props, code } from '@atlaskit/docs';
-
-export default md`
-  Use the \`SVG\` component when the wrapping positional span used in \`Icon\` is not required and needing an icon outside of our icon set _([do you, though?](https://hello.atlassian.net/wiki/spaces/DST/pages/782337741/Contribution+4.0+Contribution+documentation))_.
-
-  ${code`
-import SVG from '@atlaskit/icon/svg';
-  `}
-
-  ${(
-    <Example
-      packageName="@atlaskit/icon"
-      Component={require('../examples/14-svg').default}
-      title=""
-      source={require('!!raw-loader!../examples/14-svg')}
-    />
-  )}
-
-  ## Constraints
-
-  - \`SVG\` has a 24px by 24px view box which children should adhere to
-  - The first child element should set \`fill\` to \`currentColor\` to inherit the \`primaryColor\` prop
-  - For icons with secondary colors set \`fill\` to \`inherit\` on the appropriate elements to inherit the \`secondaryColor\` prop
-
-  ${(
-    <Props
-      props={require('!!extract-react-types-loader!../src/components/svg')}
-    />
-  )}
-  `;