Skip to content
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

icon: create new icons #1895

Open
wants to merge 2 commits into
base: develop
Choose a base branch
from
+254 −0
Open

icon: create new icons #1895

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
0ea20ca
icon: create new icons
ChrisLaneAU Dec 4, 2024
d5d1a4a
Change to just XIcon and add FileTextIcon
ChrisLaneAU Dec 4, 2024
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
6 changes: 6 additions & 0 deletions .changeset/plop-create-LicenceBusinessIcon.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
---
'@ag.ds-next/react': minor
---

icon: Created FileTextIcon, LicenceBusinessIcon, LicenceIcon, LockIcon, UnlockIcon, UsersIcon, WalletIcon, and XIcon.

8 changes: 8 additions & 0 deletions docs/components/designSystemComponents.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -107,14 +107,18 @@ export {
FacebookIcon,
FactoryIcon,
FileIcon,
FileTextIcon,
FilterIcon,
HelpIcon,
HomeIcon,
InboxIcon,
InfoFilledIcon,
InfoIcon,
InstagramIcon,
LicenceBusinessIcon,
LicenceIcon,
LinkedInIcon,
LockIcon,
MenuIcon,
MinusIcon,
PauseIcon,
Expand All @@ -134,10 +138,14 @@ export {
ThumbsDownIcon,
ThumbsUpIcon,
TwitterIcon,
UnlockIcon,
UploadIcon,
UsersIcon,
WalletIcon,
WarningFilledIcon,
WarningIcon,
WebsiteIcon,
XIcon,
} from '@ag.ds-next/react/icon';
export { ProgressIndicator } from '@ag.ds-next/react/progress-indicator';
export { PageAlert, PageAlertTitle } from '@ag.ds-next/react/page-alert';
Expand Down
168 changes: 168 additions & 0 deletions packages/react/src/icon/__snapshots__/Icon.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -773,6 +773,27 @@ exports[`Icon FileIcon renders correctly 1`] = `
</div>
`;

exports[`Icon FileTextIcon renders correctly 1`] = `
<div>
<svg
aria-hidden="true"
class="css-lq07bo-Icon"
clip-rule="evenodd"
fill-rule="evenodd"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8m-6-6 6 6m-6-6v6h6m-4 5H8m8 4H8m2-8H8"
/>
</svg>
</div>
`;

exports[`Icon FilterIcon renders correctly 1`] = `
<div>
<svg
Expand Down Expand Up @@ -928,6 +949,48 @@ exports[`Icon InstagramIcon renders correctly 1`] = `
</div>
`;

exports[`Icon LicenceBusinessIcon renders correctly 1`] = `
<div>
<svg
aria-hidden="true"
class="css-lq07bo-Icon"
clip-rule="evenodd"
fill-rule="evenodd"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 10h2m-2 4h2m-6-4-4.125 4.125L6 12.25M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z"
/>
</svg>
</div>
`;

exports[`Icon LicenceIcon renders correctly 1`] = `
<div>
<svg
aria-hidden="true"
class="css-lq07bo-Icon"
clip-rule="evenodd"
fill-rule="evenodd"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 10h2m-2 4h2M6.17 15a3 3 0 0 1 5.66 0M11 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z"
/>
</svg>
</div>
`;

exports[`Icon LinkedInIcon renders correctly 1`] = `
<div>
<svg
Expand Down Expand Up @@ -955,6 +1018,27 @@ exports[`Icon LinkedInIcon renders correctly 1`] = `
</div>
`;

exports[`Icon LockIcon renders correctly 1`] = `
<div>
<svg
aria-hidden="true"
class="css-lq07bo-Icon"
clip-rule="evenodd"
fill-rule="evenodd"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7 11V7a5 5 0 1 1 10 0v4M5 11h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2Z"
/>
</svg>
</div>
`;

exports[`Icon MenuIcon renders correctly 1`] = `
<div>
<svg
Expand Down Expand Up @@ -1454,6 +1538,27 @@ exports[`Icon TwitterIcon renders correctly 1`] = `
</div>
`;

exports[`Icon UnlockIcon renders correctly 1`] = `
<div>
<svg
aria-hidden="true"
class="css-lq07bo-Icon"
clip-rule="evenodd"
fill-rule="evenodd"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7 11V7a5 5 0 0 1 9.9-1M5 11h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2Z"
/>
</svg>
</div>
`;

exports[`Icon UploadIcon renders correctly 1`] = `
<div>
<svg
Expand Down Expand Up @@ -1484,6 +1589,48 @@ exports[`Icon UploadIcon renders correctly 1`] = `
</div>
`;

exports[`Icon UsersIcon renders correctly 1`] = `
<div>
<svg
aria-hidden="true"
class="css-lq07bo-Icon"
clip-rule="evenodd"
fill-rule="evenodd"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.546 20.182v-1.818a3.637 3.637 0 0 0-3.637-3.637H5.636A3.636 3.636 0 0 0 2 18.364v1.818m20 0v-1.818a3.637 3.637 0 0 0-2.727-3.519M15.636 3.936a3.636 3.636 0 0 1 0 7.046M12.91 7.455a3.636 3.636 0 1 1-7.273 0 3.636 3.636 0 0 1 7.273 0Z"
/>
</svg>
</div>
`;

exports[`Icon WalletIcon renders correctly 1`] = `
<div>
<svg
aria-hidden="true"
class="css-lq07bo-Icon"
clip-rule="evenodd"
fill-rule="evenodd"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2M3 11h3c.8 0 1.6.3 2.1.9l1.1.9c1.6 1.6 4.1 1.6 5.7 0l1.1-.9c.5-.5 1.3-.9 2.1-.9H21M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z"
/>
</svg>
</div>
`;

exports[`Icon WarningCircleIcon renders correctly 1`] = `
<div>
<svg
Expand Down Expand Up @@ -1569,3 +1716,24 @@ exports[`Icon WebsiteIcon renders correctly 1`] = `
</svg>
</div>
`;

exports[`Icon XIcon renders correctly 1`] = `
<div>
<svg
aria-hidden="true"
class="css-lq07bo-Icon"
clip-rule="evenodd"
fill-rule="evenodd"
focusable="false"
height="24"
role="img"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M19.555 4 5.333 20m11.395-.206L5.113 4.861A.533.533 0 0 1 5.534 4H7.74c.164 0 .32.076.42.206l11.615 14.933c.273.35.023.861-.42.861h-2.205a.534.534 0 0 1-.42-.206Z"
/>
</svg>
</div>
`;
6 changes: 6 additions & 0 deletions packages/react/src/icon/icons/FileTextIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
import { createIcon } from '../Icon';

export const FileTextIcon = createIcon(
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8m-6-6 6 6m-6-6v6h6m-4 5H8m8 4H8m2-8H8" />,
'FileTextIcon'
);
6 changes: 6 additions & 0 deletions packages/react/src/icon/icons/LicenceBusinessIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
import { createIcon } from '../Icon';

export const LicenceBusinessIcon = createIcon(
<path d="M16 10h2m-2 4h2m-6-4-4.125 4.125L6 12.25M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z" />,
'LicenceBusinessIcon'
);
6 changes: 6 additions & 0 deletions packages/react/src/icon/icons/LicenceIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
import { createIcon } from '../Icon';

export const LicenceIcon = createIcon(
<path d="M16 10h2m-2 4h2M6.17 15a3 3 0 0 1 5.66 0M11 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z" />,
'LicenceIcon'
);
6 changes: 6 additions & 0 deletions packages/react/src/icon/icons/LockIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
import { createIcon } from '../Icon';

export const LockIcon = createIcon(
<path d="M7 11V7a5 5 0 1 1 10 0v4M5 11h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2Z" />,
'LockIcon'
);
6 changes: 6 additions & 0 deletions packages/react/src/icon/icons/UnlockIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
import { createIcon } from '../Icon';

export const UnlockIcon = createIcon(
<path d="M7 11V7a5 5 0 0 1 9.9-1M5 11h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2Z" />,
'UnlockIcon'
);
6 changes: 6 additions & 0 deletions packages/react/src/icon/icons/UsersIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
import { createIcon } from '../Icon';

export const UsersIcon = createIcon(
<path d="M16.546 20.182v-1.818a3.637 3.637 0 0 0-3.637-3.637H5.636A3.636 3.636 0 0 0 2 18.364v1.818m20 0v-1.818a3.637 3.637 0 0 0-2.727-3.519M15.636 3.936a3.636 3.636 0 0 1 0 7.046M12.91 7.455a3.636 3.636 0 1 1-7.273 0 3.636 3.636 0 0 1 7.273 0Z" />,
'UsersIcon'
);
6 changes: 6 additions & 0 deletions packages/react/src/icon/icons/WalletIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
import { createIcon } from '../Icon';

export const WalletIcon = createIcon(
<path d="M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2M3 11h3c.8 0 1.6.3 2.1.9l1.1.9c1.6 1.6 4.1 1.6 5.7 0l1.1-.9c.5-.5 1.3-.9 2.1-.9H21M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z" />,
'WalletIcon'
);
6 changes: 6 additions & 0 deletions packages/react/src/icon/icons/XIcon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
import { createIcon } from '../Icon';

export const XIcon = createIcon(
<path d="M19.555 4 5.333 20m11.395-.206L5.113 4.861A.533.533 0 0 1 5.534 4H7.74c.164 0 .32.076.42.206l11.615 14.933c.273.35.023.861-.42.861h-2.205a.534.534 0 0 1-.42-.206Z" />,
'XIcon'
);
8 changes: 8 additions & 0 deletions packages/react/src/icon/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,14 +38,18 @@ export { ExternalLinkIcon } from './icons/ExternalLinkIcon';
export { FacebookIcon } from './icons/FacebookIcon';
export { FactoryIcon } from './icons/FactoryIcon';
export { FileIcon } from './icons/FileIcon';
export { FileTextIcon } from './icons/FileTextIcon';
export { FilterIcon } from './icons/FilterIcon';
export { HelpIcon } from './icons/HelpIcon';
export { HomeIcon } from './icons/HomeIcon';
export { InboxIcon } from './icons/InboxIcon';
export { InfoIcon } from './icons/InfoIcon';
export { InfoFilledIcon } from './icons/InfoFilledIcon';
export { InstagramIcon } from './icons/InstagramIcon';
export { LicenceBusinessIcon } from './icons/LicenceBusinessIcon';
export { LicenceIcon } from './icons/LicenceIcon';
export { LinkedInIcon } from './icons/LinkedInIcon';
export { LockIcon } from './icons/LockIcon';
export { MenuIcon } from './icons/MenuIcon';
export { MinusIcon } from './icons/MinusIcon';
export { PauseIcon } from './icons/PauseIcon';
Expand All @@ -67,8 +71,12 @@ export { SuccessFilledIcon } from './icons/SuccessFilledIcon';
export { ThumbsDownIcon } from './icons/ThumbsDownIcon';
export { ThumbsUpIcon } from './icons/ThumbsUpIcon';
export { TwitterIcon } from './icons/TwitterIcon';
export { UnlockIcon } from './icons/UnlockIcon';
export { UploadIcon } from './icons/UploadIcon';
export { UsersIcon } from './icons/UsersIcon';
export { WalletIcon } from './icons/WalletIcon';
export { WarningIcon } from './icons/WarningIcon';
export { WarningCircleIcon } from './icons/WarningCircleIcon';
export { WarningFilledIcon } from './icons/WarningFilledIcon';
export { WebsiteIcon } from './icons/WebsiteIcon';
export { XIcon } from './icons/XIcon';
Loading
Loading