Skip to content

Commit

Permalink
Merge branch 'main' of github.com:unkeyed/unkey into logs-page
Browse files Browse the repository at this point in the history
  • Loading branch information
@ogzhanolguncu
ogzhanolguncu committed Dec 4, 2024
2 parents b457ad7 + 53c3ff9 commit 542e577
Show file tree
Hide file tree
Showing 9 changed files with 373 additions and 21 deletions.
2 changes: 1 addition & 1 deletion .github/workflows/autofix.ci.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
55 changes: 35 additions & 20 deletions apps/engineering/content/design/icons.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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"


<Callout type="warn">
**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).

</Callout>



<TypeTable
Expand All @@ -35,6 +43,8 @@ import {Bolt,BookBookmark,Check,ChevronExpandY,Nodes,ShieldCheck,Sparkle3,TaskCh
/>




## Customize

As a rule of thumb, you should only customize the color, but there's always an edge case.
Expand All @@ -58,16 +68,21 @@ import { IconName } from "@unkey/icons"
```

<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8">

<Icon name="Bolt"><Bolt/></Icon>
<Icon name="BookBookmark"><BookBookmark/></Icon>
<Icon name="Check"><Check/></Icon>
<Icon name="ChevronExpandY"><ChevronExpandY/></Icon>
<Icon name="Nodes"><Nodes/></Icon>
<Icon name="ShieldCheck"><ShieldCheck/></Icon>
<Icon name="Sparkle3"><Sparkle3/></Icon>
<Icon name="TaskUnchecked"><TaskUnchecked/></Icon>
<Icon name="TaskChecked"><TaskChecked/></Icon>
<Icon name="Bolt"><Bolt/></Icon>
<Icon name="BookBookmark"><BookBookmark/></Icon>
<Icon name="Check"><Check/></Icon>
<Icon name="ChevronExpandY"><ChevronExpandY/></Icon>
<Icon name="Fingerprint"><Fingerprint/></Icon>
<Icon name="Layers3"><Layers3/></Icon>
<Icon name="Nodes"><Nodes/></Icon>
<Icon name="Plus"><Plus/></Icon>
<Icon name="ShieldCheck"><ShieldCheck/></Icon>
<Icon name="Sparkle3"><Sparkle3/></Icon>
<Icon name="TaskChecked"><TaskChecked/></Icon>
<Icon name="TaskUnchecked"><TaskUnchecked/></Icon>
<Icon name="Trash"><Trash/></Icon>
<Icon name="TriangleWarning"><TriangleWarning/></Icon>
<Icon name="Ufo"><Ufo/></Icon>
</div>


Expand Down
63 changes: 63 additions & 0 deletions internal/icons/src/icons/fingerprint.tsx
View file
Original file line number Diff line number Diff line change
@@ -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<IconProps> = (props) => {
return (
<svg {...props} height="18" width="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<g fill="currentColor">
<path
d="M5.078,3.462c1.052-.911,2.424-1.462,3.922-1.462,3.309,0,6,2.691,6,6,0,2.307-.363,4.373-.988,6.213"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
<path
d="M1.908,11.703c1.04-1.692,1.092-3.383,1.092-3.703,0-.912,.204-1.777,.57-2.552"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
<path
d="M11.87,10.142c-.278,2.234-.983,4.16-1.951,5.806"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
<path
d="M3.872,14.14c1.224-1.479,2.128-3.474,2.128-6.14,0-1.657,1.343-3,3-3,1.524,0,2.783,1.137,2.975,2.608"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
<path
d="M6.551,15.618c1.424-1.874,2.449-4.356,2.449-7.618"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
</g>
</svg>
);
};
47 changes: 47 additions & 0 deletions internal/icons/src/icons/layers-3.tsx
View file
Original file line number Diff line number Diff line change
@@ -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<IconProps> = (props) => {
return (
<svg {...props} height="18" width="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<g fill="currentColor">
<path
d="M2.665,5.086L8.534,1.995c.292-.154,.64-.154,.932,0l5.87,3.091c.534,.281,.534,1.046,0,1.327l-5.87,3.091c-.292,.154-.64,.154-.932,0L2.665,6.414c-.534-.281-.534-1.046,0-1.327Z"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
<path
d="M15.736,9c0,.261-.134,.523-.401,.664l-5.87,3.091c-.292,.154-.64,.154-.932,0l-5.87-3.091c-.267-.141-.401-.402-.401-.664"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
<path
d="M15.736,12.25c0,.261-.134,.523-.401,.664l-5.87,3.091c-.292,.154-.64,.154-.932,0l-5.87-3.091c-.267-.141-.401-.402-.401-.664"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
</g>
</svg>
);
};
45 changes: 45 additions & 0 deletions internal/icons/src/icons/plus.tsx
View file
Original file line number Diff line number Diff line change
@@ -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<IconProps> = (props) => {
return (
<svg {...props} height="18" width="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<g fill="currentColor">
<line
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
x1="9"
x2="9"
y1="3.25"
y2="14.75"
/>
<line
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
x1="3.25"
x2="14.75"
y1="9"
y2="9"
/>
</g>
</svg>
);
};
50 changes: 50 additions & 0 deletions internal/icons/src/icons/trash.tsx
View file
Original file line number Diff line number Diff line change
@@ -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<IconProps> = (props) => {
return (
<svg {...props} height="18" width="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<g fill="currentColor">
<path
d="m13.474,7.25l-.374,7.105c-.056,1.062-.934,1.895-1.997,1.895h-4.205c-1.064,0-1.941-.833-1.997-1.895l-.374-7.105"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
<path
d="m6.75,4.75v-2c0-.552.448-1,1-1h2.5c.552,0,1,.448,1,1v2"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
<line
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
x1="2.75"
x2="15.25"
y1="4.75"
y2="4.75"
/>
</g>
</svg>
);
};
47 changes: 47 additions & 0 deletions internal/icons/src/icons/triangle-warning.tsx
View file
Original file line number Diff line number Diff line change
@@ -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<IconProps> = (props) => {
return (
<svg {...props} height="18" width="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<g fill="currentColor">
<path
d="M7.638,3.495L2.213,12.891c-.605,1.048,.151,2.359,1.362,2.359H14.425c1.211,0,1.967-1.31,1.362-2.359L10.362,3.495c-.605-1.048-2.119-1.048-2.724,0Z"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
/>
<path
d="M9,13.569c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z"
fill="currentColor"
stroke="none"
/>
<line
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="1.5"
x1="9"
x2="9"
y1="6.5"
y2="10"
/>
</g>
</svg>
);
};
Loading

0 comments on commit 542e577

Please sign in to comment.