Skip to content

Commit 25db245

Browse files
orrgottlieborrgottlieb
authored
Merge pull request #17 from mondaycom/feat/orr/update-icons
feat: icons and icons story
2 parents 217b308 + a8cf708 commit 25db245

21 files changed

+364
-0
lines changed

‎src/components/Icon/Icons/components/Add.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
/* eslint-disable */
2+
/* tslint:disable */
3+
import PropTypes from 'prop-types';
4+
import React from 'react';
5+
const Add = ({size, ...props}) => (
6+
<svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
7+
<path d="M10.75 3C10.75 2.58579 10.4142 2.25 10 2.25C9.58579 2.25 9.25 2.58579 9.25 3V9.25H3C2.58579 9.25 2.25 9.58579 2.25 10C2.25 10.4142 2.58579 10.75 3 10.75H9.25V17C9.25 17.4142 9.58579 17.75 10 17.75C10.4142 17.75 10.75 17.4142 10.75 17V10.75H17C17.4142 10.75 17.75 10.4142 17.75 10C17.75 9.58579 17.4142 9.25 17 9.25H10.75V3Z"
8+
fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
9+
</svg>
10+
);
11+
Add.displayName = 'Add';
12+
Add.propTypes = {
13+
size: PropTypes.string
14+
}
15+
export default Add;
16+
/* tslint:enable */
17+
/* eslint-enable */

‎src/components/Icon/Icons/components/AddSmall.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
/* eslint-disable */
2+
/* tslint:disable */
3+
import PropTypes from 'prop-types';
4+
import React from 'react';
5+
const AddSmall = ({size, ...props}) => (
6+
<svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
7+
<path d="M10.75 6C10.75 5.58579 10.4142 5.25 10 5.25C9.58579 5.25 9.25 5.58579 9.25 6V9.25H6C5.58579 9.25 5.25 9.58579 5.25 10C5.25 10.4142 5.58579 10.75 6 10.75H9.25V14C9.25 14.4142 9.58579 14.75 10 14.75C10.4142 14.75 10.75 14.4142 10.75 14V10.75H14C14.4142 10.75 14.75 10.4142 14.75 10C14.75 9.58579 14.4142 9.25 14 9.25H10.75V6Z"
8+
fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
9+
</svg>
10+
);
11+
AddSmall.displayName = 'AddSmall';
12+
AddSmall.propTypes = {
13+
size: PropTypes.string
14+
}
15+
export default AddSmall;
16+
/* tslint:enable */
17+
/* eslint-enable */

‎src/components/Icon/Icons/components/Check.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
/* eslint-disable */
2+
/* tslint:disable */
3+
import PropTypes from 'prop-types';
4+
import React from 'react';
5+
const Check = ({size, ...props}) => (
6+
<svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
7+
<path d="M8.53033 14.2478L8 13.7175L7.46967 14.2478C7.76256 14.5407 8.23744 14.5407 8.53033 14.2478ZM8 12.6569L4.53033 9.18718C4.23744 8.89429 3.76256 8.89429 3.46967 9.18718C3.17678 9.48008 3.17678 9.95495 3.46967 10.2478L7.46967 14.2478L8 13.7175L8.53033 14.2478L16.2478 6.53033C16.5407 6.23743 16.5407 5.76256 16.2478 5.46967C15.955 5.17677 15.4801 5.17677 15.1872 5.46967L8 12.6569Z"
8+
fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
9+
</svg>
10+
);
11+
Check.displayName = 'Check';
12+
Check.propTypes = {
13+
size: PropTypes.string
14+
}
15+
export default Check;
16+
/* tslint:enable */
17+
/* eslint-enable */

‎src/components/Icon/Icons/components/Close.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
/* eslint-disable */
2+
/* tslint:disable */
3+
import PropTypes from 'prop-types';
4+
import React from 'react';
5+
const Close = ({size, ...props}) => (
6+
<svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
7+
<path d="M3.53033 2.46967C3.23744 2.17678 2.76256 2.17678 2.46967 2.46967C2.17678 2.76256 2.17678 3.23744 2.46967 3.53033L8.97639 10.037L2.47093 16.5425C2.17804 16.8354 2.17804 17.3103 2.47093 17.6032C2.76382 17.8961 3.2387 17.8961 3.53159 17.6032L10.037 11.0977L16.5425 17.6032C16.8354 17.8961 17.3103 17.8961 17.6032 17.6032C17.8961 17.3103 17.8961 16.8354 17.6032 16.5425L11.0977 10.037L17.6044 3.53033C17.8973 3.23744 17.8973 2.76256 17.6044 2.46967C17.3115 2.17678 16.8367 2.17678 16.5438 2.46967L10.037 8.97639L3.53033 2.46967Z"
8+
fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
9+
</svg>
10+
);
11+
Close.displayName = 'Close';
12+
Close.propTypes = {
13+
size: PropTypes.string
14+
}
15+
export default Close;
16+
/* tslint:enable */
17+
/* eslint-enable */

‎src/components/Icon/Icons/components/CloseSmall.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
/* eslint-disable */
2+
/* tslint:disable */
3+
import PropTypes from 'prop-types';
4+
import React from 'react';
5+
const CloseSmall = ({size, ...props}) => (
6+
<svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
7+
<path d="M6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L8.62562 9.68628L5.47045 12.8415C5.17756 13.1343 5.17756 13.6092 5.47045 13.9021C5.76334 14.195 6.23822 14.195 6.53111 13.9021L9.68628 10.7469L12.8415 13.9021C13.1343 14.195 13.6092 14.195 13.9021 13.9021C14.195 13.6092 14.195 13.1343 13.9021 12.8415L10.7469 9.68628L13.9029 6.53033C14.1958 6.23744 14.1958 5.76256 13.9029 5.46967C13.61 5.17678 13.1351 5.17678 12.8422 5.46967L9.68628 8.62562L6.53033 5.46967Z"
8+
fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
9+
</svg>
10+
);
11+
CloseSmall.displayName = 'CloseSmall';
12+
CloseSmall.propTypes = {
13+
size: PropTypes.string
14+
}
15+
export default CloseSmall;
16+
/* tslint:enable */
17+
/* eslint-enable */

‎src/components/Icon/Icons/components/DoubleCheck.js‎

Lines changed: 17 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/components/Icon/Icons/components/Drag.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
/* eslint-disable */
2+
/* tslint:disable */
3+
import PropTypes from 'prop-types';
4+
import React from 'react';
5+
const Drag = ({size, ...props}) => (
6+
<svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
7+
<path d="M7.5 4C6.67157 4 6 3.32843 6 2.5 6 1.67157 6.67157 1 7.5 1 8.32843 1 9 1.67157 9 2.5 9 3.32843 8.32843 4 7.5 4zM12.5 4C11.6716 4 11 3.32843 11 2.5 11 1.67157 11.6716 1 12.5 1 13.3284 1 14 1.67157 14 2.5 14 3.32843 13.3284 4 12.5 4zM7.5 9C6.67157 9 6 8.32843 6 7.5 6 6.67157 6.67157 6 7.5 6 8.32843 6 9 6.67157 9 7.5 9 8.32843 8.32843 9 7.5 9zM12.5 9C11.6716 9 11 8.32843 11 7.5 11 6.67157 11.6716 6 12.5 6 13.3284 6 14 6.67157 14 7.5 14 8.32843 13.3284 9 12.5 9zM7.5 14C6.67157 14 6 13.3284 6 12.5 6 11.6716 6.67157 11 7.5 11 8.32843 11 9 11.6716 9 12.5 9 13.3284 8.32843 14 7.5 14zM7.5 19C6.67157 19 6 18.3284 6 17.5 6 16.6716 6.67157 16 7.5 16 8.32843 16 9 16.6716 9 17.5 9 18.3284 8.32843 19 7.5 19zM12.5 14C11.6716 14 11 13.3284 11 12.5 11 11.6716 11.6716 11 12.5 11 13.3284 11 14 11.6716 14 12.5 14 13.3284 13.3284 14 12.5 14zM12.5 19C11.6716 19 11 18.3284 11 17.5 11 16.6716 11.6716 16 12.5 16 13.3284 16 14 16.6716 14 17.5 14 18.3284 13.3284 19 12.5 19z"
8+
fill="currentColor" />
9+
</svg>
10+
);
11+
Drag.displayName = 'Drag';
12+
Drag.propTypes = {
13+
size: PropTypes.string
14+
}
15+
export default Drag;
16+
/* tslint:enable */
17+
/* eslint-enable */

‎src/components/Icon/Icons/components/DropdownChevronDown.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
/* eslint-disable */
2+
/* tslint:disable */
3+
import PropTypes from 'prop-types';
4+
import React from 'react';
5+
const DropdownChevronDown = ({size, ...props}) => (
6+
<svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
7+
<path d="M10.5303 12.5303L10 12L9.46967 12.5303C9.76256 12.8232 10.2374 12.8232 10.5303 12.5303ZM10 10.9393L6.53033 7.46967C6.23744 7.17678 5.76256 7.17678 5.46967 7.46967C5.17678 7.76256 5.17678 8.23744 5.46967 8.53033L9.46967 12.5303L10 12L10.5303 12.5303L14.5303 8.53033C14.8232 8.23744 14.8232 7.76256 14.5303 7.46967C14.2374 7.17678 13.7626 7.17678 13.4697 7.46967L10 10.9393Z"
8+
fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
9+
</svg>
10+
);
11+
DropdownChevronDown.displayName = 'DropdownChevronDown';
12+
DropdownChevronDown.propTypes = {
13+
size: PropTypes.string
14+
}
15+
export default DropdownChevronDown;
16+
/* tslint:enable */
17+
/* eslint-enable */

‎src/components/Icon/Icons/components/DropdownChevronLeft.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
/* eslint-disable */
2+
/* tslint:disable */
3+
import PropTypes from 'prop-types';
4+
import React from 'react';
5+
const DropdownChevronLeft = ({size, ...props}) => (
6+
<svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
7+
<path d="M7.46967 10.5303L8 10L7.46967 9.46967C7.17678 9.76256 7.17678 10.2374 7.46967 10.5303ZM9.06066 10L12.5303 6.53033C12.8232 6.23744 12.8232 5.76256 12.5303 5.46967C12.2374 5.17678 11.7626 5.17678 11.4697 5.46967L7.46967 9.46967L8 10L7.46967 10.5303L11.4697 14.5303C11.7626 14.8232 12.2374 14.8232 12.5303 14.5303C12.8232 14.2374 12.8232 13.7626 12.5303 13.4697L9.06066 10Z"
8+
fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
9+
</svg>
10+
);
11+
DropdownChevronLeft.displayName = 'DropdownChevronLeft';
12+
DropdownChevronLeft.propTypes = {
13+
size: PropTypes.string
14+
}
15+
export default DropdownChevronLeft;
16+
/* tslint:enable */
17+
/* eslint-enable */

‎src/components/Icon/Icons/components/DropdownChevronRight.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
/* eslint-disable */
2+
/* tslint:disable */
3+
import PropTypes from 'prop-types';
4+
import React from 'react';
5+
const DropdownChevronRight = ({size, ...props}) => (
6+
<svg viewBox="0 0 20 20" fill="currentColor" width={ size || "20" } height={ size || "20" } {...props}>
7+
<path d="M12.5303 9.46967L12 10L12.5303 10.5303C12.8232 10.2374 12.8232 9.76256 12.5303 9.46967ZM10.9393 10L7.46967 13.4697C7.17678 13.7626 7.17678 14.2374 7.46967 14.5303C7.76256 14.8232 8.23744 14.8232 8.53033 14.5303L12.5303 10.5303L12 10L12.5303 9.46967L8.53033 5.46967C8.23744 5.17678 7.76256 5.17678 7.46967 5.46967C7.17678 5.76256 7.17678 6.23744 7.46967 6.53033L10.9393 10Z"
8+
fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
9+
</svg>
10+
);
11+
DropdownChevronRight.displayName = 'DropdownChevronRight';
12+
DropdownChevronRight.propTypes = {
13+
size: PropTypes.string
14+
}
15+
export default DropdownChevronRight;
16+
/* tslint:enable */
17+
/* eslint-enable */

0 commit comments

Comments
 (0)