base
This commit is contained in:
DCCONSTRUCTIONS
@@ -0,0 +1,204 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import type { Meta, StoryObj } from "@storybook/react-vite";
|
||||
import { HorizontalStackAssetsMap } from "./assets/horizontal-stack/constant";
|
||||
import { IllustrationMap } from "./assets/illustration/constant";
|
||||
import { VerticalStackAssetsMap } from "./assets/vertical-stack/constant";
|
||||
|
||||
// Meta for asset showcase
|
||||
const meta: Meta = {
|
||||
title: "Components/EmptyState/Assets Showcase",
|
||||
parameters: {
|
||||
layout: "fullscreen",
|
||||
docs: {
|
||||
description: {
|
||||
component: "Visual catalog of all available empty state assets organized by type.",
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export default meta;
|
||||
type Story = StoryObj;
|
||||
|
||||
export const HorizontalStackAssets: Story = {
|
||||
parameters: {
|
||||
docs: {
|
||||
description: {
|
||||
story:
|
||||
"Horizontal stack assets designed for compact empty states. These are optimized for smaller, inline empty state scenarios.",
|
||||
},
|
||||
},
|
||||
},
|
||||
render: () => (
|
||||
<div className="p-8">
|
||||
<div className="mb-6">
|
||||
<h2 className="text-18 font-semibold text-primary">Horizontal Stack Assets</h2>
|
||||
<p className="text-13 text-tertiary">Used primarily in EmptyStateCompact component</p>
|
||||
</div>
|
||||
<div className="grid w-full grid-cols-12 gap-6">
|
||||
{HorizontalStackAssetsMap.map((item) => (
|
||||
<div
|
||||
key={item.title}
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-3 rounded-lg border border-subtle bg-surface-1 p-6 sm:col-span-4 lg:col-span-3"
|
||||
>
|
||||
<div className="flex h-24 w-24 items-center justify-center">{item.asset}</div>
|
||||
<p className="text-center text-11 font-medium text-secondary">{item.title}</p>
|
||||
<code className="rounded-sm bg-layer-1 px-2 py-1 text-11 text-tertiary">
|
||||
{item.title.toLowerCase().replace(/\s+/g, "-")}
|
||||
</code>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
),
|
||||
};
|
||||
|
||||
export const VerticalStackAssets: Story = {
|
||||
parameters: {
|
||||
docs: {
|
||||
description: {
|
||||
story:
|
||||
"Vertical stack assets designed for detailed empty states. These are larger and more prominent, suitable for feature-specific empty states.",
|
||||
},
|
||||
},
|
||||
},
|
||||
render: () => (
|
||||
<div className="p-8">
|
||||
<div className="mb-6">
|
||||
<h2 className="text-18 font-semibold text-primary">Vertical Stack Assets</h2>
|
||||
<p className="text-13 text-tertiary">Used primarily in EmptyStateDetailed component</p>
|
||||
</div>
|
||||
<div className="grid w-full grid-cols-12 gap-6">
|
||||
{VerticalStackAssetsMap.map((item) => (
|
||||
<div
|
||||
key={item.title}
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-3 rounded-lg border border-subtle bg-surface-1 p-6 sm:col-span-4 lg:col-span-3"
|
||||
>
|
||||
<div className="flex h-32 w-32 items-center justify-center">{item.asset}</div>
|
||||
<p className="text-center text-11 font-medium text-secondary">
|
||||
{item.title.replace(/VerticalStackIllustration$/, "")}
|
||||
</p>
|
||||
<code className="rounded-sm bg-layer-1 px-2 py-1 text-11 text-tertiary">
|
||||
{item.title
|
||||
.replace(/VerticalStackIllustration$/, "")
|
||||
.replace(/([A-Z])/g, "-$1")
|
||||
.toLowerCase()
|
||||
.slice(1)}
|
||||
</code>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
),
|
||||
};
|
||||
|
||||
export const IllustrationAssets: Story = {
|
||||
parameters: {
|
||||
docs: {
|
||||
description: {
|
||||
story: "Illustration assets available for both compact and detailed empty states.",
|
||||
},
|
||||
},
|
||||
},
|
||||
render: () => (
|
||||
<div className="p-8">
|
||||
<div className="mb-6">
|
||||
<h2 className="text-18 font-semibold text-primary">Illustration Assets</h2>
|
||||
<p className="text-13 text-tertiary">Available in both EmptyStateCompact and EmptyStateDetailed</p>
|
||||
</div>
|
||||
<div className="grid w-full grid-cols-12 gap-6">
|
||||
{IllustrationMap.map((item) => (
|
||||
<div
|
||||
key={item.title}
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-3 rounded-lg border border-subtle bg-surface-1 p-6 sm:col-span-4 lg:col-span-3"
|
||||
>
|
||||
<div className="flex h-24 w-24 items-center justify-center">{item.asset}</div>
|
||||
<p className="text-center text-11 font-medium text-secondary">{item.title}</p>
|
||||
<code className="rounded-sm bg-layer-1 px-2 py-1 text-11 text-tertiary">{item.title.toLowerCase()}</code>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
),
|
||||
};
|
||||
|
||||
export const AllAssets: Story = {
|
||||
parameters: {
|
||||
docs: {
|
||||
description: {
|
||||
story: "Complete catalog of all available empty state assets.",
|
||||
},
|
||||
},
|
||||
},
|
||||
render: () => (
|
||||
<div className="space-y-12 p-8">
|
||||
{/* Horizontal Stack */}
|
||||
<div>
|
||||
<div className="mb-6">
|
||||
<h2 className="text-18 font-semibold text-primary">Horizontal Stack Assets</h2>
|
||||
<p className="text-13 text-tertiary">For EmptyStateCompact - {HorizontalStackAssetsMap.length} assets</p>
|
||||
</div>
|
||||
<div className="grid w-full grid-cols-12 gap-4">
|
||||
{HorizontalStackAssetsMap.map((item) => (
|
||||
<div
|
||||
key={item.title}
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-2 rounded-sm border border-subtle bg-surface-1 p-4 sm:col-span-3 lg:col-span-2"
|
||||
>
|
||||
<div className="flex h-16 w-16 items-center justify-center">{item.asset}</div>
|
||||
<code className="text-10 text-placeholder">{item.title.toLowerCase().replace(/\s+/g, "-")}</code>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Vertical Stack */}
|
||||
<div>
|
||||
<div className="mb-6">
|
||||
<h2 className="text-18 font-semibold text-primary">Vertical Stack Assets</h2>
|
||||
<p className="text-13 text-tertiary">For EmptyStateDetailed - {VerticalStackAssetsMap.length} assets</p>
|
||||
</div>
|
||||
<div className="grid w-full grid-cols-12 gap-4">
|
||||
{VerticalStackAssetsMap.map((item) => (
|
||||
<div
|
||||
key={item.title}
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-2 rounded-sm border border-subtle bg-surface-1 p-4 sm:col-span-3 lg:col-span-2"
|
||||
>
|
||||
<div className="flex h-20 w-20 items-center justify-center">{item.asset}</div>
|
||||
<code className="text-center text-10 text-placeholder">
|
||||
{item.title
|
||||
.replace(/VerticalStackIllustration$/, "")
|
||||
.replace(/([A-Z])/g, "-$1")
|
||||
.toLowerCase()
|
||||
.slice(1)}
|
||||
</code>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Illustrations */}
|
||||
<div>
|
||||
<div className="mb-6">
|
||||
<h2 className="text-18 font-semibold text-primary">Illustration Assets</h2>
|
||||
<p className="text-13 text-tertiary">For both components - {IllustrationMap.length} assets</p>
|
||||
</div>
|
||||
<div className="grid w-full grid-cols-12 gap-4">
|
||||
{IllustrationMap.map((item) => (
|
||||
<div
|
||||
key={item.title}
|
||||
className="col-span-6 flex flex-col items-center justify-center gap-2 rounded-sm border border-subtle bg-surface-1 p-4 sm:col-span-3 lg:col-span-2"
|
||||
>
|
||||
<div className="flex h-16 w-16 items-center justify-center">{item.asset}</div>
|
||||
<code className="text-10 text-placeholder">{item.title.toLowerCase()}</code>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
),
|
||||
};
|
||||
@@ -0,0 +1,140 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import React from "react";
|
||||
import type {
|
||||
CompactAssetType,
|
||||
DetailedAssetType,
|
||||
HorizontalStackAssetType,
|
||||
IllustrationAssetType,
|
||||
VerticalStackAssetType,
|
||||
} from "./asset-types";
|
||||
import {
|
||||
CustomerHorizontalStackIllustration,
|
||||
EpicHorizontalStackIllustration,
|
||||
EstimateHorizontalStackIllustration,
|
||||
ExportHorizontalStackIllustration,
|
||||
IntakeHorizontalStackIllustration,
|
||||
LabelHorizontalStackIllustration,
|
||||
LinkHorizontalStackIllustration,
|
||||
MembersHorizontalStackIllustration,
|
||||
NoteHorizontalStackIllustration,
|
||||
PriorityHorizontalStackIllustration,
|
||||
ProjectHorizontalStackIllustration,
|
||||
SettingsHorizontalStackIllustration,
|
||||
StateHorizontalStackIllustration,
|
||||
TemplateHorizontalStackIllustration,
|
||||
TokenHorizontalStackIllustration,
|
||||
UnknownHorizontalStackIllustration,
|
||||
UpdateHorizontalStackIllustration,
|
||||
WebhookHorizontalStackIllustration,
|
||||
WorkItemHorizontalStackIllustration,
|
||||
WorklogHorizontalStackIllustration,
|
||||
} from "./horizontal-stack";
|
||||
import { InboxIllustration, SearchIllustration } from "./illustration";
|
||||
import {
|
||||
ArchivedCycleVerticalStackIllustration,
|
||||
ArchivedModuleVerticalStackIllustration,
|
||||
ArchivedWorkItemVerticalStackIllustration,
|
||||
ChangelogVerticalStackIllustration,
|
||||
CustomerVerticalStackIllustration,
|
||||
CycleVerticalStackIllustration,
|
||||
DashboardVerticalStackIllustration,
|
||||
DraftVerticalStackIllustration,
|
||||
EpicVerticalStackIllustration,
|
||||
Error404VerticalStackIllustration,
|
||||
InitiativeVerticalStackIllustration,
|
||||
InvalidLinkVerticalStackIllustration,
|
||||
ModuleVerticalStackIllustration,
|
||||
NoAccessVerticalStackIllustration,
|
||||
PageVerticalStackIllustration,
|
||||
ProjectVerticalStackIllustration,
|
||||
ServerErrorVerticalStackIllustration,
|
||||
TeamspaceVerticalStackIllustration,
|
||||
ViewVerticalStackIllustration,
|
||||
WorkItemVerticalStackIllustration,
|
||||
} from "./vertical-stack";
|
||||
|
||||
// Horizontal Stack Asset Registry
|
||||
export const HORIZONTAL_STACK_ASSETS: Record<HorizontalStackAssetType, React.ComponentType<{ className?: string }>> = {
|
||||
customer: CustomerHorizontalStackIllustration,
|
||||
epic: EpicHorizontalStackIllustration,
|
||||
estimate: EstimateHorizontalStackIllustration,
|
||||
export: ExportHorizontalStackIllustration,
|
||||
intake: IntakeHorizontalStackIllustration,
|
||||
label: LabelHorizontalStackIllustration,
|
||||
link: LinkHorizontalStackIllustration,
|
||||
members: MembersHorizontalStackIllustration,
|
||||
note: NoteHorizontalStackIllustration,
|
||||
priority: PriorityHorizontalStackIllustration,
|
||||
project: ProjectHorizontalStackIllustration,
|
||||
settings: SettingsHorizontalStackIllustration,
|
||||
state: StateHorizontalStackIllustration,
|
||||
template: TemplateHorizontalStackIllustration,
|
||||
token: TokenHorizontalStackIllustration,
|
||||
unknown: UnknownHorizontalStackIllustration,
|
||||
update: UpdateHorizontalStackIllustration,
|
||||
webhook: WebhookHorizontalStackIllustration,
|
||||
"work-item": WorkItemHorizontalStackIllustration,
|
||||
worklog: WorklogHorizontalStackIllustration,
|
||||
};
|
||||
|
||||
// Vertical Stack Asset Registry
|
||||
export const VERTICAL_STACK_ASSETS: Record<VerticalStackAssetType, React.ComponentType<{ className?: string }>> = {
|
||||
"archived-cycle": ArchivedCycleVerticalStackIllustration,
|
||||
"archived-module": ArchivedModuleVerticalStackIllustration,
|
||||
"archived-work-item": ArchivedWorkItemVerticalStackIllustration,
|
||||
changelog: ChangelogVerticalStackIllustration,
|
||||
customer: CustomerVerticalStackIllustration,
|
||||
cycle: CycleVerticalStackIllustration,
|
||||
dashboard: DashboardVerticalStackIllustration,
|
||||
draft: DraftVerticalStackIllustration,
|
||||
epic: EpicVerticalStackIllustration,
|
||||
"error-404": Error404VerticalStackIllustration,
|
||||
initiative: InitiativeVerticalStackIllustration,
|
||||
"invalid-link": InvalidLinkVerticalStackIllustration,
|
||||
module: ModuleVerticalStackIllustration,
|
||||
"no-access": NoAccessVerticalStackIllustration,
|
||||
page: PageVerticalStackIllustration,
|
||||
project: ProjectVerticalStackIllustration,
|
||||
"server-error": ServerErrorVerticalStackIllustration,
|
||||
teamspace: TeamspaceVerticalStackIllustration,
|
||||
view: ViewVerticalStackIllustration,
|
||||
"work-item": WorkItemVerticalStackIllustration,
|
||||
};
|
||||
|
||||
// Illustration Asset Registry
|
||||
export const ILLUSTRATION_ASSETS: Record<IllustrationAssetType, React.ComponentType<{ className?: string }>> = {
|
||||
inbox: InboxIllustration,
|
||||
search: SearchIllustration,
|
||||
};
|
||||
|
||||
// Helper functions to get assets
|
||||
export const getCompactAsset = (assetKey: CompactAssetType, className?: string): React.ReactNode => {
|
||||
const AssetComponent =
|
||||
(HORIZONTAL_STACK_ASSETS[assetKey as HorizontalStackAssetType] as React.ComponentType<{ className?: string }>) ||
|
||||
ILLUSTRATION_ASSETS[assetKey as IllustrationAssetType];
|
||||
|
||||
if (!AssetComponent) {
|
||||
console.warn(`Asset "${assetKey}" not found in compact asset registry`);
|
||||
return null;
|
||||
}
|
||||
|
||||
return <AssetComponent className={className} />;
|
||||
};
|
||||
|
||||
export const getDetailedAsset = (assetKey: DetailedAssetType, className?: string): React.ReactNode => {
|
||||
const AssetComponent =
|
||||
(VERTICAL_STACK_ASSETS[assetKey as VerticalStackAssetType] as React.ComponentType<{ className?: string }>) ||
|
||||
ILLUSTRATION_ASSETS[assetKey as IllustrationAssetType];
|
||||
|
||||
if (!AssetComponent) {
|
||||
console.warn(`Asset "${assetKey}" not found in detailed asset registry`);
|
||||
return null;
|
||||
}
|
||||
|
||||
return <AssetComponent className={className} />;
|
||||
};
|
||||
@@ -0,0 +1,60 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
// Horizontal Stack Asset Types
|
||||
export type HorizontalStackAssetType =
|
||||
| "customer"
|
||||
| "epic"
|
||||
| "estimate"
|
||||
| "export"
|
||||
| "intake"
|
||||
| "label"
|
||||
| "link"
|
||||
| "members"
|
||||
| "note"
|
||||
| "priority"
|
||||
| "project"
|
||||
| "settings"
|
||||
| "state"
|
||||
| "template"
|
||||
| "token"
|
||||
| "unknown"
|
||||
| "update"
|
||||
| "webhook"
|
||||
| "work-item"
|
||||
| "worklog";
|
||||
|
||||
// Vertical Stack Asset Types
|
||||
export type VerticalStackAssetType =
|
||||
| "archived-cycle"
|
||||
| "archived-module"
|
||||
| "archived-work-item"
|
||||
| "changelog"
|
||||
| "customer"
|
||||
| "cycle"
|
||||
| "dashboard"
|
||||
| "draft"
|
||||
| "epic"
|
||||
| "error-404"
|
||||
| "initiative"
|
||||
| "invalid-link"
|
||||
| "module"
|
||||
| "no-access"
|
||||
| "page"
|
||||
| "project"
|
||||
| "server-error"
|
||||
| "teamspace"
|
||||
| "view"
|
||||
| "work-item";
|
||||
|
||||
// Illustration Asset Types
|
||||
export type IllustrationAssetType = "inbox" | "search";
|
||||
|
||||
// Combined Asset Types for Compact (uses horizontal + illustration)
|
||||
export type CompactAssetType = HorizontalStackAssetType | IllustrationAssetType;
|
||||
|
||||
// Combined Asset Types for Detailed (uses vertical + illustration)
|
||||
export type DetailedAssetType = VerticalStackAssetType | IllustrationAssetType;
|
||||
@@ -0,0 +1,23 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
export const ILLUSTRATION_COLOR_TOKEN_MAP = {
|
||||
fill: {
|
||||
primary: "var(--illustration-fill-primary)", // #FFFFFF
|
||||
secondary: "var(--illustration-fill-secondary)", // #F4F5F5
|
||||
tertiary: "var(--illustration-fill-tertiary)", // #eaebeb
|
||||
quaternary: "var(--illustration-fill-quaternary)", // #CFD2D3
|
||||
},
|
||||
stroke: {
|
||||
primary: "var(--illustration-stroke-primary)", //#CFD2D3
|
||||
secondary: "var(--illustration-stroke-secondary)", // #8A9093
|
||||
tertiary: "var(--illustration-stroke-tertiary)", // #1d1f20
|
||||
},
|
||||
};
|
||||
|
||||
export type TIllustrationAssetProps = {
|
||||
className?: string;
|
||||
};
|
||||
@@ -0,0 +1,111 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import {
|
||||
CustomerHorizontalStackIllustration,
|
||||
EpicHorizontalStackIllustration,
|
||||
EstimateHorizontalStackIllustration,
|
||||
ExportHorizontalStackIllustration,
|
||||
IntakeHorizontalStackIllustration,
|
||||
LabelHorizontalStackIllustration,
|
||||
LinkHorizontalStackIllustration,
|
||||
MembersHorizontalStackIllustration,
|
||||
NoteHorizontalStackIllustration,
|
||||
PriorityHorizontalStackIllustration,
|
||||
ProjectHorizontalStackIllustration,
|
||||
SettingsHorizontalStackIllustration,
|
||||
StateHorizontalStackIllustration,
|
||||
TemplateHorizontalStackIllustration,
|
||||
TokenHorizontalStackIllustration,
|
||||
UnknownHorizontalStackIllustration,
|
||||
UpdateHorizontalStackIllustration,
|
||||
WebhookHorizontalStackIllustration,
|
||||
WorkItemHorizontalStackIllustration,
|
||||
WorklogHorizontalStackIllustration,
|
||||
} from "./";
|
||||
|
||||
export const HorizontalStackAssetsMap = [
|
||||
{
|
||||
asset: <CustomerHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Customer",
|
||||
},
|
||||
{
|
||||
asset: <EpicHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Epic",
|
||||
},
|
||||
{
|
||||
asset: <EstimateHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Estimate",
|
||||
},
|
||||
{
|
||||
asset: <ExportHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Export",
|
||||
},
|
||||
{
|
||||
asset: <IntakeHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Intake",
|
||||
},
|
||||
{
|
||||
asset: <LabelHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Label",
|
||||
},
|
||||
{
|
||||
asset: <LinkHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Link",
|
||||
},
|
||||
{
|
||||
asset: <MembersHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Members",
|
||||
},
|
||||
{
|
||||
asset: <NoteHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Note",
|
||||
},
|
||||
{
|
||||
asset: <PriorityHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Priority",
|
||||
},
|
||||
{
|
||||
asset: <ProjectHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Project",
|
||||
},
|
||||
{
|
||||
asset: <SettingsHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Settings",
|
||||
},
|
||||
{
|
||||
asset: <StateHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "State",
|
||||
},
|
||||
{
|
||||
asset: <TemplateHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Template",
|
||||
},
|
||||
{
|
||||
asset: <TokenHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Token",
|
||||
},
|
||||
{
|
||||
asset: <UnknownHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Unknown",
|
||||
},
|
||||
{
|
||||
asset: <UpdateHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Update",
|
||||
},
|
||||
{
|
||||
asset: <WebhookHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Webhook",
|
||||
},
|
||||
{
|
||||
asset: <WorkItemHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "WorkItem",
|
||||
},
|
||||
{
|
||||
asset: <WorklogHorizontalStackIllustration className="h-20 w-20" />,
|
||||
title: "Worklog",
|
||||
},
|
||||
];
|
||||
@@ -0,0 +1,80 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function CustomerHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="81"
|
||||
height="91"
|
||||
viewBox="0 0 81 91"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M47.6282 2.35629C46.7128 1.89072 45.537 1.93039 44.2587 2.57746L9.017 20.5374C6.12097 22.0131 3.7695 26.0693 3.7695 29.5887V72.4766C3.7695 74.4415 4.49547 75.8226 5.63968 76.4145L2.12019 74.6232C0.975977 74.0392 0.25 72.6502 0.25 70.6853V27.7974C0.25 24.2701 2.60157 20.2218 5.4976 18.7462L40.7393 0.786161C42.0255 0.131199 43.2013 0.0994185 44.1088 0.564994L47.6282 2.35629Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.628 2.35601C48.7722 2.93995 49.4982 4.32897 49.4982 6.29386V49.1818C49.4982 52.7091 47.1466 56.7574 44.2506 58.233L9.00889 76.1934C7.72264 76.8484 6.54695 76.8798 5.63947 76.4142C4.49526 75.8303 3.76929 74.4412 3.76929 72.4763V29.5884C3.76929 26.0611 6.12076 22.0128 9.01679 20.5372L44.2585 2.57718C45.5447 1.92221 46.7205 1.89043 47.628 2.35601Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.0078 9.15121C62.0925 8.68564 60.9167 8.72531 59.6383 9.37238L24.3966 27.3324C21.5006 28.808 19.1491 32.8642 19.1491 36.3836V79.2719C19.1491 81.2368 19.8751 82.6176 21.0193 83.2094L17.4998 81.4181C16.3556 80.8342 15.6296 79.4455 15.6296 77.4806V34.5924C15.6296 31.065 17.9812 27.0167 20.8772 25.5411L56.1189 7.58108C57.4052 6.92612 58.5809 6.89434 59.4884 7.35992L63.0078 9.15121Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.0084 9.14898C64.1526 9.73292 64.8785 11.1219 64.8785 13.0868V55.9751C64.8785 59.5024 62.527 63.5504 59.6309 65.026L24.3894 82.9864C23.1031 83.6413 21.9273 83.6727 21.0198 83.2072C19.8756 82.6232 19.1497 81.2346 19.1497 79.2697V36.3814C19.1497 32.8541 21.5011 28.8058 24.3972 27.3301L59.6388 9.37015C60.9251 8.71518 62.1009 8.6834 63.0084 9.14898Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.3799 15.9463C77.4645 15.4807 76.2887 15.52 75.0104 16.1671L39.7688 34.1275C36.8728 35.6031 34.5212 39.6589 34.5212 43.1783V86.0666C34.5212 88.0315 35.2472 89.4126 36.3914 90.0045L32.872 88.2132C31.7278 87.6292 31.0017 86.2402 31.0017 84.2753V41.387C31.0017 37.8597 33.3533 33.8118 36.2493 32.3362L71.491 14.3758C72.7772 13.7208 73.953 13.6894 74.8605 14.155L78.3799 15.9463Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.3799 15.9441C79.5241 16.528 80.2501 17.9166 80.2501 19.8815V62.7698C80.2501 66.2971 77.8986 70.3454 75.0025 71.8211L39.7609 89.7811C38.4747 90.436 37.2989 90.4678 36.3914 90.0022C35.2472 89.4183 34.5212 88.0293 34.5212 86.0644V43.1761C34.5212 39.6488 36.8728 35.6009 39.7688 34.1252L75.0104 16.1648C76.2967 15.5099 77.4725 15.4785 78.3799 15.9441Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M46.3733 45.3247C46.3733 44.6855 46.7994 43.9515 47.3202 43.6832L62.5185 35.942C63.0393 35.6737 63.4654 35.9737 63.4654 36.6128C63.4654 37.252 63.0393 37.9859 62.5185 38.2542V42.8783L70.1176 39.0037C70.6384 38.7354 71.0645 39.0353 71.0645 39.6745C71.0645 40.3137 70.6384 41.0476 70.1176 41.3159V59.8126L71.0645 59.3314C71.5853 59.0631 72.0115 59.363 72.0115 60.0022C72.0115 60.6414 71.5853 61.3749 71.0645 61.6432L46.3654 74.2297C45.8446 74.498 45.4185 74.1981 45.4185 73.5589C45.4185 72.9197 45.8446 72.1858 46.3654 71.9175L47.3123 71.4362V46.0032C46.7915 46.2715 46.3654 45.9715 46.3654 45.3324L46.3733 45.3247ZM49.222 45.0249V70.4579L51.1237 69.4873V65.4389C51.1237 63.8449 52.189 62.0065 53.4989 61.3358L56.3477 59.8835C57.6576 59.2128 58.7228 59.9706 58.7228 61.5646V65.6127L60.6246 64.6421V39.209L49.2299 45.0168L49.222 45.0249ZM62.5264 45.1906V63.6873L68.2238 60.7832V42.2865L62.5264 45.1906ZM56.8212 66.5833V62.5352C56.8212 62.2196 56.6081 62.0695 56.3477 62.1958L53.4989 63.6476C53.2385 63.7818 53.0255 64.1527 53.0255 64.4683V68.5164L56.8212 66.5833ZM51.1237 48.6861C51.1237 48.0469 51.5499 47.313 52.0707 47.0447L53.0176 46.5634C53.5384 46.2951 53.9646 46.5951 53.9646 47.2342C53.9646 47.8734 53.5384 48.6074 53.0176 48.8757L52.0707 49.3569C51.5499 49.6252 51.1237 49.3253 51.1237 48.6861ZM55.8742 46.2636C55.8742 45.6245 56.3003 44.8905 56.8212 44.6222L57.768 44.141C58.2889 43.8727 58.715 44.1726 58.715 44.8118C58.715 45.451 58.2889 46.1845 57.768 46.4528L56.8212 46.9345C56.3003 47.2028 55.8742 46.9028 55.8742 46.2636ZM51.1237 53.3106C51.1237 52.6714 51.5499 51.9374 52.0707 51.6691L53.0176 51.1875C53.5384 50.9192 53.9646 51.2191 53.9646 51.8583C53.9646 52.4975 53.5384 53.2314 53.0176 53.4997L52.0707 53.981C51.5499 54.2493 51.1237 53.9497 51.1237 53.3106ZM55.8742 50.8877C55.8742 50.2486 56.3003 49.5146 56.8212 49.2463L57.768 48.7651C58.2889 48.4968 58.715 48.7967 58.715 49.4359C58.715 50.0751 58.2889 50.809 57.768 51.0773L56.8212 51.5586C56.3003 51.8269 55.8742 51.5269 55.8742 50.8877ZM64.4203 48.8441C64.4203 48.2049 64.8464 47.4709 65.3672 47.2026H65.3751C65.8959 46.9265 66.322 47.2341 66.322 47.8654V47.8812C66.322 48.5204 65.8959 49.2543 65.3751 49.5226H65.3672C64.8464 49.7988 64.4203 49.4911 64.4203 48.8599V48.8441ZM51.1237 57.9265C51.1237 57.2874 51.5499 56.5534 52.0707 56.2851L53.0176 55.8039C53.5384 55.5356 53.9646 55.8355 53.9646 56.4747C53.9646 57.1139 53.5384 57.8478 53.0176 58.1161L52.0707 58.5974C51.5499 58.8657 51.1237 58.5657 51.1237 57.9265ZM55.8742 55.5118C55.8742 54.8726 56.3003 54.1391 56.8212 53.8708L57.768 53.3892C58.2889 53.1209 58.715 53.4208 58.715 54.06C58.715 54.6992 58.2889 55.4331 57.768 55.7014L56.8212 56.1826C56.3003 56.4509 55.8742 56.151 55.8742 55.5118ZM64.4203 53.4681C64.4203 52.829 64.8464 52.095 65.3672 51.8267H65.3751C65.8959 51.5505 66.322 51.8586 66.322 52.4898V52.5056C66.322 53.1448 65.8959 53.8784 65.3751 54.1467H65.3672C64.8464 54.4229 64.4203 54.1152 64.4203 53.4839V53.4681ZM64.4203 58.0922C64.4203 57.453 64.8464 56.7195 65.3672 56.4512H65.3751C65.8959 56.175 66.322 56.4826 66.322 57.1139V57.1297C66.322 57.7689 65.8959 58.5028 65.3751 58.7711H65.3672C64.8464 59.0473 64.4203 58.7393 64.4203 58.108V58.0922Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function EpicHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="81"
|
||||
height="92"
|
||||
viewBox="0 0 81 92"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M47.6229 2.35611C46.7076 1.89059 45.532 1.93026 44.2538 2.57726L9.01602 20.5352C6.12031 22.0107 3.76901 26.0664 3.76901 29.5855V72.4685C3.76901 74.4332 4.4949 75.8141 5.63899 76.4059L2.11998 74.6148C0.975896 74.0309 0.25 72.6424 0.25 70.6778V27.7944C0.25 24.2674 2.6013 20.2196 5.49701 18.7441L40.7348 0.786161C42.0209 0.131273 43.1964 0.0994966 44.1038 0.56502L47.6229 2.35611Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.6222 2.35613C48.7663 2.94 49.4922 4.32887 49.4922 6.29353V49.1769C49.4922 52.7039 47.1409 56.7513 44.2452 58.2268L9.00743 76.1852C7.72132 76.84 6.54566 76.8714 5.63829 76.4059C4.49421 75.822 3.76831 74.4332 3.76831 72.4685V29.5855C3.76831 26.0585 6.11962 22.0107 9.01533 20.5352L44.2531 2.57727C45.5392 1.92238 46.7148 1.8906 47.6222 2.35613Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.0011 9.14965C62.0858 8.68413 60.9102 8.7238 59.6319 9.37079L24.3942 27.3287C21.4985 28.8042 19.1472 32.86 19.1472 36.379V79.2624C19.1472 81.2271 19.8731 82.6077 21.0172 83.1994L17.4982 81.4083C16.3541 80.8245 15.6282 79.436 15.6282 77.4713V34.5879C15.6282 31.061 17.9795 27.0131 20.8752 25.5377L56.1129 7.5797C57.399 6.92481 58.5746 6.89342 59.482 7.35894L63.0011 9.14965Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.0019 9.14949C64.1459 9.73337 64.8718 11.1222 64.8718 13.0869V55.9703C64.8718 59.4972 62.5205 63.5447 59.6248 65.0202L24.3871 82.9785C23.101 83.6334 21.9253 83.6648 21.0179 83.1993C19.8738 82.6154 19.1479 81.2269 19.1479 79.2623V36.3788C19.1479 32.8519 21.4993 28.8041 24.395 27.3286L59.6327 9.37063C60.9188 8.71575 62.0945 8.68397 63.0019 9.14949Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.3793 15.9509C77.464 15.4854 76.2883 15.5251 75.0101 16.1721L39.7724 34.13C36.8767 35.6055 34.5255 39.6612 34.5255 43.1803V86.0637C34.5255 88.0284 35.2513 89.409 36.3954 90.0007L32.8763 88.2096C31.7322 87.6257 31.0063 86.2373 31.0063 84.2726V41.3892C31.0063 37.8623 33.3577 33.8144 36.2534 32.3389L71.4911 14.381C72.7772 13.7261 73.9529 13.6943 74.8602 14.1598L78.3793 15.9509Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.3799 15.9509C79.524 16.5348 80.2499 17.9237 80.2499 19.8883V62.7718C80.2499 66.2987 77.8986 70.3462 75.0029 71.8216L39.7651 89.78C38.479 90.4349 37.3035 90.4662 36.3961 90.0007C35.252 89.4168 34.5261 88.0284 34.5261 86.0637V43.1803C34.5261 39.6534 36.8773 35.6055 39.773 34.13L75.0108 16.1721C76.2969 15.5172 77.4725 15.4854 78.3799 15.9509Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M73.4865 50.9128V54.7473C73.4865 55.1418 73.3603 55.5758 73.1551 55.9624C72.9342 56.349 72.6501 56.657 72.3424 56.8069L47.1726 69.6362C46.5414 69.9597 46.0286 69.5572 46.0286 68.7366V62.6298L53.6584 46.0604C54.0845 45.2871 54.5815 44.6005 55.1891 44.2928C55.7966 43.985 56.2859 44.1665 56.712 44.5058L63.3082 53.8874L66.1565 49.327C66.5826 48.5538 67.1664 47.9459 67.774 47.6303C68.3815 47.3147 68.9654 47.3384 69.3836 47.6777L73.4865 50.9051V50.9128Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,80 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function EstimateHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="81"
|
||||
height="92"
|
||||
viewBox="0 0 81 92"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M47.6234 2.35621C46.7081 1.89069 45.5325 1.93014 44.2542 2.57714L9.01616 20.5355C6.12042 22.0109 3.76909 26.0666 3.76909 29.5856V72.4694C3.76909 74.4341 4.495 75.8149 5.63909 76.4067L2.12005 74.6155C0.975952 74.0317 0.25 72.643 0.25 70.6783V27.7945C0.25 24.2676 2.60133 20.2198 5.49707 18.7444L40.7351 0.78604C42.0213 0.131145 43.1969 0.0995852 44.1043 0.565113L47.6234 2.35621Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.6232 2.3553C48.7673 2.93919 49.4932 4.32788 49.4932 6.29257V49.1763C49.4932 52.7033 47.1419 56.751 44.2462 58.2265L9.00809 76.1848C7.72197 76.8397 6.5463 76.8713 5.63892 76.4057C4.49482 75.8219 3.76892 74.4332 3.76892 72.4685V29.5847C3.76892 26.0578 6.12025 22.01 9.01599 20.5345L44.2541 2.57623C45.5402 1.92134 46.7158 1.88978 47.6232 2.3553Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.0014 9.14949C62.0861 8.68396 60.9105 8.72341 59.6322 9.37041L24.3942 27.3287C21.4984 28.8042 19.1471 32.8598 19.1471 36.3789V79.2627C19.1471 81.2273 19.873 82.6081 21.0171 83.1999L17.498 81.4088C16.354 80.8249 15.6281 79.4363 15.6281 77.4716V34.5878C15.6281 31.0608 17.9793 27.0131 20.8751 25.5376L56.1132 7.57931C57.3993 6.92442 58.5749 6.89286 59.4823 7.35839L63.0014 9.14949Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.0014 9.14968C64.1455 9.73356 64.8714 11.1223 64.8714 13.0869V55.9707C64.8714 59.4977 62.5201 63.5454 59.6243 65.0209L24.3863 82.9792C23.1001 83.6341 21.9245 83.6656 21.0171 83.2001C19.873 82.6162 19.1471 81.2275 19.1471 79.2628V36.3791C19.1471 32.8521 21.4984 28.8044 24.3942 27.3289L59.6322 9.3706C60.9184 8.71571 62.094 8.68415 63.0014 9.14968Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.3801 15.9514C77.4648 15.4858 76.2891 15.5253 75.0109 16.1723L39.7728 34.1306C36.8771 35.6061 34.5258 39.6617 34.5258 43.1808V86.0645C34.5258 88.0292 35.2517 89.41 36.3958 90.0018L32.8767 88.2107C31.7326 87.6268 31.0067 86.2381 31.0067 84.2734V41.3897C31.0067 37.8627 33.358 33.815 36.2537 32.3395L71.4919 14.3812C72.778 13.7263 73.9536 13.6947 74.861 14.1603L78.3801 15.9514Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.3799 15.9516C79.524 16.5354 80.2499 17.9241 80.2499 19.8888V62.7726C80.2499 66.2995 77.8987 70.3473 75.0029 71.8228L39.7648 89.7811C38.4787 90.4359 37.303 90.4675 36.3956 90.002C35.2515 89.4181 34.5256 88.0294 34.5256 86.0647V43.181C34.5256 39.654 36.877 35.6063 39.7727 34.1308L75.0108 16.1725C76.2969 15.5176 77.4726 15.486 78.3799 15.9516Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M56.9895 40.0798C57.5024 39.4644 58.0783 38.9752 58.6701 38.6753C59.2619 38.3755 59.8379 38.2651 60.3508 38.3676C60.8636 38.4623 61.2897 38.7621 61.5816 39.2356L70.5529 53.7774C70.8449 54.2508 71.0027 54.8741 71.0027 55.5921C71.0027 56.3102 70.8449 57.0992 70.5529 57.8724C70.261 58.6457 69.8349 59.3795 69.322 60.0028C68.8092 60.6262 68.2332 61.1075 67.6414 61.4073L49.6831 70.5521C49.0913 70.852 48.5153 70.9546 48.0024 70.8599C47.4895 70.7573 47.0635 70.4575 46.7715 69.984C46.4796 69.5106 46.3218 68.8873 46.3218 68.1693C46.3218 67.4513 46.4796 66.6701 46.7715 65.8969L55.7507 42.2023C56.0505 41.4291 56.4687 40.6953 56.9816 40.0798H56.9895ZM58.6701 41.4054C58.4729 41.508 58.2835 41.6658 58.1099 41.8709C57.9442 42.0761 57.8022 42.3207 57.6996 42.5732L48.7205 66.2598C48.6258 66.5202 48.5705 66.7806 48.5705 67.0173C48.5705 67.254 48.6258 67.467 48.7205 67.6248C48.8151 67.7827 48.9571 67.8852 49.1307 67.9168C49.3043 67.9483 49.4937 67.9168 49.691 67.8142L67.6414 58.6694C67.8386 58.5668 68.028 58.409 68.2016 58.2038C68.3752 57.9987 68.5172 57.7541 68.6119 57.4937C68.7066 57.2333 68.7618 56.973 68.7618 56.7362C68.7618 56.4995 68.7066 56.2865 68.6119 56.1287L59.6406 41.5869C59.5459 41.4291 59.4039 41.3344 59.2303 41.3028C59.0567 41.2712 58.8674 41.3028 58.6701 41.4054Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function ExportHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="71"
|
||||
height="80"
|
||||
viewBox="0 0 71 80"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M41.6519 2.04204C40.851 1.6347 39.8223 1.66941 38.7038 2.23554L7.87038 17.949C5.3366 19.24 3.27923 22.7888 3.27923 25.868V63.3912C3.27923 65.1103 3.91439 66.3187 4.91548 66.8365L1.83627 65.2692C0.83518 64.7584 0.200012 63.5431 0.200012 61.824V24.3008C0.200012 21.2147 2.25743 17.6728 4.79121 16.3817L35.6246 0.668313C36.75 0.095278 37.7787 0.0674731 38.5726 0.474811L41.6519 2.04204Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M41.6519 2.04317C42.653 2.55407 43.2881 3.76934 43.2881 5.48845V43.0116C43.2881 46.0977 41.2307 49.6396 38.6969 50.9307L7.86352 66.6444C6.73817 67.2175 5.70945 67.2449 4.91549 66.8376C3.9144 66.3267 3.27924 65.1114 3.27924 63.3923V25.8692C3.27924 22.7831 5.33661 19.2411 7.87039 17.9501L38.7038 2.23667C39.8292 1.66364 40.8579 1.63583 41.6519 2.04317Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M55.1078 7.9854C54.3069 7.57806 53.2782 7.61277 52.1598 8.1789L21.3264 23.8923C18.7926 25.1834 16.7352 28.7322 16.7352 31.8114V69.3349C16.7352 71.054 17.3703 72.262 18.3714 72.7798L15.2922 71.2126C14.2911 70.7017 13.6559 69.4868 13.6559 67.7677V30.2442C13.6559 27.1581 15.7134 23.6161 18.2471 22.3251L49.0805 6.61167C50.2059 6.03864 51.2346 6.01083 52.0286 6.41817L55.1078 7.9854Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.1079 7.98653C56.109 8.49743 56.7441 9.7127 56.7441 11.4318V48.9553C56.7441 52.0414 54.6867 55.583 52.1529 56.874L21.3195 72.5878C20.1942 73.1608 19.1654 73.1883 18.3715 72.781C17.3704 72.2701 16.7352 71.0551 16.7352 69.336V31.8125C16.7352 28.7264 18.7926 25.1845 21.3264 23.8935L52.1598 8.18003C53.2852 7.607 54.3139 7.57919 55.1079 7.98653Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M68.5637 13.9328C67.7629 13.5255 66.7342 13.5598 65.6157 14.126L34.7823 29.8397C32.2485 31.1308 30.1911 34.6793 30.1911 37.7585V75.282C30.1911 77.0011 30.8263 78.2094 31.8274 78.7272L28.7482 77.16C27.7471 76.6491 27.1119 75.4338 27.1119 73.7147V36.1912C27.1119 33.1051 29.1693 29.5636 31.7031 28.2725L62.5365 12.5587C63.6619 11.9857 64.6906 11.9582 65.4845 12.3656L68.5637 13.9328Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.5637 13.93C69.5648 14.4409 70.2 15.6559 70.2 17.375V54.8985C70.2 57.9846 68.1426 61.5265 65.6088 62.8175L34.7754 78.531C33.65 79.104 32.6213 79.1318 31.8274 78.7245C30.8263 78.2136 30.1911 76.9983 30.1911 75.2792V37.7557C30.1911 34.6696 32.2485 31.128 34.7823 29.837L65.6157 14.1232C66.7411 13.5502 67.7698 13.5227 68.5637 13.93Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M43.2881 40.2004C43.2881 39.51 43.7438 38.7229 44.3099 38.4329L58.6289 31.1355C59.195 30.8455 59.6507 31.1699 59.6507 31.8603C59.6507 32.5507 59.195 33.3378 58.6289 33.6277L44.3099 40.9255C43.7438 41.2155 43.2881 40.8908 43.2881 40.2004Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M58.339 45.8623C57.9385 46.5527 57.2895 46.877 56.8891 46.6009L52.4981 43.494V57.9096C52.4981 58.6 52.0356 59.3871 51.4764 59.6771C50.9171 59.967 50.4546 59.6358 50.4546 58.9523V44.5297L46.0636 52.1103C45.6631 52.8007 45.0142 53.1319 44.6138 52.8489C44.2202 52.5658 44.2202 51.7789 44.6138 51.0885L50.7514 40.4978C50.7514 40.4978 50.7928 40.4356 50.8136 40.4011C50.8205 40.3941 50.8274 40.3874 50.8274 40.3805C50.9033 40.27 50.9862 40.1594 51.0759 40.0697C51.1104 40.0352 51.145 40.0005 51.1795 39.9729C51.2071 39.9453 51.2416 39.9178 51.2762 39.8971C51.3107 39.8695 51.3521 39.8418 51.3866 39.8141C51.4211 39.7934 51.4488 39.7796 51.4833 39.7589C51.5178 39.7381 51.5523 39.7245 51.5868 39.7106C51.718 39.6554 51.8492 39.6416 51.9666 39.6554C51.9942 39.6554 52.0218 39.6625 52.0494 39.6763C52.0494 39.6763 52.1046 39.6968 52.1323 39.7106C52.1737 39.7314 52.2082 39.7521 52.2427 39.7798L58.3459 44.0948C58.7394 44.3778 58.7394 45.1648 58.3459 45.8552L58.339 45.8623Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
export * from "./customer";
|
||||
export * from "./epic";
|
||||
export * from "./estimate";
|
||||
export * from "./export";
|
||||
export * from "./intake";
|
||||
export * from "./label";
|
||||
export * from "./link";
|
||||
export * from "./members";
|
||||
export * from "./note";
|
||||
export * from "./priority";
|
||||
export * from "./project";
|
||||
export * from "./settings";
|
||||
export * from "./state";
|
||||
export * from "./template";
|
||||
export * from "./token";
|
||||
export * from "./unknown";
|
||||
export * from "./update";
|
||||
export * from "./webhook";
|
||||
export * from "./work-item";
|
||||
export * from "./worklog";
|
||||
@@ -0,0 +1,98 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function IntakeHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="71"
|
||||
height="80"
|
||||
viewBox="0 0 71 80"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M41.6519 2.04294C40.851 1.6356 39.8223 1.67014 38.7038 2.23627L7.87039 17.9499C5.33661 19.2409 3.27921 22.7896 3.27921 25.8688V63.3923C3.27921 65.1114 3.91438 66.3196 4.91547 66.8374L1.83625 65.2702C0.835165 64.7593 0.199997 63.5442 0.199997 61.8251V24.3015C0.199997 21.2154 2.25742 17.6737 4.7912 16.3826L35.6246 0.669039C36.75 0.0960034 37.7787 0.068367 38.5726 0.475705L41.6519 2.04294Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M41.6519 2.04327C42.653 2.55417 43.2882 3.76927 43.2882 5.48838V43.0119C43.2882 46.098 41.2308 49.6397 38.697 50.9308L7.86357 66.6444C6.73821 67.2174 5.70951 67.2451 4.91555 66.8377C3.91446 66.3268 3.2793 65.1117 3.2793 63.3926V25.8691C3.2793 22.783 5.3367 19.2413 7.87048 17.9502L38.7039 2.2366C39.8293 1.66357 40.858 1.63593 41.6519 2.04327Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M55.1078 8.0216C54.307 7.61427 53.2783 7.64881 52.1598 8.21494L21.3264 23.9285C18.7926 25.2196 16.7352 28.7682 16.7352 31.8474V69.371C16.7352 71.0901 17.3704 72.2983 18.3714 72.8161L15.2923 71.2488C14.2912 70.7379 13.656 69.5228 13.656 67.8037V30.2802C13.656 27.1941 15.7134 23.6524 18.2472 22.3613L49.0806 6.64771C50.2059 6.07467 51.2347 6.04704 52.0286 6.45437L55.1078 8.0216Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.1079 8.02209C56.109 8.53299 56.7441 9.74809 56.7441 11.4672V48.9907C56.7441 52.0768 54.6867 55.6186 52.1529 56.9096L21.3195 72.6232C20.1942 73.1963 19.1655 73.2239 18.3715 72.8165C17.3704 72.3056 16.7352 71.0905 16.7352 69.3714V31.8479C16.7352 28.7618 18.7926 25.2201 21.3264 23.929L52.1599 8.21543C53.2852 7.64239 54.3139 7.61475 55.1079 8.02209Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M68.5638 13.973C67.7629 13.5657 66.7342 13.6002 65.6157 14.1663L34.7823 29.8799C32.2485 31.171 30.1911 34.7196 30.1911 37.7988V75.3222C30.1911 77.0413 30.8263 78.2495 31.8274 78.7673L28.7482 77.2002C27.7471 76.6893 27.1119 75.474 27.1119 73.7549V36.2316C27.1119 33.1455 29.1693 29.6037 31.7031 28.3127L62.5365 12.5991C63.6619 12.0261 64.6906 11.9984 65.4845 12.4058L68.5638 13.973Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.5636 13.9733C69.5647 14.4842 70.1999 15.6993 70.1999 17.4184V54.9418C70.1999 58.0279 68.1425 61.5698 65.6087 62.8609L34.7753 78.5744C33.6499 79.1475 32.6212 79.1749 31.8272 78.7676C30.8262 78.2567 30.191 77.0416 30.191 75.3225V37.7992C30.191 34.7131 32.2484 31.1713 34.7822 29.8803L65.6156 14.1667C66.741 13.5936 67.7697 13.566 68.5636 13.9733Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M57.5519 34.9131C57.8349 34.9683 58.0075 35.2513 58.0075 35.6586V46.0631C58.0075 46.4566 57.8419 46.9053 57.5726 47.2505L51.8699 54.4376C51.5937 54.7897 51.2485 54.9693 50.9654 54.9141C50.6824 54.8589 50.5097 54.5757 50.5097 54.1684V43.7158C50.5097 43.3222 50.6754 42.8664 50.9516 42.5212L56.6543 35.3825C56.9305 35.0373 57.2757 34.8579 57.5588 34.9131H57.5519ZM52.2979 43.4395V51.2687L56.2056 46.3461V38.5514L52.2979 43.4395Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M55.0249 34.4983C55.2804 34.9057 55.1354 35.6651 54.7073 36.1967L49.4395 42.7832V52.6007C49.4395 53.2221 49.0391 53.9332 48.542 54.1817C48.0449 54.4303 47.6445 54.1334 47.6445 53.519V43.0662C47.6445 42.6726 47.8102 42.217 48.0863 41.8718L53.7891 34.7331C54.2171 34.2015 54.7695 34.091 55.0249 34.4983Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M52.1253 33.8013C52.3808 34.2087 52.2358 34.9681 51.8077 35.4997L46.54 42.0862V51.9037C46.54 52.5251 46.1395 53.2362 45.6424 53.4848C45.1454 53.7333 44.7449 53.4365 44.7449 52.822V42.3692C44.7449 41.9757 44.9106 41.52 45.1868 41.1748L50.8895 34.0361C51.3175 33.5045 51.8699 33.394 52.1253 33.8013Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M41.7347 51.7794C42.2318 51.5239 42.6322 51.8277 42.6322 52.4421V60.444C42.6322 61.1965 43.1293 61.5624 43.73 61.2586L58.9465 53.5054C59.5471 53.2016 60.0442 52.3317 60.0442 51.5791V43.5773C60.0442 42.9559 60.4446 42.2448 60.9417 41.9963C61.4388 41.7477 61.8393 42.0447 61.8393 42.6592V50.6609C61.8393 52.6561 60.5413 54.9414 58.9465 55.7561L43.73 63.5093C42.1351 64.324 40.8372 63.3574 40.8372 61.369V53.3673C40.8372 52.746 41.2376 52.0348 41.7347 51.7863V51.7794Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function LabelHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="81"
|
||||
height="92"
|
||||
viewBox="0 0 81 92"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M47.6237 2.3855C46.7085 1.9135 45.5328 1.9535 44.2545 2.6095L9.0162 20.8176C6.12044 22.3136 3.76909 26.4256 3.76909 29.9936V73.4738C3.76909 75.4658 4.495 76.8658 5.63911 77.4658L2.12001 75.6498C0.975909 75.0578 0.25 73.6498 0.25 71.6578V28.1776C0.25 24.6016 2.60132 20.4976 5.49708 19.0016L40.7354 0.793494C42.0216 0.129492 43.1972 0.0974924 44.1046 0.569494L47.6237 2.3855Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.6237 2.38514C48.7678 2.97714 49.4937 4.38515 49.4937 6.37716V49.8573C49.4937 53.4333 47.1424 57.5373 44.2466 59.0334L9.00828 77.2414C7.72216 77.9054 6.54648 77.9374 5.63909 77.4654C4.49498 76.8734 3.76907 75.4654 3.76907 73.4734V29.9932C3.76907 26.4172 6.12042 22.3132 9.01618 20.8172L44.2545 2.60914C45.5406 1.94513 46.7163 1.91314 47.6237 2.38514Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.0022 9.27381C62.087 8.80181 60.9113 8.84181 59.633 9.49781L24.3947 27.7059C21.499 29.2019 19.1476 33.3139 19.1476 36.8819V80.3621C19.1476 82.3541 19.8735 83.7541 21.0176 84.3541L17.4985 82.5381C16.3544 81.9461 15.6285 80.5381 15.6285 78.5461V35.0659C15.6285 31.4899 17.9799 27.3859 20.8756 25.8899L56.114 7.6818C57.4001 7.0178 58.5757 6.9858 59.4831 7.4578L63.0022 9.27381Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.0021 9.27344C64.1462 9.86545 64.8721 11.2735 64.8721 13.2655V56.7456C64.8721 60.3216 62.5208 64.4257 59.6251 65.9217L24.3867 84.1297C23.1005 84.7937 21.9249 84.8257 21.0175 84.3537C19.8734 83.7617 19.1475 82.3537 19.1475 80.3617V36.8815C19.1475 33.3055 21.4988 29.2015 24.3946 27.7055L59.6329 9.49744C60.919 8.83344 62.0947 8.80144 63.0021 9.27344Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.3803 16.1699C77.465 15.6979 76.2894 15.7379 75.0112 16.3939L39.7728 34.602C36.877 36.098 34.5257 40.21 34.5257 43.778V87.2582C34.5257 89.2502 35.2516 90.6502 36.3957 91.2502L32.8766 89.4342C31.7325 88.8422 31.0066 87.4342 31.0066 85.4422V41.962C31.0066 38.386 33.3579 34.282 36.2537 32.786L71.4921 14.5779C72.7782 13.9139 73.9539 13.8819 74.8613 14.3539L78.3803 16.1699Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.3801 16.1696C79.5242 16.7616 80.2501 18.1696 80.2501 20.1616V63.6417C80.2501 67.2178 77.8988 71.3218 75.0031 72.8178L39.7647 91.0258C38.4786 91.6898 37.3029 91.7218 36.3955 91.2498C35.2514 90.6578 34.5255 89.2498 34.5255 87.2578V43.7777C34.5255 40.2016 36.8768 36.0976 39.7726 34.6016L75.011 16.3936C76.2971 15.7296 77.4727 15.6976 78.3801 16.1696Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M49.5568 47.8738C50.1643 46.8178 50.977 45.9779 51.837 45.5379L59.538 41.5618C60.3902 41.1218 61.2108 41.1138 61.8184 41.5458L71.1606 48.2498C71.847 48.7459 72.2258 49.6979 72.2258 50.8979C72.2258 52.0979 71.8391 53.4419 71.1606 54.6499L64.0987 67.0179C63.4122 68.2259 62.4811 69.1779 61.5106 69.6819C60.5401 70.1859 59.6091 70.1939 58.9226 69.7059L49.5804 63.0019C48.9729 62.5699 48.6336 61.7379 48.6336 60.6819V51.1859C48.6336 50.1299 48.9729 48.9459 49.5804 47.8899L49.5568 47.8738ZM51.837 48.1859C51.553 48.3299 51.2769 48.6099 51.0796 48.9619C50.8823 49.3139 50.764 49.7059 50.764 50.0579V59.5539C50.764 59.9059 50.8745 60.1859 51.0796 60.3299L60.4218 67.0259C60.7058 67.2259 61.1003 67.2259 61.5027 67.0179C61.9051 66.8099 62.2918 66.4099 62.5838 65.9139L69.6456 53.5619C69.9296 53.0579 70.0875 52.4979 70.0875 52.0019C70.0875 51.5059 69.9296 51.1059 69.6456 50.8979L60.3034 44.2018C60.1062 44.0578 59.83 44.0578 59.5459 44.2018L51.8449 48.1779L51.837 48.1859Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M59.5302 51.1618C59.5302 53.3538 58.0863 55.8818 56.311 56.7938C54.5357 57.7138 53.0917 56.6818 53.0917 54.4818C53.0917 52.2818 54.5357 49.7618 56.311 48.8498C58.0863 47.9298 59.5302 48.9618 59.5302 51.1618Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,92 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function LinkHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="51"
|
||||
height="58"
|
||||
viewBox="0 0 51 58"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M30.145 1.45971C29.565 1.16471 28.82 1.18971 28.01 1.59971L5.68 12.9797C3.845 13.9147 2.355 16.4847 2.355 18.7147V45.8897C2.355 47.1347 2.815 48.0097 3.54 48.3847L1.31 47.2497C0.584998 46.8797 0.125 45.9997 0.125 44.7547V17.5797C0.125 15.3447 1.615 12.7797 3.45 11.8447L25.78 0.464705C26.595 0.0497054 27.34 0.029706 27.915 0.324706L30.145 1.45971Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M30.145 1.45972C30.87 1.82972 31.33 2.70971 31.33 3.95471V31.1297C31.33 33.3647 29.84 35.9297 28.005 36.8647L5.67498 48.2447C4.85998 48.6597 4.11498 48.6797 3.53998 48.3847C2.81498 48.0147 2.35498 47.1347 2.35498 45.8897V18.7147C2.35498 16.4797 3.84498 13.9147 5.67998 12.9797L28.01 1.59972C28.825 1.18472 29.57 1.16472 30.145 1.45972Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M39.89 5.79473C39.31 5.49973 38.565 5.52473 37.755 5.93473L15.425 17.3147C13.59 18.2497 12.1 20.8197 12.1 23.0497V50.2247C12.1 51.4697 12.56 52.3447 13.285 52.7197L11.055 51.5847C10.33 51.2147 9.87 50.3347 9.87 49.0897V21.9147C9.87 19.6797 11.36 17.1147 13.195 16.1797L35.525 4.79973C36.34 4.38473 37.085 4.36473 37.66 4.65973L39.89 5.79473Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M39.89 5.7948C40.615 6.1648 41.075 7.04479 41.075 8.28979V35.4648C41.075 37.6998 39.585 40.2648 37.75 41.1998L15.42 52.5798C14.605 52.9948 13.86 53.0148 13.285 52.7198C12.56 52.3498 12.1 51.4698 12.1 50.2248V23.0498C12.1 20.8148 13.59 18.2498 15.425 17.3148L37.755 5.9348C38.57 5.5198 39.315 5.4998 39.89 5.7948Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M49.635 10.0997C49.055 9.80472 48.31 9.82972 47.5 10.2397L25.17 21.6197C23.335 22.5547 21.845 25.1247 21.845 27.3547V54.5297C21.845 55.7747 22.305 56.6497 23.03 57.0247L20.8 55.8897C20.075 55.5197 19.615 54.6397 19.615 53.3947V26.2197C19.615 23.9847 21.105 21.4197 22.94 20.4847L45.27 9.10472C46.085 8.68972 46.83 8.66972 47.405 8.96472L49.635 10.0997Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M49.635 10.0997C50.36 10.4697 50.82 11.3497 50.82 12.5947V39.7697C50.82 42.0047 49.33 44.5697 47.495 45.5047L25.165 56.8847C24.35 57.2997 23.605 57.3197 23.03 57.0247C22.305 56.6547 21.845 55.7747 21.845 54.5297V27.3547C21.845 25.1197 23.335 22.5547 25.17 21.6197L47.5 10.2397C48.315 9.82473 49.06 9.80473 49.635 10.0997Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M32.49 37.2048C31.935 38.1598 31.625 39.2347 31.625 40.1847C31.625 41.1347 31.935 41.8948 32.49 42.2848C33.045 42.6748 33.795 42.6747 34.575 42.2747C35.355 41.8747 36.11 41.1148 36.66 40.1598L37.705 38.3598C37.995 37.8598 38.46 37.6248 38.75 37.8298C39.04 38.0348 39.04 38.6047 38.75 39.0997L37.705 40.8997C36.875 42.3347 35.75 43.4747 34.575 44.0747C33.4 44.6747 32.275 44.6797 31.445 44.0897C30.615 43.5047 30.15 42.3698 30.15 40.9398C30.15 39.5098 30.615 37.9048 31.445 36.4698L32.49 34.6697C32.78 34.1697 33.245 33.9348 33.535 34.1398C33.825 34.3448 33.825 34.9098 33.535 35.4098L32.49 37.2097V37.2048Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M35.62 30.5248C35.33 30.3198 35.33 29.7548 35.62 29.2548L36.665 27.4548C37.495 26.0198 38.62 24.8798 39.795 24.2798C40.97 23.6798 42.095 23.6748 42.925 24.2648C43.755 24.8498 44.22 25.9848 44.22 27.4148C44.22 28.8448 43.755 30.4498 42.925 31.8848L41.88 33.6848C41.59 34.1848 41.125 34.4198 40.835 34.2148C40.545 34.0098 40.545 33.4398 40.835 32.9448L41.88 31.1448C42.435 30.1898 42.745 29.1148 42.745 28.1648C42.745 27.2148 42.435 26.4548 41.88 26.0648C41.325 25.6748 40.575 25.6748 39.795 26.0748C39.01 26.4748 38.26 27.2348 37.71 28.1898L36.665 29.9898C36.375 30.4898 35.91 30.7248 35.62 30.5198V30.5248Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M34.575 38.6798C34.285 38.4748 34.285 37.9098 34.575 37.4098L38.75 30.2048C39.04 29.7048 39.505 29.4698 39.795 29.6748C40.085 29.8798 40.085 30.4448 39.795 30.9448L35.62 38.1498C35.33 38.6448 34.865 38.8848 34.575 38.6798Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,98 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function MembersHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="71"
|
||||
height="80"
|
||||
viewBox="0 0 71 80"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M41.6017 1.99286C40.8009 1.58553 39.7722 1.62005 38.6537 2.18616L7.82029 17.8993C5.28651 19.1903 3.2291 22.7389 3.2291 25.818V63.3404C3.2291 65.0594 3.86428 66.2676 4.86536 66.7854L1.78616 65.2182C0.785076 64.7073 0.149902 63.4923 0.149902 61.7732V24.2508C0.149902 21.1648 2.20731 17.6232 4.74109 16.3321L35.5745 0.619001C36.6999 0.0459819 37.7286 0.0183569 38.5225 0.425683L41.6017 1.99286Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M41.6014 1.99319C42.6025 2.50408 43.2377 3.71916 43.2377 5.43821V42.9606C43.2377 46.0466 41.1803 49.5883 38.6465 50.8793L7.81304 66.5924C6.68768 67.1654 5.65898 67.1931 4.86502 66.7857C3.86393 66.2748 3.22876 65.0598 3.22876 63.3407V25.8183C3.22876 22.7323 5.28616 19.1907 7.81995 17.8996L38.6534 2.1865C39.7787 1.61348 40.8074 1.58587 41.6014 1.99319Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M55.0576 7.9715C54.2567 7.56417 53.228 7.59869 52.1095 8.16481L21.2761 23.8779C18.7423 25.169 16.6849 28.7175 16.6849 31.7966V69.319C16.6849 71.0381 17.3201 72.2462 18.3212 72.764L15.242 71.1969C14.2409 70.686 13.6057 69.4709 13.6057 67.7519V30.2295C13.6057 27.1435 15.6631 23.6018 18.1969 22.3108L49.0303 6.59763C50.1557 6.02461 51.1844 5.997 51.9784 6.40433L55.0576 7.9715Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.0575 7.97183C56.0585 8.48271 56.6937 9.69779 56.6937 11.4169V48.9392C56.6937 52.0252 54.6363 55.5669 52.1025 56.8579L21.2691 72.5711C20.1437 73.1441 19.115 73.1717 18.3211 72.7644C17.32 72.2535 16.6848 71.0384 16.6848 69.3194V31.797C16.6848 28.711 18.7422 25.1693 21.276 23.8783L52.1094 8.16514C53.2348 7.59212 54.2635 7.5645 55.0575 7.97183Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M68.5136 13.9233C67.7127 13.5159 66.684 13.5505 65.5656 14.1166L34.7322 29.8297C32.1984 31.1207 30.141 34.6693 30.141 37.7484V75.2708C30.141 76.9899 30.7761 78.198 31.7772 78.7158L28.698 77.1486C27.6969 76.6378 27.0618 75.4227 27.0618 73.7036V36.1813C27.0618 33.0952 29.1192 29.5536 31.6529 28.2626L62.4864 12.5494C63.6117 11.9764 64.6404 11.9488 65.4344 12.3561L68.5136 13.9233Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.5138 13.9236C69.5148 14.4345 70.15 15.6496 70.15 17.3686V54.891C70.15 57.977 68.0926 61.5187 65.5588 62.8097L34.7254 78.5228C33.6 79.0959 32.5713 79.1235 31.7774 78.7161C30.7763 78.2053 30.1411 76.9902 30.1411 75.2711V37.7488C30.1411 34.6627 32.1985 31.1211 34.7323 29.8301L65.5657 14.1169C66.6911 13.5439 67.7198 13.5163 68.5138 13.9236Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M47.256 51.7485C48.5195 49.5668 50.2386 47.8271 52.0198 46.9158C53.808 46.0045 55.5202 45.9976 56.7836 46.8882C58.0471 47.7857 58.7582 49.5047 58.7582 51.6794C58.7582 52.3284 58.3301 53.074 57.7916 53.3432C57.2531 53.6125 56.825 53.3087 56.825 52.6598C56.825 51.1064 56.321 49.8706 55.4166 49.2355C54.5122 48.5934 53.2902 48.6003 52.0129 49.2562C50.7357 49.9051 49.5137 51.1478 48.6092 52.7081C47.7048 54.2684 47.2008 56.015 47.2008 57.5684C47.2008 58.2174 46.7728 58.963 46.2412 59.2322C45.7095 59.5015 45.2815 59.1977 45.2815 58.5487C45.2815 56.374 45.9926 53.9232 47.256 51.7416V51.7485Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M52.0265 39.8808C50.4317 40.6954 49.1407 42.9254 49.1407 44.8654C49.1407 46.8053 50.4317 47.7236 52.0265 46.9089C53.6214 46.0943 54.9124 43.8643 54.9124 41.9243C54.9124 39.9844 53.6214 39.0661 52.0265 39.8808ZM47.2075 45.8526C47.2075 42.6147 49.3616 38.8935 52.0196 37.5404C54.6777 36.1872 56.8317 37.713 56.8317 40.944C56.8317 44.175 54.6777 47.9031 52.0196 49.2562C49.3616 50.6094 47.2075 49.0836 47.2075 45.8526Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M56.8389 37.4298C56.8389 36.7808 57.2669 36.0352 57.8054 35.766C58.9239 35.1999 59.9871 35.2137 60.7673 35.7867C61.5474 36.3666 61.9824 37.4574 61.9824 38.8244C61.9824 40.1913 61.5474 41.7309 60.7673 43.0979C60.7327 43.16 60.6982 43.2221 60.6637 43.2774C61.1125 43.3671 61.5336 43.5466 61.9064 43.8228C62.9904 44.6236 63.591 46.1424 63.591 48.041C63.591 48.69 63.163 49.4356 62.6245 49.7048C62.0859 49.9741 61.6648 49.6703 61.6648 49.0214C61.6648 47.7234 61.2506 46.6948 60.5256 46.1563C59.8007 45.6178 58.8272 45.6109 57.8123 46.1286C57.2807 46.3979 56.8458 46.0941 56.8458 45.4452C56.8458 44.7962 57.2738 44.0506 57.8123 43.7813C58.3992 43.4845 58.9653 42.8976 59.3934 42.152C59.8145 41.4064 60.0631 40.5503 60.0631 39.784C60.0631 39.0177 59.8214 38.4171 59.3934 38.0995C58.9722 37.7819 58.3992 37.7819 57.8123 38.0857C57.2807 38.3549 56.8458 38.0511 56.8458 37.4022L56.8389 37.4298Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M47.2076 42.3389C47.2076 41.6899 46.7796 41.3861 46.248 41.6554C45.1295 42.2215 44.0663 43.3192 43.2862 44.6931C42.506 46.0669 42.071 47.6065 42.071 48.9665C42.071 50.3266 42.506 51.4312 43.2862 52.0042C43.3207 52.0319 43.3552 52.0526 43.3897 52.0802C42.9409 52.6325 42.5198 53.24 42.147 53.8959C41.063 55.8014 40.4624 57.9346 40.4624 59.8332C40.4624 60.4822 40.8905 60.7859 41.4221 60.5167C41.9537 60.2474 42.3817 59.5018 42.3817 58.8528C42.3817 57.5549 42.796 56.1051 43.5209 54.8279C44.2458 53.5507 45.2193 52.5496 46.2342 52.0318C46.7658 51.7626 47.1938 51.017 47.1938 50.368C47.1938 49.7191 46.7658 49.4153 46.2342 49.6845C45.6473 49.9814 45.0812 49.9814 44.6531 49.6707C44.232 49.3532 43.9835 48.7525 43.9835 47.9862C43.9835 47.2199 44.2251 46.3707 44.6531 45.6251C45.0743 44.8795 45.6473 44.2996 46.2342 43.9958C46.7658 43.7265 47.1938 42.9809 47.1938 42.332L47.2076 42.3389Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function NoteHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="51"
|
||||
height="58"
|
||||
viewBox="0 0 51 58"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M30.145 1.45968C29.565 1.16468 28.82 1.18968 28.01 1.59968L5.68001 12.9797C3.84501 13.9147 2.355 16.4847 2.355 18.7147V45.8897C2.355 47.1347 2.81501 48.0097 3.54001 48.3847L1.31 47.2497C0.584998 46.8797 0.125 45.9997 0.125 44.7547V17.5797C0.125 15.3447 1.615 12.7797 3.45 11.8447L25.78 0.464675C26.595 0.0496749 27.34 0.0296755 27.915 0.324675L30.145 1.45968Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M30.145 1.45965C30.87 1.82965 31.33 2.70965 31.33 3.95465V31.1296C31.33 33.3646 29.84 35.9296 28.005 36.8646L5.67499 48.2447C4.85999 48.6597 4.11499 48.6796 3.53999 48.3847C2.81499 48.0147 2.35498 47.1347 2.35498 45.8897V18.7147C2.35498 16.4797 3.84499 13.9147 5.67999 12.9797L28.01 1.59965C28.825 1.18465 29.57 1.16465 30.145 1.45965Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M39.89 5.79467C39.31 5.49967 38.565 5.52467 37.755 5.93467L15.425 17.3147C13.59 18.2497 12.1 20.8197 12.1 23.0497V50.2247C12.1 51.4697 12.56 52.3447 13.285 52.7197L11.055 51.5847C10.33 51.2147 9.87 50.3347 9.87 49.0897V21.9147C9.87 19.6797 11.36 17.1147 13.195 16.1797L35.525 4.79967C36.34 4.38467 37.085 4.36467 37.66 4.65967L39.89 5.79467Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M39.89 5.79465C40.615 6.16465 41.075 7.04464 41.075 8.28964V35.4646C41.075 37.6996 39.585 40.2646 37.75 41.1996L15.42 52.5797C14.605 52.9947 13.86 53.0146 13.285 52.7197C12.56 52.3497 12.1 51.4696 12.1 50.2246V23.0497C12.1 20.8147 13.59 18.2496 15.425 17.3146L37.755 5.93465C38.57 5.51965 39.315 5.49965 39.89 5.79465Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M49.635 10.0997C49.055 9.80466 48.31 9.82966 47.5 10.2397L25.17 21.6197C23.335 22.5547 21.845 25.1247 21.845 27.3547V54.5297C21.845 55.7747 22.305 56.6497 23.03 57.0247L20.8 55.8897C20.075 55.5197 19.615 54.6397 19.615 53.3947V26.2197C19.615 23.9847 21.105 21.4197 22.94 20.4847L45.27 9.10466C46.085 8.68966 46.83 8.66966 47.405 8.96466L49.635 10.0997Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M49.635 10.0996C50.36 10.4696 50.82 11.3496 50.82 12.5946V39.7696C50.82 42.0046 49.33 44.5696 47.495 45.5046L25.165 56.8846C24.35 57.2996 23.605 57.3196 23.03 57.0246C22.305 56.6546 21.845 55.7746 21.845 54.5296V27.3546C21.845 25.1196 23.335 22.5546 25.17 21.6196L47.5 10.2396C48.315 9.82464 49.06 9.80464 49.635 10.0996Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M43.005 22.1696L31.91 27.8196C30.6 28.4896 29.535 30.3246 29.535 31.9196V45.4196C29.535 47.0146 30.6 47.7696 31.91 47.1046L40.625 42.6646C40.835 42.5546 41.04 42.3496 41.19 42.0947L45.15 35.2546C45.3 34.9996 45.38 34.7096 45.38 34.4496V23.8447C45.38 22.2497 44.31 21.4996 43 22.1646L43.005 22.1696ZM43.795 33.3346L41.42 34.5446C40.11 35.2146 39.04 37.0546 39.04 38.6496V41.5396L31.91 45.1747C31.475 45.3947 31.12 45.1496 31.12 44.6146V31.1146C31.12 30.5796 31.475 29.9696 31.91 29.7496L43.005 24.0996C43.445 23.8746 43.795 24.1247 43.795 24.6597V33.3396V33.3346Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,90 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function PriorityHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="71"
|
||||
height="80"
|
||||
viewBox="0 0 71 80"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M41.5768 1.96789C40.776 1.56055 39.7472 1.59509 38.6288 2.16122L7.79538 17.8747C5.2616 19.1658 3.2042 22.7145 3.2042 25.7937V63.3171C3.2042 65.0362 3.83937 66.2444 4.84046 66.7622L1.76126 65.195C0.760173 64.6841 0.125 63.469 0.125 61.7499V24.2265C0.125 21.1404 2.1824 17.5986 4.71618 16.3076L35.5496 0.593996C36.6749 0.0209608 37.7037 -0.00667559 38.4976 0.400662L41.5768 1.96789Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M41.5769 1.9678C42.5779 2.4787 43.2131 3.6938 43.2131 5.41291V42.9363C43.2131 46.0224 41.1557 49.5642 38.6219 50.8552L7.7885 66.5688C6.66314 67.1418 5.63445 67.1695 4.84048 66.7621C3.8394 66.2512 3.20422 65.0361 3.20422 63.317V25.7936C3.20422 22.7075 5.26163 19.1657 7.79541 17.8746L38.6288 2.16113C39.7542 1.5881 40.7829 1.56046 41.5769 1.9678Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M55.0328 7.91223C54.2319 7.50489 53.2032 7.53943 52.0848 8.10556L21.2514 23.8191C18.7176 25.1102 16.6602 28.6589 16.6602 31.7381V69.2615C16.6602 70.9806 17.2954 72.1888 18.2965 72.7066L15.2173 71.1393C14.2162 70.6284 13.581 69.4133 13.581 67.6942V30.1708C13.581 27.0847 15.6384 23.543 18.1722 22.2519L49.0056 6.53833C50.131 5.9653 51.1597 5.93766 51.9536 6.345L55.0328 7.91223Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.0329 7.91214C56.034 8.42304 56.6691 9.63814 56.6691 11.3572V48.8806C56.6691 51.9668 54.6117 55.5085 52.0779 56.7996L21.2445 72.5131C20.1192 73.0862 19.0905 73.1138 18.2965 72.7065C17.2954 72.1956 16.6602 70.9805 16.6602 69.2614V31.738C16.6602 28.6519 18.7176 25.1101 21.2514 23.8191L52.0848 8.10547C53.2102 7.53244 54.2389 7.5048 55.0329 7.91214Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M68.4888 13.8636C67.6879 13.4563 66.6592 13.4908 65.5408 14.057L34.7073 29.7706C32.1736 31.0616 30.1162 34.6103 30.1162 37.6895V75.2129C30.1162 76.932 30.7513 78.1402 31.7524 78.658L28.6732 77.0908C27.6721 76.5798 27.037 75.3647 27.037 73.6456V36.1222C27.037 33.0361 29.0944 29.4944 31.6281 28.2033L62.4616 12.4897C63.5869 11.9167 64.6156 11.8891 65.4096 12.2964L68.4888 13.8636Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.4888 13.8636C69.4899 14.3745 70.1251 15.5896 70.1251 17.3087V54.8321C70.1251 57.9182 68.0677 61.4599 65.5339 62.751L34.7005 78.4646C33.5751 79.0376 32.5464 79.0652 31.7525 78.6579C30.7514 78.147 30.1162 76.9319 30.1162 75.2128V37.6894C30.1162 34.6033 32.1736 31.0615 34.7074 29.7705L65.5408 14.0569C66.6662 13.4839 67.6949 13.4562 68.4888 13.8636Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M41.0315 63.4071C40.3204 63.7662 39.7404 63.3657 39.7404 62.5027C39.7404 61.6397 40.3066 60.6455 41.0177 60.2865H41.0315C41.7426 59.9206 42.3156 60.328 42.3156 61.191C42.3156 62.054 41.7426 63.0481 41.0315 63.4071Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M47.4453 60.1413C46.7342 60.5003 46.1612 60.0929 46.1612 59.2299V52.9749C46.1612 52.1119 46.7342 51.1176 47.4453 50.7586C48.1564 50.3996 48.7295 50.807 48.7295 51.67V57.925C48.7295 58.788 48.1564 59.7822 47.4453 60.1413Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M53.873 56.8689C53.1619 57.2279 52.5888 56.8206 52.5888 55.9576V43.4474C52.5888 42.5844 53.1619 41.5903 53.873 41.2313C54.5841 40.8723 55.1571 41.2796 55.1571 42.1426V54.6527C55.1571 55.5157 54.5841 56.5099 53.873 56.8689Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M60.2937 53.5896C59.5826 53.9486 59.0096 53.5412 59.0096 52.6782V33.9131C59.0096 33.0501 59.5826 32.0559 60.2937 31.6968C61.0048 31.3378 61.5779 31.7452 61.5779 32.6082V51.3733C61.5779 52.2363 61.0048 53.2306 60.2937 53.5896Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function ProjectHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="102"
|
||||
height="115"
|
||||
viewBox="0 0 102 115"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M60.2802 2.91941C59.1202 2.32941 57.6302 2.37941 56.0102 3.19941L11.3502 25.9594C7.68023 27.8294 4.70023 32.9694 4.70023 37.4294V91.7794C4.70023 94.2694 5.62023 96.0194 7.07023 96.7694L2.61023 94.4994C1.16023 93.7594 0.240234 91.9994 0.240234 89.5094V35.1594C0.240234 30.6894 3.22023 25.5594 6.89023 23.6894L51.5602 0.929412C53.1902 0.0994115 54.6802 0.0594115 55.8302 0.649411L60.2902 2.91941H60.2802Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M60.2812 2.91943C61.7312 3.65943 62.6512 5.41943 62.6512 7.90943V62.2594C62.6512 66.7294 59.6712 71.8594 56.0012 73.7294L11.3412 96.4894C9.71117 97.3194 8.22117 97.3594 7.07117 96.7694C5.62117 96.0294 4.70117 94.2694 4.70117 91.7794V37.4294C4.70117 32.9594 7.68117 27.8294 11.3512 25.9594L56.0112 3.19943C57.6412 2.36943 59.1312 2.32943 60.2812 2.91943Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M79.7705 11.5895C78.6105 10.9995 77.1205 11.0495 75.5005 11.8695L30.8405 34.6295C27.1705 36.4995 24.1905 41.6395 24.1905 46.0995V100.449C24.1905 102.939 25.1105 104.689 26.5605 105.439L22.1005 103.169C20.6505 102.429 19.7305 100.669 19.7305 98.1795V43.8295C19.7305 39.3595 22.7105 34.2295 26.3805 32.3595L71.0405 9.59946C72.6705 8.76946 74.1605 8.72946 75.3105 9.31946L79.7705 11.5895Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M79.7714 11.5895C81.2214 12.3295 82.1414 14.0895 82.1414 16.5795V70.9295C82.1414 75.3995 79.1614 80.5295 75.4914 82.3995L30.8314 105.159C29.2014 105.989 27.7114 106.029 26.5614 105.439C25.1114 104.699 24.1914 102.939 24.1914 100.449V46.0995C24.1914 41.6295 27.1714 36.4995 30.8414 34.6295L75.5014 11.8695C77.1314 11.0395 78.6214 10.9995 79.7714 11.5895Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M99.2607 20.1994C98.1007 19.6094 96.6107 19.6594 94.9907 20.4794L50.3307 43.2394C46.6607 45.1094 43.6807 50.2494 43.6807 54.7094V109.059C43.6807 111.549 44.6007 113.299 46.0507 114.049L41.5907 111.779C40.1407 111.039 39.2207 109.279 39.2207 106.789V52.4394C39.2207 47.9694 42.2007 42.8394 45.8707 40.9694L90.5307 18.2094C92.1607 17.3794 93.6507 17.3394 94.8007 17.9294L99.2607 20.1994Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M99.2616 20.1995C100.712 20.9395 101.632 22.6995 101.632 25.1895V79.5395C101.632 84.0095 98.6516 89.1395 94.9816 91.0095L50.3216 113.769C48.6916 114.599 47.2016 114.639 46.0516 114.049C44.6016 113.309 43.6816 111.549 43.6816 109.059V54.7095C43.6816 50.2395 46.6616 45.1095 50.3316 43.2395L94.9916 20.4795C96.6216 19.6495 98.1116 19.6095 99.2616 20.1995Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M85.8902 51.3394L81.9602 53.3394V51.7394C81.9602 49.0994 80.2002 47.8494 78.0302 48.9594L72.7802 51.6294C70.6102 52.7394 68.8502 55.7794 68.8502 58.4194V60.0194L64.9202 62.0194C62.7502 63.1294 60.9902 66.1694 60.9902 68.8094V84.7694C60.9902 87.4094 62.7502 88.6594 64.9202 87.5494L85.9002 76.8594C88.0702 75.7494 89.8302 72.7094 89.8302 70.0694V54.1094C89.8302 51.4694 88.0702 50.2194 85.9002 51.3294L85.8902 51.3394ZM71.4602 57.0894C71.4602 56.2094 72.0502 55.1894 72.7702 54.8294L78.0202 52.1594C78.7402 51.7894 79.3302 52.2094 79.3302 53.0894V54.6894L71.4602 58.6994V57.0994V57.0894ZM79.3302 57.8694V77.0194L71.4602 81.0294V61.8794L79.3302 57.8694ZM63.5902 83.4394V67.4794C63.5902 66.5994 64.1802 65.5794 64.9002 65.2194L68.8302 63.2194V82.3694L64.9002 84.3694C64.1802 84.7394 63.5902 84.3194 63.5902 83.4394ZM87.2002 71.4094C87.2002 72.2894 86.6102 73.3094 85.8902 73.6694L81.9602 75.6694V56.5194L85.8902 54.5194C86.6102 54.1494 87.2002 54.5694 87.2002 55.4494V71.4094Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,82 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function SettingsHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="71"
|
||||
height="80"
|
||||
viewBox="0 0 71 80"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M41.6268 2.01787C40.8259 1.61053 39.7972 1.64524 38.6788 2.21137L7.8454 17.9247C5.31163 19.2158 3.25421 22.7646 3.25421 25.8438V63.3669C3.25421 65.086 3.88938 66.2943 4.89046 66.8121L1.8113 65.2449C0.810215 64.734 0.175049 63.5191 0.175049 61.8V24.2766C0.175049 21.1905 2.23246 17.6486 4.76624 16.3575L35.5996 0.644142C36.725 0.0711084 37.7536 0.0433035 38.5475 0.450641L41.6268 2.01787Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M41.6269 2.01863C42.6279 2.52953 43.2631 3.7448 43.2631 5.4639V42.9873C43.2631 46.0734 41.2057 49.615 38.6719 50.906L7.83855 66.6197C6.7132 67.1928 5.68448 67.2202 4.89052 66.8129C3.88944 66.302 3.25427 65.0867 3.25427 63.3676V25.8446C3.25427 22.7585 5.31169 19.2166 7.84546 17.9255L38.6788 2.21214C39.8042 1.6391 40.8329 1.6113 41.6269 2.01863Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M55.0829 7.96176C54.282 7.55442 53.2533 7.58913 52.1348 8.15526L21.3015 23.8686C18.7677 25.1597 16.7103 28.7085 16.7103 31.7877V69.3111C16.7103 71.0302 17.3455 72.2382 18.3466 72.756L15.2674 71.1888C14.2663 70.6779 13.6311 69.463 13.6311 67.7439V30.2205C13.6311 27.1344 15.6885 23.5925 18.2223 22.3014L49.0557 6.58804C50.181 6.015 51.2097 5.98754 52.0037 6.39487L55.0829 7.96176Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.0829 7.96089C56.084 8.47179 56.7192 9.68706 56.7192 11.4062V48.9296C56.7192 52.0157 54.6617 55.5572 52.128 56.8483L21.2946 72.562C20.1693 73.135 19.1406 73.1625 18.3467 72.7552C17.3456 72.2443 16.7103 71.0293 16.7103 69.3102V31.7868C16.7103 28.7007 18.7677 25.1588 21.3015 23.8678L52.1349 8.1544C53.2602 7.58136 54.289 7.55356 55.0829 7.96089Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M68.5387 13.9136C67.7378 13.5063 66.7091 13.541 65.5906 14.1071L34.7573 29.8205C32.2235 31.1116 30.1662 34.6604 30.1662 37.7396V75.263C30.1662 76.9821 30.8013 78.1901 31.8024 78.7079L28.7232 77.1407C27.7221 76.6298 27.0869 75.4148 27.0869 73.6957V36.1723C27.0869 33.0862 29.1443 29.5443 31.6781 28.2533L62.5115 12.5399C63.6368 11.9669 64.6655 11.9391 65.4595 12.3464L68.5387 13.9136Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.5386 13.9145C69.5397 14.4254 70.1749 15.6407 70.1749 17.3598V54.8832C70.1749 57.9693 68.1175 61.5108 65.5837 62.8019L34.7503 78.5156C33.625 79.0887 32.5963 79.1161 31.8024 78.7088C30.8013 78.1979 30.1661 76.983 30.1661 75.2639V37.7404C30.1661 34.6544 32.2235 31.1124 34.7572 29.8214L65.5906 14.108C66.716 13.535 67.7447 13.5072 68.5386 13.9145Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M50.4432 61.4762C50.3396 61.5315 50.236 61.5799 50.1324 61.6144C48.5928 62.222 47.3639 61.3519 47.2189 59.55C47.1913 59.1357 47.0256 58.8387 46.7563 58.7075C46.494 58.5695 46.1626 58.6112 45.8105 58.8252C45.6586 58.9149 45.5136 59.0391 45.3755 59.191C43.7393 60.9308 41.82 61.0273 41.0813 59.4256C40.4461 58.0448 40.888 55.7873 42.1445 54.0544C42.4345 53.654 42.6278 53.1982 42.683 52.7495C42.7383 52.3007 42.6692 51.9211 42.469 51.6795C42.3792 51.5759 42.2757 51.4999 42.1514 51.4516C41.4403 51.1961 40.9777 50.5195 40.8396 49.553C40.7016 48.5864 40.9017 47.4402 41.4057 46.3356C42.3033 44.3611 43.9671 42.9664 45.3686 43.0285C46.0245 43.0631 46.7978 42.3313 47.1015 41.3855C47.1637 41.1853 47.2051 40.9919 47.2189 40.7986C47.2189 40.764 47.219 40.7296 47.2259 40.6951C47.3225 39.6319 47.7299 38.5133 48.3789 37.533C49.0485 36.525 49.8908 35.7795 50.7469 35.4412C52.2865 34.8337 53.5154 35.7034 53.6604 37.5053C53.6949 37.9196 53.8537 38.2166 54.123 38.3478C54.3922 38.479 54.7236 38.4376 55.0688 38.2305C55.2207 38.1338 55.3657 38.0164 55.5038 37.8714C57.1331 36.1385 59.0593 36.0351 59.798 37.6368C60.4332 39.0176 59.9845 41.2751 58.7349 43.008C58.1411 43.8158 58.003 44.8789 58.4103 45.3829C58.5001 45.4865 58.6037 45.5623 58.728 45.6037C59.4391 45.8592 59.9016 46.5359 60.0466 47.4956C60.1847 48.4622 59.9914 49.6014 59.4874 50.713C58.5899 52.6944 56.926 54.0889 55.5176 54.0268C55.1931 54.0061 54.8409 54.1719 54.5165 54.4825C54.192 54.7932 53.9297 55.2142 53.7847 55.6698C53.7225 55.8701 53.6811 56.0703 53.6673 56.2568C53.5844 57.3545 53.1702 58.5076 52.5074 59.5156C51.9206 60.3993 51.2026 61.0827 50.4501 61.4624L50.4432 61.4762ZM45.9279 56.4088C46.6873 56.0222 47.4123 55.9737 47.9991 56.2706C48.6619 56.6089 49.0693 57.3475 49.1452 58.3623C49.2004 59.0735 49.6975 59.4259 50.3119 59.1842C50.6571 59.053 50.9954 58.7493 51.2647 58.3489C51.5339 57.9415 51.6997 57.4789 51.7273 57.0439C51.7618 56.5813 51.8584 56.0843 52.0172 55.5873C52.3831 54.4481 53.0321 53.3916 53.8399 52.6183C54.6546 51.8451 55.5314 51.4445 56.3116 51.486C56.8639 51.5067 57.5335 50.9477 57.8925 50.1537C58.0927 49.705 58.1756 49.2492 58.1204 48.8626C58.0652 48.476 57.8788 48.2066 57.5957 48.1031C57.2988 47.9995 57.0296 47.8131 56.8155 47.5438C55.7938 46.2873 56.1459 43.6499 57.6026 41.6616C58.0997 40.9781 58.2792 40.0739 58.0238 39.5216C57.7269 38.8795 56.9536 38.9209 56.3047 39.6113C55.9733 39.9703 55.6073 40.2739 55.2345 40.5087C54.3784 41.0403 53.5361 41.1438 52.8733 40.8124C52.2105 40.4741 51.8032 39.7353 51.7273 38.7274C51.6721 38.0093 51.1749 37.6642 50.5605 37.9058C49.8494 38.1751 49.2142 39.1488 49.1452 40.0532C49.1452 40.0808 49.1452 40.1082 49.1383 40.1358C49.0969 40.5846 49.0071 41.0404 48.8552 41.5099C48.1027 43.8641 46.1695 45.7004 44.554 45.6037C44.0017 45.583 43.332 46.1425 42.973 46.9296C42.7727 47.3784 42.6899 47.8338 42.7452 48.2204C42.8004 48.607 42.9868 48.8763 43.2699 48.9799C43.5667 49.0835 43.836 49.2701 44.05 49.5324C44.5471 50.14 44.7404 51.0857 44.5885 52.1973C44.4366 53.3088 43.9672 54.455 43.263 55.4147C42.7659 56.0982 42.5864 57.0023 42.8418 57.5546C43.1387 58.1967 43.9119 58.1554 44.5609 57.465C44.8923 57.1059 45.2582 56.8023 45.6379 56.5676C45.7346 56.5054 45.8312 56.45 45.9279 56.4017V56.4088Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M50.4363 53.2529C48.3029 54.3437 46.5631 53.115 46.5631 50.5122C46.5631 47.9093 48.3029 44.913 50.4363 43.8222C52.5696 42.7314 54.3094 43.9601 54.3094 46.5629C54.3094 49.1657 52.5696 52.162 50.4363 53.2529ZM50.4363 46.1833C49.3661 46.7287 48.4962 48.2268 48.4962 49.5248C48.4962 50.8227 49.3661 51.4372 50.4363 50.8917C51.5064 50.3463 52.3762 48.8483 52.3762 47.5503C52.3762 46.2524 51.5064 45.6379 50.4363 46.1833Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function StateHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="72"
|
||||
height="81"
|
||||
viewBox="0 0 72 81"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M41.5768 1.96789C40.776 1.56055 39.7473 1.59509 38.6288 2.16123L7.7954 17.8747C5.26161 19.1658 3.20422 22.7145 3.20422 25.7937V63.3172C3.20422 65.0363 3.83936 66.2445 4.84045 66.7623L1.76125 65.195C0.760168 64.6841 0.125 63.469 0.125 61.7499V24.2265C0.125 21.1404 2.1824 17.5986 4.71618 16.3076L35.5496 0.593996C36.675 0.0209607 37.7037 -0.00667566 38.4976 0.400663L41.5768 1.96789Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M41.5769 1.9678C42.578 2.4787 43.2132 3.6938 43.2132 5.41291V42.9363C43.2132 46.0224 41.1557 49.5642 38.622 50.8552L7.78855 66.5688C6.6632 67.1419 5.63448 67.1695 4.84052 66.7622C3.83943 66.2513 3.20428 65.0362 3.20428 63.3171V25.7936C3.20428 22.7075 5.26168 19.1657 7.79546 17.8746L38.6289 2.16113C39.7542 1.5881 40.7829 1.56046 41.5769 1.9678Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M55.0328 7.91223C54.2319 7.50489 53.2032 7.53943 52.0847 8.10556L21.2513 23.8192C18.7175 25.1102 16.6601 28.6589 16.6601 31.7381V69.2615C16.6601 70.9806 17.2953 72.1888 18.2964 72.7066L15.2172 71.1394C14.2161 70.6285 13.5809 69.4134 13.5809 67.6943V30.1708C13.5809 27.0847 15.6383 23.543 18.1721 22.2519L49.0055 6.53833C50.1309 5.9653 51.1596 5.93766 51.9536 6.345L55.0328 7.91223Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.0328 7.91214C56.0339 8.42304 56.6691 9.63814 56.6691 11.3572V48.8807C56.6691 51.9668 54.6117 55.5085 52.0779 56.7996L21.2444 72.5132C20.1191 73.0862 19.0904 73.1138 18.2965 72.7065C17.2954 72.1956 16.6602 70.9805 16.6602 69.2614V31.738C16.6602 28.6519 18.7176 25.1101 21.2514 23.8191L52.0848 8.10547C53.2101 7.53244 54.2388 7.5048 55.0328 7.91214Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M68.4888 13.8636C67.6879 13.4563 66.6592 13.4908 65.5408 14.057L34.7073 29.7706C32.1735 31.0616 30.1161 34.6103 30.1161 37.6895V75.2129C30.1161 76.932 30.7513 78.1402 31.7524 78.658L28.6732 77.0908C27.6721 76.5799 27.0369 75.3648 27.0369 73.6457V36.1223C27.0369 33.0361 29.0943 29.4944 31.6281 28.2033L62.4615 12.4897C63.5869 11.9167 64.6156 11.8891 65.4096 12.2964L68.4888 13.8636Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.4888 13.8636C69.4899 14.3745 70.1251 15.5896 70.1251 17.3087V54.8321C70.1251 57.9182 68.0677 61.4599 65.5339 62.751L34.7005 78.4646C33.5751 79.0376 32.5464 79.0653 31.7525 78.6579C30.7514 78.147 30.1162 76.9319 30.1162 75.2128V37.6894C30.1162 34.6033 32.1736 31.0615 34.7074 29.7705L65.5408 14.0569C66.6662 13.4839 67.6949 13.4562 68.4888 13.8636Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M51.1114 32.8219C44.3661 36.2601 38.905 45.6979 38.905 53.8999C38.905 62.1019 44.373 65.9682 51.1114 62.5369C57.8566 59.0987 63.3177 49.6609 63.3177 41.4589C63.3177 33.2569 57.8497 29.3906 51.1114 32.8219ZM46.0852 53.5065L43.9381 56.0057C43.3236 54.9287 42.9784 53.5133 42.9784 51.8287C42.9784 50.1441 43.3236 48.3698 43.9381 46.6714L46.0852 46.9821C45.6572 48.1696 45.4155 49.4054 45.4155 50.5929C45.4155 51.7804 45.6572 52.7607 46.0852 53.5202V53.5065ZM51.1114 57.5798C49.7236 58.284 48.4188 58.5325 47.2727 58.3737L48.4257 55.1703C49.2265 55.2807 50.131 55.1151 51.1114 54.618C52.0917 54.1209 53.0031 53.3614 53.797 52.4363L54.95 54.466C53.8108 55.7916 52.4991 56.8825 51.1114 57.5867V57.5798ZM53.797 40.1885C53.0031 40.0781 52.0917 40.2437 51.1114 40.7408C50.131 41.2379 49.2265 41.9974 48.4257 42.9225L47.2727 40.8928C48.4119 39.5672 49.7236 38.4763 51.1114 37.7721C52.4991 37.0679 53.8039 36.8193 54.95 36.9781L53.797 40.1816V40.1885ZM58.2984 48.6874L56.1444 48.3836C56.5724 47.1961 56.8141 45.9603 56.8141 44.7728C56.8141 43.5853 56.5724 42.5981 56.1444 41.8455L58.2984 39.3463C58.906 40.4233 59.2581 41.8386 59.2581 43.5301C59.2581 45.2147 58.9129 46.989 58.2984 48.6874Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,92 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function TemplateHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="81"
|
||||
height="92"
|
||||
viewBox="0 0 81 92"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M47.6283 2.38547C46.7129 1.91347 45.5371 1.95349 44.2588 2.60949L9.01704 20.8175C6.12099 22.3135 3.76943 26.4255 3.76943 29.9935V73.4734C3.76943 75.4654 4.49542 76.8654 5.63964 77.4654L2.12019 75.6494C0.975979 75.0574 0.25 73.6494 0.25 71.6574V28.1774C0.25 24.6014 2.60155 20.4975 5.49759 19.0015L40.7393 0.793477C42.0256 0.129478 43.2014 0.0975032 44.1088 0.569503L47.6283 2.38547Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.6284 2.3851C48.7726 2.97709 49.4986 4.38509 49.4986 6.37708V49.8571C49.4986 53.4331 47.147 57.537 44.251 59.033L9.00923 77.241C7.72298 77.905 6.54721 77.9371 5.63973 77.4651C4.49552 76.8731 3.76953 75.4651 3.76953 73.4731V29.9931C3.76953 26.4171 6.12109 22.3131 9.01713 20.8171L44.2589 2.60912C45.5451 1.94512 46.7209 1.9131 47.6284 2.3851Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.0087 9.32146C62.0933 8.84946 60.9175 8.88944 59.6391 9.54544L24.3974 27.7534C21.5014 29.2494 19.1498 33.3614 19.1498 36.9294V80.4094C19.1498 82.4014 19.8758 83.8014 21.02 84.4014L17.5006 82.5854C16.3564 81.9934 15.6304 80.5854 15.6304 78.5934V35.1134C15.6304 31.5374 17.9819 27.4334 20.878 25.9374L56.1197 7.72942C57.406 7.06542 58.5817 7.03345 59.4892 7.50545L63.0087 9.32146Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.0083 9.32185C64.1525 9.91385 64.8785 11.3218 64.8785 13.3138V56.7938C64.8785 60.3698 62.5269 64.4738 59.6309 65.9698L24.3891 84.1777C23.1029 84.8417 21.9271 84.8738 21.0196 84.4018C19.8754 83.8098 19.1494 82.4018 19.1494 80.4098V36.9298C19.1494 33.3538 21.501 29.2498 24.397 27.7538L59.6388 9.54583C60.925 8.88183 62.1008 8.84985 63.0083 9.32185Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.3797 16.2097C77.4644 15.7377 76.2886 15.7777 75.0102 16.4337L39.7685 34.6417C36.8725 36.1377 34.5209 40.2497 34.5209 43.8177V87.2976C34.5209 89.2896 35.2469 90.6896 36.3911 91.2896L32.8717 89.4737C31.7274 88.8817 31.0015 87.4736 31.0015 85.4816V42.0017C31.0015 38.4257 33.353 34.3217 36.2491 32.8257L71.4908 14.6177C72.7771 13.9537 73.9528 13.9217 74.8603 14.3937L78.3797 16.2097Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.3798 16.2093C79.5241 16.8013 80.25 18.2093 80.25 20.2013V63.6813C80.25 67.2573 77.8985 71.3613 75.0024 72.8573L39.7607 91.0653C38.4744 91.7293 37.2987 91.7613 36.3912 91.2893C35.247 90.6973 34.521 89.2893 34.521 87.2973V43.8173C34.521 40.2413 36.8726 36.1373 39.7686 34.6413L75.0103 16.4333C76.2966 15.7693 77.4724 15.7373 78.3798 16.2093Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M59.134 41.369L55.4489 50.497L62.7798 46.713L59.134 41.377V41.369ZM59.063 38.185C59.4023 37.993 59.7338 37.913 60.0336 37.953C60.3335 37.993 60.586 38.145 60.7675 38.393L60.7833 38.409L65.0287 44.617C65.2181 44.873 65.3365 45.225 65.3523 45.633C65.3759 46.057 65.297 46.537 65.1392 47.009C64.9735 47.481 64.7288 47.937 64.4211 48.329C64.1133 48.713 63.7661 49.017 63.411 49.201L54.8965 53.601C54.5493 53.793 54.2021 53.873 53.9022 53.825C53.5866 53.777 53.3183 53.601 53.1447 53.305C52.9632 53.017 52.8764 52.625 52.8843 52.177C52.8922 51.729 53.0026 51.249 53.192 50.777L57.4611 40.209C57.6268 39.777 57.8557 39.369 58.1319 39.017C58.416 38.649 58.7474 38.361 59.0867 38.169L59.063 38.185Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M47.6289 63.0411C47.6289 61.4731 48.6548 59.6732 49.9252 59.0172L55.67 56.0492C56.9404 55.3932 57.9663 56.1292 57.9663 57.6971V64.7851C57.9663 66.3531 56.9404 68.1532 55.67 68.8092L49.9252 71.7771C48.6548 72.4331 47.6289 71.6971 47.6289 70.1291V63.0411ZM55.67 58.8811L49.9252 61.8491V68.9371L55.67 65.9692V58.8811Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M65.4387 53.8327C63.8526 54.6487 62.5663 56.9047 62.5663 58.8647C62.5663 60.8247 63.8526 61.7447 65.4387 60.9287C67.0248 60.1127 68.3111 57.8567 68.3111 55.8967C68.3111 53.9367 67.0248 53.0167 65.4387 53.8327ZM60.27 60.0487C60.27 56.5287 62.5821 52.4727 65.4387 50.9927C68.2953 49.5207 70.6074 51.1767 70.6074 54.7047C70.6074 58.2247 68.2953 62.2807 65.4387 63.7607C62.5821 65.2327 60.27 63.5767 60.27 60.0487Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function TokenHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="81"
|
||||
height="92"
|
||||
viewBox="0 0 81 92"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M47.6235 2.3563C46.7082 1.89077 45.5326 1.93022 44.2543 2.57724L9.01615 20.5358C6.1204 22.0113 3.76908 26.067 3.76908 29.5862V72.4706C3.76908 74.4353 4.49499 75.8161 5.63909 76.4079L2.12001 74.6168C0.97591 74.0329 0.25 72.6442 0.25 70.6795V27.795C0.25 24.268 2.60132 20.2202 5.49706 18.7447L40.7431 0.78611C42.0293 0.131205 43.2049 0.0996434 44.1123 0.565178L47.6314 2.3563H47.6235Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.6235 2.35583C48.7676 2.93972 49.4935 4.32843 49.4935 6.29315V49.1776C49.4935 52.7046 47.1422 56.7524 44.2465 58.2279L9.00828 76.1865C7.72216 76.8414 6.5465 76.873 5.63911 76.4075C4.49501 75.8236 3.7691 74.4348 3.7691 72.4701V29.5857C3.7691 26.0587 6.12042 22.0109 9.01617 20.5354L44.2544 2.57676C45.5405 1.92185 46.7161 1.89029 47.6235 2.35583Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.0017 9.1959C62.0865 8.73037 60.9108 8.76982 59.6326 9.41684L24.3944 27.3754C21.4986 28.851 19.1473 32.9066 19.1473 36.4258V79.3102C19.1473 81.2749 19.8732 82.6558 21.0173 83.2475L17.4982 81.4564C16.3541 80.8725 15.6282 79.4838 15.6282 77.5191V34.6346C15.6282 31.1076 17.9796 27.0598 20.8753 25.5843L56.1135 7.62571C57.3996 6.9708 58.5753 6.93924 59.4826 7.40478L63.0017 9.1959Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.0018 9.19543C64.1458 9.77932 64.8718 11.168 64.8718 13.1327V56.0172C64.8718 59.5442 62.5204 63.592 59.6247 65.0675L24.3865 83.0261C23.1004 83.681 21.9247 83.7126 21.0173 83.2471C19.8732 82.6632 19.1473 81.2744 19.1473 79.3097V36.4253C19.1473 32.8983 21.4987 28.8505 24.3944 27.375L59.6326 9.41636C60.9187 8.76145 62.0944 8.72989 63.0018 9.19543Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.38 15.9911C77.4647 15.5255 76.289 15.565 75.0108 16.212L39.7726 34.1706C36.8769 35.6461 34.5256 39.7018 34.5256 43.2209V86.1054C34.5256 88.0701 35.2515 89.4509 36.3956 90.0427L32.8765 88.2516C31.7324 87.6677 31.0065 86.279 31.0065 84.3142V41.4298C31.0065 37.9028 33.3578 33.855 36.2535 32.3795L71.4917 14.4209C72.7778 13.766 73.9535 13.7344 74.8609 14.1999L78.38 15.9911Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.38 15.9905C79.5241 16.5744 80.25 17.9631 80.25 19.9278V62.8122C80.25 66.3393 77.8987 70.3871 75.0029 71.8626L39.7647 89.8212C38.4786 90.4761 37.303 90.5076 36.3956 90.0421C35.2515 89.4582 34.5256 88.0695 34.5256 86.1048V43.2203C34.5256 39.6933 36.8769 35.6455 39.7726 34.17L75.0108 16.2114C76.2969 15.5565 77.4726 15.5249 78.38 15.9905Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M53.1704 71.7917L50.18 73.3146C49.0832 73.8748 48.1837 73.2436 48.1837 71.9022V69.2668C48.1837 68.2884 48.4993 67.2153 49.0595 66.2448L55.4349 55.2376C55.072 53.699 55.1351 51.829 55.6164 49.8958C56.9735 44.4672 61.2501 39.7724 65.1479 39.441C67.0337 39.2832 68.5565 40.1511 69.4245 41.9028C70.2924 43.6466 70.4108 46.0611 69.7559 48.6886C68.4697 53.841 64.564 58.3228 60.8398 59.0566L60.4453 59.7273C59.8772 60.7057 59.1276 61.4632 58.3307 61.8735L58.1571 61.9603V63.1754C58.1571 64.5168 57.2655 66.0633 56.1608 66.6235L55.1666 67.1285V68.3436C55.1666 69.685 54.275 71.2315 53.1704 71.7917ZM62.694 42.613C60.4216 43.7728 58.2912 46.5818 57.5101 49.738C57.1077 51.3634 57.1077 52.9178 57.5101 54.133C57.6363 54.5117 57.5416 55.0404 57.2734 55.5138L50.4719 67.2469C50.2825 67.5704 50.18 67.9333 50.18 68.2568V70.8922L53.1704 69.3694V68.1543C53.1704 66.8129 54.062 65.2664 55.1666 64.7061L56.1608 64.2012V62.986C56.1608 61.6447 57.0524 60.0981 58.1571 59.5379L58.3307 59.4511C58.5911 59.317 58.8514 59.0566 59.0329 58.7331L59.8456 57.3286C60.1139 56.8631 60.5163 56.5474 60.8792 56.5159C63.7355 56.2713 66.868 52.8311 67.8622 48.8464C68.3435 46.9132 68.2567 45.1458 67.6176 43.8675C66.9785 42.5893 65.8659 41.9423 64.4851 42.0685C63.8933 42.1159 63.2858 42.3052 62.6861 42.613H62.694Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M63.6488 47.0309C63.9249 46.8889 64.1459 47.0467 64.1459 47.386C64.1459 47.7253 63.9249 48.104 63.6488 48.246C63.3726 48.3881 63.1517 48.2303 63.1517 47.891C63.1517 47.5517 63.3726 47.1729 63.6488 47.0309Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M63.6487 49.4605C62.8202 49.8787 62.1495 49.4053 62.1495 48.4032C62.1495 47.4011 62.8202 46.2413 63.6487 45.8231C64.4772 45.4049 65.1479 45.8783 65.1479 46.8804C65.1479 47.8825 64.4772 49.0424 63.6487 49.4605ZM63.6487 47.0303C63.3725 47.1723 63.1516 47.559 63.1516 47.8904C63.1516 48.2217 63.3725 48.3796 63.6487 48.2454C63.9249 48.1113 64.1458 47.7168 64.1458 47.3854C64.1458 47.054 63.9249 46.8962 63.6487 47.0303Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function UnknownHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="71"
|
||||
height="80"
|
||||
viewBox="0 0 71 80"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M41.6309 2.01885C40.8299 1.61147 39.8011 1.64599 38.6826 2.21218L7.84613 17.9273C5.3121 19.2185 3.2545 22.7675 3.2545 25.847V63.3741C3.2545 65.0934 3.88973 66.3017 4.89092 66.8196L1.81142 65.2522C0.810239 64.7412 0.174988 63.526 0.174988 61.8067V24.2796C0.174988 21.1932 2.23261 17.6511 4.76664 16.3599L35.6031 0.644812C36.7285 0.071721 37.7573 0.0441004 38.5514 0.451478L41.6309 2.01885Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M41.6309 2.01984C42.6321 2.53079 43.2674 3.74602 43.2674 5.46529V42.9924C43.2674 46.0788 41.2098 49.6209 38.6757 50.9121L7.83929 66.6272C6.71383 67.2003 5.68503 67.2279 4.89099 66.8205C3.88981 66.3096 3.25458 65.0944 3.25458 63.3751V25.848C3.25458 22.7616 5.31218 19.2195 7.84621 17.9283L38.6826 2.21317C39.8081 1.64008 40.8369 1.61246 41.6309 2.01984Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M55.0813 7.99932C54.2804 7.59194 53.2516 7.62646 52.133 8.19265L21.2966 23.9078C18.7625 25.1989 16.7049 28.748 16.7049 31.8275V69.3546C16.7049 71.0738 17.3402 72.2822 18.3414 72.8L15.2618 71.2327C14.2607 70.7217 13.6254 69.5065 13.6254 67.7872V30.2601C13.6254 27.1737 15.683 23.6316 18.2171 22.3404L49.0535 6.62528C50.179 6.05219 51.2078 6.02457 52.0018 6.43195L55.0813 7.99932Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.0813 8.00031C56.0825 8.51126 56.7177 9.72649 56.7177 11.4458V48.9729C56.7177 52.0593 54.6601 55.6014 52.1261 56.8926L21.2896 72.6077C20.1642 73.1808 19.1354 73.2084 18.3413 72.801C17.3401 72.2901 16.7049 71.0748 16.7049 69.3556V31.8285C16.7049 28.7421 18.7625 25.1999 21.2965 23.9088L52.133 8.19364C53.2584 7.62055 54.2872 7.59293 55.0813 8.00031Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M68.5386 13.9505C67.7376 13.5431 66.7089 13.5776 65.5903 14.1438L34.7538 29.8589C32.2198 31.1501 30.1622 34.6991 30.1622 37.7786V75.3057C30.1622 77.025 30.7974 78.2333 31.7986 78.7512L28.7191 77.1838C27.718 76.6729 27.0827 75.4576 27.0827 73.7384V36.2113C27.0827 33.1249 29.1403 29.5828 31.6744 28.2916L62.5108 12.5765C63.6362 12.0034 64.6651 11.9757 65.4591 12.3831L68.5386 13.9505Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.5386 13.9515C69.5398 14.4624 70.175 15.6777 70.175 17.3969V54.924C70.175 58.0104 68.1174 61.5526 65.5834 62.8437L34.7469 78.5589C33.6215 79.132 32.5927 79.1596 31.7986 78.7522C30.7975 78.2412 30.1622 77.026 30.1622 75.3067V37.7796C30.1622 34.6932 32.2198 31.1511 34.7539 29.8599L65.5903 14.1448C66.7158 13.5717 67.7446 13.5441 68.5386 13.9515Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M51.1524 53.1343C50.6553 53.3898 50.2548 53.1067 50.2548 52.506C50.2548 51.9053 50.6484 51.2148 51.1455 50.9593H51.1524C51.6496 50.7038 52.0501 50.9869 52.0501 51.5876C52.0501 52.1884 51.6496 52.8788 51.1524 53.1343Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M56.5244 55.8546L45.7738 61.33C44.2892 62.0826 43.0878 61.2333 43.0878 59.4312V41.9899C43.0878 40.1878 44.2961 38.1026 45.7738 37.35L53.8384 33.2417C54.0732 33.1174 54.3011 33.1174 54.4737 33.2417L58.9548 36.4109C59.1206 36.5283 59.2172 36.7562 59.2172 37.0461V51.2146C59.2172 53.0167 58.0089 55.102 56.5313 55.8546H56.5244ZM45.7738 39.5249C45.2766 39.7735 44.8761 40.4709 44.8761 41.0716V58.5129C44.8761 59.1136 45.2766 59.3967 45.7738 59.1481L56.5244 53.6727C57.0215 53.4241 57.422 52.7267 57.422 52.126V38.4064L53.4656 35.61L45.7738 39.5318V39.5249Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M51.0766 48.8175C50.7037 49.0108 50.3516 48.9003 50.2273 48.5068C50.0685 48.0165 50.324 47.2708 50.7935 46.8427C51.3321 46.3456 52.8718 44.6747 52.8718 43.5492C52.8718 42.6516 52.3885 42.0785 51.6911 42.1268C51.2423 42.1613 50.7521 42.4306 50.324 42.9001C49.889 43.3697 49.5645 43.9704 49.3987 44.6056C49.2261 45.2616 48.7152 45.807 48.2526 45.8416C47.7899 45.8761 47.5483 45.372 47.714 44.7161C48.3907 42.113 50.4483 39.8897 52.3056 39.7654C53.7073 39.6687 54.6532 40.8218 54.667 42.6309C54.667 45.5239 51.7049 48.3134 51.3666 48.6242C51.2699 48.7139 51.1802 48.7761 51.0835 48.8244L51.0766 48.8175Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function UpdateHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="72"
|
||||
height="81"
|
||||
viewBox="0 0 72 81"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M42.4559 2.91759C41.655 2.51021 40.6262 2.54473 39.5076 3.11092L8.67113 18.8261C6.1371 20.1172 4.0795 23.6663 4.0795 26.7458V64.2729C4.0795 65.9922 4.71473 67.2005 5.71591 67.7184L2.63642 66.151C1.63523 65.6401 1 64.4248 1 62.7055V25.1784C1 22.092 3.0576 18.5499 5.59163 17.2587L36.4281 1.54355C37.5536 0.970462 38.5824 0.942844 39.3764 1.35022L42.4559 2.91759Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M42.4558 2.91754C43.457 3.42849 44.0922 4.64374 44.0922 6.36301V43.8901C44.0922 46.9766 42.0346 50.5187 39.5005 51.8099L8.66409 67.525C7.53862 68.0981 6.5098 68.1257 5.71576 67.7183C4.71458 67.2074 4.07935 65.9922 4.07935 64.2729V26.7457C4.07935 23.6593 6.13695 20.1172 8.67098 18.826L39.5075 3.11088C40.6329 2.53778 41.6617 2.51017 42.4558 2.91754Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M55.9132 8.904C55.1123 8.49662 54.0835 8.53114 52.9649 9.09733L22.1284 24.8125C19.5944 26.1036 17.5368 29.6527 17.5368 32.7322V70.2593C17.5368 71.9786 18.172 73.1869 19.1732 73.7048L16.0937 72.1374C15.0925 71.6265 14.4573 70.4112 14.4573 68.692V31.1648C14.4573 28.0784 16.5149 24.5363 19.0489 23.2451L49.8854 7.52994C51.0109 6.95685 52.0397 6.92923 52.8337 7.33661L55.9132 8.904Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.913 8.90393C56.9142 9.41488 57.5495 10.6301 57.5495 12.3494V49.8765C57.5495 52.9629 55.4918 56.5051 52.9578 57.7962L22.1213 73.5114C20.9959 74.0845 19.9671 74.1121 19.173 73.7047C18.1719 73.1938 17.5366 71.9785 17.5366 70.2593V32.7321C17.5366 29.6457 19.5942 26.1036 22.1283 24.8124L52.9647 9.09726C54.0902 8.52417 55.119 8.49655 55.913 8.90393Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M69.3636 14.8489C68.5627 14.4415 67.5339 14.476 66.4153 15.0422L35.5788 30.7573C33.0448 32.0485 30.9872 35.5975 30.9872 38.6771V76.2042C30.9872 77.9235 31.6225 79.1318 32.6236 79.6497L29.5441 78.0823C28.5429 77.5713 27.9077 76.3561 27.9077 74.6368V37.1097C27.9077 34.0233 29.9653 30.4812 32.4994 29.19L63.3358 13.4748C64.4613 12.9017 65.4901 12.8741 66.2842 13.2815L69.3636 14.8489Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M69.3635 14.8489C70.3646 15.3598 70.9999 16.5751 70.9999 18.2943V55.8215C70.9999 58.9079 68.9423 62.45 66.4083 63.7412L35.5718 79.4563C34.4463 80.0294 33.4175 80.0571 32.6235 79.6497C31.6223 79.1387 30.9871 77.9235 30.9871 76.2042V38.6771C30.9871 35.5907 33.0446 32.0485 35.5787 30.7574L66.4152 15.0422C67.5406 14.4691 68.5694 14.4415 69.3635 14.8489Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M48.6497 44.3459C51.1699 39.1121 55.1125 34.5688 59.5454 32.3109C59.9113 32.1245 60.2013 32.3317 60.2013 32.7736C60.2013 38.1661 58.1161 44.0213 54.8708 48.7442C55.3887 52.4037 53.1861 57.2163 49.9616 59.4879C49.6509 59.702 49.3402 59.8953 49.0295 60.0541C48.6635 60.2405 48.3735 60.0334 48.3735 59.5915V55.1863C47.5242 54.7996 46.7509 54.2541 46.0812 53.5637L42.4631 55.4072C42.0971 55.5937 41.8071 55.3865 41.8071 54.9446C41.8071 50.9675 44.4516 46.3966 47.7176 44.7325C48.0283 44.5737 48.339 44.4425 48.6497 44.3459ZM53.628 40.9211C52.5371 41.4735 51.6602 42.9994 51.6602 44.3251C51.6602 45.6509 52.544 46.2723 53.628 45.7199C54.712 45.1675 55.5958 43.6416 55.5958 42.3159C55.5958 40.9902 54.712 40.3687 53.628 40.9211Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M45.0936 56.4499C45.3835 56.0356 45.4457 55.5039 45.2247 55.2622C45.0107 55.0206 44.5964 55.1587 44.3064 55.566C42.9393 57.5063 42.2419 59.916 42.5112 61.8355C42.5526 62.1601 42.7736 62.312 43.0567 62.2222C44.7414 61.6836 46.44 59.9782 47.455 57.7963C47.6759 57.3337 47.6207 56.8572 47.3376 56.7329C47.0476 56.6087 46.6402 56.8849 46.4192 57.3475C46.4192 57.3544 46.4123 57.3682 46.4054 57.3751C45.784 58.7077 44.8104 59.7986 43.7678 60.3303C43.7678 59.0184 44.2857 57.5891 45.0936 56.4499Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function WebhookHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="81"
|
||||
height="91"
|
||||
viewBox="0 0 81 91"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M47.6236 2.35609C46.7083 1.89056 45.5326 1.93023 44.2544 2.57724L9.01615 20.5355C6.1204 22.011 3.76906 26.0669 3.76906 29.586V72.4698C3.76906 74.4345 4.49496 75.8155 5.63906 76.4073L2.12 74.6161C0.975907 74.0323 0.25 72.6434 0.25 70.6787V27.7948C0.25 24.2678 2.60134 20.2199 5.49709 18.7444L40.7353 0.786111C42.0215 0.13121 43.197 0.0994328 44.1044 0.564965L47.6236 2.35609Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.6236 2.35598C48.7677 2.93987 49.4936 4.32876 49.4936 6.29346V49.1773C49.4936 52.7043 47.1422 56.7522 44.2465 58.2277L9.00823 76.1864C7.72211 76.8413 6.54644 76.8727 5.63905 76.4072C4.49495 75.8233 3.76904 74.4344 3.76904 72.4697V29.5858C3.76904 26.0588 6.12038 22.0109 9.01613 20.5354L44.2544 2.57713C45.5405 1.92223 46.7162 1.89045 47.6236 2.35598Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.0015 9.15102C62.0862 8.68548 60.9106 8.72515 59.6323 9.37216L24.3941 27.3305C21.4983 28.806 19.147 32.8618 19.147 36.3809V79.2651C19.147 81.2298 19.8729 82.6104 21.017 83.2022L17.4979 81.4111C16.3538 80.8272 15.6279 79.4387 15.6279 77.474V34.5898C15.6279 31.0628 17.9793 27.0148 20.875 25.5393L56.1133 7.58103C57.3994 6.92613 58.575 6.89435 59.4824 7.35989L63.0015 9.15102Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.002 9.14895C64.1461 9.73284 64.872 11.1217 64.872 13.0864V55.9707C64.872 59.4977 62.5207 63.5452 59.6249 65.0207L24.3867 82.9794C23.1005 83.6343 21.9249 83.6657 21.0175 83.2001C19.8734 82.6162 19.1475 81.2277 19.1475 79.263V36.3788C19.1475 32.8518 21.4988 28.8039 24.3946 27.3284L59.6328 9.37009C60.9189 8.71519 62.0946 8.68342 63.002 9.14895Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.3804 15.9441C77.4651 15.4786 76.2895 15.5179 75.0112 16.1649L39.773 34.1236C36.8772 35.5991 34.5259 39.6545 34.5259 43.1736V86.0579C34.5259 88.0226 35.2519 89.4035 36.396 89.9953L32.8768 88.2042C31.7327 87.6203 31.0068 86.2314 31.0068 84.2667V41.3825C31.0068 37.8555 33.3582 33.808 36.2539 32.3325L71.4922 14.3738C72.7783 13.7189 73.954 13.6875 74.8614 14.153L78.3804 15.9441Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.3799 15.944C79.524 16.5279 80.2499 17.9164 80.2499 19.8811V62.7654C80.2499 66.2924 77.8986 70.3403 75.0028 71.8158L39.7646 89.7741C38.4785 90.429 37.3029 90.4607 36.3955 89.9952C35.2514 89.4113 34.5254 88.0224 34.5254 86.0577V43.1735C34.5254 39.6465 36.8767 35.599 39.7725 34.1235L75.0107 16.1648C76.2969 15.5099 77.4725 15.4785 78.3799 15.944Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M58.1968 43.8595C58.6939 43.2756 59.3094 43.1493 59.625 43.5517L59.6802 43.6388L63.1046 49.5168L63.1598 49.5958C63.4675 49.9746 64.2172 49.943 65.2824 49.3986L65.5506 49.2722C66.8999 48.6646 68.1859 48.7042 69.1486 49.3828C70.1743 50.1087 70.7503 51.5054 70.7503 53.2729C70.7503 55.0403 70.1743 57.0208 69.1486 58.7961C68.1228 60.5636 66.7342 61.9757 65.2824 62.7174C64.6748 63.0251 64.1856 62.678 64.1856 61.9442C64.1856 61.2104 64.6748 60.366 65.2824 60.0583C66.1503 59.6164 66.9866 58.7722 67.6021 57.707C68.2175 56.6418 68.5647 55.4505 68.5647 54.3932C68.5647 53.3359 68.2175 52.4996 67.6021 52.0577C67.0655 51.679 66.3554 51.6317 65.6058 51.9236L65.2824 52.0735C64.0515 52.7047 62.1893 53.2727 61.2661 51.9156L61.1793 51.7815L57.755 45.903L57.7076 45.8005C57.4945 45.2876 57.6919 44.4513 58.189 43.8753L58.1968 43.8595ZM47.5448 61.6128C47.8841 60.9027 48.5075 60.4373 48.9888 60.5557C49.5017 60.6819 49.6595 61.4156 49.3438 62.2046L49.2413 62.4809C49.0124 63.12 48.8941 63.7904 48.8862 64.4138C48.8862 65.2975 49.1308 66.0395 49.5806 66.505C50.0303 66.9785 50.6616 67.1518 51.3717 67.0097C52.0818 66.8598 52.8314 66.4024 53.5021 65.7002C54.1727 64.998 54.7172 64.0984 55.0643 63.1358V63.1119C55.6798 61.455 56.8949 58.9695 58.7413 58.0306L65.2903 54.693L65.4006 54.6456C65.953 54.4325 66.3791 54.7798 66.3791 55.4662C66.3791 56.1527 65.9451 56.9418 65.4006 57.2889L65.2903 57.3521L58.7413 60.6897C58.1889 60.9738 57.5341 61.9362 56.9896 63.4275C56.4136 65.0213 55.5062 66.5206 54.3937 67.6805C53.2811 68.8483 52.0266 69.6217 50.8509 69.8584C49.6674 70.103 48.6179 69.8032 47.8684 69.022C47.1188 68.233 46.7085 67.0021 46.7085 65.5187V65.5029L46.7243 65.061C46.7874 64.0195 47.0399 62.8831 47.4896 61.7627L47.5527 61.6206L47.5448 61.6128ZM58.0232 38.5177C58.7491 38.0285 59.4829 37.7128 60.1851 37.5865C60.8874 37.4603 61.5502 37.5313 62.1262 37.7838C62.6312 38.0047 63.0573 38.3679 63.3966 38.8571L63.5306 39.0702L63.6175 39.2752C63.7674 39.788 63.5623 40.5534 63.1046 41.0979C62.6391 41.6423 62.0788 41.7922 61.7474 41.4924L61.6212 41.3344L61.4477 41.0821C61.2583 40.8533 61.0373 40.6717 60.7769 40.5612C60.4297 40.4113 60.0353 40.364 59.6171 40.4429C59.191 40.5218 58.757 40.7035 58.323 40.9954C57.8891 41.2873 57.4709 41.6737 57.0922 42.1393C56.7135 42.6048 56.3821 43.1336 56.1217 43.6938C55.8613 44.2541 55.6719 44.8379 55.5693 45.406C55.4667 45.9741 55.451 46.5186 55.522 47.0157C55.593 47.5049 55.7429 47.9229 55.9717 48.2543C56.3426 48.7672 56.6976 49.446 56.8555 50.2824C57.0211 51.1267 57.0054 52.2076 56.5556 53.4385L53.1312 62.8754L53.076 63.0253C52.7603 63.7433 52.1528 64.2401 51.6557 64.1691C51.1271 64.0902 50.9298 63.3801 51.2138 62.5911L54.6383 53.1542L54.6777 53.0124C54.7724 52.6968 54.7961 52.3336 54.7172 51.9391C54.6462 51.5919 54.5121 51.2528 54.3306 50.9451L54.1333 50.6453C54.1333 50.6453 54.1333 50.6295 54.1254 50.6295C53.7388 50.0772 53.4784 49.3669 53.3601 48.5463C53.2417 47.7257 53.2733 46.8184 53.4469 45.8637C53.6205 44.909 53.936 43.9384 54.37 43.0073C54.8039 42.0762 55.3563 41.1927 55.9796 40.4194C56.6109 39.6462 57.3052 38.999 58.0311 38.5177H58.0232Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,92 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function WorkItemHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="71"
|
||||
height="80"
|
||||
viewBox="0 0 71 80"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M41.6017 1.99291C40.8009 1.58558 39.7722 1.6201 38.6537 2.18623L7.82029 17.8998C5.2865 19.1909 3.22911 22.7395 3.22911 25.8187V63.3422C3.22911 65.0613 3.86427 66.2695 4.86536 66.7873L1.78616 65.2201C0.78507 64.7092 0.149902 63.494 0.149902 61.7749V24.2515C0.149902 21.1654 2.2073 17.6237 4.74108 16.3326L35.5745 0.619008C36.6999 0.0459728 37.7286 0.0183575 38.5225 0.425696L41.6017 1.99291Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M41.6014 1.99296C42.6025 2.50385 43.2376 3.71897 43.2376 5.43807V42.9615C43.2376 46.0476 41.1802 49.5894 38.6465 50.8804L7.81304 66.594C6.68768 67.167 5.65898 67.1946 4.86501 66.7873C3.86393 66.2764 3.22876 65.0613 3.22876 63.3422V25.8188C3.22876 22.7327 5.28616 19.1909 7.81994 17.8998L38.6534 2.18627C39.7787 1.61323 40.8074 1.58562 41.6014 1.99296Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M55.0575 7.93732C54.2567 7.52998 53.228 7.5645 52.1095 8.13063L21.2761 23.8442C18.7423 25.1353 16.6849 28.6839 16.6849 31.7631V69.2866C16.6849 71.0057 17.3201 72.2139 18.3212 72.7317L15.242 71.1645C14.2409 70.6536 13.6057 69.4385 13.6057 67.7194V30.1959C13.6057 27.1098 15.6631 23.5681 18.1969 22.277L49.0303 6.5634C50.1557 5.99037 51.1844 5.96275 51.9783 6.37009L55.0575 7.93732Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.0574 7.93729C56.0585 8.44819 56.6937 9.66329 56.6937 11.3824V48.9058C56.6937 51.9919 54.6363 55.5337 52.1025 56.8248L21.2691 72.5384C20.1437 73.1114 19.115 73.139 18.3211 72.7317C17.32 72.2208 16.6848 71.0056 16.6848 69.2865V31.7631C16.6848 28.677 18.7422 25.1352 21.276 23.8442L52.1094 8.1306C53.2348 7.55757 54.2635 7.52995 55.0574 7.93729Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M68.5136 13.8817C67.7127 13.4744 66.684 13.5089 65.5656 14.075L34.7322 29.7886C32.1984 31.0797 30.141 34.6283 30.141 37.7075V75.231C30.141 76.9501 30.7761 78.1583 31.7772 78.6761L28.698 77.1089C27.6969 76.598 27.0618 75.3828 27.0618 73.6637V36.1403C27.0618 33.0542 29.1192 29.5124 31.653 28.2214L62.4864 12.5078C63.6117 11.9348 64.6404 11.9072 65.4344 12.3145L68.5136 13.8817Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.5135 13.8817C69.5146 14.3926 70.1497 15.6077 70.1497 17.3268V54.8502C70.1497 57.9363 68.0924 61.4781 65.5586 62.7692L34.7251 78.4827C33.5998 79.0558 32.5711 79.0834 31.7771 78.6761C30.776 78.1652 30.1409 76.9501 30.1409 75.231V37.7075C30.1409 34.6214 32.1983 31.0796 34.732 29.7886L65.5655 14.075C66.6908 13.502 67.7195 13.4744 68.5135 13.8817Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M52.6893 39.9859C52.8757 40.4071 53.2899 40.559 53.7801 40.3173C54.4429 39.9859 54.9883 39.0401 54.9952 38.2047V36.672C55.009 36.1749 54.8157 35.8021 54.4843 35.6847C54.1598 35.5673 53.7387 35.7192 53.3659 36.0851L45.5367 43.8384C45.0741 44.3009 44.7634 45.0121 44.7634 45.6403V56.1897C44.7634 56.7144 44.9844 57.0941 45.3434 57.1839C45.7024 57.2736 46.1511 57.0596 46.524 56.6316L47.6424 55.3336C48.2293 54.6501 48.4571 53.6214 48.1533 53.0414C47.9531 52.6617 47.5734 52.5651 47.1729 52.7377V45.4608L52.6893 39.9997V39.9859Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M47.8773 37.9215C48.0637 38.3427 48.4779 38.4946 48.9681 38.2529C49.6309 37.9215 50.1763 36.9757 50.1832 36.1403V34.6076C50.197 34.1105 50.0037 33.7377 49.6723 33.6203C49.3409 33.503 48.9267 33.6549 48.5538 34.0208L40.7247 41.774C40.2621 42.2366 39.9514 42.9477 39.9514 43.5759V54.1253C39.9514 54.65 40.1724 55.0297 40.5314 55.1195C40.8904 55.2092 41.3391 55.0021 41.7119 54.5672L42.8304 53.2692C43.4173 52.5857 43.6451 51.557 43.3413 50.9771C43.1411 50.5974 42.7614 50.5007 42.3609 50.6733V43.3964L47.8773 37.9353V37.9215Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M60.3324 48.9818C60.3324 49.6032 60.0286 50.3212 59.5591 50.7769L51.7368 58.5301C51.364 58.896 50.9498 59.0479 50.6253 58.9306C50.3008 58.8132 50.1006 58.4542 50.1006 57.9571V47.4077C50.1006 46.7864 50.4044 46.0683 50.8738 45.6058L58.703 37.8525C59.0758 37.4866 59.4901 37.3347 59.8146 37.4521C60.139 37.5695 60.3393 37.9354 60.3393 38.4256V48.9749L60.3324 48.9818ZM57.9298 41.8569L52.5101 47.2213V54.5396L57.9229 49.1751V41.8569H57.9298Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function WorklogHorizontalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="81"
|
||||
height="91"
|
||||
viewBox="0 0 81 91"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M47.6236 2.3561C46.7083 1.89056 45.5326 1.93023 44.2544 2.57724L9.01614 20.5356C6.12039 22.0111 3.76915 26.0669 3.76915 29.586V72.4699C3.76915 74.4346 4.49506 75.8156 5.63915 76.4074L2.12 74.6163C0.975906 74.0324 0.25 72.6435 0.25 70.6788V27.7949C0.25 24.2679 2.60134 20.2199 5.49709 18.7444L40.7353 0.786111C42.0214 0.13121 43.1971 0.0994326 44.1045 0.564965L47.6236 2.3561Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.6237 2.35598C48.7678 2.93987 49.4937 4.32876 49.4937 6.29346V49.1774C49.4937 52.7044 47.1424 56.7523 44.2466 58.2278L9.00838 76.1865C7.72226 76.8414 6.54668 76.8728 5.63929 76.4073C4.49519 75.8234 3.76929 74.4345 3.76929 72.4698V29.5859C3.76929 26.0589 6.12053 22.0109 9.01628 20.5354L44.2545 2.57713C45.5406 1.92223 46.7163 1.89045 47.6237 2.35598Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.002 9.15102C62.0867 8.68549 60.911 8.72515 59.6328 9.37216L24.3946 27.3305C21.4988 28.806 19.1476 32.8618 19.1476 36.3809V79.2652C19.1476 81.2299 19.8735 82.6105 21.0176 83.2023L17.4984 81.4112C16.3543 80.8273 15.6284 79.4388 15.6284 77.4741V34.5898C15.6284 31.0628 17.9798 27.0149 20.8755 25.5394L56.1137 7.58103C57.3999 6.92613 58.5755 6.89435 59.4829 7.35989L63.002 9.15102Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.0021 9.14895C64.1462 9.73284 64.8721 11.1217 64.8721 13.0864V55.9707C64.8721 59.4977 62.5208 63.5453 59.625 65.0208L24.3869 82.9795C23.1008 83.6344 21.9251 83.6658 21.0177 83.2002C19.8736 82.6163 19.1477 81.2278 19.1477 79.2631V36.3788C19.1477 32.8518 21.4989 28.8039 24.3947 27.3284L59.6329 9.3701C60.919 8.71519 62.0947 8.68342 63.0021 9.14895Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.3799 15.9441C77.4646 15.4786 76.2889 15.5179 75.0107 16.1649L39.7726 34.1236C36.8768 35.5991 34.5255 39.6546 34.5255 43.1737V86.0579C34.5255 88.0226 35.2514 89.4036 36.3955 89.9954L32.8764 88.2043C31.7323 87.6204 31.0063 86.2315 31.0063 84.2668V41.3825C31.0063 37.8555 33.3577 33.808 36.2534 32.3325L71.4917 14.3738C72.7778 13.7189 73.9535 13.6875 74.8608 14.153L78.3799 15.9441Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.38 15.944C79.5241 16.5279 80.25 17.9164 80.25 19.8811V62.7654C80.25 66.2924 77.8987 70.3403 75.003 71.8158L39.7648 89.7742C38.4787 90.4291 37.303 90.4608 36.3956 89.9953C35.2515 89.4114 34.5256 88.0225 34.5256 86.0578V43.1735C34.5256 39.6465 36.877 35.599 39.7727 34.1235L75.0109 16.1648C76.297 15.5099 77.4726 15.4785 78.38 15.944Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M61.4946 39.3628L57.1313 41.5881C56.5317 41.8958 56.0425 41.5487 56.0425 40.8149C56.0425 40.0811 56.5317 39.2367 57.1313 38.929L61.4946 36.704C62.0943 36.3963 62.5835 36.7434 62.5835 37.4772C62.5835 38.211 62.0943 39.055 61.4946 39.3628Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M59.3091 56.3957C59.0329 56.5377 58.7489 56.5535 58.5359 56.3957C58.1098 56.0958 58.1098 55.2513 58.5359 54.5175L61.8104 48.8682C62.2364 48.1344 62.9309 47.7794 63.349 48.0792C63.7751 48.379 63.7751 49.2232 63.349 49.957L60.0745 55.6066C59.8615 55.9775 59.5854 56.2456 59.3013 56.3876L59.3091 56.3957Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M59.3092 67.0181C53.8964 69.7798 49.4937 66.6628 49.4937 60.0744C49.4937 53.4859 53.8964 45.8875 59.3092 43.1258C64.7219 40.3642 69.1248 43.4811 69.1248 50.0696C69.1248 56.6581 64.7219 64.2565 59.3092 67.0181ZM59.3092 45.785C55.0957 47.9312 51.6714 53.8412 51.6714 58.9621C51.6714 64.0829 55.0957 66.5052 59.3092 64.359C63.5226 62.2128 66.9471 56.3028 66.9471 51.1819C66.9471 46.061 63.5226 43.6388 59.3092 45.785Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { InboxIllustration, SearchIllustration } from "./";
|
||||
|
||||
export const IllustrationMap = [
|
||||
{
|
||||
asset: <InboxIllustration className="h-20 w-20" />,
|
||||
title: "Inbox",
|
||||
},
|
||||
{
|
||||
asset: <SearchIllustration className="h-20 w-20" />,
|
||||
title: "Search",
|
||||
},
|
||||
];
|
||||
@@ -0,0 +1,142 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function InboxIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="100"
|
||||
height="92"
|
||||
viewBox="0 0 100 92"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
d="M47.9704 90.4361C45.6096 90.4361 43.3812 89.9603 41.6888 89.0991L3.42092 69.6038C1.60208 68.6823 0.602325 67.3995 0.602325 66.0022V46.0853C0.602325 44.6941 1.60208 43.4173 3.42092 42.4898L45.7481 20.9227C47.4344 20.0615 49.6628 19.5857 52.0237 19.5857C54.3845 19.5857 56.6129 20.0615 58.2993 20.9227L96.5732 40.424C98.392 41.3455 99.3918 42.6283 99.3918 44.0256V63.9425C99.3918 65.3337 98.392 66.6105 96.5732 67.538L54.246 89.1051C52.5597 89.9663 50.3313 90.4421 47.9644 90.4421L47.9704 90.4361Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M52.0296 20.1939C54.2038 20.1939 56.372 20.6155 58.0282 21.4647L96.3021 40.9661C97.9643 41.8092 98.7895 42.9174 98.7895 44.0316V63.9485C98.7895 65.0566 97.9583 66.1648 96.3021 67.008L53.9749 88.5751C52.3187 89.4243 50.1445 89.8458 47.9704 89.8458C45.7962 89.8458 43.622 89.4243 41.9658 88.5751L3.69188 69.0677C2.02963 68.2246 1.20453 67.1164 1.20453 66.0082V46.0913C1.20453 44.9832 2.03565 43.881 3.69188 43.0318L46.019 21.4647C47.6753 20.6155 49.8494 20.1939 52.0236 20.1939M52.0296 18.9894C49.5724 18.9894 47.2477 19.4893 45.477 20.3927L3.14984 41.9538C1.12021 42.9897 0 44.4532 0 46.0853V66.0022C0 66.9477 0.40954 68.7485 3.14984 70.1398L41.4177 89.6411C43.1884 90.5445 45.5131 91.0443 47.9704 91.0443C50.4276 91.0443 52.7523 90.5445 54.523 89.6411L96.8502 68.074C98.8798 67.0381 100 65.5746 100 63.9424V44.0256C100 43.08 99.5905 41.2792 96.8502 39.888L58.5762 20.3867C56.8116 19.4833 54.4809 18.9834 52.0296 18.9834V18.9894Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M86.7923 45.9528C86.6838 46.019 86.5754 46.0853 86.455 46.1455L79.4085 49.735L79.3844 49.7531L79.3964 49.735L86.7983 45.9588L86.7923 45.9528Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M76.6561 56.1069L76.1141 57.3717L75.1504 59.6121C74.6807 60.7082 73.9098 61.6116 73.0606 62.0453L64.3699 66.4779L62.6595 64.2255L56.8115 61.2443H56.7934L51.7766 63.7979C49.0724 65.0084 44.9589 64.9482 42.3812 63.6353L28.216 56.4141L47.8618 46.4105C50.5479 45.0433 54.9083 45.0433 57.5944 46.4105L71.7597 53.6316L76.6441 56.113L76.6561 56.1069Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M88.4665 43.6643C88.4665 44.4833 87.9064 45.2964 86.7923 45.9529L79.3904 49.7291L79.3784 49.7471L76.6561 56.107L71.7718 53.6257L57.6065 46.4046C54.9204 45.0374 50.56 45.0374 47.8739 46.4046L28.228 56.4082L13.5448 48.9281C12.2018 48.2415 11.5273 47.3441 11.5273 46.4467C11.5273 45.5493 12.2018 44.652 13.5448 43.9654L47.8679 26.4817C50.554 25.1145 54.9144 25.1145 57.6005 26.4817L86.449 41.1769C87.792 41.8635 88.4665 42.7609 88.4665 43.6582V43.6643Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M98.7954 44.0256C98.7954 45.1217 97.9763 46.2118 96.3562 47.055L88.4666 51.0721L85.2505 52.7103L79.4025 49.7291L86.449 46.1396C86.5694 46.0793 86.6839 46.0191 86.7863 45.9468C87.9065 45.2964 88.4606 44.4773 88.4606 43.6582C88.4606 42.7548 87.786 41.8575 86.443 41.1769L57.5945 26.4817C54.9084 25.1145 50.548 25.1145 47.8619 26.4817L13.5389 43.9654C12.1958 44.652 11.5213 45.5493 11.5213 46.4467C11.5213 47.3441 12.1958 48.2475 13.5389 48.928L28.2221 56.4082L42.3873 63.6293C44.965 64.9483 49.0785 65.0025 51.7827 63.7919C51.9031 63.7377 52.0175 63.6835 52.1259 63.6293L56.8116 61.2383L62.6596 64.2195L53.9689 68.6462C53.0956 69.0919 52.0838 69.4231 50.9997 69.6279C49.2833 69.9652 47.4042 70.0073 45.6576 69.7544C44.3025 69.5556 43.0257 69.1943 41.9597 68.6462L23.0787 59.028L11.5213 53.1379L3.68581 49.1449C2.02356 48.3017 1.19846 47.1935 1.19846 46.0793C1.19846 44.9652 2.02958 43.869 3.68581 43.0198L46.013 21.4527C49.3314 19.7604 54.7097 19.7604 58.0161 21.4527L96.29 40.9541C97.9522 41.7972 98.7773 42.9054 98.7773 44.0196L98.7954 44.0256Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M86.7922 45.9528C86.6838 46.019 86.5754 46.0853 86.4549 46.1455L79.4084 49.735H79.3904L86.7922 45.9588V45.9528Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M85.2504 52.7162L82.5161 59.0941L81.0165 62.5993C80.5467 63.6954 79.7758 64.5988 78.9266 65.0325L68.9651 70.1096C68.387 70.4047 67.8269 70.4348 67.3872 70.2059C67.2005 70.1156 67.0379 69.9771 66.8994 69.7964L64.3759 66.4719L73.0666 62.0392C73.9158 61.6116 74.6867 60.7022 75.1564 59.6061L76.12 57.3656L76.6621 56.1009L79.3843 49.741L79.4084 49.7229L85.2564 52.7041L85.2504 52.7162Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M79.4025 49.7289L79.3783 49.7471L79.3904 49.7229L79.4025 49.7289Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M98.7954 44.0256V63.9425C98.7954 65.0507 97.9643 66.1589 96.308 67.002L53.9809 88.5691C50.6624 90.2615 45.2842 90.2615 41.9717 88.5691L3.69179 69.0678C2.02954 68.2246 1.20444 67.1165 1.20444 66.0083V46.0914C1.20444 47.1996 2.02954 48.3077 3.69179 49.1569L11.5273 53.1499L23.0847 59.0401L41.9657 68.6583C43.0317 69.2063 44.3145 69.5737 45.6636 69.7664C47.4162 70.0133 49.2953 69.9712 51.0057 69.6399C52.0898 69.4352 53.1016 69.1039 53.9749 68.6583L62.6655 64.2316L64.376 66.4841L66.8995 69.8086C67.038 69.9893 67.2006 70.1278 67.3873 70.2181C67.8269 70.447 68.387 70.4229 68.9652 70.1218L78.9267 65.0447C79.7759 64.6171 80.5468 63.7076 81.0165 62.6115L82.5162 59.1063L85.2505 52.7284L88.4665 51.0902L96.3562 47.0731C97.9763 46.2299 98.7954 45.1398 98.7954 44.0437V44.0256Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M56.8176 61.2383L52.132 63.6293C52.0175 63.6895 51.9091 63.7437 51.7887 63.7919L56.8055 61.2323H56.8236L56.8176 61.2383Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M43.333 50.3074C42.8211 50.3074 42.3453 50.193 41.9116 49.9761L36.5455 47.2419C35.3168 46.6155 34.6062 45.1942 34.6062 43.3512V23.3922C34.6062 23.3922 34.6062 23.3561 34.6062 23.332V21.5493C34.6062 18.3452 36.7623 14.6413 39.4062 13.2922L63.2679 1.13249C63.9485 0.783177 64.623 0.608521 65.2675 0.608521C65.7794 0.608521 66.2552 0.722951 66.6828 0.939766L72.049 3.67405C73.2776 4.3004 73.9822 5.72175 73.9822 7.5707V9.36545C73.9822 9.36545 73.9822 9.40158 73.9822 9.42567V29.3727C73.9822 32.5767 71.8261 36.2806 69.1822 37.6297L45.3205 49.7894C44.6399 50.1327 43.9714 50.3134 43.333 50.3134V50.3074Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M65.2734 1.21067C65.689 1.21067 66.0744 1.30101 66.4177 1.47567L71.7839 4.20995C72.7656 4.70983 73.3859 5.89629 73.3859 7.57059V9.36534C73.3859 9.36534 73.3859 9.38943 73.3859 9.40147V29.3605C73.3859 32.3538 71.3744 35.8288 68.9111 37.0815L45.0494 49.2413C44.4411 49.5484 43.8629 49.699 43.3329 49.699C42.9113 49.699 42.5259 49.6087 42.1826 49.434L36.8164 46.6997C35.8347 46.1998 35.2084 45.0194 35.2084 43.3451V23.3861C35.2084 23.3861 35.2084 23.368 35.2084 23.362V21.5491C35.2084 18.5559 37.2199 15.0808 39.6832 13.8281L63.5449 1.66839C64.1592 1.35522 64.7374 1.21067 65.2674 1.21067M65.2734 0.00614485C64.5326 0.00614485 63.7738 0.204892 63.0029 0.596364L39.1411 12.7561C36.2623 14.2196 34.0099 18.0861 34.0099 21.5552V23.3138C34.0099 23.3138 34.0099 23.368 34.0099 23.3921V43.3511C34.0099 45.4289 34.835 47.043 36.2744 47.7778L41.6405 50.512C42.1585 50.777 42.7306 50.9095 43.3389 50.9095C44.0737 50.9095 44.8386 50.7108 45.6035 50.3253L69.4652 38.1656C72.344 36.7021 74.5965 32.8356 74.5965 29.3665V9.44363C74.5965 9.44363 74.5965 9.38943 74.5965 9.35931V7.56457C74.5965 5.48073 73.7714 3.86666 72.332 3.1319L66.9658 0.397617C66.4478 0.13262 65.8817 0.00012207 65.2734 0.00012207V0.00614485Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M72.85 8.28736C72.3682 8.04043 71.6576 8.3235 71.0854 9.05224L70.3988 9.92552L57.7392 26.1927C57.2755 26.7528 56.6973 27.0539 56.2938 26.9636L43.5559 23.5969L42.8693 23.4223C42.1707 23.2356 41.2432 23.9583 40.8096 25.0122C40.647 25.4037 40.5687 25.7892 40.5687 26.1144V46.0734C40.5687 47.7417 41.195 48.9282 42.1767 49.4281L36.8105 46.6938C35.8288 46.1939 35.2025 45.0135 35.2025 43.3392V23.3801C35.2025 23.0549 35.2748 22.6694 35.4434 22.278C35.877 21.224 36.7985 20.4953 37.5031 20.688L38.1897 20.8626L50.9276 24.2293C51.3311 24.3136 51.9093 24.0185 52.373 23.4584L65.0326 7.19124L65.7192 6.31796C66.2854 5.58922 67.0021 5.30615 67.4839 5.55308L72.85 8.28736Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M72.85 8.28729C72.9644 8.34752 73.0608 8.43183 73.1451 8.54627C73.3077 8.7691 73.386 9.07626 73.386 9.4075V29.3665C73.386 32.3598 71.3744 35.8349 68.9112 37.0876L45.0494 49.2473C43.9593 49.8014 42.9596 49.8315 42.1827 49.434C41.201 48.9341 40.5746 47.7537 40.5746 46.0794V26.1203C40.5746 25.7951 40.6469 25.4097 40.8155 25.0182C41.2491 23.9642 42.1706 23.2355 42.8753 23.4282L43.5618 23.6029L56.2997 26.9695C56.7033 27.0539 57.2814 26.7587 57.7452 26.1986L70.4048 9.93147L71.0914 9.05819C71.6575 8.32945 72.3742 8.04639 72.856 8.29331L72.85 8.28729Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M71.784 4.21002C71.0071 3.81253 70.0073 3.84866 68.9172 4.40275L45.0555 16.5625C42.5922 17.8152 40.5807 21.2902 40.5807 24.2835V26.0963C40.5807 26.6143 40.7674 27.0238 41.1106 27.1985L35.7445 24.4642C35.4012 24.2895 35.2145 23.88 35.2145 23.362V21.5492C35.2145 18.556 37.226 15.0809 39.6893 13.8282L63.551 1.66847C64.6411 1.11438 65.6409 1.07825 66.4178 1.47574L71.784 4.21002Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M71.784 4.20999C72.7657 4.70987 73.386 5.89634 73.386 7.56461V9.35936C73.386 9.97367 73.1451 10.6783 72.6994 11.2505L70.4048 14.2016L59.293 28.4813C58.5643 29.3606 57.7693 30.017 56.9803 30.4205C56.1914 30.8241 55.4265 30.9746 54.7459 30.8361L43.5619 27.8609L41.2793 27.2647C41.2191 27.2466 41.1649 27.2285 41.1107 27.1984C40.7674 27.0238 40.5807 26.6142 40.5807 26.0963V24.2835C40.5807 21.2902 42.5922 17.8152 45.0555 16.5624L68.9172 4.40272C70.0073 3.84864 71.0071 3.8125 71.784 4.20999Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
export * from "./inbox";
|
||||
export * from "./search";
|
||||
@@ -0,0 +1,67 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function SearchIllustration({ className, ...rest }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="161"
|
||||
height="168"
|
||||
viewBox="0 0 161 168"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
d="M144.09 4.41578C141.874 3.28812 139.018 3.38046 135.906 4.96974L19.6972 64.1819C12.6543 67.7693 6.94345 77.6281 6.94345 86.1944V156.321C6.94345 161.102 8.71737 164.471 11.5069 165.889L4.8134 162.48C2.02391 161.055 0.25 157.686 0.25 152.911V82.7851C0.25 74.2122 5.96087 64.36 13.0038 60.7726L129.212 1.56034C132.332 -0.0289381 135.18 -0.121239 137.396 1.00642L144.09 4.41578Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M144.09 4.4158C146.879 5.84022 148.653 9.21002 148.653 13.9845V84.1106C148.653 92.6834 142.942 102.536 135.899 106.123L19.6907 165.335C16.5715 166.925 13.7226 167.017 11.5069 165.889C8.7174 164.465 6.94348 161.095 6.94348 156.321V86.1945C6.94348 77.6216 12.6543 67.7694 19.6973 64.1819L135.906 4.96976C139.025 3.38048 141.874 3.28814 144.09 4.4158Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M151.093 141.028C150.269 141.028 149.53 140.797 148.891 140.342L146.358 138.555C146.022 138.627 145.686 138.667 145.362 138.667C144.545 138.667 143.8 138.436 143.16 137.988L120.369 121.864C112.502 131.182 102.861 136.728 94.4726 136.728C91.0303 136.728 87.911 135.818 85.1941 134.024C82.952 133.576 80.8747 132.686 79.0282 131.373C67.4021 123.15 67.3163 100.274 78.837 80.378C87.3439 65.6854 100.071 56.1959 111.249 56.1959C114.698 56.1959 117.824 57.106 120.541 58.9063C122.789 59.3613 124.86 60.2515 126.707 61.5507C137.014 68.8442 138.465 87.4737 130.228 106.004L157.668 125.412C160.194 127.199 160.279 131.875 157.859 136.049C156.725 138.008 155.208 139.544 153.579 140.368C152.729 140.804 151.891 141.021 151.087 141.021L151.093 141.028ZM90.1136 123.44C90.5752 123.493 91.0566 123.519 91.5314 123.519C99.5372 123.519 108.717 116.602 114.916 105.899C123.027 91.8986 123.324 75.6168 115.621 69.4773C115.16 69.4245 114.678 69.3981 114.197 69.3981C106.191 69.3981 97.0115 76.3158 90.8126 87.0121C82.7014 101.012 82.4046 117.294 90.107 123.434L90.1136 123.44Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M111.256 56.8554C114.527 56.8554 117.6 57.7127 120.29 59.5261C122.447 59.9416 124.484 60.7857 126.331 62.0914C136.559 69.3256 137.594 88.2123 129.41 106.235L157.299 125.959C159.521 127.529 159.521 131.894 157.299 135.726C156.191 137.638 154.74 139.049 153.289 139.788C152.544 140.171 151.799 140.368 151.093 140.368C150.434 140.368 149.814 140.19 149.273 139.808L146.497 137.843C146.114 137.948 145.732 138.008 145.362 138.008C144.703 138.008 144.083 137.829 143.542 137.447L120.257 120.974C112.357 130.536 102.775 136.069 94.4792 136.069C91.2149 136.069 88.1485 135.211 85.4579 133.405C83.2949 132.989 81.2638 132.145 79.4173 130.839C68.0417 122.794 68.0417 100.353 79.4173 80.7143C88.0297 65.8503 100.685 56.862 111.262 56.862M91.538 124.179C99.491 124.179 109.014 117.413 115.496 106.229C123.917 91.6942 124.042 75.1288 115.892 68.8442C115.338 68.7717 114.777 68.7387 114.21 68.7387C106.257 68.7387 96.7345 75.5047 90.2587 86.6824C81.8375 101.217 81.7122 117.782 89.863 124.067C90.417 124.139 90.9775 124.172 91.5446 124.172M111.256 55.5365C99.8405 55.5365 86.8955 65.1579 78.2698 80.0483C72.6513 89.7422 69.5585 100.425 69.5585 110.119C69.5585 120.024 72.7832 127.766 78.6457 131.914C80.5384 133.253 82.6552 134.169 84.9369 134.644C87.733 136.464 90.9379 137.388 94.466 137.388C102.9 137.388 112.555 131.934 120.468 122.748L142.764 138.522C143.509 139.049 144.4 139.326 145.343 139.326C145.62 139.326 145.903 139.3 146.187 139.254L148.488 140.883C149.233 141.41 150.124 141.687 151.073 141.687C152.023 141.687 152.92 141.443 153.863 140.962C155.604 140.078 157.219 138.449 158.413 136.385C161.005 131.914 160.833 126.863 158.031 124.878L131.026 105.78C139.144 87.1308 137.535 68.4222 127.063 61.0165C125.183 59.6844 123.066 58.7678 120.772 58.2864C117.969 56.4663 114.757 55.5365 111.223 55.5365H111.256ZM90.3774 122.807C83.0706 116.767 83.4861 100.986 91.3864 87.3484C97.3742 77.0082 106.547 70.0576 114.197 70.0576C114.586 70.0576 114.975 70.0774 115.357 70.1103C122.664 76.1443 122.242 91.925 114.342 105.569C108.354 115.909 99.1811 122.86 91.5248 122.86C91.1357 122.86 90.7467 122.84 90.3708 122.807H90.3774Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M151.561 123.598L123.673 103.874C131.857 85.8515 130.822 66.9713 120.593 59.7306C109.218 51.6852 90.7796 61.0758 79.4041 80.7143C68.0285 100.353 68.0285 122.794 79.4041 130.839C89.164 137.744 104.147 131.795 115.384 117.538L143.529 137.447C144.637 138.232 146.094 138.166 147.545 137.427C148.996 136.689 150.447 135.271 151.555 133.365C153.777 129.534 153.777 125.168 151.555 123.598H151.561ZM84.5215 122.022C75.9684 115.969 75.9684 99.0998 84.5215 84.3281C93.0745 69.563 106.943 62.4937 115.496 68.5474C124.049 74.5946 124.049 91.47 115.496 106.235C106.943 121 93.0745 128.07 84.5281 122.022H84.5215Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M157.292 125.959L129.404 106.235C137.588 88.2123 136.552 69.3322 126.324 62.0914C114.949 54.0461 96.5103 63.4367 85.1347 83.0752C73.7592 102.714 73.7592 125.155 85.1347 133.2C94.8946 140.105 109.877 134.156 121.114 119.899L149.26 139.808C150.368 140.593 151.825 140.527 153.276 139.788C154.727 139.049 156.178 137.632 157.285 135.726C159.508 131.894 159.508 127.529 157.285 125.959H157.292ZM90.2521 124.383C81.699 118.329 81.699 101.461 90.2521 86.6889C98.8052 71.9238 112.673 64.8545 121.227 70.9083C129.78 76.9554 129.78 93.8308 121.227 108.596C112.673 123.361 98.8052 130.43 90.2587 124.383H90.2521Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M36.3748 108.767C27.9404 113.067 21.0756 108.213 21.0756 97.9458C21.0756 87.6781 27.9404 75.8277 36.3748 71.5281C44.8092 67.2285 51.6741 72.082 51.6741 82.3497C51.6741 92.6174 44.8092 104.468 36.3748 108.767ZM36.3748 74.3901C29.2329 78.0303 23.4298 88.054 23.4298 96.7456C23.4298 105.437 29.2395 109.539 36.3748 105.905C43.5167 102.265 49.3199 92.2415 49.3199 83.5499C49.3199 74.8649 43.5101 70.7565 36.3748 74.3901ZM36.388 101.612C35.7352 101.942 35.201 101.579 35.201 100.788C35.201 99.9967 35.7286 99.0734 36.3748 98.7437H36.388C37.0409 98.4074 37.5619 98.7767 37.5619 99.568C37.5619 100.359 37.0343 101.283 36.388 101.612ZM36.3748 95.8751C35.722 96.2048 35.201 95.8355 35.201 95.0442V93.6132C35.201 91.7073 36.3023 89.3597 38.1422 87.3352C38.4389 87.012 38.7027 86.6691 38.9269 86.3064C39.56 85.3041 39.9095 84.2555 39.9095 83.3323C39.9095 82.4091 39.56 81.71 38.9335 81.3605C37.5486 80.589 35.2076 81.7826 33.8293 83.9654C33.3413 84.7303 32.5962 85.0535 32.1675 84.6776C31.7389 84.3017 31.7916 83.3719 32.2796 82.6003C34.5482 79.0393 38.2213 77.1599 40.4898 78.4194C41.6373 79.0591 42.2703 80.3779 42.2703 82.1387C42.2703 83.8994 41.6373 85.858 40.4898 87.6649C40.1073 88.2716 39.6655 88.8585 39.1775 89.3927C38.3993 90.2499 37.5685 91.4897 37.5685 92.413V93.844C37.5685 94.6353 37.0409 95.5454 36.3946 95.8751H36.3748Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
export * from "./asset-registry";
|
||||
export * from "./asset-types";
|
||||
export * from "./helper";
|
||||
export * from "./horizontal-stack";
|
||||
export * from "./illustration";
|
||||
export * from "./vertical-stack";
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,302 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function ArchivedModuleVerticalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="161"
|
||||
height="182"
|
||||
viewBox="0 0 161 182"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M25.1952 33.908C23.7266 33.1603 22.792 31.3926 22.792 28.8773C22.792 24.3753 25.7933 19.195 29.4889 17.3152L54.2687 4.68502C55.9028 3.8519 57.3982 3.7985 58.5624 4.39129L56.1805 3.17901C55.0163 2.58622 53.521 2.63962 51.8868 3.47273L27.1071 16.1029C23.4062 17.9881 20.4102 23.1683 20.4102 27.665C20.4102 30.1804 21.3447 31.9481 22.8134 32.6957L25.1952 33.908Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M25.1952 33.9072C26.3594 34.5 27.8547 34.4466 29.4889 33.6134L54.2687 20.9886C57.9696 19.1034 60.9656 13.9232 60.9656 9.42651C60.9656 6.91116 60.031 5.14347 58.5624 4.3958C57.3982 3.80301 55.9028 3.85642 54.2687 4.68953L29.4889 17.3144C25.788 19.1996 22.792 24.3798 22.792 28.8765C22.792 31.3918 23.7266 33.1595 25.1952 33.9072Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M32.8749 22.1654C32.9657 22.0266 33.0992 21.9678 33.1846 22.0266C33.2701 22.0853 33.2754 22.2455 33.2006 22.395L33.1846 22.4271L29.9483 28.0186C29.8575 28.1734 29.7133 28.2482 29.6225 28.1841C29.5317 28.12 29.5317 27.9438 29.6225 27.7836L32.8589 22.1921L32.8749 22.1654Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M30.477 24.0293C30.477 23.7943 30.3221 23.6875 30.1299 23.7836C29.9376 23.8797 29.7827 24.1468 29.7827 24.3817C29.7827 24.6167 29.9376 24.7235 30.1299 24.6274C30.3221 24.5313 30.477 24.2643 30.477 24.0293ZM30.9416 23.7943C30.9416 24.339 30.5785 24.9639 30.1299 25.1935C29.6813 25.4231 29.3181 25.1668 29.3181 24.6221C29.3181 24.0773 29.6813 23.4525 30.1299 23.2229C30.5785 22.9932 30.9416 23.2496 30.9416 23.7943Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M33.0243 25.8281C33.0243 25.5931 32.8695 25.4863 32.6772 25.5824C32.4849 25.6786 32.3301 25.9456 32.3301 26.1806C32.3301 26.4156 32.4849 26.5224 32.6772 26.4262C32.8695 26.3301 33.0243 26.0631 33.0243 25.8281ZM33.4836 25.5931C33.4836 26.1379 33.1205 26.7627 32.6719 26.9923C32.2233 27.222 31.8601 26.9656 31.8601 26.4209C31.8601 25.8762 32.2233 25.2513 32.6719 25.0217C33.1205 24.7921 33.4836 25.0484 33.4836 25.5931Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M31.326 20.1197C31.326 19.9702 31.4275 19.7993 31.5503 19.7406C32.2713 19.4201 32.9709 19.3133 33.5957 19.4468C34.2846 19.591 34.8454 20.0129 35.2352 20.6645C35.6197 21.316 35.812 22.1812 35.7906 23.1585C35.7693 24.1411 35.529 25.2039 35.1071 26.2399C34.6798 27.276 34.0817 28.2479 33.3768 29.0543C32.6665 29.8607 31.8761 30.4695 31.0804 30.8167C30.2846 31.1638 29.5156 31.2439 28.8534 31.041C28.2553 30.8541 27.7586 30.4482 27.4168 29.8501C27.3581 29.7486 27.4061 29.5617 27.5183 29.4388C27.6304 29.316 27.7639 29.3053 27.8227 29.4068C28.1324 29.9355 28.5703 30.2933 29.1044 30.4589C29.7025 30.6404 30.3914 30.571 31.1071 30.2559C31.8227 29.9408 32.5383 29.3961 33.1738 28.6698C33.8093 27.9435 34.3487 27.073 34.7332 26.1384C35.1177 25.2039 35.326 24.2479 35.3474 23.3614C35.3687 22.4802 35.1979 21.7005 34.8507 21.1131C34.5036 20.5256 33.9962 20.1464 33.3768 20.0183C32.8213 19.9008 32.2019 19.9916 31.561 20.2746C31.4382 20.328 31.3367 20.2586 31.3367 20.1091L31.326 20.1197Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M51.1338 17.2449L42.0657 21.8644C41.3181 22.2436 40.7146 21.8164 40.7146 20.9085C40.7146 20.0006 41.3181 18.9592 42.0657 18.58L51.1338 13.9605C51.8815 13.5814 52.485 14.0086 52.485 14.9165C52.485 15.8244 51.8815 16.8658 51.1338 17.2449Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M156.886 38.8691C157.484 38.5647 157.863 37.8437 157.863 36.8183V23.7235C157.863 21.8864 156.64 19.7716 155.129 19.0026L121.249 1.7422C120.581 1.40041 119.967 1.38439 119.492 1.62471L121.874 0.41243C122.349 0.17211 122.963 0.188131 123.631 0.52992L157.516 17.7956C159.027 18.5646 160.25 20.6795 160.25 22.5166V35.6114C160.25 36.6368 159.871 37.3577 159.273 37.6621L156.891 38.8744L156.886 38.8691Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M156.886 38.8697C156.41 39.11 155.796 39.094 155.129 38.7522L121.243 21.4865C119.732 20.7175 118.509 18.6026 118.509 16.7655V3.67606C118.509 2.65069 118.888 1.92973 119.486 1.62532C119.962 1.385 120.576 1.40102 121.243 1.74281L155.129 19.0085C156.64 19.7775 157.863 21.8924 157.863 23.7295V36.8243C157.863 37.8496 157.484 38.5706 156.886 38.875V38.8697Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M132.955 16.1293L140.816 20.1347C141.462 20.4658 141.986 20.0919 141.986 19.3069C141.986 18.5219 141.462 17.614 140.816 17.2882L132.955 13.2829C132.309 12.9518 131.785 13.3256 131.785 14.1106C131.785 14.8957 132.309 15.8036 132.955 16.1293Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M133.516 22.7095L144.538 28.3276C145.446 28.7869 146.178 28.2689 146.178 27.1687C146.178 26.0633 145.441 24.7976 144.538 24.3383L133.516 18.7201C132.608 18.2609 131.876 18.7789 131.876 19.879C131.876 20.9845 132.613 22.2502 133.516 22.7095Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M126.354 12.067C126.408 12.2433 126.53 12.4142 126.669 12.4836C126.862 12.585 127.022 12.4676 127.022 12.2272V11.784C127.022 11.6398 126.968 11.4742 126.872 11.3461C126.776 11.2179 126.659 11.1378 126.546 11.1324L124.277 11.0684C124.143 11.0684 124.052 11.1805 124.052 11.3621V14.4168C124.052 14.5717 124.117 14.7426 124.218 14.8761C124.325 15.0096 124.453 15.079 124.56 15.063L124.886 15.015C125.056 14.9883 125.121 14.7586 125.035 14.5023C124.976 14.3314 124.87 14.1925 124.752 14.1231V12.0136L126.349 12.0563L126.354 12.067Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M124.96 10.0475C125.014 10.2237 125.137 10.3946 125.276 10.464C125.468 10.5655 125.628 10.448 125.628 10.2077V9.76445C125.628 9.62026 125.575 9.4547 125.478 9.32653C125.382 9.19836 125.265 9.11825 125.153 9.11291L122.883 9.04883C122.749 9.04883 122.659 9.16098 122.659 9.34255V12.3973C122.659 12.5522 122.723 12.7231 122.824 12.8566C122.931 12.9901 123.059 13.0595 123.166 13.0435L123.492 12.9954C123.663 12.9687 123.727 12.7391 123.641 12.4827C123.583 12.3118 123.476 12.173 123.358 12.1036V9.99409L124.955 10.0368L124.96 10.0475Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M128.421 13.4379C128.325 13.3043 128.207 13.2242 128.101 13.2242L125.831 13.1602C125.697 13.1602 125.607 13.2776 125.607 13.4485V16.5086C125.607 16.6528 125.66 16.813 125.756 16.9412C125.858 17.0747 125.975 17.1548 126.082 17.1548L128.346 17.2189C128.485 17.2296 128.576 17.1121 128.576 16.9305V13.8704C128.576 13.7262 128.523 13.566 128.421 13.4379ZM127.876 16.279L126.306 16.2309V14.1108L127.876 14.1588V16.279Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M0.25 147.083C0.25 149.102 1.76135 151.116 4.77871 152.659L43.6305 172.456C49.6706 175.532 59.4597 175.532 65.4997 172.456L147.139 130.859C150.157 129.321 151.668 127.308 151.668 125.289V131.735C151.668 133.754 150.157 135.767 147.139 137.305L65.4997 178.902C59.4597 181.978 49.6706 181.978 43.6305 178.902L4.77871 159.105C1.75601 157.567 0.25 155.548 0.25 153.529V147.083Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.25 147.083C0.25 145.065 1.76135 143.051 4.77871 141.513L86.4183 99.9165C92.4583 96.8403 102.247 96.8403 108.287 99.9165L147.139 119.714C150.162 121.252 151.668 123.27 151.668 125.289C151.668 127.308 150.157 129.321 147.139 130.859L65.4997 172.456C59.4597 175.532 49.6706 175.532 43.6305 172.456L4.77871 152.659C1.75601 151.121 0.25 149.102 0.25 147.083Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M0.25 126.72C0.25 128.739 1.76135 130.752 4.77871 132.296L43.6305 152.093C49.6706 155.169 59.4597 155.169 65.4997 152.093L147.139 110.496C150.157 108.958 151.668 106.944 151.668 104.926V111.372C151.668 113.39 150.157 115.404 147.139 116.942L65.4997 158.539C59.4597 161.615 49.6706 161.615 43.6305 158.539L4.77871 138.742C1.75601 137.204 0.25 135.185 0.25 133.166V126.72Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.25 126.72C0.25 124.701 1.76135 122.688 4.77871 121.15L86.4183 79.5532C92.4583 76.4771 102.247 76.4771 108.287 79.5532L147.139 99.3503C150.162 100.888 151.668 102.907 151.668 104.926C151.668 106.944 150.157 108.958 147.139 110.496L65.4997 152.093C59.4597 155.169 49.6706 155.169 43.6305 152.093L4.77871 132.296C1.75601 130.757 0.25 128.739 0.25 126.72Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M0.25 106.357C0.25 108.376 1.76135 110.389 4.77871 111.932L43.6305 131.729C49.6706 134.806 59.4597 134.806 65.4997 131.729L147.139 90.1326C150.157 88.5945 151.668 86.5812 151.668 84.5625V91.0084C151.668 93.0271 150.157 95.0405 147.139 96.5785L65.4997 138.175C59.4597 141.251 49.6706 141.251 43.6305 138.175L4.77871 118.373C1.75601 116.835 0.25 114.816 0.25 112.797V106.352V106.357Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.25 106.357C0.25 104.338 1.76135 102.325 4.77871 100.787L86.4183 59.1899C92.4583 56.1138 102.247 56.1138 108.287 59.1899L147.139 78.987C150.162 80.525 151.668 82.5437 151.668 84.5624C151.668 86.5811 150.157 88.5944 147.139 90.1325L65.4997 131.729C59.4597 134.805 49.6706 134.805 43.6305 131.729L4.77871 111.927C1.75601 110.389 0.25 108.37 0.25 106.351V106.357Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M64.3462 103.287C63.5772 103.287 62.8616 103.121 62.2207 102.79L57.4624 100.366C55.7374 99.4899 54.68 97.5033 54.5518 94.9132L53.2274 68.2002C53.2167 67.9919 53.3289 67.7943 53.5158 67.6982L56.0098 66.4272L51.2674 64.0133C50.0338 63.3831 49.3289 61.9519 49.3289 60.0881V57.8504C49.3289 54.582 51.5238 50.8063 54.2207 49.4338L96.5278 27.8744C97.2167 27.5219 97.895 27.3457 98.5465 27.3457C99.0592 27.3457 99.5345 27.4579 99.9671 27.6768L104.725 30.1014C105.959 30.7316 106.664 32.1628 106.664 34.032V36.2696C106.664 39.538 104.469 43.3083 101.772 44.6862L99.0218 46.0854L102.477 47.8477C102.664 47.9438 102.776 48.1414 102.765 48.3497L101.441 76.4138C101.201 81.4339 97.8469 86.9772 93.7988 89.0333L67.417 102.475C66.3596 103.015 65.3235 103.287 64.3355 103.287H64.3462Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M98.5464 27.8845C98.9736 27.8845 99.3742 27.9806 99.7213 28.1569L104.48 30.5814C105.489 31.0941 106.125 32.3117 106.125 34.0314V36.269C106.125 39.3558 104.063 42.9125 101.526 44.2103L97.8415 46.0901L102.231 48.3278L100.907 76.3919C100.677 81.241 97.457 86.5815 93.5584 88.5628L67.1766 102.005C66.1726 102.517 65.2166 102.758 64.3408 102.758C63.6519 102.758 63.0217 102.608 62.4556 102.32L57.6972 99.8952C56.1966 99.1315 55.2033 97.3852 55.0804 94.8966L53.756 68.1836L57.5744 66.2397C57.5317 66.2397 57.4836 66.2397 57.4409 66.2397C57.0137 66.2397 56.6185 66.1489 56.266 65.9673L51.5077 63.5427C50.4983 63.0301 49.8628 61.8124 49.8628 60.0928V57.8552C49.8628 54.7684 51.9189 51.2116 54.4609 49.9139L96.768 28.3545C97.3982 28.034 97.9963 27.8845 98.5411 27.8845M98.5464 26.8164C97.8148 26.8164 97.0511 27.014 96.2874 27.4039L53.9803 48.9633C51.0751 50.4426 48.8 54.3465 48.8 57.8552V60.0928C48.8 62.1702 49.6118 63.7724 51.0324 64.4987L54.8401 66.4373L53.2807 67.233C52.9069 67.4253 52.6772 67.8151 52.6986 68.237L54.023 94.95C54.1565 97.7324 55.3261 99.8846 57.2219 100.851L61.9803 103.276C62.7013 103.644 63.497 103.831 64.3461 103.831C65.4142 103.831 66.5357 103.537 67.6679 102.961L94.0497 89.5187C98.3221 87.3505 101.729 81.727 101.98 76.4453L103.305 48.3812C103.326 47.9593 103.096 47.5694 102.723 47.3772L100.202 46.0901L102.018 45.1662C104.923 43.6869 107.198 39.7777 107.198 36.2744V34.0367C107.198 31.9593 106.386 30.3571 104.966 29.6308L100.207 27.2063C99.6999 26.9499 99.1392 26.8164 98.5464 26.8164Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M102.237 48.323L58.5198 70.6034L53.7615 68.1788L97.4785 45.8984L102.237 48.323Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M58.5198 70.6043L59.8443 97.3172C59.9671 99.8059 60.9604 101.552 62.4611 102.316L57.7027 99.8913C56.2021 99.1276 55.2087 97.3813 55.0859 94.8927L53.7615 68.1797L58.5198 70.6043Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M102.237 48.3223L100.912 76.3864C100.683 81.2355 97.4624 86.576 93.5639 88.5573L67.182 101.999C65.3929 102.912 63.7427 102.971 62.461 102.314C60.9604 101.551 59.967 99.8043 59.8442 97.3156L58.5198 70.6027L102.237 48.3223Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M104.485 30.5824C103.684 30.1765 102.659 30.2085 101.532 30.78L59.2246 52.3394C56.6826 53.6318 54.6265 57.1885 54.6265 60.2806V62.5183C54.6265 64.2433 55.2674 65.4555 56.2714 65.9682L51.513 63.5437C50.5037 63.031 49.8682 61.8134 49.8682 60.0937V57.8561C49.8682 54.7693 51.9242 51.2125 54.4663 49.9148L96.7734 28.3554C97.8949 27.784 98.9256 27.7466 99.7267 28.1578L104.485 30.5824Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M104.485 30.5816C105.494 31.0943 106.13 32.3119 106.13 34.0316V36.2692C106.13 39.356 104.068 42.9127 101.532 44.2105L59.2246 65.7699C58.1031 66.3413 57.0724 66.3787 56.2713 65.9675C55.262 65.4548 54.6265 64.2372 54.6265 62.5176V60.2799C54.6265 57.1931 56.6825 53.6364 59.2246 52.3386L101.532 30.7792C102.653 30.2078 103.684 30.1704 104.485 30.5816Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M85.3447 91.0075C85.0884 91.0075 84.8534 90.9541 84.6344 90.8419C84.581 90.8152 84.5329 90.7885 84.4849 90.7511L79.7586 88.3426C79.7586 88.3426 79.7158 88.3159 79.6945 88.3052L72.3353 83.1036C71.3634 82.4948 71.2405 80.8125 72.0843 79.2905C72.7038 78.1583 73.6918 77.4267 74.605 77.4267C74.8614 77.4267 75.1017 77.4854 75.3207 77.5976L78.9255 79.4347V66.42C78.9255 64.9781 79.86 63.376 81.0563 62.7671C81.3767 62.6069 81.6972 62.5215 82.0069 62.5215C82.2632 62.5215 82.5089 62.5802 82.7279 62.6924L87.4862 65.1169C88.0897 65.4267 88.4368 66.0996 88.4368 66.9701V70.153C88.7626 69.9821 89.099 69.886 89.4195 69.886C89.6758 69.886 89.9108 69.9394 90.1297 70.0515L94.8881 72.4761C94.9255 72.4975 94.9682 72.5188 95.0056 72.5402C95.9989 73.1597 96.1164 74.8419 95.2779 76.3693C95.2512 76.4227 95.2085 76.4975 95.1658 76.5615L87.8227 89.2345C87.1925 90.3292 86.2472 91.0075 85.35 91.0075H85.3447Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M82.0016 63.0505C82.1778 63.0505 82.3381 63.0879 82.4822 63.1627L87.2406 65.5872C87.6411 65.7902 87.8975 66.2762 87.8975 66.9651V71.2374C88.3728 70.7141 88.9282 70.415 89.4142 70.415C89.5797 70.415 89.7399 70.4524 89.8788 70.5218L94.6371 72.9464C94.6371 72.9464 94.6852 72.9731 94.7119 72.9891C95.4542 73.4537 95.4969 74.8476 94.8027 76.1079C94.776 76.1613 94.7439 76.2147 94.7119 76.2628L87.3527 88.9678C86.808 89.9077 86.0123 90.4738 85.3447 90.4738C85.1792 90.4738 85.019 90.4364 84.8748 90.367C84.8321 90.3456 84.7947 90.3242 84.7573 90.2922L79.9989 87.8676L72.6398 82.666C71.8975 82.2014 71.8547 80.8022 72.549 79.5472C73.0884 78.5645 73.9108 77.9611 74.6051 77.9611C74.7706 77.9611 74.9362 77.9985 75.0804 78.0732L79.4596 80.3055V66.4203C79.4596 65.1867 80.282 63.7608 81.2967 63.2428C81.5477 63.1146 81.7826 63.0559 82.0016 63.0559M82.0016 61.9824C81.6064 61.9824 81.2112 62.0839 80.816 62.2815C79.4328 62.9864 78.3915 64.7648 78.3915 66.415V78.5592L75.5664 77.1173C75.2726 76.9677 74.9469 76.893 74.6051 76.893C73.4836 76.893 72.3354 77.7154 71.6144 79.0345C70.6264 80.8182 70.8134 82.7515 72.047 83.5525L79.3848 88.7381C79.4275 88.7702 79.4702 88.7969 79.5183 88.8182L84.2179 91.2161C84.2766 91.2535 84.3354 91.2855 84.3941 91.3176C84.6879 91.4671 85.0083 91.5419 85.3447 91.5419C86.4288 91.5419 87.5503 90.7622 88.2766 89.5018L95.6198 76.8236C95.6678 76.7488 95.7106 76.6794 95.7479 76.6046C96.7306 74.8049 96.5277 72.8663 95.278 72.0812C95.2299 72.0492 95.1765 72.0225 95.1231 71.9958L90.3648 69.5712C90.071 69.4217 89.7506 69.3469 89.4142 69.3469C89.2646 69.3469 89.1151 69.3629 88.9656 69.3896V66.9651C88.9656 65.8863 88.5116 65.0372 87.7266 64.6366L82.9682 62.2121C82.6692 62.0625 82.3487 61.9824 82.0016 61.9824Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M94.6423 72.9474C93.9 72.5682 92.7838 73.2091 92.1163 74.4267L87.9026 81.7111L83.1443 79.2865L87.3579 72.0021C88.0308 70.7845 89.1416 70.1436 89.8839 70.5228L94.6423 72.9474Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M79.8387 80.4986C79.091 80.1141 77.9748 80.755 77.3073 81.978C76.613 83.233 76.6557 84.6322 77.3981 85.0968L84.7572 90.2984L79.9989 87.8738L72.6397 82.6722C71.8974 82.2076 71.8547 80.8084 72.5489 79.5534C73.2165 78.3304 74.3273 77.6949 75.0803 78.0741L79.8387 80.4986Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M87.2405 65.5879C86.9201 65.4223 86.5035 65.433 86.0549 65.6627C85.0402 66.1807 84.2178 67.6066 84.2178 68.8402V83.5852L79.4595 81.1607V66.4157C79.4595 65.182 80.2819 63.7561 81.2966 63.2381C81.7452 63.0085 82.1617 62.9978 82.4822 63.1633L87.2405 65.5879Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M87.2405 65.5872C87.641 65.7901 87.8974 66.2761 87.8974 66.965V81.71L92.111 74.4256C92.7839 73.208 93.8947 72.5671 94.637 72.9463C94.6637 72.957 94.6851 72.973 94.7118 72.989C95.4541 73.4537 95.4968 74.8475 94.8026 76.1079C94.7759 76.1613 94.7438 76.2147 94.7118 76.2627L87.3526 88.9677C86.6744 90.1372 85.5956 90.73 84.8747 90.3669C84.8319 90.3455 84.7946 90.3242 84.7572 90.2921L77.398 85.0905C76.6557 84.6259 76.613 83.2267 77.3072 81.9717C77.9748 80.7487 79.0856 80.1132 79.8386 80.4924C79.8653 80.5031 79.8867 80.5191 79.908 80.5351C79.9347 80.5565 79.9668 80.5778 79.9988 80.5992L84.2178 83.5845V68.8395C84.2178 67.6059 85.0402 66.18 86.0549 65.6619C86.5035 65.4323 86.9201 65.4216 87.2405 65.5872Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M21.1845 49.0417C20.0203 48.4489 18.5249 48.497 16.8854 49.3354C13.1845 51.2206 10.1885 56.4008 10.1885 60.8975C10.1885 63.4075 11.1231 65.1805 12.5917 65.9282L10.2098 64.7159C8.74122 63.9683 7.80664 62.1952 7.80664 59.6852C7.80664 55.1832 10.808 50.003 14.5036 48.1231C16.1378 47.29 17.6384 47.2366 18.8026 47.8294L21.1845 49.0417Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M21.1845 49.0423C22.6531 49.79 23.5877 51.563 23.5877 54.073C23.5877 58.575 20.5863 63.7552 16.8908 65.6351C15.2566 66.4682 13.7559 66.5216 12.5917 65.9288C11.1231 65.1811 10.1885 63.4081 10.1885 60.8981C10.1885 56.3961 13.1898 51.2159 16.8854 49.336C18.5196 48.5029 20.0203 48.4495 21.1845 49.0423Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M19.1979 58.0346L18.8241 57.9438V57.2869C18.8241 57.068 18.6745 56.9612 18.493 57.0519C18.3114 57.1427 18.1619 57.3991 18.1619 57.618V58.4992C18.1619 58.6381 18.2206 58.7342 18.3167 58.7609L18.8454 58.8944C18.8988 58.9104 18.9576 58.8944 19.0217 58.8677C19.1338 58.8143 19.2406 58.6915 19.2994 58.5366C19.3955 58.3016 19.3474 58.0773 19.1926 58.0399L19.1979 58.0346Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M16.031 61.512L14.8774 62.0995C14.6958 62.1903 14.5463 62.0888 14.5463 61.8645V58.2597L15.8601 57.5868C16.0416 57.496 16.1912 57.2397 16.1912 57.0207C16.1912 56.8017 16.0416 56.6949 15.8601 56.7857L14.5463 57.4586V56.257C14.5463 56.0381 14.6958 55.7817 14.8774 55.6909L15.5343 55.3545V55.755C15.5343 55.974 15.6838 56.0808 15.8654 55.99C16.047 55.8992 16.1965 55.6429 16.1965 55.4239V55.0234L18.1725 54.0194V54.4199C18.1725 54.6389 18.322 54.7457 18.5036 54.6549C18.6852 54.5641 18.8347 54.3078 18.8347 54.0888V53.6883L19.4916 53.3518C19.6732 53.261 19.8227 53.3625 19.8227 53.5868V54.1849C19.8227 54.4039 19.9722 54.5107 20.1538 54.4199C20.3354 54.3291 20.4849 54.0728 20.4849 53.8538V53.2557C20.4849 52.5935 20.0416 52.2784 19.4969 52.5561L18.84 52.8925V52.492C18.84 52.273 18.6905 52.1662 18.5089 52.257C18.3274 52.3478 18.1778 52.6041 18.1778 52.8231V53.2236L16.2019 54.2276V53.8271C16.2019 53.6082 16.0523 53.5013 15.8707 53.5921C15.6892 53.6829 15.5396 53.9393 15.5396 54.1582V54.5588L14.8828 54.8952C14.338 55.1729 13.8948 55.9366 13.8948 56.5988V62.201C13.8948 62.8632 14.338 63.1783 14.8828 62.9005L16.0363 62.3131C16.2179 62.2223 16.3674 61.966 16.3674 61.747C16.3674 61.5281 16.2179 61.4212 16.0363 61.512H16.031Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M18.4983 55.45C17.2272 56.0962 16.1965 57.8799 16.1965 59.4233C16.1965 60.9667 17.2272 61.6984 18.4983 61.0522C19.7693 60.406 20.8 58.6223 20.8 57.0789C20.8 55.5355 19.7693 54.8038 18.4983 55.45ZM18.4983 60.2564C17.5904 60.7211 16.8534 60.1977 16.8534 59.0922C16.8534 57.9867 17.5904 56.7157 18.4983 56.2511C19.4061 55.7865 20.1431 56.3098 20.1431 57.4153C20.1431 58.5208 19.4061 59.7918 18.4983 60.2564Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
+337
File diff suppressed because one or more lines are too long
@@ -0,0 +1,189 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function ChangelogVerticalStackIllustration({ className, ...rest }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="162"
|
||||
height="172"
|
||||
viewBox="0 0 162 172"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M15.8434 47.4295C14.6167 46.8049 13.0411 46.8555 11.3136 47.739C7.41402 49.7253 4.25723 55.1836 4.25723 59.9216C4.25723 62.5663 5.24196 64.4345 6.78941 65.2223L4.27974 63.9449C2.7323 63.1571 1.74756 61.289 1.74756 58.6442C1.74756 53.9006 4.90996 48.4424 8.80389 46.4616C10.5258 45.5838 12.107 45.5275 13.3337 46.1522L15.8434 47.4295Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M15.8432 47.4297C17.3907 48.2175 18.3754 50.0857 18.3754 52.7304C18.3754 57.4741 15.213 62.9323 11.319 64.913C9.59716 65.7909 8.01596 65.8471 6.78926 65.2225C5.24182 64.4347 4.25708 62.5666 4.25708 59.9218C4.25708 55.1782 7.4195 49.72 11.3134 47.7392C13.0353 46.8614 14.6165 46.8051 15.8432 47.4297Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M9.1332 55.353L9.13666 55.351M9.1332 60.153L9.13666 60.151M8.85607 57.113L13.5672 54.393C13.9553 54.169 14.1493 54.0569 14.2975 53.8842C14.4278 53.7322 14.5338 53.5486 14.6002 53.3598C14.6758 53.145 14.6758 52.921 14.6758 52.473V51.833C14.6758 51.3849 14.6758 51.1609 14.6002 51.0334C14.5338 50.9212 14.4278 50.86 14.2975 50.8586C14.1493 50.8569 13.9553 50.969 13.5672 51.193L8.85607 53.913C8.46805 54.137 8.27405 54.249 8.12585 54.4218C7.99548 54.5737 7.88949 54.7573 7.82307 54.9462C7.74756 55.1609 7.74756 55.3849 7.74756 55.833V56.473C7.74756 56.921 7.74756 57.145 7.82307 57.2726C7.88949 57.3848 7.99548 57.4459 8.12585 57.4474C8.27405 57.449 8.46806 57.337 8.85607 57.113ZM8.85607 61.913L13.5672 59.193C13.9553 58.969 14.1493 58.8569 14.2975 58.6842C14.4278 58.5322 14.5338 58.3486 14.6002 58.1598C14.6758 57.9451 14.6758 57.721 14.6758 57.273V56.633C14.6758 56.1849 14.6758 55.9609 14.6002 55.8334C14.5338 55.7212 14.4278 55.66 14.2975 55.6586C14.1493 55.6569 13.9553 55.769 13.5672 55.993L8.85607 58.713C8.46805 58.937 8.27405 59.049 8.12585 59.2218C7.99548 59.3737 7.88949 59.5573 7.82307 59.7462C7.74756 59.9609 7.74756 60.1849 7.74756 60.633V61.273C7.74756 61.721 7.74756 61.9451 7.82307 62.0726C7.88949 62.1848 7.99548 62.246 8.12585 62.2474C8.27405 62.249 8.46806 62.137 8.85607 61.913Z"
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M2.20337 134.919C2.20337 137.046 3.79582 139.168 6.97511 140.794L47.912 161.653C54.2762 164.895 64.5907 164.895 70.9549 161.653L156.976 117.824C160.155 116.204 161.748 114.082 161.748 111.955V118.747C161.748 120.874 160.155 122.995 156.976 124.616L70.9549 168.445C64.5907 171.686 54.2762 171.686 47.912 168.445L6.97511 147.586C3.79019 145.965 2.20337 143.838 2.20337 141.711V134.919Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M2.20337 134.919C2.20337 132.792 3.79582 130.671 6.97511 129.05L92.9961 85.2209C99.3603 81.9797 109.675 81.9797 116.039 85.2209L156.976 106.08C160.161 107.701 161.748 109.828 161.748 111.955C161.748 114.082 160.155 116.204 156.976 117.824L70.9549 161.653C64.5907 164.895 54.2762 164.895 47.912 161.653L6.97511 140.794C3.79019 139.173 2.20337 137.046 2.20337 134.919Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M2.20337 113.463C2.20337 115.59 3.79582 117.712 6.97511 119.338L47.912 140.197C54.2762 143.438 64.5907 143.438 70.9549 140.197L156.976 96.3681C160.155 94.7475 161.748 92.6261 161.748 90.499V97.2909C161.748 99.4179 160.155 101.539 156.976 103.16L70.9549 146.989C64.5907 150.23 54.2762 150.23 47.912 146.989L6.97511 126.13C3.79019 124.509 2.20337 122.382 2.20337 120.255V113.463Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M2.20337 113.463C2.20337 111.336 3.79582 109.215 6.97511 107.594L92.9961 63.7649C99.3603 60.5237 109.675 60.5237 116.039 63.7649L156.976 84.6244C160.161 86.245 161.748 88.372 161.748 90.4991C161.748 92.6261 160.155 94.7475 156.976 96.3681L70.9549 140.197C64.5907 143.439 54.2762 143.439 47.912 140.197L6.97511 119.338C3.79019 117.717 2.20337 115.59 2.20337 113.463Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M2.20337 92.0073C2.20337 94.1343 3.79582 96.2557 6.97511 97.8819L47.912 118.741C54.2762 121.983 64.5907 121.983 70.9549 118.741L156.976 74.9122C160.155 73.2916 161.748 71.1702 161.748 69.0432V75.8351C161.748 77.9621 160.155 80.0835 156.976 81.7041L70.9549 125.533C64.5907 128.775 54.2762 128.775 47.912 125.533L6.97511 104.674C3.79019 103.053 2.20337 100.926 2.20337 98.7991V92.0073Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M2.20337 92.0071C2.20337 89.8801 3.79582 87.7587 6.97511 86.1381L92.9961 42.3088C99.3603 39.0676 109.675 39.0676 116.039 42.3088L156.976 63.1684C160.161 64.789 161.748 66.916 161.748 69.043C161.748 71.1701 160.155 73.2915 156.976 74.9121L70.9549 118.741C64.5907 121.982 54.2762 121.982 47.912 118.741L6.97511 97.8818C3.79019 96.2612 2.20337 94.1341 2.20337 92.0071Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M70.0996 92.4116C69.4525 92.4116 68.8448 92.2709 68.2989 91.9895L63.2852 89.4348C61.7153 88.6358 60.8149 86.8014 60.8149 84.4042V25.6577C60.8149 21.4205 63.6622 16.5193 67.1566 14.7355L94.3129 0.898567C94.3917 0.859177 94.4817 0.83667 94.5661 0.83667C94.6505 0.83667 94.7405 0.859177 94.8193 0.898567L99.833 3.45326C99.833 3.45326 99.878 3.48139 99.9005 3.49265L114.987 14.1616C115.139 14.2685 115.223 14.4373 115.223 14.623V62.3574C115.223 66.5946 112.376 71.4958 108.881 73.2795L72.6712 91.7307C71.7821 92.1809 70.9155 92.4116 70.0884 92.4116H70.0996Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M94.5717 1.39958L99.5854 3.95427L114.672 14.6232V62.3576C114.672 66.4147 111.971 71.0796 108.634 72.7789L72.4235 91.2301C71.5964 91.6521 70.8086 91.8491 70.0939 91.8491C69.5312 91.8491 69.0135 91.7253 68.5521 91.4889L63.5384 88.9342C62.216 88.259 61.3776 86.6665 61.3776 84.4045V25.6579C61.3776 21.6008 64.0786 16.9359 67.4098 15.2365L94.5661 1.39958M94.5717 0.27417C94.3972 0.27417 94.2228 0.313559 94.0596 0.397965L66.9034 14.2349C63.1726 16.1369 60.2522 21.1506 60.2522 25.6579V84.4045C60.2522 87.021 61.2651 89.0412 63.032 89.9359L68.0457 92.4906C68.6703 92.8113 69.3624 92.9689 70.0995 92.9689C71.0168 92.9689 71.9734 92.7213 72.9412 92.2261L109.151 73.7749C112.882 71.873 115.803 66.8593 115.803 62.352V14.6288C115.803 14.2631 115.628 13.9198 115.324 13.7116L100.238 3.04269C100.193 3.00892 100.148 2.98079 100.097 2.95828L95.0837 0.403592C94.9206 0.319186 94.7461 0.279797 94.5717 0.279797V0.27417Z"
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M99.5855 3.95386L72.4292 17.7908C69.098 19.4902 66.397 24.155 66.397 28.2122V86.9587C66.397 89.2208 67.2355 90.8133 68.5578 91.4885L63.5441 88.9338C62.2217 88.2586 61.3833 86.6661 61.3833 84.4041V25.6575C61.3833 21.6003 64.0843 16.9355 67.4155 15.2361L94.5717 1.39917L99.5855 3.95386Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M99.5852 3.95386L114.671 14.6284V62.3628C114.671 66.4199 111.97 71.0848 108.639 72.7841L72.4289 91.2353C70.9547 91.9837 69.6042 92.0287 68.5575 91.4998C67.2352 90.8245 66.3967 89.2321 66.3967 86.97V28.2234C66.3967 24.1663 69.0977 19.5014 72.4289 17.8021L99.5852 3.96511V3.95386Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M93.9809 64.7865L76.6833 73.5984C75.6141 74.1443 74.7476 73.5309 74.7476 72.2311C74.7476 70.9312 75.6141 69.44 76.6833 68.8942L93.9809 60.0822C95.05 59.5364 95.9166 60.1498 95.9166 61.4496C95.9166 62.7495 95.05 64.2406 93.9809 64.7865Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M102.185 46.4566L76.6833 59.4495C75.6141 59.9954 74.7476 59.382 74.7476 58.0822C74.7476 56.7823 75.6141 55.2911 76.6833 54.7453L102.185 41.7524C103.254 41.2066 104.121 41.8199 104.121 43.1198C104.121 44.4196 103.254 45.9108 102.185 46.4566Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M99.5854 3.95386V14.9717C99.5854 19.0288 102.286 20.9363 105.618 19.2426L114.672 14.6284"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M99.5854 3.95386V14.9717C99.5854 19.0288 102.286 20.9363 105.618 19.2426L114.672 14.6284"
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<g clipPath="url(#clip0_1278_188)">
|
||||
<path
|
||||
d="M87.4006 34.9911L86.198 37.0745L84.9948 36.3801M86.3451 36.6423C86.3669 36.4017 86.3781 36.1634 86.3781 35.9287C86.3781 32.4767 83.9546 31.0775 80.9651 32.8035C77.9755 34.5295 75.552 38.7271 75.552 42.1792C75.552 45.6312 77.9755 47.0304 80.9651 45.3044C82.6655 44.3226 84.1828 42.5412 85.1752 40.5522M80.9651 35.5815V39.0539L82.7694 39.4012"
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M138.575 1.89434C139.802 1.26974 141.377 1.32038 143.105 2.20383C147.004 4.19019 150.161 9.64844 150.161 14.3864C150.161 17.0312 149.176 18.8993 147.629 19.6871L150.139 18.4098C151.686 17.622 152.671 15.7538 152.671 13.1091C152.671 8.36547 149.508 2.90721 145.614 0.926486C143.893 0.0486632 142.311 -0.00760811 141.085 0.616996L138.575 1.89434Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M138.575 1.89458C137.028 2.68237 136.043 4.55056 136.043 7.19528C136.043 11.9389 139.205 17.3972 143.099 19.3779C144.821 20.2557 146.402 20.312 147.629 19.6874C149.177 18.8996 150.161 17.0314 150.161 14.3867C150.161 9.64306 146.999 4.1848 143.105 2.20407C141.383 1.32625 139.802 1.26998 138.575 1.89458Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M139.459 6.68336C139.459 6.42451 139.633 6.30072 139.841 6.41326L146.768 9.94143C146.982 10.0483 147.151 10.3466 147.151 10.6054C147.151 10.8643 146.976 10.9881 146.768 10.8755L139.841 7.34735C139.628 7.24044 139.459 6.9422 139.459 6.68336ZM139.459 9.02422C139.459 8.76537 139.633 8.64158 139.841 8.75412L143.69 10.718C143.904 10.8249 144.073 11.1231 144.073 11.382C144.073 11.6408 143.899 11.7646 143.69 11.6521L139.841 9.68821C139.628 9.5813 139.459 9.28306 139.459 9.02422ZM139.847 10.6279C139.633 10.521 139.464 10.6392 139.464 10.898C139.464 11.1569 139.639 11.4551 139.847 11.562L142.542 12.935C142.756 13.0419 142.925 12.9238 142.925 12.6649C142.925 12.4061 142.751 12.1079 142.542 12.0009L139.847 10.6279ZM139.459 12.7718C139.459 12.513 139.633 12.3892 139.841 12.5017L141.383 13.2839C141.597 13.3908 141.766 13.6891 141.766 13.9479C141.766 14.2067 141.591 14.3305 141.383 14.218L139.841 13.4358C139.628 13.3289 139.459 13.0307 139.459 12.7718ZM146.245 12.7212C146.386 12.7944 146.521 12.9294 146.616 13.0982C146.718 13.267 146.768 13.4583 146.768 13.6328C146.768 13.8072 146.712 13.9366 146.616 14.0098L146.386 14.173L145.643 12.8844L145.874 12.7212C145.975 12.6537 146.104 12.6537 146.245 12.7212ZM145.429 13.0307L146.172 14.3193L144.484 15.5122C144.36 15.6023 144.208 15.6304 144.039 15.6079L143.499 15.5291C143.499 15.5291 143.443 15.5122 143.42 15.4897C143.392 15.4672 143.37 15.4391 143.353 15.4053C143.336 15.3716 143.319 15.3378 143.313 15.2984C143.308 15.2646 143.308 15.2309 143.313 15.2027L143.476 14.6288C143.527 14.4487 143.617 14.308 143.741 14.2236L145.429 13.0307Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<defs>
|
||||
<clipPath id="clip0_1278_188">
|
||||
<rect
|
||||
width="16.6679"
|
||||
height="16.6679"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
transform="matrix(0.866025 -0.5 0 1 73.7476 34.887)"
|
||||
/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,111 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import {
|
||||
ArchivedCycleVerticalStackIllustration,
|
||||
ArchivedModuleVerticalStackIllustration,
|
||||
ArchivedWorkItemVerticalStackIllustration,
|
||||
ChangelogVerticalStackIllustration,
|
||||
CustomerVerticalStackIllustration,
|
||||
CycleVerticalStackIllustration,
|
||||
DashboardVerticalStackIllustration,
|
||||
DraftVerticalStackIllustration,
|
||||
EpicVerticalStackIllustration,
|
||||
Error404VerticalStackIllustration,
|
||||
InitiativeVerticalStackIllustration,
|
||||
InvalidLinkVerticalStackIllustration,
|
||||
ModuleVerticalStackIllustration,
|
||||
NoAccessVerticalStackIllustration,
|
||||
PageVerticalStackIllustration,
|
||||
ProjectVerticalStackIllustration,
|
||||
ServerErrorVerticalStackIllustration,
|
||||
TeamspaceVerticalStackIllustration,
|
||||
ViewVerticalStackIllustration,
|
||||
WorkItemVerticalStackIllustration,
|
||||
} from ".";
|
||||
|
||||
export const VerticalStackAssetsMap = [
|
||||
{
|
||||
asset: <ArchivedCycleVerticalStackIllustration />,
|
||||
title: "ArchivedCycleVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <ArchivedModuleVerticalStackIllustration />,
|
||||
title: "ArchivedModuleVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <ArchivedWorkItemVerticalStackIllustration />,
|
||||
title: "ArchivedWorkItemVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <ChangelogVerticalStackIllustration />,
|
||||
title: "ChangelogVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <CustomerVerticalStackIllustration />,
|
||||
title: "CustomerVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <CycleVerticalStackIllustration />,
|
||||
title: "CycleVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <DashboardVerticalStackIllustration />,
|
||||
title: "DashboardVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <DraftVerticalStackIllustration />,
|
||||
title: "DraftVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <EpicVerticalStackIllustration />,
|
||||
title: "EpicVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <Error404VerticalStackIllustration />,
|
||||
title: "Error404VerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <InitiativeVerticalStackIllustration />,
|
||||
title: "InitiativeVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <InvalidLinkVerticalStackIllustration />,
|
||||
title: "InvalidLinkVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <ModuleVerticalStackIllustration />,
|
||||
title: "ModuleVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <NoAccessVerticalStackIllustration />,
|
||||
title: "NoAccessVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <PageVerticalStackIllustration />,
|
||||
title: "PageVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <ProjectVerticalStackIllustration />,
|
||||
title: "ProjectVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <ServerErrorVerticalStackIllustration />,
|
||||
title: "ServerErrorVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <TeamspaceVerticalStackIllustration />,
|
||||
title: "TeamspaceVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <ViewVerticalStackIllustration />,
|
||||
title: "ViewVerticalStackIllustration",
|
||||
},
|
||||
{
|
||||
asset: <WorkItemVerticalStackIllustration />,
|
||||
title: "WorkItemVerticalStackIllustration",
|
||||
},
|
||||
];
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,251 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function CycleVerticalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="160"
|
||||
height="165"
|
||||
viewBox="0 0 160 165"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g clipPath="url(#clip0_446_128653)">
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M10.364 131.09C10.364 133.03 11.8174 134.964 14.7191 136.447L52.0819 155.467C57.8905 158.423 67.3043 158.423 73.1129 155.467L151.624 115.502C154.525 114.025 155.979 112.09 155.979 110.151V116.344C155.979 118.283 154.525 120.218 151.624 121.695L73.1129 161.66C67.3043 164.616 57.8905 164.616 52.0819 161.66L14.7191 142.64C11.8123 141.162 10.364 139.223 10.364 137.283V131.09Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M10.364 131.09C10.364 129.151 11.8174 127.216 14.7191 125.739L93.2298 85.7737C99.0383 82.8183 108.452 82.8183 114.261 85.7737L151.624 104.794C154.53 106.272 155.979 108.211 155.979 110.151C155.979 112.09 154.525 114.025 151.624 115.502L73.1129 155.467C67.3043 158.423 57.8905 158.423 52.0819 155.467L14.7191 136.447C11.8123 134.969 10.364 133.03 10.364 131.09Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M10.364 111.521C10.364 113.46 11.8174 115.395 14.7191 116.877L52.0819 135.898C57.8905 138.853 67.3043 138.853 73.1129 135.898L151.624 95.933C154.525 94.4553 155.979 92.5209 155.979 90.5814V96.7745C155.979 98.714 154.525 100.648 151.624 102.126L73.1129 142.091C67.3043 145.046 57.8905 145.046 52.0819 142.091L14.7191 123.07C11.8123 121.593 10.364 119.653 10.364 117.714V111.521Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M10.364 111.521C10.364 109.581 11.8174 107.647 14.7191 106.169L93.2298 66.2044C99.0383 63.2489 108.452 63.2489 114.261 66.2044L151.624 85.2247C154.53 86.7024 155.979 88.6419 155.979 90.5814C155.979 92.5209 154.525 94.4553 151.624 95.933L73.1129 135.898C67.3043 138.853 57.8905 138.853 52.0819 135.898L14.7191 116.877C11.8123 115.4 10.364 113.46 10.364 111.521Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M10.364 91.9565C10.364 93.896 11.8174 95.8304 14.7191 97.3132L52.0819 116.334C57.8905 119.289 67.3043 119.289 73.1129 116.334L151.624 76.3688C154.525 74.8911 155.979 72.9567 155.979 71.0172V77.2102C155.979 79.1497 154.525 81.0841 151.624 82.5618L73.1129 122.527C67.3043 125.482 57.8905 125.482 52.0819 122.527L14.7191 103.506C11.8123 102.029 10.364 100.089 10.364 98.1496V91.9565Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M10.364 91.9565C10.364 90.0171 11.8174 88.0827 14.7191 86.605L93.2298 46.6401C99.0383 43.6847 108.452 43.6847 114.261 46.6401L151.624 65.6605C154.53 67.1382 155.979 69.0777 155.979 71.0172C155.979 72.9567 154.525 74.8911 151.624 76.3688L73.1129 116.334C67.3043 119.289 57.8905 119.289 52.0819 116.334L14.7191 97.3132C11.8123 95.8355 10.364 93.896 10.364 91.9565Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M75.3829 84.9324C72.8304 84.9324 70.4628 84.368 68.3418 83.2597C68.3418 83.2597 68.3212 83.2494 68.3109 83.2443L64.1818 81.1457C58.0548 78.0261 54.5419 70.7197 54.5419 61.0992C54.5419 43.4231 66.3799 23.0174 80.9347 15.6083C84.4989 13.792 87.9707 12.8735 91.2473 12.8735C93.7433 12.8735 96.0698 13.4123 98.1601 14.4795L102.253 16.5627C102.294 16.5832 102.325 16.6037 102.361 16.6242C108.529 19.6772 112.088 27.0041 112.088 36.7016C112.088 54.3777 100.25 74.7885 85.6956 82.1976C82.1313 84.0139 78.6647 84.9324 75.388 84.9324H75.3829Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M91.2422 13.3867C93.6766 13.3867 95.926 13.9203 97.9187 14.9362L102.012 17.0194C102.043 17.0348 102.063 17.0501 102.089 17.0604C107.882 19.9286 111.57 26.8554 111.57 36.7016C111.57 54.234 99.8754 74.3986 85.4593 81.741C81.8899 83.5573 78.4849 84.4193 75.388 84.4193C72.9023 84.4193 70.6066 83.8652 68.5831 82.8082C68.5677 82.8082 68.5575 82.7979 68.5421 82.7877L64.4129 80.6891C58.6916 77.7747 55.0555 70.8788 55.0555 61.1043C55.0555 43.5719 66.7497 23.4125 81.1658 16.0701C84.7352 14.2538 88.1402 13.3918 91.2422 13.3918M91.2422 12.3605C87.8834 12.3605 84.3346 13.2994 80.6984 15.1517C73.5494 18.7895 66.8421 25.5726 61.8142 34.249C56.7914 42.91 54.0284 52.4433 54.0284 61.0992C54.0284 70.9198 57.6439 78.3904 63.9507 81.6024L68.049 83.6856C68.0798 83.7061 68.1158 83.7215 68.1466 83.7369C70.3293 84.8708 72.7688 85.4455 75.388 85.4455C78.7468 85.4455 82.2905 84.5065 85.9267 82.6543C93.0757 79.0164 99.783 72.2333 104.811 63.5569C109.834 54.8959 112.597 45.3575 112.597 36.7016C112.597 26.8194 108.945 19.3334 102.582 16.1574C102.546 16.1368 102.51 16.1163 102.469 16.0958L98.3861 14.0178C96.2239 12.9146 93.8204 12.3605 91.2422 12.3605Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M102.012 17.0193C100.677 16.3677 99.2283 15.9265 97.6876 15.7212C97.5489 15.7007 97.4103 15.6802 97.2613 15.6699C95.7668 15.5057 94.185 15.557 92.5364 15.8341C92.1615 15.8957 91.7866 15.9675 91.4014 16.0547C91.3244 16.0752 91.2473 16.0906 91.1651 16.106C90.8365 16.1881 90.5026 16.2754 90.1688 16.3728C89.4909 16.5678 88.7976 16.8038 88.094 17.0706C87.6625 17.24 87.2209 17.4247 86.7792 17.6197C86.3427 17.8146 85.8958 18.0301 85.449 18.2559C71.0278 25.5983 59.3387 45.7577 59.3387 63.2901C59.3387 63.9058 59.3541 64.5112 59.3798 65.1116C59.3952 65.3938 59.4106 65.6811 59.4312 65.9582V65.9735C59.4466 66.2096 59.4671 66.4405 59.4877 66.6662C59.4877 66.7586 59.5031 66.8509 59.5185 66.9382C59.539 67.1639 59.5596 67.3846 59.5904 67.6052C59.6263 67.8976 59.6674 68.1901 59.7085 68.4774C59.7393 68.6776 59.7701 68.8777 59.8061 69.0726V69.088C59.8318 69.2266 59.8523 69.3651 59.8831 69.5036C59.9242 69.714 59.9602 69.9295 60.0064 70.1347C60.0475 70.3554 60.104 70.5811 60.1553 70.8018C60.2272 71.1045 60.2991 71.4021 60.3813 71.6945C60.4378 71.8998 60.4994 72.105 60.5611 72.3051C60.633 72.5463 60.7049 72.7823 60.787 73.0132C60.8487 73.2082 60.9103 73.3877 60.9822 73.5776C61.0079 73.6443 61.0284 73.7059 61.0541 73.7726C61.1311 73.9727 61.2133 74.1728 61.2955 74.3678C61.3828 74.5884 61.4752 74.8039 61.5728 75.0245C61.6498 75.2041 61.732 75.3785 61.8193 75.5479C61.8655 75.6556 61.9169 75.7531 61.9734 75.8557C62.035 75.9943 62.1069 76.1277 62.1788 76.2662C62.4664 76.8101 62.7746 77.3232 63.1084 77.8106C63.1649 77.9081 63.2317 78.0056 63.3036 78.0928C63.4217 78.2673 63.5449 78.4366 63.6682 78.6008C63.7504 78.7137 63.8325 78.8111 63.9198 78.9189C64.2023 79.2832 64.5053 79.6321 64.8186 79.9656C64.9162 80.0682 65.0138 80.1708 65.1113 80.2683C65.1524 80.3042 65.1884 80.3402 65.2295 80.3812C65.3065 80.4582 65.3835 80.53 65.4606 80.6018C65.5838 80.7198 65.7122 80.8327 65.8406 80.9456C66.005 81.0893 66.1693 81.2278 66.3388 81.3612C66.4415 81.4433 66.5391 81.5254 66.6469 81.6024C66.8062 81.7204 66.9654 81.8384 67.1348 81.9564C67.2684 82.0488 67.407 82.136 67.5406 82.2232C67.6279 82.2796 67.7203 82.3412 67.8076 82.3874C68.0439 82.5311 68.2853 82.6696 68.5318 82.7979L64.4026 80.6993C58.6814 77.785 55.0452 70.889 55.0452 61.1146C55.0452 43.5822 66.7394 23.4227 81.1555 16.0804C87.5342 12.8376 93.3787 12.6375 97.9136 14.9464L102.007 17.0296L102.012 17.0193Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M111.57 36.7016C111.57 54.234 99.8754 74.3986 85.4593 81.7409C79.0242 85.0145 73.1334 85.1838 68.5831 82.8031C68.5677 82.8031 68.5575 82.7928 68.542 82.7825C68.2955 82.6594 68.0541 82.5157 67.8179 82.372C67.7306 82.3207 67.6381 82.2643 67.5508 82.2079C67.4173 82.1206 67.2786 82.0334 67.1451 81.9411C66.9756 81.823 66.8164 81.7102 66.6572 81.587C66.5494 81.5101 66.4518 81.428 66.3491 81.3459C66.1796 81.2176 66.0152 81.0739 65.8509 80.9303C65.7225 80.8174 65.5941 80.7096 65.4708 80.5865C65.3938 80.5146 65.3168 80.4428 65.2397 80.3659C65.1986 80.3248 65.1627 80.2889 65.1216 80.253C65.024 80.1555 64.9265 80.0529 64.8289 79.9502C64.5156 79.6167 64.2126 79.273 63.9301 78.9035C63.8428 78.7958 63.7606 78.6983 63.6785 78.5854C63.5552 78.4212 63.4319 78.2519 63.3138 78.0775C63.2471 77.9851 63.1854 77.8876 63.1187 77.7953C62.7848 77.3078 62.4767 76.7947 62.1891 76.2508C62.1172 76.1174 62.0453 75.9789 61.9837 75.8404C61.9272 75.7378 61.8758 75.6403 61.8296 75.5325C61.7423 75.3581 61.6601 75.1836 61.5831 75.0092C61.4803 74.7937 61.3879 74.5782 61.3057 74.3524C61.2236 74.1574 61.1414 73.9573 61.0644 73.7572C61.0387 73.6905 61.0181 73.6289 60.9924 73.5622C60.9257 73.3724 60.8641 73.1928 60.7973 72.9978C60.7151 72.7669 60.6432 72.5309 60.5713 72.2898C60.5097 72.0897 60.4532 71.8844 60.3916 71.6792C60.3094 71.3918 60.2375 71.0943 60.1656 70.7864C60.1142 70.5658 60.0577 70.34 60.0167 70.1194C59.9704 69.9141 59.9293 69.6986 59.8934 69.4883C59.8626 69.3549 59.842 69.2163 59.8164 69.0727V69.0573C59.7804 68.8623 59.7496 68.6622 59.7188 68.4621C59.6777 68.1799 59.6315 67.8823 59.6007 67.5898C59.5698 67.3692 59.5493 67.1486 59.5288 66.9228C59.5133 66.8304 59.5031 66.7381 59.4979 66.6509C59.4723 66.4251 59.4569 66.1942 59.4414 65.9582V65.9428C59.4158 65.6657 59.4004 65.3784 59.3901 65.0962C59.3593 64.501 59.349 63.8904 59.349 63.2747C59.349 45.7423 71.0432 25.5829 85.4593 18.2405C85.9061 18.0148 86.3529 17.8044 86.7895 17.6043C87.2311 17.4093 87.6728 17.2246 88.1042 17.0553C88.8027 16.7833 89.496 16.5473 90.1791 16.3575C90.518 16.26 90.8467 16.1728 91.1754 16.0907C91.2576 16.0701 91.3346 16.0547 91.4117 16.0393C91.7917 15.9521 92.1666 15.8803 92.5467 15.8187C94.1952 15.5468 95.7771 15.4903 97.2716 15.6545C97.4154 15.6699 97.554 15.6904 97.6978 15.7058C99.2334 15.9111 100.687 16.3575 102.022 17.004C102.053 17.0194 102.074 17.0348 102.099 17.045C107.892 19.9132 111.58 26.84 111.58 36.6862L111.57 36.7016Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M89.1108 69.2574C88.9618 69.2574 88.8232 69.2266 88.6999 69.1599L84.4064 66.9741C84.0726 66.8048 83.8826 66.4559 83.8826 66.0095V29.6158C83.8826 28.9437 84.3345 28.2099 84.9046 27.9534C86.81 27.0914 88.6742 26.6553 90.4461 26.6553C91.9817 26.6553 93.4094 26.9837 94.6882 27.6353L98.9817 29.8211C99.3515 30.0109 99.7162 30.2315 100.065 30.4727C103.162 32.6636 104.872 36.7632 104.872 42.0224C104.872 47.2816 103.219 52.9051 100.214 58.0822C97.3999 62.9361 93.6559 66.8459 89.6655 69.0984C89.4857 69.201 89.2957 69.2523 89.1108 69.2523V69.2574Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M90.4461 27.1633C91.8893 27.1633 93.24 27.4711 94.452 28.0868L98.7455 30.2726C99.0999 30.4522 99.4389 30.6574 99.7624 30.8883C102.7 32.9664 104.354 36.9685 104.354 42.0225C104.354 47.0764 102.705 52.7564 99.7624 57.8257C96.9942 62.5975 93.3016 66.4559 89.4087 68.6571C89.3008 68.7187 89.1981 68.7443 89.1057 68.7443C89.0389 68.7443 88.9773 68.729 88.9259 68.7033L84.6324 66.5175C84.4835 66.4406 84.391 66.2661 84.391 66.0096V29.6159C84.391 29.1387 84.7197 28.5948 85.1152 28.4204C86.9641 27.584 88.7616 27.1633 90.4461 27.1633ZM90.4461 26.1371C88.6024 26.1371 86.6662 26.5886 84.694 27.4814C83.9391 27.8252 83.369 28.7385 83.369 29.6107V66.0044C83.369 66.6407 83.6669 67.1692 84.1702 67.4257L88.4637 69.6115C88.664 69.7141 88.8797 69.7654 89.1108 69.7654C89.3881 69.7654 89.6552 69.6884 89.9171 69.5448C93.9847 67.2461 97.8006 63.2645 100.656 58.3388C103.707 53.0796 105.381 47.2868 105.381 42.0225C105.381 36.7581 103.599 32.3404 100.358 30.052C99.9935 29.7954 99.6083 29.5594 99.2129 29.3593L94.9194 27.1735C93.5687 26.486 92.0588 26.1371 90.4461 26.1371Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M98.7455 30.2725C96.1212 28.9385 92.8394 29.0462 89.4087 30.6009C89.0184 30.7805 88.6846 31.3192 88.6846 31.7964V68.1901C88.6846 68.4467 88.777 68.6211 88.9259 68.6981L84.6324 66.5123C84.4835 66.4353 84.3911 66.2609 84.3911 66.0043V29.6158C84.3911 29.1386 84.7197 28.5947 85.1152 28.4203C88.5459 26.8656 91.8277 26.7578 94.452 28.0919L98.7455 30.2777V30.2725Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M98.7456 30.2725C99.0999 30.4521 99.4389 30.6574 99.7624 30.8882C102.7 32.9663 104.349 36.9684 104.349 42.0224C104.349 47.0763 102.7 52.7563 99.7624 57.8256C96.9943 62.5974 93.3016 66.4559 89.4087 68.657C89.2238 68.7597 89.0595 68.7699 88.926 68.7032C88.777 68.6263 88.6846 68.4518 88.6846 68.1953V31.8016C88.6846 31.3244 89.0133 30.7805 89.4087 30.606C92.8394 29.0514 96.1212 28.9436 98.7456 30.2777V30.2725Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M52.5236 1.67268C51.404 1.10315 49.966 1.14933 48.3893 1.95488C44.8302 3.7661 41.949 8.74311 41.949 13.0634C41.949 15.4749 42.8478 17.1784 44.2601 17.8967L41.9695 16.732C40.5572 16.0136 39.6584 14.3102 39.6584 11.8986C39.6584 7.57326 42.5448 2.59625 46.0987 0.790162C47.6703 -0.0102638 49.1134 -0.0615732 50.233 0.507961L52.5236 1.67268Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M52.5236 1.67263C53.9359 2.39096 54.8347 4.09443 54.8347 6.50597C54.8347 10.8313 51.9484 15.8084 48.3944 17.6144C46.8229 18.4149 45.3797 18.4662 44.2601 17.8966C42.8478 17.1783 41.949 15.4748 41.949 13.0633C41.949 8.73793 44.8353 3.76092 48.3893 1.95483C49.9608 1.15441 51.404 1.1031 52.5236 1.67263Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M49.0158 6.51632C50.7363 5.63894 52.1332 6.62407 52.1332 8.71749C52.1332 10.8109 50.7363 13.2173 49.0158 14.0896C47.2953 14.9618 45.8984 13.9818 45.8984 11.8884C45.8984 9.79499 47.2953 7.38858 49.0158 6.51632ZM49.0158 7.3578C47.6754 8.04021 46.5917 9.913 46.5917 11.5395C46.5917 13.166 47.6754 13.9357 49.0158 13.2532C50.3563 12.5708 51.4399 10.698 51.4399 9.07153C51.4399 7.44502 50.3563 6.67538 49.0158 7.3578ZM49.8427 8.3532C49.9814 8.10691 50.2073 7.99403 50.3511 8.09665C50.4898 8.19927 50.4898 8.47634 50.3511 8.72263L49.2777 10.5954C49.1391 10.8417 48.908 10.9546 48.7693 10.852C48.6306 10.7493 48.6306 10.4723 48.7693 10.226L49.8478 8.3532H49.8427ZM49.7092 4.60249C49.8992 4.505 50.0532 4.61275 50.0532 4.84877C50.0532 5.08479 49.8992 5.3516 49.7092 5.44396L48.3225 6.1469C48.1325 6.24439 47.9784 6.1315 47.9784 5.90061C47.9784 5.66972 48.1325 5.40291 48.3225 5.30542L49.7092 4.60249Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M156.646 38.6513C157.222 38.3588 157.586 37.6661 157.586 36.681V24.0999C157.586 22.3349 156.41 20.3031 154.957 19.5642L122.375 2.98102C121.733 2.65264 121.143 2.63725 120.686 2.86814L122.976 1.70342C123.433 1.47253 124.024 1.48792 124.666 1.8163L157.252 18.4046C158.706 19.1435 159.882 21.1753 159.882 22.9404V35.5214C159.882 36.5065 159.517 37.1992 158.942 37.4917L156.651 38.6564L156.646 38.6513Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M156.646 38.6512C156.189 38.8821 155.599 38.8667 154.957 38.5383L122.37 21.95C120.917 21.2112 119.741 19.1793 119.741 17.4143V4.83837C119.741 3.85323 120.105 3.16056 120.68 2.86809C121.138 2.6372 121.728 2.65259 122.37 2.98097L154.957 19.5693C156.41 20.3081 157.586 22.34 157.586 24.105V36.6861C157.586 37.6712 157.222 38.3639 156.646 38.6563V38.6512Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M133.628 16.8038L141.188 20.652C141.809 20.9701 142.312 20.611 142.312 19.8567C142.312 19.1025 141.809 18.2302 141.188 17.9172L133.628 14.069C133.006 13.7509 132.503 14.1101 132.503 14.8643C132.503 15.6186 133.006 16.4908 133.628 16.8038Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M134.167 23.1251L144.767 28.5229C145.64 28.9641 146.344 28.4664 146.344 27.4094C146.344 26.3473 145.635 25.1313 144.767 24.6901L134.167 19.2923C133.294 18.851 132.59 19.3488 132.59 20.4057C132.59 21.4678 133.299 22.6839 134.167 23.1251Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M127.285 12.8991C127.336 13.0684 127.455 13.2326 127.588 13.2993C127.773 13.3968 127.927 13.2839 127.927 13.053V12.6271C127.927 12.4886 127.876 12.3295 127.783 12.2064C127.691 12.0832 127.578 12.0063 127.47 12.0011L125.287 11.9396C125.159 11.9396 125.072 12.0473 125.072 12.2218V15.1567C125.072 15.3055 125.133 15.4697 125.231 15.5979C125.333 15.7262 125.457 15.7929 125.559 15.7775L125.873 15.7313C126.037 15.7057 126.099 15.485 126.017 15.2388C125.96 15.0746 125.857 14.9412 125.744 14.8745V12.8478L127.28 12.8888L127.285 12.8991Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M125.939 10.9596C125.991 11.1289 126.109 11.2931 126.242 11.3598C126.427 11.4573 126.581 11.3444 126.581 11.1135V10.6877C126.581 10.5491 126.53 10.3901 126.438 10.2669C126.345 10.1438 126.232 10.0668 126.124 10.0617L123.942 10.0001C123.813 10.0001 123.726 10.1079 123.726 10.2823V13.2172C123.726 13.366 123.788 13.5302 123.885 13.6585C123.988 13.7868 124.111 13.8535 124.214 13.8381L124.527 13.7919C124.691 13.7662 124.753 13.5456 124.671 13.2993C124.614 13.1351 124.512 13.0017 124.399 12.935V10.9083L125.934 10.9493L125.939 10.9596Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M129.267 14.2177C129.175 14.0895 129.062 14.0125 128.959 14.0125L126.777 13.9509C126.648 13.9509 126.561 14.0638 126.561 14.228V17.168C126.561 17.3066 126.612 17.4605 126.705 17.5836C126.802 17.7119 126.915 17.7889 127.018 17.7889L129.196 17.8504C129.329 17.8607 129.416 17.7478 129.416 17.5734V14.6333C129.416 14.4948 129.365 14.3409 129.267 14.2177ZM128.744 16.9474L127.234 16.9012V14.8642L128.744 14.9104V16.9474Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4.73004 54.5521C3.3177 53.8338 2.41894 52.1354 2.41894 49.7188C2.41894 45.3934 5.30525 40.4164 8.85921 38.6103L32.6892 26.4808C34.2608 25.6803 35.6988 25.629 36.8184 26.1986L34.5278 25.0338C33.4082 24.4643 31.9702 24.5156 30.3987 25.316L6.56865 37.4456C3.01469 39.2517 0.128387 44.2287 0.128387 48.554C0.128387 50.9707 1.02715 52.669 2.43949 53.3874L4.73004 54.5521Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4.73004 54.552C5.84964 55.1216 7.28766 55.0703 8.85921 54.2698L32.6892 42.1403C36.2483 40.3291 39.1295 35.3521 39.1295 31.0318C39.1295 28.6152 38.2307 26.9168 36.8184 26.1985C35.6988 25.629 34.2608 25.6803 32.6892 26.4807L8.85921 38.6102C5.30012 40.4215 2.41895 45.3985 2.41895 49.7187C2.41895 52.1354 3.31771 53.8337 4.73004 54.552Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12.1153 43.2692C12.2026 43.1358 12.331 43.0793 12.4132 43.1358C12.4953 43.1922 12.5005 43.3461 12.4286 43.4898L12.4132 43.5206L9.30088 48.8927C9.21357 49.0415 9.07491 49.1133 8.9876 49.0517C8.90029 48.9902 8.90029 48.8208 8.9876 48.6669L12.0999 43.2948L12.1153 43.2692Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M9.80932 45.0548C9.80932 44.829 9.66038 44.7264 9.47549 44.8187C9.29061 44.9111 9.14167 45.1676 9.14167 45.3934C9.14167 45.6192 9.29061 45.7218 9.47549 45.6294C9.66038 45.5371 9.80932 45.2805 9.80932 45.0548ZM10.2561 44.829C10.2561 45.3524 9.9069 45.9527 9.47549 46.1733C9.04409 46.3939 8.69485 46.1476 8.69485 45.6243C8.69485 45.1009 9.04409 44.5006 9.47549 44.28C9.9069 44.0594 10.2561 44.3056 10.2561 44.829Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M12.2591 46.7839C12.2591 46.5581 12.1102 46.4555 11.9253 46.5479C11.7404 46.6402 11.5914 46.8968 11.5914 47.1225C11.5914 47.3483 11.7404 47.4509 11.9253 47.3586C12.1102 47.2662 12.2591 47.0096 12.2591 46.7839ZM12.7008 46.5581C12.7008 47.0815 12.3515 47.6818 11.9201 47.9024C11.4887 48.1231 11.1395 47.8768 11.1395 47.3534C11.1395 46.8301 11.4887 46.2297 11.9201 46.0091C12.3515 45.7885 12.7008 46.0348 12.7008 46.5581Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M10.6259 41.2989C10.6259 41.1552 10.7235 40.991 10.8416 40.9346C11.5349 40.6267 12.2077 40.5241 12.8086 40.6524C13.4711 40.7909 14.0104 41.1963 14.3853 41.8223C14.7551 42.4482 14.94 43.2794 14.9194 44.2184C14.8989 45.1625 14.6678 46.1835 14.262 47.1789C13.8512 48.1743 13.276 49.1082 12.5981 49.8829C11.915 50.6577 11.1549 51.2426 10.3897 51.5762C9.62443 51.9097 8.88488 51.9866 8.24805 51.7917C7.67284 51.6121 7.19521 51.2221 6.86652 50.6475C6.81003 50.55 6.85625 50.3704 6.9641 50.2524C7.07195 50.1344 7.20035 50.1241 7.25684 50.2216C7.55472 50.7295 7.97585 51.0733 8.48943 51.2324C9.06464 51.4068 9.72715 51.3401 10.4153 51.0374C11.1035 50.7347 11.7917 50.2113 12.4029 49.5135C13.014 48.8157 13.5328 47.9794 13.9025 47.0815C14.2723 46.1835 14.4726 45.2651 14.4932 44.4134C14.5137 43.5668 14.3494 42.8177 14.0155 42.2532C13.6817 41.6888 13.1938 41.3246 12.5981 41.2014C12.0639 41.0885 11.4682 41.1758 10.8519 41.4477C10.7338 41.499 10.6362 41.4323 10.6362 41.2886L10.6259 41.2989Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M29.6745 38.5385L20.954 42.9768C20.2349 43.3411 19.6546 42.9306 19.6546 42.0583C19.6546 41.1861 20.2349 40.1855 20.954 39.8212L29.6745 35.383C30.3935 35.0187 30.9739 35.4292 30.9739 36.3014C30.9739 37.1737 30.3935 38.1742 29.6745 38.5385Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_446_128653">
|
||||
<rect width="160" height="164" fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary} />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,326 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function DashboardVerticalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="162"
|
||||
height="165"
|
||||
viewBox="0 0 162 165"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M14.2806 131.177C14.2806 133.122 15.737 135.062 18.6448 136.55L56.0858 155.628C61.9065 158.592 71.3401 158.592 77.1608 155.628L155.836 115.542C158.744 114.06 160.2 112.119 160.2 110.174V116.386C160.2 118.331 158.744 120.271 155.836 121.754L77.1608 161.84C71.3401 164.804 61.9065 164.804 56.0858 161.84L18.6448 142.762C15.7319 141.279 14.2806 139.334 14.2806 137.389V131.177Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M14.2806 131.177C14.2806 129.232 15.737 127.292 18.6448 125.81L97.3197 85.7233C103.14 82.7589 112.574 82.7589 118.395 85.7233L155.836 104.802C158.749 106.284 160.2 108.229 160.2 110.174C160.2 112.12 158.744 114.06 155.836 115.542L77.1608 155.629C71.3401 158.593 61.9065 158.593 56.0858 155.629L18.6448 136.55C15.7319 135.068 14.2806 133.123 14.2806 131.177Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M14.2806 111.554C14.2806 113.499 15.737 115.439 18.6448 116.927L56.0858 136.005C61.9065 138.969 71.3401 138.969 77.1608 136.005L155.836 95.9186C158.744 94.4364 160.2 92.4962 160.2 90.5508V96.7627C160.2 98.7081 158.744 100.648 155.836 102.13L77.1608 142.217C71.3401 145.181 61.9065 145.181 56.0858 142.217L18.6448 123.139C15.7319 121.656 14.2806 119.711 14.2806 117.766V111.554Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M14.2806 111.554C14.2806 109.609 15.737 107.669 18.6448 106.186L97.3197 66.1003C103.14 63.1359 112.574 63.1359 118.395 66.1003L155.836 85.1785C158.749 86.6607 160.2 88.606 160.2 90.5514C160.2 92.4968 158.744 94.437 155.836 95.9192L77.1608 136.006C71.3401 138.97 61.9065 138.97 56.0858 136.006L18.6448 116.927C15.7319 115.445 14.2806 113.5 14.2806 111.554Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M14.2806 91.9307C14.2806 93.8761 15.737 95.8163 18.6448 97.3037L56.0858 116.382C61.9065 119.346 71.3401 119.346 77.1608 116.382L155.836 76.2957C158.744 74.8135 160.2 72.8731 160.2 70.9277V77.1396C160.2 79.085 158.744 81.0252 155.836 82.5074L77.1608 122.594C71.3401 125.558 61.9065 125.558 56.0858 122.594L18.6448 103.516C15.7319 102.033 14.2806 100.088 14.2806 98.1426V91.9307Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M14.2806 91.9314C14.2806 89.986 15.737 88.0458 18.6448 86.5636L97.3197 46.4772C103.14 43.5128 112.574 43.5128 118.395 46.4772L155.836 65.5554C158.749 67.0376 160.2 68.983 160.2 70.9284C160.2 72.8737 158.744 74.8141 155.836 76.2963L77.1608 116.383C71.3401 119.347 61.9065 119.347 56.0858 116.383L18.6448 97.3043C15.7319 95.8221 14.2806 93.8767 14.2806 91.9314Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M98.6889 81.9835C98.0198 81.9835 97.3971 81.8395 96.831 81.5513L92.2454 79.2148C90.6242 78.3862 89.6927 76.4871 89.6927 73.9911V63.698C89.6927 59.2669 92.6623 54.146 96.3163 52.2881L104.777 47.9805C105.698 47.5122 106.599 47.2754 107.459 47.2754C108.128 47.2754 108.75 47.4195 109.316 47.7077L113.902 50.0443C115.523 50.8729 116.455 52.7719 116.455 55.268V65.561C116.455 69.9922 113.485 75.1078 109.831 76.9708L101.37 81.2785C100.449 81.7468 99.5483 81.9835 98.6889 81.9835Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M107.459 47.7852C108.05 47.7852 108.596 47.9138 109.08 48.1609L113.665 50.4974C115.055 51.2076 115.94 52.8802 115.94 55.2579V65.551C115.94 69.8123 113.099 74.717 109.594 76.5028L101.133 80.8105C100.264 81.2531 99.4402 81.464 98.6837 81.464C98.0918 81.464 97.5463 81.3353 97.0625 81.0883L92.477 78.7519C91.0874 78.0417 90.2022 76.369 90.2022 73.9914V63.6983C90.2022 59.437 93.0431 54.5323 96.5479 52.7465L105.009 48.4388C105.879 47.9962 106.702 47.7852 107.459 47.7852ZM107.459 46.7559C106.517 46.7559 105.539 47.0132 104.54 47.5175L96.0796 51.8252C92.2094 53.7964 89.1729 59.0098 89.1729 63.6932V73.9862C89.1729 76.6778 90.2074 78.7466 92.0087 79.6679L96.5942 82.0044C97.2324 82.3286 97.9323 82.4933 98.6837 82.4933C99.6255 82.4933 100.603 82.236 101.597 81.7316L110.057 77.424C113.928 75.4529 116.964 70.2395 116.964 65.5561V55.2631C116.964 52.5714 115.93 50.5025 114.128 49.5813L109.543 47.2448C108.905 46.9205 108.205 46.7559 107.453 46.7559H107.459Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M98.6889 43.4986C98.0198 43.4986 97.3971 43.3544 96.831 43.0662L92.2454 40.7297C90.6242 39.9011 89.6927 38.0021 89.6927 35.506V25.2129C89.6927 20.7818 92.6623 15.6609 96.3163 13.803L104.777 9.49544C105.698 9.02711 106.599 8.78516 107.459 8.78516C108.128 8.78516 108.75 8.9293 109.316 9.21751L113.902 11.5541C115.523 12.3826 116.455 14.2817 116.455 16.7777V27.0708C116.455 31.5019 113.485 36.6228 109.831 38.4807L101.37 42.7883C100.449 43.2566 99.5483 43.4934 98.6889 43.4934V43.4986Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M107.459 9.3047C108.05 9.3047 108.596 9.43335 109.08 9.68038L113.665 12.0169C115.055 12.7271 115.94 14.3998 115.94 16.7775V27.0705C115.94 31.3318 113.099 36.2365 109.594 38.0223L101.133 42.33C100.264 42.7726 99.4402 42.9837 98.6837 42.9837C98.0918 42.9837 97.5463 42.8549 97.0625 42.6078L92.477 40.2714C91.0874 39.5612 90.2022 37.8886 90.2022 35.5109V25.2178C90.2022 20.9565 93.0431 16.0519 96.5479 14.266L105.009 9.95831C105.879 9.51571 106.702 9.3047 107.459 9.3047ZM107.459 8.27539C106.517 8.27539 105.539 8.53271 104.54 9.03707L96.0796 13.3448C92.2094 15.3159 89.1729 20.5293 89.1729 25.2127V35.5057C89.1729 38.1974 90.2074 40.2662 92.0087 41.1874L96.5942 43.5239C97.2324 43.8482 97.9323 44.013 98.6837 44.013C99.6255 44.013 100.603 43.7555 101.602 43.2512L110.063 38.9436C113.933 36.9725 116.969 31.759 116.969 27.0757V16.7826C116.969 14.091 115.935 12.0221 114.134 11.1008L109.548 8.76429C108.91 8.44005 108.21 8.27539 107.459 8.27539Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M67.6862 96.1417C67.0171 96.1417 66.3944 95.9977 65.8283 95.7095L61.2427 93.373C59.6216 92.5444 58.6901 90.6452 58.6901 88.1492V77.8561C58.6901 73.425 61.6596 68.3042 65.3136 66.4463L73.7745 62.1387C74.6957 61.6704 75.5964 61.4336 76.4559 61.4336C77.1249 61.4336 77.7476 61.5777 78.3138 61.8659L82.8993 64.2025C84.5205 65.0311 85.452 66.9352 85.452 69.4262V79.7192C85.452 84.1504 82.4825 89.266 78.8284 91.129L70.3675 95.4367C69.4463 95.9051 68.5456 96.1417 67.6862 96.1417Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M76.4559 61.9492C77.0478 61.9492 77.5933 62.0779 78.0771 62.3249L82.6626 64.6615C84.0521 65.3717 84.9374 67.0443 84.9374 69.422V79.715C84.9374 83.9764 82.0965 88.881 78.5917 90.6669L70.1308 94.9744C69.261 95.417 68.4376 95.6281 67.6811 95.6281C67.0892 95.6281 66.5437 95.4994 66.0599 95.2524L61.4744 92.9158C60.0848 92.2056 59.1996 90.533 59.1996 88.1553V77.8622C59.1996 73.6009 62.0405 68.6964 65.5452 66.9105L74.0062 62.6028C74.8759 62.1602 75.6994 61.9492 76.4559 61.9492ZM76.4559 60.9199C75.5141 60.9199 74.5362 61.1772 73.5378 61.6816L65.0769 65.9893C61.2068 67.9604 58.1703 73.1738 58.1703 77.8571V88.1501C58.1703 90.8418 59.2047 92.9107 61.006 93.8319L65.5916 96.1685C66.2298 96.4927 66.9297 96.6574 67.6811 96.6574C68.6229 96.6574 69.6007 96.4 70.594 95.8957L79.0549 91.5881C82.9251 89.617 85.9615 84.4035 85.9615 79.7202V69.4271C85.9615 66.7355 84.9271 64.6666 83.1258 63.7454L78.5402 61.4088C77.902 61.0846 77.2021 60.9199 76.4508 60.9199H76.4559Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M67.6862 57.6625C67.0171 57.6625 66.3944 57.5185 65.8283 57.2303L61.2427 54.8937C59.6216 54.0651 58.6901 52.1661 58.6901 49.6701V39.377C58.6901 34.9459 61.6596 29.8301 65.3136 27.9671L73.7745 23.6595C74.6957 23.1912 75.5964 22.9492 76.4559 22.9492C77.1249 22.9492 77.7476 23.0934 78.3138 23.3816L82.8993 25.7181C84.5205 26.5467 85.452 28.4509 85.452 30.9418V41.2348C85.452 45.666 82.4825 50.7816 78.8284 52.6446L70.3675 56.9523C69.4463 57.4207 68.5456 57.6574 67.6862 57.6574V57.6625Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M76.4559 23.4688C77.0478 23.4688 77.5933 23.5974 78.0771 23.8444L82.6626 26.181C84.0521 26.8912 84.9374 28.5638 84.9374 30.9415V41.2346C84.9374 45.4959 82.0965 50.4005 78.5917 52.1864L70.1308 56.4941C69.261 56.9367 68.4376 57.1476 67.6811 57.1476C67.0892 57.1476 66.5437 57.0189 66.0599 56.7719L61.4744 54.4355C60.0848 53.7253 59.1996 52.0526 59.1996 49.6749V39.3819C59.1996 35.1206 62.0405 30.2159 65.5452 28.4301L74.0062 24.1224C74.8759 23.6798 75.6994 23.4688 76.4559 23.4688ZM76.4559 22.4395C75.5141 22.4395 74.5362 22.6968 73.5378 23.2011L65.0769 27.5088C61.2068 29.4799 58.1703 34.6934 58.1703 39.3767V49.6698C58.1703 52.3614 59.2047 54.4302 61.006 55.3515L65.5916 57.688C66.2298 58.0122 66.9297 58.1769 67.6811 58.1769C68.6229 58.1769 69.6007 57.9196 70.5992 57.4152L79.06 53.1076C82.9302 51.1365 85.9667 45.9231 85.9667 41.2397V30.9467C85.9667 28.255 84.9322 26.1861 83.1309 25.2649L78.5454 22.9283C77.9072 22.6041 77.2073 22.4395 76.4559 22.4395Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M113.665 50.4979C112.564 49.9369 111.144 49.9833 109.594 50.7758L101.133 55.0834C97.6287 56.8693 94.7878 61.7739 94.7878 66.0352V76.3283C94.7878 78.706 95.673 80.3837 97.0626 81.0888L92.4771 78.7524C91.0875 78.0422 90.2023 76.3696 90.2023 73.9919V63.6988C90.2023 59.4375 93.0431 54.5328 96.5479 52.747L105.009 48.4393C106.558 47.6519 107.978 47.6004 109.08 48.1614L113.665 50.4979Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M113.665 50.4973C115.055 51.2075 115.94 52.8801 115.94 55.2578V65.5509C115.94 69.8122 113.099 74.7169 109.594 76.5027L101.133 80.8104C99.5844 81.5978 98.1639 81.6492 97.0626 81.0882C95.673 80.378 94.7878 78.7054 94.7878 76.3277V66.0346C94.7878 61.7733 97.6287 56.8687 101.133 55.0828L109.594 50.7752C111.144 49.9878 112.564 49.9363 113.665 50.4973Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M113.665 12.0174C112.564 11.4565 111.144 11.5028 109.594 12.2954L101.133 16.6031C97.6287 18.3889 94.7878 23.2934 94.7878 27.5548V37.8478C94.7878 40.2255 95.673 41.9033 97.0626 42.6083L92.4771 40.2719C91.0875 39.5617 90.2023 37.8891 90.2023 35.5114V25.2183C90.2023 20.957 93.0431 16.0524 96.5479 14.2665L105.009 9.95883C106.558 9.17141 107.978 9.11992 109.08 9.68089L113.665 12.0174Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M113.665 12.0168C115.055 12.7271 115.94 14.3997 115.94 16.7774V27.0704C115.94 31.3317 113.099 36.2364 109.594 38.0222L101.133 42.3299C99.5844 43.1174 98.1639 43.1687 97.0626 42.6077C95.673 41.8975 94.7878 40.2249 94.7878 37.8472V27.5542C94.7878 23.2928 97.6287 18.3883 101.133 16.6025L109.594 12.2948C111.144 11.5073 112.564 11.4559 113.665 12.0168Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M113.665 12.0174C112.564 11.4565 111.144 11.5028 109.594 12.2954L101.133 16.6031C97.6287 18.3889 94.7878 23.2934 94.7878 27.5548V37.8478C94.7878 40.2255 95.673 41.9033 97.0626 42.6083L92.4771 40.2719C91.0875 39.5617 90.2023 37.8891 90.2023 35.5114V25.2183C90.2023 20.957 93.0431 16.0524 96.5479 14.2665L105.009 9.95883C106.558 9.17141 107.978 9.11992 109.08 9.68089L113.665 12.0174Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M113.665 12.0168C115.055 12.7271 115.94 14.3997 115.94 16.7774V27.0704C115.94 31.3317 113.099 36.2364 109.594 38.0222L101.133 42.3299C99.5844 43.1174 98.1639 43.1687 97.0626 42.6077C95.673 41.8975 94.7878 40.2249 94.7878 37.8472V27.5542C94.7878 23.2928 97.6287 18.3883 101.133 16.6025L109.594 12.2948C111.144 11.5073 112.564 11.4559 113.665 12.0168Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M82.6626 64.662C81.5612 64.101 80.1408 64.1473 78.5917 64.9399L70.1308 69.2475C66.626 71.0333 63.7852 75.938 63.7852 80.1993V90.4923C63.7852 92.87 64.6703 94.5478 66.0599 95.2529L61.4744 92.9163C60.0848 92.2061 59.1996 90.5335 59.1996 88.1558V77.8628C59.1996 73.6014 62.0404 68.6969 65.5452 66.9111L74.0061 62.6034C75.5553 61.8159 76.9757 61.7645 78.0771 62.3254L82.6626 64.662Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M82.6626 64.6614C84.0521 65.3716 84.9374 67.0442 84.9374 69.4219V79.7149C84.9374 83.9763 82.0965 88.8809 78.5917 90.6668L70.1308 94.9743C68.5817 95.7618 67.1612 95.8132 66.0599 95.2523C64.6703 94.5421 63.7852 92.8694 63.7852 90.4917V80.1987C63.7852 75.9374 66.626 71.0327 70.1308 69.2469L78.5917 64.9393C80.1408 64.1519 81.5612 64.1004 82.6626 64.6614Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M82.6626 26.1815C81.5612 25.6205 80.1408 25.6669 78.5917 26.4594L70.1308 30.767C66.626 32.5529 63.7852 37.4575 63.7852 41.7188V52.0119C63.7852 54.3896 64.6703 56.0673 66.0599 56.7724L61.4744 54.436C60.0848 53.7258 59.1996 52.0532 59.1996 49.6755V39.3824C59.1996 35.1211 62.0404 30.2164 65.5452 28.4306L74.0061 24.1229C75.5553 23.3355 76.9757 23.284 78.0771 23.845L82.6626 26.1815Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M82.6626 26.1809C84.0521 26.8911 84.9374 28.5637 84.9374 30.9414V41.2345C84.9374 45.4958 82.0965 50.4005 78.5917 52.1863L70.1308 56.494C68.5817 57.2814 67.1612 57.3328 66.0599 56.7718C64.6703 56.0616 63.7852 54.389 63.7852 52.0113V41.7182C63.7852 37.4569 66.626 32.5522 70.1308 30.7664L78.5917 26.4588C80.1408 25.6714 81.5612 25.6199 82.6626 26.1809Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M82.6626 26.1815C81.5612 25.6205 80.1408 25.6669 78.5917 26.4594L70.1308 30.767C66.626 32.5529 63.7852 37.4575 63.7852 41.7188V52.0119C63.7852 54.3896 64.6703 56.0673 66.0599 56.7724L61.4744 54.436C60.0848 53.7258 59.1996 52.0532 59.1996 49.6755V39.3824C59.1996 35.1211 62.0404 30.2164 65.5452 28.4306L74.0061 24.1229C75.5553 23.3355 76.9757 23.284 78.0771 23.845L82.6626 26.1815Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M82.6626 26.1809C84.0521 26.8911 84.9374 28.5637 84.9374 30.9414V41.2345C84.9374 45.4958 82.0965 50.4005 78.5917 52.1863L70.1308 56.494C68.5817 57.2814 67.1612 57.3328 66.0599 56.7718C64.6703 56.0616 63.7852 54.389 63.7852 52.0113V41.7182C63.7852 37.4569 66.626 32.5522 70.1308 30.7664L78.5917 26.4588C80.1408 25.6714 81.5612 25.6199 82.6626 26.1809Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4.81131 65.6072C3.39602 64.8867 2.49537 63.1831 2.49537 60.7591C2.49537 56.4206 5.38771 51.4285 8.9491 49.6169L35.5515 36.0867C37.1264 35.2838 38.5673 35.2323 39.6893 35.8036L37.394 34.6353C36.272 34.0641 34.831 34.1156 33.2561 34.9184L6.65377 48.4486C3.08723 50.2654 0.200012 55.2574 0.200012 59.5908C0.200012 62.0148 1.10065 63.7184 2.51595 64.4389L4.81131 65.6072Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4.8113 65.6069C5.93324 66.1782 7.37426 66.1267 8.94909 65.3238L35.5515 51.7936C39.1181 49.9769 42.0052 44.9848 42.0052 40.6514C42.0052 38.2274 41.1046 36.5238 39.6893 35.8033C38.5673 35.232 37.1264 35.2835 35.5515 36.0864L8.94909 49.6166C5.38255 51.4333 2.49536 56.4254 2.49536 60.7588C2.49536 63.1828 3.396 64.8864 4.8113 65.6069Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12.6083 55.7262C12.2635 55.9011 11.9804 55.7056 11.9804 55.2836V52.2266C11.9804 52.0105 12.0525 51.7686 12.1811 51.5627C12.3046 51.362 12.4693 51.2127 12.6391 51.1458C14.2654 50.5128 15.5675 51.434 15.7322 53.3331C15.7477 53.5286 15.6962 53.7551 15.583 53.9661C15.4646 54.1822 15.2999 54.3572 15.1249 54.4447L12.6134 55.7262H12.6083ZM12.6083 51.9229V54.9593L15.1044 53.6882C14.9602 52.1751 13.9155 51.434 12.6083 51.9229Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M12.2892 59.7039C11.8415 59.9303 11.3886 60.0589 10.946 60.0538C10.0968 60.0538 9.43804 59.57 9.08808 58.7053C8.73812 57.8407 8.7484 56.693 9.10865 55.4785C9.45347 54.3051 10.0916 53.1935 10.9099 52.3443C11.0695 52.1796 11.2547 52.1745 11.3217 52.3289C11.3886 52.4832 11.3217 52.7508 11.157 52.9155C10.4931 53.6103 9.96812 54.5212 9.68506 55.4785C9.39171 56.4717 9.38658 57.4136 9.66964 58.1187C9.9527 58.8238 10.4931 59.2148 11.1879 59.22C12.6238 59.2251 14.2861 57.5577 14.8933 55.5042C14.9602 55.2778 15.1455 55.0925 15.3051 55.0925C15.4646 55.0925 15.5418 55.2778 15.4698 55.5094C14.9139 57.393 13.6324 59.0142 12.2841 59.6987L12.2892 59.7039Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M22.644 49.7053C22.469 49.7928 22.3249 49.695 22.3249 49.4789V47.9349C22.3249 47.7239 22.469 47.4768 22.644 47.3893C22.819 47.3018 22.9631 47.3997 22.9631 47.6159V49.1598C22.9631 49.3708 22.819 49.6178 22.644 49.7053Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M22.9579 51.8611L22.3249 52.1852C21.9749 52.3654 21.6919 52.1646 21.6919 51.7374V50.1935C21.6919 49.7663 21.9749 49.2774 22.3249 49.0973L22.9579 48.7731C23.3079 48.593 23.5909 48.7937 23.5909 49.2208V50.7648C23.5909 51.1919 23.3079 51.6809 22.9579 51.8611ZM22.3249 49.8693V51.4132L22.9579 51.0891V49.5451L22.3249 49.8693Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M22.644 52.7927C22.469 52.8802 22.3249 52.7824 22.3249 52.5663V51.7943C22.3249 51.5833 22.469 51.3362 22.644 51.2487C22.819 51.1612 22.9631 51.2591 22.9631 51.4753V52.2472C22.9631 52.4582 22.819 52.7052 22.644 52.7927Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M25.1761 46.8747C25.0011 46.9622 24.857 46.8644 24.857 46.6483V45.8763C24.857 45.6653 25.0011 45.4182 25.1761 45.3307C25.3511 45.2433 25.4952 45.3411 25.4952 45.5573V46.3293C25.4952 46.5403 25.3511 46.7872 25.1761 46.8747Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M25.4952 49.7978L24.8621 50.122C24.5122 50.3021 24.2291 50.1015 24.2291 49.6743V47.3634C24.2291 46.9362 24.5122 46.4474 24.8621 46.2672L25.4952 45.9431C25.8451 45.7629 26.1282 45.9636 26.1282 46.3907V48.7015C26.1282 49.1287 25.8451 49.6177 25.4952 49.7978ZM24.8621 47.0341V49.3448L25.4952 49.0207V46.7099L24.8621 47.0341Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M25.1761 51.1162C25.0011 51.2036 24.857 51.1059 24.857 50.8897V49.7318C24.857 49.5208 25.0011 49.2737 25.1761 49.1862C25.3511 49.0987 25.4952 49.1966 25.4952 49.4128V50.5707C25.4952 50.7817 25.3511 51.0287 25.1761 51.1162Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M26.4421 52.3961L21.3728 54.9796C20.8479 55.2472 20.4207 54.9437 20.4207 54.3055V48.1399C20.4207 47.9289 20.5648 47.6819 20.7398 47.5944C20.9148 47.5069 21.0589 47.6047 21.0589 47.8209V53.9864C21.0589 54.1974 21.203 54.3003 21.378 54.2128L26.4473 51.6292C26.6223 51.5417 26.7664 51.6396 26.7664 51.8558C26.7664 52.0719 26.6223 52.3137 26.4473 52.4012L26.4421 52.3961Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M35.8139 47.8108L31.0586 50.2348C30.5696 50.4869 30.1682 50.2039 30.1682 49.6069V43.8222C30.1682 43.6215 30.3021 43.3951 30.4668 43.3076C30.6314 43.2201 30.7652 43.3178 30.7652 43.5185V49.3032C30.7652 49.5039 30.899 49.5966 31.0637 49.5143L35.8191 47.0903C35.9838 47.008 36.1176 47.1006 36.1176 47.3013C36.1176 47.502 35.9838 47.7284 35.8191 47.8159L35.8139 47.8108Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M31.6556 48.1256C31.6556 48.1256 31.6092 48.1461 31.5835 48.1512C31.424 48.1821 31.3262 48.038 31.3674 47.8219L31.4034 47.6211C31.5835 46.6124 31.9232 44.734 32.8444 44.2657C33.3025 44.0341 33.5238 44.3273 33.6833 44.5383C33.8326 44.7339 33.9046 44.806 34.0281 44.7443C34.4759 44.5178 35.0369 42.8966 35.2273 41.8776C35.2685 41.6615 35.428 41.466 35.5875 41.4299C35.7471 41.3991 35.8449 41.5431 35.8037 41.7593C35.7985 41.7901 35.1964 44.8729 34.0281 45.4647C33.5701 45.6963 33.3488 45.403 33.1892 45.192C33.04 44.9964 32.968 44.9244 32.8444 44.9861C32.3915 45.2177 32.093 46.8749 31.9798 47.4976L31.9438 47.7035C31.9078 47.8837 31.7894 48.0587 31.6556 48.1256Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M143.232 28.2533C144.452 27.6306 146.027 27.6821 147.746 28.557C151.631 30.5384 154.781 35.9731 154.781 40.6976C154.781 43.3326 153.803 45.1957 152.259 45.9779L154.755 44.7068C156.294 43.9193 157.277 42.0614 157.277 39.4264C157.277 34.7019 154.127 29.2621 150.242 27.2858C148.523 26.4109 146.953 26.3594 145.728 26.9822L143.232 28.2533Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M143.232 28.2536C141.693 29.0411 140.71 30.899 140.71 33.534C140.71 38.2585 143.86 43.6984 147.746 45.6747C149.464 46.5496 151.034 46.601 152.259 45.9782C153.798 45.1908 154.781 43.3329 154.781 40.6979C154.781 35.9734 151.631 30.5336 147.746 28.5573C146.027 27.6824 144.457 27.6309 143.232 28.2536Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M143.973 35.9737C143.973 38.2227 145.471 40.8114 147.323 41.7532C149.176 42.6951 150.674 41.6348 150.674 39.3858C150.674 37.1368 149.176 34.5481 147.323 33.6062C145.476 32.6644 143.973 33.7247 143.973 35.9737ZM147.323 42.659C145.064 41.5062 143.232 38.3411 143.232 35.5929C143.232 32.8446 145.064 31.5476 147.323 32.6953C149.583 33.843 151.415 37.0134 151.415 39.7616C151.415 42.5098 149.583 43.8067 147.323 42.659Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M145.46 36.7301C145.46 37.9807 146.294 39.4166 147.318 39.9415C148.348 40.4665 149.181 39.8746 149.181 38.624C149.181 37.3734 148.348 35.9375 147.318 35.4125C146.289 34.8876 145.46 35.4795 145.46 36.7301ZM147.323 40.8473C145.882 40.1165 144.719 38.0991 144.719 36.3492C144.719 34.5994 145.888 33.7759 147.323 34.5067C148.759 35.2376 149.928 37.255 149.928 39.0048C149.928 40.7546 148.759 41.5781 147.323 40.8473Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M47.2959 1.74891C46.1739 1.17765 44.7329 1.22399 43.1529 2.03199C39.5864 3.84872 36.6992 8.8408 36.6992 13.1742C36.6992 15.593 37.5998 17.3018 39.0151 18.0223L36.7197 16.854C35.3045 16.1335 34.4038 14.4248 34.4038 12.0059C34.4038 7.66738 37.2962 2.6753 40.8576 0.863723C42.4324 0.0608651 43.8786 0.00937468 45.0005 0.580639L47.2959 1.74891Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M47.2959 1.74861C48.7112 2.46912 49.6118 4.17773 49.6118 6.59659C49.6118 10.9351 46.7195 15.9273 43.1581 17.7389C41.5832 18.5418 40.1371 18.5932 39.0152 18.022C37.5999 17.3015 36.6992 15.5927 36.6992 13.1739C36.6992 8.83535 39.5915 3.84327 43.1529 2.03169C44.7278 1.22883 46.174 1.17734 47.2959 1.74861Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M46.7915 8.91855C46.5908 9.02148 46.4262 8.90826 46.4262 8.66122V6.44819L44.6043 7.37459C44.4036 7.47752 44.2389 7.3643 44.2389 7.11726C44.2389 6.87023 44.4036 6.59233 44.6043 6.4894L46.7864 5.3778C46.9871 5.27487 47.1518 5.38809 47.1518 5.63513V8.29069C47.1518 8.53772 46.9871 8.81562 46.7864 8.91855H46.7915Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M39.5144 14.4006C39.4218 14.447 39.3291 14.4521 39.2571 14.4006C39.113 14.2977 39.113 14.0198 39.2571 13.7728L41.6245 9.69149C41.7686 9.44446 41.995 9.33123 42.1391 9.42901L43.7037 10.5356L46.5394 5.64124C46.6835 5.39421 46.91 5.28098 47.0541 5.37876C47.1982 5.48169 47.1982 5.75959 47.0541 6.00662L43.961 11.3487C43.8169 11.5957 43.5904 11.7089 43.4463 11.6111L41.8818 10.5047L39.7717 14.1433C39.6997 14.2668 39.607 14.3543 39.5144 14.4058V14.4006Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,274 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function DraftVerticalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="162"
|
||||
height="175"
|
||||
viewBox="0 0 162 175"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M13.9752 140.966C13.9752 142.915 15.4347 144.86 18.3486 146.35L55.8679 165.468C61.7008 168.439 71.1541 168.439 76.987 165.468L155.827 125.298C158.741 123.813 160.2 121.868 160.2 119.919V126.144C160.2 128.093 158.741 130.038 155.827 131.523L76.987 171.693C71.1541 174.664 61.7008 174.664 55.8679 171.693L18.3486 152.575C15.4295 151.09 13.9752 149.14 13.9752 147.191V140.966Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M13.9752 140.966C13.9752 139.016 15.4347 137.072 18.3486 135.587L97.1882 95.4164C103.021 92.4458 112.474 92.4458 118.307 95.4164L155.827 114.535C158.746 116.02 160.2 117.969 160.2 119.919C160.2 121.868 158.741 123.812 155.827 125.298L76.987 165.468C71.1541 168.439 61.7008 168.439 55.8679 165.468L18.3486 146.35C15.4295 144.865 13.9752 142.915 13.9752 140.966Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M13.9752 121.301C13.9752 123.25 15.4347 125.195 18.3486 126.685L55.8679 145.803C61.7008 148.774 71.1541 148.774 76.987 145.803L155.827 105.633C158.741 104.148 160.2 102.203 160.2 100.254V106.479C160.2 108.428 158.741 110.373 155.827 111.858L76.987 152.028C71.1541 154.999 61.7008 154.999 55.8679 152.028L18.3486 132.91C15.4295 131.425 13.9752 129.475 13.9752 127.526V121.301Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M13.9752 121.301C13.9752 119.351 15.4347 117.407 18.3486 115.922L97.1882 75.7514C103.021 72.7808 112.474 72.7808 118.307 75.7514L155.827 94.8695C158.746 96.3548 160.2 98.3042 160.2 100.254C160.2 102.203 158.741 104.147 155.827 105.633L76.987 145.803C71.1541 148.774 61.7008 148.774 55.8679 145.803L18.3486 126.685C15.4295 125.2 13.9752 123.25 13.9752 121.301Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M13.9752 101.636C13.9752 103.585 15.4347 105.53 18.3486 107.02L55.8679 126.138C61.7008 129.109 71.1541 129.109 76.987 126.138L155.827 85.9679C158.741 84.4826 160.2 82.5383 160.2 80.5889V86.8137C160.2 88.7632 158.741 90.7075 155.827 92.1928L76.987 132.363C71.1541 135.334 61.7008 135.334 55.8679 132.363L18.3486 113.245C15.4295 111.76 13.9752 109.81 13.9752 107.861V101.636Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M13.9752 101.636C13.9752 99.6861 15.4347 97.7418 18.3486 96.2565L97.1882 56.0864C103.021 53.1157 112.474 53.1157 118.307 56.0864L155.827 75.2045C158.746 76.6898 160.2 78.6392 160.2 80.5887C160.2 82.5381 158.741 84.4824 155.827 85.9677L76.987 126.138C71.1541 129.109 61.7008 129.109 55.8679 126.138L18.3486 107.02C15.4295 105.535 13.9752 103.585 13.9752 101.636Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M71.5151 94.7146C70.6126 94.7146 69.7668 94.5186 69.0087 94.1318L64.7023 91.9348C62.5002 90.8105 61.2366 88.2112 61.2366 84.8022V52.2597C61.2366 46.1225 65.3521 39.0312 70.4063 36.4526L97.1521 22.827C98.4156 22.1823 99.6482 21.8574 100.819 21.8574C101.721 21.8574 102.567 22.0534 103.325 22.4402L107.632 24.6372C109.834 25.7615 111.097 28.3608 111.097 31.7697V64.3123C111.097 70.4495 106.982 77.5408 101.928 80.1194L75.182 93.745C73.9184 94.3897 72.6858 94.7146 71.5151 94.7146Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M100.814 22.3733C101.644 22.3733 102.407 22.5538 103.088 22.8993L107.394 25.0963C109.339 26.0865 110.582 28.4382 110.582 31.7699V64.3124C110.582 70.2897 106.6 77.1592 101.69 79.6605L74.9448 93.2861C73.7276 93.905 72.5672 94.1989 71.5151 94.1989C70.6848 94.1989 69.9216 94.0184 69.2408 93.6729L64.9344 91.4759C62.985 90.4857 61.7472 88.134 61.7472 84.8023V52.2598C61.7472 46.2825 65.7286 39.413 70.6384 36.9117L97.3841 23.2861C98.6013 22.6672 99.7565 22.3733 100.814 22.3733ZM100.814 21.3418C99.5605 21.3418 98.2506 21.6873 96.9148 22.3681L70.1691 35.9937C64.9551 38.6497 60.7158 45.9473 60.7158 52.2598V84.8023C60.7158 88.4125 62.0825 91.1819 64.4651 92.3939L68.7715 94.5909C69.6069 95.0138 70.5249 95.2304 71.5151 95.2304C72.7684 95.2304 74.0783 94.8849 75.4141 94.2041L102.16 80.5785C107.374 77.9225 111.613 70.6249 111.613 64.3124V31.7699C111.613 28.1597 110.246 25.3903 107.864 24.1783L103.557 21.9813C102.722 21.5584 101.804 21.3418 100.814 21.3418Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M107.394 25.0964C105.852 24.3074 103.862 24.3744 101.69 25.4832L74.9447 39.1088C70.035 41.6101 66.0535 48.4796 66.0535 54.4569V86.9995C66.0535 90.3311 67.2913 92.6828 69.2408 93.673L64.9344 91.476C62.9849 90.4858 61.7472 88.1341 61.7472 84.8025V52.2599C61.7472 46.2826 65.7286 39.4131 70.6384 36.9118L97.3841 23.2862C99.5553 22.1774 101.546 22.1155 103.088 22.8994L107.394 25.0964Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M107.394 25.0957C109.344 26.0859 110.582 28.4376 110.582 31.7693V64.3118C110.582 70.2891 106.6 77.1586 101.69 79.6599L74.9447 93.2855C72.7735 94.3943 70.7828 94.4562 69.2408 93.6723C67.2913 92.6821 66.0535 90.3304 66.0535 86.9988V54.4562C66.0535 48.4789 70.035 41.6094 74.9447 39.1081L101.69 25.4825C103.862 24.3737 105.852 24.3118 107.394 25.0957Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M124.697 22.6885C124.62 22.6885 124.537 22.6679 124.465 22.6318L119.643 20.1769C119.643 20.1769 119.602 20.1511 119.581 20.1408L111.237 14.2357C111.02 14.081 110.953 13.787 111.087 13.5549L113.686 9.06291C114.852 7.05156 116.409 5.47859 118.07 4.63279C118.931 4.19442 119.777 3.97266 120.582 3.97266C121.211 3.97266 121.799 4.1119 122.33 4.38008L127.152 6.83496C127.302 6.91232 127.451 7.00515 127.596 7.10314C128.849 7.99019 129.54 9.63021 129.54 11.7241C129.54 13.8179 128.9 15.9376 127.74 17.9438L125.141 22.4358C125.048 22.6008 124.873 22.6936 124.692 22.6936L124.697 22.6885Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M120.582 4.48849C121.128 4.48849 121.639 4.60711 122.093 4.83919L126.915 7.29406C127.049 7.36111 127.173 7.43846 127.296 7.52614C128.405 8.31005 129.024 9.82114 129.024 11.7242C129.024 13.6272 128.4 15.7727 127.296 17.6809L124.697 22.1729L119.875 19.718L111.531 13.8129L114.13 9.32088C115.239 7.41268 116.739 5.89127 118.302 5.09189C119.091 4.68962 119.865 4.48849 120.582 4.48849ZM120.582 3.45703C119.689 3.45703 118.766 3.69942 117.833 4.1739C116.079 5.06611 114.45 6.71128 113.238 8.80515L110.638 13.2972C110.37 13.7613 110.499 14.3492 110.938 14.6587L119.282 20.5638C119.323 20.5947 119.365 20.6205 119.411 20.6411L124.233 23.096C124.383 23.1734 124.542 23.2095 124.702 23.2095C125.058 23.2095 125.404 23.0238 125.595 22.6938L128.194 18.2017C129.395 16.1234 130.061 13.8232 130.061 11.7242C130.061 9.46013 129.292 7.67054 127.895 6.6855C127.73 6.56688 127.559 6.46373 127.384 6.37606L122.562 3.92119C121.959 3.61691 121.293 3.45703 120.582 3.45703Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M91.2727 71.3378C91.0303 71.3378 90.8086 71.2811 90.6023 71.1728C90.592 71.1728 90.5455 71.1418 90.4991 71.116L85.6771 68.656C85.6771 68.656 85.6358 68.6302 85.6152 68.6199C85.3006 68.3981 85.0685 68.032 84.9705 67.5884C84.8777 67.2016 84.8828 66.7375 84.986 66.263L86.7859 58.001C87.3583 55.3708 88.4053 52.7045 89.8081 50.2805L108.699 17.671C108.792 17.5059 108.967 17.4131 109.148 17.4131C109.225 17.4131 109.308 17.4337 109.38 17.4698L114.202 19.9298C114.202 19.9298 114.243 19.9556 114.264 19.9659L122.608 25.8659C122.825 26.0206 122.892 26.3146 122.758 26.5467L115.729 38.6921L103.872 59.1562C102.459 61.5905 100.705 63.7617 98.7869 65.4327L92.7477 70.6983C92.3867 71.0077 91.9947 71.214 91.6182 71.2965C91.4996 71.3223 91.3862 71.3326 91.2727 71.3326V71.3378Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M109.143 17.9328L113.965 20.3929L122.309 26.2928L115.28 38.4382L110.546 46.6074L103.423 58.9024C102.036 61.2954 100.324 63.4099 98.4466 65.0499L92.4074 70.3155C92.1134 70.5682 91.804 70.7332 91.51 70.7951C91.4275 70.8106 91.3449 70.8209 91.2676 70.8209C91.1129 70.8209 90.9685 70.7848 90.8396 70.7178C90.8035 70.7023 90.7673 70.6765 90.7312 70.6559L85.9091 68.1959C85.6977 68.0463 85.543 67.7936 85.4708 67.4738C85.3934 67.1541 85.3986 66.7724 85.4863 66.3753L87.2862 58.1133C87.8483 55.5398 88.8643 52.9354 90.2516 50.5424L109.143 17.9328ZM109.143 16.9014C108.787 16.9014 108.441 17.087 108.251 17.4171L89.3594 50.0267C87.9308 52.4919 86.8633 55.2149 86.2805 57.8967L84.4806 66.1587C84.362 66.7054 84.3568 67.2469 84.4703 67.7214C84.594 68.2681 84.8932 68.7425 85.3161 69.0417C85.3573 69.0726 85.3986 69.0984 85.445 69.119L90.2361 71.5636C90.2722 71.5842 90.3238 71.6203 90.3908 71.6512C90.6642 71.7905 90.9582 71.8575 91.2727 71.8575C91.4223 71.8575 91.5719 71.8421 91.7214 71.8111C92.1856 71.7131 92.6549 71.4707 93.083 71.1046L99.1273 65.8338C101.087 64.1216 102.882 61.9091 104.321 59.4284L111.443 47.1335L116.177 38.9643L123.207 26.8189C123.475 26.3547 123.346 25.7668 122.908 25.4625L114.563 19.5625C114.522 19.5316 114.481 19.511 114.434 19.4852L109.612 17.0251C109.463 16.9478 109.303 16.9117 109.143 16.9117V16.9014Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M126.915 7.29419C125.858 6.75268 124.517 6.84035 123.124 7.5469C121.556 8.34628 120.056 9.86769 118.952 11.7759L116.353 16.2679L111.531 13.813L114.13 9.32101C115.239 7.41281 116.739 5.89141 118.302 5.09202C119.695 4.38032 121.035 4.2978 122.093 4.83932L126.915 7.29419Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M116.353 16.2725L124.697 22.1725L119.875 19.7176L111.531 13.8125L116.353 16.2725Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M126.915 7.29342C127.049 7.36046 127.173 7.43782 127.296 7.5255C128.405 8.30941 129.024 9.82049 129.024 11.7235C129.024 13.6266 128.4 15.772 127.296 17.6802L124.697 22.1722L116.353 16.2671L118.952 11.7751C120.061 9.86691 121.562 8.34551 123.124 7.54613C124.517 6.83442 125.858 6.7519 126.915 7.29342Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M113.965 20.3885L95.0788 52.9981C93.6915 55.3911 92.6704 57.9955 92.1082 60.569L90.3083 68.831C90.2206 69.2281 90.2155 69.6097 90.2877 69.9295C90.3599 70.2492 90.5146 70.5019 90.7312 70.6515L85.9091 68.1966C85.6925 68.0419 85.543 67.7944 85.4656 67.4746C85.3934 67.1549 85.3986 66.7732 85.4863 66.3761L87.2862 58.1141C87.8483 55.5406 88.8643 52.9362 90.2568 50.5432L109.143 17.9336L113.965 20.3885Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M113.965 20.3877L122.309 26.2928L103.423 58.9024C102.036 61.3005 100.324 63.4099 98.4466 65.0499L92.4073 70.3155C92.1185 70.5682 91.8091 70.7332 91.51 70.7951C91.2624 70.8467 91.0355 70.8209 90.8395 70.7178C90.8034 70.6971 90.7673 70.6765 90.7312 70.6507C90.5146 70.496 90.3651 70.2485 90.2877 69.9287C90.2155 69.6089 90.2206 69.2273 90.3083 68.8302L92.1082 60.5682C92.6704 57.9947 93.6864 55.3903 95.0788 52.9973L113.965 20.3877Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M146.136 37.3352C147.26 36.7627 148.704 36.8091 150.288 37.6188C153.862 39.4393 156.755 44.4419 156.755 48.7844C156.755 51.2083 155.852 52.9205 154.434 53.6425L156.734 52.4718C158.153 51.7498 159.055 50.0376 159.055 47.6137C159.055 43.2661 156.157 38.2635 152.588 36.4481C151.01 35.6436 149.561 35.592 148.436 36.1645L146.136 37.3352Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M146.136 37.3344C144.718 38.0564 143.815 39.7686 143.815 42.1926C143.815 46.5402 146.714 51.5427 150.283 53.3581C151.861 54.1626 153.31 54.2142 154.434 53.6418C155.852 52.9197 156.755 51.2075 156.755 48.7836C156.755 44.436 153.857 39.4334 150.288 37.618C148.71 36.8135 147.26 36.7619 146.136 37.3344Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M152.067 43.6067C151.886 43.2972 151.644 43.0497 151.386 42.9207C151.133 42.7918 150.886 42.7918 150.705 42.9207L147.967 44.8547C147.668 45.0662 147.498 45.4736 147.498 45.9893C147.498 46.5051 147.668 47.0827 147.967 47.6036C148.266 48.1193 148.673 48.5319 149.096 48.7485C149.519 48.9651 149.927 48.9651 150.226 48.7536L153.16 46.6804C153.284 46.5927 153.485 46.6959 153.614 46.9125C153.738 47.1291 153.738 47.3715 153.614 47.4643L150.68 49.5376C150.262 49.8367 149.689 49.8315 149.096 49.5272C148.503 49.223 147.936 48.6505 147.513 47.9233C147.095 47.2013 146.858 46.3864 146.858 45.6644C146.858 44.9424 147.095 44.3699 147.513 44.076L150.246 42.142C150.546 41.9305 150.953 41.9305 151.376 42.142C151.799 42.3586 152.206 42.7712 152.505 43.2869C152.804 43.8026 152.975 44.3854 152.975 44.9011C152.975 45.4169 152.804 45.8243 152.505 46.0409L149.762 47.9749C149.581 48.1038 149.339 48.0987 149.086 47.9749C148.833 47.8511 148.586 47.5984 148.41 47.289C148.235 46.9795 148.132 46.6288 148.132 46.3194C148.132 46.01 148.235 45.7676 148.41 45.6386L151.123 43.7253C151.247 43.6376 151.448 43.7407 151.577 43.9574C151.701 44.174 151.701 44.4164 151.577 44.504L148.864 46.4174C148.802 46.4586 148.771 46.5412 148.771 46.6443C148.771 46.7475 148.808 46.8609 148.864 46.9692C148.926 47.0724 149.004 47.1549 149.091 47.1961C149.179 47.2374 149.256 47.2374 149.318 47.1961L152.062 45.2622C152.242 45.1332 152.34 44.8908 152.34 44.5814C152.34 44.272 152.237 43.9213 152.057 43.6118L152.067 43.6067Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M23.0262 37.4999C22.4486 37.206 22.0825 36.5097 22.0825 35.5195V22.8738C22.0825 21.0997 23.2635 19.0574 24.723 18.3148L57.446 1.64122C58.0907 1.31115 58.6838 1.29569 59.1428 1.52776L56.8426 0.357054C56.3836 0.124976 55.7905 0.140449 55.1459 0.470516L22.4228 17.1441C20.9633 17.8867 19.7823 19.929 19.7823 21.7031V34.3488C19.7823 35.339 20.1485 36.0353 20.7261 36.3292L23.0262 37.4999Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M23.0262 37.4991C23.4852 37.7312 24.0783 37.7157 24.723 37.3857L57.4461 20.7121C58.9056 19.9695 60.0866 17.9272 60.0866 16.1531V3.50738C60.0866 2.51718 59.7204 1.82094 59.1428 1.52698C58.6838 1.2949 58.0907 1.31037 57.4461 1.64044L24.723 18.314C23.2635 19.0566 22.0825 21.0989 22.0825 22.873V35.5187C22.0825 36.5089 22.4486 37.2052 23.0262 37.4991Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M46.6982 15.1994L39.1067 19.0674C38.4826 19.3872 37.9772 19.0262 37.9772 18.268C37.9772 17.5099 38.4826 16.6332 39.1067 16.3186L46.6982 12.4506C47.3222 12.1308 47.8277 12.4919 47.8277 13.25C47.8277 14.0081 47.3222 14.8848 46.6982 15.1994Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M50.2052 19.7798L39.5605 25.2053C38.6838 25.6488 37.9772 25.1485 37.9772 24.0861C37.9772 23.0186 38.6889 21.7963 39.5605 21.3528L50.2052 15.9273C51.0819 15.4838 51.7885 15.984 51.7885 17.0464C51.7885 18.114 51.0768 19.3363 50.2052 19.7798Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M30.659 23.2715C30.726 23.4211 30.8704 23.4727 31.0406 23.3902C31.2727 23.2715 31.4635 22.9415 31.4635 22.6527V22.1163C31.4635 21.941 31.4016 21.812 31.2882 21.7708C31.1747 21.7295 31.0251 21.7811 30.8962 21.91L28.1628 24.6176C28.003 24.7775 27.8947 25.0302 27.8947 25.2468V28.9291C27.8947 29.1148 27.972 29.2437 28.0958 29.2746C28.2196 29.3056 28.3794 29.2334 28.5084 29.0787L28.9003 28.6248C29.1066 28.3876 29.184 28.0266 29.0809 27.8254C29.0087 27.6913 28.8797 27.6604 28.7353 27.7171V25.1746L30.6641 23.2664L30.659 23.2715Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M28.9778 22.5489C29.0448 22.6984 29.1892 22.75 29.3594 22.6675C29.5915 22.5489 29.7823 22.2188 29.7823 21.93V21.3936C29.7823 21.2183 29.7204 21.0894 29.607 21.0481C29.4935 21.0068 29.3439 21.0584 29.215 21.1874L26.4816 23.8949C26.3218 24.0548 26.2134 24.3075 26.2134 24.5241V28.2064C26.2134 28.3921 26.2908 28.521 26.4146 28.552C26.5384 28.5829 26.6982 28.5107 26.8272 28.356L27.2191 27.9022C27.4254 27.6649 27.5028 27.3039 27.3996 27.1028C27.3274 26.9687 27.1985 26.9377 27.0541 26.9945V24.4519L28.9829 22.5437L28.9778 22.5489Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M33.3305 26.4116C33.3305 26.6282 33.2222 26.8809 33.0623 27.0408L30.3289 29.7484C30.2 29.8773 30.0556 29.9289 29.9421 29.8876C29.8287 29.8464 29.7616 29.7226 29.7616 29.5473V25.8649C29.7616 25.6483 29.8699 25.3956 30.0298 25.2358L32.7631 22.5282C32.8921 22.3992 33.0365 22.3477 33.1499 22.3889C33.2634 22.4302 33.3305 22.5591 33.3305 22.7293V26.4168V26.4116ZM32.4898 23.9206L30.5971 25.7979V28.3559L32.4898 26.4838V23.9258V23.9206Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4.82095 81.0229C3.40269 80.3009 2.50016 78.5938 2.50016 76.1647C2.50016 71.8171 5.39857 66.8145 8.96742 64.9991L32.8973 52.8073C34.4754 52.0028 35.9194 51.9512 37.0437 52.5236L34.7436 51.3529C33.6193 50.7805 32.1752 50.832 30.5971 51.6366L6.66727 63.8284C3.09326 65.649 0.200012 70.6515 0.200012 74.994C0.200012 77.4231 1.10254 79.1301 2.5208 79.8522L4.82095 81.0229Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4.82097 81.0221C5.94526 81.5945 7.38931 81.543 8.96744 80.7384L32.8973 68.5466C36.4713 66.7261 39.3645 61.7235 39.3645 57.381C39.3645 54.9519 38.462 53.2449 37.0438 52.5229C35.9195 51.9504 34.4754 52.002 32.8973 52.8065L8.96744 64.9984C5.39343 66.8189 2.50018 71.8215 2.50018 76.1639C2.50018 78.593 3.40271 80.3001 4.82097 81.0221Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M29.8699 64.9313L21.1129 69.3923C20.3908 69.7585 19.808 69.3459 19.808 68.4692C19.808 67.5924 20.3908 66.5867 21.1129 66.2206L29.8699 61.7595C30.592 61.3933 31.1747 61.8059 31.1747 62.6827C31.1747 63.5594 30.592 64.5651 29.8699 64.9313Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M9.07576 73.5138C8.82821 73.947 8.68382 74.4267 8.68382 74.8599C8.68382 75.2879 8.82305 75.6283 9.07576 75.8088C9.32331 75.9842 9.6637 75.9842 10.0196 75.8088C10.3754 75.6335 10.7106 75.2879 10.9633 74.8547L11.4326 74.0399C11.5616 73.8129 11.773 73.7098 11.902 73.7975C12.0309 73.8903 12.0309 74.1482 11.902 74.3699L11.4326 75.1848C11.0562 75.8294 10.5508 76.3452 10.0196 76.6185C9.48835 76.8867 8.98293 76.8919 8.60644 76.6237C8.22996 76.3607 8.02368 75.8501 8.02368 75.2054C8.02368 74.5608 8.23512 73.8336 8.60644 73.1889L9.07576 72.3741C9.20469 72.1471 9.41614 72.044 9.54508 72.1317C9.67401 72.2193 9.67401 72.4824 9.54508 72.7041L9.07576 73.519V73.5138Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M10.4889 70.5062C10.3599 70.4134 10.3599 70.1555 10.4889 69.9337L10.9582 69.1189C11.3346 68.4742 11.8401 67.9585 12.3713 67.6851C12.9025 67.4118 13.4079 67.4118 13.7844 67.68C14.1608 67.943 14.3671 68.4536 14.3671 69.0982C14.3671 69.7429 14.1557 70.4701 13.7844 71.1148L13.315 71.9296C13.1861 72.1565 12.9747 72.2597 12.8457 72.172C12.7168 72.0792 12.7168 71.8213 12.8457 71.5995L13.315 70.7847C13.5626 70.3515 13.707 69.8718 13.707 69.4386C13.707 69.0054 13.5677 68.6702 13.315 68.4897C13.0675 68.3143 12.7271 68.3143 12.3713 68.4897C12.0206 68.6702 11.6802 69.0106 11.4275 69.4438L10.9582 70.2586C10.8292 70.4856 10.6178 70.5887 10.4889 70.501V70.5062Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M10.0196 74.179C9.89062 74.0862 9.89062 73.8283 10.0196 73.6066L11.902 70.3575C12.0309 70.1305 12.2423 70.0274 12.3713 70.1151C12.5002 70.2079 12.5002 70.4658 12.3713 70.6875L10.4889 73.9366C10.3599 74.1635 10.1485 74.2667 10.0196 74.179Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,232 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function EpicVerticalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="162"
|
||||
height="166"
|
||||
viewBox="0 0 162 166"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M145.537 35.1375C146.08 34.862 146.424 34.2094 146.424 33.2812V21.4279C146.424 19.765 145.314 17.8506 143.941 17.1545L113.176 1.5258C112.57 1.21641 112.012 1.20189 111.581 1.41943L113.743 0.322073C114.175 0.104537 114.732 0.119055 115.338 0.428439L146.104 16.0572C147.476 16.7533 148.586 18.6676 148.586 20.3306V32.1839C148.586 33.112 148.242 33.7646 147.699 34.0402L145.537 35.1375Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M145.537 35.1375C145.105 35.355 144.547 35.3406 143.941 35.0312L113.176 19.4024C111.804 18.7063 110.693 16.792 110.693 15.129V3.27574C110.693 2.34759 111.038 1.69497 111.581 1.41942C112.012 1.20189 112.57 1.21641 113.176 1.52579L143.941 17.1545C145.314 17.8506 146.424 19.765 146.424 21.4279V33.2812C146.424 34.2093 146.08 34.862 145.537 35.1375Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M123.809 14.5538L130.947 18.1794C131.533 18.4791 132.008 18.1407 132.008 17.4301C132.008 16.7195 131.533 15.8977 130.947 15.6028L123.809 11.9772C123.223 11.6775 122.747 12.0159 122.747 12.7265C122.747 13.4371 123.223 14.2589 123.809 14.5538Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M124.318 20.5094L134.326 25.5949C135.151 26.0107 135.815 25.5418 135.815 24.5459C135.815 23.5453 135.146 22.3996 134.326 21.9838L124.318 16.8983C123.494 16.4826 122.83 16.9515 122.83 17.9473C122.83 18.948 123.499 20.0937 124.318 20.5094Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M117.816 10.875C117.865 11.0345 117.976 11.1892 118.102 11.2521C118.277 11.3439 118.422 11.2375 118.422 11.02V10.6188C118.422 10.4883 118.374 10.3384 118.286 10.2224C118.199 10.1064 118.093 10.0338 117.991 10.029L115.93 9.97101C115.809 9.97101 115.726 10.0725 115.726 10.2369V13.002C115.726 13.1422 115.784 13.2969 115.877 13.4177C115.974 13.5386 116.09 13.6014 116.187 13.5869L116.483 13.5434C116.638 13.5193 116.696 13.3114 116.618 13.0794C116.565 12.9247 116.468 12.799 116.361 12.7361V10.8267L117.811 10.8653L117.816 10.875Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M116.551 9.04772C116.599 9.20724 116.711 9.36192 116.837 9.42476C117.011 9.51661 117.157 9.41027 117.157 9.19274V8.79149C117.157 8.66097 117.108 8.51111 117.021 8.39509C116.934 8.27907 116.827 8.20658 116.725 8.20174L114.664 8.14371C114.543 8.14371 114.461 8.24525 114.461 8.40961V11.1747C114.461 11.3149 114.519 11.4696 114.611 11.5904C114.708 11.7113 114.824 11.7742 114.921 11.7597L115.217 11.7161C115.372 11.692 115.431 11.4841 115.353 11.2521C115.3 11.0974 115.203 10.9717 115.096 10.9088V8.99936L116.546 9.03804L116.551 9.04772Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M119.693 12.1174C119.605 11.9965 119.499 11.924 119.402 11.924L117.341 11.866C117.22 11.866 117.137 11.9724 117.137 12.1271V14.897C117.137 15.0275 117.186 15.1726 117.273 15.2886C117.365 15.4094 117.472 15.4819 117.569 15.4819L119.625 15.54C119.751 15.5496 119.833 15.4433 119.833 15.2789V12.5089C119.833 12.3784 119.785 12.2334 119.693 12.1174ZM119.198 14.6891L117.772 14.6456V12.7265L119.198 12.77V14.6891Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M7.0992 133.285C7.0992 135.112 8.4714 136.935 11.211 138.332L46.4857 156.252C51.9697 159.036 60.8575 159.036 66.3414 156.252L140.465 118.599C143.204 117.207 144.576 115.384 144.576 113.557V119.392C144.576 121.219 143.204 123.041 140.465 124.434L66.3414 162.087C60.8575 164.871 51.9697 164.871 46.4857 162.087L11.211 144.167C8.46655 142.774 7.0992 140.947 7.0992 139.12V133.285Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M7.09919 133.285C7.09919 131.458 8.47139 129.635 11.2109 128.243L85.3341 90.5899C90.818 87.8054 99.7058 87.8054 105.19 90.5899L140.465 108.51C143.209 109.902 144.576 111.73 144.576 113.557C144.576 115.384 143.204 117.207 140.465 118.599L66.3414 156.252C60.8575 159.036 51.9697 159.036 46.4857 156.252L11.2109 138.332C8.46654 136.94 7.09919 135.112 7.09919 133.285Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M7.0992 114.852C7.0992 116.68 8.4714 118.502 11.211 119.899L46.4857 137.819C51.9697 140.604 60.8575 140.604 66.3414 137.819L140.465 100.166C143.204 98.774 144.576 96.9516 144.576 95.1243V100.959C144.576 102.786 143.204 104.609 140.465 106.001L66.3414 143.654C60.8575 146.439 51.9697 146.439 46.4857 143.654L11.211 125.734C8.46655 124.342 7.0992 122.514 7.0992 120.687V114.852Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M7.09919 114.852C7.09919 113.025 8.47139 111.203 11.2109 109.81L85.3341 72.1573C90.818 69.3729 99.7058 69.3729 105.19 72.1573L140.465 90.0775C143.209 91.4697 144.576 93.297 144.576 95.1243C144.576 96.9516 143.204 98.7741 140.465 100.166L66.3414 137.819C60.8575 140.604 51.9697 140.604 46.4857 137.819L11.2109 119.899C8.46654 118.507 7.09919 116.68 7.09919 114.852Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M7.09919 96.415C7.09919 98.2423 8.47139 100.065 11.2109 101.462L46.4857 119.382C51.9697 122.166 60.8575 122.166 66.3414 119.382L140.465 81.7289C143.204 80.3367 144.576 78.5142 144.576 76.6869V82.5217C144.576 84.349 143.204 86.1715 140.465 87.5637L66.3414 125.217C60.8575 128.001 51.9697 128.001 46.4857 125.217L11.2109 107.297C8.46654 105.904 7.09919 104.077 7.09919 102.25V96.415Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M7.09918 96.415C7.09918 94.5877 8.47138 92.7652 11.2109 91.373L85.3341 53.7199C90.818 50.9355 99.7058 50.9355 105.19 53.7199L140.465 71.6401C143.209 73.0323 144.576 74.8596 144.576 76.6869C144.576 78.5142 143.204 80.3367 140.465 81.7289L66.3414 119.382C60.8575 122.166 51.9697 122.166 46.4857 119.382L11.2109 101.462C8.46653 100.07 7.09918 98.2423 7.09918 96.415Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M44.7984 105.75C44.4445 105.75 44.1147 105.672 43.8141 105.518L39.4939 103.323C38.5871 102.864 38.0683 101.795 38.0683 100.403V84.2668C38.0683 84.1991 38.0829 84.1266 38.112 84.0638L58.3168 40.3197C59.7617 37.7141 61.1145 36.172 62.5789 35.4275C63.1898 35.1182 63.8056 34.9586 64.4068 34.9586C65.0081 34.9586 65.5754 35.1085 66.1475 35.3985L70.4678 37.5933C70.7927 37.7576 71.1127 37.9655 71.4521 38.2362C71.4909 38.2652 71.52 38.299 71.5491 38.3377L85.5814 58.2398L91.4339 48.9003C92.6121 46.7781 94.2074 45.1248 95.9093 44.2595C96.7384 43.8389 97.5579 43.6262 98.3434 43.6262C98.9737 43.6262 99.5604 43.7616 100.094 44.0371L104.414 46.2319C104.627 46.343 104.836 46.4736 105.03 46.6234L115.901 55.1508C116.017 55.2427 116.085 55.3829 116.085 55.5327V65.6651C116.085 66.7914 115.75 68.0193 115.135 69.1215C114.519 70.2333 113.685 71.0986 112.788 71.553L46.1221 105.421C45.6712 105.648 45.2251 105.764 44.7936 105.764L44.7984 105.75Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M64.4068 35.4372C64.9499 35.4372 65.4542 35.5822 65.9293 35.824L70.2496 38.0187C70.5648 38.1782 70.8654 38.3812 71.1563 38.6084L85.6057 59.1052L91.846 49.1468C92.9806 47.102 94.5225 45.4971 96.1275 44.6801C96.8936 44.2934 97.6451 44.1 98.3434 44.1C98.8913 44.1 99.4101 44.2209 99.8756 44.4577L104.196 46.6524C104.38 46.7491 104.559 46.8603 104.729 46.9957L115.6 55.523V65.6554C115.6 66.6947 115.285 67.8501 114.713 68.8798C114.146 69.8998 113.375 70.7022 112.57 71.1131L45.9039 104.981C45.5112 105.179 45.1378 105.271 44.7936 105.271C44.5172 105.271 44.2602 105.208 44.0275 105.092L39.7072 102.898C38.9993 102.54 38.5484 101.655 38.5484 100.408V84.2717L58.7532 40.5276C59.8878 38.4827 61.1872 36.6796 62.7922 35.8626C63.3643 35.5726 63.8977 35.4469 64.402 35.4469M64.4068 34.4704C63.728 34.4704 63.0395 34.6444 62.3558 34.9925C60.3145 36.0318 58.8405 38.3764 57.9095 40.049C57.8998 40.0683 57.8852 40.0925 57.8755 40.1118L37.6707 83.8559C37.6125 83.9816 37.5834 84.1218 37.5834 84.262V100.398C37.5834 101.984 38.1992 103.207 39.2708 103.753L43.5911 105.948C43.9644 106.136 44.3669 106.233 44.7984 106.233C45.3075 106.233 45.8264 106.098 46.3452 105.837L113.011 71.9688C113.99 71.4709 114.897 70.5379 115.561 69.3438C116.211 68.174 116.57 66.8591 116.57 65.6506V55.5182C116.57 55.2233 116.434 54.943 116.201 54.7593L105.33 46.2319C105.112 46.0627 104.88 45.9128 104.637 45.7871L100.317 43.5924C99.7156 43.2879 99.0513 43.1284 98.3434 43.1284C97.4803 43.1284 96.5881 43.3604 95.6862 43.8148C93.9068 44.7188 92.2436 46.4349 91.0072 48.6489L85.5523 57.3504L71.9418 38.0428C71.8885 37.9655 71.8206 37.8978 71.7479 37.8398C71.3842 37.5546 71.0351 37.3274 70.6811 37.1485L66.3609 34.9538C65.716 34.6251 65.0566 34.4607 64.3971 34.4607L64.4068 34.4704Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M104.201 46.6524C103.139 46.111 101.82 46.1835 100.453 46.8796C98.8476 47.6966 97.3057 49.3016 96.1711 51.3464L88.6264 63.3834L84.3062 61.1887L91.8508 49.1517C92.9854 47.1068 94.5273 45.5019 96.1323 44.6849C97.4996 43.9937 98.8185 43.9212 99.8804 44.4578L104.201 46.6524Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M70.2496 38.0235C69.338 37.5594 68.3101 37.4482 67.1173 38.0525C65.5075 38.8695 64.2129 40.6726 63.0783 42.7174L42.8735 86.4615L38.5532 84.2668L58.758 40.5227C59.8926 38.4779 61.1921 36.6748 62.797 35.8578C63.9898 35.2535 65.0129 35.3647 65.9293 35.8288L70.2496 38.0235Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M42.8734 86.4615V102.598C42.8734 103.845 43.3292 104.73 44.0323 105.087L39.712 102.893C39.0041 102.535 38.5532 101.65 38.5532 100.403V84.2668L42.8734 86.4615Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M104.201 46.6524C104.385 46.7491 104.564 46.8603 104.734 46.9957L115.605 55.5231V65.6554C115.605 66.6948 115.29 67.8501 114.718 68.8798C114.15 69.8998 113.379 70.7022 112.574 71.1131L45.9087 104.981C45.2008 105.339 44.5511 105.358 44.0371 105.097C43.3292 104.739 42.8783 103.855 42.8783 102.608V86.4712L63.0831 42.7271C64.2177 40.6823 65.5172 38.8791 67.1221 38.0622C68.3149 37.4579 69.338 37.5691 70.2544 38.0332C70.5696 38.1927 70.8702 38.3957 71.1611 38.623L88.6264 63.3979L96.1711 51.3609C97.3057 49.316 98.8476 47.7111 100.453 46.8941C101.82 46.2029 103.139 46.1303 104.201 46.6669V46.6524Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4.5195 56.7122C3.18608 56.0355 2.33755 54.4354 2.33755 52.1585C2.33755 48.0833 5.06256 43.3942 8.41791 41.6926L30.9162 30.2647C32.3999 29.5106 33.7576 29.4622 34.8146 29.9988L32.6521 28.9015C31.595 28.3649 30.2374 28.4132 28.7536 29.1674L6.25536 40.5952C2.89516 42.3017 0.175003 46.9908 0.175003 51.0611C0.175003 53.338 1.02354 54.9381 2.35695 55.6149L4.5195 56.7122Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4.51949 56.7122C5.57652 57.2488 6.93418 57.2005 8.41791 56.4464L30.9162 45.0185C34.2764 43.312 36.9966 38.6229 36.9966 34.5526C36.9966 32.2757 36.148 30.6756 34.8146 29.9988C33.7576 29.4622 32.3999 29.5106 30.9162 30.2647L8.41791 41.6926C5.05771 43.399 2.33755 48.0882 2.33755 52.1585C2.33755 54.4354 3.18608 56.0355 4.51949 56.7122Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.492 46.082C11.5745 45.9563 11.6957 45.9031 11.7733 45.9563C11.8508 46.0095 11.8557 46.1545 11.7878 46.2899L11.7733 46.3189L8.83491 51.3802C8.75248 51.5204 8.62156 51.588 8.53913 51.53C8.4567 51.472 8.4567 51.3125 8.53913 51.1675L11.4775 46.1062L11.492 46.082Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M9.31494 47.7691C9.31494 47.5564 9.17432 47.4597 8.99976 47.5467C8.82521 47.6337 8.6846 47.8754 8.6846 48.0881C8.6846 48.3008 8.82521 48.3975 8.99976 48.3105C9.17432 48.2235 9.31494 47.9818 9.31494 47.7691ZM9.73678 47.5515C9.73678 48.0446 9.40706 48.6102 8.99976 48.8181C8.59247 49.0259 8.26275 48.7939 8.26275 48.3008C8.26275 47.8077 8.59247 47.2422 8.99976 47.0343C9.40706 46.8264 9.73678 47.0585 9.73678 47.5515Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M11.6278 49.3982C11.6278 49.1855 11.4872 49.0888 11.3126 49.1759C11.1381 49.2629 10.9975 49.5046 10.9975 49.7173C10.9975 49.93 11.1381 50.0267 11.3126 49.9397C11.4872 49.8526 11.6278 49.6109 11.6278 49.3982ZM12.0448 49.1807C12.0448 49.6738 11.7151 50.2394 11.3078 50.4472C10.9005 50.6551 10.5708 50.4231 10.5708 49.93C10.5708 49.4369 10.9005 48.8713 11.3078 48.6634C11.7151 48.4556 12.0448 48.6876 12.0448 49.1807Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M10.0859 44.2305C10.0859 44.0951 10.178 43.9404 10.2895 43.8873C10.9441 43.5972 11.5793 43.5005 12.1466 43.6214C12.7721 43.7519 13.2812 44.1338 13.6352 44.7236C13.9843 45.3133 14.1589 46.0965 14.1395 46.9811C14.1201 47.8706 13.9019 48.8326 13.5188 49.7704C13.1309 50.7082 12.5879 51.588 11.9478 52.318C11.3029 53.0479 10.5853 53.5991 9.86285 53.9133C9.14038 54.2275 8.44216 54.3 7.84091 54.1163C7.29785 53.9471 6.84691 53.5797 6.53659 53.0383C6.48326 52.9464 6.5269 52.7772 6.62872 52.6661C6.73054 52.5549 6.85177 52.5452 6.9051 52.6371C7.18633 53.1156 7.58393 53.4395 8.06881 53.5894C8.61187 53.7537 9.23736 53.6909 9.88709 53.4057C10.5368 53.1205 11.1866 52.6274 11.7636 51.9699C12.3406 51.3125 12.8303 50.5245 13.1794 49.6786C13.5285 48.8326 13.7176 47.9673 13.737 47.1648C13.7564 46.3672 13.6012 45.6614 13.2861 45.1296C12.9709 44.5979 12.5103 44.2547 11.9478 44.1386C11.4435 44.0323 10.8811 44.1145 10.2992 44.3707C10.1877 44.419 10.0956 44.3562 10.0956 44.2208L10.0859 44.2305Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M28.07 41.6298L19.8368 45.8113C19.1579 46.1545 18.61 45.7678 18.61 44.946C18.61 44.1242 19.1579 43.1815 19.8368 42.8383L28.07 38.6568C28.7488 38.3136 29.2967 38.7003 29.2967 39.5221C29.2967 40.3439 28.7488 41.2865 28.07 41.6298Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M148.029 47.0827C149.086 46.5461 150.444 46.5896 151.932 47.3486C155.292 49.055 158.012 53.7441 158.012 57.8144C158.012 60.0865 157.164 61.6914 155.83 62.3682L157.993 61.2709C159.326 60.5941 160.175 58.9892 160.175 56.7171C160.175 52.6419 157.45 47.9528 154.095 46.2512C152.611 45.4971 151.248 45.4487 150.191 45.9853L148.029 47.0827Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M148.029 47.0827C146.695 47.7595 145.847 49.3644 145.847 51.6365C145.847 55.7116 148.572 60.4007 151.927 62.1024C153.411 62.8565 154.773 62.9048 155.83 62.3682C157.164 61.6915 158.012 60.0865 158.012 57.8145C158.012 53.7393 155.287 49.0502 151.932 47.3486C150.448 46.5945 149.086 46.5461 148.029 47.0827Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M151.326 50.805C151.471 50.8775 151.593 51.0854 151.593 51.2642V51.5881L153.188 52.4003V52.0764C153.188 51.8975 153.309 51.8153 153.455 51.8878C153.6 51.9604 153.721 52.1682 153.721 52.3471V52.671L154.255 52.9417C154.468 53.048 154.672 53.2559 154.817 53.5121C154.967 53.7683 155.05 54.0583 155.05 54.3146V55.6053V56.896C155.05 57.0749 154.929 57.157 154.783 57.0845C154.638 57.012 154.516 56.8042 154.516 56.6253V55.6585L150.259 53.4928V56.3981C150.259 56.4851 150.288 56.5818 150.337 56.664C150.385 56.751 150.453 56.8186 150.526 56.8525L152.655 57.9353C152.8 58.0078 152.921 58.2157 152.921 58.3946C152.921 58.5734 152.8 58.6556 152.655 58.5831L150.526 57.5003C150.313 57.3939 150.109 57.186 149.963 56.9298C149.813 56.6736 149.731 56.3836 149.731 56.1274V51.6075C149.731 51.3512 149.813 51.1482 149.963 51.0419C150.114 50.9355 150.317 50.9355 150.526 51.0419L151.059 51.3126V50.9887C151.059 50.8098 151.181 50.7276 151.326 50.8002V50.805ZM154.521 54.039V55.0058L150.264 52.8402V51.8733C150.264 51.7863 150.293 51.7186 150.342 51.6848C150.39 51.6509 150.458 51.6509 150.531 51.6848L151.064 51.9555V52.2794C151.064 52.4583 151.185 52.6613 151.331 52.7386C151.476 52.816 151.598 52.729 151.598 52.5501V52.2262L153.193 53.0384V53.3622C153.193 53.5411 153.314 53.7441 153.459 53.8215C153.605 53.8988 153.726 53.8118 153.726 53.633V53.3091L154.259 53.5798C154.332 53.6136 154.4 53.6861 154.449 53.7683C154.497 53.8553 154.526 53.952 154.526 54.0342L154.521 54.039ZM155.239 58.5106C155.341 58.4381 155.341 58.235 155.239 58.0562C155.137 57.8773 154.967 57.7903 154.861 57.8628L153.983 58.4816L153.639 57.887C153.537 57.7081 153.367 57.6211 153.261 57.6936C153.159 57.7661 153.159 57.9692 153.261 58.148L153.794 59.0665C153.896 59.2454 154.066 59.3324 154.172 59.2599L155.239 58.5106Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
export * from "./404-error";
|
||||
export * from "./archived-cycle";
|
||||
export * from "./archived-module";
|
||||
export * from "./archived-work-item";
|
||||
export * from "./changelog";
|
||||
export * from "./customer";
|
||||
export * from "./cycle";
|
||||
export * from "./dashboard";
|
||||
export * from "./draft";
|
||||
export * from "./epic";
|
||||
export * from "./initiative";
|
||||
export * from "./invalid-link";
|
||||
export * from "./module";
|
||||
export * from "./no-access";
|
||||
export * from "./page";
|
||||
export * from "./project";
|
||||
export * from "./server-error";
|
||||
export * from "./teamspace";
|
||||
export * from "./view";
|
||||
export * from "./work-item";
|
||||
@@ -0,0 +1,256 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function InitiativeVerticalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="162"
|
||||
height="171"
|
||||
viewBox="0 0 162 171"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M10.414 138.624C10.414 140.491 11.8117 142.353 14.6023 143.78L50.5337 162.089C56.1198 164.934 65.173 164.934 70.7591 162.089L146.262 123.619C149.053 122.197 150.45 120.335 150.45 118.468V124.429C150.45 126.296 149.053 128.158 146.262 129.581L70.7591 168.051C65.173 170.896 56.1198 170.896 50.5337 168.051L14.6023 149.742C11.8068 148.319 10.414 146.452 10.414 144.585V138.624Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M10.414 138.623C10.414 136.756 11.8117 134.894 14.6023 133.472L90.1053 95.0018C95.6913 92.1569 104.745 92.1569 110.331 95.0018L146.262 113.311C149.058 114.733 150.45 116.6 150.45 118.467C150.45 120.334 149.053 122.196 146.262 123.619L70.7591 162.089C65.173 164.934 56.1198 164.934 50.5337 162.089L14.6023 143.78C11.8068 142.357 10.414 140.49 10.414 138.623Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M10.414 119.786C10.414 121.653 11.8117 123.515 14.6023 124.942L50.5337 143.251C56.1198 146.096 65.173 146.096 70.7591 143.251L146.262 104.781C149.053 103.359 150.45 101.497 150.45 99.6299V105.591C150.45 107.458 149.053 109.32 146.262 110.743L70.7591 149.213C65.173 152.058 56.1198 152.058 50.5337 149.213L14.6023 130.904C11.8068 129.481 10.414 127.614 10.414 125.747V119.786Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M10.4139 119.786C10.4139 117.92 11.8117 116.057 14.6022 114.635L90.1053 76.1649C95.6913 73.32 104.745 73.32 110.331 76.1649L146.262 94.4739C149.058 95.8963 150.45 97.7633 150.45 99.6303C150.45 101.497 149.053 103.359 146.262 104.782L70.7591 143.252C65.173 146.097 56.1198 146.097 50.5337 143.252L14.6022 124.943C11.8067 123.52 10.4139 121.653 10.4139 119.786Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M10.414 100.954C10.414 102.821 11.8117 104.683 14.6023 106.11L50.5337 124.419C56.1198 127.264 65.173 127.264 70.7591 124.419L146.262 85.9493C149.053 84.5268 150.45 82.6648 150.45 80.7979V86.7593C150.45 88.6262 149.053 90.4882 146.262 91.9107L70.7591 130.381C65.173 133.226 56.1198 133.226 50.5337 130.381L14.6023 112.072C11.8068 110.649 10.414 108.782 10.414 106.915V100.954Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M10.414 100.954C10.414 99.0875 11.8117 97.2255 14.6023 95.803L90.1053 57.3329C95.6913 54.488 104.745 54.488 110.331 57.3329L146.262 75.6419C149.058 77.0643 150.45 78.9313 150.45 80.7982C150.45 82.6652 149.053 84.5272 146.262 85.9496L70.7591 124.42C65.173 127.265 56.1198 127.265 50.5337 124.42L14.6023 106.111C11.8068 104.688 10.414 102.821 10.414 100.954Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M147.828 48.7138C148.904 48.1655 150.287 48.21 151.804 48.9854C155.226 50.7289 157.997 55.5198 157.997 59.6784C157.997 61.9998 157.133 63.6395 155.775 64.331L157.977 63.2098C159.336 62.5184 160.2 60.8786 160.2 58.5573C160.2 54.3937 157.424 49.6028 154.006 47.8643C152.495 47.0938 151.107 47.0444 150.031 47.5926L147.828 48.7138Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M147.828 48.7137C146.469 49.4052 145.605 51.0449 145.605 53.3663C145.605 57.5299 148.381 62.3207 151.799 64.0593C153.31 64.8298 154.698 64.8792 155.775 64.3309C157.133 63.6395 157.997 61.9997 157.997 59.6784C157.997 55.5148 155.221 50.7239 151.804 48.9854C150.292 48.2149 148.904 48.1655 147.828 48.7137Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M153.508 54.7235C153.335 54.4272 153.103 54.1901 152.856 54.0666C152.614 53.9431 152.377 53.9431 152.204 54.0666L149.581 55.9187C149.295 56.1212 149.132 56.5114 149.132 57.0053C149.132 57.4992 149.295 58.0524 149.581 58.5513C149.868 59.0452 150.258 59.4403 150.663 59.6477C151.068 59.8552 151.458 59.8552 151.744 59.6527L154.555 57.6672C154.673 57.5832 154.866 57.682 154.989 57.8894C155.108 58.0969 155.108 58.329 154.989 58.4179L152.179 60.4034C151.779 60.6899 151.231 60.6849 150.663 60.3935C150.095 60.1021 149.551 59.5539 149.146 58.8575C148.746 58.166 148.519 57.3856 148.519 56.6942C148.519 56.0027 148.746 55.4545 149.146 55.173L151.764 53.3208C152.051 53.1183 152.441 53.1183 152.846 53.3208C153.251 53.5283 153.641 53.9234 153.927 54.4173C154.214 54.9112 154.377 55.4693 154.377 55.9632C154.377 56.4571 154.214 56.8473 153.927 57.0547L151.3 58.9069C151.127 59.0303 150.895 59.0254 150.653 58.9069C150.411 58.7883 150.174 58.5463 150.006 58.25C149.838 57.9536 149.739 57.6178 149.739 57.3214C149.739 57.0251 149.838 56.793 150.006 56.6695L152.604 54.8371C152.722 54.7531 152.915 54.8519 153.038 55.0594C153.157 55.2668 153.157 55.4989 153.038 55.5829L150.44 57.4153C150.381 57.4548 150.352 57.5338 150.352 57.6326C150.352 57.7314 150.386 57.84 150.44 57.9438C150.5 58.0425 150.574 58.1216 150.658 58.1611C150.742 58.2006 150.816 58.2006 150.875 58.1611L153.503 56.3089C153.676 56.1855 153.769 55.9533 153.769 55.657C153.769 55.3606 153.671 55.0248 153.498 54.7284L153.508 54.7235Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M78.0145 95.1603C77.9256 95.1603 77.8416 95.1553 77.7576 95.1405C77.6095 95.1208 77.4514 95.0714 77.2934 95.0022L72.8828 92.755C72.7495 92.6858 72.6309 92.5969 72.5124 92.4883C72.2704 92.2364 72.1123 91.9499 72.0234 91.619C71.9345 91.3078 71.9049 90.9572 71.9345 90.5769C71.9691 90.1916 72.0531 89.8163 72.1913 89.4458C72.3346 89.0655 72.5124 88.7099 72.7297 88.3889C72.9371 88.0728 73.189 87.7863 73.4706 87.5344L70.9516 86.2503C70.764 86.1614 70.5862 86.0132 70.433 85.8156C70.0577 85.3464 69.9145 84.6402 70.0281 83.8351C70.0774 83.4745 70.1812 83.0992 70.3441 82.7139C70.4923 82.3534 70.6948 82.0076 70.9368 81.6817C71.164 81.3656 71.4357 81.089 71.732 80.8667C72.0234 80.6395 72.3346 80.4765 72.6507 80.3926C72.8532 80.3333 73.0606 80.274 73.273 80.2098L70.9467 79.0245C70.8282 78.9701 70.7047 78.8812 70.5763 78.7627C70.2059 78.3972 70.0034 77.8687 69.9836 77.2217C69.9688 76.634 69.8404 76.1104 69.6082 75.6511C69.2773 75.5177 68.981 75.3844 68.7093 75.2461L64.3086 73.0038C61.5823 71.6159 59.419 69.1365 58.0608 65.8372C56.2481 61.4069 55.9222 55.5591 57.1471 49.3705C58.3769 43.1967 61.1082 36.8303 64.847 31.4418C68.5908 26.0336 73.2631 21.7317 78.0046 19.3214C80.9186 17.8348 83.7635 17.0791 86.4652 17.0791C88.2185 17.0791 89.878 17.4051 91.3943 18.0472C91.6462 18.1558 91.8981 18.2743 92.1401 18.3978L96.5408 20.6401C100.047 22.4281 102.522 25.8755 103.697 30.6022C104.927 35.5412 104.616 41.7002 102.808 47.9431C101.006 54.1663 97.7706 60.3154 93.691 65.2643C91.9771 67.3486 90.9251 69.7045 90.8757 71.5616C90.8609 72.1592 90.6831 72.8161 90.3818 73.4088C90.0855 74.0113 89.6755 74.5299 89.1964 74.9102C88.8458 75.1868 88.4704 75.4733 88.0456 75.7894L89.962 76.7673C90.1694 76.876 90.3522 77.0242 90.5003 77.2168C90.6979 77.4835 90.8263 77.7946 90.8905 78.1552C90.9449 78.5157 90.9449 78.8812 90.8806 79.2615C90.8214 79.632 90.7028 80.0172 90.53 80.3975C90.362 80.7729 90.1546 81.1236 89.9077 81.4347C89.6459 81.7607 89.3644 82.0274 89.0779 82.225C88.1148 82.9411 87.0924 83.6375 86.0305 84.2994L87.9567 85.2822C88.5 85.5539 88.8507 86.1416 88.9199 86.8973C88.9841 87.5789 88.8161 88.3642 88.4506 89.105C88.0802 89.8459 87.5517 90.4534 86.964 90.8288C84.2376 92.5673 81.4668 93.9799 78.7207 95.0269C78.4837 95.1208 78.2417 95.1652 78.0046 95.1652L78.0145 95.1603Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M86.4701 17.5631C88.1494 17.5631 89.7447 17.8693 91.2066 18.4917C91.4487 18.5954 91.6907 18.709 91.9228 18.8275L96.3235 21.0698C99.6721 22.7787 102.087 26.1373 103.223 30.7108C104.443 35.6005 104.127 41.6113 102.339 47.7949C100.546 53.9885 97.3755 60.0141 93.3156 64.9383C91.5425 67.0967 90.4411 69.5761 90.3868 71.5369C90.372 72.0604 90.2188 72.6383 89.9472 73.1766C89.6805 73.715 89.3101 74.1842 88.8952 74.5151C88.3074 74.9843 87.7098 75.4239 87.1073 75.8536L89.7447 77.197C89.8879 77.2711 90.0114 77.3748 90.1151 77.5082C90.2584 77.7008 90.3571 77.9428 90.4065 78.2293C90.451 78.5157 90.451 78.8368 90.3966 79.1726C90.3423 79.5085 90.2337 79.8542 90.0855 80.1851C89.9373 80.521 89.7496 80.8371 89.5274 81.1186C89.3051 81.3952 89.0631 81.6322 88.8063 81.8101C87.5567 82.7386 86.2923 83.5733 85.0279 84.329L87.7394 85.7119C88.1346 85.9095 88.3815 86.349 88.4358 86.9318C88.4902 87.5245 88.3371 88.2259 88.016 88.8778C87.6901 89.5298 87.2208 90.078 86.7072 90.404C84.0006 92.1277 81.2644 93.5205 78.5528 94.5577C78.3701 94.6318 78.1874 94.6664 78.0145 94.6664C77.9503 94.6664 77.891 94.6664 77.8317 94.6515C77.7181 94.6367 77.6095 94.6022 77.5058 94.5528L73.1051 92.3104C73.0112 92.2611 72.9273 92.1968 72.8483 92.1228C72.6902 91.9598 72.5667 91.7474 72.4976 91.4856C72.4235 91.2239 72.3988 90.9275 72.4235 90.6065C72.4531 90.2805 72.5272 89.9446 72.6507 89.6088C72.7742 89.2779 72.9372 88.9519 73.1347 88.6556C73.3323 88.3592 73.5595 88.1024 73.8015 87.8851C74.0139 87.7073 74.2312 87.569 74.4485 87.4751L71.169 85.8008C71.0356 85.7366 70.9171 85.6329 70.8183 85.5045C70.5269 85.139 70.4183 84.5562 70.5121 83.8943C70.5565 83.5684 70.6553 83.2276 70.7936 82.8966C70.9319 82.5657 71.1147 82.2546 71.327 81.973C71.5345 81.6866 71.7715 81.4446 72.0234 81.2569C72.2704 81.0643 72.5272 80.9309 72.7791 80.8618C73.3619 80.6988 73.9546 80.5062 74.5424 80.2938L71.169 78.575C71.0751 78.5305 70.9912 78.4663 70.9122 78.3922C70.6405 78.1255 70.4923 77.7057 70.4775 77.197C70.4578 76.4561 70.275 75.7943 69.9589 75.2461C69.6132 75.1127 69.2675 74.9646 68.9365 74.7966L64.5359 72.5543C61.9132 71.2208 59.8438 68.855 58.5201 65.6397C56.7322 61.2736 56.421 55.5887 57.636 49.4545C58.856 43.3202 61.5329 37.0822 65.257 31.7134C68.9761 26.3447 73.5397 22.1367 78.2318 19.7511C81.0767 18.299 83.8771 17.5631 86.4701 17.5631ZM86.4701 16.5753C83.6894 16.5753 80.7655 17.3458 77.7824 18.872C72.9717 21.3168 68.2352 25.6779 64.447 31.1504C60.6735 36.5932 57.9077 43.0238 56.668 49.2618C55.4233 55.5492 55.7543 61.4958 57.6064 66.015C59.014 69.4279 61.2514 71.9962 64.0864 73.4335L68.4871 75.6758C68.7242 75.7943 68.9711 75.9079 69.2428 76.0215C69.3959 76.3771 69.4749 76.7772 69.4897 77.2217C69.5144 78.0021 69.7663 78.6491 70.2207 79.0936C70.3985 79.2615 70.5615 79.3751 70.7294 79.4591L71.9987 80.1061C71.8012 80.2049 71.6036 80.3283 71.4159 80.4765C71.0949 80.7136 70.7936 81.0248 70.5269 81.3902C70.2701 81.731 70.0478 82.1163 69.8799 82.5114C69.7021 82.9312 69.5836 83.351 69.5292 83.756C69.3959 84.6945 69.5786 85.5341 70.0429 86.1169C70.2306 86.3589 70.4676 86.5565 70.7393 86.6898L72.6458 87.6628C72.5272 87.806 72.4136 87.9542 72.3148 88.1073C72.0778 88.4629 71.8802 88.8482 71.7271 89.2631C71.574 89.6779 71.4802 90.0978 71.4406 90.5176C71.4061 90.972 71.4406 91.3819 71.5493 91.7573C71.653 92.1573 71.8555 92.5179 72.142 92.8142C72.1519 92.8241 72.1667 92.8389 72.1765 92.8488C72.3297 92.992 72.4828 93.1007 72.6458 93.1896L77.0563 95.4369C77.0563 95.4369 77.0711 95.4467 77.081 95.4467C77.2786 95.5406 77.486 95.6048 77.6934 95.6295C77.7972 95.6443 77.9058 95.6542 78.0145 95.6542C78.3108 95.6542 78.6171 95.5949 78.9134 95.4764C81.6793 94.4194 84.4846 92.992 87.2357 91.2337C87.8975 90.8139 88.4902 90.1323 88.8952 89.3174C89.3002 88.4926 89.4879 87.6134 89.4138 86.838C89.3249 85.9095 88.8754 85.1735 88.1741 84.8229L87.0282 84.2351C87.8382 83.7116 88.6235 83.1634 89.3792 82.6052C89.7002 82.383 90.0065 82.0866 90.2929 81.731C90.5695 81.3804 90.8016 80.9951 90.9844 80.5753C91.1721 80.1604 91.3005 79.7357 91.3647 79.3208C91.4338 78.8911 91.4388 78.4713 91.3746 78.0712C91.2956 77.6168 91.1375 77.2316 90.9004 76.9105C90.6979 76.6488 90.4609 76.4512 90.1892 76.3129L88.9742 75.6955C89.157 75.5523 89.3348 75.4189 89.5027 75.2807C90.0361 74.8559 90.4905 74.278 90.8214 73.6063C91.1573 72.9445 91.3449 72.2333 91.3647 71.5566C91.4141 69.828 92.4513 67.5313 94.0713 65.5557C98.1904 60.5623 101.46 54.349 103.283 48.0616C105.11 41.7347 105.431 35.4869 104.177 30.4639C102.966 25.594 100.403 22.0379 96.768 20.1808L92.3673 17.9385C92.1154 17.8101 91.8537 17.6866 91.5919 17.573C90.0114 16.9062 88.2877 16.5654 86.4652 16.5654L86.4701 16.5753Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M87.7394 85.7114C87.3295 85.5138 86.8208 85.5879 86.3071 85.9139C83.8623 87.4697 81.4026 88.7242 78.9578 89.6626C78.7059 89.7565 78.4491 89.9145 78.2071 90.1269C77.9601 90.3442 77.7329 90.601 77.5354 90.8974C77.3428 91.1937 77.1748 91.5197 77.0563 91.8506C76.9328 92.1865 76.8587 92.5223 76.8291 92.8483C76.8044 93.1693 76.8291 93.4657 76.8982 93.7275C76.9723 93.9892 77.0909 94.2016 77.2489 94.3646C77.3279 94.4387 77.4168 94.5029 77.5107 94.5523L73.11 92.31C73.0162 92.2606 72.9273 92.1964 72.8482 92.1223C72.6902 91.9593 72.5717 91.7469 72.4976 91.4851C72.4235 91.2234 72.4037 90.927 72.4284 90.606C72.4581 90.28 72.5321 89.9442 72.6556 89.6083C72.7742 89.2774 72.9421 88.9514 73.1347 88.6551C73.3323 88.3587 73.5595 88.1019 73.8064 87.8846C74.0138 87.7018 74.2312 87.5586 74.4485 87.4697C74.4831 87.4499 74.5226 87.4351 74.5571 87.4203C74.6954 87.366 74.8337 87.3116 74.972 87.2573C77.2786 86.3387 79.5999 85.1385 81.9064 83.6716C82.4201 83.3456 82.9288 83.2715 83.3387 83.4691L85.0378 84.3334L87.7394 85.7114Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M87.7394 85.7116C88.1346 85.9141 88.3815 86.3487 88.4358 86.9315C88.4902 87.5291 88.3371 88.2255 88.016 88.8775C87.6901 89.5294 87.2208 90.0777 86.7121 90.4036C84.0006 92.1274 81.2693 93.5251 78.5578 94.5574C78.3059 94.6561 78.0589 94.6858 77.8367 94.6512C77.7231 94.6314 77.6144 94.5969 77.5156 94.5475C77.4218 94.4981 77.3329 94.4388 77.2539 94.3598C77.0958 94.2017 76.9724 93.9844 76.9032 93.7227C76.8291 93.4658 76.8094 93.1646 76.8341 92.8435C76.8637 92.5225 76.9378 92.1866 77.0613 91.8508C77.1798 91.5149 77.3477 91.1939 77.5403 90.8975C77.7379 90.6012 77.9651 90.3394 78.212 90.127C78.459 89.9147 78.7109 89.7566 78.9677 89.6578C81.4125 88.7244 83.8722 87.4698 86.317 85.914C86.8307 85.5881 87.3394 85.514 87.7493 85.7066L87.7394 85.7116Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M75.5697 80.8173L74.5522 80.2987C74.7054 80.2493 74.8535 80.1901 75.0066 80.1357C75.0264 80.1851 75.0462 80.2345 75.0659 80.279C75.1104 80.3679 75.1647 80.4518 75.224 80.5259C75.2536 80.5654 75.2832 80.6 75.3178 80.6346C75.3919 80.7087 75.4808 80.7729 75.5697 80.8173Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M75.5746 88.0431L74.4485 87.4702C74.4831 87.4504 74.5226 87.4356 74.5571 87.4208C74.6954 87.3665 74.8337 87.3121 74.972 87.2578C74.9868 87.3023 75.0017 87.3467 75.0165 87.3862C75.0313 87.4257 75.051 87.4653 75.0659 87.5048C75.1103 87.5937 75.1597 87.6727 75.219 87.7468C75.3178 87.8752 75.4412 87.9789 75.5746 88.0431Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M90.3967 79.1725C90.3423 79.5083 90.2386 79.8541 90.0904 80.185C89.9373 80.5208 89.7496 80.8369 89.5323 81.1185C89.3101 81.3951 89.0631 81.6321 88.8112 81.8099C87.5617 82.7335 86.3022 83.5781 85.0378 84.3338C82.1732 86.0476 79.2888 87.3169 76.4587 88.1072C76.1278 88.1961 75.8265 88.1714 75.5746 88.043C75.4413 87.9788 75.3178 87.8751 75.219 87.7466C75.1597 87.6726 75.1104 87.5935 75.0659 87.5046C75.0511 87.4651 75.0313 87.4256 75.0165 87.3861C75.0017 87.3466 74.9869 87.3021 74.9721 87.2577C74.9671 87.2429 74.9622 87.228 74.9622 87.2132C74.9474 87.1737 74.9375 87.1342 74.9325 87.0947C74.9177 87.0453 74.9128 86.991 74.9029 86.9366C74.8733 86.6946 74.8733 86.423 74.9177 86.1365C74.9622 85.8105 75.056 85.4698 75.1993 85.1388C75.3376 84.8079 75.5154 84.4968 75.7277 84.2152C75.9401 83.9288 76.1722 83.6868 76.4241 83.4991C76.676 83.3065 76.9329 83.1731 77.1847 83.104C80.7853 82.1013 84.4846 80.2146 88.0852 77.5475C88.3371 77.35 88.5989 77.2117 88.8557 77.1425C89.1125 77.0685 89.3545 77.0635 89.5718 77.1277C89.6015 77.1376 89.6311 77.1475 89.6608 77.1574C89.6904 77.1722 89.7151 77.1821 89.7447 77.1969C89.8879 77.271 90.0114 77.3747 90.1151 77.508C90.2584 77.7007 90.3572 77.9427 90.4065 78.2291C90.4559 78.5156 90.451 78.8366 90.3967 79.1725Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M75.5697 80.8172L74.5522 80.2986L71.169 78.5749C71.0801 78.5304 70.9912 78.4662 70.9171 78.3921C70.6455 78.1254 70.4923 77.7056 70.4775 77.1969C70.4578 76.456 70.28 75.8041 69.9639 75.2559C70.5961 75.5028 71.2628 75.6954 71.9494 75.8288C72.3198 75.9029 72.6655 76.0214 72.9767 76.1795C74.1423 76.7721 74.8387 77.9328 74.8782 79.4392C74.8782 79.617 74.9078 79.785 74.9424 79.9381C74.9622 80.0072 74.9819 80.0714 75.0066 80.1356C75.0264 80.185 75.0461 80.2344 75.0659 80.2789C75.1103 80.3678 75.1647 80.4517 75.2239 80.5258C75.2536 80.5653 75.2832 80.5999 75.3178 80.6345C75.3919 80.7086 75.4808 80.7728 75.5697 80.8172Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M89.6608 77.1574C89.6311 77.1475 89.6015 77.1376 89.5719 77.1277C89.3545 77.0635 89.1125 77.0685 88.8557 77.1426C88.5989 77.2117 88.3371 77.35 88.0852 77.5476C84.4847 80.2146 80.7853 82.1014 77.1848 83.104C76.9329 83.1731 76.676 83.3065 76.4242 83.4991C76.1723 83.6868 75.9401 83.9288 75.7277 84.2153C75.5154 84.4968 75.3376 84.8079 75.1993 85.1389C75.056 85.4698 74.9622 85.8106 74.9177 86.1365C74.8733 86.4181 74.8684 86.6947 74.9029 86.9367C74.9128 86.991 74.9177 87.0453 74.9326 87.0947C74.9326 87.1342 74.9474 87.1737 74.9622 87.2133C74.9622 87.2281 74.9622 87.2429 74.9721 87.2577C74.8338 87.312 74.6955 87.3664 74.5572 87.4207C74.5226 87.4355 74.4831 87.4503 74.4485 87.4701L71.174 85.8007C71.0406 85.7365 70.9171 85.6328 70.8183 85.5044C70.5269 85.1389 70.4183 84.5561 70.5171 83.8942C70.5615 83.5682 70.6554 83.2275 70.7986 82.8965C70.9369 82.5656 71.1147 82.2545 71.3271 81.9729C71.5394 81.6865 71.7716 81.4445 72.0235 81.2568C72.2754 81.0642 72.5322 80.9308 72.7791 80.8617C73.3669 80.6987 73.9596 80.511 74.5523 80.2986L75.5697 80.8172C75.8018 80.9357 76.0735 80.9654 76.3698 80.9012C77.2786 80.6987 78.2071 80.432 79.1456 80.101C79.9803 79.8047 80.6964 78.6243 80.6964 77.597V62.9428C80.5235 63.0071 80.3507 63.0713 80.1729 63.1305C79.5357 63.3429 78.8986 63.5158 78.2714 63.6392C78.0293 63.6837 77.7972 63.6689 77.5898 63.5849C77.57 63.58 77.5453 63.5701 77.5256 63.5553C77.5157 63.5503 77.5009 63.5454 77.491 63.5355C77.3329 63.4516 77.1946 63.3182 77.0909 63.1552C76.9576 62.9577 76.8736 62.7058 76.839 62.4144C76.8045 62.1279 76.8143 61.8069 76.8835 61.4759C76.9082 61.3377 76.9427 61.1944 76.9872 61.0561C77.0465 60.8635 77.1206 60.6659 77.2095 60.4783C77.3626 60.1523 77.5502 59.8461 77.7725 59.5794C77.9898 59.3077 78.2318 59.0805 78.4837 58.9126C78.7406 58.7397 78.9924 58.6261 79.2394 58.5767C79.8963 58.4483 80.5631 58.2557 81.2348 57.9939C82.835 57.3815 84.46 56.4134 86.0256 55.1194C86.2775 54.9021 86.5393 54.744 86.7961 54.6502C87.053 54.5564 87.2999 54.5317 87.5222 54.5761C87.6259 54.5909 87.7197 54.6255 87.8086 54.67C87.9173 54.7243 88.0161 54.8033 88.105 54.8972C88.263 55.0651 88.3766 55.2923 88.4408 55.5639C88.505 55.8405 88.5198 56.1517 88.4803 56.4826C88.4408 56.8135 88.3519 57.1592 88.2186 57.4951C88.0803 57.8359 87.9074 58.1569 87.695 58.4483C87.4826 58.7397 87.2456 58.9916 86.9937 59.1941C86.1985 59.8461 85.3885 60.4388 84.5736 60.9672V75.6213C84.5736 76.1597 84.7662 76.54 85.0773 76.6981C85.3589 76.8413 85.7244 76.8067 86.1244 76.5449C86.4553 76.3227 86.7862 76.0955 87.1172 75.8584L89.6608 77.1574Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M96.3284 21.0701C96.0914 20.9516 95.8543 20.838 95.6073 20.7342C91.8882 19.1587 87.3246 19.5983 82.6325 21.9937C77.9404 24.3793 73.3817 28.5873 69.6577 33.956C65.9336 39.3248 63.2616 45.5628 62.0417 51.697C60.8217 57.8313 61.1329 63.5162 62.9257 67.8823C64.2445 71.0976 66.3189 73.4634 68.9415 74.7969L64.5408 72.5546C61.9182 71.2211 59.8438 68.8553 58.5251 65.6399C56.7322 61.2738 56.421 55.589 57.641 49.4547C58.8609 43.3204 61.5329 37.0824 65.257 31.7137C68.981 26.345 73.5397 22.1369 78.2318 19.7514C82.9239 17.3559 87.4876 16.9164 91.2066 18.4919C91.4536 18.5956 91.6907 18.7092 91.9278 18.8278L96.3284 21.0701Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M102.344 47.7951C100.551 53.9886 97.3805 60.0143 93.3206 64.9385C91.5475 67.0968 90.4411 69.5762 90.3868 71.537C90.3769 72.0606 90.2238 72.6384 89.9522 73.1768C89.6805 73.7151 89.315 74.1843 88.8952 74.5153C88.3075 74.9845 87.7148 75.4339 87.1172 75.8587C86.7862 76.0957 86.4553 76.3229 86.1244 76.5452C85.7243 76.807 85.3589 76.8415 85.0773 76.6983C84.7662 76.5403 84.5736 76.16 84.5736 75.6216V60.9675C85.3885 60.439 86.1985 59.8463 86.9937 59.1944C87.2456 58.9919 87.4826 58.74 87.695 58.4486C87.9074 58.1572 88.0803 57.8361 88.2186 57.4953C88.3519 57.1595 88.4408 56.8138 88.4803 56.4828C88.5198 56.1519 88.505 55.8408 88.4408 55.5642C88.3766 55.2925 88.263 55.0653 88.105 54.8974C88.0161 54.8036 87.9173 54.7245 87.8086 54.6702C87.7197 54.6258 87.6259 54.5912 87.5222 54.5764C87.2999 54.5319 87.0529 54.5566 86.7961 54.6505C86.5393 54.7443 86.2775 54.9024 86.0256 55.1197C84.46 56.4137 82.835 57.3817 81.2348 57.9942C80.5631 58.256 79.8963 58.4486 79.2394 58.577C78.9924 58.6264 78.7406 58.74 78.4837 58.9128C78.2318 59.0808 77.9898 59.308 77.7725 59.5796C77.5502 59.8463 77.3626 60.1525 77.2094 60.4785C77.1205 60.6662 77.0465 60.8638 76.9872 61.0564C76.9427 61.1947 76.9082 61.3379 76.8835 61.4762C76.8143 61.8071 76.8044 62.1282 76.839 62.4146C76.8736 62.706 76.9576 62.9579 77.0909 63.1555C77.1946 63.3185 77.3329 63.4518 77.491 63.5358C77.5009 63.5457 77.5157 63.5506 77.5255 63.5555C77.5453 63.5704 77.57 63.5802 77.5898 63.5852C77.7972 63.6691 78.0293 63.684 78.2713 63.6395C78.8986 63.516 79.5357 63.3432 80.1729 63.1308C80.3507 63.0715 80.5235 63.0073 80.6964 62.9431V77.5972C80.6964 78.6245 79.9802 79.805 79.1455 80.1013C78.2071 80.4322 77.2786 80.6989 76.3698 80.9014C76.0735 80.9656 75.8018 80.936 75.5697 80.8175C75.4808 80.773 75.3919 80.7088 75.3178 80.6347C75.2832 80.6001 75.2536 80.5656 75.224 80.5261C75.1647 80.452 75.1104 80.368 75.0659 80.2791C75.0462 80.2347 75.0264 80.1853 75.0066 80.1359C74.9819 80.0717 74.9622 80.0075 74.9424 79.9383C74.9079 79.7852 74.8832 79.6173 74.8782 79.4395C74.8387 77.9331 74.1423 76.7724 72.9767 76.1797C72.6655 76.0217 72.3198 75.9031 71.9494 75.829C71.2629 75.6957 70.5961 75.5031 69.9639 75.2561C69.6132 75.1178 69.2724 74.9647 68.9415 74.7968C66.3189 73.4632 64.2445 71.0974 62.9258 67.8821C61.1329 63.516 60.8217 57.8312 62.0417 51.6969C63.2616 45.5626 65.9336 39.3246 69.6577 33.9559C73.3817 28.5872 77.9404 24.3791 82.6325 21.9936C87.3246 19.5981 91.8883 19.1586 95.6073 20.7341C95.8543 20.8378 96.0914 20.9514 96.3285 21.07C99.6771 22.7789 102.092 26.1374 103.228 30.711C104.443 35.6006 104.132 41.6114 102.344 47.7951Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4.62539 63.9805C3.26715 63.289 2.40282 61.6542 2.40282 59.3279C2.40282 55.1643 5.17856 50.3735 8.59637 48.6349L31.5135 36.9591C33.0248 36.1886 34.4078 36.1392 35.4845 36.6874L33.2817 35.5662C32.205 35.018 30.822 35.0674 29.3107 35.8379L6.39356 47.5138C2.97575 49.2523 0.200012 54.0432 0.200012 58.2068C0.200012 60.5331 1.06434 62.1679 2.42258 62.8593L4.62539 63.9805Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4.6254 63.9804C5.70211 64.5287 7.08504 64.4793 8.59638 63.7088L31.5135 52.0329C34.9362 50.2894 37.707 45.4986 37.707 41.3399C37.707 39.0136 36.8427 37.3788 35.4845 36.6873C34.4078 36.1391 33.0248 36.1885 31.5135 36.959L8.59638 48.6349C5.17363 50.3783 2.40283 55.1692 2.40283 59.3279C2.40283 61.6542 3.26716 63.289 4.6254 63.9804Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.7277 53.1191C11.8117 52.9907 11.9351 52.9363 12.0142 52.9907C12.0932 53.045 12.0981 53.1932 12.029 53.3315L12.0142 53.3611L9.02111 58.5323C8.93715 58.6755 8.8038 58.7447 8.71983 58.6854C8.63587 58.6261 8.63587 58.4631 8.71983 58.315L11.7129 53.1438L11.7277 53.1191Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M9.51009 54.8432C9.51009 54.6259 9.36686 54.5271 9.18906 54.616C9.01125 54.7049 8.86802 54.9519 8.86802 55.1692C8.86802 55.3865 9.01125 55.4853 9.18906 55.3964C9.36686 55.3075 9.51009 55.0605 9.51009 54.8432ZM9.93979 54.6259C9.93979 55.1297 9.60394 55.7075 9.18906 55.9199C8.77418 56.1323 8.43832 55.8952 8.43832 55.3914C8.43832 54.8876 8.77418 54.3098 9.18906 54.0974C9.60394 53.885 9.93979 54.1221 9.93979 54.6259Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M11.866 56.5082C11.866 56.2909 11.7228 56.1921 11.5449 56.281C11.3671 56.3699 11.2239 56.6169 11.2239 56.8342C11.2239 57.0515 11.3671 57.1503 11.5449 57.0614C11.7228 56.9725 11.866 56.7256 11.866 56.5082ZM12.2907 56.2909C12.2907 56.7947 11.9549 57.3726 11.54 57.5849C11.1251 57.7973 10.7893 57.5602 10.7893 57.0565C10.7893 56.5527 11.1251 55.9748 11.54 55.7624C11.9549 55.5501 12.2907 55.7871 12.2907 56.2909Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M10.2954 51.228C10.2954 51.0897 10.3892 50.9317 10.5028 50.8773C11.1696 50.581 11.8166 50.4822 12.3944 50.6057C13.0316 50.7391 13.5502 51.1292 13.9107 51.7318C14.2663 52.3344 14.4441 53.1345 14.4244 54.0383C14.4046 54.9471 14.1824 55.93 13.7922 56.8881C13.3971 57.8463 12.8439 58.7452 12.1919 59.491C11.5351 60.2368 10.8041 60.7999 10.0682 61.1209C9.33225 61.4419 8.62103 61.516 8.00859 61.3283C7.45541 61.1555 6.99608 60.7801 6.67999 60.2269C6.62566 60.1331 6.67011 59.9602 6.77383 59.8466C6.87755 59.733 7.00102 59.7232 7.05535 59.817C7.34182 60.306 7.74682 60.6369 8.24072 60.79C8.79389 60.9579 9.43103 60.8937 10.0929 60.6023C10.7547 60.3109 11.4165 59.8071 12.0043 59.1354C12.592 58.4637 13.0909 57.6586 13.4465 56.7943C13.8021 55.93 13.9947 55.0459 14.0145 54.226C14.0342 53.4111 13.8762 52.69 13.5551 52.1467C13.2341 51.6034 12.7649 51.2527 12.1919 51.1342C11.6783 51.0255 11.1054 51.1095 10.5127 51.3712C10.3991 51.4206 10.3052 51.3564 10.3052 51.2181L10.2954 51.228Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M28.6143 48.5707L20.2278 52.8429C19.5364 53.1936 18.9782 52.7985 18.9782 51.9588C18.9782 51.1192 19.5364 50.1561 20.2278 49.8054L28.6143 45.5332C29.3058 45.1825 29.8639 45.5776 29.8639 46.4172C29.8639 47.2569 29.3058 48.22 28.6143 48.5707Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M112.83 1.71858C113.99 1.1259 115.492 1.17529 117.127 2.00998L148.425 17.9581C152.12 19.8399 155.118 25.0111 155.118 29.5105C155.118 32.0196 154.184 33.7877 152.722 34.5335L154.925 33.4124C156.392 32.6666 157.321 30.8984 157.321 28.3894C157.321 23.8948 154.323 18.7187 150.628 16.837L119.325 0.888823C117.69 0.0541267 116.193 0.00473632 115.028 0.59742L112.825 1.71858H112.83Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M112.83 1.71851C111.363 2.46431 110.434 4.23248 110.434 6.74151C110.434 11.236 113.432 16.4121 117.127 18.2939L148.425 34.242C150.06 35.0767 151.557 35.1261 152.722 34.5335C154.189 33.7877 155.118 32.0195 155.118 29.5105C155.118 25.0159 152.12 19.8398 148.425 17.9581L117.122 2.00992C115.487 1.17522 113.99 1.12583 112.825 1.71851H112.83Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M119.379 10.0411V14.7233C119.379 15.4987 119.893 16.3927 120.535 16.7187L126.694 19.8549C127.331 20.1809 127.849 19.8154 127.849 19.04V14.3578C127.849 13.5873 127.331 12.6884 126.694 12.3624L125.538 11.7747V11.3055C125.538 10.535 125.019 9.63609 124.382 9.31011L122.841 8.5248C122.204 8.19883 121.685 8.56925 121.685 9.33974V9.80895L120.53 9.22121C119.893 8.89523 119.374 9.26566 119.374 10.0361L119.379 10.0411ZM126.694 18.9215L125.538 18.3337V12.7131L126.694 13.3008C126.906 13.4095 127.079 13.7058 127.079 13.9676V18.6498C127.079 18.9067 126.906 19.0301 126.694 18.9215ZM122.461 11.1425L124.772 12.318V17.9386L122.461 16.7631V11.1425ZM122.461 9.73487C122.461 9.47804 122.634 9.35456 122.846 9.46322L124.387 10.2485C124.599 10.3572 124.772 10.6535 124.772 10.9153V11.3845L122.461 10.209V9.73981V9.73487ZM120.149 10.4313C120.149 10.1744 120.322 10.051 120.535 10.1596L121.69 10.7474V16.368L120.535 15.7802C120.322 15.6716 120.149 15.3752 120.149 15.1135V10.4313Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M144.598 26.2316V27.6541C144.598 27.8022 144.553 27.9158 144.474 27.98C144.395 28.0393 144.286 28.0442 144.178 27.985L134.853 23.2336C134.621 23.1151 134.433 22.7694 134.433 22.4681V20.206L137.258 16.9462C137.416 16.8228 137.599 16.7536 137.821 16.8672C138.044 16.9808 138.226 17.2376 138.384 17.5241L140.829 23.4905L141.886 22.878C142.044 22.7496 142.261 22.7447 142.484 22.8583C142.706 22.9719 142.923 23.199 143.081 23.4905L144.603 26.2316H144.598Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,186 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function InvalidLinkVerticalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="161"
|
||||
height="151"
|
||||
viewBox="0 0 161 151"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M0.25 113.58C0.25 115.713 1.84703 117.84 5.03541 119.471L46.0893 140.39C52.4717 143.641 62.8156 143.641 69.1979 140.39L155.465 96.4359C158.653 94.8106 160.25 92.6832 160.25 90.55V97.3613C160.25 99.4944 158.653 101.622 155.465 103.247L69.1979 147.202C62.8156 150.452 52.4717 150.452 46.0893 147.202L5.03541 126.282C1.84139 124.657 0.25 122.524 0.25 120.391V113.58Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.25 113.58C0.25 111.446 1.84703 109.319 5.03541 107.694L91.3021 63.7394C97.6845 60.4889 108.028 60.4889 114.411 63.7394L155.465 84.6585C158.659 86.2837 160.25 88.4168 160.25 90.5499C160.25 92.683 158.653 94.8105 155.465 96.4357L69.1979 140.39C62.8156 143.641 52.4717 143.641 46.0893 140.39L5.03541 119.471C1.84139 117.846 0.25 115.713 0.25 113.58Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M0.25 92.0624C0.25 94.1955 1.84703 96.323 5.03541 97.9538L46.0893 118.873C52.4717 122.123 62.8156 122.123 69.1979 118.873L155.465 74.9185C158.653 73.2933 160.25 71.1658 160.25 69.0327V75.844C160.25 77.9771 158.653 80.1046 155.465 81.7298L69.1979 125.684C62.8156 128.935 52.4717 128.935 46.0893 125.684L5.03541 104.765C1.84139 103.14 0.25 101.007 0.25 98.8736V92.0624Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.25 92.0623C0.25 89.9291 1.84703 87.8017 5.03541 86.1765L91.3021 42.222C97.6845 38.9716 108.028 38.9716 114.411 42.222L155.465 63.1411C158.659 64.7664 160.25 66.8995 160.25 69.0326C160.25 71.1657 158.653 73.2932 155.465 74.9184L69.1979 118.873C62.8156 122.123 52.4717 122.123 46.0893 118.873L5.03541 97.9537C1.84139 96.3285 0.25 94.1954 0.25 92.0623Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M0.25 70.545C0.25 72.6782 1.84703 74.8056 5.03541 76.4365L46.0893 97.3556C52.4717 100.606 62.8156 100.606 69.1979 97.3556L155.465 53.4012C158.653 51.776 160.25 49.6485 160.25 47.5154V54.3267C160.25 56.4598 158.653 58.5872 155.465 60.2125L69.1979 104.167C62.8156 107.417 52.4717 107.417 46.0893 104.167L5.03541 83.2478C1.84139 81.6225 0.25 79.4894 0.25 77.3563V70.545Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.25 70.5449C0.25 68.4118 1.84703 66.2843 5.03541 64.6591L91.3021 20.7047C97.6845 17.4542 108.028 17.4542 114.411 20.7047L155.465 41.6238C158.659 43.249 160.25 45.3821 160.25 47.5153C160.25 49.6484 158.653 51.7758 155.465 53.4011L69.1979 97.3555C62.8156 100.606 52.4717 100.606 46.0893 97.3555L5.03541 76.4364C1.84139 74.8111 0.25 72.678 0.25 70.5449Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M110.33 39.7446C110.014 39.7446 109.709 39.6881 109.433 39.5753C109.371 39.5527 109.314 39.5245 109.258 39.4963L104.23 36.9343C102.627 36.116 102.3 33.6218 103.468 31.1275C105.082 27.6852 105.974 23.9889 105.974 20.7215C105.974 17.7307 105.257 15.2364 103.903 13.487C103.835 13.487 103.761 13.487 103.688 13.487C102.215 13.487 100.641 13.9046 99.0156 14.7342L92.6163 17.9959C92.1084 18.2555 91.6062 18.3853 91.1265 18.3853C90.7371 18.3853 90.3759 18.3006 90.0486 18.1313L85.0206 15.5694C84.1008 15.101 83.5703 14.0401 83.5703 12.6631C83.5703 10.2874 85.1109 7.64074 87.0804 6.63626L93.4797 3.37452C96.1207 2.03145 98.6939 1.34863 101.126 1.34863C102.994 1.34863 104.738 1.75494 106.301 2.55062L111.329 5.11261C115.9 7.44323 118.524 12.8776 118.524 20.0218C118.524 25.1288 117.141 30.8848 114.63 36.2402C113.97 37.651 112.943 38.7909 111.814 39.3665C111.306 39.6261 110.81 39.7559 110.33 39.7559V39.7446Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M101.132 1.90744C102.926 1.90744 104.58 2.29681 106.053 3.04735L111.081 5.60934C115.291 7.75373 117.965 12.8269 117.965 20.0163C117.965 25.0387 116.6 30.7157 114.122 35.992C113.496 37.3294 112.531 38.3565 111.56 38.8531C111.143 39.0675 110.725 39.1804 110.33 39.1804C110.093 39.1804 109.862 39.1409 109.642 39.0506C109.597 39.0337 109.551 39.0111 109.506 38.9885L104.478 36.4265C103.18 35.7663 102.949 33.5485 103.976 31.359C105.624 27.8433 106.538 24.0624 106.538 20.7104C106.538 17.3584 105.663 14.7117 104.185 12.9229C104.021 12.9116 103.857 12.9059 103.694 12.9059C102.176 12.9059 100.511 13.3235 98.7674 14.2151L92.3681 17.4769C91.9279 17.7026 91.5159 17.8042 91.1322 17.8042C90.8331 17.8042 90.5566 17.7365 90.3083 17.6123L85.2803 15.0503C84.5805 14.6948 84.1403 13.8483 84.1403 12.652C84.1403 10.5019 85.5737 8.03025 87.34 7.12735L93.7393 3.86561C96.3578 2.53383 98.852 1.90179 101.132 1.90179M101.132 0.778809C98.6094 0.778809 95.9458 1.4842 93.2258 2.86677L86.8265 6.12851C84.6877 7.21764 83.0117 10.0844 83.0117 12.6576C83.0117 14.2546 83.655 15.4961 84.7724 16.0661L89.8004 18.6281C90.2067 18.8369 90.6582 18.9441 91.1378 18.9441C91.7078 18.9441 92.2947 18.7917 92.8872 18.4926L99.2865 15.2309C100.805 14.4578 102.266 14.0571 103.626 14.0458C104.8 15.6823 105.415 17.9735 105.415 20.716C105.415 23.9044 104.546 27.516 102.96 30.885C101.657 33.6614 102.097 36.4773 103.976 37.4367L109.004 39.9986C109.077 40.0382 109.151 40.072 109.23 40.1002C109.58 40.2413 109.952 40.309 110.336 40.309C110.906 40.309 111.493 40.1567 112.08 39.8576C113.315 39.2255 114.438 37.9897 115.149 36.4717C117.694 31.0486 119.094 25.2023 119.094 20.0163C119.094 12.652 116.357 7.03705 111.589 4.60486L106.561 2.04287C104.913 1.20204 103.084 0.778809 101.126 0.778809H101.132Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M59.3729 71.9951C57.505 71.9951 55.7613 71.5888 54.1982 70.7931L49.1701 68.2311C44.5992 65.9005 41.9751 60.4661 41.9751 53.3219C41.9751 40.2467 50.7276 25.1513 61.4834 19.6718C61.9913 19.4123 62.4936 19.2825 62.9732 19.2825C63.3626 19.2825 63.7238 19.3671 64.0511 19.5364L69.0791 22.0984C69.999 22.5668 70.5294 23.6277 70.5294 25.0046C70.5294 27.3804 68.9888 30.027 67.0194 31.0315C60.1291 34.5415 54.5255 44.2308 54.5255 52.6278C54.5255 55.6187 55.2421 58.1129 56.5965 59.8623C56.6642 59.8623 56.7376 59.8623 56.8109 59.8623C58.2838 59.8623 59.8582 59.4447 61.4834 58.6152L67.8828 55.3534C68.3907 55.0939 68.8929 54.9641 69.3726 54.9641C69.762 54.9641 70.1231 55.0487 70.4504 55.218L75.4784 57.78C76.3983 58.2484 76.9287 59.3093 76.9287 60.6806C76.9287 63.0563 75.3882 65.703 73.4187 66.7074L67.0194 69.9692C64.3784 71.3122 61.8051 71.9951 59.3729 71.9951Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M62.9731 19.8525C63.2722 19.8525 63.5487 19.9203 63.797 20.0444L68.825 22.6064C69.5248 22.9619 69.9706 23.8084 69.9706 25.0047C69.9706 27.1548 68.5372 29.6265 66.7709 30.5294C59.7114 34.124 53.9723 44.039 53.9723 52.6279C53.9723 55.9743 54.847 58.6266 56.3255 60.4154C56.4892 60.4267 56.6528 60.4324 56.8165 60.4324C58.3345 60.4324 59.9992 60.0148 61.7429 59.1232L68.1422 55.8614C68.5824 55.6357 68.9943 55.5341 69.3781 55.5341C69.6771 55.5341 69.9537 55.6018 70.202 55.726L75.23 58.288C75.9298 58.6435 76.3756 59.49 76.3756 60.6863C76.3756 62.8363 74.9422 65.308 73.1759 66.2109L66.7766 69.4727C64.1582 70.8045 61.6639 71.4365 59.3841 71.4365C57.5896 71.4365 55.9361 71.0471 54.4632 70.2966L49.4352 67.7346C45.2254 65.5902 42.5506 60.517 42.5506 53.3277C42.5506 40.4444 51.162 25.5747 61.7486 20.1798C62.1887 19.9541 62.6007 19.8525 62.9844 19.8525M62.9731 18.7239C62.4031 18.7239 61.8163 18.8763 61.2237 19.1754C50.2986 24.7451 41.4106 40.0606 41.4106 53.3277C41.4106 60.692 44.1476 66.3069 48.9161 68.7391L53.9441 71.3011C55.5919 72.1419 57.4203 72.5651 59.3784 72.5651C61.9009 72.5651 64.5645 71.8597 67.2845 70.4772L73.6838 67.2154C75.8225 66.1263 77.4985 63.2539 77.4985 60.6863C77.4985 59.0893 76.8552 57.8478 75.7379 57.2779L70.7099 54.7159C70.3036 54.5071 69.8521 54.3999 69.3724 54.3999C68.8025 54.3999 68.2156 54.5522 67.623 54.8513L61.2237 58.113C59.7057 58.8861 58.2442 59.2868 56.8842 59.2981C55.7104 57.6616 55.0953 55.3705 55.0953 52.6279C55.0953 44.4228 60.5635 34.9592 67.2788 31.5338C69.4176 30.4447 71.0936 27.5724 71.0936 25.0047C71.0936 23.4077 70.4503 22.1662 69.3329 21.5963L64.3049 19.0343C63.8986 18.8255 63.4471 18.7183 62.9675 18.7183L62.9731 18.7239Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M68.7349 49.259C68.3455 49.259 67.9843 49.1744 67.657 49.0051L62.629 46.4431C61.7092 45.9747 61.1787 44.9138 61.1787 43.5369C61.1787 41.1611 62.7193 38.5145 64.6887 37.51L77.4874 30.9865C77.9953 30.727 78.4975 30.5972 78.9772 30.5972C79.3665 30.5972 79.7277 30.6818 80.055 30.8511L85.0831 33.4131C86.0029 33.8815 86.5333 34.9424 86.5333 36.3193C86.5333 38.6951 84.9928 41.3417 83.0233 42.3462L70.2247 48.8697C69.7168 49.1293 69.2146 49.259 68.7349 49.259Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M78.9717 31.167C79.2707 31.167 79.5473 31.2347 79.7956 31.3588L84.8236 33.9208C85.5234 34.2763 85.9635 35.1228 85.9635 36.3191C85.9635 38.4692 84.5302 40.9409 82.7639 41.8438L69.9652 48.3673C69.5251 48.593 69.1131 48.6946 68.7294 48.6946C68.4303 48.6946 68.1538 48.6268 67.9055 48.5027L62.8774 45.9407C62.1777 45.5852 61.7375 44.7387 61.7375 43.5424C61.7375 41.3923 63.1709 38.9206 64.9372 38.0177L77.7358 31.4943C78.176 31.2685 78.5879 31.167 78.9717 31.167ZM78.9717 30.0383C78.4017 30.0383 77.8148 30.1907 77.2223 30.4898L64.4237 37.0133C62.2849 38.1024 60.6089 40.9691 60.6089 43.5424C60.6089 45.1394 61.2522 46.3809 62.3695 46.9508L67.3976 49.5128C67.8039 49.7216 68.2554 49.8288 68.735 49.8288C69.305 49.8288 69.8919 49.6765 70.4844 49.3774L83.283 42.8539C85.4218 41.7648 87.0978 38.8981 87.0978 36.3248C87.0978 34.7278 86.4545 33.4863 85.3371 32.9163L80.3091 30.3543C79.9028 30.1455 79.4513 30.0383 78.9717 30.0383Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M106.972 13.6731C109.777 15.1008 111.566 18.4867 111.566 23.2777C111.566 26.6297 110.657 30.4106 109.004 33.9263C107.977 36.1158 108.214 38.3336 109.506 38.9939L104.478 36.4319C103.18 35.7716 102.949 33.5539 103.976 31.3643C105.624 27.8486 106.538 24.0677 106.538 20.7157C106.538 15.9247 104.749 12.5388 101.944 11.1111L106.972 13.6731Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M111.081 5.61473C107.745 3.91615 103.451 4.05158 98.7672 6.43863L92.3678 9.70037C90.6015 10.6033 89.1682 13.075 89.1682 15.225C89.1682 16.4213 89.614 17.2678 90.3137 17.6233L85.2857 15.0614C84.5859 14.7058 84.1401 13.8594 84.1401 12.663C84.1401 10.513 85.5735 8.04128 87.3398 7.13838L93.7391 3.87664C98.4229 1.48959 102.717 1.35416 106.052 3.05274L111.081 5.61473Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M111.081 5.61478C115.29 7.75918 117.965 12.8324 117.965 20.0217C117.965 25.0441 116.6 30.7211 114.122 35.9975C113.496 37.3349 112.531 38.3619 111.56 38.8585C110.894 39.1971 110.217 39.2874 109.642 39.056C109.596 39.0391 109.551 39.0165 109.506 38.994C108.208 38.3337 107.977 36.116 109.004 33.9264C110.652 30.4108 111.566 26.6298 111.566 23.2778C111.566 18.4868 109.777 15.1009 106.972 13.6732C104.749 12.5389 101.888 12.6349 98.7672 14.2206L92.3679 17.4823C91.5835 17.883 90.8668 17.9055 90.3082 17.6177C89.6084 17.2622 89.1626 16.4158 89.1626 15.2194C89.1626 13.0694 90.596 10.5977 92.3623 9.69478L98.7616 6.43304C103.445 4.04599 107.74 3.91055 111.075 5.60914L111.081 5.61478Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M75.224 58.2822C74.6653 58.0001 73.9486 58.0226 73.1642 58.4177L66.7649 61.6794C63.6443 63.2708 60.7832 63.361 58.5598 62.2268L53.5317 59.6648C55.7551 60.7991 58.6162 60.7031 61.7369 59.1174L68.1362 55.8557C68.9206 55.455 69.6372 55.4324 70.1959 55.7202L75.224 58.2822Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.8248 22.6064C68.2662 22.3243 67.5495 22.3469 66.7651 22.7419C56.1786 28.1367 47.5671 43.0064 47.5671 55.8897C47.5671 63.0734 50.2476 68.1522 54.4518 70.2966L49.4237 67.7347C45.2139 65.5903 42.5391 60.5171 42.5391 53.3277C42.5391 40.4444 51.1505 25.5747 61.737 20.1799C62.5214 19.7792 63.2381 19.7567 63.7968 20.0445L68.8248 22.6064Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.825 22.6065C69.5248 22.962 69.9706 23.8085 69.9706 25.0048C69.9706 27.1548 68.5372 29.6265 66.7709 30.5294C59.7113 34.1241 53.9723 44.0391 53.9723 52.628C53.9723 57.419 55.7612 60.8049 58.5658 62.2326C60.7892 63.3669 63.6503 63.271 66.7709 61.6852L73.1702 58.4235C73.9546 58.0228 74.6713 58.0003 75.23 58.2881C75.9298 58.6436 76.3756 59.49 76.3756 60.6864C76.3756 62.8364 74.9422 65.3081 73.1759 66.211L66.7766 69.4728C62.0928 71.8598 57.7983 71.9952 54.4632 70.2967C50.2534 68.1523 47.5786 63.0791 47.5786 55.8897C47.5786 43.0064 56.19 28.1367 66.7766 22.7419C67.561 22.3412 68.2777 22.3187 68.8363 22.6065H68.825Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M84.8229 33.9209C84.2643 33.6387 83.5476 33.6613 82.7632 34.0563L69.9645 40.5798C68.1982 41.4827 66.7649 43.9544 66.7649 46.1044C66.7649 47.3008 67.2107 48.1473 67.9104 48.5028L62.8824 45.9408C62.1826 45.5853 61.7368 44.7388 61.7368 43.5425C61.7368 41.3924 63.1702 38.9207 64.9365 38.0178L77.7351 31.4943C78.5195 31.0937 79.2362 31.0711 79.7949 31.3589L84.8229 33.9209Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M84.8227 33.9209C85.5225 34.2764 85.9682 35.1229 85.9682 36.3193C85.9682 38.4693 84.5349 40.941 82.7686 41.8439L69.9699 48.3674C69.1856 48.768 68.4689 48.7906 67.9102 48.5028C67.2104 48.1473 66.7646 47.3008 66.7646 46.1045C66.7646 43.9544 68.198 41.4827 69.9643 40.5798L82.7629 34.0564C83.5473 33.6557 84.264 33.6331 84.8227 33.9209Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M111.019 57.9663C110.635 57.9663 110.268 57.8816 109.941 57.7123L104.913 55.1503C104.817 55.0995 104.727 55.0487 104.636 54.981L40.6376 9.71174C39.1308 8.64519 39.0631 5.90262 40.4739 3.46478C41.4953 1.70412 43.0585 0.564209 44.4636 0.564209C44.8474 0.564209 45.2085 0.648855 45.5358 0.81815L50.5639 3.38014C50.6598 3.43093 50.7501 3.48736 50.8404 3.54943L114.839 48.8187C116.346 49.8853 116.414 52.6278 115.003 55.0657C114.343 56.2 113.457 57.0972 112.509 57.5769C112.001 57.8365 111.498 57.9663 111.019 57.9663Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M44.4638 1.12863C44.7516 1.12863 45.0281 1.1907 45.282 1.3205L50.31 3.88248C50.3834 3.91634 50.4511 3.96149 50.5188 4.00663L114.518 49.2759C115.771 50.1619 115.771 52.6223 114.518 54.7836C113.891 55.8615 113.073 56.6628 112.255 57.0747C111.832 57.2892 111.414 57.402 111.019 57.402C110.726 57.402 110.449 57.34 110.201 57.2102L105.173 54.6482C105.099 54.6143 105.032 54.5692 104.964 54.524L40.965 9.25475C39.7122 8.36878 39.7122 5.90837 40.965 3.74705C41.9131 2.11053 43.3013 1.12863 44.4638 1.12863ZM44.4638 0C42.8385 0 41.123 1.21892 39.9888 3.18273C38.4312 5.87451 38.5723 8.94438 40.316 10.1746L104.315 55.4439C104.428 55.5229 104.541 55.5906 104.659 55.6527L109.687 58.2147C110.093 58.4235 110.545 58.5307 111.019 58.5307C111.589 58.5307 112.181 58.3783 112.768 58.0792C113.812 57.5488 114.783 56.5781 115.494 55.3479C117.051 52.6562 116.91 49.5863 115.167 48.3561L51.1678 3.0868C51.055 3.00779 50.9421 2.94008 50.8236 2.878L45.7955 0.316016C45.3892 0.107219 44.9434 0.00564327 44.4638 0.00564327V0Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M50.31 3.88255C49.0516 3.23924 47.1781 4.27193 45.993 6.31475C44.7402 8.47043 44.7402 10.9365 45.993 11.8225L109.992 57.0917C110.06 57.1369 110.127 57.182 110.201 57.2159L105.173 54.6539C105.099 54.6201 105.032 54.5749 104.964 54.5298L40.965 9.26047C39.7122 8.3745 39.7122 5.91409 40.965 3.75276C42.15 1.70994 44.0236 0.677249 45.282 1.32057L50.31 3.88255Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M50.3098 3.88236C50.3832 3.91622 50.4509 3.96137 50.5186 4.00651L114.518 49.2758C115.77 50.1618 115.77 52.6222 114.518 54.7835C113.891 55.8614 113.073 56.6627 112.255 57.0746C111.521 57.4471 110.793 57.5148 110.201 57.2101C110.127 57.1762 110.059 57.1311 109.992 57.0859L45.9928 11.8166C44.74 10.9306 44.74 8.47024 45.9928 6.30892C47.1779 4.2661 49.0514 3.2334 50.3098 3.87672V3.88236Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,382 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function ModuleVerticalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="162"
|
||||
height="168"
|
||||
viewBox="0 0 162 168"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M12.7461 135.993C12.7461 137.824 14.1171 139.651 16.8542 141.051L52.0981 159.009C57.5773 161.8 66.4573 161.8 71.9364 159.009L145.995 121.275C148.732 119.88 150.103 118.054 150.103 116.223V122.07C150.103 123.901 148.732 125.728 145.995 127.123L71.9364 164.857C66.4573 167.647 57.5773 167.647 52.0981 164.857L16.8542 146.898C14.1122 145.503 12.7461 143.672 12.7461 141.84V135.993Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12.7461 135.993C12.7461 134.162 14.1171 132.335 16.8542 130.94L90.9124 93.2063C96.3916 90.4159 105.272 90.4159 110.751 93.2063L145.995 111.165C148.737 112.56 150.103 114.391 150.103 116.223C150.103 118.054 148.732 119.88 145.995 121.275L71.9364 159.009C66.4573 161.8 57.5773 161.8 52.0981 159.009L16.8542 141.051C14.1122 139.656 12.7461 137.824 12.7461 135.993Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M12.7461 117.521C12.7461 119.352 14.1171 121.179 16.8542 122.579L52.0981 140.537C57.5773 143.328 66.4573 143.328 71.9364 140.537L145.995 102.803C148.732 101.408 150.103 99.5817 150.103 97.7505V103.598C150.103 105.429 148.732 107.255 145.995 108.651L71.9364 146.385C66.4573 149.175 57.5773 149.175 52.0981 146.385L16.8542 128.426C14.1122 127.031 12.7461 125.2 12.7461 123.368V117.521Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12.7461 117.521C12.7461 115.69 14.1171 113.863 16.8542 112.468L90.9124 74.7341C96.3916 71.9437 105.272 71.9437 110.751 74.7341L145.995 92.6928C148.737 94.088 150.103 95.9192 150.103 97.7504C150.103 99.5817 148.732 101.408 145.995 102.803L71.9364 140.537C66.4573 143.328 57.5773 143.328 52.0981 140.537L16.8542 122.579C14.1122 121.183 12.7461 119.352 12.7461 117.521Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M12.7461 99.0489C12.7461 100.88 14.1171 102.706 16.8542 104.107L52.0981 122.065C57.5773 124.856 66.4573 124.856 71.9364 122.065L145.995 84.3312C148.732 82.936 150.103 81.1096 150.103 79.2784V85.1256C150.103 86.9569 148.732 88.7833 145.995 90.1785L71.9364 127.912C66.4573 130.703 57.5773 130.703 52.0981 127.912L16.8542 109.954C14.1122 108.559 12.7461 106.727 12.7461 104.896V99.0489Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12.7461 99.0489C12.7461 97.2176 14.1171 95.3912 16.8542 93.9959L90.9124 56.262C96.3916 53.4716 105.272 53.4716 110.751 56.262L145.995 74.2207C148.737 75.6159 150.103 77.4471 150.103 79.2783C150.103 81.1096 148.732 82.9359 145.995 84.3311L71.9364 122.065C66.4573 124.855 57.5773 124.855 52.0981 122.065L16.8542 104.107C14.1122 102.711 12.7461 100.88 12.7461 99.0489Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.8995 98.855C63.1196 98.855 62.3929 98.6758 61.7437 98.3269L57.5096 96.1712C55.6978 95.2459 54.6562 93.1095 54.6562 90.3094V49.2133C54.6562 44.1895 58.0183 38.3906 62.1555 36.2881L95.9315 19.0804C96.9682 18.5523 97.9807 18.2858 98.9399 18.2858C99.6908 18.2858 100.388 18.4505 101.018 18.7703L105.272 20.9406C107.122 21.8417 108.188 23.9927 108.188 26.8316V67.9229C108.188 72.9418 104.826 78.7406 100.689 80.848L66.9128 98.0557C65.8761 98.5838 64.8636 98.855 63.8995 98.855Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M98.9448 18.7703C99.6231 18.7703 100.248 18.9205 100.8 19.2015L105.054 21.3718C106.672 22.1615 107.704 24.0896 107.704 26.8316V67.9229C107.704 72.7868 104.463 78.3821 100.471 80.4168L66.6949 97.6245C65.7066 98.1284 64.7619 98.3706 63.8996 98.3706C63.1923 98.3706 62.5479 98.2107 61.9763 97.9007L57.7325 95.7401C56.1483 94.931 55.1455 93.0175 55.1455 90.3094V49.2133C55.1455 44.3494 58.3817 38.7539 62.3784 36.7192L96.1544 19.5115C97.1427 19.0077 98.0825 18.7703 98.9448 18.7703ZM98.9448 17.8014C97.9081 17.8014 96.8229 18.0872 95.7184 18.6492L61.9424 35.8569C57.592 38.0708 54.1815 43.9424 54.1815 49.2133V90.3094C54.1815 93.2984 55.3151 95.5899 57.2965 96.6024L61.5403 98.763C62.2379 99.1409 63.0421 99.3395 63.9044 99.3395C64.946 99.3395 66.036 99.0537 67.1405 98.4869L100.917 81.2791C105.267 79.0603 108.677 73.1937 108.677 67.9229V26.8316C108.677 23.7989 107.515 21.4929 105.485 20.4998L101.246 18.3392C100.548 17.9807 99.7732 17.8014 98.9497 17.8014H98.9448Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M102.084 27.5195C102.055 27.5001 102.026 27.4857 101.997 27.4711L102.021 27.4807C102.045 27.4904 102.065 27.505 102.084 27.5195Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M105.054 21.3719C104.986 21.338 104.918 21.3089 104.85 21.2798C104.782 21.2508 104.71 21.2216 104.637 21.1974C104.356 21.0957 104.061 21.0327 103.755 20.9988C103.692 20.9891 103.625 20.9843 103.557 20.9794C102.622 20.9165 101.575 21.149 100.471 21.711L66.6948 38.9187C62.6981 40.9534 59.462 46.5488 59.462 51.4127V92.5088C59.462 92.6978 59.4668 92.8867 59.4765 93.0659C59.4862 93.2112 59.4959 93.3517 59.5104 93.4873V93.497C59.525 93.6327 59.5395 93.7635 59.5589 93.8943C59.6025 94.214 59.6654 94.5193 59.743 94.81C59.7769 94.9311 59.8108 95.0473 59.8495 95.1588C59.8834 95.275 59.9222 95.3816 59.9658 95.4882C59.9997 95.5705 60.0336 95.6529 60.0675 95.7352C60.1402 95.8951 60.2177 96.0501 60.3001 96.1954C60.334 96.2633 60.3776 96.331 60.4163 96.3989C60.4212 96.4086 60.426 96.4183 60.4357 96.428C60.4745 96.4909 60.5181 96.554 60.5617 96.617C60.6343 96.7235 60.7119 96.8252 60.7942 96.9221C60.8524 96.9948 60.9153 97.0626 60.9783 97.1304C61.0413 97.1982 61.1091 97.2661 61.1769 97.3291C61.2351 97.3824 61.2932 97.4307 61.3513 97.4792C61.5451 97.6391 61.7534 97.7796 61.9763 97.9007L57.7325 95.7401C56.1483 94.931 55.1455 93.0175 55.1455 90.3094V49.2133C55.1455 44.3494 58.3816 38.754 62.3784 36.7193L96.1544 19.5115C97.9226 18.6104 99.5407 18.5572 100.8 19.2015L105.054 21.3719Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M102.021 27.4807L101.997 27.4711C102.026 27.4857 102.055 27.5001 102.084 27.5195C102.065 27.505 102.045 27.4904 102.021 27.4807Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M105.054 21.3718C104.986 21.3379 104.918 21.3089 104.85 21.2798C104.782 21.2507 104.71 21.2216 104.637 21.1974C104.356 21.0956 104.061 21.0327 103.755 20.9988C103.692 20.9891 103.625 20.9842 103.557 20.9794C102.622 20.9164 101.575 21.1489 100.471 21.7109L66.6948 38.9186C62.6981 40.9533 59.462 46.5488 59.462 51.4127V92.5088C59.462 92.6977 59.4668 92.8866 59.4765 93.0658C59.4862 93.2112 59.4959 93.3516 59.5104 93.4873V93.497C59.5249 93.6326 59.5395 93.7634 59.5589 93.8942C59.6025 94.214 59.6654 94.5192 59.743 94.8099C59.7769 94.931 59.8108 95.0473 59.8495 95.1587C59.8834 95.275 59.9222 95.3815 59.9658 95.4881C59.9997 95.5705 60.0336 95.6528 60.0675 95.7352C60.1402 95.8951 60.2177 96.05 60.3001 96.1954C60.334 96.2632 60.3776 96.331 60.4163 96.3988C60.4212 96.4085 60.426 96.4182 60.4357 96.4279C60.4745 96.4909 60.5181 96.5539 60.5617 96.6169C60.6343 96.7235 60.7119 96.8252 60.7942 96.9221C60.8524 96.9947 60.9153 97.0625 60.9783 97.1303C61.0413 97.1982 61.1091 97.2661 61.1769 97.329C61.2351 97.3823 61.2932 97.4307 61.3513 97.4791C61.5451 97.639 61.7534 97.7796 61.9763 97.9007C63.2407 98.5837 64.8927 98.545 66.6948 97.6245L100.471 80.4168C104.463 78.3821 107.704 72.7867 107.704 67.9228V26.8316C107.704 24.0896 106.672 22.1615 105.054 21.3718Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M93.3252 73.5376C93.1847 73.5376 93.049 73.5037 92.9279 73.4456L88.6115 71.2461C88.2917 71.0814 88.1028 70.7326 88.1028 70.3015V63.1607C88.1028 62.5163 88.5097 61.8235 89.0523 61.5474L94.919 58.5584C95.0789 58.476 95.2436 58.4373 95.4035 58.4373C95.544 58.4373 95.6796 58.4711 95.8007 58.5293L100.117 60.7287C100.437 60.8886 100.626 61.2422 100.626 61.6734V68.8142C100.626 69.4585 100.219 70.1513 99.6763 70.4274L93.8096 73.4165C93.6498 73.4988 93.4851 73.5376 93.3252 73.5376Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M95.4035 58.9217C95.4665 58.9217 95.5294 58.9363 95.5827 58.9605L99.8992 61.1598C100.049 61.2373 100.141 61.4166 100.141 61.6734V68.8142C100.141 69.2744 99.8362 69.8024 99.4584 69.9962L93.5916 72.9854C93.4996 73.0338 93.4076 73.0531 93.33 73.0531C93.2671 73.0531 93.2041 73.0386 93.1508 73.0143L88.8343 70.815C88.6841 70.7375 88.5921 70.5582 88.5921 70.3015V63.1607C88.5921 62.7004 88.8973 62.1724 89.2752 61.9786L95.1419 58.9895C95.2339 58.941 95.326 58.9217 95.4035 58.9217ZM95.4035 57.9528C95.1661 57.9528 94.9287 58.0109 94.701 58.1271L88.8343 61.1163C88.1319 61.4748 87.6183 62.3371 87.6183 63.1607V70.3015C87.6183 70.9167 87.909 71.4303 88.3935 71.6774L92.7099 73.8767C92.9037 73.9736 93.1072 74.022 93.3252 74.022C93.5626 74.022 93.8 73.964 94.0277 73.8477L99.8944 70.8586C100.597 70.5001 101.11 69.6377 101.11 68.8142V61.6734C101.11 61.0581 100.82 60.5445 100.34 60.2975L96.0236 58.0982C95.8298 58.0013 95.6263 57.9528 95.4083 57.9528H95.4035Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M93.3252 52.992C93.1847 52.992 93.049 52.9581 92.9279 52.9L88.6115 50.7006C88.2917 50.5359 88.1028 50.1871 88.1028 49.7559V42.615C88.1028 41.9707 88.5097 41.278 89.0523 41.0018L94.919 38.0127C95.0789 37.9303 95.2436 37.8916 95.4035 37.8916C95.544 37.8916 95.6796 37.9256 95.8007 37.9837L100.117 40.1831C100.437 40.343 100.626 40.6966 100.626 41.1278V48.2686C100.626 48.9129 100.219 49.6056 99.6763 49.8818L93.8096 52.8709C93.6498 52.9533 93.4851 52.992 93.3252 52.992Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M95.4035 38.3713C95.4665 38.3713 95.5294 38.3857 95.5827 38.41L99.8992 40.6094C100.049 40.6869 100.141 40.8662 100.141 41.1229V48.2638C100.141 48.724 99.8362 49.252 99.4584 49.4458L93.5916 52.4348C93.4996 52.4833 93.4076 52.5027 93.33 52.5027C93.2671 52.5027 93.2041 52.4881 93.1508 52.4639L88.8343 50.2645C88.6841 50.187 88.5921 50.0078 88.5921 49.7511V42.6102C88.5921 42.15 88.8973 41.6219 89.2752 41.4281L95.1419 38.4391C95.2339 38.3906 95.326 38.3713 95.4035 38.3713ZM95.4035 37.4024C95.1661 37.4024 94.9287 37.4605 94.701 37.5767L88.8343 40.5658C88.1319 40.9243 87.6183 41.7867 87.6183 42.6102V49.7511C87.6183 50.3663 87.909 50.8798 88.3935 51.1268L92.7099 53.3263C92.9037 53.4232 93.1072 53.4716 93.3252 53.4716C93.5626 53.4716 93.8 53.4134 94.0277 53.2972L99.8944 50.3081C100.597 49.9496 101.11 49.0873 101.11 48.2638V41.1229C101.11 40.5077 100.82 39.9941 100.34 39.7471L96.0236 37.5476C95.8298 37.4507 95.6263 37.4024 95.4083 37.4024H95.4035Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M76.442 82.1415C76.3015 82.1415 76.1659 82.1076 76.0447 82.0494L71.7283 79.85C71.4085 79.6901 71.2196 79.3365 71.2196 78.9054V71.7645C71.2196 71.1202 71.6265 70.4274 72.1691 70.1513L78.0358 67.1622C78.1957 67.0799 78.3604 67.0411 78.5203 67.0411C78.6608 67.0411 78.7964 67.075 78.9175 67.1331L83.234 69.3326C83.5537 69.4924 83.7427 69.8461 83.7427 70.2772V77.4181C83.7427 78.0624 83.3357 78.7552 82.7932 79.0313L76.9264 82.0203C76.7666 82.1027 76.6019 82.1415 76.442 82.1415Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M78.5203 67.5256C78.5833 67.5256 78.6463 67.54 78.6996 67.5643L83.016 69.7637C83.1662 69.8412 83.2582 70.0205 83.2582 70.2772V77.418C83.2582 77.8783 82.953 78.4063 82.5752 78.6001L76.7085 81.5892C76.6164 81.6377 76.5244 81.657 76.4468 81.657C76.3839 81.657 76.3209 81.6424 76.2676 81.6182L71.9511 79.4189C71.801 79.3414 71.7089 79.1621 71.7089 78.9053V71.7645C71.7089 71.3043 72.0141 70.7763 72.392 70.5825L78.2587 67.5933C78.3508 67.5449 78.4428 67.5256 78.5203 67.5256ZM78.5203 66.5567C78.2829 66.5567 78.0455 66.6147 77.8179 66.731L71.9511 69.7202C71.2487 70.0787 70.7352 70.941 70.7352 71.7645V78.9053C70.7352 79.5206 71.0258 80.034 71.5103 80.2811L75.8267 82.4805C76.0157 82.5774 76.224 82.6259 76.442 82.6259C76.6794 82.6259 76.9168 82.5678 77.1445 82.4516L83.0112 79.4624C83.7136 79.1039 84.2271 78.2416 84.2271 77.418V70.2772C84.2271 69.662 83.9365 69.1484 83.452 68.9013L79.1356 66.702C78.9466 66.6051 78.7383 66.5567 78.5203 66.5567Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M76.442 61.5959C76.3015 61.5959 76.1659 61.562 76.0447 61.5039L71.7283 59.3044C71.4085 59.1446 71.2196 58.7908 71.2196 58.3597V51.2188C71.2196 50.5745 71.6265 49.8818 72.1691 49.6057L78.0358 46.6165C78.1957 46.5342 78.3604 46.4954 78.5203 46.4954C78.6608 46.4954 78.7964 46.5294 78.9175 46.5876L83.234 48.787C83.5537 48.9469 83.7427 49.3005 83.7427 49.7317V56.8725C83.7427 57.5168 83.3357 58.2095 82.7932 58.4856L76.9264 61.4748C76.7666 61.5571 76.6019 61.5959 76.442 61.5959Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M78.5203 46.975C78.5833 46.975 78.6463 46.9896 78.6996 47.0187L83.016 49.2181C83.1662 49.2956 83.2582 49.4749 83.2582 49.7317V56.8725C83.2582 57.3327 82.953 57.8607 82.5752 58.0545L76.7085 61.0435C76.6164 61.092 76.5244 61.1114 76.4468 61.1114C76.3839 61.1114 76.3209 61.0969 76.2676 61.0726L71.9511 58.8732C71.801 58.7957 71.7089 58.6164 71.7089 58.3597V51.2188C71.7089 50.7586 72.0141 50.2306 72.392 50.0368L78.2587 47.0478C78.3508 46.9993 78.4428 46.975 78.5203 46.975ZM78.5203 46.0061C78.2829 46.0061 78.0455 46.0643 77.8179 46.1806L71.9511 49.1696C71.2487 49.5281 70.7352 50.3904 70.7352 51.214V58.3549C70.7352 58.9702 71.0258 59.4836 71.5103 59.7307L75.8267 61.9301C76.0157 62.027 76.224 62.0755 76.442 62.0755C76.6794 62.0755 76.9168 62.0173 77.1445 61.901L83.0112 58.912C83.7136 58.5535 84.2271 57.6912 84.2271 56.8676V49.7268C84.2271 49.1116 83.9365 48.598 83.452 48.3509L79.1356 46.1515C78.9466 46.0546 78.7383 46.0061 78.5203 46.0061Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M99.8992 61.1598C99.7781 61.0968 99.6279 61.1017 99.4584 61.1889L93.5916 64.1779C93.2138 64.3717 92.9086 64.8998 92.9086 65.3601V72.5009C92.9086 72.7576 93.0006 72.9368 93.1508 73.0143L88.8343 70.815C88.6841 70.7375 88.5921 70.5582 88.5921 70.3014V63.1606C88.5921 62.7004 88.8973 62.1724 89.2752 61.9786L95.1419 58.9894C95.3115 58.9022 95.4616 58.8975 95.5827 58.9605L99.8992 61.1598Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M99.8992 61.1599C100.049 61.2374 100.141 61.4167 100.141 61.6734V68.8142C100.141 69.2745 99.8362 69.8025 99.4584 69.9963L93.5916 72.9854C93.4221 73.0726 93.2719 73.0774 93.1508 73.0144C93.0006 72.9369 92.9086 72.7577 92.9086 72.501V65.3601C92.9086 64.8999 93.2138 64.3718 93.5916 64.178L99.4584 61.189C99.6279 61.1018 99.7781 61.0969 99.8992 61.1599Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M99.8992 40.6143C99.7781 40.5513 99.6279 40.5562 99.4584 40.6434L93.5916 43.6324C93.2138 43.8262 92.9086 44.3542 92.9086 44.8145V51.9553C92.9086 52.212 93.0006 52.3913 93.1508 52.4688L88.8343 50.2694C88.6841 50.1919 88.5921 50.0127 88.5921 49.756V42.615C88.5921 42.1548 88.8973 41.6268 89.2752 41.433L95.1419 38.444C95.3115 38.3568 95.4616 38.3519 95.5827 38.4149L99.8992 40.6143Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M99.8992 40.6143C100.049 40.6918 100.141 40.8711 100.141 41.1278V48.2687C100.141 48.7289 99.8362 49.2569 99.4584 49.4507L93.5916 52.4397C93.4221 52.5269 93.2719 52.5318 93.1508 52.4688C93.0006 52.3913 92.9086 52.212 92.9086 51.9553V44.8145C92.9086 44.3542 93.2138 43.8262 93.5916 43.6324L99.4584 40.6434C99.6279 40.5562 99.7781 40.5513 99.8992 40.6143Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M83.0112 69.7637C82.8901 69.7007 82.7399 69.7056 82.5704 69.7928L76.7036 72.7819C76.3258 72.9756 76.0206 73.5038 76.0206 73.964V81.1048C76.0206 81.3616 76.1126 81.5407 76.2628 81.6183L71.9463 79.4189C71.7961 79.3414 71.7041 79.1622 71.7041 78.9054V71.7646C71.7041 71.3043 72.0093 70.7763 72.3872 70.5825L78.2539 67.5934C78.4234 67.5062 78.5736 67.5013 78.6947 67.5643L83.0112 69.7637Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M83.0112 69.7637C83.1614 69.8412 83.2534 70.0205 83.2534 70.2773V77.4181C83.2534 77.8783 82.9482 78.4063 82.5704 78.6001L76.7036 81.5893C76.5341 81.6765 76.3839 81.6812 76.2628 81.6183C76.1126 81.5407 76.0206 81.3616 76.0206 81.1048V73.964C76.0206 73.5038 76.3258 72.9756 76.7036 72.7819L82.5704 69.7928C82.7399 69.7056 82.8901 69.7008 83.0112 69.7637Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M83.0112 49.2182C82.8901 49.1552 82.7399 49.1601 82.5704 49.2473L76.7036 52.2363C76.3258 52.4301 76.0206 52.9581 76.0206 53.4183V60.5591C76.0206 60.8159 76.1126 60.9952 76.2628 61.0727L71.9463 58.8733C71.7961 58.7957 71.7041 58.6165 71.7041 58.3597V51.2189C71.7041 50.7587 72.0093 50.2306 72.3872 50.0369L78.2539 47.0478C78.4234 46.9606 78.5736 46.9557 78.6947 47.0187L83.0112 49.2182Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M83.0112 49.2182C83.1614 49.2957 83.2534 49.4749 83.2534 49.7317V56.8725C83.2534 57.3327 82.9482 57.8608 82.5704 58.0546L76.7036 61.0436C76.5341 61.1308 76.3839 61.1357 76.2628 61.0727C76.1126 60.9952 76.0206 60.8159 76.0206 60.5591V53.4183C76.0206 52.9581 76.3258 52.4301 76.7036 52.2363L82.5704 49.2472C82.7399 49.16 82.8901 49.1552 83.0112 49.2182Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M51.4299 8.83904C50.2914 8.25769 48.8187 8.30612 47.2151 9.12485L10.8425 27.66C7.21878 29.5057 4.27815 34.5779 4.27815 38.9913C4.27815 41.4523 5.19376 43.1867 6.62774 43.9182L4.46709 42.8185C3.02827 42.087 2.11749 40.3526 2.11749 37.8915C2.11749 33.483 5.05812 28.406 8.68182 26.5603L45.0545 8.02513C46.658 7.20641 48.1259 7.15798 49.2692 7.73932L51.4299 8.83904Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M51.4298 8.83903C52.8687 9.57055 53.7794 11.3049 53.7794 13.7659C53.7794 18.1744 50.8388 23.2514 47.2151 25.0972L10.8425 43.6323C9.23893 44.4511 7.77103 44.4996 6.62772 43.9182C5.1889 43.1867 4.27814 41.4523 4.27814 38.9913C4.27814 34.5827 7.21876 29.5057 10.8425 27.66L47.2151 9.12484C48.8187 8.30612 50.2865 8.25769 51.4298 8.83903Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12.4024 35.4548C12.1602 35.5759 11.9664 35.4402 11.9664 35.1496C11.9664 34.8589 12.1602 34.5198 12.3976 34.3986C12.6398 34.2727 12.8336 34.4132 12.8336 34.7039C12.8336 34.9946 12.6398 35.3337 12.3976 35.4548H12.4024Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M12.4024 38.6327C12.1602 38.7539 11.9664 38.6183 11.9664 38.3276C11.9664 38.0369 12.1602 37.6978 12.3976 37.5767C12.6398 37.4507 12.8336 37.5913 12.8336 37.8819C12.8336 38.1726 12.6398 38.5116 12.3976 38.6327H12.4024Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M12.4024 32.2768C12.1602 32.3979 11.9664 32.2622 11.9664 31.9715C11.9664 31.6809 12.1602 31.3419 12.3976 31.2207C12.6398 31.0948 12.8336 31.2352 12.8336 31.5259C12.8336 31.8166 12.6398 32.1557 12.3976 32.2768H12.4024Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M20.236 31.463L14.5776 34.3454C14.3354 34.4665 14.1416 34.3308 14.1416 34.0353C14.1416 33.7398 14.3354 33.4056 14.5776 33.2845L20.236 30.4019C20.4782 30.2808 20.672 30.4165 20.672 30.712C20.672 31.0076 20.4782 31.3419 20.236 31.463Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M20.236 34.6409L14.5776 37.5235C14.3354 37.6446 14.1416 37.5089 14.1416 37.2133C14.1416 36.9178 14.3354 36.5835 14.5776 36.4624L20.236 33.58C20.4782 33.4588 20.672 33.5946 20.672 33.8901C20.672 34.1856 20.4782 34.5198 20.236 34.6409Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M20.236 28.2849L14.5776 31.1674C14.3354 31.2885 14.1416 31.1529 14.1416 30.8574C14.1416 30.5619 14.3354 30.2276 14.5776 30.1065L20.236 27.224C20.4782 27.1029 20.672 27.2385 20.672 27.534C20.672 27.8295 20.4782 28.1638 20.236 28.2849Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M45.2628 22.8591L40.4667 25.3006C39.8999 25.5913 39.4397 25.2619 39.4397 24.574V18.7364C39.4397 18.0485 39.8999 17.2491 40.4667 16.9632L45.2628 14.5216C45.8296 14.231 46.2898 14.5604 46.2898 15.2483V21.0859C46.2898 21.7739 45.8296 22.5733 45.2628 22.8591ZM40.4667 17.8013C40.2778 17.8982 40.1228 18.1647 40.1228 18.3924V24.23C40.1228 24.4577 40.2778 24.5691 40.4667 24.4723L45.2628 22.0306C45.4517 21.9337 45.6068 21.6673 45.6068 21.4396V15.602C45.6068 15.3743 45.4517 15.2629 45.2628 15.3597L40.4667 17.8013Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M44.2358 17.9613L41.8377 19.1821C41.6488 19.279 41.4938 19.1724 41.4938 18.9399C41.4938 18.7073 41.6488 18.4457 41.8377 18.3489L44.2358 17.128C44.4247 17.0311 44.5797 17.1377 44.5797 17.3703C44.5797 17.6028 44.4247 17.8644 44.2358 17.9613Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M43.5479 19.9814L41.4938 21.0279C41.3049 21.1248 41.1498 21.0182 41.1498 20.7857C41.1498 20.5531 41.3049 20.2915 41.4938 20.1946L43.5479 19.1482C43.7368 19.0513 43.8918 19.1578 43.8918 19.3904C43.8918 19.6229 43.7368 19.8845 43.5479 19.9814Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M44.2358 21.2991L42.5208 22.1711C42.3319 22.268 42.1769 22.1614 42.1769 21.9289C42.1769 21.6964 42.3319 21.4348 42.5208 21.3379L44.2358 20.4659C44.4247 20.369 44.5798 20.4755 44.5798 20.7081C44.5798 20.9406 44.4247 21.2022 44.2358 21.2991Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M29.0288 26.4829L27.3138 27.3548C26.9359 27.5486 26.6307 27.3306 26.6307 26.8703V24.7873C26.6307 24.3271 26.9359 23.7989 27.3138 23.6051L29.0288 22.7332C29.4066 22.5394 29.7119 22.7574 29.7119 23.2177V25.3007C29.7119 25.7609 29.4066 26.2891 29.0288 26.4829ZM27.3138 24.4385V26.5215L29.0288 25.6496V23.5665L27.3138 24.4385Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M32.793 24.5596L31.078 25.4315C30.7002 25.6253 30.395 25.4073 30.395 24.9471V22.864C30.395 22.4038 30.7002 21.8757 31.078 21.6819L32.793 20.81C33.1709 20.6162 33.4761 20.8342 33.4761 21.2944V23.3775C33.4761 23.8377 33.1709 24.3658 32.793 24.5596ZM31.0829 22.5151V24.5983L32.7978 23.7262V21.6432L31.0829 22.5151Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M32.793 29.1474L31.078 30.0193C30.7002 30.2131 30.395 29.995 30.395 29.5348V27.4518C30.395 26.9915 30.7002 26.4634 31.078 26.2696L32.793 25.3977C33.1709 25.2039 33.4761 25.4219 33.4761 25.8822V27.9652C33.4761 28.4254 33.1709 28.9536 32.793 29.1474ZM31.0829 27.103V29.186L32.7978 28.3141V26.2309L31.0829 27.103Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M29.0288 31.0658L27.3138 31.9378C26.9359 32.1316 26.6307 31.9136 26.6307 31.4533V29.3702C26.6307 28.91 26.9359 28.3819 27.3138 28.1881L29.0288 27.3161C29.4066 27.1223 29.7119 27.3403 29.7119 27.8006V29.8837C29.7119 30.344 29.4066 30.872 29.0288 31.0658ZM27.3138 29.0214V31.1046L29.0288 30.2325V28.1494L27.3138 29.0214Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4.51568 77.4083C3.18344 76.7301 2.33565 75.1266 2.33565 72.8448C2.33565 68.7609 5.05826 64.0616 8.41067 62.3564L30.8892 50.904C32.3717 50.1482 33.7281 50.0997 34.7842 50.6375L32.6236 49.5378C31.5675 49 30.211 49.0485 28.7286 49.8042L6.25001 61.2568C2.89276 62.9669 0.174988 67.666 0.174988 71.7451C0.174988 74.0269 1.02278 75.6304 2.35502 76.3086L4.51568 77.4083Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4.51567 77.4083C5.57177 77.946 6.92823 77.8976 8.41066 77.1418L30.8892 65.6894C34.2465 63.9793 36.9643 59.2802 36.9643 55.2011C36.9643 52.9193 36.1165 51.3157 34.7842 50.6375C33.7281 50.0997 32.3716 50.1482 30.8892 50.904L8.41066 62.3563C5.0534 64.0665 2.33563 68.7657 2.33563 72.8448C2.33563 75.1266 3.18342 76.7301 4.51567 77.4083Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.487 66.7552C11.5694 66.6293 11.6905 66.576 11.768 66.6293C11.8455 66.6826 11.8503 66.8279 11.7825 66.9635L11.768 66.9926L8.8322 72.0648C8.74984 72.2053 8.61904 72.2732 8.53668 72.215C8.45433 72.1569 8.45433 71.997 8.53668 71.8517L11.4725 66.7795L11.487 66.7552Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M9.31179 68.446C9.31179 68.2328 9.1713 68.1359 8.99689 68.2231C8.82249 68.3103 8.682 68.5526 8.682 68.7658C8.682 68.9789 8.82249 69.0758 8.99689 68.9886C9.1713 68.9014 9.31179 68.6591 9.31179 68.446ZM9.72841 68.2328C9.72841 68.727 9.39899 69.2937 8.99205 69.502C8.58511 69.7104 8.25568 69.4779 8.25568 68.9838C8.25568 68.4896 8.58511 67.9228 8.99205 67.7144C9.39899 67.5061 9.72841 67.7387 9.72841 68.2328Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M11.6178 70.0786C11.6178 69.8655 11.4773 69.7686 11.3029 69.8558C11.1285 69.943 10.988 70.1852 10.988 70.3983C10.988 70.6115 11.1285 70.7084 11.3029 70.6212C11.4773 70.534 11.6178 70.2918 11.6178 70.0786ZM12.0393 69.8654C12.0393 70.3595 11.7098 70.9264 11.3029 71.1347C10.896 71.343 10.5665 71.1105 10.5665 70.6163C10.5665 70.1222 10.896 69.5554 11.3029 69.3471C11.7098 69.1388 12.0393 69.3713 12.0393 69.8654Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M10.082 64.8998C10.082 64.7642 10.1741 64.6092 10.2855 64.5559C10.9395 64.2652 11.5742 64.1684 12.141 64.2895C12.7659 64.4203 13.2746 64.8029 13.6282 65.394C13.977 65.985 14.1514 66.7699 14.1321 67.6564C14.1127 68.5478 13.8947 69.5119 13.512 70.4517C13.1244 71.3916 12.5818 72.2733 11.9423 73.0048C11.298 73.7363 10.581 74.2885 9.85921 74.6034C9.13737 74.9183 8.43975 74.991 7.83903 74.8069C7.29645 74.6374 6.84591 74.2692 6.53586 73.7266C6.48257 73.6346 6.52617 73.465 6.6279 73.3536C6.72964 73.2422 6.85076 73.2324 6.90405 73.3245C7.18503 73.8041 7.58228 74.1287 8.06673 74.2788C8.60931 74.4436 9.23426 74.3806 9.88342 74.0948C10.5326 73.809 11.1818 73.3147 11.7583 72.6559C12.3348 71.997 12.824 71.2074 13.1729 70.3596C13.5217 69.5118 13.7106 68.6447 13.73 67.8405C13.7494 67.0411 13.5943 66.3338 13.2794 65.8009C12.9645 65.268 12.5043 64.9241 11.9423 64.8078C11.4385 64.7012 10.8766 64.7836 10.2952 65.0403C10.1838 65.0888 10.0917 65.0259 10.0917 64.8902L10.082 64.8998Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M28.0455 62.2934L19.8195 66.4839C19.1413 66.8279 18.5939 66.4404 18.5939 65.6168C18.5939 64.7933 19.1413 63.8485 19.8195 63.5046L28.0455 59.3141C28.7238 58.9701 29.2712 59.3576 29.2712 60.1812C29.2712 61.0047 28.7238 61.9495 28.0455 62.2934Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M157.128 35.2127C157.67 34.9365 158.014 34.2825 158.014 33.3523V21.4736C158.014 19.807 156.905 17.8886 155.534 17.191L124.795 1.52865C124.19 1.2186 123.633 1.20408 123.202 1.42208L125.362 0.322369C125.793 0.104365 126.351 0.118944 126.956 0.428993L157.695 16.0912C159.066 16.7889 160.175 18.7073 160.175 20.3738V32.2526C160.175 33.1828 159.831 33.8368 159.288 34.113L157.128 35.2127Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M157.128 35.2126C156.697 35.4306 156.139 35.416 155.534 35.1059L124.795 19.4437C123.424 18.7461 122.315 16.8276 122.315 15.1611V3.28233C122.315 2.35218 122.659 1.69819 123.202 1.42205C123.633 1.20405 124.19 1.21856 124.795 1.52861L155.534 17.1909C156.905 17.8885 158.014 19.807 158.014 21.4735V33.3523C158.014 34.2824 157.67 34.9365 157.128 35.2126Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M135.419 14.5847L142.551 18.2181C143.137 18.5184 143.612 18.1793 143.612 17.4671C143.612 16.755 143.137 15.9314 142.551 15.6359L135.419 12.0025C134.833 11.7021 134.359 12.0413 134.359 12.7534C134.359 13.4656 134.833 14.2891 135.419 14.5847Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M135.928 20.5531L145.927 25.6496C146.751 26.0662 147.415 25.5962 147.415 24.5982C147.415 23.5954 146.746 22.4472 145.927 22.0306L135.928 16.9343C135.105 16.5177 134.441 16.9875 134.441 17.9855C134.441 18.9883 135.109 20.1365 135.928 20.5531Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M129.436 10.898C129.485 11.0578 129.596 11.2128 129.722 11.2758C129.897 11.3679 130.042 11.2613 130.042 11.0433V10.6412C130.042 10.5104 129.994 10.3603 129.906 10.244C129.819 10.1277 129.713 10.055 129.611 10.0502L127.552 9.99206C127.431 9.99206 127.349 10.0938 127.349 10.2585V13.0296C127.349 13.1701 127.407 13.3251 127.499 13.4462C127.596 13.5673 127.712 13.6303 127.809 13.6157L128.104 13.5722C128.259 13.5479 128.317 13.3396 128.24 13.1071C128.187 12.952 128.09 12.8261 127.983 12.7631V10.8495L129.432 10.8883L129.436 10.898Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M128.167 9.06674C128.216 9.2266 128.327 9.38164 128.453 9.44462C128.627 9.53667 128.773 9.4301 128.773 9.21209V8.80996C128.773 8.67916 128.724 8.52901 128.637 8.41274C128.55 8.29647 128.443 8.22379 128.342 8.21894L126.283 8.16081C126.162 8.16081 126.079 8.26257 126.079 8.42728V11.1983C126.079 11.3388 126.137 11.4938 126.229 11.615C126.326 11.7361 126.443 11.799 126.54 11.7845L126.835 11.7409C126.99 11.7167 127.048 11.5083 126.971 11.2758C126.917 11.1208 126.82 10.9948 126.714 10.9319V9.0183L128.162 9.05704L128.167 9.06674Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M131.307 12.143C131.219 12.0219 131.113 11.9492 131.016 11.9492L128.957 11.8911C128.836 11.8911 128.753 11.9977 128.753 12.1527V14.9286C128.753 15.0594 128.802 15.2048 128.889 15.321C128.981 15.4421 129.088 15.5148 129.185 15.5148L131.239 15.573C131.365 15.5826 131.447 15.476 131.447 15.3113V12.5354C131.447 12.4046 131.399 12.2593 131.307 12.143ZM130.812 14.7203L129.388 14.6767V12.7534L130.812 12.797V14.7203Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,261 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function PageVerticalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="162"
|
||||
height="177"
|
||||
viewBox="0 0 162 177"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M14.2958 52.3993C13.0691 51.7747 11.4935 51.8254 9.76603 52.7088C5.86647 54.6952 2.70968 60.1534 2.70968 64.8914C2.70968 67.5362 3.69442 69.4043 5.24186 70.1921L2.73219 68.9148C1.18475 68.127 0.200012 66.2588 0.200012 63.6141C0.200012 58.8705 3.36241 53.4122 7.25634 51.4315C8.97823 50.5537 10.5594 50.4974 11.7861 51.122L14.2958 52.3993Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M14.2957 52.3996C15.8432 53.1874 16.8279 55.0556 16.8279 57.7003C16.8279 62.4439 13.6655 67.9022 9.77156 69.8829C8.04968 70.7607 6.46848 70.817 5.24178 70.1924C3.69433 69.4046 2.70959 67.5364 2.70959 64.8917C2.70959 60.1481 5.87201 54.6898 9.76594 52.7091C11.4878 51.8313 13.069 51.775 14.2957 52.3996Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M11.4541 62.0109C11.6511 61.6732 11.9155 61.4031 12.1969 61.2568L13.7837 60.4465C13.975 60.3509 14.1326 60.4578 14.1326 60.6941C14.1326 60.9305 13.975 61.2006 13.7837 61.2962L12.1969 62.1065C12.1068 62.1515 12.0168 62.2416 11.9493 62.3597C11.8818 62.4779 11.848 62.6017 11.848 62.7142V64.6443C11.848 64.8807 11.6904 65.1508 11.4991 65.2464C11.3078 65.3421 11.1502 65.2352 11.1502 64.9988V63.0687C11.1502 62.7311 11.2628 62.3485 11.4597 62.0109H11.4541Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M8.70253 58.0775C8.89385 57.9819 9.05141 58.0888 9.05141 58.3251V59.0341C9.05141 59.2592 9.12457 59.4393 9.25399 59.5293C9.38341 59.6194 9.56348 59.6194 9.74917 59.5293C10.0249 59.3886 10.295 59.3886 10.4919 59.5293C10.6889 59.67 10.8014 59.9345 10.8014 60.2777C10.8014 60.5084 10.959 60.621 11.1503 60.5253C11.2403 60.4803 11.3304 60.3903 11.3979 60.2721C11.4654 60.1596 11.4992 60.0301 11.4992 59.9176C11.4992 59.2142 11.9719 58.3983 12.5458 58.1057L13.6544 57.543C13.8457 57.4473 14.0032 57.5542 14.0032 57.7906C14.0032 58.0269 13.8457 58.297 13.6544 58.3927L12.5458 58.9554C12.3545 59.051 12.1969 59.3267 12.1969 59.5575C12.1969 59.8951 12.0844 60.2777 11.8875 60.6153C11.6905 60.953 11.426 61.2231 11.1447 61.3694C10.5651 61.662 10.098 61.33 10.098 60.6266C10.098 60.5141 10.0587 60.424 9.99677 60.379C9.93487 60.334 9.84483 60.334 9.74917 60.379C9.37779 60.5703 9.02328 60.5703 8.7588 60.379C8.49433 60.1933 8.34802 59.8332 8.34802 59.383V58.674C8.34802 58.4377 8.50558 58.1676 8.6969 58.0719L8.70253 58.0775Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M6.62048 62.8213C6.62048 62.5849 6.77804 62.3148 6.96936 62.2192L7.9991 61.6958C8.27483 61.5552 8.54493 61.5552 8.74188 61.6958C8.93883 61.8365 9.05136 62.101 9.05136 62.4442V62.8719C9.05136 62.9844 9.09077 63.0745 9.15266 63.1195C9.22019 63.1645 9.30458 63.1645 9.40024 63.1195C9.67597 62.9788 9.94607 62.9788 10.143 63.1195C10.34 63.2602 10.4525 63.5246 10.4525 63.8679V65.5504C10.4525 65.7867 10.2949 66.0568 10.1036 66.1525C9.9123 66.2481 9.75475 66.1412 9.75475 65.9049V64.2224C9.75475 64.1099 9.71536 64.0198 9.65346 63.9748C9.58594 63.9298 9.50153 63.9298 9.40587 63.9748C9.13015 64.1155 8.86004 64.1155 8.66309 63.9748C8.46615 63.8341 8.35361 63.5697 8.35361 63.2264V62.7987C8.35361 62.6862 8.31423 62.5962 8.25233 62.5512C8.1848 62.5061 8.1004 62.5061 8.00474 62.5512L6.97497 63.0745C6.78365 63.1701 6.6261 63.0632 6.6261 62.8269L6.62048 62.8213Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M10.4469 57.4696C8.70812 58.353 7.30136 60.7895 7.30136 62.9053C7.30136 65.0211 8.70812 66.0171 10.4469 65.1336C12.1857 64.2502 13.5924 61.8136 13.5924 59.6979C13.5924 57.5821 12.1857 56.5861 10.4469 57.4696ZM6.60361 63.2598C6.60361 60.677 8.32549 57.7003 10.4525 56.6199C12.5796 55.5395 14.3014 56.7549 14.3014 59.3434C14.3014 61.9318 12.5796 64.9029 10.4525 65.9833C8.32549 67.0637 6.60361 65.8483 6.60361 63.2598Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M0.65564 139.889C0.65564 142.016 2.24809 144.137 5.42738 145.764L46.3643 166.623C52.7285 169.864 63.0429 169.864 69.4072 166.623L155.428 122.794C158.607 121.173 160.2 119.052 160.2 116.925V123.717C160.2 125.844 158.607 127.965 155.428 129.586L69.4072 173.415C63.0429 176.656 52.7285 176.656 46.3643 173.415L5.42738 152.556C2.24246 150.935 0.65564 148.808 0.65564 146.681V139.889Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.655701 139.889C0.655701 137.762 2.24815 135.641 5.42744 134.02L91.4484 90.1908C97.8126 86.9496 108.127 86.9496 114.491 90.1908L155.428 111.05C158.613 112.671 160.2 114.798 160.2 116.925C160.2 119.052 158.607 121.173 155.428 122.794L69.4072 166.623C63.043 169.864 52.7286 169.864 46.3644 166.623L5.42744 145.764C2.24252 144.143 0.655701 142.016 0.655701 139.889Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M0.65564 118.433C0.65564 120.56 2.24809 122.682 5.42738 124.308L46.3643 145.167C52.7285 148.409 63.0429 148.409 69.4072 145.167L155.428 101.338C158.607 99.7176 160.2 97.5961 160.2 95.4691V102.261C160.2 104.388 158.607 106.509 155.428 108.13L69.4072 151.959C63.0429 155.2 52.7285 155.2 46.3643 151.959L5.42738 131.1C2.24246 129.479 0.65564 127.352 0.65564 125.225V118.433Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.655701 118.433C0.655701 116.306 2.24815 114.185 5.42744 112.564L91.4484 68.7348C97.8126 65.4937 108.127 65.4937 114.491 68.7348L155.428 89.5944C158.613 91.215 160.2 93.342 160.2 95.469C160.2 97.5961 158.607 99.7175 155.428 101.338L69.4072 145.167C63.043 148.408 52.7286 148.408 46.3644 145.167L5.42744 124.308C2.24252 122.687 0.655701 120.56 0.655701 118.433Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M0.655701 96.977C0.655701 99.104 2.24815 101.225 5.42744 102.852L46.3644 123.711C52.7286 126.952 63.043 126.952 69.4072 123.711L155.428 79.882C158.607 78.2614 160.2 76.14 160.2 74.0129V80.8048C160.2 82.9318 158.607 85.0532 155.428 86.6738L69.4072 130.503C63.043 133.744 52.7286 133.744 46.3644 130.503L5.42744 109.644C2.24252 108.023 0.655701 105.896 0.655701 103.769V96.977Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.655762 96.9769C0.655762 94.8499 2.24821 92.7285 5.4275 91.1079L91.4485 47.2787C97.8127 44.0375 108.127 44.0375 114.491 47.2787L155.428 68.1382C158.613 69.7588 160.2 71.8858 160.2 74.0129C160.2 76.1399 158.608 78.2613 155.428 79.8819L69.4073 123.711C63.0431 126.952 52.7286 126.952 46.3644 123.711L5.4275 102.852C2.24258 101.231 0.655762 99.104 0.655762 96.9769Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.552 97.3814C67.9049 97.3814 67.2972 97.2407 66.7514 96.9594L61.7377 94.4047C60.1677 93.6057 59.2674 91.7712 59.2674 89.3741V30.6275C59.2674 26.3903 62.1147 21.4892 65.6091 19.7054L92.7653 5.86842C92.8441 5.82903 92.9341 5.80652 93.0186 5.80652C93.103 5.80652 93.193 5.82903 93.2717 5.86842L98.2855 8.4231C98.2855 8.4231 98.3305 8.45124 98.353 8.46249L113.439 19.1314C113.591 19.2383 113.675 19.4071 113.675 19.5928V67.3273C113.675 71.5644 110.828 76.4656 107.334 78.2494L71.1236 96.7005C70.2345 97.1507 69.368 97.3814 68.5408 97.3814H68.552Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M93.0241 6.36943L98.0378 8.92412L113.124 19.593V67.3275C113.124 71.3846 110.423 76.0494 107.086 77.7488L70.876 96.1999C70.0488 96.622 69.261 96.8189 68.5464 96.8189C67.9837 96.8189 67.466 96.6951 67.0046 96.4588L61.9909 93.9041C60.6685 93.2288 59.8301 91.6364 59.8301 89.3743V30.6277C59.8301 26.5706 62.5311 21.9058 65.8623 20.2064L93.0185 6.36943M93.0241 5.24402C92.8497 5.24402 92.6753 5.28341 92.5121 5.36781L65.3558 19.2048C61.6251 21.1067 58.7047 26.1204 58.7047 30.6277V89.3743C58.7047 91.9909 59.7175 94.011 61.4844 94.9057L66.4981 97.4604C67.1227 97.7812 67.8149 97.9387 68.552 97.9387C69.4692 97.9387 70.4258 97.6911 71.3937 97.1959L107.604 78.7448C111.335 76.8428 114.255 71.8291 114.255 67.3218V19.5987C114.255 19.2329 114.081 18.8897 113.777 18.6815L98.6906 8.01254C98.6456 7.97877 98.6005 7.95064 98.5499 7.92813L93.5362 5.37344C93.373 5.28903 93.1986 5.24965 93.0241 5.24965V5.24402Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M98.0378 8.92383L70.8816 22.7608C67.5503 24.4602 64.8494 29.125 64.8494 33.1821V91.9287C64.8494 94.1908 65.6878 95.7833 67.0101 96.4585L61.9964 93.9038C60.6741 93.2286 59.8356 91.6361 59.8356 89.374V30.6274C59.8356 26.5703 62.5366 21.9055 65.8679 20.2061L93.0241 6.36914L98.0378 8.92383Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M98.0376 8.92383L113.124 19.5984V67.3328C113.124 71.3899 110.423 76.0547 107.092 77.7541L70.8814 96.2053C69.4071 96.9537 68.0566 96.9987 67.01 96.4697C65.6876 95.7945 64.8492 94.202 64.8492 91.94V33.1934C64.8492 29.1363 67.5502 24.4714 70.8814 22.772L98.0376 8.93508V8.92383Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M98.0377 8.92383V19.9416C98.0377 23.9987 100.739 25.9063 104.07 24.2126L113.124 19.5984"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M98.0377 8.92383V19.9416C98.0377 23.9987 100.739 25.9063 104.07 24.2126L113.124 19.5984"
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M93.5306 66.0128L76.233 74.8248C75.1638 75.3706 74.2972 74.7572 74.2972 73.4574C74.2972 72.1575 75.1638 70.6664 76.233 70.1205L93.5306 61.3086C94.5997 60.7627 95.4663 61.3761 95.4663 62.6759C95.4663 63.9758 94.5997 65.467 93.5306 66.0128Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M101.735 47.6831L76.233 60.676C75.1639 61.2218 74.2973 60.6084 74.2973 59.3086C74.2973 58.0087 75.1639 56.5176 76.233 55.9717L101.735 42.9788C102.804 42.433 103.671 43.0464 103.671 44.3462C103.671 45.6461 102.804 47.1372 101.735 47.6831Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M137.028 6.86407C138.254 6.23946 139.83 6.29011 141.557 7.17356C145.457 9.15991 148.614 14.6182 148.614 19.3562C148.614 22.0009 147.629 23.8691 146.082 24.6569L148.591 23.3795C150.139 22.5917 151.123 20.7235 151.123 18.0788C151.123 13.3352 147.961 7.87694 144.067 5.89621C142.345 5.01839 140.764 4.96212 139.537 5.58672L137.028 6.86407Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M137.028 6.86443C135.48 7.65222 134.495 9.52041 134.495 12.1651C134.495 16.9088 137.658 22.367 141.552 24.3477C143.274 25.2256 144.855 25.2818 146.082 24.6572C147.629 23.8694 148.614 22.0012 148.614 19.3565C148.614 14.6129 145.451 9.15465 141.557 7.17392C139.836 6.2961 138.254 6.23983 137.028 6.86443Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M137.911 11.653C137.911 11.3941 138.086 11.2703 138.294 11.3829L145.221 14.911C145.435 15.0179 145.603 15.3162 145.603 15.575C145.603 15.8339 145.429 15.9577 145.221 15.8451L138.294 12.317C138.08 12.21 137.911 11.9118 137.911 11.653ZM137.911 13.9938C137.911 13.735 138.086 13.6112 138.294 13.7237L142.143 15.6876C142.357 15.7945 142.525 16.0927 142.525 16.3516C142.525 16.6104 142.351 16.7342 142.143 16.6217L138.294 14.6578C138.08 14.5509 137.911 14.2527 137.911 13.9938ZM138.299 15.5975C138.086 15.4906 137.917 15.6088 137.917 15.8676C137.917 16.1265 138.091 16.4247 138.299 16.5316L140.995 17.9046C141.209 18.0115 141.377 17.8934 141.377 17.6345C141.377 17.3757 141.203 17.0775 140.995 16.9705L138.299 15.5975ZM137.911 17.7415C137.911 17.4826 138.086 17.3588 138.294 17.4714L139.836 18.2535C140.049 18.3604 140.218 18.6587 140.218 18.9175C140.218 19.1764 140.044 19.3001 139.836 19.1876L138.294 18.4054C138.08 18.2985 137.911 18.0003 137.911 17.7415ZM144.697 17.6908C144.838 17.764 144.973 17.899 145.069 18.0678C145.17 18.2366 145.221 18.428 145.221 18.6024C145.221 18.7768 145.164 18.9063 145.069 18.9794L144.838 19.1426L144.095 17.854L144.326 17.6908C144.427 17.6233 144.557 17.6233 144.697 17.6908ZM143.881 18.0003L144.624 19.2889L142.936 20.4818C142.812 20.5719 142.66 20.6 142.492 20.5775L141.951 20.4987C141.951 20.4987 141.895 20.4818 141.873 20.4593C141.844 20.4368 141.822 20.4087 141.805 20.3749C141.788 20.3412 141.771 20.3074 141.766 20.268C141.76 20.2342 141.76 20.2005 141.766 20.1723L141.929 19.5984C141.98 19.4183 142.07 19.2776 142.193 19.1932L143.881 18.0003Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M7.44199 40.8974C6.81176 40.5766 6.41223 39.817 6.41223 38.7366V24.939C6.41223 23.0033 7.70084 20.775 9.2933 19.9647L44.997 1.77236C45.7004 1.41223 46.3475 1.39535 46.8483 1.64857L44.3387 0.371221C43.8379 0.118003 43.1908 0.134884 42.4874 0.495016L6.78361 18.6873C5.19115 19.4976 3.90256 21.7259 3.90256 23.6617V37.4592C3.90256 38.5396 4.30209 39.2993 4.93232 39.62L7.44199 40.8974Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M7.44181 40.8976C7.94262 41.1508 8.58974 41.1339 9.29312 40.7738L44.9969 22.5815C46.5893 21.7712 47.8779 19.5429 47.8779 17.6072V3.8096C47.8779 2.72921 47.4784 1.96955 46.8482 1.64881C46.3474 1.39559 45.7002 1.41247 44.9969 1.7726L9.29312 19.9649C7.70066 20.7752 6.41205 23.0035 6.41205 24.9392V38.7368C6.41205 39.8172 6.81158 40.5769 7.44181 40.8976Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M28.8699 20.3929C28.8699 20.151 28.7067 20.0384 28.5098 20.1397L24.9028 21.9798C24.7059 22.0811 24.5427 22.3624 24.5427 22.6044C24.5427 22.8463 24.7059 22.9589 24.9028 22.8576L28.5098 21.0176C28.7067 20.9163 28.8699 20.6349 28.8699 20.3929Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M29.5902 22.6604C29.5902 22.4184 29.427 22.3059 29.2301 22.4072L24.177 24.9788C23.98 25.08 23.8168 25.3614 23.8168 25.6034C23.8168 25.8453 23.98 25.9579 24.177 25.8566L29.2301 23.285C29.427 23.1837 29.5902 22.9024 29.5902 22.6604Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M30.3105 17.0223C30.3105 16.7804 30.1473 16.6678 29.9504 16.7691L23.4567 20.0778C23.2598 20.1791 23.0966 20.4605 23.0966 20.7024C23.0966 20.9444 23.2598 21.057 23.4567 20.9557L29.9504 17.6469C30.1473 17.5457 30.3105 17.2643 30.3105 17.0223Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M14.8305 27.5438C14.8305 27.3019 14.6673 27.1893 14.4704 27.2906L10.1431 29.4964C9.9462 29.5977 9.78302 29.8791 9.78302 30.121C9.78302 30.363 9.9462 30.4755 10.1431 30.3742L14.4704 28.1684C14.6673 28.0671 14.8305 27.7858 14.8305 27.5438Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M15.5507 29.812C15.5507 29.5701 15.3875 29.4575 15.1906 29.5588L10.1375 32.1304C9.94054 32.2317 9.77734 32.513 9.77734 32.755C9.77734 32.9969 9.94054 33.1095 10.1375 33.0082L15.1906 30.4366C15.3875 30.3353 15.5507 30.054 15.5507 29.812Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M16.9912 23.8077C16.9912 23.5658 16.828 23.4532 16.631 23.5545L10.1374 26.8632C9.94045 26.9645 9.77725 27.2459 9.77725 27.4878C9.77725 27.7298 9.94045 27.8424 10.1374 27.7411L16.631 24.4323C16.828 24.3311 16.9912 24.0497 16.9912 23.8077Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M44.5019 12.4244C44.5019 12.1825 44.3387 12.0699 44.1417 12.1712L39.8145 14.377C39.6176 14.4783 39.4544 14.7597 39.4544 15.0016C39.4544 15.2436 39.6176 15.3561 39.8145 15.2549L44.1417 13.049C44.3387 12.9478 44.5019 12.6664 44.5019 12.4244Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M44.5017 15.058C44.5017 14.816 44.3385 14.7035 44.1416 14.8048L39.0885 17.3763C38.8915 17.4776 38.7283 17.759 38.7283 18.0009C38.7283 18.2429 38.8915 18.3555 39.0885 18.2542L44.1416 15.6826C44.3385 15.5813 44.5017 15.3 44.5017 15.058Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M44.5019 9.79102C44.5019 9.54906 44.3387 9.43651 44.1418 9.5378L37.6481 12.8465C37.4512 12.9478 37.288 13.2292 37.288 13.4711C37.288 13.7131 37.4512 13.8256 37.6481 13.7243L44.1418 10.4156C44.3387 10.3143 44.5019 10.033 44.5019 9.79102Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,251 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function ProjectVerticalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="160"
|
||||
height="143"
|
||||
viewBox="0 0 160 143"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g clipPath="url(#clip0_1047_10396)">
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M16.9216 113.312C16.9216 114.994 18.1809 116.671 20.6948 117.957L53.0651 134.451C58.0975 137.014 66.2534 137.014 71.2858 134.451L139.306 99.7941C141.82 98.5127 143.079 96.8352 143.079 95.1533V100.524C143.079 102.206 141.82 103.883 139.306 105.165L71.2858 139.822C66.2534 142.385 58.0975 142.385 53.0651 139.822L20.6948 123.328C18.1764 122.046 16.9216 120.364 16.9216 118.682V113.312Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M16.9216 113.312C16.9216 111.63 18.1809 109.953 20.6948 108.671L88.7146 74.014C93.747 71.4511 101.903 71.4511 106.935 74.014L139.306 90.5084C141.824 91.7898 143.079 93.4717 143.079 95.1536C143.079 96.8356 141.82 98.513 139.306 99.7944L71.2858 134.452C66.2534 137.015 58.0975 137.015 53.0651 134.452L20.6948 117.957C18.1764 116.676 16.9216 114.994 16.9216 113.312Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M16.9216 96.341C16.9216 98.0229 18.1809 99.7005 20.6948 100.986L53.0651 117.481C58.0975 120.044 66.2534 120.044 71.2858 117.481L139.306 82.8234C141.82 81.542 143.079 79.8645 143.079 78.1826V83.5531C143.079 85.235 141.82 86.9126 139.306 88.194L71.2858 122.851C66.2534 125.414 58.0975 125.414 53.0651 122.851L20.6948 106.357C18.1764 105.075 16.9216 103.394 16.9216 101.712V96.341Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M16.9216 96.3413C16.9216 94.6594 18.1809 92.982 20.6948 91.7005L88.7146 57.0433C93.747 54.4804 101.903 54.4804 106.935 57.0433L139.306 73.5376C141.824 74.819 143.079 76.501 143.079 78.1829C143.079 79.8648 141.82 81.5423 139.306 82.8237L71.2858 117.481C66.2534 120.044 58.0975 120.044 53.0651 117.481L20.6948 100.987C18.1764 99.7052 16.9216 98.0232 16.9216 96.3413Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M16.9216 79.3753C16.9216 81.0572 18.1809 82.7346 20.6948 84.0206L53.0651 100.515C58.0975 103.078 66.2534 103.078 71.2858 100.515L139.306 65.8576C141.82 64.5761 143.079 62.8987 143.079 61.2168V66.5874C143.079 68.2693 141.82 69.9467 139.306 71.2282L71.2858 105.886C66.2534 108.448 58.0975 108.448 53.0651 105.886L20.6948 89.3912C18.1764 88.1097 16.9216 86.4278 16.9216 84.7459V79.3753Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M16.9216 79.3756C16.9216 77.6937 18.1809 76.0163 20.6948 74.7348L88.7146 40.0775C93.747 37.5145 101.903 37.5145 106.935 40.0775L139.306 56.5718C141.824 57.8533 143.079 59.5352 143.079 61.2171C143.079 62.899 141.82 64.5765 139.306 65.8579L71.2858 100.515C66.2534 103.078 58.0975 103.078 53.0651 100.515L20.6948 84.0209C18.1764 82.7394 16.9216 81.0575 16.9216 79.3756Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M64.2952 82.2411C63.8191 82.2411 63.3697 82.1433 62.9648 81.9475C62.9381 81.9386 62.9114 81.9297 62.8847 81.9163L58.9202 79.8962C57.701 79.2733 57.0024 77.8495 57.0024 75.9896V48.7675C57.0024 45.4793 59.2094 41.6749 61.9236 40.2956L70.9072 35.717V28.273C70.9072 24.9848 73.1141 21.1804 75.8283 19.8011L86.3114 14.4572C87.0011 14.1057 87.6774 13.9277 88.3181 13.9277C88.8209 13.9277 89.2926 14.039 89.7197 14.2525L93.6842 16.2726C93.6842 16.2726 93.7065 16.286 93.7154 16.2905C94.9168 16.9223 95.602 18.3328 95.602 20.1793V23.1293L100.221 20.7756C100.91 20.4241 101.587 20.246 102.227 20.246C102.73 20.246 103.202 20.3573 103.629 20.5708C103.629 20.5708 107.611 22.5998 107.62 22.6087C108.821 23.2406 109.511 24.6511 109.511 26.5021V53.7242C109.511 57.0124 107.304 60.8167 104.59 62.1961L66.293 81.7072C65.6078 82.0543 64.9359 82.2322 64.2952 82.2322V82.2411ZM80.9809 26.1639C80.0153 26.6533 79.2011 28.0727 79.2011 29.2607V31.4944L87.317 27.3608V22.938L80.9809 26.1639Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M88.3226 14.3723C88.7586 14.3723 89.1635 14.4658 89.5195 14.6482L93.484 16.6683C93.484 16.6683 93.4751 16.6683 93.4707 16.6639C94.503 17.1845 95.1615 18.4214 95.1615 20.1834V23.8632L100.425 21.1801C101.066 20.8553 101.676 20.6995 102.232 20.6995C102.668 20.6995 103.073 20.793 103.429 20.9754L107.393 22.9955C107.393 22.9955 107.384 22.9955 107.38 22.9911C108.412 23.5072 109.071 24.7486 109.071 26.5106V53.7327C109.071 56.8785 106.975 60.4916 104.394 61.8087L66.0973 81.3197C65.461 81.6445 64.8558 81.7958 64.3041 81.7958C63.828 81.7958 63.3875 81.6802 63.0048 81.4666C63.036 81.4844 63.0627 81.5067 63.0938 81.5245L59.1293 79.5044C58.1059 78.9838 57.4563 77.7468 57.4563 75.9936V48.7715C57.4563 45.6257 59.552 42.0128 62.1328 40.6957L71.361 35.9926V28.2726C71.361 25.1268 73.4568 21.5138 76.0375 20.1968L86.5205 14.8529C87.1613 14.5281 87.7709 14.3723 88.327 14.3723M91.9756 16.4147C92.0557 16.4058 92.1358 16.4013 92.2115 16.4013C92.1314 16.4013 92.0557 16.4102 91.9756 16.4147ZM92.6075 16.4147C92.5318 16.4058 92.4562 16.4013 92.3805 16.3969C92.4562 16.3969 92.5318 16.4058 92.6075 16.4147ZM91.6731 16.4547C91.7176 16.4458 91.7576 16.437 91.8021 16.4325C91.7621 16.437 91.7176 16.4458 91.6731 16.4547ZM92.9901 16.4858C92.9189 16.468 92.8433 16.4459 92.7676 16.437C92.8433 16.4503 92.9145 16.468 92.9901 16.4858ZM91.0813 16.6194C91.1792 16.5838 91.2771 16.5526 91.3749 16.5259C91.2771 16.5526 91.1792 16.5882 91.0813 16.6194ZM93.3728 16.6238C93.2927 16.5882 93.2126 16.5526 93.1325 16.5259C93.2171 16.5526 93.2927 16.5882 93.3728 16.6238ZM90.4806 16.873C90.6319 16.7929 90.7832 16.7306 90.9345 16.6683C90.7832 16.7262 90.6363 16.7929 90.4806 16.873ZM91.1436 21.2246C91.1124 21.2024 91.0813 21.1845 91.0457 21.1623C91.0768 21.1801 91.1124 21.2024 91.1436 21.2246ZM91.2815 21.3403C91.2593 21.3181 91.2326 21.2958 91.2103 21.278C91.2326 21.3002 91.2593 21.3181 91.2815 21.3403ZM91.4016 21.4826C91.3838 21.4559 91.3616 21.4337 91.3438 21.407C91.366 21.4293 91.3838 21.4559 91.4016 21.4826ZM91.504 21.6473C91.4862 21.6162 91.4728 21.5895 91.455 21.5584C91.4728 21.5851 91.4906 21.6162 91.504 21.6473ZM91.5885 21.8386C91.5752 21.803 91.5618 21.7674 91.544 21.7363C91.5574 21.7719 91.5707 21.803 91.5885 21.8386ZM91.6553 22.0566C91.6464 22.0122 91.633 21.9721 91.6197 21.932C91.633 21.9721 91.6419 22.0166 91.6553 22.0566ZM91.6998 22.3103C91.6909 22.2569 91.6864 22.2035 91.6775 22.1545C91.6864 22.2035 91.6953 22.2569 91.6998 22.3103ZM78.7561 32.2194L87.7619 27.6319V22.2124L80.7807 25.772C79.6638 26.3416 78.7561 27.9033 78.7561 29.2648V32.2238M91.7264 22.6529C91.7264 22.5639 91.722 22.4749 91.7131 22.3948C91.722 22.4794 91.7264 22.5639 91.7264 22.6529ZM106 22.7285C105.96 22.7285 105.92 22.733 105.88 22.7374C105.92 22.7374 105.96 22.7285 106 22.7285C106.041 22.7285 106.081 22.7285 106.121 22.7241C106.081 22.7241 106.041 22.7241 106 22.7285ZM106.517 22.7419C106.441 22.733 106.365 22.7285 106.29 22.7241C106.365 22.7241 106.441 22.733 106.517 22.7419ZM105.453 22.8086C105.538 22.7908 105.627 22.7731 105.711 22.7597C105.627 22.7731 105.542 22.7908 105.453 22.8086ZM106.899 22.813C106.828 22.7952 106.752 22.7775 106.677 22.7642C106.752 22.7775 106.824 22.7952 106.899 22.813ZM107.278 22.9465C107.197 22.911 107.117 22.8754 107.037 22.8487C107.122 22.8754 107.197 22.911 107.278 22.9465ZM104.39 23.1957C104.541 23.1157 104.692 23.0534 104.844 22.9911C104.692 23.0489 104.546 23.1157 104.39 23.1957ZM61.4653 78.8013C61.4564 78.739 61.4475 78.6768 61.4386 78.6145C61.4431 78.6812 61.4564 78.739 61.4653 78.8013ZM61.7234 79.8781C61.6967 79.8113 61.6744 79.7491 61.6522 79.6779C61.6744 79.7446 61.6967 79.8113 61.7234 79.8781ZM62.1594 80.7057C62.1238 80.6523 62.0882 80.5989 62.0526 80.5455C62.0882 80.5989 62.1238 80.6568 62.1594 80.7057ZM62.4398 81.0394C62.3953 80.9949 62.3597 80.9504 62.3196 80.9059C62.3597 80.9504 62.3997 80.9994 62.4398 81.0394ZM62.7512 81.3108C62.7067 81.2797 62.6667 81.2396 62.6266 81.204C62.6667 81.2396 62.7067 81.2752 62.7512 81.3108ZM88.3226 13.4824C87.6107 13.4824 86.8631 13.6782 86.1156 14.0609L75.6326 19.4048C72.7359 20.882 70.4667 24.7753 70.4667 28.2726V35.4453L61.7234 39.8992C58.8267 41.3765 56.5575 45.2698 56.5575 48.7671V75.9892C56.5575 78.0271 57.3451 79.5934 58.72 80.292L62.6845 82.3119C63.1739 82.5567 63.7168 82.6813 64.2952 82.6813C65.0071 82.6813 65.7458 82.4899 66.4933 82.1073L104.79 62.5962C107.687 61.119 109.956 57.2256 109.956 53.7283V26.5062C109.956 24.495 109.186 22.9377 107.843 22.2258C107.829 22.2169 107.811 22.208 107.794 22.1991L103.829 20.179C103.34 19.9298 102.801 19.8052 102.227 19.8052C101.515 19.8052 100.768 20.001 100.02 20.3836L96.0514 22.4082V20.1834C96.0514 18.1678 95.2816 16.6149 93.9334 15.9029C93.9245 15.9029 93.9201 15.8941 93.9112 15.8897C93.9023 15.8897 93.8934 15.8808 93.8889 15.8763L89.9289 13.8562C89.4394 13.607 88.901 13.4824 88.327 13.4824H88.3226ZM79.646 30.7644V29.2559C79.646 28.237 80.3624 26.9734 81.1811 26.5596L86.8676 23.663V27.0846L79.6416 30.7644H79.646Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M107.393 22.9952C106.579 22.5814 105.533 22.617 104.39 23.1999L95.1614 27.903L91.1969 25.8829L100.425 21.1798C101.569 20.5969 102.614 20.5613 103.429 20.9751L107.393 22.9952Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.756 36.2555L91.7264 29.648L87.7619 27.6279L74.7915 34.2355L78.756 36.2555Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M91.7263 29.6477V22.6487C91.7263 21.8923 91.446 21.3582 91.0055 21.1313L87.041 19.1113C87.4815 19.3383 87.7618 19.8722 87.7618 20.6286V27.6277L91.7263 29.6477Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M93.4839 16.6681C92.6697 16.2543 91.624 16.2898 90.4805 16.8727L79.9975 22.2166C77.4123 23.5337 75.321 27.1511 75.321 30.2924V38.0124L71.3565 35.9923V28.2723C71.3565 25.1265 73.4522 21.5136 76.033 20.1965L86.516 14.8526C87.6595 14.2697 88.7052 14.2342 89.5194 14.648L93.4839 16.6681Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M75.321 38.0084L66.0927 42.7114C63.5076 44.0285 61.4163 47.646 61.4163 50.7874V78.0095C61.4163 79.7626 62.0659 80.9996 63.0893 81.5202L59.1248 79.5001C58.1014 78.9795 57.4518 77.7425 57.4518 75.9894V48.7673C57.4518 45.6215 59.5475 42.0085 62.1282 40.6914L71.3565 35.9883L75.321 38.0084Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M95.1615 27.8989V20.1789C95.1615 17.0331 93.0657 15.5514 90.485 16.8685L80.002 22.2124C77.4168 23.5294 75.3255 27.1468 75.3255 30.2882V38.0081L66.0972 42.7112C63.5121 44.0283 61.4208 47.6458 61.4208 50.7871V78.0092C61.4208 81.1551 63.5165 82.6367 66.0972 81.3197L104.394 61.8086C106.979 60.4915 109.071 56.874 109.071 53.7327V26.5106C109.071 23.3648 106.975 21.8831 104.394 23.2001L95.1659 27.9033L95.1615 27.8989ZM78.7561 36.255V29.2559C78.7561 27.8988 79.6638 26.3326 80.7806 25.7631L89.7063 21.2157C90.8232 20.6461 91.7309 21.2869 91.7309 22.6484V29.6475L78.7605 36.255H78.7561Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M144.881 25.9278C146.104 25.3049 146.883 23.8321 146.883 21.7364C146.883 17.9855 144.382 13.6695 141.303 12.1033L120.657 1.58456C119.296 0.890433 118.05 0.845916 117.08 1.33981L119.064 0.329763C120.034 -0.164133 121.28 -0.119616 122.642 0.574508L143.288 11.0932C146.371 12.6639 148.867 16.9799 148.867 20.7264C148.867 22.8221 148.089 24.2949 146.865 24.9178L144.881 25.9278Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M144.881 25.9276C143.911 26.4214 142.665 26.377 141.303 25.6829L120.657 15.1642C117.574 13.5935 115.078 9.27754 115.078 5.53105C115.078 3.43532 115.856 1.96246 117.08 1.33953C118.05 0.845633 119.296 0.89015 120.657 1.58427L141.303 12.103C144.387 13.6737 146.883 17.9897 146.883 21.7361C146.883 23.8319 146.104 25.3046 144.881 25.9276Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M121.218 5.72729C120.795 5.51371 120.453 5.75398 120.453 6.27012V7.60943C120.453 7.8586 120.533 8.13447 120.675 8.38364L123.118 12.6018C123.354 13.0067 123.728 13.2826 124.021 13.198C124.573 13.0379 125.049 12.7042 125.41 12.2147C125.601 11.9522 125.534 11.4627 125.298 11.0578L122.856 6.83967C122.713 6.5905 122.517 6.39473 122.313 6.29239L121.209 5.73175L121.218 5.72729ZM121.507 7.50264C121.668 7.58273 121.797 7.49376 121.797 7.29798C121.797 7.1022 121.668 6.88413 121.507 6.80404C121.347 6.72395 121.218 6.81292 121.218 7.0087C121.218 7.20448 121.347 7.42255 121.507 7.50264Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M139.71 19.988L130.108 15.0936C129.196 14.6264 128.453 13.3493 128.453 12.2413C128.453 11.129 129.192 10.6084 130.108 11.0712L139.71 15.9656C140.622 16.4328 141.365 17.7098 141.365 18.8177C141.365 19.9301 140.627 20.4508 139.71 19.988Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M46.1459 18.4752C45.5986 18.1949 44.8956 18.2217 44.1258 18.6132L5.13028 38.4847C3.39052 39.3702 1.98447 41.8041 1.98447 43.9177V58.9881C1.98447 60.1672 2.42053 60.9993 3.11021 61.3508L1.12571 60.3408C0.436038 59.9893 0 59.1572 0 57.9781V42.9076C0 40.7941 1.4105 38.3602 3.14581 37.4748L42.1413 17.6032C42.9111 17.2116 43.6141 17.1893 44.1614 17.4652L46.1459 18.4752Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M46.1459 18.475C46.8355 18.8265 47.2716 19.6586 47.2716 20.8377V35.9082C47.2716 38.0218 45.8611 40.4556 44.1258 41.3411L5.13025 61.2126C4.36048 61.6041 3.65747 61.6264 3.11018 61.3505C2.4205 60.999 1.98444 60.1669 1.98444 58.9878V43.9174C1.98444 41.8039 3.39494 39.3699 5.13025 38.4844L44.1258 18.6129C44.8956 18.2214 45.5986 18.1991 46.1459 18.475Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M9.63761 42.2085C9.69545 42.3375 9.82449 42.3864 9.97132 42.3108C10.176 42.2084 10.3406 41.9192 10.3451 41.6612V41.1895C10.3451 41.0338 10.2872 40.9226 10.1893 40.887C10.087 40.8514 9.95799 40.8959 9.84675 41.0116L7.444 43.392C7.30162 43.5344 7.20819 43.7524 7.20819 43.9437V47.183C7.20819 47.3432 7.27492 47.4588 7.38616 47.49C7.49739 47.5167 7.63533 47.4544 7.75102 47.3209L8.09364 46.9205C8.27607 46.7114 8.3428 46.3955 8.24936 46.2175C8.18707 46.1018 8.07138 46.0707 7.9468 46.1241V43.8859L9.64206 42.2085H9.63761Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M8.16037 41.5727C8.21822 41.7018 8.34725 41.7507 8.49409 41.6751C8.69877 41.5727 8.86341 41.2835 8.86786 41.0254V40.5538C8.86786 40.398 8.81003 40.2868 8.71214 40.2512C8.61425 40.2156 8.48075 40.26 8.36952 40.3757L5.96677 42.7563C5.82438 42.8986 5.73096 43.1167 5.73096 43.308V46.5473C5.73096 46.7074 5.79768 46.8231 5.90892 46.8542C6.02016 46.8809 6.1581 46.8187 6.27378 46.6852L6.61641 46.2847C6.79884 46.0756 6.86557 45.7597 6.77213 45.5817C6.70984 45.4661 6.59415 45.4348 6.46956 45.4882V43.2502L8.16483 41.5727H8.16037Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M11.8268 41.4343C11.7289 41.3942 11.5998 41.4387 11.4841 41.5589L9.08139 43.9393C8.93901 44.0817 8.84558 44.3041 8.84558 44.4866V47.7303C8.84558 47.8816 8.90341 47.9929 9.0013 48.0285C9.10809 48.0641 9.23269 48.0196 9.34838 47.9039L11.7466 45.5233C11.8935 45.3854 11.9869 45.1629 11.9869 44.9716V41.7279C11.9869 41.5766 11.9291 41.4654 11.8223 41.4343H11.8268ZM11.2483 45.0295L9.58419 46.6758V44.4288L11.2483 42.7825V45.0295Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M24.37 38.9829L16.6501 42.9163C16.0138 43.2411 15.5021 42.8762 15.5021 42.102C15.5021 41.3278 16.0182 40.4423 16.6501 40.1175L24.37 36.1841C25.0062 35.8593 25.5179 36.2242 25.5179 36.9984C25.5179 37.7726 25.0018 38.6581 24.37 38.9829Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M41.0556 37.3813L16.877 49.7021C16.1161 50.0892 15.5021 49.6531 15.5021 48.732C15.5021 47.8065 16.1161 46.7476 16.877 46.3605L41.0556 34.0397C41.8165 33.6526 42.4305 34.0887 42.4305 35.0098C42.4305 35.9353 41.8165 36.9942 41.0556 37.3813Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M156.013 57.1407C157.237 56.5177 158.016 55.0449 158.016 52.9492C158.016 49.1982 155.515 44.8822 152.436 43.316C151.074 42.6219 149.828 42.5774 148.858 43.0713L150.843 42.0612C151.813 41.5673 153.059 41.6118 154.42 42.306C157.504 43.8766 160 48.1926 160 51.9391C160 54.0348 159.221 55.5077 157.998 56.1306L156.013 57.1407Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M156.013 57.1404C155.043 57.6343 153.797 57.5898 152.436 56.8956C149.352 55.325 146.856 51.009 146.856 47.2625C146.856 45.1668 147.635 43.6939 148.858 43.071C149.828 42.5771 151.074 42.6216 152.436 43.3157C155.519 44.8864 158.016 49.2024 158.016 52.9489C158.016 55.0446 157.237 56.5175 156.013 57.1404Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M155.212 50.4614L149.659 47.6315C149.49 47.5425 149.352 47.3067 149.352 47.0976C149.352 46.8885 149.49 46.7906 149.659 46.8796L155.212 49.7095C155.381 49.7985 155.519 50.0343 155.519 50.2434C155.519 50.4526 155.381 50.5504 155.212 50.4614Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M153.98 52.086L150.896 50.5153C150.727 50.4263 150.589 50.1905 150.589 49.9814C150.589 49.7722 150.727 49.6744 150.896 49.7634L153.98 51.334C154.149 51.423 154.287 51.6588 154.287 51.868C154.287 52.0771 154.149 52.175 153.98 52.086Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M153.054 53.8653L151.822 53.238C151.653 53.149 151.515 52.9132 151.515 52.704C151.515 52.4949 151.653 52.397 151.822 52.486L153.054 53.1134C153.223 53.2023 153.361 53.4381 153.361 53.6473C153.361 53.8564 153.223 53.9543 153.054 53.8653Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_1047_10396">
|
||||
<rect width="160" height="141.745" fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary} />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,338 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function ServerErrorVerticalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="162"
|
||||
height="184"
|
||||
viewBox="0 0 162 184"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M0.25 147.382C0.25 149.515 1.847 151.642 5.03537 153.273L46.0892 174.192C52.4716 177.443 62.8156 177.443 69.1979 174.192L155.465 130.238C158.653 128.613 160.25 126.485 160.25 124.352V131.163C160.25 133.296 158.653 135.424 155.465 137.049L69.1979 181.004C62.8156 184.254 52.4716 184.254 46.0892 181.004L5.03537 160.084C1.84135 158.459 0.25 156.326 0.25 154.193V147.382Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.25 147.382C0.25 145.249 1.847 143.121 5.03537 141.496L91.3021 97.5416C97.6844 94.2911 108.028 94.2911 114.411 97.5416L155.465 118.461C158.659 120.086 160.25 122.219 160.25 124.352C160.25 126.485 158.653 128.613 155.465 130.238L69.1979 174.192C62.8156 177.443 52.4716 177.443 46.0892 174.192L5.03537 153.273C1.84135 151.648 0.25 149.515 0.25 147.382Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M0.25 125.864C0.25 127.997 1.847 130.125 5.03537 131.756L46.0892 152.675C52.4716 155.925 62.8156 155.925 69.1979 152.675L155.465 108.721C158.653 107.095 160.25 104.968 160.25 102.835V109.646C160.25 111.779 158.653 113.907 155.465 115.532L69.1979 159.486C62.8156 162.737 52.4716 162.737 46.0892 159.486L5.03537 138.567C1.84135 136.942 0.25 134.809 0.25 132.676V125.864Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.25 125.864C0.25 123.731 1.847 121.604 5.03537 119.979L91.3021 76.0243C97.6844 72.7738 108.028 72.7738 114.411 76.0243L155.465 96.9433C158.659 98.5686 160.25 100.702 160.25 102.835C160.25 104.968 158.653 107.095 155.465 108.721L69.1979 152.675C62.8156 155.925 52.4716 155.925 46.0892 152.675L5.03537 131.756C1.84135 130.131 0.25 127.998 0.25 125.864Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M0.25 104.341C0.25 106.475 1.847 108.602 5.03537 110.233L46.0892 131.152C52.4716 134.402 62.8156 134.402 69.1979 131.152L155.465 87.1976C158.653 85.5723 160.25 83.4449 160.25 81.3118V88.123C160.25 90.2561 158.653 92.3836 155.465 94.0088L69.1979 137.963C62.8156 141.214 52.4716 141.214 46.0892 137.963L5.03537 117.044C1.84135 115.419 0.25 113.286 0.25 111.153V104.341Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.25 104.341C0.25 102.208 1.847 100.081 5.03537 98.4557L91.3021 54.5013C97.6844 51.2509 108.028 51.2509 114.411 54.5013L155.465 75.4204C158.659 77.0456 160.25 79.1788 160.25 81.3119C160.25 83.445 158.653 85.5724 155.465 87.1976L69.1979 131.152C62.8156 134.402 52.4716 134.402 46.0892 131.152L5.03537 110.233C1.84135 108.608 0.25 106.475 0.25 104.341Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M80.2527 111.503C78.0575 111.503 75.9808 111.063 74.412 110.261L41.5071 93.4956C39.8142 92.6322 38.8828 91.4415 38.8828 90.1436V78.8573C38.8828 77.5594 39.8142 76.3743 41.5071 75.5109L42.4833 75.0143L41.5071 74.5177C39.8142 73.6543 38.8828 72.4636 38.8828 71.1657V59.8794C38.8828 58.5815 39.8142 57.3964 41.5071 56.533L42.4833 56.0364L41.5071 55.5398C39.8142 54.6764 38.8828 53.4857 38.8828 52.1878V40.9016C38.8828 39.6036 39.8142 38.4186 41.5071 37.5552L42.4833 37.0586L41.5071 36.562C39.8142 35.6986 38.8828 34.5079 38.8828 33.21V21.9237C38.8828 20.6258 39.8142 19.4407 41.5071 18.5773L74.412 1.81157C75.9808 1.01024 78.0575 0.570068 80.2527 0.570068C82.4479 0.570068 84.5246 1.01024 86.0934 1.81157L118.999 18.5773C120.691 19.4407 121.623 20.6314 121.623 21.9293V33.2156C121.623 34.5135 120.691 35.6986 118.999 36.562L118.022 37.0586L118.999 37.5552C120.691 38.4186 121.623 39.6093 121.623 40.9072V52.1935C121.623 53.4914 120.691 54.6764 118.999 55.5398L118.022 56.0364L118.999 56.533C120.691 57.3964 121.623 58.5871 121.623 59.8851V71.1713C121.623 72.4693 120.691 73.6543 118.999 74.5177L118.022 75.0143L118.999 75.5109C120.691 76.3743 121.623 77.565 121.623 78.8629V90.1492C121.623 91.4471 120.691 92.6322 118.999 93.4956L86.0934 110.261C84.5246 111.063 82.4479 111.503 80.2527 111.503Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M80.2528 1.12863C82.273 1.12863 84.2989 1.52366 85.8394 2.30806L118.745 19.0738C120.291 19.8582 121.058 20.8909 121.058 21.9236V33.2099C121.058 34.2369 120.285 35.2696 118.745 36.054L116.781 37.0529L118.745 38.0517C120.291 38.8361 121.058 39.8687 121.058 40.9014V52.1877C121.058 53.2148 120.285 54.2475 118.745 55.0319L116.781 56.0307L118.745 57.0295C120.291 57.8139 121.058 58.8466 121.058 59.8793V71.1656C121.058 72.1926 120.285 73.2253 118.745 74.0098L116.781 75.0086L118.745 76.0074C120.291 76.7918 121.058 77.8245 121.058 78.8572V90.1435C121.058 91.1705 120.285 92.2032 118.745 92.9876L85.8394 109.753C84.2989 110.538 82.273 110.933 80.2528 110.933C78.2325 110.933 76.2067 110.538 74.6661 109.753L41.761 92.9876C40.2148 92.2032 39.4472 91.1705 39.4472 90.1378V78.8515C39.4472 77.8245 40.2204 76.7918 41.761 76.0074L43.7248 75.0086L41.761 74.0098C40.2148 73.2253 39.4472 72.1927 39.4472 71.16V59.8737C39.4472 58.8466 40.2204 57.8139 41.761 57.0295L43.7248 56.0307L41.761 55.0319C40.2148 54.2475 39.4472 53.2148 39.4472 52.1821V40.8958C39.4472 39.8688 40.2204 38.8361 41.761 38.0517L43.7248 37.0529L41.761 36.054C40.2148 35.2696 39.4472 34.2369 39.4472 33.2042V21.918C39.4472 20.8909 40.2204 19.8582 41.761 19.0738L74.6661 2.30806C76.2067 1.52366 78.2325 1.12863 80.2528 1.12863ZM80.2528 0C77.9673 0 75.8003 0.462736 74.1525 1.30356L41.2474 18.0693C39.3569 19.0343 38.3186 20.4 38.3186 21.918V33.2042C38.3186 34.0846 38.6968 35.7549 41.2418 37.0529C38.7024 38.3508 38.3186 40.0211 38.3186 40.8958V52.1821C38.3186 53.0624 38.6968 54.7328 41.2418 56.0307C38.7024 57.3286 38.3186 58.999 38.3186 59.8737V71.16C38.3186 72.0403 38.6968 73.7106 41.2418 75.0086C38.7024 76.3065 38.3186 77.9769 38.3186 78.8515V90.1378C38.3186 91.0181 38.6967 92.6942 41.2474 93.9921L74.1525 110.758C75.8003 111.599 77.9673 112.061 80.2528 112.061C82.5383 112.061 84.7052 111.599 86.353 110.758L119.258 93.9921C121.809 92.6942 122.187 91.0238 122.187 90.1435V78.8572C122.187 77.9769 121.809 76.3065 119.264 75.0086C121.803 73.7106 122.187 72.0403 122.187 71.1656V59.8793C122.187 58.999 121.809 57.3286 119.264 56.0307C121.803 54.7328 122.187 53.0624 122.187 52.1877V40.9014C122.187 40.0211 121.809 38.3508 119.264 37.0529C121.803 35.7549 122.187 34.0846 122.187 33.2099V21.9236C122.187 21.0433 121.809 19.3673 119.258 18.0693L86.353 1.30356C84.7052 0.462736 82.5383 0 80.2528 0Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M39.4473 78.8572C39.4473 79.8899 40.2148 80.9169 41.761 81.707L74.6662 98.4727C77.753 100.047 82.7527 100.047 85.8395 98.4727L118.745 81.707C120.285 80.9226 121.058 79.8899 121.058 78.8628V90.1491C121.058 91.1762 120.285 92.2088 118.745 92.9932L85.8395 109.759C82.7527 111.333 77.753 111.333 74.6662 109.759L41.761 92.9932C40.2148 92.2088 39.4473 91.1761 39.4473 90.1435V78.8572Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M39.4473 78.8571C39.4473 77.8301 40.2204 76.7974 41.761 76.013L74.6662 59.2472C77.753 57.6728 82.7527 57.6728 85.8395 59.2472L118.745 76.013C120.291 76.7974 121.058 77.8301 121.058 78.8628C121.058 79.8955 120.285 80.9225 118.745 81.7069L85.8395 98.4727C82.7527 100.047 77.753 100.047 74.6662 98.4727L41.761 81.7069C40.2148 80.9225 39.4473 79.8898 39.4473 78.8571Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M105.196 96.9265L104.106 97.4795C103.886 97.5924 103.706 97.4682 103.706 97.1973V92.4684C103.706 92.1975 103.886 91.8928 104.106 91.7799L105.196 91.2269C105.416 91.1141 105.596 91.2382 105.596 91.5091V96.238C105.596 96.5089 105.416 96.8136 105.196 96.9265Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M107.713 95.6455L106.623 96.1985C106.403 96.3114 106.223 96.1872 106.223 95.9164V91.1874C106.223 90.9165 106.403 90.6118 106.623 90.4989L107.713 89.9459C107.933 89.8331 108.113 89.9572 108.113 90.2281V94.957C108.113 95.2279 107.933 95.5326 107.713 95.6455Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M110.229 94.3645L109.14 94.9175C108.92 95.0304 108.74 94.9062 108.74 94.6354V89.9064C108.74 89.6355 108.92 89.3308 109.14 89.218L110.229 88.6649C110.449 88.552 110.63 88.6762 110.63 88.9471V93.676C110.63 93.9469 110.449 94.2516 110.229 94.3645Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M112.752 93.0778L111.663 93.6309C111.443 93.7437 111.262 93.6196 111.262 93.3487V88.6198C111.262 88.3489 111.443 88.0442 111.663 87.9313L112.752 87.3783C112.972 87.2654 113.152 87.3896 113.152 87.6604V92.3894C113.152 92.6603 112.972 92.965 112.752 93.0778Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M115.269 91.7968L114.179 92.3499C113.959 92.4627 113.779 92.3386 113.779 92.0677V87.3388C113.779 87.0679 113.959 86.7632 114.179 86.6503L115.269 86.0973C115.489 85.9844 115.669 86.1086 115.669 86.3794V91.1084C115.669 91.3793 115.489 91.684 115.269 91.7968Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M117.786 90.5159L116.696 91.0689C116.476 91.1817 116.296 91.0576 116.296 90.7867V86.0578C116.296 85.7869 116.476 85.4822 116.696 85.3693L117.786 84.8163C118.006 84.7034 118.186 84.8276 118.186 85.0984V89.8274C118.186 90.0983 118.006 90.403 117.786 90.5159Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M87.843 102.869C87.843 103.772 87.2393 104.81 86.5 105.188C85.7608 105.566 85.1567 105.143 85.1567 104.24C85.1567 103.337 85.7608 102.299 86.5 101.921C87.2393 101.542 87.843 101.966 87.843 102.869Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M92.0188 100.741C92.0188 101.644 91.415 102.682 90.6758 103.061C89.9365 103.439 89.3328 103.015 89.3328 102.112C89.3328 101.21 89.9365 100.171 90.6758 99.7931C91.415 99.415 92.0188 99.8383 92.0188 100.741Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M96.1948 98.6137C96.1948 99.5166 95.591 100.555 94.8518 100.933C94.1125 101.311 93.5088 100.888 93.5088 99.985C93.5088 99.0821 94.1125 98.0438 94.8518 97.6657C95.591 97.2876 96.1948 97.7108 96.1948 98.6137Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M39.4473 59.8794C39.4473 60.9121 40.2148 61.9392 41.761 62.7292L74.6662 79.4949C77.753 81.0694 82.7527 81.0694 85.8395 79.4949L118.745 62.7292C120.285 61.9448 121.058 60.9121 121.058 59.885V71.1713C121.058 72.1984 120.285 73.2311 118.745 74.0155L85.8395 90.7812C82.7527 92.3557 77.753 92.3557 74.6662 90.7812L41.761 74.0155C40.2148 73.2311 39.4473 72.1984 39.4473 71.1657V59.8794Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M39.4473 59.8793C39.4473 58.8523 40.2204 57.8196 41.761 57.0352L74.6662 40.2694C77.753 38.695 82.7527 38.695 85.8395 40.2694L118.745 57.0352C120.291 57.8196 121.058 58.8523 121.058 59.885C121.058 60.9177 120.285 61.9448 118.745 62.7292L85.8395 79.4949C82.7527 81.0693 77.753 81.0693 74.6662 79.4949L41.761 62.7292C40.2148 61.9448 39.4473 60.912 39.4473 59.8793Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M105.196 77.9487L104.106 78.5017C103.886 78.6146 103.706 78.4904 103.706 78.2196V73.4906C103.706 73.2197 103.886 72.915 104.106 72.8022L105.196 72.2491C105.416 72.1363 105.596 72.2604 105.596 72.5313V77.2602C105.596 77.5311 105.416 77.8358 105.196 77.9487Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M107.713 76.6621L106.623 77.2151C106.403 77.328 106.223 77.2038 106.223 76.933V72.204C106.223 71.9331 106.403 71.6284 106.623 71.5155L107.713 70.9625C107.933 70.8497 108.113 70.9738 108.113 71.2447V75.9736C108.113 76.2445 107.933 76.5492 107.713 76.6621Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M110.229 75.3811L109.14 75.9341C108.92 76.047 108.74 75.9228 108.74 75.652V70.923C108.74 70.6521 108.92 70.3474 109.14 70.2346L110.229 69.6815C110.449 69.5686 110.63 69.6928 110.63 69.9637V74.6926C110.63 74.9635 110.449 75.2682 110.229 75.3811Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M112.752 74.1001L111.663 74.6531C111.443 74.7659 111.262 74.6418 111.262 74.3709V69.642C111.262 69.3711 111.443 69.0664 111.663 68.9535L112.752 68.4005C112.972 68.2876 113.152 68.4118 113.152 68.6827V73.4116C113.152 73.6825 112.972 73.9872 112.752 74.1001Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M115.269 72.8135L114.179 73.3665C113.959 73.4794 113.779 73.3552 113.779 73.0843V68.3554C113.779 68.0845 113.959 67.7798 114.179 67.6669L115.269 67.1139C115.489 67.001 115.669 67.1252 115.669 67.396V72.125C115.669 72.3959 115.489 72.7006 115.269 72.8135Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M117.786 71.5324L116.696 72.0854C116.476 72.1983 116.296 72.0742 116.296 71.8033V67.0743C116.296 66.8035 116.476 66.4988 116.696 66.3859L117.786 65.8329C118.006 65.72 118.186 65.8442 118.186 66.115V70.844C118.186 71.1148 118.006 71.4196 117.786 71.5324Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M87.843 83.8852C87.843 84.7881 87.2393 85.8265 86.5 86.2045C85.7608 86.5826 85.1567 86.1594 85.1567 85.2565C85.1567 84.3536 85.7608 83.3153 86.5 82.9372C87.2393 82.5591 87.843 82.9823 87.843 83.8852Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M92.0188 81.7578C92.0188 82.6607 91.415 83.699 90.6758 84.0771C89.9365 84.4552 89.3328 84.032 89.3328 83.1291C89.3328 82.2262 89.9365 81.1878 90.6758 80.8097C91.415 80.4316 92.0188 80.8549 92.0188 81.7578Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M96.1948 79.6303C96.1948 80.5332 95.591 81.5716 94.8518 81.9497C94.1125 82.3278 93.5088 81.9045 93.5088 81.0016C93.5088 80.0987 94.1125 79.0604 94.8518 78.6823C95.591 78.3042 96.1948 78.7274 96.1948 79.6303Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M39.4473 40.8958C39.4473 41.9284 40.2148 42.9555 41.761 43.7455L74.6662 60.5113C77.753 62.0857 82.7527 62.0857 85.8395 60.5113L118.745 43.7455C120.285 42.9611 121.058 41.9284 121.058 40.9014V52.1876C121.058 53.2147 120.285 54.2474 118.745 55.0318L85.8395 71.7975C82.7527 73.372 77.753 73.372 74.6662 71.7975L41.761 55.0318C40.2148 54.2474 39.4473 53.2147 39.4473 52.182V40.8958Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M39.4473 40.8957C39.4473 39.8687 40.2204 38.8359 41.761 38.0515L74.6662 21.2858C77.753 19.7114 82.7527 19.7114 85.8395 21.2858L118.745 38.0515C120.291 38.8359 121.058 39.8686 121.058 40.9013C121.058 41.934 120.285 42.9611 118.745 43.7455L85.8395 60.5112C82.7527 62.0857 77.753 62.0857 74.6662 60.5112L41.761 43.7455C40.2148 42.9611 39.4473 41.9284 39.4473 40.8957Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M105.196 58.965L104.106 59.5181C103.886 59.631 103.706 59.5068 103.706 59.2359V54.507C103.706 54.2361 103.886 53.9314 104.106 53.8185L105.196 53.2655C105.416 53.1526 105.596 53.2768 105.596 53.5477V58.2766C105.596 58.5475 105.416 58.8522 105.196 58.965Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M107.713 57.6841L106.623 58.2371C106.403 58.35 106.223 58.2258 106.223 57.9549V53.226C106.223 52.9551 106.403 52.6504 106.623 52.5375L107.713 51.9845C107.933 51.8716 108.113 51.9958 108.113 52.2666V56.9956C108.113 57.2665 107.933 57.5712 107.713 57.6841Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M110.229 56.3974L109.14 56.9504C108.92 57.0633 108.74 56.9392 108.74 56.6683V51.9393C108.74 51.6685 108.92 51.3637 109.14 51.2509L110.229 50.6979C110.449 50.585 110.63 50.7092 110.63 50.98V55.709C110.63 55.9798 110.449 56.2846 110.229 56.3974Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M112.752 55.1164L111.663 55.6695C111.443 55.7823 111.262 55.6582 111.262 55.3873V50.6584C111.262 50.3875 111.443 50.0827 111.663 49.9699L112.752 49.4169C112.972 49.304 113.152 49.4281 113.152 49.699V54.428C113.152 54.6988 112.972 55.0036 112.752 55.1164Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M115.269 53.8354L114.179 54.3885C113.959 54.5013 113.779 54.3772 113.779 54.1063V49.3774C113.779 49.1065 113.959 48.8018 114.179 48.6889L115.269 48.1359C115.489 48.023 115.669 48.1471 115.669 48.418V53.147C115.669 53.4178 115.489 53.7226 115.269 53.8354Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M117.786 52.5488L116.696 53.1018C116.476 53.2147 116.296 53.0906 116.296 52.8197V48.0907C116.296 47.8199 116.476 47.5151 116.696 47.4023L117.786 46.8492C118.006 46.7364 118.186 46.8605 118.186 47.1314V51.8603C118.186 52.1312 118.006 52.4359 117.786 52.5488Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M87.843 64.9072C87.843 65.8101 87.2393 66.8484 86.5 67.2265C85.7608 67.6046 85.1567 67.1814 85.1567 66.2785C85.1567 65.3756 85.7608 64.3372 86.5 63.9592C87.2393 63.5811 87.843 64.0043 87.843 64.9072Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M92.0188 62.7741C92.0188 63.677 91.415 64.7154 90.6758 65.0935C89.9365 65.4716 89.3328 65.0483 89.3328 64.1454C89.3328 63.2425 89.9365 62.2042 90.6758 61.8261C91.415 61.448 92.0188 61.8712 92.0188 62.7741Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M96.1948 60.6467C96.1948 61.5496 95.591 62.588 94.8518 62.966C94.1125 63.3441 93.5088 62.9209 93.5088 62.018C93.5088 61.1151 94.1125 60.0767 94.8518 59.6986C95.591 59.3206 96.1948 59.7438 96.1948 60.6467Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M39.4473 21.918C39.4473 22.9507 40.2148 23.9777 41.761 24.7677L74.6662 41.5335C77.753 43.108 82.7527 43.108 85.8395 41.5335L118.745 24.7677C120.285 23.9833 121.058 22.9507 121.058 21.9236V33.2099C121.058 34.2369 120.285 35.2696 118.745 36.054L85.8395 52.8198C82.7527 54.3942 77.753 54.3942 74.6662 52.8198L41.761 36.054C40.2148 35.2696 39.4473 34.2369 39.4473 33.2042V21.918Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M39.4473 21.9179C39.4473 20.8909 40.2204 19.8582 41.761 19.0738L74.6662 2.30802C77.753 0.733588 82.7527 0.733588 85.8395 2.30802L118.745 19.0738C120.291 19.8582 121.058 20.8909 121.058 21.9236C121.058 22.9563 120.285 23.9833 118.745 24.7677L85.8395 41.5335C82.7527 43.1079 77.753 43.1079 74.6662 41.5335L41.761 24.7677C40.2148 23.9833 39.4473 22.9506 39.4473 21.9179Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M105.196 39.9817L104.106 40.5347C103.886 40.6476 103.706 40.5234 103.706 40.2525V35.5236C103.706 35.2527 103.886 34.948 104.106 34.8351L105.196 34.2821C105.416 34.1692 105.596 34.2934 105.596 34.5643V39.2932C105.596 39.5641 105.416 39.8688 105.196 39.9817Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M107.713 38.7007L106.623 39.2537C106.403 39.3666 106.223 39.2424 106.223 38.9715V34.2426C106.223 33.9717 106.403 33.667 106.623 33.5541L107.713 33.0011C107.933 32.8882 108.113 33.0124 108.113 33.2832V38.0122C108.113 38.2831 107.933 38.5878 107.713 38.7007Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M110.229 37.4196L109.14 37.9727C108.92 38.0855 108.74 37.9614 108.74 37.6905V32.9616C108.74 32.6907 108.92 32.386 109.14 32.2731L110.229 31.7201C110.449 31.6072 110.63 31.7314 110.63 32.0022V36.7312C110.63 37.0021 110.449 37.3068 110.229 37.4196Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M112.752 36.1331L111.663 36.6861C111.443 36.7989 111.262 36.6748 111.262 36.4039V31.675C111.262 31.4041 111.443 31.0994 111.663 30.9865L112.752 30.4335C112.972 30.3206 113.152 30.4448 113.152 30.7156V35.4446C113.152 35.7154 112.972 36.0202 112.752 36.1331Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M115.269 34.852L114.179 35.405C113.959 35.5179 113.779 35.3937 113.779 35.1229V30.3939C113.779 30.123 113.959 29.8183 114.179 29.7055L115.269 29.1525C115.489 29.0396 115.669 29.1637 115.669 29.4346V34.1635C115.669 34.4344 115.489 34.7391 115.269 34.852Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M117.786 33.571L116.696 34.1241C116.476 34.2369 116.296 34.1128 116.296 33.8419V29.1129C116.296 28.8421 116.476 28.5373 116.696 28.4245L117.786 27.8715C118.006 27.7586 118.186 27.8827 118.186 28.1536V32.8826C118.186 33.1534 118.006 33.4581 117.786 33.571Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M87.843 45.9238C87.843 46.8267 87.2393 47.865 86.5 48.2431C85.7608 48.6212 85.1567 48.198 85.1567 47.2951C85.1567 46.3922 85.7608 45.3538 86.5 44.9758C87.2393 44.5977 87.843 45.0209 87.843 45.9238Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M92.0188 43.7964C92.0188 44.6993 91.415 45.7376 90.6758 46.1157C89.9365 46.4938 89.3328 46.0705 89.3328 45.1676C89.3328 44.2647 89.9365 43.2264 90.6758 42.8483C91.415 42.4702 92.0188 42.8935 92.0188 43.7964Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M96.1948 41.6689C96.1948 42.5718 95.591 43.6101 94.8518 43.9882C94.1125 44.3663 93.5088 43.9431 93.5088 43.0402C93.5088 42.1373 94.1125 41.099 94.8518 40.7209C95.591 40.3428 96.1948 40.766 96.1948 41.6689Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M110.573 50.4835C110.195 50.4835 109.834 50.3989 109.513 50.2352L104.484 47.6732C104.389 47.6224 104.298 47.5717 104.208 47.5039C102.724 46.4543 102.656 43.7513 104.05 41.3417L110.466 30.2585L104.208 25.8343C102.724 24.7847 102.651 22.076 104.044 19.672C105.049 17.9396 106.589 16.8166 107.972 16.8166C108.356 16.8166 108.711 16.9012 109.033 17.0649L114.061 19.6269C114.157 19.672 114.247 19.7284 114.332 19.7905L115.884 20.8909L121.843 10.6035C122.853 8.86539 124.393 7.74243 125.776 7.74243C126.154 7.74243 126.51 7.82708 126.831 7.99073L131.859 10.5527C131.955 10.6035 132.046 10.6543 132.136 10.7163C133.62 11.766 133.693 14.4747 132.299 16.8787L125.883 27.9618L132.142 32.386C133.626 33.4356 133.693 36.1387 132.305 38.537C131.295 40.2751 129.754 41.4037 128.372 41.4037C127.994 41.4037 127.638 41.3191 127.317 41.1554L122.289 38.5934C122.193 38.5483 122.102 38.4919 122.012 38.4298L120.46 37.3294L114.501 47.6168C113.497 49.3549 111.95 50.4779 110.568 50.4779L110.573 50.4835Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M125.793 8.30664C126.075 8.30664 126.346 8.36869 126.594 8.49284L131.622 11.0548C131.696 11.0887 131.763 11.1338 131.831 11.179C133.061 12.048 133.061 14.4802 131.831 16.5964L125.155 28.1253L131.831 32.8486C133.061 33.7177 133.061 36.1386 131.831 38.2604C130.9 39.8687 129.529 40.8449 128.389 40.8449C128.107 40.8449 127.836 40.7829 127.587 40.6587L122.559 38.0967C122.486 38.0629 122.418 38.0177 122.351 37.9726L120.291 36.5167L114.021 47.3402C113.09 48.9485 111.719 49.9191 110.573 49.9191C110.285 49.9191 110.015 49.857 109.772 49.7329L104.744 47.1709C104.676 47.1371 104.603 47.0919 104.541 47.0467C103.311 46.1777 103.316 43.7512 104.541 41.6294L111.217 30.1004L104.541 25.3771C103.311 24.5081 103.311 22.0815 104.541 19.9597C105.472 18.357 106.838 17.3864 107.983 17.3864C108.271 17.3864 108.542 17.4485 108.79 17.5727L113.818 20.1346C113.886 20.1685 113.954 20.2137 114.021 20.2588L116.081 21.7147L122.351 10.8912C123.282 9.28288 124.653 8.30664 125.798 8.30664M125.793 7.17801C124.19 7.17801 122.497 8.38561 121.368 10.3212L115.72 20.0726L114.67 19.3333C114.557 19.2543 114.444 19.1866 114.326 19.1245L109.298 16.5626C108.897 16.3594 108.451 16.2522 107.977 16.2522C106.375 16.2522 104.682 17.4541 103.559 19.3897C102.018 22.0477 102.165 25.078 103.886 26.297L109.721 30.4221L103.559 41.0594C102.018 43.7173 102.159 46.7477 103.881 47.9609C103.988 48.0399 104.106 48.1077 104.225 48.1697L109.253 50.7317C109.653 50.9349 110.099 51.0421 110.568 51.0421C112.17 51.0421 113.869 49.8401 114.992 47.8989L120.641 38.1475L121.69 38.8868C121.803 38.9658 121.922 39.0392 122.04 39.0956L127.068 41.6576C127.469 41.8607 127.909 41.9679 128.383 41.9679C129.986 41.9679 131.679 40.7603 132.802 38.819C134.337 36.1668 134.195 33.1364 132.474 31.9232L126.639 27.798L132.802 17.1607C134.342 14.5028 134.195 11.4724 132.474 10.2535C132.361 10.1745 132.249 10.1068 132.13 10.0447L127.102 7.48273C126.701 7.27958 126.261 7.17236 125.793 7.17236V7.17801Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
d="M120.697 35.8113L127.373 40.5346C127.441 40.5797 127.508 40.6248 127.582 40.6587L122.554 38.0967C122.48 38.0629 122.413 38.0177 122.345 37.9726L115.669 33.2493L120.697 35.8113Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M131.617 11.0548C130.381 10.4227 128.535 11.4442 127.373 13.4531L120.697 24.982L115.669 22.42L122.345 10.8911C123.508 8.88779 125.353 7.86638 126.588 8.49277L131.617 11.0548Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M113.818 20.1346C112.582 19.5025 110.731 20.5127 109.569 22.5216C108.339 24.6491 108.339 27.0756 109.569 27.939L116.245 32.6623L111.217 30.1004L104.541 25.3771C103.311 24.508 103.311 22.0814 104.541 19.9596C105.703 17.9507 107.549 16.9462 108.79 17.5726L113.818 20.1346Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M116.25 32.6623L109.574 44.1912C108.344 46.3131 108.344 48.7396 109.574 49.6087C109.642 49.6538 109.71 49.6989 109.778 49.7328L104.75 47.1708C104.676 47.137 104.609 47.0918 104.547 47.0467C103.316 46.1776 103.322 43.7511 104.547 41.6293L111.222 30.1003L116.25 32.6623Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M131.617 11.0548C131.69 11.0886 131.758 11.1338 131.825 11.1789C133.056 12.048 133.056 14.4802 131.825 16.5963L125.15 28.1253L131.825 32.8486C133.056 33.7176 133.056 36.1385 131.825 38.2603C130.663 40.2693 128.818 41.285 127.582 40.6587C127.508 40.6248 127.441 40.5797 127.373 40.5345L120.697 35.8112L114.021 47.3401C112.859 49.3435 111.013 50.3649 109.772 49.7328C109.699 49.699 109.631 49.6538 109.569 49.6087C108.339 48.7397 108.344 46.3131 109.569 44.1913L116.245 32.6623L109.569 27.939C108.339 27.07 108.339 24.6435 109.569 22.5216C110.731 20.5127 112.577 19.5082 113.818 20.1346C113.886 20.1684 113.954 20.2136 114.021 20.2587L120.697 24.982L127.373 13.4531C128.535 11.4498 130.381 10.4284 131.617 11.0548Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,326 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function ViewVerticalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="162"
|
||||
height="163"
|
||||
viewBox="0 0 162 163"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
d="M62.1863 125.972L61.8748 126.13C61.9412 126.094 62.0076 126.059 62.074 126.023C62.1097 126.003 62.1505 125.987 62.1863 125.972Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M70.2281 129.969L70.0289 130.077C69.9932 130.097 69.9523 130.112 69.9166 130.128L70.2281 129.969Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M12.4695 128.673C12.4695 130.603 13.9145 132.528 16.7993 134.003L53.9451 152.931C59.72 155.872 69.0792 155.872 74.854 152.931L152.909 113.161C155.794 111.69 157.238 109.765 157.238 107.835V113.998C157.238 115.928 155.794 117.853 152.909 119.324L74.854 159.094C69.0792 162.035 59.72 162.035 53.9451 159.094L16.7993 140.166C13.9094 138.696 12.4695 136.766 12.4695 134.836V128.673Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12.4695 128.673C12.4695 126.743 13.9145 124.818 16.7993 123.348L94.854 83.5774C100.629 80.6363 109.988 80.6363 115.763 83.5774L152.909 102.505C155.799 103.976 157.238 105.906 157.238 107.836C157.238 109.766 155.794 111.691 152.909 113.161L74.854 152.931C69.0792 155.872 59.72 155.872 53.9451 152.931L16.7993 134.004C13.9094 132.533 12.4695 130.603 12.4695 128.673Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M12.4695 109.204C12.4695 111.134 13.9145 113.059 16.7993 114.534L53.9451 133.462C59.72 136.403 69.0792 136.403 74.854 133.462L152.909 93.692C155.794 92.2214 157.238 90.2965 157.238 88.3665V94.5293C157.238 96.4594 155.794 98.3843 152.909 99.8548L74.854 139.625C69.0792 142.566 59.72 142.566 53.9451 139.625L16.7993 120.697C13.9094 119.227 12.4695 117.297 12.4695 115.367V109.204Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12.4695 109.204C12.4695 107.274 13.9145 105.349 16.7993 103.878L94.854 64.1081C100.629 61.1671 109.988 61.1671 115.763 64.1081L152.909 83.0358C155.799 84.5064 157.238 86.4364 157.238 88.3664C157.238 90.2965 155.794 92.2214 152.909 93.692L74.854 133.462C69.0792 136.403 59.72 136.403 53.9451 133.462L16.7993 114.534C13.9094 113.064 12.4695 111.134 12.4695 109.204Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M12.4695 89.7356C12.4695 91.6656 13.9145 93.5905 16.7993 95.0662L53.9451 113.994C59.72 116.935 69.0792 116.935 74.854 113.994L152.909 74.2237C155.794 72.7532 157.238 70.8282 157.238 68.8982V75.0611C157.238 76.9911 155.794 78.9161 152.909 80.3866L74.854 120.157C69.0792 123.098 59.72 123.098 53.9451 120.157L16.7993 101.229C13.9094 99.7585 12.4695 97.8285 12.4695 95.8984V89.7356Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12.4695 89.7356C12.4695 87.8055 13.9145 85.8806 16.7993 84.41L94.854 44.6399C100.629 41.6988 109.988 41.6988 115.763 44.6399L152.909 63.5676C155.799 65.0381 157.238 66.9681 157.238 68.8982C157.238 70.8282 155.794 72.7532 152.909 74.2237L74.854 113.994C69.0792 116.935 59.72 116.935 53.9451 113.994L16.7993 95.0662C13.9094 93.5956 12.4695 91.6656 12.4695 89.7356Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M131.009 3.0161C132.158 2.42891 133.634 2.47997 135.247 3.30203C138.898 5.16059 141.854 10.2716 141.854 14.7138C141.854 17.1902 140.935 18.9364 139.485 19.6768L141.834 18.482C143.284 17.7467 144.203 15.9954 144.203 13.519C144.203 9.07685 141.242 3.97091 137.596 2.10724C135.982 1.28518 134.502 1.23412 133.358 1.8213L131.009 3.0161Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M131.009 3.01613C129.559 3.75139 128.64 5.50272 128.64 7.97911C128.64 12.4213 131.602 17.5272 135.247 19.3909C136.861 20.213 138.341 20.264 139.485 19.6768C140.935 18.9416 141.854 17.1902 141.854 14.7138C141.854 10.2717 138.893 5.16573 135.247 3.30206C133.634 2.48 132.153 2.42895 131.009 3.01613Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M133.843 8.08101C133.644 7.9789 133.48 7.69807 133.48 7.45809V5.70164C133.48 5.45656 133.644 5.34423 133.843 5.44635C134.042 5.54847 134.206 5.82929 134.206 6.06927V7.82572C134.206 8.0708 134.042 8.18313 133.843 8.08101Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M136.733 9.55684C136.534 9.45473 136.37 9.1739 136.37 8.93392V7.17748C136.37 6.93239 136.534 6.82006 136.733 6.92218C136.932 7.0243 137.096 7.30512 137.096 7.5451V9.30155C137.096 9.54663 136.932 9.65896 136.733 9.55684Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M137.815 17.1339L132.761 14.5605C132.163 14.2541 131.678 13.4168 131.678 12.6917V6.53906C131.678 5.81401 132.163 5.46681 132.761 5.77317L137.815 8.34656C138.413 8.65292 138.898 9.49029 138.898 10.2153V16.368C138.898 17.093 138.413 17.4403 137.815 17.1339ZM132.761 6.65139C132.561 6.54927 132.398 6.66671 132.398 6.90669V13.0593C132.398 13.2993 132.561 13.5802 132.761 13.6823L137.815 16.2557C138.015 16.3578 138.178 16.2404 138.178 16.0004V9.84771C138.178 9.60773 138.015 9.3269 137.815 9.22479L132.761 6.65139Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M138.535 12.2323L132.035 8.91859C131.836 8.81647 131.673 8.53564 131.673 8.29566C131.673 8.05568 131.836 7.93825 132.035 8.04037L138.535 11.3541C138.734 11.4562 138.898 11.7371 138.898 11.977C138.898 12.217 138.734 12.3345 138.535 12.2323Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M52.1735 1.76965C50.9736 1.15694 49.4213 1.208 47.7313 2.0709L9.39582 21.6062C5.57657 23.5516 2.47726 28.8975 2.47726 33.549C2.47726 36.1429 3.44229 37.9708 4.95365 38.7418L2.67638 37.5827C1.15992 36.8117 0.200012 34.9838 0.200012 32.39C0.200012 27.7436 3.29932 22.3926 7.11857 20.4472L45.4592 0.911851C47.1492 0.0489463 48.6963 -0.00211319 49.9013 0.6106L52.1786 1.76965H52.1735Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M52.1734 1.77002C53.6898 2.54102 54.6498 4.36895 54.6498 6.96277C54.6498 11.6092 51.5504 16.9602 47.7312 18.9056L9.39573 38.4409C7.70566 39.3038 6.15857 39.3549 4.95356 38.7422C3.43709 37.9712 2.47717 36.1432 2.47717 33.5494C2.47717 28.903 5.57648 23.552 9.39573 21.6066L47.7312 2.07127C49.4213 1.20837 50.9684 1.15731 52.1734 1.77002Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M27.0317 24.6234C26.7764 24.7511 26.5671 24.6081 26.5671 24.2967V18.1083C26.5671 17.7968 26.7764 17.4394 27.0317 17.3117C27.287 17.1841 27.4964 17.3271 27.4964 17.6385V23.8269C27.4964 24.1384 27.287 24.4958 27.0317 24.6234Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M29.8094 20.396C29.5541 20.5237 29.3448 20.3807 29.3448 20.0692V16.6942C29.3448 16.3827 29.5541 16.0253 29.8094 15.8977C30.0647 15.77 30.274 15.913 30.274 16.2245V19.5995C30.274 19.9109 30.0647 20.2684 29.8094 20.396Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M32.5819 23.4803C32.3266 23.6079 32.1173 23.4649 32.1173 23.1535V15.275C32.1173 14.9635 32.3266 14.6061 32.5819 14.4785C32.8372 14.3508 33.0466 14.4938 33.0466 14.8053V22.6837C33.0466 22.9952 32.8372 23.3526 32.5819 23.4803Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M12.6382 29.1839C12.3829 29.3115 12.1787 29.1686 12.1787 28.8622C12.1787 28.5559 12.3829 28.1984 12.6331 28.0708C12.8884 27.938 13.0927 28.0861 13.0927 28.3925C13.0927 28.6988 12.8884 29.0562 12.6331 29.1839H12.6382Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M12.6382 32.5333C12.3829 32.6609 12.1787 32.5179 12.1787 32.2116C12.1787 31.9052 12.3829 31.5478 12.6331 31.4202C12.8884 31.2874 13.0927 31.4355 13.0927 31.7418C13.0927 32.0482 12.8884 32.4056 12.6331 32.5333H12.6382Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M12.6382 25.8343C12.3829 25.9619 12.1787 25.819 12.1787 25.5126C12.1787 25.2063 12.3829 24.8488 12.6331 24.7212C12.8884 24.5884 13.0927 24.7365 13.0927 25.0429C13.0927 25.3492 12.8884 25.7066 12.6331 25.8343H12.6382Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M20.8946 24.9763L14.9308 28.0144C14.6755 28.142 14.4713 27.999 14.4713 27.6876C14.4713 27.3761 14.6755 27.0238 14.9308 26.8962L20.8946 23.8581C21.1499 23.7305 21.3541 23.8734 21.3541 24.1849C21.3541 24.4964 21.1499 24.8487 20.8946 24.9763Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M20.8946 28.3259L14.9308 31.364C14.6755 31.4916 14.4713 31.3487 14.4713 31.0372C14.4713 30.7257 14.6755 30.3734 14.9308 30.2458L20.8946 27.2077C21.1499 27.0801 21.3541 27.223 21.3541 27.5345C21.3541 27.846 21.1499 28.1983 20.8946 28.3259Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M20.8946 21.627L14.9308 24.665C14.6755 24.7926 14.4713 24.6497 14.4713 24.3382C14.4713 24.0268 14.6755 23.6744 14.9308 23.5468L20.8946 20.5088C21.1499 20.3811 21.3541 20.5241 21.3541 20.8355C21.3541 21.147 21.1499 21.4993 20.8946 21.627Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M45.6737 16.552L40.6188 19.1253C40.0214 19.4317 39.5364 19.0845 39.5364 18.3595V12.2068C39.5364 11.4817 40.0214 10.6393 40.6188 10.338L45.6737 7.76462C46.2711 7.45827 46.7562 7.80547 46.7562 8.53051V14.6832C46.7562 15.4082 46.2711 16.2507 45.6737 16.552ZM40.6188 11.2162C40.4197 11.3184 40.2563 11.5992 40.2563 11.8392V17.9918C40.2563 18.2318 40.4197 18.3492 40.6188 18.2471L45.6737 15.6737C45.8729 15.5716 46.0362 15.2908 46.0362 15.0508V8.89814C46.0362 8.65816 45.8729 8.54073 45.6737 8.64284L40.6188 11.2162Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M44.5913 11.39L42.0639 12.6767C41.8648 12.7788 41.7014 12.6665 41.7014 12.4214C41.7014 12.1763 41.8648 11.9006 42.0639 11.7985L44.5913 10.5118C44.7905 10.4097 44.9538 10.522 44.9538 10.7671C44.9538 11.0122 44.7905 11.2879 44.5913 11.39Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M43.8662 13.514L41.7013 14.6169C41.5021 14.719 41.3388 14.6067 41.3388 14.3616C41.3388 14.1165 41.5021 13.8408 41.7013 13.7387L43.8662 12.6358C44.0653 12.5337 44.2287 12.646 44.2287 12.8911C44.2287 13.1362 44.0653 13.4119 43.8662 13.514Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M44.5913 14.9078L42.7838 15.8269C42.5846 15.929 42.4213 15.8167 42.4213 15.5716C42.4213 15.3265 42.5846 15.0508 42.7838 14.9487L44.5913 14.0296C44.7904 13.9275 44.9538 14.0398 44.9538 14.2849C44.9538 14.53 44.7904 14.8057 44.5913 14.9078Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M147.006 25.4609C148.155 24.8737 149.631 24.9248 151.244 25.7469C154.895 27.6054 157.851 32.7165 157.851 37.1586C157.851 39.635 156.932 41.3813 155.482 42.1216L157.831 40.9268C159.281 40.1916 160.2 38.4402 160.2 35.9638C160.2 31.5217 157.239 26.4157 153.593 24.5521C151.979 23.73 150.499 23.6789 149.355 24.2661L147.006 25.4609Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M147.006 25.461C145.556 26.1962 144.637 27.9475 144.637 30.4239C144.637 34.8661 147.599 39.972 151.244 41.8357C152.858 42.6578 154.338 42.7088 155.482 42.1216C156.932 41.3864 157.851 39.6351 157.851 37.1587C157.851 32.7165 154.89 27.6106 151.244 25.7469C149.631 24.9248 148.15 24.8738 147.006 25.461Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M153.864 39.6905L148.809 37.1171C148.211 36.8108 147.726 35.9734 147.726 35.2484V29.0957C147.726 28.3707 148.211 28.0235 148.809 28.3298L153.864 30.9032C154.461 31.2096 154.946 32.0469 154.946 32.772V38.9246C154.946 39.6497 154.461 39.9969 153.864 39.6905ZM148.809 29.2029C148.61 29.1008 148.446 29.2182 148.446 29.4582V35.6109C148.446 35.8509 148.61 36.1317 148.809 36.2338L153.864 38.8072C154.063 38.9093 154.226 38.7919 154.226 38.5519V32.3992C154.226 32.1593 154.063 31.8784 153.864 31.7763L148.809 29.2029Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M154.589 34.7839L148.089 31.4701C147.89 31.368 147.726 31.0872 147.726 30.8472C147.726 30.6072 147.89 30.4898 148.089 30.5919L154.589 33.9056C154.788 34.0078 154.951 34.2886 154.951 34.5286C154.951 34.7685 154.788 34.886 154.589 34.7839Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M154.589 37.4186L148.089 34.1049C147.89 34.0027 147.726 33.7219 147.726 33.4819C147.726 33.242 147.89 33.1245 148.089 33.2266L154.589 36.5404C154.788 36.6425 154.951 36.9233 154.951 37.1633C154.951 37.4033 154.788 37.5207 154.589 37.4186Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M150.254 37.8473C150.055 37.7452 149.891 37.4644 149.891 37.2244V31.9499C149.891 31.7049 150.055 31.5925 150.254 31.6946C150.453 31.7968 150.616 32.0776 150.616 32.3176V37.592C150.616 37.8371 150.453 37.9494 150.254 37.8473Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M152.419 38.9555C152.22 38.8533 152.056 38.5725 152.056 38.3325V33.0581C152.056 32.813 152.22 32.7007 152.419 32.8028C152.618 32.9049 152.781 33.1857 152.781 33.4257V38.7002C152.781 38.9452 152.618 39.0576 152.419 38.9555Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M81.4561 57.5826C79.5158 57.5826 77.6827 57.1946 76.2939 56.4848L50.2332 43.2094C48.7371 42.4486 47.91 41.3917 47.91 40.2377V35.1318C47.91 33.9829 48.732 32.9311 50.2281 32.1652L76.2888 18.8898C77.6776 18.18 79.5107 17.792 81.451 17.792C83.3912 17.792 85.2294 18.18 86.6182 18.8898L112.674 32.1652C114.17 32.926 114.997 33.9829 114.997 35.1369V40.2428C114.997 41.3917 114.175 42.4486 112.674 43.2094L86.6182 56.4848C85.2294 57.1946 83.3963 57.5826 81.451 57.5826H81.4561ZM78.7754 44.011C79.4852 44.3735 80.4349 44.5727 81.4561 44.5727C82.4773 44.5727 83.432 44.3735 84.1418 44.011L96.5543 37.6848L84.1418 31.3636C83.432 31.0011 82.4773 30.8019 81.4561 30.8019C80.4349 30.8019 79.4801 31.0011 78.7754 31.3636L66.3629 37.6848L78.7754 44.011Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M81.456 18.3027C83.2431 18.3027 85.0251 18.6499 86.3884 19.3443L112.444 32.6198C113.807 33.3142 114.486 34.2281 114.486 35.137V40.2429C114.486 41.1518 113.807 42.0606 112.444 42.755L86.3884 56.0305C85.0251 56.7249 83.238 57.0721 81.456 57.0721C79.6741 57.0721 77.887 56.7249 76.5237 56.0305L50.4629 42.755C49.0996 42.0606 48.4205 41.1467 48.4205 40.2378V35.1319C48.4205 34.223 49.1047 33.3142 50.4629 32.6198L76.5237 19.3443C77.887 18.6499 79.669 18.3027 81.456 18.3027ZM81.456 45.0834C82.513 45.0834 83.5648 44.8791 84.3715 44.4655L97.6776 37.6848L84.3715 30.9093C83.5648 30.5008 82.5079 30.2914 81.456 30.2914C80.4042 30.2914 79.3473 30.4957 78.5405 30.9093L65.2344 37.6848L78.5405 44.4655C79.3473 44.874 80.3991 45.0834 81.456 45.0834ZM81.456 17.2815C79.4341 17.2815 77.5193 17.69 76.059 18.4354L49.9983 31.7109C48.3235 32.5687 47.3994 33.7839 47.3994 35.1319V40.2378C47.3994 41.0241 47.7363 42.5151 49.9983 43.6639L76.059 56.9394C77.5142 57.6848 79.429 58.0933 81.4509 58.0933C83.4729 58.0933 85.3876 57.6848 86.8479 56.9394L112.904 43.6639C115.165 42.51 115.503 41.0241 115.503 40.2429V35.137C115.503 34.3507 115.165 32.8597 112.904 31.7109L86.8479 18.4354C85.3876 17.69 83.4729 17.2815 81.4509 17.2815H81.456ZM67.4913 37.6848L79.0103 31.8181C79.6383 31.4964 80.5318 31.3126 81.4611 31.3126C82.3904 31.3126 83.2839 31.4964 83.9171 31.8181L95.4361 37.6848L83.9171 43.5567C83.289 43.8784 82.3904 44.0622 81.4611 44.0622C80.5318 44.0622 79.6383 43.8784 79.0103 43.5567L67.4913 37.6848Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M81.2263 93.2112C78.8163 93.2112 76.6871 92.8282 75.3851 92.1644L49.4724 78.9656C49.1915 78.8226 48.9362 78.6694 48.686 78.4958C48.6707 78.4856 48.6554 78.4703 48.6401 78.4601C48.0682 77.9597 47.767 77.3725 47.767 76.7598V71.6539C47.767 70.7654 48.3899 69.9638 49.5183 69.3868C50.5395 68.866 51.8875 68.5801 53.312 68.5801C54.5374 68.5801 55.7374 68.7996 56.6922 69.1979C56.8147 69.2541 57.0343 69.3664 57.504 69.6064L76.7688 79.4251C78.0146 80.0582 79.6843 80.4054 81.4662 80.4054C83.2482 80.4054 84.923 80.0582 86.1688 79.4251L105.428 69.6115C105.908 69.3664 106.123 69.249 106.245 69.203C107.2 68.7996 108.4 68.5801 109.62 68.5801C111.045 68.5801 112.388 68.866 113.409 69.3868C114.537 69.9587 115.16 70.7654 115.16 71.6539V76.7598C115.16 77.3827 114.844 77.9801 114.252 78.4856C113.981 78.6796 113.736 78.8226 113.46 78.9656L87.8691 92.001C86.3833 92.7567 83.9069 93.2112 81.2365 93.2112H81.2263Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M109.615 69.091C110.902 69.091 112.189 69.3412 113.169 69.8415C114.155 70.3419 114.645 70.9955 114.645 71.6542V76.7601C114.645 77.2196 114.4 77.6843 113.915 78.0979C113.695 78.251 113.47 78.3838 113.22 78.5114L112.607 78.8229L87.6292 91.5469C86.1535 92.2975 83.6618 92.7009 81.2263 92.7009C79.0563 92.7009 76.9322 92.3843 75.6149 91.7103L50.3455 78.8382L49.7022 78.5114C49.4418 78.3787 49.2018 78.2357 48.972 78.0774C48.5074 77.669 48.2725 77.2145 48.2725 76.7601V71.6542C48.2725 70.9955 48.7627 70.3419 49.743 69.8415C50.7284 69.3412 52.0152 69.091 53.3019 69.091C54.4303 69.091 55.5587 69.285 56.488 69.6679C56.4931 69.6679 57.2641 70.0611 57.2641 70.0611L76.5288 79.8798C77.8921 80.5742 79.6741 80.9163 81.4612 80.9163C83.2482 80.9163 85.0302 80.5691 86.3935 79.8798L105.653 70.0662C105.653 70.0662 106.424 69.6679 106.434 69.6679C107.359 69.2799 108.487 69.091 109.615 69.091ZM109.615 68.0698C108.308 68.0698 107.073 68.2996 106.041 68.7285C105.883 68.7999 105.638 68.9276 105.183 69.1625L85.9289 78.971C84.7698 79.5582 83.141 79.8952 81.4561 79.8952C79.7711 79.8952 78.1474 79.5582 76.9884 78.9659L57.7236 69.1471C57.2743 68.9174 57.0343 68.7948 56.876 68.7233C55.8446 68.2893 54.609 68.0596 53.2968 68.0596C51.7956 68.0596 50.3659 68.3659 49.2733 68.9225C47.5066 69.8211 47.2462 71.0159 47.2462 71.6439V76.7499C47.2462 77.2809 47.43 78.0723 48.2929 78.8331C48.3236 78.8586 48.3542 78.8842 48.3899 78.9097C48.6606 79.0935 48.9363 79.262 49.2375 79.4101L49.8809 79.7369L75.1502 92.609C77.0292 93.5689 79.7609 93.7118 81.2263 93.7118C83.9733 93.7118 86.5416 93.237 88.0938 92.4456L113.072 79.7216L113.685 79.4101C113.981 79.2569 114.246 79.0986 114.502 78.925C114.527 78.9046 114.553 78.8842 114.578 78.8638C115.477 78.0979 115.666 77.2911 115.666 76.7499V71.6439C115.666 71.0108 115.4 69.8211 113.634 68.9225C112.546 68.3659 111.117 68.0596 109.615 68.0596V68.0698Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M81.2262 75.3972C78.8162 75.3972 76.687 75.0142 75.3799 74.3505L49.4672 61.1516C49.1864 61.0086 48.9311 60.8555 48.6809 60.6819C48.6656 60.6716 48.6503 60.6563 48.6349 60.6461C48.0631 60.1457 47.7618 59.5586 47.7618 58.9458V53.8399C47.7618 52.9515 48.3847 52.1498 49.5131 51.5729C50.5343 51.052 51.8823 50.7661 53.3069 50.7661C54.5323 50.7661 55.7322 50.9857 56.687 51.3839C56.8096 51.4401 57.0291 51.5524 57.4989 51.7924L76.7636 61.6111C78.0095 62.2443 79.6791 62.5915 81.4611 62.5915C83.243 62.5915 84.9178 62.2443 86.1637 61.6111L105.423 51.7975C105.903 51.5524 106.118 51.435 106.24 51.389C107.195 50.9857 108.395 50.7661 109.615 50.7661C111.04 50.7661 112.383 51.052 113.404 51.5729C114.532 52.1447 115.155 52.9515 115.155 53.8399V58.9458C115.155 59.5688 114.839 60.1662 114.246 60.6716C113.976 60.8657 113.731 61.0086 113.455 61.1516L87.864 74.1871C86.3781 74.9428 83.9017 75.3972 81.2313 75.3972H81.2262Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M109.615 51.277C110.902 51.277 112.189 51.5272 113.169 52.0276C114.155 52.528 114.645 53.1815 114.645 53.8402V58.9461C114.645 59.4057 114.4 59.8703 113.915 60.2839C113.695 60.4371 113.47 60.5698 113.22 60.6975L112.607 61.0089L87.6292 73.7329C86.1535 74.4835 83.6618 74.8869 81.2263 74.8869C79.0563 74.8869 76.9322 74.5703 75.6149 73.8963L50.3455 61.0243L49.7022 60.6975C49.4418 60.5647 49.2018 60.4218 48.972 60.2635C48.5074 59.855 48.2725 59.4006 48.2725 58.9461V53.8402C48.2725 53.1815 48.7627 52.528 49.743 52.0276C50.7284 51.5272 52.0152 51.277 53.3019 51.277C54.4303 51.277 55.5587 51.471 56.488 51.854C56.4931 51.854 57.2641 52.2471 57.2641 52.2471L76.5288 62.0659C77.8921 62.7552 79.6741 63.1024 81.4612 63.1024C83.2482 63.1024 85.0302 62.7552 86.3935 62.0659L105.653 52.2522C105.653 52.2522 106.424 51.854 106.434 51.854C107.359 51.4659 108.487 51.277 109.615 51.277ZM109.615 50.2558C108.308 50.2558 107.073 50.4856 106.041 50.9145C105.883 50.986 105.638 51.1136 105.183 51.3485L85.9289 61.157C84.7698 61.7442 83.141 62.0812 81.4561 62.0812C79.7711 62.0812 78.1474 61.7442 76.9884 61.1519L57.7236 51.3332C57.2743 51.1034 57.0343 50.9809 56.876 50.9094C55.8446 50.4754 54.609 50.2456 53.2968 50.2456C51.7956 50.2456 50.3659 50.552 49.2733 51.1085C47.5066 52.0072 47.2462 53.2019 47.2462 53.83V58.9359C47.2462 59.4669 47.43 60.2584 48.2929 61.0191C48.3236 61.0447 48.3542 61.0702 48.3899 61.0906C48.6606 61.2744 48.9363 61.4429 49.2375 61.5961L49.8809 61.9229L75.1502 74.795C77.0292 75.7549 79.7609 75.8979 81.2263 75.8979C83.9733 75.8979 86.5416 75.423 88.0938 74.6316L113.072 61.9076L113.685 61.5961C113.981 61.4429 114.252 61.2847 114.502 61.1111C114.527 61.0906 114.553 61.0702 114.578 61.0498C115.477 60.2839 115.666 59.4772 115.666 58.9359V53.83C115.666 53.1968 115.4 52.0072 113.634 51.1085C112.546 50.552 111.117 50.2456 109.615 50.2456V50.2558Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M100.986 35.1362C100.986 34.595 100.583 34.0589 99.7761 33.6453L84.3765 25.8026C82.7631 24.9805 80.1539 24.9805 78.5455 25.8026L63.146 33.6453C62.3393 34.0589 61.9359 34.595 61.9359 35.1311V40.2371C61.9359 39.701 62.3393 39.1648 63.146 38.7513L78.5455 30.9085C80.1539 30.0865 82.7631 30.0865 84.3765 30.9085L99.7761 38.7513C100.583 39.1648 100.986 39.701 100.986 40.2422V35.1362Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M48.4255 35.1316C48.4255 36.0404 49.1046 36.9544 50.4679 37.6488L76.5286 50.9243C79.2501 52.3131 83.6668 52.3131 86.3933 50.9243L112.449 37.6488C113.812 36.9544 114.491 36.0456 114.491 35.1367V40.2426C114.491 41.1515 113.812 42.0604 112.449 42.7548L86.3933 56.0302C83.6668 57.419 79.2501 57.419 76.5286 56.0302L50.4679 42.7548C49.1046 42.0604 48.4255 41.1464 48.4255 40.2375V35.1316Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M112.449 32.6198L86.3933 19.3443C83.6668 17.9555 79.2501 17.9555 76.5286 19.3443L50.4679 32.6198C49.1097 33.3142 48.4255 34.2231 48.4255 35.1319C48.4255 36.0408 49.1046 36.9547 50.4679 37.6492L76.5286 50.9246C79.2501 52.3134 83.6668 52.3134 86.3933 50.9246L112.449 37.6492C113.812 36.9547 114.491 36.0459 114.491 35.137C114.491 34.2282 113.812 33.3142 112.449 32.6198ZM99.776 36.6178L84.3765 44.4656C82.763 45.2877 80.1539 45.2877 78.5455 44.4656L63.1459 36.6178C62.3392 36.2093 61.9358 35.6732 61.9358 35.1319C61.9358 34.5907 62.3392 34.0597 63.1459 33.6461L78.5455 25.8034C80.1539 24.9813 82.763 24.9813 84.3765 25.8034L99.776 33.6461C100.583 34.0597 100.986 34.5958 100.986 35.137C100.986 35.6783 100.583 36.2093 99.776 36.6178Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M114.644 71.655V76.761C114.644 77.2205 114.399 77.6851 113.914 78.0987C113.695 78.2519 113.47 78.3847 113.22 78.5123L112.607 78.8238L87.6287 91.5478C84.8358 92.9723 78.4074 93.1357 75.6144 91.7112L50.3451 78.8391L49.7018 78.5123C49.4414 78.3796 49.2013 78.2366 48.9716 78.0783C48.5069 77.6698 48.2721 77.2154 48.2721 76.761V71.655C48.2721 72.1095 48.5069 72.5639 48.9716 72.9724C49.2013 73.1306 49.4414 73.2736 49.7018 73.4064L50.3451 73.7331L75.6144 86.6052C78.4074 88.0298 84.8358 87.8664 87.6287 86.4418L112.607 73.7178L113.22 73.4064C113.47 73.2787 113.695 73.146 113.914 72.9928C114.399 72.5792 114.644 72.1146 114.644 71.655Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M114.645 71.6544C114.645 72.114 114.399 72.5786 113.914 72.9922C113.695 73.1454 113.47 73.2781 113.22 73.4058L112.607 73.7172L87.629 86.4412C84.836 87.8658 78.4076 88.0292 75.6147 86.6046L50.3453 73.7325L49.702 73.4058C49.4416 73.273 49.2016 73.1301 48.9718 72.9718C48.5072 72.5633 48.2723 72.1089 48.2723 71.6544C48.2723 70.9958 48.7625 70.3422 49.7428 69.8418C51.5861 68.9023 54.5016 68.8411 56.4878 69.6682C56.4929 69.6682 57.2639 70.0614 57.2639 70.0614L76.5286 79.8801C79.2501 81.2638 83.6668 81.2638 86.3933 79.8801L105.653 70.0665C105.653 70.0665 106.424 69.6682 106.434 69.6682C108.415 68.8411 111.331 68.9023 113.169 69.8418C114.154 70.3422 114.645 70.9958 114.645 71.6544Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M114.644 53.8396V58.9455C114.644 59.4051 114.399 59.8697 113.914 60.2833C113.695 60.4365 113.47 60.5692 113.22 60.6969L112.607 61.0083L87.6288 73.7324C84.8359 75.1569 78.4075 75.3203 75.6146 73.8957L50.3452 61.0237L49.7019 60.6969C49.4415 60.5641 49.2015 60.4212 48.9717 60.2629C48.5071 59.8544 48.2722 59.4 48.2722 58.9455V53.8396C48.2722 54.294 48.5071 54.7485 48.9717 55.1569C49.2015 55.3152 49.4415 55.4582 49.7019 55.5909L50.3452 55.9177L75.6146 68.7898C78.4075 70.2144 84.8359 70.051 87.6288 68.6264L112.607 55.9024L113.22 55.5909C113.47 55.4633 113.695 55.3305 113.914 55.1774C114.399 54.7638 114.644 54.2991 114.644 53.8396Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M114.645 53.8397C114.645 54.2993 114.399 54.7639 113.914 55.1775C113.695 55.3307 113.47 55.4634 113.22 55.5911L112.607 55.9025L87.629 68.6265C84.836 70.0511 78.4076 70.2145 75.6147 68.7899L50.3453 55.9179L49.702 55.5911C49.4416 55.4583 49.2016 55.3154 48.9718 55.1571C48.5072 54.7486 48.2723 54.2942 48.2723 53.8397C48.2723 53.1811 48.7625 52.5275 49.7428 52.0271C51.5861 51.0876 54.5016 51.0264 56.4878 51.8535C56.4929 51.8535 57.2639 52.2467 57.2639 52.2467L76.5286 62.0654C79.2501 63.4491 83.6668 63.4491 86.3933 62.0654L105.653 52.2518C105.653 52.2518 106.424 51.8535 106.434 51.8535C108.415 51.0264 111.331 51.0876 113.169 52.0271C114.154 52.5275 114.645 53.1811 114.645 53.8397Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,254 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import { ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
import type { TIllustrationAssetProps } from "../helper";
|
||||
|
||||
export function WorkItemVerticalStackIllustration({ className }: TIllustrationAssetProps) {
|
||||
return (
|
||||
<svg
|
||||
width="162"
|
||||
height="180"
|
||||
viewBox="0 0 162 180"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M0.200012 143.469C0.200012 145.602 1.79701 147.729 4.98538 149.36L46.0392 170.279C52.4216 173.53 62.7655 173.53 69.1479 170.279L155.415 126.325C158.603 124.7 160.2 122.572 160.2 120.439V127.25C160.2 129.384 158.603 131.511 155.415 133.136L69.1479 177.091C62.7655 180.341 52.4216 180.341 46.0392 177.091L4.98538 156.172C1.79137 154.546 0.200012 152.413 0.200012 150.28V143.469Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.200012 143.469C0.200012 141.336 1.79701 139.208 4.98538 137.583L91.252 93.6286C97.6344 90.3781 107.978 90.3781 114.361 93.6286L155.415 114.548C158.609 116.173 160.2 118.306 160.2 120.439C160.2 122.572 158.603 124.7 155.415 126.325L69.1479 170.279C62.7655 173.53 52.4216 173.53 46.0392 170.279L4.98538 149.36C1.79137 147.735 0.200012 145.602 0.200012 143.469Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M0.200012 121.952C0.200012 124.085 1.79701 126.212 4.98538 127.843L46.0392 148.762C52.4216 152.013 62.7655 152.013 69.1479 148.762L155.415 104.808C158.603 103.182 160.2 101.055 160.2 98.9219V105.733C160.2 107.866 158.603 109.994 155.415 111.619L69.1479 155.573C62.7655 158.824 52.4216 158.824 46.0392 155.573L4.98538 134.654C1.79137 133.029 0.200012 130.896 0.200012 128.763V121.952Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.200012 121.952C0.200012 119.818 1.79701 117.691 4.98538 116.066L91.252 72.1113C97.6344 68.8608 107.978 68.8608 114.361 72.1113L155.415 93.0304C158.609 94.6556 160.2 96.7887 160.2 98.9218C160.2 101.055 158.603 103.182 155.415 104.808L69.1479 148.762C62.7655 152.013 52.4216 152.013 46.0392 148.762L4.98538 127.843C1.79137 126.218 0.200012 124.085 0.200012 121.952Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M0.200012 100.429C0.200012 102.562 1.79701 104.689 4.98538 106.32L46.0392 127.239C52.4216 130.49 62.7655 130.49 69.1479 127.239L155.415 83.2847C158.603 81.6595 160.2 79.532 160.2 77.3989V84.2102C160.2 86.3433 158.603 88.4707 155.415 90.096L69.1479 134.05C62.7655 137.301 52.4216 137.301 46.0392 134.05L4.98538 113.131C1.79137 111.506 0.200012 109.373 0.200012 107.24V100.429Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.200012 100.429C0.200012 98.2954 1.79701 96.168 4.98538 94.5428L91.252 50.5883C97.6344 47.3379 107.978 47.3379 114.361 50.5883L155.415 71.5075C158.609 73.1327 160.2 75.2658 160.2 77.3989C160.2 79.532 158.603 81.6595 155.415 83.2847L69.1479 127.239C62.7655 130.49 52.4216 130.49 46.0392 127.239L4.98538 106.32C1.79137 104.695 0.200012 102.562 0.200012 100.429Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M17.0899 23.6649C15.8597 23.0385 14.2796 23.0893 12.5471 23.9753C8.63644 25.9673 5.47075 31.4412 5.47075 36.1927C5.47075 38.845 6.4583 40.7185 8.01017 41.5085L5.49321 40.2275C3.94135 39.4375 2.9538 37.564 2.9538 34.9117C2.9538 30.1545 6.12526 24.6807 10.0303 22.6943C11.7571 21.814 13.3429 21.7575 14.5731 22.3839L17.0899 23.6649Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M17.0899 23.6649C18.6418 24.455 19.6293 26.3285 19.6293 28.9808C19.6293 33.7379 16.4579 39.2118 12.5528 41.1982C10.826 42.0785 9.24038 42.1349 8.01018 41.5085C6.45831 40.7185 5.47076 38.845 5.47076 36.1927C5.47076 31.4355 8.64209 25.9617 12.5471 23.9753C14.2739 23.095 15.8597 23.0385 17.0899 23.6649Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M12.9704 29.0485C11.1082 29.9965 9.60146 32.6037 9.60146 34.8666C9.60146 37.1295 11.1082 38.2017 12.9704 37.248C14.8326 36.2943 16.3393 33.6928 16.3393 31.4299C16.3393 29.167 14.8326 28.0948 12.9704 29.0485ZM8.85101 35.2503C8.85101 32.4795 10.6962 29.2968 12.9704 28.1399C15.2446 26.9831 17.0899 28.2867 17.0899 31.0518C17.0899 33.8169 15.2446 37.0053 12.9704 38.1622C10.6962 39.319 8.85101 38.0154 8.85101 35.2503Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M12.9704 30.8712C11.9377 31.396 11.097 32.8463 11.097 34.1047C11.097 35.3632 11.9377 35.9557 12.9704 35.4309C14.0031 34.9061 14.8439 33.4558 14.8439 32.1974C14.8439 30.9389 14.0031 30.3464 12.9704 30.8712ZM10.3464 34.4885C10.3464 32.7278 11.5201 30.7019 12.9704 29.9627C14.4207 29.2234 15.5945 30.053 15.5945 31.8193C15.5945 33.5856 14.4207 35.6058 12.9704 36.3451C11.5201 37.0843 10.3464 36.2548 10.3464 34.4885Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M146.352 33.0833C147.903 32.2932 148.891 30.4254 148.891 27.7674C148.891 23.0103 145.72 17.5364 141.814 15.55L115.63 2.20966C113.904 1.32933 112.323 1.2729 111.093 1.89929L113.61 0.618291C114.84 -0.00809748 116.42 0.0483357 118.147 0.928666L144.331 14.2691C148.242 16.2611 151.408 21.7349 151.408 26.4864C151.408 29.1444 150.42 31.0122 148.868 31.8023L146.352 33.0833Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M146.352 33.0833C145.121 33.7097 143.541 33.6532 141.814 32.7729L115.63 19.4325C111.72 17.4405 108.554 11.9667 108.554 7.21513C108.554 4.55721 109.541 2.68933 111.093 1.89929C112.323 1.2729 113.904 1.32933 115.63 2.20966L141.814 15.55C145.725 17.5421 148.891 23.0159 148.891 27.7674C148.891 30.4254 147.903 32.2932 146.352 33.0833Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M121.172 19.0036C120.952 18.8908 120.771 18.5804 120.771 18.3152V17.3446C120.771 16.5432 120.235 15.6121 119.575 15.2792L117.182 14.0603C116.522 13.7217 115.986 14.1054 115.986 14.9067V15.8773C115.986 16.1482 115.805 16.2724 115.585 16.1595C115.365 16.0466 115.185 15.7363 115.185 15.471V14.5004C115.185 13.163 116.082 12.531 117.182 13.0896L119.575 14.3086C120.675 14.8672 121.573 16.4134 121.573 17.7509V18.7215C121.573 18.9924 121.392 19.1165 121.172 19.0036Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M121.172 14.0885C120.997 13.9982 120.833 13.7725 120.788 13.5298C120.732 13.242 120.861 13.0445 121.076 13.084C121.499 13.163 121.826 12.9316 121.934 12.4745C122.097 11.7804 121.714 10.7872 121.076 10.2624C120.861 10.0875 120.737 9.75454 120.788 9.52317C120.845 9.2918 121.059 9.24665 121.273 9.42159C121.787 9.84483 122.221 10.4656 122.492 11.1597C122.763 11.8538 122.837 12.5479 122.707 13.1066C122.526 13.8684 121.979 14.2521 121.273 14.1167C121.24 14.111 121.206 14.0998 121.172 14.0828V14.0885Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M123.564 20.2226C123.344 20.1097 123.164 19.7993 123.164 19.5341V18.5635C123.164 17.8976 122.797 17.1301 122.267 16.6956C122.052 16.5207 121.922 16.1877 121.979 15.9563C122.035 15.725 122.25 15.6798 122.464 15.8548C123.344 16.5827 123.96 17.8581 123.96 18.9641V19.9348C123.96 20.2056 123.779 20.3298 123.559 20.2169L123.564 20.2226Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M118.378 12.7228C117.278 12.1642 116.381 10.6179 116.381 9.28051C116.381 7.94309 117.278 7.31106 118.378 7.86973C119.479 8.4284 120.376 9.97462 120.376 11.312C120.376 12.6495 119.479 13.2815 118.378 12.7228ZM118.378 8.84035C117.718 8.50176 117.182 8.8855 117.182 9.68682C117.182 10.4881 117.718 11.4193 118.378 11.7522C119.039 12.0852 119.575 11.7071 119.575 10.9057C119.575 10.1044 119.039 9.1733 118.378 8.84035Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M135.528 25.0531C135.308 24.9402 135.127 24.6299 135.127 24.3646V19.5115C135.127 19.2407 135.308 19.1165 135.528 19.2294C135.748 19.3422 135.929 19.6526 135.929 19.9178V24.7709C135.929 25.0418 135.748 25.166 135.528 25.0531Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M137.921 26.272C137.701 26.1592 137.52 25.8488 137.52 25.5836V17.8129C137.52 17.5421 137.701 17.4179 137.921 17.5308C138.141 17.6437 138.321 17.954 138.321 18.2193V25.9899C138.321 26.2607 138.141 26.3849 137.921 26.272Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
d="M133.13 23.8342C132.91 23.7213 132.729 23.4109 132.729 23.1457V21.2045C132.729 20.9336 132.91 20.8095 133.13 20.9223C133.35 21.0352 133.53 21.3456 133.53 21.6108V23.552C133.53 23.8229 133.35 23.947 133.13 23.8342Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.quaternary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M47.4836 89.8025C46.8403 89.8025 46.2364 89.6614 45.6947 89.3849L40.6667 86.8229C39.1092 86.0272 38.2119 84.2101 38.2119 81.8287V50.2666C38.2119 46.0569 41.0335 41.1981 44.504 39.4318L70.4455 26.2156C71.3259 25.7698 72.1893 25.5384 73.0132 25.5384C73.6565 25.5384 74.2603 25.6795 74.802 25.956L79.83 28.518C81.3875 29.3137 82.2848 31.1308 82.2848 33.5122V65.0742C82.2848 69.2784 79.4633 74.1428 75.9928 75.9091L50.0513 89.1253C49.171 89.5768 48.3075 89.8025 47.4836 89.8025Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M73.0132 26.0971C73.5718 26.0971 74.0854 26.2212 74.5424 26.4526L79.5704 29.0146C80.8796 29.6805 81.7149 31.2662 81.7149 33.5065V65.0686C81.7149 69.0922 79.0344 73.7195 75.7276 75.4012L49.7859 88.6174C48.9677 89.035 48.189 89.2325 47.478 89.2325C46.9193 89.2325 46.4058 89.1084 45.9487 88.877L40.9206 86.315C39.6114 85.6491 38.7762 84.0634 38.7762 81.8231V50.261C38.7762 46.2374 41.4567 41.6101 44.7636 39.9284L70.7051 26.7122C71.5233 26.2946 72.3021 26.0971 73.0132 26.0971ZM73.0132 24.9684C72.099 24.9684 71.1509 25.2167 70.1916 25.7077L44.2501 38.9239C40.5482 40.8087 37.6475 45.7916 37.6475 50.261V81.8231C37.6475 84.4246 38.6521 86.4279 40.4071 87.3251L45.4351 89.8871C46.0558 90.2032 46.7444 90.3668 47.478 90.3668C48.3922 90.3668 49.3402 90.1185 50.2995 89.6275L76.241 76.4113C79.9429 74.5265 82.8435 69.5436 82.8435 65.0742V33.5122C82.8435 30.9107 81.8391 28.9073 80.084 28.0157L75.0559 25.4537C74.4352 25.1377 73.7468 24.9741 73.0132 24.9741V24.9684Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M79.5706 29.0146C78.5323 28.4842 77.1893 28.5293 75.7278 29.2742L49.7861 42.4905C46.4792 44.1721 43.7988 48.7995 43.7988 52.8231V84.3851C43.7988 86.6311 44.634 88.2112 45.9432 88.8771L40.9151 86.3151C39.6059 85.6492 38.7707 84.0635 38.7707 81.8232V50.2611C38.7707 46.2375 41.4512 41.6101 44.7581 39.9285L70.6996 26.7122C72.1612 25.9673 73.4987 25.9222 74.5426 26.4527L79.5706 29.0146Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M79.5706 29.0146C80.8798 29.6805 81.7151 31.2663 81.7151 33.5066V65.0687C81.7151 69.0922 79.0346 73.7196 75.7278 75.4013L49.7861 88.6175C48.3246 89.3624 46.9872 89.4075 45.9432 88.8771C44.634 88.2112 43.7988 86.6255 43.7988 84.3851V52.8231C43.7988 48.7995 46.4792 44.1721 49.7861 42.4905L75.7278 29.2742C77.1893 28.5293 78.5267 28.4842 79.5706 29.0146Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M65.6997 99.1363C65.0564 99.1363 64.4525 98.9952 63.9107 98.7187L58.8827 96.1567C57.3252 95.361 56.4279 93.5439 56.4279 91.1625V59.6004C56.4279 55.3963 59.2496 50.5319 62.7201 48.7656L88.656 35.5493C89.5363 35.1035 90.3997 34.8722 91.2236 34.8722C91.8669 34.8722 92.4707 35.0132 93.0124 35.2898L98.0404 37.8517C99.5979 38.6474 100.495 40.4645 100.495 42.8459V74.408C100.495 78.6178 97.6737 83.4765 94.2032 85.2429L68.2616 98.4591C67.3812 98.9049 66.5179 99.1363 65.694 99.1363H65.6997Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M91.2293 35.4308C91.7879 35.4308 92.3014 35.555 92.7585 35.7864L97.7865 38.3483C99.0957 39.0142 99.931 40.6 99.931 42.8403V74.4024C99.931 78.4259 97.2504 83.0533 93.9435 84.735L68.002 97.9512C67.1838 98.3688 66.4051 98.5663 65.6941 98.5663C65.1354 98.5663 64.6217 98.4422 64.1647 98.2108L59.1367 95.6488C57.8275 94.9829 56.9922 93.3972 56.9922 91.1569V59.5948C56.9922 55.5712 59.6728 50.9438 62.9797 49.2622L88.9155 36.0459C89.7338 35.6284 90.5126 35.4308 91.2236 35.4308M91.2293 34.3022C90.3151 34.3022 89.367 34.5505 88.4077 35.0415L62.4717 48.2577C58.7698 50.1425 55.8693 55.1254 55.8693 59.5948V91.1569C55.8693 93.7584 56.8738 95.7617 58.6288 96.6533L63.6568 99.2153C64.2776 99.5313 64.9661 99.6949 65.6997 99.6949C66.6139 99.6949 67.5619 99.4466 68.5213 98.9557L94.4628 85.7394C98.1647 83.8546 101.065 78.8717 101.065 74.4024V42.8403C101.065 40.2388 100.061 38.2355 98.3057 37.3439L93.2777 34.7819C92.6569 34.4659 91.9685 34.3022 91.2349 34.3022H91.2293Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M97.7923 38.3484C96.754 37.818 95.4109 37.8631 93.9493 38.608L68.0078 51.8242C64.7009 53.5059 62.0205 58.1333 62.0205 62.1568V93.7189C62.0205 95.9649 62.8556 97.545 64.1648 98.2109L59.1368 95.6489C57.8276 94.983 56.9924 93.3973 56.9924 91.1569V59.5948C56.9924 55.5713 59.6729 50.9439 62.9798 49.2622L88.9213 36.046C90.3829 35.3011 91.7203 35.256 92.7643 35.7864L97.7923 38.3484Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M97.7923 38.3484C99.1015 39.0143 99.9367 40.6 99.9367 42.8404V74.4024C99.9367 78.426 97.2562 83.0534 93.9493 84.735L68.0078 97.9513C66.5462 98.6962 65.2088 98.7413 64.1648 98.2109C62.8556 97.545 62.0205 95.9592 62.0205 93.7189V62.1568C62.0205 58.1333 64.7009 53.5059 68.0078 51.8242L93.9493 38.608C95.4109 37.8631 96.7483 37.818 97.7923 38.3484Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M83.8766 108.464C83.2671 108.464 82.6915 108.34 82.1723 108.092C82.1385 108.081 82.1103 108.069 82.0764 108.052L77.0483 105.49C75.4908 104.695 74.5936 102.878 74.5936 100.496V68.9286C74.5936 64.7244 77.4151 59.86 80.8857 58.0937L106.822 44.8775C107.702 44.4317 108.565 44.2003 109.389 44.2003C110.033 44.2003 110.636 44.3414 111.178 44.6179C111.178 44.6179 116.229 47.1912 116.24 47.2025C117.775 48.0038 118.655 49.8152 118.655 52.1797V83.7474C118.655 87.9572 115.834 92.816 112.363 94.5823L86.4273 107.799C85.5526 108.244 84.6948 108.47 83.8766 108.47V108.464ZM89.5423 68.0877C88.346 68.6972 87.3357 70.4522 87.3357 71.9251V92.9232L103.707 84.5826C104.903 83.9732 105.913 82.2182 105.913 80.7453V59.7472L89.5423 68.0877Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M109.389 44.7646C109.948 44.7646 110.461 44.8888 110.918 45.1201L115.946 47.6821C115.946 47.6821 115.935 47.6821 115.93 47.6765C117.25 48.3424 118.091 49.9281 118.091 52.1741V83.7418C118.091 87.7597 115.416 92.3871 112.104 94.0744L86.1677 107.291C85.3551 107.703 84.5763 107.9 83.8709 107.9C83.2614 107.9 82.7028 107.753 82.2175 107.482C82.257 107.505 82.2908 107.533 82.3247 107.55L77.2966 104.988C75.9874 104.322 75.1523 102.737 75.1523 100.496V68.9286C75.1523 64.9106 77.8327 60.2776 81.1396 58.596L107.075 45.3797C107.894 44.9621 108.672 44.7646 109.384 44.7646M114.022 47.3548C114.124 47.3435 114.231 47.3379 114.327 47.3379C114.225 47.3379 114.124 47.3492 114.022 47.3548ZM114.835 47.3548C114.739 47.3435 114.643 47.3379 114.541 47.3323C114.643 47.3323 114.739 47.3435 114.835 47.3548ZM113.802 47.3774C113.695 47.3943 113.582 47.4169 113.469 47.4395C113.582 47.4169 113.689 47.3887 113.802 47.3774ZM115.32 47.4508C115.224 47.4282 115.128 47.4 115.032 47.383C115.128 47.4 115.224 47.4225 115.32 47.4508ZM112.877 47.6144C113.001 47.5693 113.131 47.5241 113.255 47.4903C113.131 47.5241 113.006 47.5693 112.877 47.6144ZM110.789 57.5463C110.749 57.5181 110.704 57.4899 110.665 57.4673C110.71 57.4899 110.749 57.5181 110.789 57.5463ZM110.958 57.6931C110.958 57.6931 110.901 57.6423 110.873 57.6141C110.901 57.6366 110.93 57.6648 110.958 57.6931ZM111.105 57.868C111.082 57.8341 111.059 57.8059 111.031 57.7777C111.054 57.8059 111.082 57.8341 111.105 57.868ZM111.234 58.0711C111.218 58.0373 111.195 57.9978 111.172 57.9639C111.195 57.9978 111.212 58.0316 111.234 58.0711ZM111.342 58.3082C111.325 58.263 111.308 58.2235 111.291 58.184C111.308 58.2235 111.325 58.2687 111.342 58.3082ZM86.7771 93.843L103.972 85.0849C105.36 84.3795 106.483 82.4326 106.483 80.7453V58.8273L89.2882 67.5855C87.9 68.2909 86.7771 70.2378 86.7771 71.9251V93.843ZM111.511 59.3239C111.511 59.2111 111.511 59.1038 111.494 59.0023C111.505 59.1038 111.511 59.2111 111.511 59.3239ZM88.8706 97.8553C89.0061 97.8158 89.1472 97.7594 89.2882 97.686C89.1472 97.7594 89.0061 97.8102 88.8706 97.8553ZM87.9961 97.9061C87.8832 97.8835 87.776 97.844 87.6744 97.7932C87.776 97.844 87.8832 97.8779 87.9961 97.9061ZM88.8199 97.8666C88.6902 97.9004 88.5659 97.923 88.4418 97.9343C88.5659 97.923 88.6902 97.9061 88.8199 97.8666ZM88.3176 97.9399C88.3176 97.9399 88.3685 97.9399 88.3911 97.9399C88.3685 97.9399 88.3458 97.9399 88.3176 97.9399ZM80.2536 104.068C80.2423 103.989 80.2311 103.91 80.2198 103.826C80.2254 103.91 80.2423 103.984 80.2536 104.068ZM80.389 104.802C80.3664 104.717 80.3439 104.627 80.327 104.537C80.3439 104.627 80.3664 104.712 80.389 104.802ZM80.5357 105.321C80.5526 105.361 80.564 105.406 80.5809 105.445C80.564 105.406 80.5526 105.366 80.5357 105.321C80.5188 105.276 80.5076 105.237 80.4907 105.191C80.502 105.237 80.5188 105.282 80.5357 105.321ZM81.1396 106.506C81.0944 106.439 81.0493 106.371 81.0041 106.303C81.0493 106.371 81.0944 106.444 81.1396 106.506ZM81.5008 106.929C81.45 106.873 81.3992 106.817 81.3484 106.76C81.3992 106.817 81.45 106.879 81.5008 106.929ZM81.9015 107.279C81.845 107.24 81.7942 107.189 81.7434 107.15C81.7942 107.195 81.845 107.24 81.9015 107.279ZM109.389 43.636C108.475 43.636 107.527 43.8843 106.568 44.3752L80.6317 57.5915C76.9298 59.4763 74.0293 64.4592 74.0293 68.9286V100.496C74.0293 103.098 75.0337 105.101 76.7887 105.993L81.8167 108.555C81.8675 108.577 81.9127 108.6 81.9634 108.617C82.5503 108.888 83.1937 109.029 83.8766 109.029C84.7851 109.029 85.7275 108.78 86.6812 108.295L112.617 95.0789C116.319 93.1941 119.219 88.2112 119.219 83.7418V52.1741C119.219 49.6008 118.232 47.6144 116.511 46.7059C116.494 46.6946 116.477 46.6833 116.454 46.6776L111.426 44.1157C110.806 43.7996 110.117 43.636 109.384 43.636H109.389ZM87.9057 91.9977V71.9251C87.9057 70.6666 88.7917 69.1035 89.8018 68.59L105.354 60.667V80.7453C105.354 82.0037 104.468 83.5669 103.458 84.0804L87.9057 92.0034V91.9977Z"
|
||||
fill="var(--illustration-stroke-tertiary)"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M87.7306 97.7932C88.1707 98.0189 88.7295 98.0019 89.3502 97.6859L109.056 87.6468C110.444 86.9414 111.567 84.9945 111.567 83.3072V59.3239C111.567 58.3814 111.217 57.7156 110.67 57.439L105.642 54.8771C106.189 55.1592 106.539 55.8195 106.539 56.7619V80.7452C106.539 82.4325 105.416 84.3794 104.028 85.0848L84.3222 95.1239C83.7071 95.44 83.1427 95.4569 82.7026 95.2312L87.7306 97.7932Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M116.008 47.6821C114.97 47.1516 113.627 47.1967 112.165 47.9416L86.2295 61.1579C82.9283 62.8395 80.2422 67.4726 80.2422 71.4905V103.058C80.2422 105.299 81.0773 106.884 82.3865 107.55L77.3585 104.988C76.0493 104.322 75.2141 102.737 75.2141 100.496V68.9285C75.2141 64.9106 77.8947 60.2776 81.2015 58.5959L107.137 45.3797C108.599 44.6348 109.942 44.5896 110.98 45.1201L116.008 47.6821Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M112.171 47.9416L86.2352 61.1579C82.9339 62.8395 80.2477 67.4725 80.2477 71.4905V103.058C80.2477 107.076 82.9283 108.978 86.2352 107.291L112.171 94.0743C115.478 92.387 118.158 87.7596 118.158 83.7417V52.174C118.158 48.1561 115.484 46.2543 112.171 47.9416ZM111.573 83.3016C111.573 84.9889 110.45 86.9357 109.062 87.6411L89.3558 97.6803C87.9676 98.3857 86.8447 97.59 86.8447 95.9027V71.9193C86.8447 70.232 87.9676 68.2852 89.3558 67.5798L109.062 57.5406C110.45 56.8352 111.573 57.6309 111.573 59.3182V83.3016Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,148 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import type { Meta, StoryObj } from "@storybook/react-vite";
|
||||
import { EmptyStateCompact } from "./compact-empty-state";
|
||||
import type { BaseEmptyStateCommonProps } from "./types";
|
||||
|
||||
const meta: Meta<BaseEmptyStateCommonProps> = {
|
||||
title: "Components/EmptyState/Compact",
|
||||
component: EmptyStateCompact,
|
||||
parameters: {
|
||||
layout: "centered",
|
||||
docs: {
|
||||
description: {
|
||||
component:
|
||||
"A compact empty state component with centered title, asset, and action buttons. Best used for simple, space-constrained empty states. Supports horizontal stack and illustration assets via `assetKey`.",
|
||||
},
|
||||
},
|
||||
},
|
||||
argTypes: {
|
||||
title: {
|
||||
control: "text",
|
||||
description: "The main title text for the empty state",
|
||||
},
|
||||
assetKey: {
|
||||
control: "select",
|
||||
options: [
|
||||
"customer",
|
||||
"epic",
|
||||
"estimate",
|
||||
"export",
|
||||
"intake",
|
||||
"label",
|
||||
"link",
|
||||
"members",
|
||||
"note",
|
||||
"priority",
|
||||
"project",
|
||||
"settings",
|
||||
"state",
|
||||
"template",
|
||||
"token",
|
||||
"unknown",
|
||||
"update",
|
||||
"webhook",
|
||||
"work-item",
|
||||
"worklog",
|
||||
"inbox",
|
||||
],
|
||||
description: "Predefined asset key (horizontal-stack or illustration)",
|
||||
},
|
||||
className: {
|
||||
control: "text",
|
||||
description: "Additional CSS classes to apply to the content wrapper",
|
||||
},
|
||||
rootClassName: {
|
||||
control: "text",
|
||||
description: "Additional CSS classes to apply to the root container",
|
||||
},
|
||||
assetClassName: {
|
||||
control: "text",
|
||||
description: "Additional CSS classes to apply to the asset",
|
||||
},
|
||||
asset: {
|
||||
control: false,
|
||||
description: "Custom React node to display as the visual asset (use this for full control instead of assetKey)",
|
||||
},
|
||||
actions: {
|
||||
control: false,
|
||||
description: "Array of action buttons to display",
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export default meta;
|
||||
type Story = StoryObj<BaseEmptyStateCommonProps>;
|
||||
|
||||
// Using assetKey (recommended approach)
|
||||
export const WithAssetKey: Story = {
|
||||
args: {
|
||||
assetKey: "work-item",
|
||||
assetClassName: "size-20",
|
||||
title: "There're no progress metrics to show yet.",
|
||||
},
|
||||
};
|
||||
|
||||
export const WithAssetKeyAndAction: Story = {
|
||||
args: {
|
||||
assetKey: "project",
|
||||
assetClassName: "size-20",
|
||||
title: "No projects found",
|
||||
actions: [
|
||||
{
|
||||
label: "Create Project",
|
||||
onClick: () => console.log("create-clicked"),
|
||||
variant: "primary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
export const WithAssetKeyAndMultipleActions: Story = {
|
||||
args: {
|
||||
assetKey: "members",
|
||||
assetClassName: "size-20",
|
||||
title: "Get started with your workspace",
|
||||
actions: [
|
||||
{
|
||||
label: "Create Project",
|
||||
onClick: () => console.log("create-clicked"),
|
||||
variant: "primary",
|
||||
},
|
||||
{
|
||||
label: "Import",
|
||||
onClick: () => console.log("import-clicked"),
|
||||
variant: "secondary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
// Using custom asset (legacy approach)
|
||||
export const WithCustomAsset: Story = {
|
||||
args: {
|
||||
asset: (
|
||||
<svg className="h-40 w-40" viewBox="0 0 160 180" fill="none">
|
||||
<rect width="160" height="180" fill="#F3F4F6" rx="8" />
|
||||
</svg>
|
||||
),
|
||||
title: "No items found",
|
||||
actions: [
|
||||
{
|
||||
label: "Create Item",
|
||||
onClick: () => console.log("create-clicked"),
|
||||
variant: "primary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
export const TitleOnly: Story = {
|
||||
args: {
|
||||
title: "No results found",
|
||||
},
|
||||
};
|
||||
@@ -0,0 +1,70 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import React from "react";
|
||||
import { Button } from "../button/button";
|
||||
import { cn } from "../utils/classname";
|
||||
import { getCompactAsset } from "./assets/asset-registry";
|
||||
import type { CompactAssetType } from "./assets/asset-types";
|
||||
import type { BaseEmptyStateCommonProps } from "./types";
|
||||
|
||||
export function EmptyStateCompact({
|
||||
asset,
|
||||
assetKey,
|
||||
title,
|
||||
description,
|
||||
actions,
|
||||
className,
|
||||
rootClassName,
|
||||
assetClassName,
|
||||
align = "center",
|
||||
customButton,
|
||||
}: BaseEmptyStateCommonProps) {
|
||||
// Determine which asset to use: assetKey takes precedence, fallback to custom asset
|
||||
const resolvedAsset = assetKey ? getCompactAsset(assetKey as CompactAssetType, assetClassName) : asset;
|
||||
|
||||
const rootAlignClasses = align === "center" ? "items-center" : "items-start";
|
||||
const containerAlignClasses = align === "center" ? "items-center text-center" : "items-start text-left";
|
||||
|
||||
return (
|
||||
<div className={cn("flex size-full items-center justify-center", rootAlignClasses, rootClassName)}>
|
||||
<div
|
||||
className={cn("flex size-full max-w-[25rem] flex-col justify-center gap-3", containerAlignClasses, className)}
|
||||
>
|
||||
{resolvedAsset && <div className="flex max-w-40 items-center">{resolvedAsset}</div>}
|
||||
|
||||
<div className="flex flex-col gap-4">
|
||||
{title && description ? (
|
||||
<div className="flex flex-col gap-2">
|
||||
{title && <h3 className="text-16 leading-7 font-semibold text-primary">{title}</h3>}
|
||||
{description && <p className="text-13 leading-5 text-tertiary">{description}</p>}
|
||||
</div>
|
||||
) : (
|
||||
title && <p className="text-13 leading-5 text-tertiary">{title}</p>
|
||||
)}
|
||||
|
||||
{customButton
|
||||
? customButton
|
||||
: actions &&
|
||||
actions.length > 0 && (
|
||||
<div className="flex flex-col gap-4 sm:flex-row">
|
||||
{actions.map((action, index) => {
|
||||
const { label, variant, ...rest } = action;
|
||||
return (
|
||||
<Button key={index} variant={variant} size="base" {...rest}>
|
||||
{label}
|
||||
</Button>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
EmptyStateCompact.displayName = "EmptyStateCompact";
|
||||
@@ -0,0 +1,301 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import type { Meta, StoryObj } from "@storybook/react-vite";
|
||||
import { EmptyStateDetailed } from "./detailed-empty-state";
|
||||
import type { BaseEmptyStateCommonProps } from "./types";
|
||||
|
||||
const meta: Meta<BaseEmptyStateCommonProps> = {
|
||||
title: "Components/EmptyState/Detailed",
|
||||
component: EmptyStateDetailed,
|
||||
parameters: {
|
||||
layout: "centered",
|
||||
docs: {
|
||||
description: {
|
||||
component:
|
||||
"A detailed empty state component with title, description, asset, and action buttons. Best used for feature-specific empty states that need more context. Supports vertical stack and illustration assets via `assetKey`.",
|
||||
},
|
||||
},
|
||||
},
|
||||
argTypes: {
|
||||
title: {
|
||||
control: "text",
|
||||
description: "The main title text for the empty state",
|
||||
},
|
||||
description: {
|
||||
control: "text",
|
||||
description: "Optional description text that appears below the title",
|
||||
},
|
||||
assetKey: {
|
||||
control: "select",
|
||||
options: [
|
||||
"archived-cycle",
|
||||
"archived-module",
|
||||
"archived-work-item",
|
||||
"customer",
|
||||
"cycle",
|
||||
"dashboard",
|
||||
"draft",
|
||||
"epic",
|
||||
"error-404",
|
||||
"invalid-link",
|
||||
"module",
|
||||
"no-access",
|
||||
"page",
|
||||
"project",
|
||||
"server-error",
|
||||
"teamspace",
|
||||
"view",
|
||||
"work-item",
|
||||
"inbox",
|
||||
],
|
||||
description: "Predefined asset key (vertical-stack or illustration)",
|
||||
},
|
||||
className: {
|
||||
control: "text",
|
||||
description: "Additional CSS classes to apply to the content wrapper",
|
||||
},
|
||||
rootClassName: {
|
||||
control: "text",
|
||||
description: "Additional CSS classes to apply to the root container",
|
||||
},
|
||||
assetClassName: {
|
||||
control: "text",
|
||||
description: "Additional CSS classes to apply to the asset",
|
||||
},
|
||||
asset: {
|
||||
control: false,
|
||||
description: "Custom React node to display as the visual asset (use this for full control instead of assetKey)",
|
||||
},
|
||||
actions: {
|
||||
control: false,
|
||||
description: "Array of action buttons to display",
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export default meta;
|
||||
type Story = StoryObj<BaseEmptyStateCommonProps>;
|
||||
|
||||
// Primary story - showcases the most common usage
|
||||
export const Default: Story = {
|
||||
args: {
|
||||
assetKey: "epic",
|
||||
assetClassName: "w-40 h-45",
|
||||
title: "Create an epic and split work into smaller goals",
|
||||
description: "For larger bodies of work that span several cycles and can live across modules, create an epic.",
|
||||
actions: [
|
||||
{
|
||||
label: "Create an Epic",
|
||||
onClick: () => console.log("primary-action-clicked"),
|
||||
variant: "primary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
export const WithSingleAction: Story = {
|
||||
args: {
|
||||
assetKey: "project",
|
||||
assetClassName: "w-40 h-45",
|
||||
title: "No projects found",
|
||||
description: "Get started by creating your first project to organize your work.",
|
||||
actions: [
|
||||
{
|
||||
label: "Create Project",
|
||||
onClick: () => console.log("create-clicked"),
|
||||
variant: "primary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
export const WithMultipleActions: Story = {
|
||||
args: {
|
||||
assetKey: "module",
|
||||
assetClassName: "w-40 h-45",
|
||||
title: "No modules found",
|
||||
description: "Get started by creating your first module or import existing ones.",
|
||||
actions: [
|
||||
{
|
||||
label: "Create Module",
|
||||
onClick: () => console.log("create-clicked"),
|
||||
variant: "primary",
|
||||
},
|
||||
{
|
||||
label: "Import Modules",
|
||||
onClick: () => console.log("import-clicked"),
|
||||
variant: "secondary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
export const WithoutActions: Story = {
|
||||
args: {
|
||||
assetKey: "dashboard",
|
||||
assetClassName: "w-40 h-45",
|
||||
title: "No activity yet",
|
||||
description: "Your activity feed will show up here once you start using the platform.",
|
||||
},
|
||||
};
|
||||
|
||||
export const ErrorState: Story = {
|
||||
args: {
|
||||
assetKey: "error-404",
|
||||
assetClassName: "w-40 h-45",
|
||||
title: "Page not found",
|
||||
description: "The page you're looking for doesn't exist or has been moved.",
|
||||
actions: [
|
||||
{
|
||||
label: "Go to Home",
|
||||
onClick: () => console.log("home-clicked"),
|
||||
variant: "primary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
export const ServerErrorState: Story = {
|
||||
name: "Error - Server",
|
||||
args: {
|
||||
assetKey: "server-error",
|
||||
assetClassName: "w-40 h-45",
|
||||
title: "Something went wrong",
|
||||
description: "We're experiencing technical difficulties. Please try again later.",
|
||||
actions: [
|
||||
{
|
||||
label: "Retry",
|
||||
onClick: () => console.log("retry-clicked"),
|
||||
variant: "primary",
|
||||
},
|
||||
{
|
||||
label: "Contact Support",
|
||||
onClick: () => console.log("support-clicked"),
|
||||
variant: "secondary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
export const NoAccessState: Story = {
|
||||
name: "Access Denied",
|
||||
args: {
|
||||
assetKey: "no-access",
|
||||
assetClassName: "w-40 h-45",
|
||||
title: "You don't have access",
|
||||
description: "Contact your workspace admin to request access to this resource.",
|
||||
},
|
||||
};
|
||||
|
||||
export const ArchivedState: Story = {
|
||||
name: "Archived Content",
|
||||
args: {
|
||||
assetKey: "archived-work-item",
|
||||
assetClassName: "w-40 h-45",
|
||||
title: "No archived items",
|
||||
description: "Archived items will appear here when you archive them.",
|
||||
},
|
||||
};
|
||||
|
||||
export const CycleState: Story = {
|
||||
name: "Cycles",
|
||||
args: {
|
||||
assetKey: "cycle",
|
||||
assetClassName: "w-40 h-45",
|
||||
title: "No cycles found",
|
||||
description: "Create cycles to organize your work into time-boxed iterations.",
|
||||
actions: [
|
||||
{
|
||||
label: "Create Cycle",
|
||||
onClick: () => console.log("create-cycle-clicked"),
|
||||
variant: "primary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
export const ModuleState: Story = {
|
||||
name: "Modules",
|
||||
args: {
|
||||
assetKey: "module",
|
||||
assetClassName: "w-40 h-45",
|
||||
title: "No modules found",
|
||||
description: "Modules help you organize related work items into logical groups.",
|
||||
actions: [
|
||||
{
|
||||
label: "Create Module",
|
||||
onClick: () => console.log("create-module-clicked"),
|
||||
variant: "primary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
export const ViewState: Story = {
|
||||
name: "Views",
|
||||
args: {
|
||||
assetKey: "view",
|
||||
assetClassName: "w-40 h-45",
|
||||
title: "No saved views",
|
||||
description: "Create custom views to filter and organize your work items.",
|
||||
actions: [
|
||||
{
|
||||
label: "Create View",
|
||||
onClick: () => console.log("create-view-clicked"),
|
||||
variant: "primary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
export const PageState: Story = {
|
||||
name: "Pages",
|
||||
args: {
|
||||
assetKey: "page",
|
||||
assetClassName: "w-40 h-45",
|
||||
title: "No pages found",
|
||||
description: "Create pages to document your project, share knowledge, and collaborate.",
|
||||
actions: [
|
||||
{
|
||||
label: "Create Page",
|
||||
onClick: () => console.log("create-page-clicked"),
|
||||
variant: "primary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
// Using custom asset (for special cases)
|
||||
export const WithCustomAsset: Story = {
|
||||
name: "Custom Asset",
|
||||
args: {
|
||||
asset: (
|
||||
<svg className="h-45 w-40" viewBox="0 0 160 180" fill="none">
|
||||
<rect width="160" height="180" fill="#F3F4F6" rx="8" />
|
||||
<circle cx="80" cy="90" r="30" fill="#E5E7EB" />
|
||||
</svg>
|
||||
),
|
||||
title: "Custom asset example",
|
||||
description: "This example uses a custom SVG asset instead of predefined assetKey.",
|
||||
actions: [
|
||||
{
|
||||
label: "Get Started",
|
||||
onClick: () => console.log("action-clicked"),
|
||||
variant: "primary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
// Minimal example
|
||||
export const Minimal: Story = {
|
||||
name: "Minimal - Text Only",
|
||||
args: {
|
||||
title: "No data available",
|
||||
description: "Data will appear here once available.",
|
||||
},
|
||||
};
|
||||
@@ -0,0 +1,75 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
// local imports
|
||||
import { Button } from "../button/button";
|
||||
import { cn } from "../utils/classname";
|
||||
import { getDetailedAsset } from "./assets/asset-registry";
|
||||
import type { DetailedAssetType } from "./assets/asset-types";
|
||||
import type { BaseEmptyStateCommonProps } from "./types";
|
||||
|
||||
export function EmptyStateDetailed({
|
||||
asset,
|
||||
assetKey,
|
||||
title,
|
||||
description,
|
||||
actions,
|
||||
className,
|
||||
rootClassName,
|
||||
assetClassName,
|
||||
customButton,
|
||||
align = "start",
|
||||
}: BaseEmptyStateCommonProps) {
|
||||
// Determine which asset to use: assetKey takes precedence, fallback to custom asset
|
||||
const resolvedAsset = assetKey ? getDetailedAsset(assetKey as DetailedAssetType, assetClassName) : asset;
|
||||
|
||||
return (
|
||||
<div className={cn("flex size-full items-center justify-center", rootClassName)}>
|
||||
<div
|
||||
className={cn(
|
||||
"flex size-full max-w-[25rem] flex-col justify-center gap-6 text-left",
|
||||
{
|
||||
"items-center text-center": align === "center",
|
||||
},
|
||||
className
|
||||
)}
|
||||
>
|
||||
{resolvedAsset && <div className="flex max-w-40 items-center">{resolvedAsset}</div>}
|
||||
|
||||
<div
|
||||
className={cn("flex flex-col gap-4", {
|
||||
"items-center": align === "center",
|
||||
})}
|
||||
>
|
||||
{(title || description) && (
|
||||
<div className="flex flex-col gap-2">
|
||||
{title && <h3 className="text-16 leading-7 font-semibold text-primary">{title}</h3>}
|
||||
{description && <p className="text-13 leading-5 text-tertiary">{description}</p>}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{customButton
|
||||
? customButton
|
||||
: actions &&
|
||||
actions.length > 0 && (
|
||||
<div className="flex flex-col gap-4 sm:flex-row">
|
||||
{actions.map((action, index) => {
|
||||
const { label, variant, ...rest } = action;
|
||||
return (
|
||||
<Button key={index} variant={variant} size="xl" {...rest}>
|
||||
{label}
|
||||
</Button>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
EmptyStateDetailed.displayName = "EmptyStateDetailed";
|
||||
@@ -0,0 +1,77 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import React from "react";
|
||||
import type { CompactAssetType, DetailedAssetType } from "./assets/asset-types";
|
||||
import { EmptyStateCompact } from "./compact-empty-state";
|
||||
import { EmptyStateDetailed } from "./detailed-empty-state";
|
||||
import type { BaseEmptyStateCommonProps } from "./types";
|
||||
|
||||
/**
|
||||
* @deprecated Use EmptyStateCompact or EmptyStateDetailed directly with assetKey for better type safety
|
||||
*
|
||||
* This wrapper component maintains backward compatibility for existing code.
|
||||
* For new code, prefer:
|
||||
* - EmptyStateCompact with assetKey for simple states
|
||||
* - EmptyStateDetailed with assetKey for detailed states
|
||||
*/
|
||||
|
||||
type EmptyStateType = "detailed" | "simple";
|
||||
|
||||
export interface EmptyStateProps {
|
||||
/** @deprecated Use assetKey instead */
|
||||
asset?: React.ReactNode;
|
||||
title?: string;
|
||||
description?: string;
|
||||
actions?: BaseEmptyStateCommonProps["actions"];
|
||||
className?: string;
|
||||
rootClassName?: string;
|
||||
assetClassName?: string;
|
||||
type?: EmptyStateType;
|
||||
/** Type-safe asset key (use instead of asset) */
|
||||
assetKey?: CompactAssetType | DetailedAssetType;
|
||||
}
|
||||
|
||||
export function EmptyState({
|
||||
type = "detailed",
|
||||
asset,
|
||||
assetKey,
|
||||
title,
|
||||
description,
|
||||
actions,
|
||||
className,
|
||||
rootClassName,
|
||||
assetClassName,
|
||||
}: EmptyStateProps) {
|
||||
if (type === "simple") {
|
||||
return (
|
||||
<EmptyStateCompact
|
||||
asset={asset}
|
||||
assetKey={assetKey}
|
||||
title={title || description} // For simple type, use description as title if no title
|
||||
actions={actions}
|
||||
className={className}
|
||||
rootClassName={rootClassName}
|
||||
assetClassName={assetClassName}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<EmptyStateDetailed
|
||||
asset={asset}
|
||||
assetKey={assetKey}
|
||||
title={title}
|
||||
description={description}
|
||||
actions={actions}
|
||||
className={className}
|
||||
rootClassName={rootClassName}
|
||||
assetClassName={assetClassName}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
EmptyState.displayName = "EmptyState";
|
||||
@@ -0,0 +1,11 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
export * from "./assets";
|
||||
export * from "./compact-empty-state";
|
||||
export * from "./detailed-empty-state";
|
||||
export * from "./empty-state";
|
||||
export * from "./types";
|
||||
@@ -0,0 +1,31 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import type { TButtonVariant } from "../button/helper";
|
||||
import type { TAlign } from "../utils/placement";
|
||||
import type { CompactAssetType, DetailedAssetType } from "./assets/asset-types";
|
||||
|
||||
export interface ActionButton extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
|
||||
label: string;
|
||||
variant?: TButtonVariant;
|
||||
[key: `data-${string}`]: string | undefined;
|
||||
}
|
||||
|
||||
export interface BaseEmptyStateCommonProps {
|
||||
title?: string;
|
||||
actions?: ActionButton[];
|
||||
/** CSS classes for the content wrapper */
|
||||
className?: string;
|
||||
/** CSS classes for the root container */
|
||||
rootClassName?: string;
|
||||
/** CSS classes for the asset wrapper */
|
||||
assetClassName?: string;
|
||||
description?: string;
|
||||
assetKey?: CompactAssetType | DetailedAssetType;
|
||||
asset?: React.ReactNode;
|
||||
align?: TAlign;
|
||||
customButton?: React.ReactNode;
|
||||
}
|
||||
Reference in New Issue
Block a user