diff --git a/packages/documentation/src/Components/Icons.stories.tsx b/packages/documentation/src/Components/Icons.stories.tsx index ffd88e3a..fc4ed050 100644 --- a/packages/documentation/src/Components/Icons.stories.tsx +++ b/packages/documentation/src/Components/Icons.stories.tsx @@ -7,9 +7,12 @@ import { IconCopy, IconDelete, IconEdit, + IconGitHub, IconHide, IconHistory, IconInfo, + IconNext, + IconPrevious, IconProfile, IconRestore, IconSettings, @@ -30,9 +33,12 @@ export const Basic: Story = (args) => ( + + + diff --git a/packages/ui-components/bundlesize.config.js b/packages/ui-components/bundlesize.config.js index bb01892a..33313269 100644 --- a/packages/ui-components/bundlesize.config.js +++ b/packages/ui-components/bundlesize.config.js @@ -11,7 +11,7 @@ export default { }, { path: `${bundlePath}/assets/index.js`, - limit: "18 KB", + limit: "19 KB", }, { path: `${bundlePath}/assets/vendor.js`, diff --git a/packages/ui-components/lib/icons/config.json b/packages/ui-components/lib/icons/config.json index 323bf12b..f0c069bc 100644 --- a/packages/ui-components/lib/icons/config.json +++ b/packages/ui-components/lib/icons/config.json @@ -67,5 +67,19 @@ "name": "IconBack", "title": "Back", "monotone": true + }, + "arrow-right": { + "name": "IconNext", + "title": "Next", + "monotone": true + }, + "arrow-left": { + "name": "IconPrevious", + "title": "Previous", + "monotone": true + }, + "github": { + "name": "IconGitHub", + "title": "GitHub" } } diff --git a/packages/ui-components/lib/icons/svg/arrow-left.svg b/packages/ui-components/lib/icons/svg/arrow-left.svg new file mode 100644 index 00000000..7368be17 --- /dev/null +++ b/packages/ui-components/lib/icons/svg/arrow-left.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/ui-components/lib/icons/svg/arrow-right.svg b/packages/ui-components/lib/icons/svg/arrow-right.svg new file mode 100644 index 00000000..44391a8a --- /dev/null +++ b/packages/ui-components/lib/icons/svg/arrow-right.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/ui-components/lib/icons/svg/github.svg b/packages/ui-components/lib/icons/svg/github.svg new file mode 100644 index 00000000..83875d5b --- /dev/null +++ b/packages/ui-components/lib/icons/svg/github.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui-components/src/components/Icons/IconGitHub.tsx b/packages/ui-components/src/components/Icons/IconGitHub.tsx new file mode 100644 index 00000000..253dc71c --- /dev/null +++ b/packages/ui-components/src/components/Icons/IconGitHub.tsx @@ -0,0 +1,38 @@ +/** + * This file was automatically generated. + * Please do not edit manually. + * + * To update this file, run `yarn build:icons`. + * + * Original name: github.svg + * + * !Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. + * + */ + +import { SvgIcon } from "../private/SvgIcon/SvgIcon"; +import type { IconsProps } from "./IconsTypes"; + +export const IconGitHub = ({ + className, + viewBox, + spacing, + title, + // eslint-disable-next-line @typescript-eslint/no-unused-vars + monotone, + ...rest +}: IconsProps) => { + return ( + + + + ); +}; diff --git a/packages/ui-components/src/components/Icons/IconNext.tsx b/packages/ui-components/src/components/Icons/IconNext.tsx new file mode 100644 index 00000000..ac0acda9 --- /dev/null +++ b/packages/ui-components/src/components/Icons/IconNext.tsx @@ -0,0 +1,48 @@ +/** + * This file was automatically generated. + * Please do not edit manually. + * + * To update this file, run `yarn build:icons`. + * + * Original name: arrow-right.svg + * + * !Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. + * + */ + +import { SvgIcon } from "../private/SvgIcon/SvgIcon"; +import type { IconsProps } from "./IconsTypes"; + +export const IconNext = ({ + className, + viewBox, + spacing, + title, + + monotone, + ...rest +}: IconsProps) => { + /* v8 ignore next 1 */ + const opacity = monotone ? "1" : "0.4"; + return ( + + + + + ); +}; diff --git a/packages/ui-components/src/components/Icons/IconPrevious.tsx b/packages/ui-components/src/components/Icons/IconPrevious.tsx new file mode 100644 index 00000000..435cf05d --- /dev/null +++ b/packages/ui-components/src/components/Icons/IconPrevious.tsx @@ -0,0 +1,48 @@ +/** + * This file was automatically generated. + * Please do not edit manually. + * + * To update this file, run `yarn build:icons`. + * + * Original name: arrow-left.svg + * + * !Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. + * + */ + +import { SvgIcon } from "../private/SvgIcon/SvgIcon"; +import type { IconsProps } from "./IconsTypes"; + +export const IconPrevious = ({ + className, + viewBox, + spacing, + title, + + monotone, + ...rest +}: IconsProps) => { + /* v8 ignore next 1 */ + const opacity = monotone ? "1" : "0.4"; + return ( + + + + + ); +}; diff --git a/packages/ui-components/src/components/Icons/__tests__/Icons.test.tsx b/packages/ui-components/src/components/Icons/__tests__/Icons.test.tsx index c5953620..a2851931 100644 --- a/packages/ui-components/src/components/Icons/__tests__/Icons.test.tsx +++ b/packages/ui-components/src/components/Icons/__tests__/Icons.test.tsx @@ -10,9 +10,12 @@ import { IconDelete, IconDog, IconEdit, + IconGitHub, IconHide, IconHistory, IconInfo, + IconNext, + IconPrevious, IconProfile, IconRestore, IconSettings, @@ -169,6 +172,27 @@ describe("Generic Icons prop tests", () => { viewBox={viewBox} spacing={spacing} /> + + + , ); @@ -188,6 +212,9 @@ describe("Generic Icons prop tests", () => { "icon-user", "icon-hide", "icon-show", + "icon-next", + "icon-previous", + "icon-github", ].forEach(async (dataTestId) => { await renderExpected({ dataTestId, diff --git a/packages/ui-components/src/components/index.ts b/packages/ui-components/src/components/index.ts index 6cc53922..d90588cb 100644 --- a/packages/ui-components/src/components/index.ts +++ b/packages/ui-components/src/components/index.ts @@ -23,9 +23,12 @@ import { IconCopy } from "./Icons/IconCopy"; import { IconDelete } from "./Icons/IconDelete"; import { IconDog } from "./Icons/IconDog"; import { IconEdit } from "./Icons/IconEdit"; +import { IconGitHub } from "./Icons/IconGitHub"; import { IconHide } from "./Icons/IconHide"; import { IconHistory } from "./Icons/IconHistory"; import { IconInfo } from "./Icons/IconInfo"; +import { IconNext } from "./Icons/IconNext"; +import { IconPrevious } from "./Icons/IconPrevious"; import { IconProfile } from "./Icons/IconProfile"; import { IconRestore } from "./Icons/IconRestore"; import { IconSettings } from "./Icons/IconSettings"; @@ -69,9 +72,12 @@ export { IconDelete, IconDog, IconEdit, + IconGitHub, IconHide, IconHistory, IconInfo, + IconNext, + IconPrevious, IconProfile, IconRestore, IconSettings,