Skip to content

Commit

Permalink
feat(icons): add some icons and update old icons for UDL
Browse files Browse the repository at this point in the history
  • Loading branch information
TheSisb committed Jul 28, 2020
1 parent 9cd5266 commit c9d5010
Show file tree
Hide file tree
Showing 137 changed files with 2,588 additions and 124 deletions.
2 changes: 1 addition & 1 deletion packages/paste-icons/rollup.icon-list.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

13 changes: 10 additions & 3 deletions packages/paste-icons/src/ArrowBackIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,16 @@ const ArrowBackIcon: React.FC<ArrowBackIconProps> = ({as, display, size, iconCol
return (
<IconWrapper as={as} display={display} size={size} iconColor={iconColor}>
<UID>
{uid => (
<svg role="img" aria-hidden={decorative} aria-labelledby={uid} width="100%" height="100%" viewBox="0 0 24 24">
{title ? <title id={uid}>{title}</title> : null}
{titleId => (
<svg
role="img"
aria-hidden={decorative}
width="100%"
height="100%"
viewBox="0 0 24 24"
aria-labelledby={titleId}
>
{title ? <title id={titleId}>{title}</title> : null}
<path
fill="currentColor"
fillRule="evenodd"
Expand Down
13 changes: 10 additions & 3 deletions packages/paste-icons/src/ArrowDownIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,16 @@ const ArrowDownIcon: React.FC<ArrowDownIconProps> = ({as, display, size, iconCol
return (
<IconWrapper as={as} display={display} size={size} iconColor={iconColor}>
<UID>
{uid => (
<svg role="img" aria-hidden={decorative} aria-labelledby={uid} width="100%" height="100%" viewBox="0 0 24 24">
{title ? <title id={uid}>{title}</title> : null}
{titleId => (
<svg
role="img"
aria-hidden={decorative}
width="100%"
height="100%"
viewBox="0 0 24 24"
aria-labelledby={titleId}
>
{title ? <title id={titleId}>{title}</title> : null}
<path
fill="currentColor"
fillRule="evenodd"
Expand Down
13 changes: 10 additions & 3 deletions packages/paste-icons/src/ArrowForwardIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,16 @@ const ArrowForwardIcon: React.FC<ArrowForwardIconProps> = ({as, display, size, i
return (
<IconWrapper as={as} display={display} size={size} iconColor={iconColor}>
<UID>
{uid => (
<svg role="img" aria-hidden={decorative} aria-labelledby={uid} width="100%" height="100%" viewBox="0 0 24 24">
{title ? <title id={uid}>{title}</title> : null}
{titleId => (
<svg
role="img"
aria-hidden={decorative}
width="100%"
height="100%"
viewBox="0 0 24 24"
aria-labelledby={titleId}
>
{title ? <title id={titleId}>{title}</title> : null}
<path
fill="currentColor"
fillRule="evenodd"
Expand Down
13 changes: 10 additions & 3 deletions packages/paste-icons/src/ArrowUpIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,16 @@ const ArrowUpIcon: React.FC<ArrowUpIconProps> = ({as, display, size, iconColor,
return (
<IconWrapper as={as} display={display} size={size} iconColor={iconColor}>
<UID>
{uid => (
<svg role="img" aria-hidden={decorative} aria-labelledby={uid} width="100%" height="100%" viewBox="0 0 24 24">
{title ? <title id={uid}>{title}</title> : null}
{titleId => (
<svg
role="img"
aria-hidden={decorative}
width="100%"
height="100%"
viewBox="0 0 24 24"
aria-labelledby={titleId}
>
{title ? <title id={titleId}>{title}</title> : null}
<path
fill="currentColor"
fillRule="evenodd"
Expand Down
15 changes: 11 additions & 4 deletions packages/paste-icons/src/AttachIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,20 @@ const AttachIcon: React.FC<AttachIconProps> = ({as, display, size, iconColor, ti
return (
<IconWrapper as={as} display={display} size={size} iconColor={iconColor}>
<UID>
{uid => (
<svg role="img" aria-hidden={decorative} aria-labelledby={uid} width="100%" height="100%" viewBox="0 0 24 24">
{title ? <title id={uid}>{title}</title> : null}
{titleId => (
<svg
role="img"
aria-hidden={decorative}
width="100%"
height="100%"
viewBox="0 0 24 24"
aria-labelledby={titleId}
>
{title ? <title id={titleId}>{title}</title> : null}
<path
fill="currentColor"
fillRule="evenodd"
d="M11.503 6.385a2.9 2.9 0 014.242 3.955l-.135.14-4.814 4.817A1.7 1.7 0 018.29 13.01l.108-.123 4.808-4.81a.5.5 0 01.765.638l-.057.069-4.803 4.804a.7.7 0 00.899 1.065l.085-.07 4.814-4.816a1.9 1.9 0 00-2.577-2.79l-.116.11-4.808 4.807a3.1 3.1 0 004.241 4.519l.143-.135 5.854-5.855a.5.5 0 01.765.638l-.057.07-5.855 5.854a4.1 4.1 0 01-5.953-5.634l.155-.164 4.802-4.802z"
d="M6.379 10.764l5.59-5.73a3.251 3.251 0 013.214-.924 3.347 3.347 0 012.36 2.42 3.447 3.447 0 01-.75 3.135l-.145.153-5.623 5.767a1.87 1.87 0 01-2.668-.023 1.987 1.987 0 01-.116-2.627l.099-.113 5.618-5.761c.195-.2.512-.2.708 0a.523.523 0 01.058.655l-.058.07-5.612 5.755a.94.94 0 00.011 1.295.885.885 0 001.174.09l.083-.073 5.624-5.767a2.4 2.4 0 00.628-2.296 2.333 2.333 0 00-1.645-1.686 2.264 2.264 0 00-2.117.523l-.129.127-5.596 5.736a3.866 3.866 0 000 5.371 3.64 3.64 0 005.097.139l.143-.139 6.818-6.99c.196-.2.513-.2.708 0a.523.523 0 01.058.655l-.058.071-6.818 6.99a4.626 4.626 0 01-6.656 0c-1.787-1.832-1.837-4.77-.15-6.663l.15-.16z"
/>
</svg>
)}
Expand Down
13 changes: 10 additions & 3 deletions packages/paste-icons/src/CheckmarkCircleIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,16 @@ const CheckmarkCircleIcon: React.FC<CheckmarkCircleIconProps> = ({as, display, s
return (
<IconWrapper as={as} display={display} size={size} iconColor={iconColor}>
<UID>
{uid => (
<svg role="img" aria-hidden={decorative} aria-labelledby={uid} width="100%" height="100%" viewBox="0 0 24 24">
{title ? <title id={uid}>{title}</title> : null}
{titleId => (
<svg
role="img"
aria-hidden={decorative}
width="100%"
height="100%"
viewBox="0 0 24 24"
aria-labelledby={titleId}
>
{title ? <title id={titleId}>{title}</title> : null}
<path
fill="currentColor"
fillRule="evenodd"
Expand Down
51 changes: 51 additions & 0 deletions packages/paste-icons/src/ChevronDisclosureIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
/**
* This file was automatically generated with @twilio-labs/svg-to-react
*/
import * as React from 'react';
import {UID} from 'react-uid';
import {IconWrapper, IconWrapperProps} from './helpers/IconWrapper';

export interface ChevronDisclosureIconProps extends IconWrapperProps {
title?: string;
decorative: boolean;
}

const ChevronDisclosureIcon: React.FC<ChevronDisclosureIconProps> = ({
as,
display,
size,
iconColor,
title,
decorative,
}) => {
if (!decorative && title == null) {
throw new Error('[ChevronDisclosureIcon]: Missing a title for non-decorative icon.');
}

return (
<IconWrapper as={as} display={display} size={size} iconColor={iconColor}>
<UID>
{titleId => (
<svg
role="img"
aria-hidden={decorative}
width="100%"
height="100%"
viewBox="0 0 24 24"
aria-labelledby={titleId}
>
{title ? <title id={titleId}>{title}</title> : null}
<path
fill="currentColor"
fillRule="evenodd"
d="M16.258 14.882l3.67-4.371a.305.305 0 00-.052-.442.34.34 0 00-.206-.069h-7.34c-.182 0-.33.14-.33.314 0 .072.026.141.072.197l3.67 4.371a.341.341 0 00.516 0z"
/>
</svg>
)}
</UID>
</IconWrapper>
);
};

ChevronDisclosureIcon.displayName = 'ChevronDisclosureIcon';
export {ChevronDisclosureIcon};
51 changes: 51 additions & 0 deletions packages/paste-icons/src/ChevronDoubleLeftIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
/**
* This file was automatically generated with @twilio-labs/svg-to-react
*/
import * as React from 'react';
import {UID} from 'react-uid';
import {IconWrapper, IconWrapperProps} from './helpers/IconWrapper';

export interface ChevronDoubleLeftIconProps extends IconWrapperProps {
title?: string;
decorative: boolean;
}

const ChevronDoubleLeftIcon: React.FC<ChevronDoubleLeftIconProps> = ({
as,
display,
size,
iconColor,
title,
decorative,
}) => {
if (!decorative && title == null) {
throw new Error('[ChevronDoubleLeftIcon]: Missing a title for non-decorative icon.');
}

return (
<IconWrapper as={as} display={display} size={size} iconColor={iconColor}>
<UID>
{titleId => (
<svg
role="img"
aria-hidden={decorative}
width="100%"
height="100%"
viewBox="0 0 24 24"
aria-labelledby={titleId}
>
{title ? <title id={titleId}>{title}</title> : null}
<path
fill="currentColor"
fillRule="evenodd"
d="M11.749 7.244c.309.3.333.773.071 1.1l-.071.079L8.07 12l3.679 3.577c.309.3.333.774.071 1.1l-.071.079a.876.876 0 01-1.131.07l-.081-.07-4.286-4.167a.816.816 0 01-.071-1.1l.071-.078 4.286-4.167a.875.875 0 011.212 0zm6 0c.309.3.333.773.071 1.1l-.071.079L14.07 12l3.679 3.577c.309.3.333.774.071 1.1l-.071.079a.876.876 0 01-1.131.07l-.081-.07-4.286-4.167a.816.816 0 01-.071-1.1l.071-.078 4.286-4.167a.875.875 0 011.212 0z"
/>
</svg>
)}
</UID>
</IconWrapper>
);
};

ChevronDoubleLeftIcon.displayName = 'ChevronDoubleLeftIcon';
export {ChevronDoubleLeftIcon};
51 changes: 51 additions & 0 deletions packages/paste-icons/src/ChevronDoubleRightIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
/**
* This file was automatically generated with @twilio-labs/svg-to-react
*/
import * as React from 'react';
import {UID} from 'react-uid';
import {IconWrapper, IconWrapperProps} from './helpers/IconWrapper';

export interface ChevronDoubleRightIconProps extends IconWrapperProps {
title?: string;
decorative: boolean;
}

const ChevronDoubleRightIcon: React.FC<ChevronDoubleRightIconProps> = ({
as,
display,
size,
iconColor,
title,
decorative,
}) => {
if (!decorative && title == null) {
throw new Error('[ChevronDoubleRightIcon]: Missing a title for non-decorative icon.');
}

return (
<IconWrapper as={as} display={display} size={size} iconColor={iconColor}>
<UID>
{titleId => (
<svg
role="img"
aria-hidden={decorative}
width="100%"
height="100%"
viewBox="0 0 24 24"
aria-labelledby={titleId}
>
{title ? <title id={titleId}>{title}</title> : null}
<path
fill="currentColor"
fillRule="evenodd"
d="M13.382 7.175l.081.07 4.286 4.166c.309.3.333.773.071 1.1l-.071.078-4.286 4.167a.875.875 0 01-1.212 0 .816.816 0 01-.071-1.1l.071-.079L15.93 12l-3.679-3.577a.816.816 0 01-.071-1.1l.071-.079a.876.876 0 011.131-.07zm-6 0l.081.07 4.286 4.166c.309.3.333.773.071 1.1l-.071.078-4.286 4.167a.875.875 0 01-1.212 0 .816.816 0 01-.071-1.1l.071-.079L9.93 12 6.251 8.423a.816.816 0 01-.071-1.1l.071-.079a.876.876 0 011.131-.07z"
/>
</svg>
)}
</UID>
</IconWrapper>
);
};

ChevronDoubleRightIcon.displayName = 'ChevronDoubleRightIcon';
export {ChevronDoubleRightIcon};
15 changes: 11 additions & 4 deletions packages/paste-icons/src/ChevronDownIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,20 @@ const ChevronDownIcon: React.FC<ChevronDownIconProps> = ({as, display, size, ico
return (
<IconWrapper as={as} display={display} size={size} iconColor={iconColor}>
<UID>
{uid => (
<svg role="img" aria-hidden={decorative} aria-labelledby={uid} width="100%" height="100%" viewBox="0 0 24 24">
{title ? <title id={uid}>{title}</title> : null}
{titleId => (
<svg
role="img"
aria-hidden={decorative}
width="100%"
height="100%"
viewBox="0 0 24 24"
aria-labelledby={titleId}
>
{title ? <title id={titleId}>{title}</title> : null}
<path
fill="currentColor"
fillRule="evenodd"
d="M16.128 10.166a.5.5 0 01.798.596l-.054.072-4.5 5a.5.5 0 01-.672.066l-.072-.066-4.5-5a.5.5 0 01.678-.73l.066.062L12 14.752l4.128-4.586z"
d="M8.293 10.293a1 1 0 011.32-.083l.094.083L12 12.585l2.293-2.292a1 1 0 011.32-.083l.094.083a1 1 0 01.083 1.32l-.083.094-3 3a1 1 0 01-1.32.083l-.094-.083-3-3a1 1 0 010-1.414z"
/>
</svg>
)}
Expand Down
44 changes: 44 additions & 0 deletions packages/paste-icons/src/ChevronExpandIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
/**
* This file was automatically generated with @twilio-labs/svg-to-react
*/
import * as React from 'react';
import {UID} from 'react-uid';
import {IconWrapper, IconWrapperProps} from './helpers/IconWrapper';

export interface ChevronExpandIconProps extends IconWrapperProps {
title?: string;
decorative: boolean;
}

const ChevronExpandIcon: React.FC<ChevronExpandIconProps> = ({as, display, size, iconColor, title, decorative}) => {
if (!decorative && title == null) {
throw new Error('[ChevronExpandIcon]: Missing a title for non-decorative icon.');
}

return (
<IconWrapper as={as} display={display} size={size} iconColor={iconColor}>
<UID>
{titleId => (
<svg
role="img"
aria-hidden={decorative}
width="100%"
height="100%"
viewBox="0 0 24 24"
aria-labelledby={titleId}
>
{title ? <title id={titleId}>{title}</title> : null}
<path
fill="currentColor"
fillRule="evenodd"
d="M9.613 14.21l.094.083L12 16.585l2.293-2.292a1 1 0 011.32-.083l.094.083a1 1 0 01.083 1.32l-.083.094-3 3a1 1 0 01-1.32.083l-.094-.083-3-3a1 1 0 011.32-1.497zm3-9l.094.083 3 3a1 1 0 01-1.32 1.497l-.094-.083L12 7.415 9.707 9.707a1 1 0 01-1.32.083l-.094-.083a1 1 0 01-.083-1.32l.083-.094 3-3a1 1 0 011.32-.083z"
/>
</svg>
)}
</UID>
</IconWrapper>
);
};

ChevronExpandIcon.displayName = 'ChevronExpandIcon';
export {ChevronExpandIcon};
15 changes: 11 additions & 4 deletions packages/paste-icons/src/ChevronLeftIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,20 @@ const ChevronLeftIcon: React.FC<ChevronLeftIconProps> = ({as, display, size, ico
return (
<IconWrapper as={as} display={display} size={size} iconColor={iconColor}>
<UID>
{uid => (
<svg role="img" aria-hidden={decorative} aria-labelledby={uid} width="100%" height="100%" viewBox="0 0 24 24">
{title ? <title id={uid}>{title}</title> : null}
{titleId => (
<svg
role="img"
aria-hidden={decorative}
width="100%"
height="100%"
viewBox="0 0 24 24"
aria-labelledby={titleId}
>
{title ? <title id={titleId}>{title}</title> : null}
<path
fill="currentColor"
fillRule="evenodd"
d="M13.834 17.128a.5.5 0 01-.596.798l-.072-.054-5-4.5A.5.5 0 018.1 12.7l.066-.072 5-4.5a.5.5 0 01.73.678l-.062.066L9.248 13l4.586 4.128z"
d="M12.293 8.293a1 1 0 011.497 1.32l-.083.094L11.415 12l2.292 2.293a1 1 0 01.083 1.32l-.083.094a1 1 0 01-1.32.083l-.094-.083-3-3a1 1 0 01-.083-1.32l.083-.094 3-3z"
/>
</svg>
)}
Expand Down
Loading

0 comments on commit c9d5010

Please sign in to comment.