@atlaskit/icon 22.28.0 → 23.0.0

package/glyph/vid-connection-circle.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VidConnectionCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VidConnectionCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><circle cx="12" cy="12" r="10" fill="currentcolor"/><rect width="2" height="8" x="14" y="8" fill="inherit" rx="1"/><rect width="2" height="6" x="11" y="10" fill="inherit" rx="1"/><rect width="2" height="3" x="8" y="13" fill="inherit" rx="1"/></g></svg>`
 }, props));
 VidConnectionCircleIcon.displayName = 'VidConnectionCircleIcon';

package/glyph/vid-forward.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VidForwardIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VidForwardIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="m10.97 13.87-6.273 3.858C3.76 18.305 3 17.883 3 16.773V7.226c0-1.104.757-1.533 1.697-.956l6.273 3.858V7.226c0-1.104.757-1.533 1.697-.956l7.62 4.686c.936.576.939 1.509 0 2.087l-7.62 4.685c-.937.577-1.697.155-1.697-.955z"/></svg>`
 }, props));
 VidForwardIcon.displayName = 'VidForwardIcon';

package/glyph/vid-full-screen-off.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 var _shrinkDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/shrink-diagonal"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VidFullScreenOffIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VidFullScreenOffIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill="currentcolor" fill-rule="evenodd"><path fill-rule="nonzero" d="M9 15.003v2.995a1 1 0 1 0 2 0v-3.896C11 13.494 10.507 13 9.9 13H6a1 1 0 0 0 0 2.003z"/><path fill-rule="nonzero" d="M3.74 20.294a.997.997 0 0 0 1.407.005l5.152-5.152a1 1 0 0 0-.005-1.407l-.034-.034a.997.997 0 0 0-1.407-.005l-5.152 5.152a1 1 0 0 0 .005 1.407z"/><path d="M19.067 3.321 13.32 9.066a1.115 1.115 0 0 0 .005 1.57l.036.037a1.11 1.11 0 0 0 1.571.005l5.747-5.744a1.116 1.116 0 0 0-.006-1.57l-.037-.037a1.117 1.117 0 0 0-1.57-.006"/><path d="M13 6.002v3.896c0 .608.493 1.102 1.1 1.102H18a1 1 0 0 0 0-2.003h-3V6.002a1 1 0 1 0-2 0"/></g></svg>`
 }, props, {
   newIcon: _shrinkDiagonal.default

package/glyph/vid-full-screen-on.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 var _fullscreenEnter = _interopRequireDefault(require("@atlaskit/icon/core/fullscreen-enter"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VidFullScreenOnIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VidFullScreenOnIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M6 18h3a1 1 0 0 1 0 2H6a2 2 0 0 1-2-2v-3a1 1 0 0 1 2 0zm12 2h-3a1 1 0 0 1 0-2h3v-3a1 1 0 0 1 2 0v3a2 2 0 0 1-2 2M6 4h3a1 1 0 1 1 0 2H6v3a1 1 0 1 1-2 0V6a2 2 0 0 1 2-2m12 2h-3a1 1 0 0 1 0-2h3a2 2 0 0 1 2 2v3a1 1 0 0 1-2 0z"/></svg>`
 }, props, {
   newIcon: _fullscreenEnter.default

package/glyph/vid-hang-up.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VidHangUpIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VidHangUpIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="m5.467 14.95 2.611-.656s.64-.237.652-.978l-.01-1.212s.038-.471.637-.557c1.768-.327 3.418-.34 5.182 0 .689.131.636.557.636.557l.007.889c.013.74.652.977.652.977l2.593.982c1.227.37 1.868-1.473 1.44-2.574-.991-2.557-3.996-2.994-6.281-3.294-1.085-.143-2.291-.077-3.274 0-1.72.137-5.17.713-6.165 3.27-.427 1.1.093 2.966 1.32 2.596"/></svg>`
 }, props));
 VidHangUpIcon.displayName = 'VidHangUpIcon';

package/glyph/vid-hd-circle.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VidHdCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VidHdCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><circle cx="12" cy="12" r="10" fill="currentcolor"/><path fill="inherit" d="M11.359 15V9.004h-1.5v2.352H7.504V9.004H6V15h1.504v-2.418h2.355V15zm1.393-6v6h2.483C17.013 15 18 13.911 18 11.942 18 10.068 16.996 9 15.235 9zm1.503 1.226h.71c.946 0 1.503.627 1.503 1.745 0 1.188-.529 1.803-1.504 1.803h-.709z"/></g></svg>`
 }, props));
 VidHdCircleIcon.displayName = 'VidHdCircleIcon';

package/glyph/vid-pause.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 var _videoPause = _interopRequireDefault(require("@atlaskit/icon/core/video-pause"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VidPauseIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VidPauseIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M6 4h2a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m10 0h2a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1"/></svg>`
 }, props, {
   newIcon: _videoPause.default

package/glyph/vid-play.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 var _videoPlay = _interopRequireDefault(require("@atlaskit/icon/core/video-play"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VidPlayIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VidPlayIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M8.595 19.522C7.162 20.364 6 19.702 6 18.04V5.963C6 4.3 7.158 3.635 8.595 4.479l11.083 6.51c.951.559.958 1.46 0 2.023z"/></svg>`
 }, props, {
   newIcon: _videoPlay.default

package/glyph/vid-raised-hand.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VidRaisedHandIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VidRaisedHandIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill="currentcolor" fill-rule="evenodd"><path d="M11 3a4 4 0 1 0 0 8 4 4 0 0 0 0-8m3 9H8a3 3 0 0 0-3 3v3.7a9.07 9.07 0 0 0 5.9 2.3 9 9 0 0 0 6.1-2.4V15a3 3 0 0 0-3-3"/><path fill-rule="nonzero" d="M16.6 10.6a1 1 0 0 0 .2 1.4 1.005 1.005 0 0 0 1.402-.203l1.996-2.661c.333-.443.602-1.25.602-1.808V5.005A1 1 0 0 0 19.8 4c-.552 0-1 .45-1 1.002v2.665z"/></g></svg>`
 }, props));
 VidRaisedHandIcon.displayName = 'VidRaisedHandIcon';

package/glyph/vid-share-screen.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VidShareScreenIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VidShareScreenIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill="currentcolor" fill-rule="evenodd"><path fill-rule="nonzero" d="M13 4H4.995C3.893 4 3 4.9 3 6.009v7.982C3 15.098 3.893 16 4.995 16h14.01C20.107 16 21 15.1 21 13.991V7.5 11h-2v3H5V6h8z"/><path d="M10 17h4v3h-4z"/><path d="M9 20a1 1 0 0 1 .99-1h4.02c.546 0 .99.444.99 1v1H9z"/><path fill-rule="nonzero" d="M19 5v3a1 1 0 0 0 2 0V4a1 1 0 0 0-1-1h-4a1 1 0 0 0 0 2z"/><path fill-rule="nonzero" d="m19 3.586-6.707 6.707a1 1 0 0 0 1.414 1.414L20.414 5H19z"/></g></svg>`
 }, props));
 VidShareScreenIcon.displayName = 'VidShareScreenIcon';

package/glyph/vid-speaking-circle.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VidSpeakingCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VidSpeakingCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><path fill="currentcolor" d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12"/><path fill="inherit" fill-rule="nonzero" d="M12.229 7.652c.04.048.124.16.238.33.198.294.398.631.584 1.006 1.138 2.288 1.243 4.648-.316 6.864a8 8 0 0 1-.377.492 1 1 0 0 0 .156 1.43 1.06 1.06 0 0 0 1.467-.152q.255-.306.475-.62c2.045-2.907 1.907-6.017.472-8.901-.392-.788-.788-1.376-1.07-1.72a1.06 1.06 0 0 0-1.466-.158 1 1 0 0 0-.163 1.429"/><path fill="inherit" fill-rule="nonzero" d="M9.213 9.619c.08.101.226.33.377.658.608 1.318.608 2.72-.404 4.141-.32.45-.217 1.074.23 1.395a.99.99 0 0 0 1.389-.231c1.476-2.073 1.476-4.226.591-6.146a5.5 5.5 0 0 0-.619-1.055.99.99 0 0 0-1.398-.166c-.431.341-.506.97-.166 1.404"/></g></svg>`
 }, props));
 VidSpeakingCircleIcon.displayName = 'VidSpeakingCircleIcon';

package/glyph/vid-volume-full.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 var _volumeHigh = _interopRequireDefault(require("@atlaskit/icon/core/volume-high"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VidVolumeFullIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VidVolumeFullIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="m8.121 8.024 5.073-3.92A.5.5 0 0 1 14 4.5v14.964a.5.5 0 0 1-.806.395l-4.962-3.835H3.999c-.552 0-.999-.453-.999-.997V9.022c0-.551.441-.998.999-.998h2.606l.036.001h1.48m8.455-.715c-.372-.202-.522-.69-.335-1.09s.64-.561 1.012-.36C19.72 7.196 21 9.27 21 11.98s-1.277 4.795-3.74 6.165c-.37.206-.824.05-1.015-.348s-.046-.888.323-1.093c1.98-1.102 2.925-2.645 2.925-4.724 0-2.075-.942-3.6-2.917-4.671m-1.03 3.245c-.37-.202-.52-.69-.334-1.09.188-.4.64-.561 1.012-.36 1.133.614 1.745 1.606 1.745 2.88 0 1.27-.61 2.265-1.738 2.893-.37.206-.824.05-1.015-.349s-.046-.887.324-1.093c.645-.358.922-.812.922-1.452 0-.637-.274-1.082-.915-1.43"/></svg>`
 }, props, {
   newIcon: _volumeHigh.default

package/glyph/vid-volume-half.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 var _volumeLow = _interopRequireDefault(require("@atlaskit/icon/core/volume-low"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VidVolumeHalfIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VidVolumeHalfIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="m8.121 8.024 5.073-3.92A.5.5 0 0 1 14 4.5v14.964a.5.5 0 0 1-.806.395l-4.962-3.835H3.999c-.552 0-.999-.453-.999-.997V9.022c0-.551.441-.998.999-.998h2.606l.036.001h1.48m7.426 2.53c-.372-.202-.522-.69-.335-1.09.188-.4.64-.561 1.012-.36 1.133.614 1.745 1.606 1.745 2.88 0 1.27-.61 2.265-1.738 2.893-.37.206-.824.05-1.015-.349s-.046-.887.324-1.093c.645-.358.922-.812.922-1.452 0-.637-.274-1.082-.915-1.43"/></svg>`
 }, props, {
   newIcon: _volumeLow.default

package/glyph/vid-volume-muted.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 var _volumeMuted = _interopRequireDefault(require("@atlaskit/icon/core/volume-muted"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VidVolumeMutedIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VidVolumeMutedIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><path fill="currentcolor" fill-rule="evenodd" d="M14 16.001v4.05a.5.5 0 0 1-.806.395l-4.962-3.834H3.999c-.552 0-.999-.453-.999-.997V9.609c0-.55.441-.997.999-.997H6.61L3.705 5.707a.996.996 0 0 1 .002-1.413.996.996 0 0 1 1.413-.001l15.003 15.003a.996.996 0 0 1-.002 1.413.996.996 0 0 1-1.412.001zm5.829.495-1.112-1.112c.522-.803.776-1.738.776-2.816 0-2.076-.942-3.601-2.917-4.672-.372-.202-.522-.69-.335-1.09s.64-.561 1.012-.36C19.72 7.784 21 9.856 21 12.568c0 1.507-.396 2.822-1.171 3.928m-2.28-2.28-1.153-1.152q.067-.227.066-.494c0-.637-.274-1.082-.915-1.429-.372-.201-.522-.689-.335-1.09.188-.4.64-.56 1.012-.36 1.133.614 1.745 1.606 1.745 2.88 0 .616-.144 1.168-.42 1.645M14 10.669l-3.724-3.723 2.918-2.254a.5.5 0 0 1 .806.395z"/></svg>`
 }, props, {
   newIcon: _volumeMuted.default

package/glyph/video-circle.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 var _video = _interopRequireDefault(require("@atlaskit/icon/core/video"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VideoCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VideoCircleIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><circle cx="12" cy="12" r="10" fill="currentcolor"/><path fill="inherit" d="M17.37 14.954 15 13.807v-3.613l2.37-1.148c.285-.138.63.05.63.343v5.222c0 .293-.345.481-.63.343"/><rect width="8" height="6" x="6" y="9" fill="inherit" rx="1"/></g></svg>`
 }, props, {
   newIcon: _video.default

package/glyph/video-filled.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 var _video = _interopRequireDefault(require("@atlaskit/icon/core/video"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const VideoFilledIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const VideoFilledIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill="currentcolor" fill-rule="evenodd"><path d="M17.37 14.954 15 13.807v-3.613l2.37-1.148c.285-.138.63.05.63.343v5.222c0 .293-.345.481-.63.343"/><rect width="8" height="6" x="6" y="9" rx="1"/></g></svg>`
 }, props, {
   newIcon: _video.default

package/glyph/warning.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("@atlaskit/icon/base");
 var _warning = _interopRequireDefault(require("@atlaskit/icon/core/warning"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const WarningIcon = props => /*#__PURE__*/_react.default.createElement(_base.UNSAFE_IconFacade, Object.assign({
+const WarningIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, Object.assign({
   dangerouslySetGlyph: `<svg width="24" height="24" viewBox="0 0 24 24" role="presentation"><g fill-rule="evenodd"><path fill="currentcolor" d="M12.938 4.967c-.518-.978-1.36-.974-1.876 0L3.938 18.425c-.518.978-.045 1.771 1.057 1.771h14.01c1.102 0 1.573-.797 1.057-1.771z"/><path fill="inherit" d="M12 15a1 1 0 0 1-1-1V9a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1m0 3a1 1 0 0 1 0-2 1 1 0 0 1 0 2"/></g></svg>`
 }, props, {
   newIcon: _warning.default

package/glyph/watch-filled.js

@@ -8,7 +8,7 @@ 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.UNSAFE_IconFacade, Object.assign({
+const WatchFilledIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, 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

package/glyph/watch.js

@@ -8,7 +8,7 @@ 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.UNSAFE_IconFacade, Object.assign({
+const WatchIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, 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

package/glyph/world-small.js

@@ -8,7 +8,7 @@ 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.UNSAFE_IconFacade, Object.assign({
+const WorldSmallIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, 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

package/glyph/world.js

@@ -8,7 +8,7 @@ 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.UNSAFE_IconFacade, Object.assign({
+const WorldIcon = props => /*#__PURE__*/_react.default.createElement(_base.IconFacade, 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

package/{UNSAFE_migration-map → migration-map}/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@atlaskit/icon/UNSAFE_migration-map",
+  "name": "@atlaskit/icon/migration-map",
   "main": "../dist/cjs/entry-points/migration-map.js",
   "module": "../dist/esm/entry-points/migration-map.js",
   "module:es2019": "../dist/es2019/entry-points/migration-map.js",

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@atlaskit/icon",
-	"version": "22.28.0",
-	"description": "An icon is a visual representation of a command, device, directory, or common action.",
+	"version": "23.0.0",
+	"description": "An icon is a symbol representing a command, device, directory, or common action.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
@@ -22,15 +22,15 @@
 			"name": "Icon",
 			"category": "Images and icons",
 			"status": {
-				"type": "open-alpha",
-				"description": "These are new icons that will be released as part of Atlassian's visual refresh. Use the legacy icons for current product experiences.",
+				"type": "beta",
+				"description": "These icons are part of Atlassian's visual refresh. Use the legacy icons for current product experiences.",
 				"actions": [
 					{
 						"text": "View legacy icons",
 						"href": "/components/icon/icon-legacy/"
 					},
 					{
-						"text": "Migration guide",
+						"text": "Migrate to new icons",
 						"href": "/components/icon/migration-guide/"
 					}
 				]
@@ -77,11 +77,12 @@
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
-		"@af/icon-build-process": "^2.3.0",
+		"@af/icon-build-process": "^2.4.0",
+		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
 		"@atlaskit/code": "^15.6.0",
 		"@atlaskit/ds-lib": "^3.3.0",
-		"@atlaskit/logo": "^14.3.0",
+		"@atlaskit/logo": "^15.0.0",
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/textfield": "^6.6.0",
@@ -135,8 +136,8 @@
 	"homepage": "https://atlassian.design/components/icon/",
 	"af:exports": {
 		"./base": "./src/entry-points/base.tsx",
-		"./UNSAFE_base-new": "./src/entry-points/base-new.tsx",
-		"./UNSAFE_migration-map": "./src/entry-points/migration-map.tsx",
+		"./base-new": "./src/entry-points/base-new.tsx",
+		"./migration-map": "./src/entry-points/migration-map.tsx",
 		"./constants": "./src/entry-points/constants.tsx",
 		"./deprecated-map": "./src/entry-points/deprecated-map.tsx",
 		"./metadata": "./src/entry-points/metadata.tsx",

package/utility/add.d.ts

@@ -1,15 +1,13 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fcabb9c6976a15a2ead9bd6a9986f272>>
+ * @codegen <<SignedSource::86fdd53d985ea54359b5862beaad2093>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
-import type React from 'react';
-import type { NewUtilityIconProps } from '@atlaskit/icon/UNSAFE_base-new';
-import type Icon from '@atlaskit/icon/UNSAFE_base-new';
+import type { NewUtilityIconProps } from '@atlaskit/icon/base-new';
 
 declare const AddIcon: {
-  (props: Omit<NewUtilityIconProps, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  (props: NewUtilityIconProps): JSX.Element;
   displayName: string;
 };
 export default AddIcon;

package/utility/add.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6930ecfe7b47077a4ac983ce0c975fdd>>
+ * @codegen <<SignedSource::3117f7283ca9f88f44f21c1ce15e85e1>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
@@ -23,7 +23,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
-const AddIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+const AddIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
   dangerouslySetGlyph: `<path stroke="currentcolor" stroke-width="1.5" d="M6 6h5M6 6H1m5 0V1m0 5v5"/>`,
   type: 'utility'
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/utility/arrow-down.d.ts

@@ -1,15 +1,13 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::a72241454c376dfe0e5ab7b530990e8d>>
+ * @codegen <<SignedSource::9144a806d9a657914f82671d07931203>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
-import type React from 'react';
-import type { NewUtilityIconProps } from '@atlaskit/icon/UNSAFE_base-new';
-import type Icon from '@atlaskit/icon/UNSAFE_base-new';
+import type { NewUtilityIconProps } from '@atlaskit/icon/base-new';
 
 declare const ArrowDownIcon: {
-  (props: Omit<NewUtilityIconProps, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  (props: NewUtilityIconProps): JSX.Element;
   displayName: string;
 };
 export default ArrowDownIcon;

package/utility/arrow-down.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ec2e4e10d2b7dc29be505b88c6dc46e3>>
+ * @codegen <<SignedSource::7db2084ccd438c277864090cbbc35f06>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
@@ -23,7 +23,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
-const ArrowDownIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+const ArrowDownIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
   dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="m2 6.25 4 4 4-4M6 1v8.75"/>`,
   type: 'utility'
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/utility/arrow-left.d.ts

@@ -1,15 +1,13 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::71026353709d110d43127de022eb62ae>>
+ * @codegen <<SignedSource::84e264fd2d6930df90e9f6b6bc3e11d8>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
-import type React from 'react';
-import type { NewUtilityIconProps } from '@atlaskit/icon/UNSAFE_base-new';
-import type Icon from '@atlaskit/icon/UNSAFE_base-new';
+import type { NewUtilityIconProps } from '@atlaskit/icon/base-new';
 
 declare const ArrowLeftIcon: {
-  (props: Omit<NewUtilityIconProps, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  (props: NewUtilityIconProps): JSX.Element;
   displayName: string;
 };
 export default ArrowLeftIcon;

package/utility/arrow-left.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::7dc5587cd2d78af40f6264691c55e36c>>
+ * @codegen <<SignedSource::a1345a3edd7e980064e5bd7ed27e324d>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
@@ -23,7 +23,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
-const ArrowLeftIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+const ArrowLeftIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
   dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="m5.75 2-4 4 4 4M11 6H2.25"/>`,
   type: 'utility'
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/utility/arrow-right.d.ts

@@ -1,15 +1,13 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c3ecdb28bb13c71a6efd246282e6574a>>
+ * @codegen <<SignedSource::e73c06492c19415efb770ec04b4aa42f>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
-import type React from 'react';
-import type { NewUtilityIconProps } from '@atlaskit/icon/UNSAFE_base-new';
-import type Icon from '@atlaskit/icon/UNSAFE_base-new';
+import type { NewUtilityIconProps } from '@atlaskit/icon/base-new';
 
 declare const ArrowRightIcon: {
-  (props: Omit<NewUtilityIconProps, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  (props: NewUtilityIconProps): JSX.Element;
   displayName: string;
 };
 export default ArrowRightIcon;

package/utility/arrow-right.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b7b4ab2b5203fa6865248eba8f89c574>>
+ * @codegen <<SignedSource::d4e9ce8800dac400137bd4fa661b4228>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
@@ -23,7 +23,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
-const ArrowRightIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+const ArrowRightIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
   dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="m6.25 2 4 4-4 4M1 6h8.75"/>`,
   type: 'utility'
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/utility/arrow-up.d.ts

@@ -1,15 +1,13 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2f18730c7de534ec7b48df75f63c9c6e>>
+ * @codegen <<SignedSource::b91c23578ba2cfe33ff8cd4d5abf7230>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
-import type React from 'react';
-import type { NewUtilityIconProps } from '@atlaskit/icon/UNSAFE_base-new';
-import type Icon from '@atlaskit/icon/UNSAFE_base-new';
+import type { NewUtilityIconProps } from '@atlaskit/icon/base-new';
 
 declare const ArrowUpIcon: {
-  (props: Omit<NewUtilityIconProps, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  (props: NewUtilityIconProps): JSX.Element;
   displayName: string;
 };
 export default ArrowUpIcon;

package/utility/arrow-up.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::510ff6844815961b4fee1e3ae8f2808a>>
+ * @codegen <<SignedSource::aa28b236fb6997327b4075636202c635>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
@@ -23,7 +23,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
-const ArrowUpIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+const ArrowUpIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
   dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="m2 5.75 4-4 4 4M6 11V2.25"/>`,
   type: 'utility'
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/utility/check-circle.d.ts

@@ -1,15 +1,13 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6bed33a679b2ce96dd7f22900154458d>>
+ * @codegen <<SignedSource::155b170520a56ab2461a8350357b0bc2>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
-import type React from 'react';
-import type { NewUtilityIconProps } from '@atlaskit/icon/UNSAFE_base-new';
-import type Icon from '@atlaskit/icon/UNSAFE_base-new';
+import type { NewUtilityIconProps } from '@atlaskit/icon/base-new';
 
 declare const CheckCircleIcon: {
-  (props: Omit<NewUtilityIconProps, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  (props: NewUtilityIconProps): JSX.Element;
   displayName: string;
 };
 export default CheckCircleIcon;

package/utility/check-circle.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::96fa4d3d068726116211916d25154c83>>
+ * @codegen <<SignedSource::8f6ba5cd6644d6406e6073d4f804f64b>>
  * @codegenCommand yarn build:icon-glyphs
  */
 "use strict";
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _UNSAFE_baseNew = _interopRequireDefault(require("@atlaskit/icon/UNSAFE_base-new"));
+var _baseNew = _interopRequireDefault(require("@atlaskit/icon/base-new"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * ⚠️ EXPERIMENTAL ⚠️ - New icons are in alpha - and subject to change or removal in future minor or patch releases.
@@ -23,7 +23,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/icon)
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/icon/docs/custom-icons)
  */
-const CheckCircleIcon = props => /*#__PURE__*/_react.default.createElement(_UNSAFE_baseNew.default, Object.assign({
+const CheckCircleIcon = props => /*#__PURE__*/_react.default.createElement(_baseNew.default, Object.assign({
   dangerouslySetGlyph: `<path stroke="currentcolor" stroke-linejoin="round" stroke-width="1.5" d="m3.284 6 1.81 2.172 3.622-4.344M6 .75a5.25 5.25 0 1 0 0 10.5A5.25 5.25 0 0 0 6 .75Z"/>`,
   type: 'utility'
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props

package/utility/check-mark.d.ts

@@ -1,15 +1,13 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::ee0926f0a4d4c30b73768d9172b28f6f>>
+ * @codegen <<SignedSource::99d458ffbaf2ee4bbccfae18a706ea96>>
  * @codegenCommand yarn build:icon-glyphs
  */
 
-import type React from 'react';
-import type { NewUtilityIconProps } from '@atlaskit/icon/UNSAFE_base-new';
-import type Icon from '@atlaskit/icon/UNSAFE_base-new';
+import type { NewUtilityIconProps } from '@atlaskit/icon/base-new';
 
 declare const CheckMarkIcon: {
-  (props: Omit<NewUtilityIconProps, 'dangerouslySetGlyph' | 'type'>): JSX.Element;
+  (props: NewUtilityIconProps): JSX.Element;
   displayName: string;
 };
 export default CheckMarkIcon;