@atlaskit/icon 33.1.2 → 34.0.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/icon
 
+## 34.0.0
+
+### Major Changes
+
+- [`af4d3f68227b4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/af4d3f68227b4) -
+  Removed the default export (Icon), `./base`, `./svg` entry-points, and SVG named export.
+
+  ```diff
+  - import Icon from `@atlaskit/icon`
+  - import Icon from `@atlaskit/icon/base`
+  - import SVG from `@atlaskit/icon/svg`
+  ```
+
+  ### Migration Path
+
+  Creating custom icons using icon base component or SVG component are no longer supported. Please
+  migrate to native `<svg />` or choose one of the icons from provided icon set (e.g.
+  `import AddIcon from "@atlaskit/icon/core/add"`)
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 33.1.2
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -16,24 +16,12 @@ Object.defineProperty(exports, "IconTile", {
     return _iconTile.default;
   }
 });
-Object.defineProperty(exports, "SVG", {
-  enumerable: true,
-  get: function get() {
-    return _svg.default;
-  }
-});
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
   get: function get() {
     return _skeleton.default;
   }
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _icon.default;
-  }
-});
 Object.defineProperty(exports, "size", {
   enumerable: true,
   get: function get() {
@@ -46,9 +34,7 @@ Object.defineProperty(exports, "sizes", {
     return _constants.sizes;
   }
 });
-var _icon = _interopRequireDefault(require("./components/icon"));
 var _iconNew = _interopRequireDefault(require("./components/icon-new"));
-var _svg = _interopRequireDefault(require("./components/svg"));
 var _constants = require("./constants");
 var _skeleton = _interopRequireDefault(require("./components/skeleton"));
 var _iconTile = _interopRequireDefault(require("./components/icon-tile"));

package/dist/es2019/index.js

@@ -1,6 +1,4 @@
-export { default } from './components/icon';
 export { default as IconNew } from './components/icon-new';
-export { default as SVG } from './components/svg';
 export { sizeMap as size, sizes } from './constants';
 export { default as Skeleton } from './components/skeleton';
 export { default as IconTile } from './components/icon-tile';

package/dist/esm/index.js

@@ -1,6 +1,4 @@
-export { default } from './components/icon';
 export { default as IconNew } from './components/icon-new';
-export { default as SVG } from './components/svg';
 export { sizeMap as size, sizes } from './constants';
 export { default as Skeleton } from './components/skeleton';
 export { default as IconTile } from './components/icon-tile';

package/dist/types/index.d.ts

@@ -1,6 +1,4 @@
-export { default } from './components/icon';
 export { default as IconNew } from './components/icon-new';
-export { default as SVG } from './components/svg';
 export { sizeMap as size, sizes } from './constants';
 export { default as Skeleton } from './components/skeleton';
 export { default as IconTile } from './components/icon-tile';

package/dist/types-ts4.5/index.d.ts

@@ -1,6 +1,4 @@
-export { default } from './components/icon';
 export { default as IconNew } from './components/icon-new';
-export { default as SVG } from './components/svg';
 export { sizeMap as size, sizes } from './constants';
 export { default as Skeleton } from './components/skeleton';
 export { default as IconTile } from './components/icon-tile';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "33.1.2",
+	"version": "34.0.0",
 	"description": "An icon is a symbol representing a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -69,6 +69,7 @@
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
+		"@atlassian/testing-library": "^0.5.0",
 		"@babel/core": "7.24.9",
 		"@babel/register": "^7.25.9",
 		"@codeshift/utils": "^0.2.4",

package/base/package.json

@@ -1,17 +0,0 @@
-{
-  "name": "@atlaskit/icon/base",
-  "main": "../dist/cjs/entry-points/base.js",
-  "module": "../dist/esm/entry-points/base.js",
-  "module:es2019": "../dist/es2019/entry-points/base.js",
-  "sideEffects": [
-    "**/*.compiled.css"
-  ],
-  "types": "../dist/types/entry-points/base.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/base.d.ts"
-      ]
-    }
-  }
-}

package/dist/cjs/components/icon.compiled.css

@@ -1,30 +0,0 @@
-._17jb1osq >svg{max-height:100%}
-._1bsb1tcg{width:24px}
-._1bsb7vkz{width:1pc}
-._1bsbckbl{width:3pc}
-._1bsbzwfg{width:2pc}
-._1e0c1o8l{display:inline-block}
-._1kg81r31 >svg stop{stop-color:currentColor}
-._1ksvoz0e >svg{color:var(--icon-primary-color)}
-._1o9zidpf{flex-shrink:0}
-._1szv15vq >svg{overflow-x:hidden}
-._1tly15vq >svg{overflow-y:hidden}
-._1veoyfq0 >svg{vertical-align:bottom}
-._3se1x1jp >svg{fill:var(--icon-secondary-color)}
-._4t3i1tcg{height:24px}
-._4t3i7vkz{height:1pc}
-._4t3ickbl{height:3pc}
-._4t3izwfg{height:2pc}
-._5fdi1tcg >svg{width:24px}
-._5fdi7vkz >svg{width:1pc}
-._5fdickbl >svg{width:3pc}
-._5fdizwfg >svg{width:2pc}
-._re2rglyw >svg{pointer-events:none}
-._rzyw1osq >svg{max-width:100%}
-._vwz4kb7n{line-height:1}
-._vyfuvuon{--icon-secondary-color:var(--ds-surface,#fff)}
-._zbji1tcg >svg{height:24px}
-._zbji7vkz >svg{height:1pc}
-._zbjickbl >svg{height:3pc}
-._zbjizwfg >svg{height:2pc}
-@media screen and (forced-colors:active){._18hbwc43 >svg{--icon-primary-color:Canvas}._4fyi1j28 >svg{--icon-secondary-color:transparent}._jcxd1r8n{filter:grayscale(1)}._gq0g1onz{--icon-primary-color:CanvasText}._1trkwc43{--icon-secondary-color:Canvas}}

package/dist/cjs/components/icon.js

@@ -1,91 +0,0 @@
-/* icon.tsx generated by @compiled/babel-plugin v0.39.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Icon = void 0;
-require("./icon.compiled.css");
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/**
- * We are hiding these props from consumers as they're used to
- * hack around icon sizing specifically for icon-file-type.
- */
-
-var iconStyles = null;
-var sizeStyles = {
-  small: "_1bsb7vkz _4t3i7vkz _5fdi7vkz _zbji7vkz",
-  medium: "_1bsb1tcg _4t3i1tcg _5fdi1tcg _zbji1tcg",
-  large: "_1bsbzwfg _4t3izwfg _5fdizwfg _zbjizwfg",
-  xlarge: "_1bsbckbl _4t3ickbl _5fdickbl _zbjickbl"
-};
-
-/**
- * For windows high contrast mode
- */
-var baseHcmStyles = null;
-var primaryEqualsSecondaryHcmStyles = null;
-var secondaryTransparentHcmStyles = null;
-
-/**
- * __Icon__
- *
- * @deprecated Custom Icon is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * An icon is used as a visual representation of common actions and commands to provide context.
- *
- * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
- */
-var Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(function Icon(props) {
-  var _ref = props,
-    Glyph = _ref.glyph,
-    dangerouslySetGlyph = _ref.dangerouslySetGlyph,
-    _ref$primaryColor = _ref.primaryColor,
-    primaryColor = _ref$primaryColor === void 0 ? 'currentColor' : _ref$primaryColor,
-    secondaryColor = _ref.secondaryColor,
-    size = _ref.size,
-    testId = _ref.testId,
-    label = _ref.label,
-    width = _ref.width,
-    height = _ref.height,
-    UNSAFE_margin = _ref.UNSAFE_margin;
-  var glyphProps = dangerouslySetGlyph ? {
-    dangerouslySetInnerHTML: {
-      __html: dangerouslySetGlyph
-    }
-  } : {
-    children: Glyph ? /*#__PURE__*/React.createElement(Glyph, {
-      role: "presentation"
-    }) : null
-  };
-  var customDimensions = width && height ? {
-    width: width + 'px',
-    height: height + 'px'
-  } : null;
-  return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({
-    "data-testid": testId,
-    "data-vc": "icon-".concat(testId),
-    role: label ? 'img' : undefined,
-    "aria-label": label ? label : undefined,
-    "aria-hidden": label ? undefined : true,
-    style: _objectSpread(_objectSpread({}, customDimensions), {}, {
-      '--icon-primary-color': primaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      '--icon-secondary-color': secondaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      margin: UNSAFE_margin
-    })
-  }, glyphProps, {
-    className: (0, _runtime.ax)(["_1e0c1o8l _1o9zidpf _vyfuvuon _vwz4kb7n _1szv15vq _1tly15vq _rzyw1osq _17jb1osq _1ksvoz0e _3se1x1jp _re2rglyw _1veoyfq0 _1kg81r31", "_jcxd1r8n _gq0g1onz _1trkwc43", primaryColor === secondaryColor && "_18hbwc43", secondaryColor === 'transparent' && "_4fyi1j28", size && sizeStyles[size]])
-  }));
-});
-var _default = exports.default = Icon;

package/dist/cjs/components/svg.compiled.css

@@ -1,13 +0,0 @@
-._18m915vq{overflow-y:hidden}
-._1bsb1tcg{width:24px}
-._1bsb7vkz{width:1pc}
-._1bsbckbl{width:3pc}
-._1bsbzwfg{width:2pc}
-._1reo15vq{overflow-x:hidden}
-._4t3i1tcg{height:24px}
-._4t3i7vkz{height:1pc}
-._4t3ickbl{height:3pc}
-._4t3izwfg{height:2pc}
-._lcxvglyw{pointer-events:none}
-._lswuvuon{fill:var(--ds-surface,#fff)}
-._vc881r31 stop{stop-color:currentColor}

package/dist/cjs/components/svg.js

@@ -1,56 +0,0 @@
-/* svg.tsx generated by @compiled/babel-plugin v0.39.1 */
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("./svg.compiled.css");
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _runtime = require("@compiled/react/runtime");
-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 sizeStyles = {
-  small: "_1bsb7vkz _4t3i7vkz",
-  medium: "_1bsb1tcg _4t3i1tcg",
-  large: "_1bsbzwfg _4t3izwfg",
-  xlarge: "_1bsbckbl _4t3ickbl"
-};
-var svgStyles = null;
-
-/**
- * __SVG__
- *
- * @deprecated Custom SVG is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * An icon is used as a visual representation of common actions and commands to provide context.
- *
- * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
- */
-var SVG = /*#__PURE__*/(0, _react.memo)(function SVG(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    label = _ref.label,
-    _ref$primaryColor = _ref.primaryColor,
-    primaryColor = _ref$primaryColor === void 0 ? 'currentColor' : _ref$primaryColor,
-    secondaryColor = _ref.secondaryColor,
-    testId = _ref.testId,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    style: {
-      color: primaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      fill: secondaryColor
-    }
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-
-    "data-testid": testId,
-    "aria-label": label || undefined,
-    role: label ? 'img' : 'presentation',
-    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw _vc881r31", sizeStyles[size]])
-  }, children);
-});
-var _default = exports.default = SVG;

package/dist/cjs/entry-points/base.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Icon", {
-  enumerable: true,
-  get: function get() {
-    return _icon.Icon;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _icon.default;
-  }
-});
-var _icon = _interopRequireWildcard(require("../components/icon"));
-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); }

package/dist/cjs/entry-points/svg.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _svg.default;
-  }
-});
-var _svg = _interopRequireDefault(require("../components/svg"));

package/dist/es2019/components/icon.compiled.css

@@ -1,30 +0,0 @@
-._17jb1osq >svg{max-height:100%}
-._1bsb1tcg{width:24px}
-._1bsb7vkz{width:1pc}
-._1bsbckbl{width:3pc}
-._1bsbzwfg{width:2pc}
-._1e0c1o8l{display:inline-block}
-._1kg81r31 >svg stop{stop-color:currentColor}
-._1ksvoz0e >svg{color:var(--icon-primary-color)}
-._1o9zidpf{flex-shrink:0}
-._1szv15vq >svg{overflow-x:hidden}
-._1tly15vq >svg{overflow-y:hidden}
-._1veoyfq0 >svg{vertical-align:bottom}
-._3se1x1jp >svg{fill:var(--icon-secondary-color)}
-._4t3i1tcg{height:24px}
-._4t3i7vkz{height:1pc}
-._4t3ickbl{height:3pc}
-._4t3izwfg{height:2pc}
-._5fdi1tcg >svg{width:24px}
-._5fdi7vkz >svg{width:1pc}
-._5fdickbl >svg{width:3pc}
-._5fdizwfg >svg{width:2pc}
-._re2rglyw >svg{pointer-events:none}
-._rzyw1osq >svg{max-width:100%}
-._vwz4kb7n{line-height:1}
-._vyfuvuon{--icon-secondary-color:var(--ds-surface,#fff)}
-._zbji1tcg >svg{height:24px}
-._zbji7vkz >svg{height:1pc}
-._zbjickbl >svg{height:3pc}
-._zbjizwfg >svg{height:2pc}
-@media screen and (forced-colors:active){._18hbwc43 >svg{--icon-primary-color:Canvas}._4fyi1j28 >svg{--icon-secondary-color:transparent}._jcxd1r8n{filter:grayscale(1)}._gq0g1onz{--icon-primary-color:CanvasText}._1trkwc43{--icon-secondary-color:Canvas}}

package/dist/es2019/components/icon.js

@@ -1,82 +0,0 @@
-/* icon.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import "./icon.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { memo } from 'react';
-
-/**
- * We are hiding these props from consumers as they're used to
- * hack around icon sizing specifically for icon-file-type.
- */
-
-const iconStyles = null;
-const sizeStyles = {
-  small: "_1bsb7vkz _4t3i7vkz _5fdi7vkz _zbji7vkz",
-  medium: "_1bsb1tcg _4t3i1tcg _5fdi1tcg _zbji1tcg",
-  large: "_1bsbzwfg _4t3izwfg _5fdizwfg _zbjizwfg",
-  xlarge: "_1bsbckbl _4t3ickbl _5fdickbl _zbjickbl"
-};
-
-/**
- * For windows high contrast mode
- */
-const baseHcmStyles = null;
-const primaryEqualsSecondaryHcmStyles = null;
-const secondaryTransparentHcmStyles = null;
-
-/**
- * __Icon__
- *
- * @deprecated Custom Icon is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * An icon is used as a visual representation of common actions and commands to provide context.
- *
- * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
- */
-export const Icon = /*#__PURE__*/memo(function Icon(props) {
-  const {
-    glyph: Glyph,
-    dangerouslySetGlyph,
-    primaryColor = 'currentColor',
-    secondaryColor,
-    size,
-    testId,
-    label,
-    width,
-    height,
-    UNSAFE_margin
-  } = props;
-  const glyphProps = dangerouslySetGlyph ? {
-    dangerouslySetInnerHTML: {
-      __html: dangerouslySetGlyph
-    }
-  } : {
-    children: Glyph ? /*#__PURE__*/React.createElement(Glyph, {
-      role: "presentation"
-    }) : null
-  };
-  const customDimensions = width && height ? {
-    width: width + 'px',
-    height: height + 'px'
-  } : null;
-  return /*#__PURE__*/React.createElement("span", _extends({
-    "data-testid": testId,
-    "data-vc": `icon-${testId}`,
-    role: label ? 'img' : undefined,
-    "aria-label": label ? label : undefined,
-    "aria-hidden": label ? undefined : true,
-    style: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-      ...customDimensions,
-      '--icon-primary-color': primaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      '--icon-secondary-color': secondaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      margin: UNSAFE_margin
-    }
-  }, glyphProps, {
-    className: ax(["_1e0c1o8l _1o9zidpf _vyfuvuon _vwz4kb7n _1szv15vq _1tly15vq _rzyw1osq _17jb1osq _1ksvoz0e _3se1x1jp _re2rglyw _1veoyfq0 _1kg81r31", "_jcxd1r8n _gq0g1onz _1trkwc43", primaryColor === secondaryColor && "_18hbwc43", secondaryColor === 'transparent' && "_4fyi1j28", size && sizeStyles[size]])
-  }));
-});
-export default Icon;

package/dist/es2019/components/svg.compiled.css

@@ -1,13 +0,0 @@
-._18m915vq{overflow-y:hidden}
-._1bsb1tcg{width:24px}
-._1bsb7vkz{width:1pc}
-._1bsbckbl{width:3pc}
-._1bsbzwfg{width:2pc}
-._1reo15vq{overflow-x:hidden}
-._4t3i1tcg{height:24px}
-._4t3i7vkz{height:1pc}
-._4t3ickbl{height:3pc}
-._4t3izwfg{height:2pc}
-._lcxvglyw{pointer-events:none}
-._lswuvuon{fill:var(--ds-surface,#fff)}
-._vc881r31 stop{stop-color:currentColor}

package/dist/es2019/components/svg.js

@@ -1,47 +0,0 @@
-/* svg.tsx generated by @compiled/babel-plugin v0.39.1 */
-import "./svg.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { memo } from 'react';
-const sizeStyles = {
-  small: "_1bsb7vkz _4t3i7vkz",
-  medium: "_1bsb1tcg _4t3i1tcg",
-  large: "_1bsbzwfg _4t3izwfg",
-  xlarge: "_1bsbckbl _4t3ickbl"
-};
-const svgStyles = null;
-
-/**
- * __SVG__
- *
- * @deprecated Custom SVG is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * An icon is used as a visual representation of common actions and commands to provide context.
- *
- * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
- */
-const SVG = /*#__PURE__*/memo(function SVG({
-  size = 'medium',
-  label,
-  primaryColor = 'currentColor',
-  secondaryColor,
-  testId,
-  children
-}) {
-  return /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    style: {
-      color: primaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      fill: secondaryColor
-    }
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-
-    "data-testid": testId,
-    "aria-label": label || undefined,
-    role: label ? 'img' : 'presentation',
-    className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw _vc881r31", sizeStyles[size]])
-  }, children);
-});
-export default SVG;

package/dist/es2019/entry-points/base.js

@@ -1 +0,0 @@
-export { default, Icon } from '../components/icon';

package/dist/es2019/entry-points/svg.js

@@ -1 +0,0 @@
-export { default } from '../components/svg';

package/dist/esm/components/icon.compiled.css

@@ -1,30 +0,0 @@
-._17jb1osq >svg{max-height:100%}
-._1bsb1tcg{width:24px}
-._1bsb7vkz{width:1pc}
-._1bsbckbl{width:3pc}
-._1bsbzwfg{width:2pc}
-._1e0c1o8l{display:inline-block}
-._1kg81r31 >svg stop{stop-color:currentColor}
-._1ksvoz0e >svg{color:var(--icon-primary-color)}
-._1o9zidpf{flex-shrink:0}
-._1szv15vq >svg{overflow-x:hidden}
-._1tly15vq >svg{overflow-y:hidden}
-._1veoyfq0 >svg{vertical-align:bottom}
-._3se1x1jp >svg{fill:var(--icon-secondary-color)}
-._4t3i1tcg{height:24px}
-._4t3i7vkz{height:1pc}
-._4t3ickbl{height:3pc}
-._4t3izwfg{height:2pc}
-._5fdi1tcg >svg{width:24px}
-._5fdi7vkz >svg{width:1pc}
-._5fdickbl >svg{width:3pc}
-._5fdizwfg >svg{width:2pc}
-._re2rglyw >svg{pointer-events:none}
-._rzyw1osq >svg{max-width:100%}
-._vwz4kb7n{line-height:1}
-._vyfuvuon{--icon-secondary-color:var(--ds-surface,#fff)}
-._zbji1tcg >svg{height:24px}
-._zbji7vkz >svg{height:1pc}
-._zbjickbl >svg{height:3pc}
-._zbjizwfg >svg{height:2pc}
-@media screen and (forced-colors:active){._18hbwc43 >svg{--icon-primary-color:Canvas}._4fyi1j28 >svg{--icon-secondary-color:transparent}._jcxd1r8n{filter:grayscale(1)}._gq0g1onz{--icon-primary-color:CanvasText}._1trkwc43{--icon-secondary-color:Canvas}}

package/dist/esm/components/icon.js

@@ -1,83 +0,0 @@
-/* icon.tsx generated by @compiled/babel-plugin v0.39.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./icon.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { memo } from 'react';
-
-/**
- * We are hiding these props from consumers as they're used to
- * hack around icon sizing specifically for icon-file-type.
- */
-
-var iconStyles = null;
-var sizeStyles = {
-  small: "_1bsb7vkz _4t3i7vkz _5fdi7vkz _zbji7vkz",
-  medium: "_1bsb1tcg _4t3i1tcg _5fdi1tcg _zbji1tcg",
-  large: "_1bsbzwfg _4t3izwfg _5fdizwfg _zbjizwfg",
-  xlarge: "_1bsbckbl _4t3ickbl _5fdickbl _zbjickbl"
-};
-
-/**
- * For windows high contrast mode
- */
-var baseHcmStyles = null;
-var primaryEqualsSecondaryHcmStyles = null;
-var secondaryTransparentHcmStyles = null;
-
-/**
- * __Icon__
- *
- * @deprecated Custom Icon is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * An icon is used as a visual representation of common actions and commands to provide context.
- *
- * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
- */
-export var Icon = /*#__PURE__*/memo(function Icon(props) {
-  var _ref = props,
-    Glyph = _ref.glyph,
-    dangerouslySetGlyph = _ref.dangerouslySetGlyph,
-    _ref$primaryColor = _ref.primaryColor,
-    primaryColor = _ref$primaryColor === void 0 ? 'currentColor' : _ref$primaryColor,
-    secondaryColor = _ref.secondaryColor,
-    size = _ref.size,
-    testId = _ref.testId,
-    label = _ref.label,
-    width = _ref.width,
-    height = _ref.height,
-    UNSAFE_margin = _ref.UNSAFE_margin;
-  var glyphProps = dangerouslySetGlyph ? {
-    dangerouslySetInnerHTML: {
-      __html: dangerouslySetGlyph
-    }
-  } : {
-    children: Glyph ? /*#__PURE__*/React.createElement(Glyph, {
-      role: "presentation"
-    }) : null
-  };
-  var customDimensions = width && height ? {
-    width: width + 'px',
-    height: height + 'px'
-  } : null;
-  return /*#__PURE__*/React.createElement("span", _extends({
-    "data-testid": testId,
-    "data-vc": "icon-".concat(testId),
-    role: label ? 'img' : undefined,
-    "aria-label": label ? label : undefined,
-    "aria-hidden": label ? undefined : true,
-    style: _objectSpread(_objectSpread({}, customDimensions), {}, {
-      '--icon-primary-color': primaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      '--icon-secondary-color': secondaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      margin: UNSAFE_margin
-    })
-  }, glyphProps, {
-    className: ax(["_1e0c1o8l _1o9zidpf _vyfuvuon _vwz4kb7n _1szv15vq _1tly15vq _rzyw1osq _17jb1osq _1ksvoz0e _3se1x1jp _re2rglyw _1veoyfq0 _1kg81r31", "_jcxd1r8n _gq0g1onz _1trkwc43", primaryColor === secondaryColor && "_18hbwc43", secondaryColor === 'transparent' && "_4fyi1j28", size && sizeStyles[size]])
-  }));
-});
-export default Icon;

package/dist/esm/components/svg.compiled.css

@@ -1,13 +0,0 @@
-._18m915vq{overflow-y:hidden}
-._1bsb1tcg{width:24px}
-._1bsb7vkz{width:1pc}
-._1bsbckbl{width:3pc}
-._1bsbzwfg{width:2pc}
-._1reo15vq{overflow-x:hidden}
-._4t3i1tcg{height:24px}
-._4t3i7vkz{height:1pc}
-._4t3ickbl{height:3pc}
-._4t3izwfg{height:2pc}
-._lcxvglyw{pointer-events:none}
-._lswuvuon{fill:var(--ds-surface,#fff)}
-._vc881r31 stop{stop-color:currentColor}

package/dist/esm/components/svg.js

@@ -1,48 +0,0 @@
-/* svg.tsx generated by @compiled/babel-plugin v0.39.1 */
-import "./svg.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { memo } from 'react';
-var sizeStyles = {
-  small: "_1bsb7vkz _4t3i7vkz",
-  medium: "_1bsb1tcg _4t3i1tcg",
-  large: "_1bsbzwfg _4t3izwfg",
-  xlarge: "_1bsbckbl _4t3ickbl"
-};
-var svgStyles = null;
-
-/**
- * __SVG__
- *
- * @deprecated Custom SVG is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * An icon is used as a visual representation of common actions and commands to provide context.
- *
- * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
- */
-var SVG = /*#__PURE__*/memo(function SVG(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    label = _ref.label,
-    _ref$primaryColor = _ref.primaryColor,
-    primaryColor = _ref$primaryColor === void 0 ? 'currentColor' : _ref$primaryColor,
-    secondaryColor = _ref.secondaryColor,
-    testId = _ref.testId,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 24 24",
-    style: {
-      color: primaryColor,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      fill: secondaryColor
-    }
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-
-    "data-testid": testId,
-    "aria-label": label || undefined,
-    role: label ? 'img' : 'presentation',
-    className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw _vc881r31", sizeStyles[size]])
-  }, children);
-});
-export default SVG;

package/dist/esm/entry-points/base.js

@@ -1 +0,0 @@
-export { default, Icon } from '../components/icon';

package/dist/esm/entry-points/svg.js

@@ -1 +0,0 @@
-export { default } from '../components/svg';

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

@@ -1,12 +0,0 @@
-import type { IconProps } from '../types';
-/**
- * __Icon__
- *
- * @deprecated Custom Icon is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * An icon is used as a visual representation of common actions and commands to provide context.
- *
- * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
- */
-export declare const Icon: import('react').NamedExoticComponent<IconProps>;
-export default Icon;

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

@@ -1,17 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type NamedExoticComponent } from 'react';
-import type { SVGProps } from '../types';
-/**
- * __SVG__
- *
- * @deprecated Custom SVG is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * An icon is used as a visual representation of common actions and commands to provide context.
- *
- * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
- */
-declare const SVG: NamedExoticComponent<SVGProps>;
-export default SVG;

package/dist/types/entry-points/base.d.ts

@@ -1,2 +0,0 @@
-export { default, Icon } from '../components/icon';
-export type { IconProps } from '../types';

package/dist/types/entry-points/svg.d.ts

@@ -1,2 +0,0 @@
-export { default } from '../components/svg';
-export type { SVGProps } from '../types';

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

@@ -1,12 +0,0 @@
-import type { IconProps } from '../types';
-/**
- * __Icon__
- *
- * @deprecated Custom Icon is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * An icon is used as a visual representation of common actions and commands to provide context.
- *
- * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
- */
-export declare const Icon: import('react').NamedExoticComponent<IconProps>;
-export default Icon;

package/dist/types-ts4.5/components/svg.d.ts

@@ -1,17 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type NamedExoticComponent } from 'react';
-import type { SVGProps } from '../types';
-/**
- * __SVG__
- *
- * @deprecated Custom SVG is deprecated and will be removed from `atlaskit/icon` in an upcoming major release. Please use 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.
- *
- * An icon is used as a visual representation of common actions and commands to provide context.
- *
- * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
- */
-declare const SVG: NamedExoticComponent<SVGProps>;
-export default SVG;

package/dist/types-ts4.5/entry-points/base.d.ts

@@ -1,2 +0,0 @@
-export { default, Icon } from '../components/icon';
-export type { IconProps } from '../types';

package/dist/types-ts4.5/entry-points/svg.d.ts

@@ -1,2 +0,0 @@
-export { default } from '../components/svg';
-export type { SVGProps } from '../types';

package/svg/package.json

@@ -1,17 +0,0 @@
-{
-  "name": "@atlaskit/icon/svg",
-  "main": "../dist/cjs/entry-points/svg.js",
-  "module": "../dist/esm/entry-points/svg.js",
-  "module:es2019": "../dist/es2019/entry-points/svg.js",
-  "sideEffects": [
-    "**/*.compiled.css"
-  ],
-  "types": "../dist/types/entry-points/svg.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/svg.d.ts"
-      ]
-    }
-  }
-}