Skip to content

Feat/add edit icon #563

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
lizzielerwill-ctrl wants to merge 2 commits into from
Closed

Feat/add edit icon #563

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
84d4075
feat: add edit icon
Oct 27, 2025
67226be
feat: generate EditPenIcon
Oct 28, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions assets/icons/experimental/edit-pen.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3,737 changes: 1,840 additions & 1,897 deletions package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

27 changes: 0 additions & 27 deletions src/icons/actions/CheckCircleFilledIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,27 +0,0 @@
// DO NOT EDIT. This file was generated by running `npm run generate`.;
import * as React from 'react';
import { get } from '../../utils/themeGet';
import { IconProps } from '../IconProps';
type Props = IconProps;
const CheckCircleFilledIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
const props = { ...rest, color };
const sizePx = Number.isFinite(size as number)
? size
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
return (
<svg
{...props}
width={sizePx}
height={sizePx}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm3.899 6.293l-4.913 4.912-2.283-2.258-1.406 1.421 3.696 3.658 6.32-6.319-1.414-1.414z"
fill="currentColor"
/>
</svg>
);
};
export default CheckCircleFilledIcon;
27 changes: 0 additions & 27 deletions src/icons/actions/CheckCircleIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,27 +0,0 @@
// DO NOT EDIT. This file was generated by running `npm run generate`.;
import * as React from 'react';
import { get } from '../../utils/themeGet';
import { IconProps } from '../IconProps';
type Props = IconProps;
const CheckCircleIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
const props = { ...rest, color };
const sizePx = Number.isFinite(size as number)
? size
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
return (
<svg
{...props}
width={sizePx}
height={sizePx}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm3.899 4.293l1.414 1.414-6.32 6.319-3.696-3.658 1.406-1.421 2.283 2.258 4.912-4.912z"
fill="currentColor"
/>
</svg>
);
};
export default CheckCircleIcon;
24 changes: 0 additions & 24 deletions src/icons/actions/CheckIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,24 +0,0 @@
// DO NOT EDIT. This file was generated by running `npm run generate`.;
import * as React from 'react';
import { get } from '../../utils/themeGet';
import { IconProps } from '../IconProps';
type Props = IconProps;
const CheckIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
const props = { ...rest, color };
const sizePx = Number.isFinite(size as number)
? size
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
return (
<svg
{...props}
width={sizePx}
height={sizePx}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z" fill="currentColor" />
</svg>
);
};
export default CheckIcon;
29 changes: 0 additions & 29 deletions src/icons/actions/CopyIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,29 +0,0 @@
// DO NOT EDIT. This file was generated by running `npm run generate`.;
import * as React from 'react';
import { get } from '../../utils/themeGet';
import { IconProps } from '../IconProps';
type Props = IconProps;
const CopyIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
const props = { ...rest, color };
const sizePx = Number.isFinite(size as number)
? size
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
return (
<svg
{...props}
width={sizePx}
height={sizePx}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M13 3H5v13h2v2H5a2 2 0 01-2-2V3a2 2 0 012-2h8a2 2 0 012 2v2h-2V3zm-2 4a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V9a2 2 0 00-2-2h-8zm0 2v12h8V9h-8z"
fill="currentColor"
/>
</svg>
);
};
export default CopyIcon;
27 changes: 0 additions & 27 deletions src/icons/actions/DownloadIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,27 +0,0 @@
// DO NOT EDIT. This file was generated by running `npm run generate`.;
import * as React from 'react';
import { get } from '../../utils/themeGet';
import { IconProps } from '../IconProps';
type Props = IconProps;
const DownloadIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
const props = { ...rest, color };
const sizePx = Number.isFinite(size as number)
? size
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
return (
<svg
{...props}
width={sizePx}
height={sizePx}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M19 19v2H5v-2h14zM13 3v10.436l5-4.445v2.676L12 17l-6-5.333V8.991l5 4.445V3h2z"
fill="currentColor"
/>
</svg>
);
};
export default DownloadIcon;
27 changes: 0 additions & 27 deletions src/icons/actions/EnvelopeIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,27 +0,0 @@
// DO NOT EDIT. This file was generated by running `npm run generate`.;
import * as React from 'react';
import { get } from '../../utils/themeGet';
import { IconProps } from '../IconProps';
type Props = IconProps;
const EnvelopeIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
const props = { ...rest, color };
const sizePx = Number.isFinite(size as number)
? size
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
return (
<svg
{...props}
width={sizePx}
height={sizePx}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M22 5v14H2V5h20zm-2 3.249L15 12a5 5 0 01-6 0L4 8.249V17h16V8.249zM18.332 7H5.668l4.532 3.4a3 3 0 003.6 0L18.332 7z"
fill="currentColor"
/>
</svg>
);
};
export default EnvelopeIcon;
29 changes: 0 additions & 29 deletions src/icons/actions/ExitIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,29 +0,0 @@
// DO NOT EDIT. This file was generated by running `npm run generate`.;
import * as React from 'react';
import { get } from '../../utils/themeGet';
import { IconProps } from '../IconProps';
type Props = IconProps;
const ExitIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
const props = { ...rest, color };
const sizePx = Number.isFinite(size as number)
? size
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
return (
<svg
{...props}
width={sizePx}
height={sizePx}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16 17v5H2V2H16v5h-2V4H4v16h10v-3h2zm-7-4h12l-3 4h2l4-5-4-5h-2l3 4H9v2z"
fill="currentColor"
/>
</svg>
);
};
export default ExitIcon;
42 changes: 0 additions & 42 deletions src/icons/actions/EyeClosedIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,42 +0,0 @@
// DO NOT EDIT. This file was generated by running `npm run generate`.;
import * as React from 'react';
import { get } from '../../utils/themeGet';
import { IconProps } from '../IconProps';
type Props = IconProps;
const EyeClosedIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
const props = { ...rest, color };
const sizePx = Number.isFinite(size as number)
? size
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
return (
<svg
{...props}
width={sizePx}
height={sizePx}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 20c-5.035 0-9.28-3.383-10.586-8h2.098a9.005 9.005 0 0016.976 0h2.098c-1.306 4.617-5.55 8-10.586 8z"
fill="currentColor"
/>
<path d="M2.361 14.305c.163.295.339.581.527.859L.926 16.729l-.624-.782 2.06-1.642z" fill="currentColor" />
<path
d="M.926 16.73l1.962-1.565c.188.276.388.544.599.802L1.55 17.51l-.624-.782zM4.896 20.18l.982-2.04c.278.187.564.36.859.522l-.94 1.952-.9-.434zM5.797 20.614l.94-1.952c.292.159.592.306.9.439l-.939 1.947-.9-.434z"
fill="currentColor"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10.872 22v-2.057c.329.034.662.053 1 .056V22h-1zm1 0v-2a11.026 11.026 0 001-.034V22h-1zM17.045 21.048l-.895-1.858c.31-.126.613-.266.908-.42l.888 1.844-.9.434zm.901-.434l-.888-1.843c.298-.155.588-.323.87-.503l.919 1.912-.9.434z"
fill="currentColor"
/>
<path
d="M22.194 17.511l-1.783-1.421c.215-.255.418-.52.61-.793l1.796 1.432-.623.782zM23.44 15.947l-.623.782-1.796-1.433c.192-.274.372-.558.538-.85l1.882 1.501z"
fill="currentColor"
/>
</svg>
);
};
export default EyeClosedIcon;
27 changes: 0 additions & 27 deletions src/icons/actions/EyeIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,27 +0,0 @@
// DO NOT EDIT. This file was generated by running `npm run generate`.;
import * as React from 'react';
import { get } from '../../utils/themeGet';
import { IconProps } from '../IconProps';
type Props = IconProps;
const EyeIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
const props = { ...rest, color };
const sizePx = Number.isFinite(size as number)
? size
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
return (
<svg
{...props}
width={sizePx}
height={sizePx}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 4c5.035 0 9.28 3.383 10.586 8-1.307 4.618-5.551 8-10.586 8s-9.28-3.383-10.586-8C2.721 7.382 6.965 4 12 4zm0 2a9.006 9.006 0 00-8.406 5.775L3.511 12l.083.226a9.007 9.007 0 008.13 5.77L12 18a9.006 9.006 0 008.406-5.775l.082-.226-.082-.224a9.007 9.007 0 00-8.13-5.77L12 6zm0 2a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4z"
fill="currentColor"
/>
</svg>
);
};
export default EyeIcon;
29 changes: 0 additions & 29 deletions src/icons/actions/FilterDisabledIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,29 +0,0 @@
// DO NOT EDIT. This file was generated by running `npm run generate`.;
import * as React from 'react';
import { get } from '../../utils/themeGet';
import { IconProps } from '../IconProps';
type Props = IconProps;
const FilterDisabledIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
const props = { ...rest, color };
const sizePx = Number.isFinite(size as number)
? size
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
return (
<svg
{...props}
width={sizePx}
height={sizePx}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M4 3h16v6.595l-5 2.974v7.049l-6 3v-10.05L4 9.596V3zm2 2v3.457h12V5H6z"
fill="currentColor"
/>
</svg>
);
};
export default FilterDisabledIcon;
29 changes: 0 additions & 29 deletions src/icons/actions/FilterIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,29 +0,0 @@
// DO NOT EDIT. This file was generated by running `npm run generate`.;
import * as React from 'react';
import { get } from '../../utils/themeGet';
import { IconProps } from '../IconProps';
type Props = IconProps;
const FilterIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
const props = { ...rest, color };
const sizePx = Number.isFinite(size as number)
? size
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
return (
<svg
{...props}
width={sizePx}
height={sizePx}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M4 3h16v6.595l-5 2.974v7.049l-6 3v-10.05L4 9.596V3zm2 2v3.457l5 2.974v7.951l2-1v-6.95l5-2.975V5H6z"
fill="currentColor"
/>
</svg>
);
};
export default FilterIcon;
27 changes: 0 additions & 27 deletions src/icons/actions/MagnifierIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,27 +0,0 @@
// DO NOT EDIT. This file was generated by running `npm run generate`.;
import * as React from 'react';
import { get } from '../../utils/themeGet';
import { IconProps } from '../IconProps';
type Props = IconProps;
const MagnifierIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
const props = { ...rest, color };
const sizePx = Number.isFinite(size as number)
? size
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
return (
<svg
{...props}
width={sizePx}
height={sizePx}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 3a7 7 0 016.066 10.495l5.641 5.798-1.414 1.414-1.81-1.89.015-.012-3.022-3.13-.613-.64-.003.002-1.389-1.438a5 5 0 10-1.73 1.09l1.478 1.528A7 7 0 1110 3z"
fill="currentColor"
/>
</svg>
);
};
export default MagnifierIcon;
27 changes: 0 additions & 27 deletions src/icons/actions/MinusCircleFilledIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,27 +0,0 @@
// DO NOT EDIT. This file was generated by running `npm run generate`.;
import * as React from 'react';
import { get } from '../../utils/themeGet';
import { IconProps } from '../IconProps';
type Props = IconProps;
const MinusCircleFilledIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
const props = { ...rest, color };
const sizePx = Number.isFinite(size as number)
? size
: get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);
return (
<svg
{...props}
width={sizePx}
height={sizePx}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm4.5 9h-9v2h9v-2z"
fill="currentColor"
/>
</svg>
);
};
export default MinusCircleFilledIcon;
Loading
Loading