cozy-ui 68.6.0 → 68.9.0

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+# [68.9.0](https://github.com/cozy/cozy-ui/compare/v68.8.0...v68.9.0) (2022-06-30)
+
+
+### Features
+
+* **Icon:** Change `setting` icon ([32f4d5a](https://github.com/cozy/cozy-ui/commit/32f4d5a))
+
+# [68.8.0](https://github.com/cozy/cozy-ui/compare/v68.7.0...v68.8.0) (2022-06-28)
+
+
+### Features
+
+* **Icon:** Add paper icon ([c17df6f](https://github.com/cozy/cozy-ui/commit/c17df6f))
+
+# [68.7.0](https://github.com/cozy/cozy-ui/compare/v68.6.0...v68.7.0) (2022-06-27)
+
+
+### Features
+
+* **IconStack:** Add offset prop ([2e22160](https://github.com/cozy/cozy-ui/commit/2e22160))
+
 # [68.6.0](https://github.com/cozy/cozy-ui/compare/v68.5.1...v68.6.0) (2022-06-23)
 
 

package/assets/icons/ui/paper.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2Zm5.5 8.25c0-.375-.75-1.5-1.5-1.5-.337 0-.447.076-.568.16-.148.101-.313.215-.932.215-.62 0-.784-.114-.932-.216-.121-.083-.23-.159-.568-.159-.75 0-1.5 1.125-1.5 1.5s0 .75.375.75h5.25c.309 0 .363-.254.373-.553l.002-.197ZM6 6.687C6 5.756 5.328 5 4.5 5S3 5.756 3 6.688c0 .931.672 1.687 1.5 1.687S6 7.619 6 6.687ZM14 8.5a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 0 0 1h4a.5.5 0 0 0 .5-.5Zm0 2a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 0 0 1h4a.5.5 0 0 0 .5-.5Zm0-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 0 0 1h4a.5.5 0 0 0 .5-.5Z"/></svg>

package/assets/icons/ui/setting.svg

@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-    <path fill-rule="evenodd" d="M0 13v2h5v-2H0zM0 1v2h9V1H0zm9 15v-1h7v-2H9v-1H7v4h2zM3 6v1H0v2h3v1h2V6H3zm13 3V7H7v2h9zm-5-5h2V3h3V1h-3V0h-2v4z"/>
-</svg>
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.855 5a3.502 3.502 0 0 1-6.71 0H1a1 1 0 0 1 0-2h6.145a3.502 3.502 0 0 1 6.71 0H15a1 1 0 1 1 0 2h-1.145ZM12 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM5.5 15.5A3.502 3.502 0 0 0 8.855 13H15a1 1 0 1 0 0-2H8.855a3.502 3.502 0 0 0-6.71 0H1a1 1 0 1 0 0 2h1.145A3.502 3.502 0 0 0 5.5 15.5ZM7 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "68.6.0",
+  "version": "68.9.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {
@@ -25,7 +25,7 @@
     "build:css:kss": "env CSSMODULES=false yarn run stylus-build -o build/styleguide/app.css stylus/cozy-ui/build.styl",
     "build:doc": "npm-run-all 'build:doc:*'",
     "build:doc:config": "copyfiles -u 1 docs/*.md docs/_config.yml build",
-    "build:doc:kss": "kss --destination build/styleguide --title 'Cozy-UI Styleguide' --source stylus --builder node_modules/michelangelo/kss_styleguide/custom-template --homepage styleguide.md --css app.css",
+    "build:doc:kss": "kss --destination build/styleguide --title 'Cozy-UI Styleguide' --source stylus --builder node_modules/michelangelo/kss_styleguide/custom-template --homepage stylus/styleguide.md --css app.css",
     "build:doc:react": "styleguidist build --config docs/styleguide.config.js",
     "build": "env BABEL_ENV=transpilation babel --extensions .ts,.tsx,.js,.jsx react/ --out-dir transpiled/react --verbose",
     "clean:doc:kss": "rm -rf build/styleguide",

package/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']
 ;
 <div style={{ fontSize: '2rem', display: 'grid', gridTemplateColumns: 'repeat(6, 1fr)' }}>
   <Sprite />

package/react/Icon/icons-sprite.js

@@ -430,7 +430,7 @@ module.exports = `<svg><defs>
   <g fill-rule="evenodd" transform="translate(-256 -64)">
     <polygon points="272 64 266 79 263.5 76.5 260 79 259 75 269 66.5 259 72.5 256 70"/>
   </g>
-</symbol><symbol id="password" viewBox="0 0 32 32"><path fill-rule="evenodd" d="M30 4a2 2 0 012 2v20a2 2 0 11-4 0V6a2 2 0 012-2zM12.102 14.434a2.002 2.002 0 01-1.284 2.52l-1.582.514.978 1.344a2.001 2.001 0 01-3.238 2.352L6 19.82l-.978 1.344c-.39.538-1 .824-1.62.824a2.002 2.002 0 01-1.616-3.176l.978-1.344-1.582-.514a2.002 2.002 0 01-1.284-2.52 2.002 2.002 0 012.52-1.284L4 13.664V12a2 2 0 114 0v1.664l1.582-.514a2 2 0 012.52 1.284zm14.2 0a2.002 2.002 0 01-1.284 2.52l-1.582.514.978 1.344a2.001 2.001 0 01-3.238 2.352L20.2 19.82l-.978 1.344c-.39.538-1 .824-1.62.824a2.002 2.002 0 01-1.616-3.176l.978-1.344-1.582-.514a2.002 2.002 0 01-1.284-2.52 2.002 2.002 0 012.52-1.284l1.582.514V12a2 2 0 114 0v1.664l1.582-.514a2 2 0 012.52 1.284z"/></symbol><symbol id="pen" viewBox="0 0 16 16">
+</symbol><symbol id="paper" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2Zm5.5 8.25c0-.375-.75-1.5-1.5-1.5-.337 0-.447.076-.568.16-.148.101-.313.215-.932.215-.62 0-.784-.114-.932-.216-.121-.083-.23-.159-.568-.159-.75 0-1.5 1.125-1.5 1.5s0 .75.375.75h5.25c.309 0 .363-.254.373-.553l.002-.197ZM6 6.687C6 5.756 5.328 5 4.5 5S3 5.756 3 6.688c0 .931.672 1.687 1.5 1.687S6 7.619 6 6.687ZM14 8.5a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 0 0 1h4a.5.5 0 0 0 .5-.5Zm0 2a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 0 0 1h4a.5.5 0 0 0 .5-.5Zm0-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 0 0 1h4a.5.5 0 0 0 .5-.5Z"/></symbol><symbol id="password" viewBox="0 0 32 32"><path fill-rule="evenodd" d="M30 4a2 2 0 012 2v20a2 2 0 11-4 0V6a2 2 0 012-2zM12.102 14.434a2.002 2.002 0 01-1.284 2.52l-1.582.514.978 1.344a2.001 2.001 0 01-3.238 2.352L6 19.82l-.978 1.344c-.39.538-1 .824-1.62.824a2.002 2.002 0 01-1.616-3.176l.978-1.344-1.582-.514a2.002 2.002 0 01-1.284-2.52 2.002 2.002 0 012.52-1.284L4 13.664V12a2 2 0 114 0v1.664l1.582-.514a2 2 0 012.52 1.284zm14.2 0a2.002 2.002 0 01-1.284 2.52l-1.582.514.978 1.344a2.001 2.001 0 01-3.238 2.352L20.2 19.82l-.978 1.344c-.39.538-1 .824-1.62.824a2.002 2.002 0 01-1.616-3.176l.978-1.344-1.582-.514a2.002 2.002 0 01-1.284-2.52 2.002 2.002 0 012.52-1.284l1.582.514V12a2 2 0 114 0v1.664l1.582-.514a2 2 0 012.52 1.284z"/></symbol><symbol id="pen" viewBox="0 0 16 16">
   
   <use fill-rule="evenodd" xlink:href="#pen"/>
 </symbol><symbol id="people" viewBox="0 0 16 16">
@@ -494,9 +494,7 @@ module.exports = `<svg><defs>
     <path fill-rule="evenodd" d="M7.884.547c.03.06.05.12.068.183.012.041.037.074.044.117.007.044-.007.084-.005.127.002.062.002.123-.007.186a.988.988 0 0 1-.045.172.986.986 0 0 1-.06.128c-.032.061-.062.12-.106.173-.003.003-.004.007-.006.01l-2.505 2.99a1.001 1.001 0 0 1-1.408.126.987.987 0 0 1-.352-.705C2.57 5.13 2.002 6.514 2 7.984c-.003 2.32 1.352 4.445 3.414 5.462a.997.997 0 1 1-.886 1.79C1.79 13.885-.004 11.067 0 7.981c.003-2.36 1.088-4.534 2.788-6.029a.984.984 0 0 1-.79-.957A.998.998 0 0 1 3 0l4 .005c.069 0 .128.016.19.028.026.005.052.005.077.011a.97.97 0 0 1 .305.142c.03.02.053.048.082.072a1.044 1.044 0 0 1 .23.29zm3.542.158a7.981 7.981 0 0 1 2.464 1.856l-1.641 1.17a5.977 5.977 0 0 0-1.686-1.225.996.996 0 0 1-.47-1.331 1 1 0 0 1 1.333-.47zm.832 11.533a6.075 6.075 0 0 0 1.404-2.286l2.003.335a8.094 8.094 0 0 1-2.222 3.61l-1.185-1.66zM15.035 4.2A8.067 8.067 0 0 1 16 8c0 .106-.01.209-.015.313L14 7.98a6.086 6.086 0 0 0-.6-2.613L15.034 4.2zm-6.179 9.79a5.796 5.796 0 0 0 1.79-.57l1.18 1.656c-.82.45-1.73.76-2.699.892a1 1 0 1 1-.27-1.978z"/>
 </symbol><symbol id="sad-cozy" viewBox="0 0 52 52"><path d="M38.231 40H13.769C6.175 40 0 33.756 0 26.08c0-3.66 1.394-7.117 3.927-9.733 2.219-2.29 5.093-3.715 8.203-4.086a13.887 13.887 0 014.042-8.292A13.608 13.608 0 0125.801 0c3.62 0 7.04 1.407 9.629 3.968a13.897 13.897 0 014.038 8.25C46.482 12.853 52 18.828 52 26.082 52 33.756 45.82 40 38.23 40h.001zm-.163-3.001h.104c5.97 0 10.828-4.91 10.828-10.947 0-6.035-4.857-10.946-10.828-10.946h-.11c-.779 0-1.417-.627-1.435-1.417C36.492 7.794 31.637 3 25.803 3 19.968 3 15.11 7.796 14.977 13.69a1.445 1.445 0 01-1.403 1.42C7.744 15.244 3 20.153 3 26.052 3 32.09 7.857 37 13.828 37h.088l.035-.002c.03 0 .062 0 .093.002h24.021l.003-.001zm-4.302-11.222c-.875.585-.918 1.659-.92 1.706a.52.52 0 01-.525.517.523.523 0 01-.506-.536c.002-.039.016-.543.251-1.137a7.99 7.99 0 00-11.138-.019c.241.603.257 1.116.257 1.155a.523.523 0 01-.503.536.526.526 0 01-.528-.515c0-.043-.042-1.121-.92-1.706a.536.536 0 01-.15-.731.51.51 0 01.714-.154c.225.15.414.322.572.505a9.006 9.006 0 0112.251.01c.16-.184.35-.36.582-.515a.503.503 0 01.281-.085c.168 0 .333.085.432.24a.537.537 0 01-.15.731v-.002z" fill-rule="evenodd"/></symbol><symbol id="safe" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14 0a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-1v1h-3v-1H6v1H3v-1H2a2 2 0 0 1-2-2V2C0 .9.9 0 2 0h12zm0 1H3a1 1 0 0 0-1 .88V3H1v3h1v3H1v3h1v1a1 1 0 0 0 .88 1H14a1 1 0 0 0 1-.88V2a1 1 0 0 0-.88-1H14zm0 1v11H3v-2H2v-1h1V5H2V4h1V2h11zM8.5 4a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7zm0 1a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zm0 2a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1z"/></symbol><symbol id="school" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 9.102v2.843a.5.5 0 0 1-.255.435l-4.5 2.532a.5.5 0 0 1-.49 0l-4.5-2.532A.5.5 0 0 1 3 11.945V9.102l4.03 2.155a2.06 2.06 0 0 0 1.94 0L13 9.103ZM8.16 1.023l.102.042 7.465 3.992a.522.522 0 0 1 .204.194.492.492 0 0 1-.124.64l-.08.052-7.465 3.992a.56.56 0 0 1-.423.041l-.101-.041L2 6.867V11a1 1 0 1 1-2 0V5.5c0-.148.068-.292.192-.39l.08-.053 7.466-3.992a.558.558 0 0 1 .338-.06l.085.019Z"/></symbol><symbol id="select-all" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M14.7 8.713a1 1 0 1 0-1.4-1.427l-4.391 4.312L7.7 10.411A.999.999 0 1 0 6.3 11.838l1.909 1.875a.997.997 0 0 0 1.4 0l5.092-5zM15 4c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1h10zm-3-2H5C3.346 2 2 3.346 2 5v7H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1v1z"/>
-</symbol><symbol id="setting" viewBox="0 0 16 16">
-    <path fill-rule="evenodd" d="M0 13v2h5v-2H0zM0 1v2h9V1H0zm9 15v-1h7v-2H9v-1H7v4h2zM3 6v1H0v2h3v1h2V6H3zm13 3V7H7v2h9zm-5-5h2V3h3V1h-3V0h-2v4z"/>
-</symbol><symbol id="share-circle" viewBox="0 0 16 16">
+</symbol><symbol id="setting" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.855 5a3.502 3.502 0 0 1-6.71 0H1a1 1 0 0 1 0-2h6.145a3.502 3.502 0 0 1 6.71 0H15a1 1 0 1 1 0 2h-1.145ZM12 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM5.5 15.5A3.502 3.502 0 0 0 8.855 13H15a1 1 0 1 0 0-2H8.855a3.502 3.502 0 0 0-6.71 0H1a1 1 0 1 0 0 2h1.145A3.502 3.502 0 0 0 5.5 15.5ZM7 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/></symbol><symbol id="share-circle" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zM6.541 6.92a1.5 1.5 0 1 0 0 2.16l2.47 1.235a1.5 1.5 0 1 0 .447-.894l-2.47-1.236a1.515 1.515 0 0 0 0-.37l2.47-1.235a1.5 1.5 0 1 0-.447-.894L6.541 6.92z"/>
 </symbol><symbol id="share-ios" viewBox="0 0 16 16">
     <g fill-rule="evenodd">

package/react/IconStack/Readme.md

@@ -6,15 +6,30 @@ other component on the foreground.
 Use IconStack when the resulting combination of icons is considered a single entity.
 
 ```jsx
-import IconStack from 'cozy-ui/transpiled/react/IconStack';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import FileDuotoneIcon from "cozy-ui/transpiled/react/Icons/FileDuotone";
-import BankIcon from "cozy-ui/transpiled/react/Icons/Bank";
+import IconStack from 'cozy-ui/transpiled/react/IconStack'
+import Icon from 'cozy-ui/transpiled/react/Icon'
+import FileDuotoneIcon from "cozy-ui/transpiled/react/Icons/FileDuotone"
+import BankIcon from "cozy-ui/transpiled/react/Icons/Bank"
+
+;
 
 <IconStack
-  backgroundIcon={<Icon icon={FileDuotoneIcon} color="blue"  size={32} />}
-  foregroundIcon={<Icon icon={BankIcon} color="red" height={16} width={16} />}
+  backgroundIcon={
+    <Icon
+      icon={FileDuotoneIcon}
+      color="blue"
+      size={32}
+    />
+  }
+  foregroundIcon={
+    <Icon
+      icon={BankIcon}
+      color="red"
+      size={16}
+    />
+  }
   backgroundClassName={'optional-bg-wrapper-class'}
   foregroundClassName={'optional-fg-wrapper-class'}
+  offset={{ vertical: '3px' }}
 />
 ```

package/react/IconStack/index.jsx

@@ -8,7 +8,8 @@ const IconStack = ({
   backgroundClassName,
   foregroundClassName,
   backgroundIcon,
-  foregroundIcon
+  foregroundIcon,
+  offset
 }) => {
   return (
     <div
@@ -16,6 +17,7 @@ const IconStack = ({
     >
       {backgroundIcon}
       <div
+        style={{ marginTop: offset?.vertical, marginLeft: offset?.horizontal }}
         className={classNames(
           styles['IconStack-foregroundIcon'],
           foregroundClassName

package/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 (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2 2a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2H2zm5.5 8.25c0-.375-.75-1.5-1.5-1.5-.337 0-.447.076-.568.16-.148.101-.313.215-.932.215-.62 0-.784-.114-.932-.216-.121-.083-.23-.159-.568-.159-.75 0-1.5 1.125-1.5 1.5s0 .75.375.75h5.25c.309 0 .363-.254.373-.553l.002-.197zM6 6.687C6 5.756 5.328 5 4.5 5S3 5.756 3 6.688c0 .931.672 1.687 1.5 1.687S6 7.619 6 6.687zM14 8.5a.5.5 0 00-.5-.5h-4a.5.5 0 000 1h4a.5.5 0 00.5-.5zm0 2a.5.5 0 00-.5-.5h-4a.5.5 0 000 1h4a.5.5 0 00.5-.5zm0-4a.5.5 0 00-.5-.5h-4a.5.5 0 000 1h4a.5.5 0 00.5-.5z"
+      />
+    </svg>
+  )
+}
+
+export default SvgPaper

package/react/Icons/Setting.jsx

@@ -1,4 +1,4 @@
-// Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/setting.svg` to regenerate;
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/setting.svg` to regenerate;
 import React from 'react'
 
 function SvgSetting(props) {
@@ -6,7 +6,8 @@ function SvgSetting(props) {
     <svg viewBox="0 0 16 16" {...props}>
       <path
         fillRule="evenodd"
-        d="M0 13v2h5v-2H0zM0 1v2h9V1H0zm9 15v-1h7v-2H9v-1H7v4h2zM3 6v1H0v2h3v1h2V6H3zm13 3V7H7v2h9zm-5-5h2V3h3V1h-3V0h-2v4z"
+        clipRule="evenodd"
+        d="M13.855 5a3.502 3.502 0 01-6.71 0H1a1 1 0 010-2h6.145a3.502 3.502 0 016.71 0H15a1 1 0 110 2h-1.145zM12 4a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM5.5 15.5A3.502 3.502 0 008.855 13H15a1 1 0 100-2H8.855a3.502 3.502 0 00-6.71 0H1a1 1 0 100 2h1.145A3.502 3.502 0 005.5 15.5zM7 12a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"
       />
     </svg>
   )