@atlaskit/icon 27.12.0 → 28.1.0

package/utility/success.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b91b2ac4848db507d9eb71a2b738b7fc>>
+ * @codegen <<SignedSource::983b4e05ae223bbf949ebd419117fd41>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,8 +21,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const SuccessIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  name: "SuccessIcon",
   dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M0 6a6 6 0 1 1 12 0A6 6 0 0 1 0 6m9.389-1.77-1.153-.96-3.174 3.808L3.765 5.52l-1.153.96 1.875 2.25a.75.75 0 0 0 1.153 0z" clip-rule="evenodd"/>`,
-  type: 'utility'
+  type: "utility"
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 SuccessIcon.displayName = 'SuccessIcon';

package/utility/warning.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::49812071d6f0a774fd1a4306f3d0718e>>
+ * @codegen <<SignedSource::dfc91c39d2fa410469ff2eb452d3f02f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -21,8 +21,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
 const WarningIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
+  name: "WarningIcon",
   dangerouslySetGlyph: `<path fill="currentcolor" fill-rule="evenodd" d="M11.702 9.137A1.25 1.25 0 0 1 10.612 11H1.388a1.25 1.25 0 0 1-1.09-1.863l4.614-8.2a1.25 1.25 0 0 1 2.178 0zM6.75 2.75V6.5h-1.5V2.75zm-.75 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2" clip-rule="evenodd"/>`,
-  type: 'utility'
+  type: "utility"
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props));
 WarningIcon.displayName = 'WarningIcon';

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>;