diff --git a/assets/icons/ui/paper.svg b/assets/icons/ui/paper.svg new file mode 100644 index 0000000000..cee6975aad --- /dev/null +++ b/assets/icons/ui/paper.svg @@ -0,0 +1 @@ + diff --git a/docs/README.md b/docs/README.md index 67352ebe11..b2a1dd0d20 100644 --- a/docs/README.md +++ b/docs/README.md @@ -118,7 +118,6 @@ If you want to add a new icon to cozy-ui, you must follow these steps: Sometimes, you want to develop on a component, from the context of an app. Then you need to link cozy-ui with `yarn link`. Since `cozy-ui` is transpiled, when linking you must first `yarn release`. If you change the icons, or the palette, you must run `yarn release` again. - ```bash cd cozy-ui yarn release # if first time diff --git a/react/Icon/Readme.md b/react/Icon/Readme.md index 3b89891bbe..ad8a86918c 100644 --- a/react/Icon/Readme.md +++ b/react/Icon/Readme.md @@ -166,6 +166,7 @@ import Offline from 'cozy-ui/transpiled/react/Icons/Offline' import Online from 'cozy-ui/transpiled/react/Icons/Online' import Openwith from 'cozy-ui/transpiled/react/Icons/Openwith' import Palette from 'cozy-ui/transpiled/react/Icons/Palette' +import Paper from 'cozy-ui/transpiled/react/Icons/Paper' import Paperplane from 'cozy-ui/transpiled/react/Icons/Paperplane' import Password from 'cozy-ui/transpiled/react/Icons/Password' import Pen from 'cozy-ui/transpiled/react/Icons/Pen' @@ -377,6 +378,7 @@ const icons = [ Online, Openwith, Palette, + Paper, Paperplane, Password, Pen, @@ -702,7 +704,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','attachment','attention','bank','banking-add','banking','bell','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','categories','certified','check-circle','check-list','check-square','check','checkbox','circle-filled','clock','cloud-happy','cloud','collect','comment','company','compass','connector','contract','contrast','cozy-laugh','cozy-text','credit-card-add','credit-card','credit','crop','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','email-notification','email','eu','euro','exchange','eye-closed','eye','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','forbidden','from-user','gear','globe','graph-circle','grid','group-list','groups','hand','heart','help','history','home','hourglass','image','info-outlined','info','key','laptop','left','lightbulb','link-out','link','list','location','lock','logout','magic-trick','magnet','magnifier','merge','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','new','next','note','notification-email','offline','online','openwith','palette','paperplane','password','pen','people','percent-circle','percent','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','plus-small','plus','previous','printer','qualify','radio-checked','radio-unchecked','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','select-all','setting','share-circle','share','shield','shop','sound','spinner','stack','star','stats','subway','sync-cozy','sync','target','team','telephone','to-the-cloud','top','train','trash','trophy','unknow','unlink','unlock','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','wrench-circle'] +const availableIcons = ['album-add','album-remove','album','answer','apple','archive','attachment','attention','bank','banking-add','banking','bell','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','categories','certified','check-circle','check-list','check-square','check','checkbox','circle-filled','clock','cloud-happy','cloud','collect','comment','company','compass','connector','contract','contrast','cozy-laugh','cozy-text','credit-card-add','credit-card','credit','crop','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','email-notification','email','eu','euro','exchange','eye-closed','eye','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','forbidden','from-user','gear','globe','graph-circle','grid','group-list','groups','hand','heart','help','history','home','hourglass','image','info-outlined','info','key','laptop','left','lightbulb','link-out','link','list','location','lock','logout','magic-trick','magnet','magnifier','merge','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','new','next','note','notification-email','offline','online','openwith','palette','paper','paperplane','password','pen','people','percent-circle','percent','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','plus-small','plus','previous','printer','qualify','radio-checked','radio-unchecked','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','select-all','setting','share-circle','share','shield','shop','sound','spinner','stack','star','stats','subway','sync-cozy','sync','target','team','telephone','to-the-cloud','top','train','trash','trophy','unknow','unlink','unlock','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','wrench-circle'] ;
diff --git a/react/Icons/Paper.jsx b/react/Icons/Paper.jsx new file mode 100644 index 0000000000..c73b91aeeb --- /dev/null +++ b/react/Icons/Paper.jsx @@ -0,0 +1,16 @@ +// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/paper.svg` to regenerate; +import React from 'react' + +function SvgPaper(props) { + return ( + + + + ) +} + +export default SvgPaper diff --git a/react/__snapshots__/examples.spec.jsx.snap b/react/__snapshots__/examples.spec.jsx.snap index be095d371d..982b90718c 100644 --- a/react/__snapshots__/examples.spec.jsx.snap +++ b/react/__snapshots__/examples.spec.jsx.snap @@ -3690,6 +3690,11 @@ exports[`Icon should render examples: Icon 1`] = `

Palette

+
+ + +

Paper

+
@@ -5009,6 +5014,9 @@ exports[`Icon should render examples: Icon 3`] = ` + + + @@ -6139,6 +6147,9 @@ exports[`Icon should render examples: Icon 6`] = ` + + + @@ -7086,341 +7097,346 @@ exports[`Icon should render examples: Icon 6`] = `

palette

+ + +

paper

+
+

paperplane

-
+

password

-
+

pen

-
+

people

-
+

percent-circle

-
+

percent

-
+

personal-data

-
+

phone-download

-
+

phone-upload

-
+

phone

-
+

pie-chart

-
+

pin

-
+

plane

-
+

plus-small

-
+

plus

-
+

previous

-
+

printer

-
+

qualify

-
+

radio-checked

-
+

radio-unchecked

-
+

repare

-
+

reply

-
+

restaurant

-
+

restore-straight

-
+

restore

-
+

right

-
+

rise

-
+

rotate-left

-
+

rotate-right

-
+

sad-cozy

-
+

safe

-
+

school

-
+

select-all

-
+

setting

-
+

share-circle

-
+

share

-
+

shield

-
+

shop

-
+

sound

-
+

spinner

-
+

stack

-
+

star

-
+

stats

-
+

subway

-
+

sync-cozy

-
+

sync

-
+

target

-
+

team

-
+

telephone

-
+

to-the-cloud

-
+

top

-
+

train

-
+

trash

-
+

trophy

-
+

unknow

-
+

unlink

-
+

unlock

-
+

up

-
+

upload

-
+

videos

-
+

walk

-
+

wallet-add

-
+

wallet-new

-
+

wallet

-
+

warn

-
+

warning-circle

-
+

warning

-
+

wrench-circle