cozy-ui 121.3.0 → 121.4.0

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+# [121.4.0](https://github.com/cozy/cozy-ui/compare/v121.3.0...v121.4.0) (2025-03-24)
+
+
+### Features
+
+* Add DesktopDownload icon ([97766b5](https://github.com/cozy/cozy-ui/commit/97766b5))
+* Adjust PhoneDownload Icon ([8bd5753](https://github.com/cozy/cozy-ui/commit/8bd5753))
+* **Banner:** Add possibility to hide bottom divider ([cc5a2c8](https://github.com/cozy/cozy-ui/commit/cc5a2c8))
+
 # [121.3.0](https://github.com/cozy/cozy-ui/compare/v121.2.0...v121.3.0) (2025-03-20)
 
 

package/assets/icons/twake/phone-download_twake.svg

@@ -1 +1 @@
-<svg width="14" height="16" viewBox="0 0 14 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.177 5.647H9.412V0H3.765v5.647H0l6.588 6.588 6.589-6.588ZM5.647 7.53V1.882H7.53V7.53h1.102L6.588 9.572 4.546 7.529h1.101ZM0 14.118h13.177V16H0v-1.882Z"/></svg>
+<svg width="14" height="17" viewBox="0 0 14 17" xmlns="http://www.w3.org/2000/svg"><path d="M9.182 12.586H1.909V3.859H7V2.404H1.91v-.727H7V.229L1.91.222C1.11.222.454.877.454 1.677v13.09c0 .8.654 1.455 1.454 1.455h7.273c.8 0 1.454-.654 1.454-1.454V11.13H9.182v1.455Zm0 2.182H1.909v-.728h7.273v.728Z"/><path d="m9.91 9.677 3.636-3.637-1.026-1.025-1.884 1.876V1.677H9.182V6.89L7.298 5.015 6.273 6.04l3.636 3.637Z"/></svg>

package/assets/icons/ui/desktop-download.svg

@@ -0,0 +1 @@
+<svg width="16" height="15" viewBox="0 0 16 15" xmlns="http://www.w3.org/2000/svg"><path d="M14.4 11.2H1.6V1.6H8V0H1.6C.712 0 0 .712 0 1.6v9.6c0 .88.712 1.6 1.6 1.6h3.2v1.6h6.4v-1.6h3.2c.88 0 1.6-.72 1.6-1.6V8.8h-1.6v2.4Z"/><path d="m12 8.8 4-4-1.128-1.128L12.8 5.736V0h-1.6v5.736L9.128 3.672 8 4.8l4 4Z"/></svg>

package/package.json

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

package/react/Banner/Readme.md

@@ -22,6 +22,7 @@ const initialVariants = [{
   buttonOne: true,
   buttonTwo: true,
   inline: true,
+  noDivider: false,
   backgroundColor: true,
   disableIconStyles: false
 }]
@@ -39,6 +40,7 @@ const initialVariants = [{
       buttonOne={variant.buttonOne && buttonOne}
       buttonTwo={variant.buttonTwo && buttonTwo}
       inline={variant.inline}
+      noDivider={variant.noDivider}
       disableIconStyles={variant.disableIconStyles}
     />
   )}

package/react/Banner/index.jsx

@@ -19,6 +19,7 @@ const Banner = ({
   buttonOne,
   buttonTwo,
   inline,
+  noDivider,
   disableIconStyles
 }) => {
   const position = {
@@ -76,7 +77,7 @@ const Banner = ({
           </Grid>
         </div>
       </Paper>
-      <Divider />
+      {!noDivider && <Divider />}
     </>
   )
 }
@@ -94,6 +95,8 @@ Banner.propTypes = {
   buttonTwo: PropTypes.node,
   /** Show banner on one line (only desktop) */
   inline: PropTypes.bool,
+  /** Disables the bottom divider */
+  noDivider: PropTypes.bool,
   /** Disables the styles of the wrapper around the icon */
   disableIconWrapper: PropTypes.bool
 }

package/react/Icon/Readme.md

@@ -142,6 +142,7 @@ import Dash from 'cozy-ui/transpiled/react/Icons/Dash'
 import Dashboard from 'cozy-ui/transpiled/react/Icons/Dashboard'
 import DataControl from 'cozy-ui/transpiled/react/Icons/DataControl'
 import Debit from 'cozy-ui/transpiled/react/Icons/Debit'
+import DesktopDownload from 'cozy-ui/transpiled/react/Icons/DesktopDownload'
 import Devices from 'cozy-ui/transpiled/react/Icons/Devices'
 import Dots from 'cozy-ui/transpiled/react/Icons/Dots'
 import Down from 'cozy-ui/transpiled/react/Icons/Down'
@@ -412,6 +413,7 @@ const icons = [
   Dashboard,
   DataControl,
   Debit,
+  DesktopDownload,
   Devices,
   Dots,
   Down,
@@ -940,7 +942,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','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-plus-outlined','cloud','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','debit','devices','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','electric-bike','electric-car','electric-scooter','email-notification','email','eu','euro','exchange','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','label-outlined','laudry','laptop','left','library','lightbulb','lightning','link-out','link','list','list-min','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','merge','moped','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','percent-circle','percent','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','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','select-all','server','setting','share-circle','share','shield','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','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-plus-outlined','cloud','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','debit','desktop-download','devices','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','electric-bike','electric-car','electric-scooter','email-notification','email','eu','euro','exchange','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','label-outlined','laudry','laptop','left','library','lightbulb','lightning','link-out','link','list','list-min','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','merge','moped','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','percent-circle','percent','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','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','select-all','server','setting','share-circle','share','shield','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']
 ;
 <div style={{ fontSize: '2rem', display: 'grid', gridTemplateColumns: 'repeat(6, 1fr)' }}>
   <Sprite />

package/react/Icons/DesktopDownload.jsx

@@ -0,0 +1,13 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/desktop-download.svg` to regenerate;
+import React from 'react'
+
+function SvgDesktopDownload(props) {
+  return (
+    <svg viewBox="0 0 16 15" {...props}>
+      <path d="M14.4 11.2H1.6V1.6H8V0H1.6C.712 0 0 .712 0 1.6v9.6c0 .88.712 1.6 1.6 1.6h3.2v1.6h6.4v-1.6h3.2c.88 0 1.6-.72 1.6-1.6V8.8h-1.6v2.4z" />
+      <path d="M12 8.8l4-4-1.128-1.128L12.8 5.736V0h-1.6v5.736L9.128 3.672 8 4.8l4 4z" />
+    </svg>
+  )
+}
+
+export default SvgDesktopDownload

package/react/Icons/PhoneDownload_twake.jsx

@@ -3,8 +3,9 @@ import React from 'react'
 
 function SvgPhoneDownloadTwake(props) {
   return (
-    <svg viewBox="0 0 14 16" {...props}>
-      <path d="M13.177 5.647H9.412V0H3.765v5.647H0l6.588 6.588 6.589-6.588zM5.647 7.53V1.882H7.53V7.53h1.102L6.588 9.572 4.546 7.529h1.101zM0 14.118h13.177V16H0v-1.882z" />
+    <svg viewBox="0 0 14 17" {...props}>
+      <path d="M9.182 12.586H1.909V3.859H7V2.404H1.91v-.727H7V.229L1.91.222C1.11.222.454.877.454 1.677v13.09c0 .8.654 1.455 1.454 1.455h7.273c.8 0 1.454-.654 1.454-1.454V11.13H9.182v1.455zm0 2.182H1.909v-.728h7.273v.728z" />
+      <path d="M9.91 9.677l3.636-3.637-1.026-1.025-1.884 1.876V1.677H9.182V6.89L7.298 5.015 6.273 6.04l3.636 3.637z" />
     </svg>
   )
 }

package/transpiled/react/Banner/index.js

@@ -24,6 +24,7 @@ var Banner = function Banner(_ref) {
       buttonOne = _ref.buttonOne,
       buttonTwo = _ref.buttonTwo,
       inline = _ref.inline,
+      noDivider = _ref.noDivider,
       disableIconStyles = _ref.disableIconStyles;
   var position = {
     row: [8, 4],
@@ -67,7 +68,7 @@ var Banner = function Banner(_ref) {
   }, /*#__PURE__*/React.createElement(Grid, {
     item: true,
     className: styles['c-banner-buttons']
-  }, buttonOne && buttonOne, buttonTwo && buttonTwo))))), /*#__PURE__*/React.createElement(Divider, null));
+  }, buttonOne && buttonOne, buttonTwo && buttonTwo))))), !noDivider && /*#__PURE__*/React.createElement(Divider, null));
 };
 
 Banner.propTypes = {
@@ -89,6 +90,9 @@ Banner.propTypes = {
   /** Show banner on one line (only desktop) */
   inline: PropTypes.bool,
 
+  /** Disables the bottom divider */
+  noDivider: PropTypes.bool,
+
   /** Disables the styles of the wrapper around the icon */
   disableIconWrapper: PropTypes.bool
 };