cozy-ui-plus 8.0.1 → 9.0.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [9.0.0](https://github.com/cozy/cozy-libs/compare/cozy-ui-plus@8.0.1...cozy-ui-plus@9.0.0) (2026-06-24)
+
+### Features
+
+- **cozy-ui-plus:** Add twake-icons ([34c7c1f](https://github.com/cozy/cozy-libs/commit/34c7c1fdbeadd99a7dc17f1a903359407d316afa))
+
+### BREAKING CHANGES
+
+- **cozy-ui-plus:** You must add `@linagora/twake-icons >= 2.6.2`.
+
 ## [8.0.1](https://github.com/cozy/cozy-libs/compare/cozy-ui-plus@8.0.0...cozy-ui-plus@8.0.1) (2026-05-18)
 
 ### Bug Fixes

package/dist/AppIcon/index.js

@@ -25,6 +25,8 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -33,10 +35,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _cozyClient = require("cozy-client");
 
-var _Icon = _interopRequireWildcard(require("cozy-ui/transpiled/react/Icon"));
-
-var _Cube = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Cube"));
-
 var _helpers = require("../AppSections/helpers");
 
 var _ShortcutTile = require("../ShortcutTile");
@@ -219,10 +217,10 @@ var AppIcon = /*#__PURE__*/function (_Component) {
 
         case ERRORED:
         default:
-          return /*#__PURE__*/_react.default.createElement(_Icon.default, {
+          return /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
             className: (0, _classnames.default)(styles['c-app-icon'], styles['c-app-icon-default'], className),
             height: "100%",
-            icon: fallbackIcon || _Cube.default,
+            icon: fallbackIcon || _twakeIcons.Cube,
             width: "100%",
             color: "var(--coolGrey)",
             iconRef: this.props.iconRef
@@ -241,7 +239,7 @@ AppIcon.propTypes = {
   app: _propTypes.default.oneOfType([_proptypes.AppDoctype, _propTypes.default.string]),
 
   /** Icon to fallback on error (optional), default cube icon */
-  fallbackIcon: _Icon.iconPropType,
+  fallbackIcon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.func]),
 
   /** Custom implementation of how to fetch icon */
   fetchIcon: _propTypes.default.func,

package/dist/AppSections/components/DropdownFilter.js

@@ -17,16 +17,14 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _Bottom = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Bottom"));
-
 var _SelectBox = _interopRequireDefault(require("cozy-ui/transpiled/react/SelectBox"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -45,9 +43,9 @@ var styles = {
 };
 
 var SmallArrow = function SmallArrow() {
-  return /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  return /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
     className: (0, _classnames.default)(styles.DropdownFilter__icon, 'u-mr-1'),
-    icon: _Bottom.default,
+    icon: _twakeIcons.Bottom,
     color: "var(--coolGrey)",
     width: 16,
     height: 16

package/dist/AppTile/index.js

@@ -11,16 +11,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _WrenchCircle = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/WrenchCircle"));
-
 var _Tile = _interopRequireWildcard(require("cozy-ui/transpiled/react/Tile"));
 
 var _twakeI18n = require("twake-i18n");
@@ -137,9 +135,9 @@ var AppTile = function AppTile(_ref) {
   }) : /*#__PURE__*/_react.default.createElement(IconComponent, (0, _extends2.default)({
     app: app,
     className: styles['AppTile-icon']
-  }, getAppIconProps())), isInMaintenanceWithSpecificDisplay && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, getAppIconProps())), isInMaintenanceWithSpecificDisplay && /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
     "data-testid": "icon-maintenance",
-    icon: _WrenchCircle.default,
+    icon: _twakeIcons.WrenchCircle,
     color: "var(--coolGrey)",
     className: styles['AppTile-icon-maintenance']
   })), /*#__PURE__*/_react.default.createElement(_Tile.TileDescription, {

package/dist/CipherIcon/index.js

@@ -23,6 +23,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -31,10 +33,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _cozyClient = require("cozy-client");
 
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _Keychain = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Keychain"));
-
 var _AppIcon = _interopRequireDefault(require("../AppIcon"));
 
 var _proptypes = require("../proptypes");
@@ -79,8 +77,8 @@ var CipherIcon = /*#__PURE__*/function (_React$PureComponent) {
           rest = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
       return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
         className: (0, _classnames.default)('u-dib u-pos-relative', className)
-      }, rest), /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        icon: _Keychain.default,
+      }, rest), /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+        icon: _twakeIcons.Keychain,
         size: 32
       }), /*#__PURE__*/_react.default.createElement("div", {
         className: "u-pos-absolute u-right-0 u-bottom-0"

package/dist/CollectionField/index.js

@@ -11,16 +11,12 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _CrossSmall = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/CrossSmall"));
-
-var _Plus = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Plus"));
-
 var _InputLabel = _interopRequireDefault(require("cozy-ui/transpiled/react/InputLabel"));
 
 var _Stack = _interopRequireDefault(require("cozy-ui/transpiled/react/Stack"));
@@ -116,8 +112,8 @@ var CollectionField = function CollectionField(props) {
       label: removeButtonLabel,
       iconOnly: true,
       round: true,
-      icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        icon: _CrossSmall.default,
+      icon: /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+        icon: _twakeIcons.CrossSmall,
         color: "var(--slateGrey)"
       }),
       onClick: function onClick() {
@@ -128,8 +124,8 @@ var CollectionField = function CollectionField(props) {
     label: addButtonLabel,
     type: "button",
     theme: "text",
-    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _Plus.default,
+    icon: /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+      icon: _twakeIcons.Plus,
       className: styles.CollectionField__addBtnIcon
     }),
     onClick: handleAdd,

package/dist/Contacts/AddModal/ContactForm/FieldInputAccordion.js

@@ -11,16 +11,12 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _twakeIcons = require("@linagora/twake-icons");
 
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
 
-var _Dropdown = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Dropdown"));
-
-var _Dropup = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Dropup"));
-
 var _twakeI18n = require("twake-i18n");
 
 var _FieldInput = _interopRequireDefault(require("./FieldInput"));
@@ -73,8 +69,8 @@ var FieldInputAccordion = function FieldInputAccordion(_ref) {
         return !v;
       });
     }
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icon: showExtended ? _Dropup.default : _Dropdown.default
+  }, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+    icon: showExtended ? _twakeIcons.Dropup : _twakeIcons.Dropdown
   }))), subFields.map(function (_ref2, index) {
     var name = _ref2.name,
         attributes = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);

package/dist/Contacts/AddModal/ContactForm/FieldInputArray.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -17,10 +19,6 @@ var _reactFinalFormArrays = require("react-final-form-arrays");
 
 var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
 
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _Plus = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Plus"));
-
 var _twakeI18n = require("twake-i18n");
 
 var _FieldInput = _interopRequireDefault(require("./FieldInput"));
@@ -82,8 +80,8 @@ var FieldInputArray = function FieldInputArray(_ref) {
       }));
     }), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
       variant: "text",
-      startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        icon: _Plus.default
+      startIcon: /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+        icon: _twakeIcons.Plus
       }),
       onClick: function onClick() {
         return (0, _helpers.addField)(fields);

package/dist/Contacts/AddModal/ContactForm/FieldInputLayout.js

@@ -9,14 +9,14 @@ exports.default = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
 var _twakeI18n = require("twake-i18n");
 
 var _FieldInput = _interopRequireDefault(require("./FieldInput"));
@@ -59,7 +59,7 @@ var FieldInputLayout = function FieldInputLayout(_ref) {
     })
   }, icon && /*#__PURE__*/_react.default.createElement("div", {
     className: "u-w-2-half"
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
     icon: icon,
     color: "var(--iconTextColor)"
   })), /*#__PURE__*/_react.default.createElement("div", {

package/dist/Contacts/AddModal/ContactForm/RemoveButton.js

@@ -7,14 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _twakeIcons = require("@linagora/twake-icons");
 
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+var _react = _interopRequireDefault(require("react"));
 
 var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
 
-var _CrossCircle = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/CrossCircle"));
-
 var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
 
 var RemoveButton = function RemoveButton(_ref) {
@@ -25,8 +23,8 @@ var RemoveButton = function RemoveButton(_ref) {
     "aria-label": "delete",
     size: "medium",
     onClick: onRemove
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icon: _CrossCircle.default
+  }, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+    icon: _twakeIcons.CrossCircle
   })));
 };
 

package/dist/Contacts/AddModal/ContactForm/fieldsConfig.js

@@ -7,31 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.fields = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _Bottom = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Bottom"));
-
-var _Calendar = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Calendar"));
-
-var _Cloud = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Cloud"));
-
-var _Comment = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Comment"));
-
-var _Company = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Company"));
+var _twakeIcons = require("@linagora/twake-icons");
 
-var _Email = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Email"));
-
-var _Location = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Location"));
-
-var _Matrix = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Matrix"));
-
-var _People = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/People"));
-
-var _Relationship = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Relationship"));
-
-var _Telephone = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Telephone"));
+var _react = _interopRequireDefault(require("react"));
 
 var _InputAdornment = _interopRequireDefault(require("cozy-ui/transpiled/react/InputAdornment"));
 
@@ -42,7 +20,7 @@ var _index = _interopRequireDefault(require("./TextFieldPhone/index"));
  */
 var fields = [{
   name: 'gender',
-  icon: _People.default,
+  icon: _twakeIcons.People,
   select: true,
   options: [{
     value: 'male',
@@ -73,7 +51,7 @@ var fields = [{
   isHalfWidth: true
 }, {
   name: 'company',
-  icon: _Company.default,
+  icon: _twakeIcons.Company,
   type: 'text',
   layout: 'accordion',
   subFields: [{
@@ -83,7 +61,7 @@ var fields = [{
   }]
 }, {
   name: 'phone',
-  icon: _Telephone.default,
+  icon: _twakeIcons.Telephone,
   type: 'tel',
   layout: 'array',
   component: _index.default,
@@ -118,7 +96,7 @@ var fields = [{
   }
 }, {
   name: 'email',
-  icon: _Email.default,
+  icon: _twakeIcons.Email,
   type: 'email',
   layout: 'array',
   label: {
@@ -140,11 +118,11 @@ var fields = [{
   }
 }, {
   name: 'matrix',
-  icon: _Matrix.default,
+  icon: _twakeIcons.Matrix,
   type: 'text'
 }, {
   name: 'address',
-  icon: _Location.default,
+  icon: _twakeIcons.Location,
   type: 'text',
   layout: 'array',
   InputProps: {
@@ -218,12 +196,12 @@ var fields = [{
   }
 }, {
   name: 'note',
-  icon: _Comment.default,
+  icon: _twakeIcons.Comment,
   type: 'text',
   multiline: true
 }, {
   name: 'cozy',
-  icon: _Cloud.default,
+  icon: _twakeIcons.Cloud,
   type: 'url',
   isSecondary: true,
   label: {
@@ -245,7 +223,7 @@ var fields = [{
   }
 }, {
   name: 'birthday',
-  icon: _Calendar.default,
+  icon: _twakeIcons.Calendar,
   type: 'date',
   isSecondary: true,
   InputLabelProps: {
@@ -258,15 +236,15 @@ var fields = [{
   isSecondary: true
 }, {
   name: 'relatedContact',
-  icon: _Relationship.default,
+  icon: _twakeIcons.Relationship,
   layout: 'array',
   isSecondary: true,
   InputProps: {
     readOnly: true,
     endAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
       position: "end"
-    }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _Bottom.default,
+    }, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+      icon: _twakeIcons.Bottom,
       color: "var(--iconTextColor)"
     }))
   },

package/dist/Contacts/AddModal/types.js

@@ -9,8 +9,6 @@ exports.labelPropTypes = exports.fieldInputAttributesTypes = exports.FieldInputW
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _Icon = require("cozy-ui/transpiled/react/Icon");
-
 /**
  * @typedef {'text'|'tel'|'email'|'button'|'url'|'date'} FieldType
  */
@@ -72,7 +70,7 @@ exports.labelPropTypes = labelPropTypes;
 
 var fieldInputAttributesTypes = _propTypes.default.shape({
   name: _propTypes.default.string,
-  icon: _Icon.iconPropType,
+  icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.func]),
   type: _propTypes.default.string,
   label: labelPropTypes,
   layout: _propTypes.default.string,

package/dist/Contacts/GroupsSelect/GroupCreation.js

@@ -25,14 +25,12 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _Plus = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Plus"));
-
 var _Input = _interopRequireDefault(require("cozy-ui/transpiled/react/legacy/Input"));
 
 var _twakeI18n = require("twake-i18n");
@@ -130,8 +128,8 @@ var GroupCreation = /*#__PURE__*/function (_Component) {
       }, !isInputDisplayed && /*#__PURE__*/_react.default.createElement("div", {
         onClick: this.handleClick,
         className: styles['contact-group-create-div-icon']
-      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-        icon: _Plus.default
+      }, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+        icon: _twakeIcons.Plus
       }), /*#__PURE__*/_react.default.createElement("span", {
         className: "u-pl-half"
       }, t('Contacts.GroupsSelect.create'))), isInputDisplayed && /*#__PURE__*/_react.default.createElement(_Input.default, {

package/dist/Contacts/GroupsSelect/SelectBox/Control.js

@@ -9,16 +9,14 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
 var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
 
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _BottomSelect = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/BottomSelect"));
-
 var _twakeI18n = require("twake-i18n");
 
 var _locales = require("../locales");
@@ -40,8 +38,8 @@ var Control = function Control(_ref) {
     onClick: onControlClicked,
     onTouchStart: onControlClicked,
     label: t('Contacts.GroupsSelect.manage'),
-    startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _BottomSelect.default,
+    startIcon: /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+      icon: _twakeIcons.BottomSelect,
       width: "12"
     })
   }));

package/dist/Contacts/Header/ImportDropdown.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _cozyClient = require("cozy-client");
@@ -17,12 +19,6 @@ var _contact = require("cozy-client/dist/models/contact");
 
 var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
 
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _Bottom = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Bottom"));
-
-var _Team = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Team"));
-
 var _Link = _interopRequireDefault(require("cozy-ui/transpiled/react/Link"));
 
 var _ActionMenu = _interopRequireWildcard(require("cozy-ui/transpiled/react/deprecated/ActionMenu"));
@@ -65,8 +61,8 @@ var ImportDropdown = function ImportDropdown(_ref) {
     ref: anchorRef,
     variant: "secondary",
     label: t('Contacts.Header.import.title'),
-    endIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _Bottom.default
+    endIcon: /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+      icon: _twakeIcons.Bottom
     }),
     fullWidth: true,
     onClick: function onClick() {
@@ -83,8 +79,8 @@ var ImportDropdown = function ImportDropdown(_ref) {
       return setShowMenu(false);
     }
   }, /*#__PURE__*/_react.default.createElement(_ActionMenu.ActionMenuItem, {
-    left: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _Team.default
+    left: /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+      icon: _twakeIcons.Team
     }),
     onClick: onContactImport
   }, t('Contacts.Header.import.vcard')), /*#__PURE__*/_react.default.createElement(_AppLinker.default, {

package/dist/Contacts/Header/index.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -15,10 +17,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
 
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _PersonAdd = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/PersonAdd"));
-
 var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
 
 var _twakeI18n = require("twake-i18n");
@@ -57,8 +55,8 @@ var Header = function Header(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
     className: "u-mr-half",
     variant: "ghost",
-    startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _PersonAdd.default
+    startIcon: /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+      icon: _twakeIcons.PersonAdd
     }),
     label: t('Contacts.Header.create'),
     fullWidth: true,

package/dist/ContactsListModal/AddContact/AddContactContent.js

@@ -9,14 +9,12 @@ exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _People = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/People"));
-
 var _TextField = _interopRequireDefault(require("cozy-ui/transpiled/react/TextField"));
 
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
@@ -50,8 +48,8 @@ var AddContactContent = function AddContactContent(_ref) {
     variant: "h5"
   }, t('coordinates')), /*#__PURE__*/_react.default.createElement(_Media.Media, null, /*#__PURE__*/_react.default.createElement(_Media.Img, {
     className: styles.icon
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icon: _People.default
+  }, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+    icon: _twakeIcons.People
   })), /*#__PURE__*/_react.default.createElement(_Media.Bd, {
     className: "u-mr-1"
   }, /*#__PURE__*/_react.default.createElement(_TextField.default, {

package/dist/ContactsListModal/ContactsListModal.js

@@ -11,6 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -25,10 +27,6 @@ var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs");
 
 var _Dialog = require("cozy-ui/transpiled/react/Dialog");
 
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _Plus = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Plus"));
-
 var _TextField = _interopRequireDefault(require("cozy-ui/transpiled/react/TextField"));
 
 var _useEventListener = _interopRequireDefault(require("cozy-ui/transpiled/react/hooks/useEventListener"));
@@ -130,12 +128,12 @@ var ContactsListModal = function ContactsListModal(_ref) {
     className: isMobile && 'u-mt-1',
     variant: "secondary",
     theme: "secondary",
-    label: selfAddContactLabel || /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _Plus.default
+    label: selfAddContactLabel || /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+      icon: _twakeIcons.Plus
     })
   }, selfAddContactLabel && {
-    startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _Plus.default
+    startIcon: /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
+      icon: _twakeIcons.Plus
     })
   }, {
     onClick: setShowAddDialog