@atlaskit/icon 27.12.0 → 28.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "27.12.0",
+	"version": "28.0.0",
 	"description": "An icon is a symbol representing a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -17,79 +17,7 @@
 	],
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
-		"team": "Design System Team",
-		"website": {
-			"name": "Icon",
-			"category": "Images and icons",
-			"subPages": [
-				{
-					"title": "Icon (legacy)",
-					"id": "icon-legacy",
-					"sortKey": 1,
-					"status": {
-						"type": "deprecated",
-						"description": "Legacy icons (`@atlaskit/icon/glyph`) are deprecated. We recommend migrating to our new iconography system.",
-						"actions": [
-							{
-								"text": "View new icons",
-								"href": "/components/icon/"
-							},
-							{
-								"text": "Migration Guide",
-								"href": "/components/icon/migration-guide/"
-							}
-						]
-					}
-				},
-				{
-					"title": "Icon tile",
-					"id": "icon-tile",
-					"status": {
-						"type": "open-alpha",
-						"description": "This is an experiment. We may make frequent breaking changes with limited notice."
-					},
-					"sortKey": 2
-				},
-				{
-					"title": "Custom icon (legacy)",
-					"id": "custom-icon",
-					"sortKey": 3,
-					"status": {
-						"type": "deprecated",
-						"description": "Custom icon is deprecated. We recommend using either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.",
-						"actions": [
-							{
-								"text": "View available icons",
-								"href": "/components/icon/"
-							},
-							{
-								"text": "Contribute an icon (Atlassians only)",
-								"href": "https://go.atlassian.com/ads-icon-contribution"
-							}
-						]
-					}
-				},
-				{
-					"title": "Custom SVG",
-					"id": "custom-svg",
-					"sortKey": 4,
-					"status": {
-						"type": "deprecated",
-						"description": "Custom SVG is deprecated. We recommend using either an existing icon from @atlaskit/icon or @atlaskit/icon-lab, or contributing to @atlaskit/icon-lab directly. For third party logos, use an SVG element along with a label.",
-						"actions": [
-							{
-								"text": "View available icons",
-								"href": "/components/icon/"
-							},
-							{
-								"text": "Contribute an icon (Atlassians only)",
-								"href": "https://go.atlassian.com/ads-icon-contribution"
-							}
-						]
-					}
-				}
-			]
-		}
+		"team": "Design System Team"
 	},
 	"scripts": {
 		"build-glyphs": "ts-node --project ../../../tsconfig.node.json ./build/index.tsx"
@@ -109,17 +37,17 @@
 		"@af/icon-build-process": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.3.0",
+		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/code": "^17.2.0",
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/docs": "^11.0.0",
 		"@atlaskit/ds-lib": "^5.0.0",
-		"@atlaskit/form": "^12.0.0",
+		"@atlaskit/form": "^12.1.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
 		"@atlaskit/icon-object": "^7.2.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/logo": "^19.6.0",
+		"@atlaskit/logo": "^19.7.0",
 		"@atlaskit/menu": "^8.3.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
 		"@atlaskit/primitives": "^14.11.0",

package/svg/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/entry-points/svg.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/entry-points/svg.d.ts"
       ]

package/types/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/entry-points/types.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/entry-points/types.d.ts"
       ]

package/dist/cjs/components/icon-facade.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconFacade = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _icon = require("./icon");
-var _excluded = ["dangerouslySetGlyph", "size"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var sizeSpacingMap = {
-  utility: {
-    small: 'compact',
-    medium: 'spacious'
-  },
-  core: {
-    small: 'none',
-    medium: 'spacious'
-  }
-};
-
-/**
- * `IconFacade` is a component that conditionally renders either a new or legacy icon based on a feature flag.
- *
- * @param {IconFacadeProps} props - The props for the IconFacade component. Includes properties for configuring
- * the icon such as `size`, `spacing`, `primaryColor`, `iconType`, and potentially others depending on the icon.
- * `dangerouslySetGlyph` is a prop specific to the legacy icon component for setting the icon glyph directly.
- * @returns A React element representing either the new or legacy icon based on the feature flag and icon size.
- */
-var IconFacade = exports.IconFacade = /*#__PURE__*/(0, _react.memo)(function IconFacade(_ref) {
-  var dangerouslySetGlyph = _ref.dangerouslySetGlyph,
-    size = _ref.size,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var NewIcon = props.newIcon;
-
-  // By default, the icon size will be medium for core icons and small for utility icons
-  var iconSize = size !== null && size !== void 0 ? size : 'medium';
-  var useNewIcon = !props.isFacadeDisabled &&
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons-legacy-facade');
-  if (useNewIcon && NewIcon && (iconSize === 'small' || iconSize === 'medium') && !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons-facade-removal')) {
-    if (props.iconType === 'utility') {
-      var Icon = NewIcon;
-      return /*#__PURE__*/_react.default.createElement(Icon, (0, _extends2.default)({}, props, {
-        spacing: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons-facade-button-fix') ? sizeSpacingMap['utility'][iconSize] : 'none',
-        color: props.primaryColor || 'currentColor',
-        type: props.iconType
-      }));
-    } else {
-      var _Icon = NewIcon;
-      return /*#__PURE__*/_react.default.createElement(_Icon, (0, _extends2.default)({}, props, {
-        size: iconSize,
-        spacing: sizeSpacingMap['core'][iconSize],
-        color: props.primaryColor || 'currentColor',
-        type: props.iconType
-      }));
-    }
-  }
-  return /*#__PURE__*/_react.default.createElement(_icon.Icon, (0, _extends2.default)({
-    dangerouslySetGlyph: dangerouslySetGlyph,
-    size: size
-  }, props));
-});

package/dist/es2019/components/icon-facade.js

@@ -1,58 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { memo } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Icon as LegacyIcon } from './icon';
-const sizeSpacingMap = {
-  utility: {
-    small: 'compact',
-    medium: 'spacious'
-  },
-  core: {
-    small: 'none',
-    medium: 'spacious'
-  }
-};
-
-/**
- * `IconFacade` is a component that conditionally renders either a new or legacy icon based on a feature flag.
- *
- * @param {IconFacadeProps} props - The props for the IconFacade component. Includes properties for configuring
- * the icon such as `size`, `spacing`, `primaryColor`, `iconType`, and potentially others depending on the icon.
- * `dangerouslySetGlyph` is a prop specific to the legacy icon component for setting the icon glyph directly.
- * @returns A React element representing either the new or legacy icon based on the feature flag and icon size.
- */
-export const IconFacade = /*#__PURE__*/memo(function IconFacade({
-  dangerouslySetGlyph,
-  size,
-  ...props
-}) {
-  const NewIcon = props.newIcon;
-
-  // By default, the icon size will be medium for core icons and small for utility icons
-  const iconSize = size !== null && size !== void 0 ? size : 'medium';
-  const useNewIcon = !props.isFacadeDisabled &&
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  fg('platform-visual-refresh-icons-legacy-facade');
-  if (useNewIcon && NewIcon && (iconSize === 'small' || iconSize === 'medium') && !fg('platform-visual-refresh-icons-facade-removal')) {
-    if (props.iconType === 'utility') {
-      const Icon = NewIcon;
-      return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
-        spacing: fg('platform-visual-refresh-icons-facade-button-fix') ? sizeSpacingMap['utility'][iconSize] : 'none',
-        color: props.primaryColor || 'currentColor',
-        type: props.iconType
-      }));
-    } else {
-      const Icon = NewIcon;
-      return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
-        size: iconSize,
-        spacing: sizeSpacingMap['core'][iconSize],
-        color: props.primaryColor || 'currentColor',
-        type: props.iconType
-      }));
-    }
-  }
-  return /*#__PURE__*/React.createElement(LegacyIcon, _extends({
-    dangerouslySetGlyph: dangerouslySetGlyph,
-    size: size
-  }, props));
-});

package/dist/esm/components/icon-facade.js

@@ -1,59 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["dangerouslySetGlyph", "size"];
-import React, { memo } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Icon as LegacyIcon } from './icon';
-var sizeSpacingMap = {
-  utility: {
-    small: 'compact',
-    medium: 'spacious'
-  },
-  core: {
-    small: 'none',
-    medium: 'spacious'
-  }
-};
-
-/**
- * `IconFacade` is a component that conditionally renders either a new or legacy icon based on a feature flag.
- *
- * @param {IconFacadeProps} props - The props for the IconFacade component. Includes properties for configuring
- * the icon such as `size`, `spacing`, `primaryColor`, `iconType`, and potentially others depending on the icon.
- * `dangerouslySetGlyph` is a prop specific to the legacy icon component for setting the icon glyph directly.
- * @returns A React element representing either the new or legacy icon based on the feature flag and icon size.
- */
-export var IconFacade = /*#__PURE__*/memo(function IconFacade(_ref) {
-  var dangerouslySetGlyph = _ref.dangerouslySetGlyph,
-    size = _ref.size,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var NewIcon = props.newIcon;
-
-  // By default, the icon size will be medium for core icons and small for utility icons
-  var iconSize = size !== null && size !== void 0 ? size : 'medium';
-  var useNewIcon = !props.isFacadeDisabled &&
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  fg('platform-visual-refresh-icons-legacy-facade');
-  if (useNewIcon && NewIcon && (iconSize === 'small' || iconSize === 'medium') && !fg('platform-visual-refresh-icons-facade-removal')) {
-    if (props.iconType === 'utility') {
-      var Icon = NewIcon;
-      return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
-        spacing: fg('platform-visual-refresh-icons-facade-button-fix') ? sizeSpacingMap['utility'][iconSize] : 'none',
-        color: props.primaryColor || 'currentColor',
-        type: props.iconType
-      }));
-    } else {
-      var _Icon = NewIcon;
-      return /*#__PURE__*/React.createElement(_Icon, _extends({}, props, {
-        size: iconSize,
-        spacing: sizeSpacingMap['core'][iconSize],
-        color: props.primaryColor || 'currentColor',
-        type: props.iconType
-      }));
-    }
-  }
-  return /*#__PURE__*/React.createElement(LegacyIcon, _extends({
-    dangerouslySetGlyph: dangerouslySetGlyph,
-    size: size
-  }, props));
-});

package/dist/types/components/icon-facade.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { IconFacadeProps } from '../types';
-/**
- * `IconFacade` is a component that conditionally renders either a new or legacy icon based on a feature flag.
- *
- * @param {IconFacadeProps} props - The props for the IconFacade component. Includes properties for configuring
- * the icon such as `size`, `spacing`, `primaryColor`, `iconType`, and potentially others depending on the icon.
- * `dangerouslySetGlyph` is a prop specific to the legacy icon component for setting the icon glyph directly.
- * @returns A React element representing either the new or legacy icon based on the feature flag and icon size.
- */
-export declare const IconFacade: React.NamedExoticComponent<IconFacadeProps>;

package/dist/types-ts4.5/components/icon-facade.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { IconFacadeProps } from '../types';
-/**
- * `IconFacade` is a component that conditionally renders either a new or legacy icon based on a feature flag.
- *
- * @param {IconFacadeProps} props - The props for the IconFacade component. Includes properties for configuring
- * the icon such as `size`, `spacing`, `primaryColor`, `iconType`, and potentially others depending on the icon.
- * `dangerouslySetGlyph` is a prop specific to the legacy icon component for setting the icon glyph directly.
- * @returns A React element representing either the new or legacy icon based on the feature flag and icon size.
- */
-export declare const IconFacade: React.NamedExoticComponent<IconFacadeProps>;