Skip to content

Commit

Permalink
Merge pull request #1220 from cozy/extra-icons
Browse files Browse the repository at this point in the history
feat: Added new icons
y-lohse authored Oct 29, 2019
2 parents d003bf8 + 330f00c commit e32796d
Showing 4 changed files with 118 additions and 94 deletions.
1 change: 1 addition & 0 deletions assets/icons/ui/warning-circle.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions assets/icons/ui/wrench-circle.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions react/Icon/Readme.md
Original file line number Diff line number Diff line change
@@ -31,7 +31,7 @@ import Icon from 'cozy-ui/transpiled/react/Icon';
import Sprite from 'cozy-ui/transpiled/react/Icon/Sprite';
const colors = ['#297EF2', '#08b442', '#B449E7', '#F52D2D', '#FF962F']
let i = 0
const availableIcons = ['album', 'album-add', 'album-remove', 'file', 'file-add', 'file-none', 'file-outline', 'folder', 'folder-add', 'wallet', 'wallet-add', 'credit-card', 'credit-card-add', 'top', 'right', 'bottom', 'left', 'up', 'down', 'next', 'previous', 'dropdown', 'dropup', 'dropdown-close', 'dropdown-open', 'rise', 'answer', 'restore', 'rotate-left', 'rotate-right', 'download', 'upload', 'moveto', 'logout', 'exchange', 'movement-in', 'movement-out', 'certified', 'check-circle', 'check', 'info-outlined', 'info', 'flag', 'flag-outlined', 'cloud', 'cloud-happy', 'to-the-cloud', 'grid', 'list', 'group-list', 'groups', 'cube', 'connector', 'share', 'share-circle', 'offline', 'online', 'email', 'email-notification', 'people', 'team', 'from-user', 'cross', 'cross-small', 'plus', 'plus-small', 'attention', 'warn', 'warning', 'devices', 'laptop', 'phone', 'phone-download', 'eye', 'eye-closed', 'link', 'unlink', 'lock', 'unlock', 'pie-chart', 'stats', 'apple', 'browser-brave', 'browser-chrome', 'browser-duckduckgo', 'browser-edge', 'browser-firefox', 'browser-ie', 'browser-opera', 'browser-safari', 'archive', 'attachment', 'bank', 'bell', 'burger', 'calendar', 'camera', 'stack', 'check-list', 'circle-filled', 'clock', 'collect', 'comment', 'company', 'compass', 'contract', 'contrast', 'crop', 'dash', 'dashboard', 'data-control', 'dots', 'eu', 'euro', 'filter', 'fingerprint', 'flash-auto', 'flashlight', 'forbidden', 'gear', 'globe', 'heart', 'help', 'history', 'home', 'hourglass', 'image', 'key', 'lightbulb', 'location', 'magic-trick', 'magnet', 'magnifier', 'merge', 'multi-files', 'music', 'new', 'openwith', 'palette', 'paperplane', 'pen', 'rename', 'percent-circle', 'personal-data', 'pin', 'printer', 'repare', 'select-all', 'setting', 'sound', 'spinner', 'star', 'sync', 'target', 'telephone', 'trash', 'trophy', 'videos', 'car', 'file-duotone', 'qualify'];
const availableIcons = ['album', 'album-add', 'album-remove', 'file', 'file-add', 'file-none', 'file-outline', 'folder', 'folder-add', 'wallet', 'wallet-add', 'credit-card', 'credit-card-add', 'top', 'right', 'bottom', 'left', 'up', 'down', 'next', 'previous', 'dropdown', 'dropup', 'dropdown-close', 'dropdown-open', 'rise', 'answer', 'restore', 'rotate-left', 'rotate-right', 'download', 'upload', 'moveto', 'logout', 'exchange', 'movement-in', 'movement-out', 'certified', 'check-circle', 'check', 'info-outlined', 'info', 'flag', 'flag-outlined', 'cloud', 'cloud-happy', 'to-the-cloud', 'grid', 'list', 'group-list', 'groups', 'cube', 'connector', 'share', 'share-circle', 'offline', 'online', 'email', 'email-notification', 'people', 'team', 'from-user', 'cross', 'cross-small', 'plus', 'plus-small', 'attention', 'warn', 'warning', 'warning-circle', 'devices', 'laptop', 'phone', 'phone-download', 'eye', 'eye-closed', 'link', 'unlink', 'lock', 'unlock', 'pie-chart', 'stats', 'apple', 'browser-brave', 'browser-chrome', 'browser-duckduckgo', 'browser-edge', 'browser-firefox', 'browser-ie', 'browser-opera', 'browser-safari', 'archive', 'attachment', 'bank', 'bell', 'burger', 'calendar', 'camera', 'stack', 'check-list', 'circle-filled', 'clock', 'collect', 'comment', 'company', 'compass', 'contract', 'contrast', 'crop', 'dash', 'dashboard', 'data-control', 'dots', 'eu', 'euro', 'filter', 'fingerprint', 'flash-auto', 'flashlight', 'forbidden', 'gear', 'globe', 'heart', 'help', 'history', 'home', 'hourglass', 'image', 'key', 'lightbulb', 'location', 'magic-trick', 'magnet', 'magnifier', 'merge', 'multi-files', 'music', 'new', 'openwith', 'palette', 'paperplane', 'pen', 'rename', 'percent-circle', 'personal-data', 'pin', 'printer', 'repare', 'wrench-circle', 'select-all', 'setting', 'sound', 'spinner', 'star', 'sync', 'target', 'telephone', 'trash', 'trophy', 'videos', 'car', 'file-duotone', 'qualify'];
<div style={{ fontSize: '2rem', display: 'grid', gridTemplateColumns: 'repeat(6, 1fr)' }}>
<Sprite />
@@ -64,9 +64,9 @@ to load your SVG (either explicitly or, better, implicitly in your `webpack.conf
⚠️ Do not put a `fill` property on your icon

```jsx static
import myIcon from "my-icon.svg";
import myIcon from 'my-icon.svg'

<Icon icon={myIcon} width={32} height={32} color="purple" />;
;<Icon icon={myIcon} width={32} height={32} color="purple" />
```

### Props forwarding
204 changes: 113 additions & 91 deletions react/__snapshots__/examples.spec.jsx.snap

Large diffs are not rendered by default.

0 comments on commit e32796d

Please sign in to comment.