@atlaskit/icon 21.9.3 → 21.10.3

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @atlaskit/icon
 
+## 21.10.3
+
+### Patch Changes
+
+- [`58884c2f6c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58884c2f6c1) - Internal code change turning on a new linting rule.
+
+## 21.10.2
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Updates usage of deprecated token names so they're aligned with the latest naming conventions. No UI or visual changes
+- Updated dependencies
+
+## 21.10.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 21.10.0
+
+### Minor Changes
+
+- [`1c835620aa5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1c835620aa5) - **Note**: It is a re-release of the wrongly `patched` version `21.9.2` that should have been a `minor` release.
+
+  CETI-16 added remove emoji icon so that it appears in mobilekit too
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 21.9.3
 
 ### Patch Changes
@@ -10,6 +41,8 @@
 
 ### Minor Changes
 
+_WRONG RELEASE TYPE - DON'T USE_
+
 - [`229177bb85d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/229177bb85d) - CETI-16 added remove emoji icon so that it appears in mobilekit too
 
 ### Patch Changes

package/README.md

@@ -1,6 +1,6 @@
 # Icon
 
-A React package that contains icons.
+An icon is a visual representation of a command, device, directory, or common action.
 
 ## Installation
 
@@ -10,5 +10,6 @@ yarn add @atlaskit/icon
 
 ## Usage
 
-Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/design-system/icon).
-For adding a new icon to the icon set please follow the [adding new icons](https://developer.atlassian.com/cloud/framework/atlassian-frontend/documentation/02-adding-new-icons/) documentation.
+Icons should be used intentionally to maximize comprehension and reduce cognitive load. Use it to call attention to a particular action, command, or section. If you’re questioning an icon’s use, it probably doesn’t need to be used.
+
+To search through all the icons we have in our system, have a look at our [icon explorer](https://atlassian.design/components/icon/icon-explorer).

package/dist/cjs/components/icon.js

@@ -21,9 +21,9 @@ var _utils = require("./utils");
 
 var _styles = require("./styles");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var iconStyles = (0, _core.css)({
   display: 'inline-block',

package/dist/cjs/components/utils.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getBackground = void 0;
 var themedBackground = {
-  light: "var(--ds-background-default, #FFFFFF)",
-  dark: "var(--ds-background-default, #1B2638)"
+  light: "var(--ds-surface, #FFFFFF)",
+  dark: "var(--ds-surface, #1B2638)"
 };
 /**
  * Returns the background color depending on the passed through mode.

package/dist/cjs/extract-react-types/custom-glyph.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CustomGlyphProps;
+
+function CustomGlyphProps(props) {
+  return null;
+}

package/dist/cjs/extract-react-types/svg.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SVGProps;
+
+function SVGProps(props) {
+  return null;
+}

package/dist/cjs/version.json

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

package/dist/es2019/components/utils.js

@@ -1,6 +1,6 @@
 const themedBackground = {
-  light: "var(--ds-background-default, #FFFFFF)",
-  dark: "var(--ds-background-default, #1B2638)"
+  light: "var(--ds-surface, #FFFFFF)",
+  dark: "var(--ds-surface, #1B2638)"
 };
 /**
  * Returns the background color depending on the passed through mode.

package/dist/es2019/extract-react-types/custom-glyph.js

@@ -0,0 +1,3 @@
+export default function CustomGlyphProps(props) {
+  return null;
+}

package/dist/es2019/extract-react-types/svg.js

@@ -0,0 +1,3 @@
+export default function SVGProps(props) {
+  return null;
+}

package/dist/es2019/version.json

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

package/dist/esm/components/icon.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /** @jsx jsx */
 import { memo } from 'react';

package/dist/esm/components/utils.js

@@ -1,6 +1,6 @@
 var themedBackground = {
-  light: "var(--ds-background-default, #FFFFFF)",
-  dark: "var(--ds-background-default, #1B2638)"
+  light: "var(--ds-surface, #FFFFFF)",
+  dark: "var(--ds-surface, #1B2638)"
 };
 /**
  * Returns the background color depending on the passed through mode.

package/dist/esm/extract-react-types/custom-glyph.js

@@ -0,0 +1,3 @@
+export default function CustomGlyphProps(props) {
+  return null;
+}

package/dist/esm/extract-react-types/svg.js

@@ -0,0 +1,3 @@
+export default function SVGProps(props) {
+  return null;
+}

package/dist/esm/version.json

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

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

@@ -3,4 +3,4 @@ import type { ThemeModes } from '@atlaskit/theme/types';
  * Returns the background color depending on the passed through mode.
  * @param mode
  */
-export declare const getBackground: (mode?: ThemeModes) => "var(--ds-background-default)";
+export declare const getBackground: (mode?: ThemeModes) => "var(--ds-surface)";

package/dist/types/extract-react-types/custom-glyph.d.ts

@@ -0,0 +1,2 @@
+import type { CustomGlyphProps as Props } from '../types';
+export default function CustomGlyphProps(props: Props): null;

package/dist/types/extract-react-types/svg.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps as Props } from '../types';
+export default function SVGProps(props: Props): null;

package/dist/types/types.d.ts

@@ -38,7 +38,7 @@ export interface OtherGlyphProps {
     /**
      * Text used to describe what the icon is in context.
      * A label is needed when there is no pairing visible text next to the icon.
-     * An empty string marks the icon as presentation only
+     * An empty string marks the icon as presentation only.
      */
     label: string;
     /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@atlaskit/icon",
-  "version": "21.9.3",
-  "description": "An icon is used as a visual representation of common actions and commands to provide context.",
+  "version": "21.10.3",
+  "description": "An icon is a visual representation of a command, device, directory, or common action.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -14,6 +14,7 @@
   "types": "dist/types/index.d.ts",
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
+  "homepage": "https://atlassian.design/components/icon/",
   "atlassian": {
     "team": "Design System Team",
     "releaseModel": "scheduled",
@@ -34,8 +35,8 @@
     "build-glyphs": "ts-node --project ../../../tsconfig.node.json ./build/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/theme": "^12.0.0",
-    "@atlaskit/tokens": "^0.4.0",
+    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/tokens": "^0.6.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9"
   },
@@ -44,13 +45,12 @@
   },
   "devDependencies": {
     "@af/icon-build-process": "^0.3.0",
-    "@atlaskit/build-utils": "*",
     "@atlaskit/button": "^16.1.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/dynamic-table": "^14.4.0",
+    "@atlaskit/dynamic-table": "^14.5.0",
     "@atlaskit/icon-file-type": "^6.3.0",
     "@atlaskit/icon-object": "^6.2.0",
-    "@atlaskit/icon-priority": "^6.2.0",
+    "@atlaskit/icon-priority": "^6.3.0",
     "@atlaskit/logo": "^13.5.0",
     "@atlaskit/modal-dialog": "^12.2.0",
     "@atlaskit/section-message": "^6.1.0",