diff --git a/.github/workflows/autofix.ci.yaml b/.github/workflows/autofix.ci.yaml index 510498089e..3adc29d8f4 100644 --- a/.github/workflows/autofix.ci.yaml +++ b/.github/workflows/autofix.ci.yaml @@ -23,7 +23,7 @@ jobs: - run: pnpm biome format . --write && pnpm biome check . --apply - - uses: autofix-ci/action@dd55f44df8f7cdb7a6bf74c78677eb8acd40cd0a + - uses: autofix-ci/action@ff86a557419858bb967097bfc916833f5647fa8c lint_docs: name: Docs runs-on: ubuntu-latest diff --git a/apps/engineering/content/design/icons.mdx b/apps/engineering/content/design/icons.mdx index 37fd54d249..fc8221e270 100644 --- a/apps/engineering/content/design/icons.mdx +++ b/apps/engineering/content/design/icons.mdx @@ -6,21 +6,29 @@ import { RenderComponentWithSnippet } from "@/app/components/render"; import { Row } from "@/app/components/row"; import { Icon } from "@/app/components/icon-swatch"; +import { Icon as XXX } from "@unkey/icons"; import { TypeTable } from 'fumadocs-ui/components/type-table'; import { Step, Steps } from 'fumadocs-ui/components/steps'; -import {Bolt,BookBookmark,Check,ChevronExpandY,Nodes,ShieldCheck,Sparkle3,TaskChecked, TaskUnchecked } from "@unkey/icons" +import { + Bolt, + BookBookmark, + Check, + ChevronExpandY, + Fingerprint, + Layers3, + Nodes, + Plus, + ShieldCheck, + Sparkle3, + TaskChecked, + TaskUnchecked, + Trash, + TriangleWarning, + Ufo, +} from "@unkey/icons" - - **Nucleo icons is a paid product.** - - Unkey owns a license to use up to 100 icons in our open source application. - - See [https://nucleoapp.com/license](https://nucleoapp.com/license). - - - + + ## Customize As a rule of thumb, you should only customize the color, but there's always an edge case. @@ -58,16 +68,21 @@ import { IconName } from "@unkey/icons" ```
- - - - - - - - - - + + + + + + + + + + + + + + +
diff --git a/internal/icons/src/icons/fingerprint.tsx b/internal/icons/src/icons/fingerprint.tsx new file mode 100644 index 0000000000..687d8f7c09 --- /dev/null +++ b/internal/icons/src/icons/fingerprint.tsx @@ -0,0 +1,63 @@ +/** + * Copyright © Nucleo + * Version 1.3, January 3, 2024 + * Nucleo Icons + * https://nucleoapp.com/ + * - Redistribution of icons is prohibited. + * - Icons are restricted for use only within the product they are bundled with. + * + * For more details: + * https://nucleoapp.com/license + */ + +import type React from "react"; + +import type { IconProps } from "../props"; +export const Fingerprint: React.FC = (props) => { + return ( + + + + + + + + + + ); +}; diff --git a/internal/icons/src/icons/layers-3.tsx b/internal/icons/src/icons/layers-3.tsx new file mode 100644 index 0000000000..38619d15b0 --- /dev/null +++ b/internal/icons/src/icons/layers-3.tsx @@ -0,0 +1,47 @@ +/** + * Copyright © Nucleo + * Version 1.3, January 3, 2024 + * Nucleo Icons + * https://nucleoapp.com/ + * - Redistribution of icons is prohibited. + * - Icons are restricted for use only within the product they are bundled with. + * + * For more details: + * https://nucleoapp.com/license + */ + +import type React from "react"; + +import type { IconProps } from "../props"; +export const Layers3: React.FC = (props) => { + return ( + + + + + + + + ); +}; diff --git a/internal/icons/src/icons/plus.tsx b/internal/icons/src/icons/plus.tsx new file mode 100644 index 0000000000..8d6d2e8f28 --- /dev/null +++ b/internal/icons/src/icons/plus.tsx @@ -0,0 +1,45 @@ +/** + * Copyright © Nucleo + * Version 1.3, January 3, 2024 + * Nucleo Icons + * https://nucleoapp.com/ + * - Redistribution of icons is prohibited. + * - Icons are restricted for use only within the product they are bundled with. + * + * For more details: + * https://nucleoapp.com/license + */ + +import type React from "react"; + +import type { IconProps } from "../props"; +export const Plus: React.FC = (props) => { + return ( + + + + + + + ); +}; diff --git a/internal/icons/src/icons/trash.tsx b/internal/icons/src/icons/trash.tsx new file mode 100644 index 0000000000..18d81a94ef --- /dev/null +++ b/internal/icons/src/icons/trash.tsx @@ -0,0 +1,50 @@ +/** + * Copyright © Nucleo + * Version 1.3, January 3, 2024 + * Nucleo Icons + * https://nucleoapp.com/ + * - Redistribution of icons is prohibited. + * - Icons are restricted for use only within the product they are bundled with. + * + * For more details: + * https://nucleoapp.com/license + */ + +import type React from "react"; + +import type { IconProps } from "../props"; +export const Trash: React.FC = (props) => { + return ( + + + + + + + + ); +}; diff --git a/internal/icons/src/icons/triangle-warning.tsx b/internal/icons/src/icons/triangle-warning.tsx new file mode 100644 index 0000000000..d59de16bcb --- /dev/null +++ b/internal/icons/src/icons/triangle-warning.tsx @@ -0,0 +1,47 @@ +/** + * Copyright © Nucleo + * Version 1.3, January 3, 2024 + * Nucleo Icons + * https://nucleoapp.com/ + * - Redistribution of icons is prohibited. + * - Icons are restricted for use only within the product they are bundled with. + * + * For more details: + * https://nucleoapp.com/license + */ + +import type React from "react"; + +import type { IconProps } from "../props"; +export const TriangleWarning: React.FC = (props) => { + return ( + + + + + + + + ); +}; diff --git a/internal/icons/src/icons/ufo.tsx b/internal/icons/src/icons/ufo.tsx new file mode 100644 index 0000000000..86099a9e6f --- /dev/null +++ b/internal/icons/src/icons/ufo.tsx @@ -0,0 +1,79 @@ +/** + * Copyright © Nucleo + * Version 1.3, January 3, 2024 + * Nucleo Icons + * https://nucleoapp.com/ + * - Redistribution of icons is prohibited. + * - Icons are restricted for use only within the product they are bundled with. + * + * For more details: + * https://nucleoapp.com/license + */ + +import type React from "react"; + +import type { IconProps } from "../props"; +export const Ufo: React.FC = (props) => { + return ( + + + + + + + + + + + + ); +}; diff --git a/internal/icons/src/index.ts b/internal/icons/src/index.ts index 5b07749df9..64fce56ae7 100644 --- a/internal/icons/src/index.ts +++ b/internal/icons/src/index.ts @@ -2,8 +2,14 @@ export * from "./icons/bolt"; export * from "./icons/book-bookmark"; export * from "./icons/check"; export * from "./icons/chevron-expand-y"; +export * from "./icons/fingerprint"; +export * from "./icons/layers-3"; export * from "./icons/nodes"; +export * from "./icons/plus"; export * from "./icons/shield-check"; export * from "./icons/sparkle-3"; export * from "./icons/task-checked"; export * from "./icons/task-unchecked"; +export * from "./icons/trash"; +export * from "./icons/triangle-warning"; +export * from "./icons/ufo";