From 97e00dbfba5b6f522e249fc213ce8dc3bf3a8cf8 Mon Sep 17 00:00:00 2001 From: JF-Cozy Date: Thu, 20 Oct 2022 16:23:05 +0200 Subject: [PATCH] feat(Icon): Add compare and clock-outline icons --- assets/icons/ui/clock-outline.svg | 1 + assets/icons/ui/compare.svg | 1 + react/Icon/Readme.md | 6 +- react/Icons/ClockOutline.jsx | 15 + react/Icons/Compare.jsx | 15 + react/__snapshots__/examples.spec.jsx.snap | 388 +++++++++++---------- 6 files changed, 247 insertions(+), 179 deletions(-) create mode 100644 assets/icons/ui/clock-outline.svg create mode 100644 assets/icons/ui/compare.svg create mode 100644 react/Icons/ClockOutline.jsx create mode 100644 react/Icons/Compare.jsx diff --git a/assets/icons/ui/clock-outline.svg b/assets/icons/ui/clock-outline.svg new file mode 100644 index 0000000000..82351efb91 --- /dev/null +++ b/assets/icons/ui/clock-outline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/ui/compare.svg b/assets/icons/ui/compare.svg new file mode 100644 index 0000000000..e905c73c7a --- /dev/null +++ b/assets/icons/ui/compare.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/react/Icon/Readme.md b/react/Icon/Readme.md index 6d2ede292d..07257408f8 100644 --- a/react/Icon/Readme.md +++ b/react/Icon/Readme.md @@ -65,11 +65,13 @@ import CheckList from 'cozy-ui/transpiled/react/Icons/CheckList' import CheckSquare from 'cozy-ui/transpiled/react/Icons/CheckSquare' import CircleFilled from 'cozy-ui/transpiled/react/Icons/CircleFilled' import Clock from 'cozy-ui/transpiled/react/Icons/Clock' +import ClockOutline from 'cozy-ui/transpiled/react/Icons/ClockOutline' import Cloud from 'cozy-ui/transpiled/react/Icons/Cloud' import CloudHappy from 'cozy-ui/transpiled/react/Icons/CloudHappy' import Collect from 'cozy-ui/transpiled/react/Icons/Collect' import Comment from 'cozy-ui/transpiled/react/Icons/Comment' import Company from 'cozy-ui/transpiled/react/Icons/Company' +import Compare from 'cozy-ui/transpiled/react/Icons/Compare' import Compass from 'cozy-ui/transpiled/react/Icons/Compass' import Connector from 'cozy-ui/transpiled/react/Icons/Connector' import Contract from 'cozy-ui/transpiled/react/Icons/Contract' @@ -286,11 +288,13 @@ const icons = [ CheckSquare, CircleFilled, Clock, + ClockOutline, Cloud, CloudHappy, Collect, Comment, Company, + Compare, Compass, Connector, Contract, @@ -834,7 +838,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','copy','cozy-circle','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','help-outlined','history','home','hourglass','image','info-outlined','info','key','laptop','left','lightbulb','link-out','link','list','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','merge','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','new','next','note','notification-email','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','previous','printer','qualify','radio-checked','radio-unchecked','refresh','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', 'swap', 'sync-cozy','sync','tag','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','clock-outline','cloud-happy','cloud','collect','comment','company','compare','compass','connector','contract','contrast','copy','cozy-circle','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','help-outlined','history','home','hourglass','image','info-outlined','info','key','laptop','left','lightbulb','link-out','link','list','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','merge','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','new','next','note','notification-email','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','previous','printer','qualify','radio-checked','radio-unchecked','refresh','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', 'swap', 'sync-cozy','sync','tag','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/ClockOutline.jsx b/react/Icons/ClockOutline.jsx new file mode 100644 index 0000000000..7f3cdd7131 --- /dev/null +++ b/react/Icons/ClockOutline.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/clock-outline.svg` to regenerate; +import React from 'react' + +function SvgClockOutline(props) { + return ( + + + + ) +} + +export default SvgClockOutline diff --git a/react/Icons/Compare.jsx b/react/Icons/Compare.jsx new file mode 100644 index 0000000000..080cbc6619 --- /dev/null +++ b/react/Icons/Compare.jsx @@ -0,0 +1,15 @@ +// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/compare.svg` to regenerate; +import React from 'react' + +function SvgCompare(props) { + return ( + + + + ) +} + +export default SvgCompare diff --git a/react/__snapshots__/examples.spec.jsx.snap b/react/__snapshots__/examples.spec.jsx.snap index 7b954dab7a..36f289c219 100644 --- a/react/__snapshots__/examples.spec.jsx.snap +++ b/react/__snapshots__/examples.spec.jsx.snap @@ -3172,6 +3172,11 @@ exports[`Icon should render examples: Icon 1`] = `

Clock

+
+ + +

ClockOutline

+
@@ -3202,6 +3207,11 @@ exports[`Icon should render examples: Icon 1`] = `

Company

+
+ + +

Compare

+
@@ -4702,6 +4712,9 @@ exports[`Icon should render examples: Icon 3`] = ` + + + @@ -4727,6 +4740,9 @@ exports[`Icon should render examples: Icon 3`] = ` + + + @@ -6274,6 +6290,9 @@ exports[`Icon should render examples: Icon 7`] = ` + + + @@ -6299,6 +6318,9 @@ exports[`Icon should render examples: Icon 7`] = ` + + + @@ -7134,896 +7156,906 @@ exports[`Icon should render examples: Icon 7`] = `

clock

+ + +

clock-outline

+
+

cloud-happy

-
+

cloud

-
+

collect

-
+

comment

-
+

company

-
+
+ + +

compare

+
+

compass

-
+

connector

-
+

contract

-
+

contrast

-
+

copy

-
+

cozy-circle

-
+

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

-
+

help-outlined

-
+

history

-
+

home

-
+

hourglass

-
+

image

-
+

info-outlined

-
+

info

-
+

key

-
+

laptop

-
+

left

-
+

lightbulb

-
+

link-out

-
+

link

-
+

list

-
+

location

-
+

lock

-
+

lock-screen

-
+

logout

-
+

magic-trick

-
+

magnet

-
+

magnifier

-
+

merge

-
+

mountain

-
+

movement-in

-
+

movement-out

-
+

mouvement

-
+

moveto

-
+

multi-files

-
+

music

-
+

new

-
+

next

-
+

note

-
+

notification-email

-
+

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

-
+

previous

-
+

printer

-
+

qualify

-
+

radio-checked

-
+

radio-unchecked

-
+

refresh

-
+

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

-
+

swap

-
+

sync-cozy

-
+

sync

-
+

tag

-
+

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