@atlaskit/icon 27.11.0 → 28.0.0

package/glyph/watch-filled.js

@@ -6,12 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _eyeOpenFilled = _interopRequireDefault(require("@atlaskit/icon/core/eye-open-filled"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const WatchFilledIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
+const WatchFilledIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill="currentcolor" fill-rule="evenodd"><path d="M11.983 15.984a4.005 4.005 0 0 1-4.002-4c0-2.206 1.795-4 4.002-4a4.005 4.005 0 0 1 4.002 4c0 2.206-1.795 4-4.002 4M12 4C6.48 4 2 8.84 2 12c0 3.086 4.577 8 10 8s10-4.914 10-8c0-3.16-4.481-8-10-8"/><circle cx="12" cy="12" r="2"/></g></svg>`
-}, props, {
-  newIcon: _eyeOpenFilled.default
-}));
+}, props));
 WatchFilledIcon.displayName = 'WatchFilledIcon';
 var _default = exports.default = WatchFilledIcon;

package/glyph/watch.js

@@ -6,12 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _eyeOpen = _interopRequireDefault(require("@atlaskit/icon/core/eye-open"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const WatchIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
+const WatchIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill="currentcolor" fill-rule="evenodd"><path d="M12 18c-4.536 0-7.999-4.26-7.999-6 0-2.001 3.459-6 8-6 4.376 0 7.998 3.973 7.998 6 0 1.74-3.462 6-7.998 6m0-14C6.48 4 2 8.841 2 12c0 3.086 4.576 8 10 8 5.423 0 10-4.914 10-8 0-3.159-4.48-8-10-8"/><path d="M11.978 13.984c-1.104 0-2-.897-2-2s.896-2 2-2c1.103 0 2 .897 2 2s-.897 2-2 2m0-6c-2.206 0-4 1.794-4 4s1.793 4 4 4 4-1.794 4-4-1.794-4-4-4"/></g></svg>`
-}, props, {
-  newIcon: _eyeOpen.default
-}));
+}, props));
 WatchIcon.displayName = 'WatchIcon';
 var _default = exports.default = WatchIcon;

package/glyph/world-small.js

@@ -6,12 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _globe = _interopRequireDefault(require("@atlaskit/icon/core/globe"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const WorldSmallIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
+const WorldSmallIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M12 18a6 6 0 1 0 0-12 6 6 0 0 0 0 12m-.5-2.035A3.994 3.994 0 0 1 8 12c0-.31.04-.605.105-.895L10.5 13.5v.5c0 .55.45 1 1 1zm3.45-1.27A.99.99 0 0 0 14 14h-.5v-1.5c0-.275-.225-.5-.5-.5h-3v-1h1c.275 0 .5-.225.5-.5v-1h1c.55 0 1-.45 1-1v-.205A4 4 0 0 1 16 12c0 1.04-.4 1.985-1.05 2.695"/></svg>`
-}, props, {
-  newIcon: _globe.default
-}));
+}, props));
 WorldSmallIcon.displayName = 'WorldSmallIcon';
 var _default = exports.default = WorldSmallIcon;

package/glyph/world.js

@@ -6,12 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
-var _globe = _interopRequireDefault(require("@atlaskit/icon/core/globe"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const WorldIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
+const WorldIcon = props => /*#__PURE__*/_react.default.createElement(_base.Icon, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18m-.9-1.863A7.19 7.19 0 0 1 4.8 12c0-.558.072-1.089.189-1.611L9.3 14.7v.9c0 .99.81 1.8 1.8 1.8zm6.21-2.286A1.79 1.79 0 0 0 15.6 15.6h-.9v-2.7c0-.495-.405-.9-.9-.9H8.4v-1.8h1.8c.495 0 .9-.405.9-.9V7.5h1.8c.99 0 1.8-.81 1.8-1.8v-.369c2.637 1.071 4.5 3.654 4.5 6.669 0 1.872-.72 3.573-1.89 4.851"/></svg>`
-}, props, {
-  newIcon: _globe.default
-}));
+}, props));
 WorldIcon.displayName = 'WorldIcon';
 var _default = exports.default = WorldIcon;

package/metadata/package.json

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

package/migration-map/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "27.11.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,18 +37,18 @@
 		"@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/menu": "^8.1.0",
+		"@atlaskit/logo": "^19.7.0",
+		"@atlaskit/menu": "^8.3.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
 		"@atlaskit/primitives": "^14.11.0",
 		"@atlaskit/section-message": "^8.5.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/svgs/core/chart-pie.svg

@@ -1 +1 @@
-<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><mask id="mask0_53070_14217" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" d="M5.106 0C5.04.239 5 .49 5 .75v7.5a2.75 2.75 0 0 0 3.462 2.656l7.246-1.941q.15-.04.292-.098V16H0V0zm5.672 4.59-.278.076v-.29q.143.102.278.215M16 2.17A10.3 10.3 0 0 0 13.831 0H16z"/></mask><g mask="url(#mask0_53070_14217)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1.75 8a6.25 6.25 0 1 0 12.5 0 6.25 6.25 0 0 0-12.5 0Z"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M7.75 8.25V.75c3.47 0 6.39 2.357 7.246 5.558z"/></svg>
+<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><mask id="mask0_53402_2880" width="16" height="16" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="currentcolor" d="M5.106 0C5.04.239 5 .49 5 .75v7.5a2.75 2.75 0 0 0 3.462 2.656l7.246-1.941q.15-.04.292-.098V16H0V0zm5.672 4.59-.278.076v-.29q.143.102.278.215M16 2.17A10.3 10.3 0 0 0 13.831 0H16z"/></mask><g mask="url(#mask0_53402_2880)"><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M1.75 8a6.25 6.25 0 1 0 12.5 0 6.25 6.25 0 0 0-12.5 0Z"/></g><path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="M7.75 8.25V.75c3.47 0 6.39 2.357 7.246 5.558z"/></svg>

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