cozy-ui 135.3.0 → 135.5.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [135.5.0](https://github.com/cozy/cozy-ui/compare/v135.4.0...v135.5.0) (2026-01-24)
+
+
+### Features
+
+* Add assistant icon :sparkles: ([19b4b67](https://github.com/cozy/cozy-ui/commit/19b4b67))
+
+# [135.4.0](https://github.com/cozy/cozy-ui/compare/v135.3.0...v135.4.0) (2026-01-21)
+
+
+### Features
+
+* Add article icon :sparkles: ([9bd502a](https://github.com/cozy/cozy-ui/commit/9bd502a))
+
 # [135.3.0](https://github.com/cozy/cozy-ui/compare/v135.2.0...v135.3.0) (2026-01-16)
 
 

package/assets/icons/illus/assistant-color.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_19251_33606)"><path d="M6.626 10.332a1.333 1.333 0 0 0-.958-.958L1.578 8.32a.333.333 0 0 1 0-.642l4.09-1.055a1.333 1.333 0 0 0 .958-.957l1.055-4.09a.333.333 0 0 1 .642 0l1.054 4.09a1.333 1.333 0 0 0 .958.958l4.09 1.054a.333.333 0 0 1 0 .642l-4.09 1.054a1.333 1.333 0 0 0-.958.958l-1.055 4.09a.333.333 0 0 1-.642 0l-1.054-4.09Z" stroke="#868687" stroke-width="1.333" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.626 10.332a1.333 1.333 0 0 0-.958-.958L1.578 8.32a.333.333 0 0 1 0-.642l4.09-1.055a1.333 1.333 0 0 0 .958-.957l1.055-4.09a.333.333 0 0 1 .642 0l1.054 4.09a1.333 1.333 0 0 0 .958.958l4.09 1.054a.333.333 0 0 1 0 .642l-4.09 1.054a1.333 1.333 0 0 0-.958.958l-1.055 4.09a.333.333 0 0 1-.642 0l-1.054-4.09Z" stroke="url(#paint0_linear_19251_33606)" stroke-opacity=".9" stroke-width="1.333" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.335 1.334c.368 0 .667.3.667.667v.666h.668a.667.667 0 0 1 0 1.334h-.668v.667a.667.667 0 0 1-1.334 0v-.667h-.665a.667.667 0 0 1 0-1.334h.665v-.666c0-.368.299-.667.667-.667Z" fill="url(#paint1_linear_19251_33606)" fill-opacity=".9"/><path d="M2.667 10.667c.368 0 .665.298.666.665a.667.667 0 0 1 .001 1.333v.002a.667.667 0 0 1-1.334 0v-.001h-.001a.667.667 0 0 1 0-1.334H2a.667.667 0 0 1 .667-.665Z" fill="url(#paint2_linear_19251_33606)" fill-opacity=".9"/></g><defs><linearGradient id="paint0_linear_19251_33606" x1="1.336" y1="7.999" x2="19.625" y2="7.999" gradientUnits="userSpaceOnUse"><stop stop-color="#00B7FF"/><stop offset=".567" stop-color="#E06DD1"/><stop offset="1" stop-color="#FF0"/></linearGradient><linearGradient id="paint1_linear_19251_33606" x1="11.336" y1="3.334" x2="16.822" y2="3.334" gradientUnits="userSpaceOnUse"><stop stop-color="#00B7FF"/><stop offset=".567" stop-color="#E06DD1"/><stop offset="1" stop-color="#FF0"/></linearGradient><linearGradient id="paint2_linear_19251_33606" x1="1.332" y1="12.001" x2="4.99" y2="12.001" gradientUnits="userSpaceOnUse"><stop stop-color="#00B7FF"/><stop offset=".567" stop-color="#E06DD1"/><stop offset="1" stop-color="#FF0"/></linearGradient><clipPath id="clip0_19251_33606"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/assets/icons/ui/article.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.611 0c1.588 0 2.351.147 3.144.572.72.384 1.289.953 1.673 1.673.425.793.572 1.556.572 3.144v5.222c0 1.588-.147 2.351-.572 3.144a4.032 4.032 0 0 1-1.673 1.673c-.793.425-1.556.572-3.144.572H5.39c-1.588 0-2.351-.147-3.144-.572a4.032 4.032 0 0 1-1.673-1.673C.147 12.962 0 12.2 0 10.611V5.39C0 3.8.147 3.038.572 2.245A4.031 4.031 0 0 1 2.245.572C3.038.147 3.8 0 5.389 0h5.222Zm0 1.455H5.39c-1.368 0-1.905.103-2.458.4-.466.248-.828.61-1.077 1.076-.296.553-.4 1.09-.4 2.458v5.222c0 1.368.104 1.905.4 2.458.25.466.61.828 1.077 1.077.553.296 1.09.4 2.458.4h5.222c1.368 0 1.905-.104 2.458-.4.466-.25.828-.61 1.077-1.077.296-.553.4-1.09.4-2.458V5.39c0-1.368-.104-1.905-.4-2.458a2.577 2.577 0 0 0-1.077-1.077c-.553-.296-1.09-.4-2.458-.4Zm-3.338 9.09a.727.727 0 1 1 0 1.455h-2.91a.727.727 0 1 1 0-1.454h2.91Zm4.363-3.272a.727.727 0 0 1 0 1.454H4.364a.727.727 0 1 1 0-1.454h7.272Zm0-3.273a.727.727 0 0 1 0 1.455H4.364a.727.727 0 0 1 0-1.455h7.272Z" fill="#424244"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "135.3.0",
+  "version": "135.5.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {
@@ -203,6 +203,5 @@
   },
   "browserslist": [
     "extends browserslist-config-cozy"
-  ],
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  ]
 }

package/react/Icon/Readme.md

@@ -71,6 +71,7 @@ import Answer from 'cozy-ui/transpiled/react/Icons/Answer'
 import Apple from 'cozy-ui/transpiled/react/Icons/Apple'
 import Archive from 'cozy-ui/transpiled/react/Icons/Archive'
 import ArrowUp from 'cozy-ui/transpiled/react/Icons/ArrowUp'
+import Article from 'cozy-ui/transpiled/react/Icons/Article'
 import AssignAdmin from 'cozy-ui/transpiled/react/Icons/AssignAdmin'
 import AssignModerator from 'cozy-ui/transpiled/react/Icons/AssignModerator'
 import Assistant from 'cozy-ui/transpiled/react/Icons/Assistant'
@@ -361,6 +362,7 @@ const icons = [
   Apple,
   Archive,
   ArrowUp,
+  Article,
   AssignAdmin,
   AssignModerator,
   Assistant,
@@ -713,6 +715,7 @@ import DemoProvider from 'cozy-ui/docs/components/DemoProvider'
 import cx from 'classnames'
 
 import AccountIcon from 'cozy-ui/transpiled/react/Icons/Account'
+import AssistantColorIcon from 'cozy-ui/transpiled/react/Icons/AssistantColor'
 import BottomSelectIcon from 'cozy-ui/transpiled/react/Icons/BottomSelect'
 import CreditCardLargeIcon from 'cozy-ui/transpiled/react/Icons/CreditCardLarge'
 import ChatIcon from 'cozy-ui/transpiled/react/Icons/Chat'
@@ -767,6 +770,7 @@ import TwakeWorkplace from 'cozy-ui/transpiled/react/Icons/TwakeWorkplace'
 
 const icons = [
   AccountIcon,
+  AssistantColorIcon,
   BottomSelectIcon,
   ChatIcon,
   CheckWhiteIcon,
@@ -1010,7 +1014,7 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
 
 const colors = ['#297EF2', '#08b442', '#B449E7', '#F52D2D', '#FF962F']
 let i = 0
-const availableIcons = ['album-add','album-remove','album','answer','apple','archive','arrowUp','assign-admin','assign-moderator','attachment','attention','bank-check','bank','banking-add','banking','bell','benefit','bike','bill','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-edge-chromium','browser-firefox','browser-ie','browser-opera','browser-safari','burger','bus','calendar','camera','car','carbonCopy','carpooling','categories','certified','check-circle','check-list','check-square','check','checkbox','chess','child','circle-filled','clock','clock-outline','cloud-happy','cloud-rainbow','cloud-plus-outlined','cloud','cloud2','collect','cocktail','comment','company','compare','compass','connector','contract','contrast','copy','cozy-circle','cozy-laugh', 'cozy-lock', 'cozy-text', 'cozy-release', 'credit-card-add','credit-card','credit','crop','cross-circle-outline','cross-circle','cross-medium','cross-small','cross','cube','dash','dashboard','data-control','database','debit','desktop-download','devices','discuss','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','electric-bike','electric-car','electric-scooter','email-notification','email-open','email','eu','euro','exchange','expert','eye-closed','eye','face-id','file-add','file-duotone','file-new','file-none','file-outline','file','filter','fingerprint','fitness','flag-outlined','flag','flash-auto','flashlight','folder-add','folder-moveto','folder-open','folder','forbidden','from-user','gear','globe','gouv','graph-circle','grid','group-list','groups','growth','hand','heart','help','help-outlined','history','home','hourglass','image','info-outlined','info','justice','key','key2','label-outlined','laudry','laptop','left','library','lightbulb','lightning','link-out','link','list','list-min','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','matrix','merge','moped','mosaic','mosaic-min','motorcycle','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','new','next','note','notification-email','number','offline','online', 'openapp', 'openwith','palette','paper','paperplane','password','pen','people','peoples','percent-circle','percent','person-add','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','planet','plus-small','plus', 'pop-inside', 'previous','printer','qualify','radio-checked','radio-unchecked','refresh','relationship','remboursement','rename','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','scooter','secutiry','select-all','send','server','setting','share-circle','share','shield','shield-infected','shield-clean','shop','sound','spinner','sport-bag','stack','star','star-outline','stats','stop', 'subway', 'support', 'swap', 'sync-cozy','sync','tab','tag','target','task','team','telecom','telephone','text','text-info','to-the-cloud','top','train','tram','trash','trophy', 'uncloud', 'unknow','unlink','unlock','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','water','wrench-circle','work']
+const availableIcons = ['album-add','album-remove','album','answer','apple','archive','arrowUp', 'article', 'assign-admin','assign-moderator','attachment','attention','bank-check','bank','banking-add','banking','bell','benefit','bike','bill','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-edge-chromium','browser-firefox','browser-ie','browser-opera','browser-safari','burger','bus','calendar','camera','car','carbonCopy','carpooling','categories','certified','check-circle','check-list','check-square','check','checkbox','chess','child','circle-filled','clock','clock-outline','cloud-happy','cloud-rainbow','cloud-plus-outlined','cloud','cloud2','collect','cocktail','comment','company','compare','compass','connector','contract','contrast','copy','cozy-circle','cozy-laugh', 'cozy-lock', 'cozy-text', 'cozy-release', 'credit-card-add','credit-card','credit','crop','cross-circle-outline','cross-circle','cross-medium','cross-small','cross','cube','dash','dashboard','data-control','database','debit','desktop-download','devices','discuss','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','electric-bike','electric-car','electric-scooter','email-notification','email-open','email','eu','euro','exchange','expert','eye-closed','eye','face-id','file-add','file-duotone','file-new','file-none','file-outline','file','filter','fingerprint','fitness','flag-outlined','flag','flash-auto','flashlight','folder-add','folder-moveto','folder-open','folder','forbidden','from-user','gear','globe','gouv','graph-circle','grid','group-list','groups','growth','hand','heart','help','help-outlined','history','home','hourglass','image','info-outlined','info','justice','key','key2','label-outlined','laudry','laptop','left','library','lightbulb','lightning','link-out','link','list','list-min','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','matrix','merge','moped','mosaic','mosaic-min','motorcycle','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','new','next','note','notification-email','number','offline','online', 'openapp', 'openwith','palette','paper','paperplane','password','pen','people','peoples','percent-circle','percent','person-add','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','planet','plus-small','plus', 'pop-inside', 'previous','printer','qualify','radio-checked','radio-unchecked','refresh','relationship','remboursement','rename','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','scooter','secutiry','select-all','send','server','setting','share-circle','share','shield','shield-infected','shield-clean','shop','sound','spinner','sport-bag','stack','star','star-outline','stats','stop', 'subway', 'support', 'swap', 'sync-cozy','sync','tab','tag','target','task','team','telecom','telephone','text','text-info','to-the-cloud','top','train','tram','trash','trophy', 'uncloud', 'unknow','unlink','unlock','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','water','wrench-circle','work']
 ;
 
 <Grid container spacing={2}>
@@ -1042,7 +1046,7 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
 import Grid from 'cozy-ui/transpiled/react/Grid'
 import Sprite from 'cozy-ui/transpiled/react/Icon/Sprite'
 
-const availableIcons = ['account', 'bottom-select', 'check-white', 'cloud-broken', 'contacts', 'cozy-authentification', 'cozy-logo', 'cozy-upgrade', 'credit-card-large', 'dash-white', 'device-browser', 'device-laptop', 'device-phone', 'device-tablet', 'file-type-audio', 'file-type-banking-account' , 'file-type-bin', 'file-type-code', 'file-type-files', 'file-type-folder', 'file-type-server', 'file-type-shared-drive', 'file-type-shared-drive-grey', 'file-type-image', 'file-type-note', 'file-type-pdf', 'file-type-sheet', 'file-type-slide', 'file-type-text', 'file-type-video', 'file-type-zip', 'forbidden-sign', 'google', 'keychain', 'logout-large', 'papers', 'only-office', 'store', 'top-select', 'trash-duotone', 'cozy'];
+const availableIcons = ['account', 'assistant-color', 'bottom-select', 'check-white', 'cloud-broken', 'contacts', 'cozy-authentification', 'cozy-logo', 'cozy-upgrade', 'credit-card-large', 'dash-white', 'device-browser', 'device-laptop', 'device-phone', 'device-tablet', 'file-type-audio', 'file-type-banking-account' , 'file-type-bin', 'file-type-code', 'file-type-files', 'file-type-folder', 'file-type-server', 'file-type-shared-drive', 'file-type-shared-drive-grey', 'file-type-image', 'file-type-note', 'file-type-pdf', 'file-type-sheet', 'file-type-slide', 'file-type-text', 'file-type-video', 'file-type-zip', 'forbidden-sign', 'google', 'keychain', 'logout-large', 'papers', 'only-office', 'store', 'top-select', 'trash-duotone', 'cozy'];
 
 <Grid container spacing={2}>
   <Sprite />

package/react/Icons/Article.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/article.svg` to regenerate;
+import React from 'react'
+
+function SvgArticle(props) {
+  return (
+    <svg viewBox="0 0 16 16" fill="none" {...props}>
+      <path d="M10.611 0c1.588 0 2.351.147 3.144.572.72.384 1.289.953 1.673 1.673.425.793.572 1.556.572 3.144v5.222c0 1.588-.147 2.351-.572 3.144a4.032 4.032 0 01-1.673 1.673c-.793.425-1.556.572-3.144.572H5.39c-1.588 0-2.351-.147-3.144-.572a4.032 4.032 0 01-1.673-1.673C.147 12.962 0 12.2 0 10.611V5.39C0 3.8.147 3.038.572 2.245A4.031 4.031 0 012.245.572C3.038.147 3.8 0 5.389 0h5.222zm0 1.455H5.39c-1.368 0-1.905.103-2.458.4a2.57 2.57 0 00-1.077 1.076c-.296.553-.4 1.09-.4 2.458v5.222c0 1.368.104 1.905.4 2.458.25.466.61.828 1.077 1.077.553.296 1.09.4 2.458.4h5.222c1.368 0 1.905-.104 2.458-.4.466-.25.828-.61 1.077-1.077.296-.553.4-1.09.4-2.458V5.39c0-1.368-.104-1.905-.4-2.458a2.577 2.577 0 00-1.077-1.077c-.553-.296-1.09-.4-2.458-.4zm-3.338 9.09a.727.727 0 110 1.455h-2.91a.727.727 0 110-1.454h2.91zm4.363-3.272a.727.727 0 010 1.454H4.364a.727.727 0 110-1.454h7.272zm0-3.273a.727.727 0 010 1.455H4.364a.727.727 0 010-1.455h7.272z" />
+    </svg>
+  )
+}
+
+export default SvgArticle

package/react/Icons/AssistantColor.jsx

@@ -0,0 +1,79 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/illus/assistant-color.svg` to regenerate;
+import React from 'react'
+
+function SvgAssistantColor(props) {
+  return (
+    <svg viewBox="0 0 16 16" fill="none" {...props}>
+      <g clipPath="url(#assistant-color_svg__clip0_19251_33606)">
+        <path
+          d="M6.626 10.332a1.333 1.333 0 00-.958-.958L1.578 8.32a.333.333 0 010-.642l4.09-1.055a1.333 1.333 0 00.958-.957l1.055-4.09a.333.333 0 01.642 0l1.054 4.09a1.333 1.333 0 00.958.958l4.09 1.054a.333.333 0 010 .642l-4.09 1.054a1.333 1.333 0 00-.958.958l-1.055 4.09a.333.333 0 01-.642 0l-1.054-4.09z"
+          stroke="#868687"
+          strokeWidth={1.333}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M6.626 10.332a1.333 1.333 0 00-.958-.958L1.578 8.32a.333.333 0 010-.642l4.09-1.055a1.333 1.333 0 00.958-.957l1.055-4.09a.333.333 0 01.642 0l1.054 4.09a1.333 1.333 0 00.958.958l4.09 1.054a.333.333 0 010 .642l-4.09 1.054a1.333 1.333 0 00-.958.958l-1.055 4.09a.333.333 0 01-.642 0l-1.054-4.09z"
+          stroke="url(#assistant-color_svg__paint0_linear_19251_33606)"
+          strokeOpacity={0.9}
+          strokeWidth={1.333}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M13.335 1.334c.368 0 .667.3.667.667v.666h.668a.667.667 0 010 1.334h-.668v.667a.667.667 0 01-1.334 0v-.667h-.665a.667.667 0 010-1.334h.665v-.666c0-.368.299-.667.667-.667z"
+          fill="url(#assistant-color_svg__paint1_linear_19251_33606)"
+          fillOpacity={0.9}
+        />
+        <path
+          d="M2.667 10.667c.368 0 .665.298.666.665a.667.667 0 01.001 1.333v.002a.667.667 0 01-1.334 0v-.001h-.001a.667.667 0 010-1.334H2a.667.667 0 01.667-.665z"
+          fill="url(#assistant-color_svg__paint2_linear_19251_33606)"
+          fillOpacity={0.9}
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="assistant-color_svg__paint0_linear_19251_33606"
+          x1={1.336}
+          y1={7.999}
+          x2={19.625}
+          y2={7.999}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#00B7FF" />
+          <stop offset={0.567} stopColor="#E06DD1" />
+          <stop offset={1} stopColor="#FF0" />
+        </linearGradient>
+        <linearGradient
+          id="assistant-color_svg__paint1_linear_19251_33606"
+          x1={11.336}
+          y1={3.334}
+          x2={16.822}
+          y2={3.334}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#00B7FF" />
+          <stop offset={0.567} stopColor="#E06DD1" />
+          <stop offset={1} stopColor="#FF0" />
+        </linearGradient>
+        <linearGradient
+          id="assistant-color_svg__paint2_linear_19251_33606"
+          x1={1.332}
+          y1={12.001}
+          x2={4.99}
+          y2={12.001}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#00B7FF" />
+          <stop offset={0.567} stopColor="#E06DD1" />
+          <stop offset={1} stopColor="#FF0" />
+        </linearGradient>
+        <clipPath id="assistant-color_svg__clip0_19251_33606">
+          <path fill="#fff" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgAssistantColor