Skip to content

Commit

Permalink
[filigran-ui/filigran-icon] update icon and resize
Browse files Browse the repository at this point in the history
  • Loading branch information
jpkha committed Jan 13, 2025
1 parent 5bbaa75 commit 0f8e060
Show file tree
Hide file tree
Showing 33 changed files with 565 additions and 24 deletions.
3 changes: 2 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -19,5 +19,6 @@
"workspaces": [
"packages/*",
"projects/*"
]
],
"packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
}
10 changes: 5 additions & 5 deletions packages/filigran-icon/assets/Group 6.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions packages/filigran-icon/assets/arrow_downward.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions packages/filigran-icon/assets/arrow_downward_alt.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions packages/filigran-icon/assets/arrow_upward.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions packages/filigran-icon/assets/arrow_upward_alt.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions packages/filigran-icon/assets/link.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions packages/filigran-icon/assets/menu.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions packages/filigran-icon/assets/moon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions packages/filigran-icon/assets/sun.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion packages/filigran-icon/assets/threat-actor-individual.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions packages/filigran-icon/assets/users.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
39 changes: 39 additions & 0 deletions packages/filigran-icon/src/ArrowDownward.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
import * as React from "react";
import type { SVGProps } from "react";
import type { SVGRProps } from "../model/svgr";
const SvgArrowDownward = ({
title,
titleId,
...props
}: SVGProps<SVGSVGElement> & SVGRProps) => (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 16 16"
role="img"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<mask
id="arrow_downward_svg__a"
width={24}
height={24}
x={-4}
y={-4}
maskUnits="userSpaceOnUse"
style={{
maskType: "alpha",
}}
>
<path fill="currentColor" d="M-4-4h24v24H-4z" />
</mask>
<g mask="url(#arrow_downward_svg__a)">
<path
fill="currentColor"
d="M7 0v12.175l-5.6-5.6L0 8l8 8 8-8-1.4-1.425-5.6 5.6V0z"
/>
</g>
</svg>
);
export default SvgArrowDownward;
39 changes: 39 additions & 0 deletions packages/filigran-icon/src/ArrowDownwardAlt.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
import * as React from "react";
import type { SVGProps } from "react";
import type { SVGRProps } from "../model/svgr";
const SvgArrowDownwardAlt = ({
title,
titleId,
...props
}: SVGProps<SVGSVGElement> & SVGRProps) => (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 12 13"
role="img"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<mask
id="arrow_downward_alt_svg__a"
width={24}
height={24}
x={-6}
y={-5}
maskUnits="userSpaceOnUse"
style={{
maskType: "alpha",
}}
>
<path fill="currentColor" d="M-6-5h24v24H-6z" />
</mask>
<g mask="url(#arrow_downward_alt_svg__a)">
<path
fill="currentColor"
d="M6 13 0 7l1.4-1.4L5 9.2V0h2v9.2l3.6-3.6L12 7z"
/>
</g>
</svg>
);
export default SvgArrowDownwardAlt;
39 changes: 39 additions & 0 deletions packages/filigran-icon/src/ArrowUpward.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
import * as React from "react";
import type { SVGProps } from "react";
import type { SVGRProps } from "../model/svgr";
const SvgArrowUpward = ({
title,
titleId,
...props
}: SVGProps<SVGSVGElement> & SVGRProps) => (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 16 16"
role="img"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<mask
id="arrow_upward_svg__a"
width={24}
height={24}
x={-4}
y={-4}
maskUnits="userSpaceOnUse"
style={{
maskType: "alpha",
}}
>
<path fill="currentColor" d="M-4-4h24v24H-4z" />
</mask>
<g mask="url(#arrow_upward_svg__a)">
<path
fill="currentColor"
d="M7 16V3.825l-5.6 5.6L0 8l8-8 8 8-1.4 1.425-5.6-5.6V16z"
/>
</g>
</svg>
);
export default SvgArrowUpward;
39 changes: 39 additions & 0 deletions packages/filigran-icon/src/ArrowUpwardAlt.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
import * as React from "react";
import type { SVGProps } from "react";
import type { SVGRProps } from "../model/svgr";
const SvgArrowUpwardAlt = ({
title,
titleId,
...props
}: SVGProps<SVGSVGElement> & SVGRProps) => (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 12 13"
role="img"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<mask
id="arrow_upward_alt_svg__a"
width={24}
height={24}
x={-6}
y={-5}
maskUnits="userSpaceOnUse"
style={{
maskType: "alpha",
}}
>
<path fill="currentColor" d="M-6-5h24v24H-6z" />
</mask>
<g mask="url(#arrow_upward_alt_svg__a)">
<path
fill="currentColor"
d="M5 13V3.8L1.4 7.4 0 6l6-6 6 6-1.4 1.4L7 3.8V13z"
/>
</g>
</svg>
);
export default SvgArrowUpwardAlt;
39 changes: 39 additions & 0 deletions packages/filigran-icon/src/Link.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
import * as React from "react";
import type { SVGProps } from "react";
import type { SVGRProps } from "../model/svgr";
const SvgLink = ({
title,
titleId,
...props
}: SVGProps<SVGSVGElement> & SVGRProps) => (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 20 10"
role="img"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<mask
id="link_svg__a"
width={24}
height={24}
x={-2}
y={-7}
maskUnits="userSpaceOnUse"
style={{
maskType: "alpha",
}}
>
<path fill="currentColor" d="M-2-7h24v24H-2z" />
</mask>
<g mask="url(#link_svg__a)">
<path
fill="currentColor"
d="M9 10H5q-2.075 0-3.537-1.463Q0 7.076 0 5t1.463-3.537T5 0h4v2H5q-1.25 0-2.125.875A2.9 2.9 0 0 0 2 5q0 1.25.875 2.125A2.9 2.9 0 0 0 5 8h4zM6 6V4h8v2zm5 4V8h4q1.25 0 2.125-.875A2.9 2.9 0 0 0 18 5q0-1.25-.875-2.125A2.9 2.9 0 0 0 15 2h-4V0h4q2.075 0 3.538 1.463Q20 2.925 20 5t-1.462 3.537Q17.074 10 15 10z"
/>
</g>
</svg>
);
export default SvgLink;
36 changes: 36 additions & 0 deletions packages/filigran-icon/src/Menu.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
import * as React from "react";
import type { SVGProps } from "react";
import type { SVGRProps } from "../model/svgr";
const SvgMenu = ({
title,
titleId,
...props
}: SVGProps<SVGSVGElement> & SVGRProps) => (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 18 12"
role="img"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<mask
id="menu_svg__a"
width={24}
height={24}
x={-3}
y={-6}
maskUnits="userSpaceOnUse"
style={{
maskType: "alpha",
}}
>
<path fill="currentColor" d="M-3-6h24v24H-3z" />
</mask>
<g mask="url(#menu_svg__a)">
<path fill="currentColor" d="M0 12v-2h18v2zm0-5V5h18v2zm0-5V0h18v2z" />
</g>
</svg>
);
export default SvgMenu;
39 changes: 39 additions & 0 deletions packages/filigran-icon/src/Moon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
import * as React from "react";
import type { SVGProps } from "react";
import type { SVGRProps } from "../model/svgr";
const SvgMoon = ({
title,
titleId,
...props
}: SVGProps<SVGSVGElement> & SVGRProps) => (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 18 18"
role="img"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<mask
id="moon_svg__a"
width={24}
height={24}
x={-3}
y={-3}
maskUnits="userSpaceOnUse"
style={{
maskType: "alpha",
}}
>
<path fill="currentColor" d="M-3-3h24v24H-3z" />
</mask>
<g mask="url(#moon_svg__a)">
<path
fill="currentColor"
d="M9 18q-3.75 0-6.375-2.625T0 9t2.625-6.375T9 0a9 9 0 0 1 1.35.1 5.3 5.3 0 0 0-1.637 1.888A5.3 5.3 0 0 0 8.1 4.5q0 2.25 1.575 3.825T13.5 9.9q1.375 0 2.525-.613A5.3 5.3 0 0 0 17.9 7.65 8.5 8.5 0 0 1 18 9q0 3.75-2.625 6.375T9 18m0-2q2.2 0 3.95-1.213a7 7 0 0 0 2.55-3.162q-.5.125-1 .2t-1 .075q-3.075 0-5.238-2.162Q6.1 7.575 6.1 4.5q0-.5.075-1t.2-1a7 7 0 0 0-3.162 2.55Q2 6.8 2 9q0 2.9 2.05 4.95T9 16"
/>
</g>
</svg>
);
export default SvgMoon;
Loading

0 comments on commit 0f8e060

Please sign in to comment.