cozy-ui 60.7.0 → 60.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/assets/icons/ui/phone-upload.svg +1 -0
  3. package/package.json +1 -1
  4. package/react/Icon/Readme.md +3 -1
  5. package/react/Icon/icons-sprite.js +1 -1
  6. package/react/Icons/PhoneUpload.jsx +15 -0
  7. package/react/__snapshots__/examples.spec.jsx.snap +74 -58
  8. package/transpiled/react/Icon/icons-sprite.js +1 -1
  9. package/transpiled/react/Icons/PhoneUpload.js +14 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [60.8.0](https://github.com/cozy/cozy-ui/compare/v60.7.0...v60.8.0) (2022-01-25)
2
+
3
+
4
+ ### Features
5
+
6
+ * Add PhoneUpload icon ([d88c4ba](https://github.com/cozy/cozy-ui/commit/d88c4ba))
7
+
1
8
  # [60.7.0](https://github.com/cozy/cozy-ui/compare/v60.6.1...v60.7.0) (2022-01-25)
2
9
 
3
10
 
package/assets/icons/ui/phone-upload.svg ADDED
@@ -0,0 +1 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M12.998 0A1 1 0 0 1 14 1v14c0 .552-.456 1-1.002 1H3.002A1 1 0 0 1 2 15V1c0-.552.456-1 1.002-1h9.995ZM12 2H4v11h8V2ZM7.293 3.293a1 1 0 0 1 1.32-.083l.094.083 2 2a1 1 0 0 1-1.32 1.497l-.094-.083L9 6.414V11a1 1 0 0 1-1.993.117L7 11V6.414l-.293.293a1 1 0 0 1-1.497-1.32l.083-.094 2-2Z"/></svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cozy-ui",
3
- "version": "60.7.0",
3
+ "version": "60.8.0",
4
4
  "description": "Cozy apps UI SDK",
5
5
  "main": "./index.js",
6
6
  "bin": {
package/react/Icon/Readme.md CHANGED
@@ -175,6 +175,7 @@ import PercentCircle from 'cozy-ui/transpiled/react/Icons/PercentCircle'
175
175
  import PersonalData from 'cozy-ui/transpiled/react/Icons/PersonalData'
176
176
  import Phone from 'cozy-ui/transpiled/react/Icons/Phone'
177
177
  import PhoneDownload from 'cozy-ui/transpiled/react/Icons/PhoneDownload'
178
+ import PhoneUpload from 'cozy-ui/transpiled/react/Icons/PhoneUpload'
178
179
  import PieChart from 'cozy-ui/transpiled/react/Icons/PieChart'
179
180
  import Pin from 'cozy-ui/transpiled/react/Icons/Pin'
180
181
  import Plane from 'cozy-ui/transpiled/react/Icons/Plane'
@@ -384,6 +385,7 @@ const icons = [
384
385
  PersonalData,
385
386
  Phone,
386
387
  PhoneDownload,
388
+ PhoneUpload,
387
389
  PieChart,
388
390
  Pin,
389
391
  Plane,
@@ -700,7 +702,7 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
700
702
 
701
703
  const colors = ['#297EF2', '#08b442', '#B449E7', '#F52D2D', '#FF962F']
702
704
  let i = 0
703
- 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','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','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']
705
+ 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','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']
704
706
  ;
705
707
  <div style={{ fontSize: '2rem', display: 'grid', gridTemplateColumns: 'repeat(6, 1fr)' }}>
706
708
  <Sprite />
package/react/Icon/icons-sprite.js CHANGED
@@ -445,7 +445,7 @@ module.exports = `<svg><defs>
445
445
  </g>
446
446
  </symbol><symbol id="phone" viewBox="0 0 16 16">
447
447
  <path fill-rule="evenodd" d="M2 1c0-.552.456-1 1.002-1h9.996A1 1 0 0 1 14 1v14c0 .552-.456 1-1.002 1H3.002A1 1 0 0 1 2 15V1zm2 1v10h8V2H4zm4 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
448
- </symbol><symbol id="pie-chart" viewBox="0 0 16 16">
448
+ </symbol><symbol id="phone-upload" viewBox="0 0 16 16"><path clip-rule="evenodd" d="M12.998 0A1 1 0 0 1 14 1v14c0 .552-.456 1-1.002 1H3.002A1 1 0 0 1 2 15V1c0-.552.456-1 1.002-1h9.995ZM12 2H4v11h8V2ZM7.293 3.293a1 1 0 0 1 1.32-.083l.094.083 2 2a1 1 0 0 1-1.32 1.497l-.094-.083L9 6.414V11a1 1 0 0 1-1.993.117L7 11V6.414l-.293.293a1 1 0 0 1-1.497-1.32l.083-.094 2-2Z"/></symbol><symbol id="pie-chart" viewBox="0 0 16 16">
449
449
  <path fill-rule="evenodd" d="M7 16A7 7 0 0 1 7 2v7h7a7 7 0 0 1-7 7zm2-9V0a7 7 0 0 1 7 7H9z"/>
450
450
  </symbol><symbol id="pin" viewBox="0 0 16 16">
451
451
  <path fill-rule="evenodd" d="M4 1c0-.552.453-1 .997-1h6.006c.55 0 .997.444.997 1 0 .552-.453 1-.997 1H11v4l2 2v2H9v4l-2 2v-6H3V8l2-2V2c-.552 0-1-.444-1-1z"/>
package/react/Icons/PhoneUpload.jsx ADDED
@@ -0,0 +1,15 @@
1
+ // Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/phone-upload.svg` to regenerate;
2
+ import React from 'react'
3
+
4
+ function SvgPhoneUpload(props) {
5
+ return (
6
+ <svg viewBox="0 0 16 16" {...props}>
7
+ <path
8
+ clipRule="evenodd"
9
+ d="M12.998 0A1 1 0 0114 1v14c0 .552-.456 1-1.002 1H3.002A1 1 0 012 15V1c0-.552.456-1 1.002-1h9.995zM12 2H4v11h8V2zM7.293 3.293a1 1 0 011.32-.083l.094.083 2 2a1 1 0 01-1.32 1.497l-.094-.083L9 6.414V11a1 1 0 01-1.993.117L7 11V6.414l-.293.293a1 1 0 01-1.497-1.32l.083-.094 2-2z"
10
+ />
11
+ </svg>
12
+ )
13
+ }
14
+
15
+ export default SvgPhoneUpload
package/react/__snapshots__/examples.spec.jsx.snap CHANGED
@@ -3568,6 +3568,11 @@ exports[`Icon should render examples: Icon 1`] = `
3568
3568
  </svg>
3569
3569
  <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1\\">PhoneDownload</p>
3570
3570
  </div>
3571
+ <div class=\\"makeStyles-iconTile-16 u-ta-center u-mb-1\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
3572
+ <path clip-rule=\\"evenodd\\" d=\\"M12.998 0A1 1 0 0114 1v14c0 .552-.456 1-1.002 1H3.002A1 1 0 012 15V1c0-.552.456-1 1.002-1h9.995zM12 2H4v11h8V2zM7.293 3.293a1 1 0 011.32-.083l.094.083 2 2a1 1 0 01-1.32 1.497l-.094-.083L9 6.414V11a1 1 0 01-1.993.117L7 11V6.414l-.293.293a1 1 0 01-1.497-1.32l.083-.094 2-2z\\"></path>
3573
+ </svg>
3574
+ <p class=\\"MuiTypography-root u-mt-half MuiTypography-body1\\">PhoneUpload</p>
3575
+ </div>
3571
3576
  <div class=\\"makeStyles-iconTile-16 u-ta-center u-mb-1\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
3572
3577
  <path fill-rule=\\"evenodd\\" d=\\"M7 16A7 7 0 017 2v7h7a7 7 0 01-7 7zm2-9V0a7 7 0 017 7H9z\\"></path>
3573
3578
  </svg>
@@ -4858,6 +4863,9 @@ exports[`Icon should render examples: Icon 3`] = `
4858
4863
  <symbol id=\\"phone\\" viewBox=\\"0 0 16 16\\">
4859
4864
  <path fill-rule=\\"evenodd\\" d=\\"M2 1c0-.552.456-1 1.002-1h9.996A1 1 0 0 1 14 1v14c0 .552-.456 1-1.002 1H3.002A1 1 0 0 1 2 15V1zm2 1v10h8V2H4zm4 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2z\\"></path>
4860
4865
  </symbol>
4866
+ <symbol id=\\"phone-upload\\" viewBox=\\"0 0 16 16\\">
4867
+ <path clip-rule=\\"evenodd\\" d=\\"M12.998 0A1 1 0 0 1 14 1v14c0 .552-.456 1-1.002 1H3.002A1 1 0 0 1 2 15V1c0-.552.456-1 1.002-1h9.995ZM12 2H4v11h8V2ZM7.293 3.293a1 1 0 0 1 1.32-.083l.094.083 2 2a1 1 0 0 1-1.32 1.497l-.094-.083L9 6.414V11a1 1 0 0 1-1.993.117L7 11V6.414l-.293.293a1 1 0 0 1-1.497-1.32l.083-.094 2-2Z\\"></path>
4868
+ </symbol>
4861
4869
  <symbol id=\\"pie-chart\\" viewBox=\\"0 0 16 16\\">
4862
4870
  <path fill-rule=\\"evenodd\\" d=\\"M7 16A7 7 0 0 1 7 2v7h7a7 7 0 0 1-7 7zm2-9V0a7 7 0 0 1 7 7H9z\\"></path>
4863
4871
  </symbol>
@@ -5982,6 +5990,9 @@ exports[`Icon should render examples: Icon 6`] = `
5982
5990
  <symbol id=\\"phone\\" viewBox=\\"0 0 16 16\\">
5983
5991
  <path fill-rule=\\"evenodd\\" d=\\"M2 1c0-.552.456-1 1.002-1h9.996A1 1 0 0 1 14 1v14c0 .552-.456 1-1.002 1H3.002A1 1 0 0 1 2 15V1zm2 1v10h8V2H4zm4 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2z\\"></path>
5984
5992
  </symbol>
5993
+ <symbol id=\\"phone-upload\\" viewBox=\\"0 0 16 16\\">
5994
+ <path clip-rule=\\"evenodd\\" d=\\"M12.998 0A1 1 0 0 1 14 1v14c0 .552-.456 1-1.002 1H3.002A1 1 0 0 1 2 15V1c0-.552.456-1 1.002-1h9.995ZM12 2H4v11h8V2ZM7.293 3.293a1 1 0 0 1 1.32-.083l.094.083 2 2a1 1 0 0 1-1.32 1.497l-.094-.083L9 6.414V11a1 1 0 0 1-1.993.117L7 11V6.414l-.293.293a1 1 0 0 1-1.497-1.32l.083-.094 2-2Z\\"></path>
5995
+ </symbol>
5985
5996
  <symbol id=\\"pie-chart\\" viewBox=\\"0 0 16 16\\">
5986
5997
  <path fill-rule=\\"evenodd\\" d=\\"M7 16A7 7 0 0 1 7 2v7h7a7 7 0 0 1-7 7zm2-9V0a7 7 0 0 1 7 7H9z\\"></path>
5987
5998
  </symbol>
@@ -6934,296 +6945,301 @@ exports[`Icon should render examples: Icon 6`] = `
6934
6945
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">phone-download</p>
6935
6946
  </div>
6936
6947
  <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
6948
+ <use xlink:href=\\"#phone-upload\\"></use>
6949
+ </svg>
6950
+ <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">phone-upload</p>
6951
+ </div>
6952
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
6937
6953
  <use xlink:href=\\"#phone\\"></use>
6938
6954
  </svg>
6939
6955
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">phone</p>
6940
6956
  </div>
6941
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
6957
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
6942
6958
  <use xlink:href=\\"#pie-chart\\"></use>
6943
6959
  </svg>
6944
6960
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">pie-chart</p>
6945
6961
  </div>
6946
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
6962
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
6947
6963
  <use xlink:href=\\"#pin\\"></use>
6948
6964
  </svg>
6949
6965
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">pin</p>
6950
6966
  </div>
6951
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
6967
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
6952
6968
  <use xlink:href=\\"#plane\\"></use>
6953
6969
  </svg>
6954
6970
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">plane</p>
6955
6971
  </div>
6956
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
6972
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
6957
6973
  <use xlink:href=\\"#plus-small\\"></use>
6958
6974
  </svg>
6959
6975
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">plus-small</p>
6960
6976
  </div>
6961
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
6977
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
6962
6978
  <use xlink:href=\\"#plus\\"></use>
6963
6979
  </svg>
6964
6980
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">plus</p>
6965
6981
  </div>
6966
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
6982
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
6967
6983
  <use xlink:href=\\"#previous\\"></use>
6968
6984
  </svg>
6969
6985
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">previous</p>
6970
6986
  </div>
6971
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
6987
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
6972
6988
  <use xlink:href=\\"#printer\\"></use>
6973
6989
  </svg>
6974
6990
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">printer</p>
6975
6991
  </div>
6976
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
6992
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
6977
6993
  <use xlink:href=\\"#qualify\\"></use>
6978
6994
  </svg>
6979
6995
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">qualify</p>
6980
6996
  </div>
6981
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
6997
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
6982
6998
  <use xlink:href=\\"#radio-checked\\"></use>
6983
6999
  </svg>
6984
7000
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">radio-checked</p>
6985
7001
  </div>
6986
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7002
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
6987
7003
  <use xlink:href=\\"#radio-unchecked\\"></use>
6988
7004
  </svg>
6989
7005
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">radio-unchecked</p>
6990
7006
  </div>
6991
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7007
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
6992
7008
  <use xlink:href=\\"#repare\\"></use>
6993
7009
  </svg>
6994
7010
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">repare</p>
6995
7011
  </div>
6996
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7012
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
6997
7013
  <use xlink:href=\\"#reply\\"></use>
6998
7014
  </svg>
6999
7015
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">reply</p>
7000
7016
  </div>
7001
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7017
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7002
7018
  <use xlink:href=\\"#restaurant\\"></use>
7003
7019
  </svg>
7004
7020
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">restaurant</p>
7005
7021
  </div>
7006
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7022
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7007
7023
  <use xlink:href=\\"#restore-straight\\"></use>
7008
7024
  </svg>
7009
7025
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">restore-straight</p>
7010
7026
  </div>
7011
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7027
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7012
7028
  <use xlink:href=\\"#restore\\"></use>
7013
7029
  </svg>
7014
7030
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">restore</p>
7015
7031
  </div>
7016
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7032
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7017
7033
  <use xlink:href=\\"#right\\"></use>
7018
7034
  </svg>
7019
7035
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">right</p>
7020
7036
  </div>
7021
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7037
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7022
7038
  <use xlink:href=\\"#rise\\"></use>
7023
7039
  </svg>
7024
7040
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">rise</p>
7025
7041
  </div>
7026
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7042
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7027
7043
  <use xlink:href=\\"#rotate-left\\"></use>
7028
7044
  </svg>
7029
7045
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">rotate-left</p>
7030
7046
  </div>
7031
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7047
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7032
7048
  <use xlink:href=\\"#rotate-right\\"></use>
7033
7049
  </svg>
7034
7050
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">rotate-right</p>
7035
7051
  </div>
7036
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7052
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7037
7053
  <use xlink:href=\\"#sad-cozy\\"></use>
7038
7054
  </svg>
7039
7055
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">sad-cozy</p>
7040
7056
  </div>
7041
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7057
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7042
7058
  <use xlink:href=\\"#safe\\"></use>
7043
7059
  </svg>
7044
7060
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">safe</p>
7045
7061
  </div>
7046
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7062
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7047
7063
  <use xlink:href=\\"#school\\"></use>
7048
7064
  </svg>
7049
7065
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">school</p>
7050
7066
  </div>
7051
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7067
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7052
7068
  <use xlink:href=\\"#select-all\\"></use>
7053
7069
  </svg>
7054
7070
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">select-all</p>
7055
7071
  </div>
7056
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7072
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7057
7073
  <use xlink:href=\\"#setting\\"></use>
7058
7074
  </svg>
7059
7075
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">setting</p>
7060
7076
  </div>
7061
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7077
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7062
7078
  <use xlink:href=\\"#share-circle\\"></use>
7063
7079
  </svg>
7064
7080
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">share-circle</p>
7065
7081
  </div>
7066
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7082
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7067
7083
  <use xlink:href=\\"#share\\"></use>
7068
7084
  </svg>
7069
7085
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">share</p>
7070
7086
  </div>
7071
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7087
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7072
7088
  <use xlink:href=\\"#shield\\"></use>
7073
7089
  </svg>
7074
7090
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">shield</p>
7075
7091
  </div>
7076
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7092
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7077
7093
  <use xlink:href=\\"#shop\\"></use>
7078
7094
  </svg>
7079
7095
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">shop</p>
7080
7096
  </div>
7081
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7097
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7082
7098
  <use xlink:href=\\"#sound\\"></use>
7083
7099
  </svg>
7084
7100
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">sound</p>
7085
7101
  </div>
7086
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7102
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7087
7103
  <use xlink:href=\\"#spinner\\"></use>
7088
7104
  </svg>
7089
7105
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">spinner</p>
7090
7106
  </div>
7091
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7107
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7092
7108
  <use xlink:href=\\"#stack\\"></use>
7093
7109
  </svg>
7094
7110
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">stack</p>
7095
7111
  </div>
7096
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7112
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7097
7113
  <use xlink:href=\\"#star\\"></use>
7098
7114
  </svg>
7099
7115
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">star</p>
7100
7116
  </div>
7101
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7117
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7102
7118
  <use xlink:href=\\"#stats\\"></use>
7103
7119
  </svg>
7104
7120
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">stats</p>
7105
7121
  </div>
7106
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7122
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7107
7123
  <use xlink:href=\\"#subway\\"></use>
7108
7124
  </svg>
7109
7125
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">subway</p>
7110
7126
  </div>
7111
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7127
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7112
7128
  <use xlink:href=\\"#sync-cozy\\"></use>
7113
7129
  </svg>
7114
7130
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">sync-cozy</p>
7115
7131
  </div>
7116
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7132
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7117
7133
  <use xlink:href=\\"#sync\\"></use>
7118
7134
  </svg>
7119
7135
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">sync</p>
7120
7136
  </div>
7121
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7137
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7122
7138
  <use xlink:href=\\"#target\\"></use>
7123
7139
  </svg>
7124
7140
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">target</p>
7125
7141
  </div>
7126
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7142
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7127
7143
  <use xlink:href=\\"#team\\"></use>
7128
7144
  </svg>
7129
7145
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">team</p>
7130
7146
  </div>
7131
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7147
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7132
7148
  <use xlink:href=\\"#telephone\\"></use>
7133
7149
  </svg>
7134
7150
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">telephone</p>
7135
7151
  </div>
7136
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7152
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7137
7153
  <use xlink:href=\\"#to-the-cloud\\"></use>
7138
7154
  </svg>
7139
7155
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">to-the-cloud</p>
7140
7156
  </div>
7141
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7157
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7142
7158
  <use xlink:href=\\"#top\\"></use>
7143
7159
  </svg>
7144
7160
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">top</p>
7145
7161
  </div>
7146
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7162
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7147
7163
  <use xlink:href=\\"#train\\"></use>
7148
7164
  </svg>
7149
7165
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">train</p>
7150
7166
  </div>
7151
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7167
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7152
7168
  <use xlink:href=\\"#trash\\"></use>
7153
7169
  </svg>
7154
7170
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">trash</p>
7155
7171
  </div>
7156
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7172
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7157
7173
  <use xlink:href=\\"#trophy\\"></use>
7158
7174
  </svg>
7159
7175
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">trophy</p>
7160
7176
  </div>
7161
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7177
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7162
7178
  <use xlink:href=\\"#unknow\\"></use>
7163
7179
  </svg>
7164
7180
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">unknow</p>
7165
7181
  </div>
7166
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7182
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7167
7183
  <use xlink:href=\\"#unlink\\"></use>
7168
7184
  </svg>
7169
7185
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">unlink</p>
7170
7186
  </div>
7171
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7187
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7172
7188
  <use xlink:href=\\"#unlock\\"></use>
7173
7189
  </svg>
7174
7190
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">unlock</p>
7175
7191
  </div>
7176
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7192
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7177
7193
  <use xlink:href=\\"#up\\"></use>
7178
7194
  </svg>
7179
7195
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">up</p>
7180
7196
  </div>
7181
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7197
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7182
7198
  <use xlink:href=\\"#upload\\"></use>
7183
7199
  </svg>
7184
7200
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">upload</p>
7185
7201
  </div>
7186
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7202
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7187
7203
  <use xlink:href=\\"#videos\\"></use>
7188
7204
  </svg>
7189
7205
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">videos</p>
7190
7206
  </div>
7191
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7207
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7192
7208
  <use xlink:href=\\"#walk\\"></use>
7193
7209
  </svg>
7194
7210
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">walk</p>
7195
7211
  </div>
7196
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7212
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7197
7213
  <use xlink:href=\\"#wallet-add\\"></use>
7198
7214
  </svg>
7199
7215
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">wallet-add</p>
7200
7216
  </div>
7201
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7217
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7202
7218
  <use xlink:href=\\"#wallet-new\\"></use>
7203
7219
  </svg>
7204
7220
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">wallet-new</p>
7205
7221
  </div>
7206
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7222
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7207
7223
  <use xlink:href=\\"#wallet\\"></use>
7208
7224
  </svg>
7209
7225
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">wallet</p>
7210
7226
  </div>
7211
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #F52D2D;\\" width=\\"16\\" height=\\"16\\">
7227
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7212
7228
  <use xlink:href=\\"#warn\\"></use>
7213
7229
  </svg>
7214
7230
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">warn</p>
7215
7231
  </div>
7216
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #FF962F;\\" width=\\"16\\" height=\\"16\\">
7232
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7217
7233
  <use xlink:href=\\"#warning-circle\\"></use>
7218
7234
  </svg>
7219
7235
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">warning-circle</p>
7220
7236
  </div>
7221
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #297EF2;\\" width=\\"16\\" height=\\"16\\">
7237
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7222
7238
  <use xlink:href=\\"#warning\\"></use>
7223
7239
  </svg>
7224
7240
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">warning</p>
7225
7241
  </div>
7226
- <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #08b442;\\" width=\\"16\\" height=\\"16\\">
7242
+ <div style=\\"text-align: center;\\"><svg class=\\"styles__icon___23x3R\\" style=\\"fill: #B449E7;\\" width=\\"16\\" height=\\"16\\">
7227
7243
  <use xlink:href=\\"#wrench-circle\\"></use>
7228
7244
  </svg>
7229
7245
  <p class=\\"MuiTypography-root u-mt-half u-mb-1 MuiTypography-body1\\">wrench-circle</p>