cozy-ui 136.0.0 → 136.2.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [136.2.0](https://github.com/cozy/cozy-ui/compare/v136.1.0...v136.2.0) (2026-03-02)
+
+
+### Features
+
+* Add upgrade-plan icon ([89939ff](https://github.com/cozy/cozy-ui/commit/89939ff))
+
+# [136.1.0](https://github.com/cozy/cozy-ui/compare/v136.0.0...v136.1.0) (2026-02-18)
+
+
+### Features
+
+* Add CalendarApp and CalendarText icons ([c4fb339](https://github.com/cozy/cozy-ui/commit/c4fb339))
+* Support Calendar in AppTitle component ([b57c6d7](https://github.com/cozy/cozy-ui/commit/b57c6d7))
+
 # [136.0.0](https://github.com/cozy/cozy-ui/compare/v135.8.0...v136.0.0) (2026-02-04)
 
 

package/assets/icons/illus/calendar-app.svg

@@ -0,0 +1 @@
+<svg width="197" height="197" viewBox="0 0 197 197" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="197" height="197" rx="64.764" fill="url(#paint0_linear_60858_90)"/><g filter="url(#filter0_d_60858_90)"><path fill-rule="evenodd" clip-rule="evenodd" d="M66.58 38.931c-1.135-.607-2.478-.931-4.277-.931h-.57c-1.8 0-3.142.324-4.277.931a6.327 6.327 0 0 0-2.633 2.636c-.607 1.136-.93 2.481-.93 4.283l.005 2.637c-2.66.616-4.65 1.466-6.647 2.535-4.54 2.43-8.102 5.998-10.53 10.543C34.293 66.11 33 70.619 33 83.051v40.054c0 12.433 1.293 16.941 3.72 21.486 2.429 4.546 5.992 8.113 10.531 10.543 4.54 2.431 9.042 3.725 21.46 3.725h58.578c12.417 0 16.92-1.294 21.46-3.725 4.539-2.43 8.102-5.997 10.53-10.543 2.428-4.545 3.721-9.053 3.721-21.486V83.051c0-12.432-1.293-16.94-3.721-21.486-2.428-4.545-5.991-8.112-10.53-10.543-1.995-1.068-3.983-1.917-6.639-2.533l-.003-2.64c0-1.801-.323-3.146-.93-4.282a6.33 6.33 0 0 0-2.633-2.636c-1.135-.607-2.478-.931-4.277-.931h-.57c-1.799 0-3.142.324-4.277.931a6.33 6.33 0 0 0-2.633 2.636c-.607 1.136-.93 2.481-.93 4.283v1.447l-55.714-.01V45.85c0-1.802-.323-3.147-.93-4.283a6.327 6.327 0 0 0-2.633-2.636ZM56.987 82.16h82.025c2.691 0 3.667.28 4.65.807a5.486 5.486 0 0 1 2.282 2.285c.526.985.806 1.961.806 4.655v41.968l-.063 1.165a10.692 10.692 0 0 1-10.639 9.527l-73.135-.161-1.476-.022c-3.66-.105-5.194-.591-6.738-1.42a9.707 9.707 0 0 1-4.026-4.041c-.93-1.741-1.423-3.467-1.423-8.227V89.907l.017-1.054c.068-1.919.338-2.757.79-3.601a5.483 5.483 0 0 1 2.28-2.285c.984-.526 1.96-.807 4.65-.807Zm69.228 11.621h-5.359c-3.104 0-4.23.324-5.365.932a6.33 6.33 0 0 0-2.632 2.635c-.607 1.136-.93 2.264-.93 5.372v5.365c0 3.108.323 4.235.93 5.371a6.329 6.329 0 0 0 2.632 2.636c1.135.608 2.261.931 5.365.931h5.359c3.105 0 4.23-.323 5.365-.931a6.33 6.33 0 0 0 2.633-2.636c.606-1.136.93-2.263.93-5.371v-5.365c0-3.108-.324-4.236-.93-5.372a6.333 6.333 0 0 0-2.633-2.635c-1.135-.608-2.26-.932-5.365-.932Z" fill="#fff"/></g><defs><linearGradient id="paint0_linear_60858_90" x1="18.5" y1="196" x2="235" y2="-27.5" gradientUnits="userSpaceOnUse"><stop offset=".287" stop-color="#FD813C"/><stop offset="1" stop-color="#FFF500"/></linearGradient><filter id="filter0_d_60858_90" x="23" y="30" width="150" height="140.859" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_60858_90"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_60858_90" result="shape"/></filter></defs></svg>

package/assets/icons/illus/calendar-text.svg

@@ -0,0 +1 @@
+<svg width="680" height="123" viewBox="0 0 680 123" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M59.925 122.28c-11.168 0-21.345-2.633-30.54-7.9-9.083-5.376-16.253-12.617-21.506-21.724C2.628 83.55 0 73.566 0 62.704c0-10.972 2.514-21.011 7.55-30.118 5.145-9.216 12.26-16.457 21.342-21.724 9.086-5.376 19.428-8.064 31.033-8.064 9.303 0 17.29 1.48 23.967 4.443 6.785 2.853 12.808 7.406 18.061 13.66L85.701 35.055c-6.897-7.242-15.49-10.862-25.776-10.862-7.226 0-13.574 1.755-19.048 5.266-5.473 3.401-9.684 8.064-12.639 13.99-2.955 5.814-4.435 12.233-4.435 19.255 0 7.021 1.48 13.44 4.435 19.255 3.064 5.815 7.33 10.423 12.804 13.824 5.582 3.402 12.042 5.102 19.372 5.102 10.727 0 19.484-3.73 26.27-11.19l16.745 14.317c-4.596 5.596-10.614 10.039-18.057 13.331-7.334 3.291-15.815 4.937-25.447 4.937Zm85.342 0c-7.663 0-14.725-1.975-21.181-5.925-6.456-4.059-11.601-9.49-15.435-16.293-3.721-6.802-5.581-14.263-5.581-22.382 0-8.12 1.86-15.58 5.581-22.383 3.834-6.911 8.979-12.397 15.435-16.457 6.456-4.06 13.518-6.09 21.181-6.09 7.001 0 12.639 1.317 16.91 3.95 4.374 2.634 7.771 6.419 10.177 11.356V34.561h21.998v85.579h-21.505v-13.989c-2.518 5.157-5.967 9.162-10.341 12.014-4.271 2.743-10.018 4.115-17.239 4.115Zm-20.03-44.765c0 4.389.982 8.504 2.955 12.344 2.077 3.73 4.868 6.747 8.373 9.051 3.609 2.194 7.715 3.292 12.31 3.292 4.708 0 8.866-1.098 12.48-3.292 3.721-2.194 6.568-5.156 8.537-8.887 1.969-3.73 2.955-7.845 2.955-12.343 0-4.499-.986-8.613-2.955-12.344-1.969-3.84-4.816-6.857-8.537-9.051-3.614-2.304-7.772-3.456-12.48-3.456-4.595 0-8.701 1.152-12.31 3.456-3.613 2.194-6.404 5.157-8.373 8.887-1.973 3.73-2.955 7.845-2.955 12.343ZM207.524 0h22.163v120.14h-22.163V0Zm76.151 122.28c-8.645 0-16.308-1.975-22.985-5.925-6.677-4.059-11.873-9.49-15.595-16.293-3.721-6.802-5.581-14.318-5.581-22.547 0-8.119 1.912-15.634 5.746-22.546 3.829-6.913 9.082-12.399 15.759-16.458 6.789-4.06 14.34-6.09 22.656-6.09 8.321 0 15.763 2.03 22.328 6.09 6.676 4.06 11.821 9.545 15.434 16.458 3.721 6.802 5.582 14.318 5.582 22.546 0 2.743-.216 5.377-.658 7.9h-63.862c1.311 5.157 3.773 9.326 7.386 12.508 3.721 3.072 8.321 4.608 13.79 4.608 4.6 0 8.702-1.042 12.315-3.127 3.613-2.194 6.456-4.992 8.537-8.393l17.239 13.001c-3.501 5.486-8.646 9.93-15.435 13.331-6.784 3.291-14.335 4.937-22.656 4.937Zm21.016-53.487c-1.315-4.937-3.885-9.052-7.715-12.344-3.833-3.29-8.372-4.936-13.63-4.936-5.14 0-9.632 1.59-13.461 4.772-3.721 3.182-6.183 7.351-7.386 12.508h42.192ZM336.75 34.56h21.834V47.07c4.488-9.656 13.189-14.483 26.105-14.483 6.132 0 11.657 1.481 16.582 4.444 4.928 2.852 8.814 6.967 11.657 12.343 2.847 5.266 4.27 11.41 4.27 18.432v52.335h-22.167V73.236c0-7.131-1.64-12.453-4.924-15.963-3.284-3.512-7.772-5.267-13.462-5.267-5.036 0-9.251 1.81-12.643 5.431-3.393 3.51-5.089 8.777-5.089 15.8v46.903H336.75V34.561Zm131.741 87.719c-7.663 0-14.721-1.975-21.177-5.925-6.46-4.059-11.605-9.49-15.434-16.293-3.721-6.802-5.582-14.263-5.582-22.382 0-8.12 1.861-15.58 5.582-22.383 3.829-6.911 8.974-12.397 15.434-16.457 6.456-4.06 13.514-6.09 21.177-6.09 7.005 0 12.643 1.317 16.91 3.95 4.271 2.524 7.607 6.2 10.017 11.027V0h22.163v120.14h-21.51v-13.989c-2.514 5.157-5.962 9.162-10.341 12.014-4.267 2.743-10.013 4.115-17.239 4.115Zm-20.03-44.765c0 4.389.987 8.504 2.955 12.344 2.082 3.73 4.873 6.747 8.373 9.051 3.613 2.194 7.715 3.292 12.315 3.292 4.708 0 8.866-1.098 12.479-3.292 3.721-2.194 6.564-5.156 8.537-8.887 1.969-3.73 2.951-7.845 2.951-12.343 0-4.499-.982-8.613-2.951-12.344-1.973-3.84-4.816-6.857-8.537-9.051-3.613-2.304-7.771-3.456-12.479-3.456-4.6 0-8.702 1.152-12.315 3.456-3.613 2.194-6.404 5.157-8.373 8.887-1.968 3.73-2.955 7.845-2.955 12.343Zm121.2 44.765c-7.663 0-14.721-1.975-21.181-5.925-6.456-4.059-11.601-9.49-15.43-16.293-3.721-6.802-5.582-14.263-5.582-22.382 0-8.12 1.861-15.58 5.582-22.383 3.829-6.911 8.974-12.397 15.43-16.457 6.46-4.06 13.518-6.09 21.181-6.09 7.005 0 12.639 1.317 16.91 3.95 4.379 2.634 7.771 6.419 10.177 11.356V34.561h22.003v85.579h-21.51v-13.989c-2.518 5.157-5.962 9.162-10.341 12.014-4.271 2.743-10.017 4.115-17.239 4.115Zm-20.03-44.765c0 4.389.982 8.504 2.955 12.344 2.077 3.73 4.868 6.747 8.373 9.051 3.613 2.194 7.715 3.292 12.315 3.292 4.703 0 8.862-1.098 12.475-3.292 3.721-2.194 6.568-5.156 8.537-8.887 1.969-3.73 2.955-7.845 2.955-12.343 0-4.499-.986-8.613-2.955-12.344-1.969-3.84-4.816-6.857-8.537-9.051-3.613-2.304-7.772-3.456-12.475-3.456-4.6 0-8.702 1.152-12.315 3.456-3.613 2.194-6.404 5.157-8.373 8.887-1.973 3.73-2.955 7.845-2.955 12.343Zm82.287-42.954h21.51v16.293c1.531-6.254 4.487-10.972 8.861-14.154 4.492-3.181 10.346-4.553 17.568-4.114v20.901h-3.12c-6.564 0-11.981 2.085-16.252 6.254-4.266 4.06-6.404 9.6-6.404 16.622v43.777h-22.163V34.561Z" fill="url(#paint0_linear_60858_89)"/><defs><linearGradient id="paint0_linear_60858_89" x1="281" y1="-75.5" x2="281" y2="171.5" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB73D"/><stop offset="1" stop-color="#F26C32"/></linearGradient></defs></svg>

package/assets/icons/ui/upgrade-plan.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m6.328 8.907 1.767-1.341 1.76 1.34-.67-2.17 1.767-1.403H8.79l-.694-2.14-.693 2.14H5.238l1.76 1.402-.67 2.172Zm7.862-2.812A6.094 6.094 0 0 0 8.096 0 6.094 6.094 0 0 0 2 6.095c0 1.547.58 2.949 1.524 4.023V16l4.571-1.524L12.667 16v-5.882a6.066 6.066 0 0 0 1.524-4.023ZM8.096 1.524a4.575 4.575 0 0 1 4.572 4.571 4.575 4.575 0 0 1-4.572 4.572 4.575 4.575 0 0 1-4.571-4.572 4.575 4.575 0 0 1 4.571-4.571Zm0 11.428-3.047.777v-2.361a6.08 6.08 0 0 0 3.047.822 6.08 6.08 0 0 0 3.048-.822v2.361l-3.048-.777Z"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "136.0.0",
+  "version": "136.2.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/AppTitle/Readme.md

@@ -7,7 +7,7 @@ You can pass a child that will be used as default value is app is not supported.
 ```jsx
 import AppTitle from 'cozy-ui/transpiled/react/AppTitle';
 
-const slugs = ["chat", "contacts", "drive", "mail", "notes", "pass", "store", "photos", "home"];
+const slugs = ["calendar", "chat", "contacts", "drive", "mail", "notes", "pass", "store", "photos", "home"];
 
 <div class="u-flex u-flex-column">
   {

package/react/AppTitle/index.jsx

@@ -4,6 +4,8 @@ import React from 'react'
 
 import styles from './styles.styl'
 import Icon from '../Icon'
+import CalendarAppIcon from '../Icons/CalendarApp'
+import CalendarTextIcon from '../Icons/CalendarText'
 import ChatIcon from '../Icons/Chat'
 import ChatTextIcon from '../Icons/ChatText'
 import ContactsIcon from '../Icons/Contacts'
@@ -27,6 +29,10 @@ import Typography from '../Typography'
 import { useCozyTheme } from '../providers/CozyTheme'
 
 const SLUG_TO_ICONS = {
+  calendar: {
+    icon: CalendarAppIcon,
+    text: CalendarTextIcon
+  },
   chat: {
     icon: ChatIcon,
     text: ChatTextIcon

package/react/Icon/Readme.md

@@ -343,6 +343,7 @@ import Uncloud from 'cozy-ui/transpiled/react/Icons/Uncloud'
 import Unknow from 'cozy-ui/transpiled/react/Icons/Unknow'
 import Unlink from 'cozy-ui/transpiled/react/Icons/Unlink'
 import Unlock from 'cozy-ui/transpiled/react/Icons/Unlock'
+import UpgradePlan from 'cozy-ui/transpiled/react/Icons/UpgradePlan'
 import Up from 'cozy-ui/transpiled/react/Icons/Up'
 import Upload from 'cozy-ui/transpiled/react/Icons/Upload'
 import Videos from 'cozy-ui/transpiled/react/Icons/Videos'
@@ -637,6 +638,7 @@ const icons = [
   Unknow,
   Unlink,
   Unlock,
+  UpgradePlan,
   Up,
   Upload,
   Videos,
@@ -725,6 +727,7 @@ 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'
+import CalendarAppIcon from 'cozy-ui/transpiled/react/Icons/CalendarApp'
 import CheckWhiteIcon from 'cozy-ui/transpiled/react/Icons/CheckWhite'
 import CloudBrokenIcon from 'cozy-ui/transpiled/react/Icons/CloudBroken'
 import CloudSync2 from 'cozy-ui/transpiled/react/Icons/CloudSync2'
@@ -779,6 +782,7 @@ const icons = [
   AssistantColorIcon,
   BottomSelectIcon,
   ChatIcon,
+  CalendarAppIcon,
   CheckWhiteIcon,
   CloudBrokenIcon,
   CloudSync2,
@@ -1020,7 +1024,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', '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','expand','expert','export','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','narrow','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','expand','expert','export','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','narrow','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','upgrade-plan','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','water','wrench-circle','work']
 ;
 
 <Grid container spacing={2}>

package/react/Icons/CalendarApp.jsx

@@ -0,0 +1,67 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/illus/calendar-app.svg` to regenerate;
+import React from 'react'
+
+function SvgCalendarApp(props) {
+  return (
+    <svg viewBox="0 0 197 197" fill="none" {...props}>
+      <rect
+        width={197}
+        height={197}
+        rx={64.764}
+        fill="url(#calendar-app_svg__paint0_linear_60858_90)"
+      />
+      <g filter="url(#calendar-app_svg__filter0_d_60858_90)">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M66.58 38.931c-1.135-.607-2.478-.931-4.277-.931h-.57c-1.8 0-3.142.324-4.277.931a6.327 6.327 0 00-2.633 2.636c-.607 1.136-.93 2.481-.93 4.283l.005 2.637c-2.66.616-4.65 1.466-6.647 2.535-4.54 2.43-8.102 5.998-10.53 10.543C34.293 66.11 33 70.619 33 83.051v40.054c0 12.433 1.293 16.941 3.72 21.486 2.429 4.546 5.992 8.113 10.531 10.543 4.54 2.431 9.042 3.725 21.46 3.725h58.578c12.417 0 16.92-1.294 21.46-3.725 4.539-2.43 8.102-5.997 10.53-10.543 2.428-4.545 3.721-9.053 3.721-21.486V83.051c0-12.432-1.293-16.94-3.721-21.486-2.428-4.545-5.991-8.112-10.53-10.543-1.995-1.068-3.983-1.917-6.639-2.533l-.003-2.64c0-1.801-.323-3.146-.93-4.282a6.33 6.33 0 00-2.633-2.636c-1.135-.607-2.478-.931-4.277-.931h-.57c-1.799 0-3.142.324-4.277.931a6.33 6.33 0 00-2.633 2.636c-.607 1.136-.93 2.481-.93 4.283v1.447l-55.714-.01V45.85c0-1.802-.323-3.147-.93-4.283a6.327 6.327 0 00-2.633-2.636zM56.987 82.16h82.025c2.691 0 3.667.28 4.65.807a5.486 5.486 0 012.282 2.285c.526.985.806 1.961.806 4.655v41.968l-.063 1.165a10.692 10.692 0 01-10.639 9.527l-73.135-.161-1.476-.022c-3.66-.105-5.194-.591-6.738-1.42a9.707 9.707 0 01-4.026-4.041c-.93-1.741-1.423-3.467-1.423-8.227V89.907l.017-1.054c.068-1.919.338-2.757.79-3.601a5.483 5.483 0 012.28-2.285c.984-.526 1.96-.807 4.65-.807zm69.228 11.621h-5.359c-3.104 0-4.23.324-5.365.932a6.33 6.33 0 00-2.632 2.635c-.607 1.136-.93 2.264-.93 5.372v5.365c0 3.108.323 4.235.93 5.371a6.329 6.329 0 002.632 2.636c1.135.608 2.261.931 5.365.931h5.359c3.105 0 4.23-.323 5.365-.931a6.33 6.33 0 002.633-2.636c.606-1.136.93-2.263.93-5.371v-5.365c0-3.108-.324-4.236-.93-5.372a6.333 6.333 0 00-2.633-2.635c-1.135-.608-2.26-.932-5.365-.932z"
+          fill="#fff"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="calendar-app_svg__paint0_linear_60858_90"
+          x1={18.5}
+          y1={196}
+          x2={235}
+          y2={-27.5}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.287} stopColor="#FD813C" />
+          <stop offset={1} stopColor="#FFF500" />
+        </linearGradient>
+        <filter
+          id="calendar-app_svg__filter0_d_60858_90"
+          x={23}
+          y={30}
+          width={150}
+          height={140.859}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dy={2} />
+          <feGaussianBlur stdDeviation={5} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
+          <feBlend
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_60858_90"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_60858_90"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgCalendarApp

package/react/Icons/CalendarText.jsx

@@ -0,0 +1,28 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/illus/calendar-text.svg` to regenerate;
+import React from 'react'
+
+function SvgCalendarText(props) {
+  return (
+    <svg viewBox="0 0 680 123" fill="none" {...props}>
+      <path
+        d="M59.925 122.28c-11.168 0-21.345-2.633-30.54-7.9-9.083-5.376-16.253-12.617-21.506-21.724C2.628 83.55 0 73.566 0 62.704c0-10.972 2.514-21.011 7.55-30.118 5.145-9.216 12.26-16.457 21.342-21.724 9.086-5.376 19.428-8.064 31.033-8.064 9.303 0 17.29 1.48 23.967 4.443 6.785 2.853 12.808 7.406 18.061 13.66L85.701 35.055c-6.897-7.242-15.49-10.862-25.776-10.862-7.226 0-13.574 1.755-19.048 5.266-5.473 3.401-9.684 8.064-12.639 13.99-2.955 5.814-4.435 12.233-4.435 19.255 0 7.021 1.48 13.44 4.435 19.255 3.064 5.815 7.33 10.423 12.804 13.824 5.582 3.402 12.042 5.102 19.372 5.102 10.727 0 19.484-3.73 26.27-11.19l16.745 14.317c-4.596 5.596-10.614 10.039-18.057 13.331-7.334 3.291-15.815 4.937-25.447 4.937zm85.342 0c-7.663 0-14.725-1.975-21.181-5.925-6.456-4.059-11.601-9.49-15.435-16.293-3.721-6.802-5.581-14.263-5.581-22.382 0-8.12 1.86-15.58 5.581-22.383 3.834-6.911 8.979-12.397 15.435-16.457 6.456-4.06 13.518-6.09 21.181-6.09 7.001 0 12.639 1.317 16.91 3.95 4.374 2.634 7.771 6.419 10.177 11.356V34.561h21.998v85.579h-21.505v-13.989c-2.518 5.157-5.967 9.162-10.341 12.014-4.271 2.743-10.018 4.115-17.239 4.115zm-20.03-44.765c0 4.389.982 8.504 2.955 12.344 2.077 3.73 4.868 6.747 8.373 9.051 3.609 2.194 7.715 3.292 12.31 3.292 4.708 0 8.866-1.098 12.48-3.292 3.721-2.194 6.568-5.156 8.537-8.887 1.969-3.73 2.955-7.845 2.955-12.343 0-4.499-.986-8.613-2.955-12.344-1.969-3.84-4.816-6.857-8.537-9.051-3.614-2.304-7.772-3.456-12.48-3.456-4.595 0-8.701 1.152-12.31 3.456-3.613 2.194-6.404 5.157-8.373 8.887-1.973 3.73-2.955 7.845-2.955 12.343zM207.524 0h22.163v120.14h-22.163V0zm76.151 122.28c-8.645 0-16.308-1.975-22.985-5.925-6.677-4.059-11.873-9.49-15.595-16.293-3.721-6.802-5.581-14.318-5.581-22.547 0-8.119 1.912-15.634 5.746-22.546 3.829-6.913 9.082-12.399 15.759-16.458 6.789-4.06 14.34-6.09 22.656-6.09 8.321 0 15.763 2.03 22.328 6.09 6.676 4.06 11.821 9.545 15.434 16.458 3.721 6.802 5.582 14.318 5.582 22.546 0 2.743-.216 5.377-.658 7.9h-63.862c1.311 5.157 3.773 9.326 7.386 12.508 3.721 3.072 8.321 4.608 13.79 4.608 4.6 0 8.702-1.042 12.315-3.127 3.613-2.194 6.456-4.992 8.537-8.393l17.239 13.001c-3.501 5.486-8.646 9.93-15.435 13.331-6.784 3.291-14.335 4.937-22.656 4.937zm21.016-53.487c-1.315-4.937-3.885-9.052-7.715-12.344-3.833-3.29-8.372-4.936-13.63-4.936-5.14 0-9.632 1.59-13.461 4.772-3.721 3.182-6.183 7.351-7.386 12.508h42.192zM336.75 34.56h21.834v12.51c4.488-9.656 13.189-14.483 26.105-14.483 6.132 0 11.657 1.481 16.582 4.444 4.928 2.852 8.814 6.967 11.657 12.343 2.847 5.266 4.27 11.41 4.27 18.432v52.335h-22.167V73.236c0-7.131-1.64-12.453-4.924-15.963-3.284-3.512-7.772-5.267-13.462-5.267-5.036 0-9.251 1.81-12.643 5.431-3.393 3.51-5.089 8.777-5.089 15.8v46.903H336.75V34.561zm131.741 87.719c-7.663 0-14.721-1.975-21.177-5.925-6.46-4.059-11.605-9.49-15.434-16.293-3.721-6.802-5.582-14.263-5.582-22.382 0-8.12 1.861-15.58 5.582-22.383 3.829-6.911 8.974-12.397 15.434-16.457 6.456-4.06 13.514-6.09 21.177-6.09 7.005 0 12.643 1.317 16.91 3.95 4.271 2.524 7.607 6.2 10.017 11.027V0h22.163v120.14h-21.51v-13.989c-2.514 5.157-5.962 9.162-10.341 12.014-4.267 2.743-10.013 4.115-17.239 4.115zm-20.03-44.765c0 4.389.987 8.504 2.955 12.344 2.082 3.73 4.873 6.747 8.373 9.051 3.613 2.194 7.715 3.292 12.315 3.292 4.708 0 8.866-1.098 12.479-3.292 3.721-2.194 6.564-5.156 8.537-8.887 1.969-3.73 2.951-7.845 2.951-12.343 0-4.499-.982-8.613-2.951-12.344-1.973-3.84-4.816-6.857-8.537-9.051-3.613-2.304-7.771-3.456-12.479-3.456-4.6 0-8.702 1.152-12.315 3.456-3.613 2.194-6.404 5.157-8.373 8.887-1.968 3.73-2.955 7.845-2.955 12.343zm121.2 44.765c-7.663 0-14.721-1.975-21.181-5.925-6.456-4.059-11.601-9.49-15.43-16.293-3.721-6.802-5.582-14.263-5.582-22.382 0-8.12 1.861-15.58 5.582-22.383 3.829-6.911 8.974-12.397 15.43-16.457 6.46-4.06 13.518-6.09 21.181-6.09 7.005 0 12.639 1.317 16.91 3.95 4.379 2.634 7.771 6.419 10.177 11.356V34.561h22.003v85.579h-21.51v-13.989c-2.518 5.157-5.962 9.162-10.341 12.014-4.271 2.743-10.017 4.115-17.239 4.115zm-20.03-44.765c0 4.389.982 8.504 2.955 12.344 2.077 3.73 4.868 6.747 8.373 9.051 3.613 2.194 7.715 3.292 12.315 3.292 4.703 0 8.862-1.098 12.475-3.292 3.721-2.194 6.568-5.156 8.537-8.887 1.969-3.73 2.955-7.845 2.955-12.343 0-4.499-.986-8.613-2.955-12.344-1.969-3.84-4.816-6.857-8.537-9.051-3.613-2.304-7.772-3.456-12.475-3.456-4.6 0-8.702 1.152-12.315 3.456-3.613 2.194-6.404 5.157-8.373 8.887-1.973 3.73-2.955 7.845-2.955 12.343zm82.287-42.954h21.51v16.293c1.531-6.254 4.487-10.972 8.861-14.154 4.492-3.181 10.346-4.553 17.568-4.114v20.901h-3.12c-6.564 0-11.981 2.085-16.252 6.254-4.266 4.06-6.404 9.6-6.404 16.622v43.777h-22.163V34.561z"
+        fill="url(#calendar-text_svg__paint0_linear_60858_89)"
+      />
+      <defs>
+        <linearGradient
+          id="calendar-text_svg__paint0_linear_60858_89"
+          x1={281}
+          y1={-75.5}
+          x2={281}
+          y2={171.5}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#FFB73D" />
+          <stop offset={1} stopColor="#F26C32" />
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}
+
+export default SvgCalendarText

package/react/Icons/UpgradePlan.jsx

@@ -0,0 +1,12 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/upgrade-plan.svg` to regenerate;
+import React from 'react'
+
+function SvgUpgradePlan(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M6.328 8.907l1.767-1.341 1.76 1.34-.67-2.17 1.767-1.403H8.79l-.694-2.14-.693 2.14H5.238l1.76 1.402-.67 2.172zm7.862-2.812A6.094 6.094 0 008.096 0 6.094 6.094 0 002 6.095c0 1.547.58 2.949 1.524 4.023V16l4.571-1.524L12.667 16v-5.882a6.066 6.066 0 001.524-4.023zM8.096 1.524a4.575 4.575 0 014.572 4.571 4.575 4.575 0 01-4.572 4.572 4.575 4.575 0 01-4.571-4.572 4.575 4.575 0 014.571-4.571zm0 11.428l-3.047.777v-2.361a6.08 6.08 0 003.047.822 6.08 6.08 0 003.048-.822v2.361l-3.048-.777z" />
+    </svg>
+  )
+}
+
+export default SvgUpgradePlan

package/transpiled/react/AppTitle/index.js

@@ -12,6 +12,8 @@ var styles = {
   "c-apptitle-home-icon": "styles__c-apptitle-home-icon___1xJsd"
 };
 import Icon from "cozy-ui/transpiled/react/Icon";
+import CalendarAppIcon from "cozy-ui/transpiled/react/Icons/CalendarApp";
+import CalendarTextIcon from "cozy-ui/transpiled/react/Icons/CalendarText";
 import ChatIcon from "cozy-ui/transpiled/react/Icons/Chat";
 import ChatTextIcon from "cozy-ui/transpiled/react/Icons/ChatText";
 import ContactsIcon from "cozy-ui/transpiled/react/Icons/Contacts";
@@ -34,6 +36,10 @@ import WorkplaceTextIcon from "cozy-ui/transpiled/react/Icons/WorkplaceText";
 import Typography from "cozy-ui/transpiled/react/Typography";
 import { useCozyTheme } from "cozy-ui/transpiled/react/providers/CozyTheme";
 var SLUG_TO_ICONS = {
+  calendar: {
+    icon: CalendarAppIcon,
+    text: CalendarTextIcon
+  },
   chat: {
     icon: ChatIcon,
     text: ChatTextIcon