Initial commit: Plane
Some checks failed
Branch Build CE / Build Setup (push) Has been cancelled
Branch Build CE / Build-Push Admin Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Web Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Space Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Live Collaboration Docker Image (push) Has been cancelled
Branch Build CE / Build-Push API Server Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Proxy Docker Image (push) Has been cancelled
Branch Build CE / Build-Push AIO Docker Image (push) Has been cancelled
Branch Build CE / Upload Build Assets (push) Has been cancelled
Branch Build CE / Build Release (push) Has been cancelled
CodeQL / Analyze (javascript) (push) Has been cancelled
CodeQL / Analyze (python) (push) Has been cancelled
Codespell / Check for spelling errors (push) Has been cancelled
Sync Repositories / sync_changes (push) Has been cancelled
Some checks failed
Branch Build CE / Build Setup (push) Has been cancelled
Branch Build CE / Build-Push Admin Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Web Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Space Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Live Collaboration Docker Image (push) Has been cancelled
Branch Build CE / Build-Push API Server Docker Image (push) Has been cancelled
Branch Build CE / Build-Push Proxy Docker Image (push) Has been cancelled
Branch Build CE / Build-Push AIO Docker Image (push) Has been cancelled
Branch Build CE / Upload Build Assets (push) Has been cancelled
Branch Build CE / Build Release (push) Has been cancelled
CodeQL / Analyze (javascript) (push) Has been cancelled
CodeQL / Analyze (python) (push) Has been cancelled
Codespell / Check for spelling errors (push) Has been cancelled
Sync Repositories / sync_changes (push) Has been cancelled
Synced from upstream: 8853637e981ed7d8a6cff32bd98e7afe20f54362
This commit is contained in:
chuan
204
packages/propel/src/empty-state/assets-showcase.stories.tsx
Normal file
204
packages/propel/src/empty-state/assets-showcase.stories.tsx
Normal file
@@ -0,0 +1,204 @@
|
||||
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-xl font-semibold text-custom-text-100">Horizontal Stack Assets</h2>
|
||||
<p className="text-sm text-custom-text-300">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-custom-border-200 bg-custom-background-100 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-xs font-medium text-custom-text-200">{item.title}</p>
|
||||
<code className="rounded bg-custom-background-80 px-2 py-1 text-xs text-custom-text-300">
|
||||
{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-xl font-semibold text-custom-text-100">Vertical Stack Assets</h2>
|
||||
<p className="text-sm text-custom-text-300">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-custom-border-200 bg-custom-background-100 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-xs font-medium text-custom-text-200">
|
||||
{item.title.replace(/VerticalStackIllustration$/, "")}
|
||||
</p>
|
||||
<code className="rounded bg-custom-background-80 px-2 py-1 text-xs text-custom-text-300">
|
||||
{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-xl font-semibold text-custom-text-100">Illustration Assets</h2>
|
||||
<p className="text-sm text-custom-text-300">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-custom-border-200 bg-custom-background-100 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-xs font-medium text-custom-text-200">{item.title}</p>
|
||||
<code className="rounded bg-custom-background-80 px-2 py-1 text-xs text-custom-text-300">
|
||||
{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-xl font-semibold text-custom-text-100">Horizontal Stack Assets</h2>
|
||||
<p className="text-sm text-custom-text-300">
|
||||
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 border border-custom-border-200 bg-custom-background-100 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-[10px] text-custom-text-400">{item.title.toLowerCase().replace(/\s+/g, "-")}</code>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Vertical Stack */}
|
||||
<div>
|
||||
<div className="mb-6">
|
||||
<h2 className="text-xl font-semibold text-custom-text-100">Vertical Stack Assets</h2>
|
||||
<p className="text-sm text-custom-text-300">
|
||||
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 border border-custom-border-200 bg-custom-background-100 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-[10px] text-custom-text-400">
|
||||
{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-xl font-semibold text-custom-text-100">Illustration Assets</h2>
|
||||
<p className="text-sm text-custom-text-300">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 border border-custom-border-200 bg-custom-background-100 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-[10px] text-custom-text-400">{item.title.toLowerCase()}</code>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
),
|
||||
};
|
||||
132
packages/propel/src/empty-state/assets/asset-registry.tsx
Normal file
132
packages/propel/src/empty-state/assets/asset-registry.tsx
Normal file
@@ -0,0 +1,132 @@
|
||||
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,
|
||||
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,
|
||||
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} />;
|
||||
};
|
||||
53
packages/propel/src/empty-state/assets/asset-types.ts
Normal file
53
packages/propel/src/empty-state/assets/asset-types.ts
Normal file
@@ -0,0 +1,53 @@
|
||||
// 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"
|
||||
| "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;
|
||||
15
packages/propel/src/empty-state/assets/helper.tsx
Normal file
15
packages/propel/src/empty-state/assets/helper.tsx
Normal file
@@ -0,0 +1,15 @@
|
||||
export const ILLUSTRATION_COLOR_TOKEN_MAP = {
|
||||
fill: {
|
||||
primary: "rgba(var(--color-background-100))", // white or #fff,
|
||||
secondary: "rgba(var(--color-background-90))", // #F4F5F5
|
||||
tertiary: "rgba(var(--color-background-80))", // #E5E7E8
|
||||
},
|
||||
stroke: {
|
||||
primary: "rgba(var(--color-text-200))", // #1D1F20
|
||||
secondary: "rgba(var(--color-border-400))", // #7A8185 or #CFD2D3
|
||||
},
|
||||
};
|
||||
|
||||
export type TIllustrationAssetProps = {
|
||||
className?: string;
|
||||
};
|
||||
@@ -0,0 +1,105 @@
|
||||
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="w-20 h-20" />,
|
||||
title: "Customer",
|
||||
},
|
||||
{
|
||||
asset: <EpicHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Epic",
|
||||
},
|
||||
{
|
||||
asset: <EstimateHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Estimate",
|
||||
},
|
||||
{
|
||||
asset: <ExportHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Export",
|
||||
},
|
||||
{
|
||||
asset: <IntakeHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Intake",
|
||||
},
|
||||
{
|
||||
asset: <LabelHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Label",
|
||||
},
|
||||
{
|
||||
asset: <LinkHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Link",
|
||||
},
|
||||
{
|
||||
asset: <MembersHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Members",
|
||||
},
|
||||
{
|
||||
asset: <NoteHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Note",
|
||||
},
|
||||
{
|
||||
asset: <PriorityHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Priority",
|
||||
},
|
||||
{
|
||||
asset: <ProjectHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Project",
|
||||
},
|
||||
{
|
||||
asset: <SettingsHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Settings",
|
||||
},
|
||||
{
|
||||
asset: <StateHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "State",
|
||||
},
|
||||
{
|
||||
asset: <TemplateHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Template",
|
||||
},
|
||||
{
|
||||
asset: <TokenHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Token",
|
||||
},
|
||||
{
|
||||
asset: <UnknownHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Unknown",
|
||||
},
|
||||
{
|
||||
asset: <UpdateHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Update",
|
||||
},
|
||||
{
|
||||
asset: <WebhookHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Webhook",
|
||||
},
|
||||
{
|
||||
asset: <WorkItemHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "WorkItem",
|
||||
},
|
||||
{
|
||||
asset: <WorklogHorizontalStackIllustration className="w-20 h-20" />,
|
||||
title: "Worklog",
|
||||
},
|
||||
];
|
||||
@@ -0,0 +1,64 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const CustomerHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.8782 2.57309C46.9628 2.10751 45.787 2.14718 44.5087 2.79426L9.267 20.7542C6.37097 22.2299 4.0195 26.2861 4.0195 29.8055V72.6934C4.0195 74.6583 4.74547 76.0394 5.88968 76.6313L2.37019 74.84C1.22598 74.256 0.5 72.867 0.5 70.9021V28.0142C0.5 24.4869 2.85157 20.4386 5.7476 18.9629L40.9893 1.00296C42.2755 0.347996 43.4513 0.316215 44.3588 0.781791L47.8782 2.57309Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.878 2.57281C49.0222 3.15675 49.7482 4.54577 49.7482 6.51066V49.3986C49.7482 52.9259 47.3966 56.9742 44.5006 58.4498L9.25889 76.4102C7.97264 77.0652 6.79695 77.0966 5.88947 76.631C4.74526 76.0471 4.01929 74.658 4.01929 72.6931V29.8052C4.01929 26.2779 6.37076 22.2296 9.26679 20.754L44.5085 2.79397C45.7947 2.13901 46.9705 2.10723 47.878 2.57281Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.2578 9.36801C62.3425 8.90244 61.1667 8.94211 59.8883 9.58918L24.6466 27.5492C21.7506 29.0248 19.3991 33.081 19.3991 36.6004V79.4887C19.3991 81.4536 20.1251 82.8344 21.2693 83.4262L17.7498 81.6349C16.6056 81.0509 15.8796 79.6623 15.8796 77.6974V34.8091C15.8796 31.2818 18.2312 27.2335 21.1272 25.7579L56.3689 7.79788C57.6552 7.14292 58.8309 7.11114 59.7384 7.57671L63.2578 9.36801Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.2584 9.36578C64.4026 9.94972 65.1285 11.3387 65.1285 13.3036V56.1919C65.1285 59.7192 62.777 63.7672 59.8809 65.2428L24.6394 83.2032C23.3531 83.8581 22.1773 83.8895 21.2698 83.424C20.1256 82.84 19.3997 81.4514 19.3997 79.4865V36.5982C19.3997 33.0709 21.7511 29.0226 24.6472 27.5469L59.8888 9.58694C61.1751 8.93198 62.3509 8.9002 63.2584 9.36578Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.6299 16.1631C77.7145 15.6975 76.5387 15.7368 75.2604 16.3839L40.0188 34.3442C37.1228 35.8199 34.7712 39.8757 34.7712 43.3951V86.2834C34.7712 88.2483 35.4972 89.6294 36.6414 90.2213L33.122 88.43C31.9778 87.846 31.2517 86.457 31.2517 84.4921V41.6038C31.2517 38.0765 33.6033 34.0286 36.4993 32.5529L71.741 14.5926C73.0272 13.9376 74.203 13.9062 75.1105 14.3718L78.6299 16.1631Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.6299 16.1609C79.7741 16.7448 80.5001 18.1334 80.5001 20.0983V62.9866C80.5001 66.5139 78.1486 70.5622 75.2525 72.0379L40.0109 89.9979C38.7247 90.6528 37.5489 90.6846 36.6414 90.219C35.4972 89.6351 34.7712 88.2461 34.7712 86.2812V43.3929C34.7712 39.8656 37.1228 35.8177 40.0188 34.342L75.2604 16.3816C76.5467 15.7267 77.7225 15.6953 78.6299 16.1609Z"
|
||||
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="M46.6233 45.5414C46.6233 44.9023 47.0494 44.1683 47.5702 43.9L62.7685 36.1588C63.2893 35.8905 63.7154 36.1904 63.7154 36.8296C63.7154 37.4688 63.2893 38.2027 62.7685 38.471V43.0951L70.3676 39.2205C70.8884 38.9522 71.3145 39.2521 71.3145 39.8913C71.3145 40.5305 70.8884 41.2644 70.3676 41.5327V60.0294L71.3145 59.5482C71.8353 59.2799 72.2615 59.5798 72.2615 60.219C72.2615 60.8582 71.8353 61.5917 71.3145 61.86L46.6154 74.4465C46.0946 74.7148 45.6685 74.4149 45.6685 73.7757C45.6685 73.1365 46.0946 72.4026 46.6154 72.1343L47.5623 71.653V46.22C47.0415 46.4883 46.6154 46.1883 46.6154 45.5492L46.6233 45.5414ZM49.472 45.2417V70.6747L51.3737 69.7041V65.6557C51.3737 64.0617 52.439 62.2233 53.7489 61.5525L56.5977 60.1003C57.9076 59.4296 58.9728 60.1874 58.9728 61.7814V65.8295L60.8746 64.8589V39.4258L49.4799 45.2336L49.472 45.2417ZM62.7764 45.4074V63.9041L68.4738 61V42.5033L62.7764 45.4074ZM57.0712 66.8001V62.752C57.0712 62.4364 56.8581 62.2863 56.5977 62.4126L53.7489 63.8644C53.4885 63.9985 53.2755 64.3695 53.2755 64.6851V68.7332L57.0712 66.8001ZM51.3737 48.9029C51.3737 48.2637 51.7999 47.5298 52.3207 47.2615L53.2676 46.7802C53.7884 46.5119 54.2146 46.8119 54.2146 47.451C54.2146 48.0902 53.7884 48.8242 53.2676 49.0925L52.3207 49.5737C51.7999 49.842 51.3737 49.5421 51.3737 48.9029ZM56.1242 46.4804C56.1242 45.8413 56.5503 45.1073 57.0712 44.839L58.018 44.3578C58.5389 44.0895 58.965 44.3894 58.965 45.0286C58.965 45.6678 58.5389 46.4013 58.018 46.6696L57.0712 47.1513C56.5503 47.4196 56.1242 47.1196 56.1242 46.4804ZM51.3737 53.5273C51.3737 52.8882 51.7999 52.1542 52.3207 51.8859L53.2676 51.4043C53.7884 51.136 54.2146 51.4359 54.2146 52.0751C54.2146 52.7143 53.7884 53.4482 53.2676 53.7165L52.3207 54.1978C51.7999 54.4661 51.3737 54.1665 51.3737 53.5273ZM56.1242 51.1045C56.1242 50.4653 56.5503 49.7314 57.0712 49.4631L58.018 48.9819C58.5389 48.7136 58.965 49.0135 58.965 49.6527C58.965 50.2919 58.5389 51.0258 58.018 51.2941L57.0712 51.7754C56.5503 52.0436 56.1242 51.7437 56.1242 51.1045ZM64.6703 49.0609C64.6703 48.4217 65.0964 47.6877 65.6172 47.4194H65.6251C66.1459 47.1433 66.572 47.4509 66.572 48.0822V48.098C66.572 48.7372 66.1459 49.4711 65.6251 49.7394H65.6172C65.0964 50.0156 64.6703 49.7079 64.6703 49.0767V49.0609ZM51.3737 58.1433C51.3737 57.5042 51.7999 56.7702 52.3207 56.5019L53.2676 56.0207C53.7884 55.7524 54.2146 56.0523 54.2146 56.6915C54.2146 57.3307 53.7884 58.0646 53.2676 58.3329L52.3207 58.8142C51.7999 59.0825 51.3737 58.7825 51.3737 58.1433ZM56.1242 55.7286C56.1242 55.0894 56.5503 54.3559 57.0712 54.0876L58.018 53.606C58.5389 53.3377 58.965 53.6376 58.965 54.2768C58.965 54.916 58.5389 55.6499 58.018 55.9182L57.0712 56.3994C56.5503 56.6677 56.1242 56.3678 56.1242 55.7286ZM64.6703 53.6849C64.6703 53.0458 65.0964 52.3118 65.6172 52.0435H65.6251C66.1459 51.7673 66.572 52.0754 66.572 52.7066V52.7224C66.572 53.3616 66.1459 54.0952 65.6251 54.3635H65.6172C65.0964 54.6397 64.6703 54.332 64.6703 53.7007V53.6849ZM64.6703 58.309C64.6703 57.6698 65.0964 56.9363 65.6172 56.668H65.6251C66.1459 56.3918 66.572 56.6994 66.572 57.3307V57.3465C66.572 57.9857 66.1459 58.7196 65.6251 58.9879H65.6172C65.0964 59.2641 64.6703 58.9561 64.6703 58.3248V58.309Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,62 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const EpicHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.8729 3.07316C46.9576 2.60763 45.782 2.6473 44.5038 3.2943L9.26602 21.2523C6.37031 22.7277 4.01901 26.7835 4.01901 30.3025V73.1855C4.01901 75.1502 4.7449 76.5312 5.88899 77.1229L2.36998 75.3318C1.2259 74.748 0.5 73.3595 0.5 71.3948V28.5114C0.5 24.9845 2.8513 20.9366 5.74701 19.4612L40.9848 1.5032C42.2709 0.848314 43.4464 0.816538 44.3538 1.28206L47.8729 3.07316Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.8722 3.07317C49.0163 3.65704 49.7422 5.04591 49.7422 7.01057V49.894C49.7422 53.4209 47.3909 57.4684 44.4952 58.9439L9.25743 76.9022C7.97132 77.5571 6.79566 77.5885 5.88829 77.1229C4.74421 76.5391 4.01831 75.1502 4.01831 73.1855V30.3025C4.01831 26.7756 6.36962 22.7277 9.26533 21.2523L44.5031 3.29431C45.7892 2.63942 46.9648 2.60764 47.8722 3.07317Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.2511 9.86669C62.3358 9.40117 61.1602 9.44084 59.8819 10.0878L24.6442 28.0458C21.7485 29.5213 19.3972 33.577 19.3972 37.096V79.9795C19.3972 81.9441 20.1231 83.3247 21.2672 83.9165L17.7482 82.1254C16.6041 81.5415 15.8782 80.153 15.8782 78.1884V35.3049C15.8782 31.778 18.2295 27.7302 21.1252 26.2547L56.3629 8.29674C57.649 7.64185 58.8246 7.61046 59.732 8.07598L63.2511 9.86669Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.2519 9.86653C64.3959 10.4504 65.1218 11.8393 65.1218 13.8039V56.6874C65.1218 60.2143 62.7705 64.2617 59.8748 65.7372L24.6371 83.6956C23.351 84.3504 22.1753 84.3818 21.2679 83.9163C20.1238 83.3324 19.3979 81.944 19.3979 79.9793V37.0959C19.3979 33.569 21.7493 29.5211 24.645 28.0456L59.8827 10.0877C61.1688 9.43279 62.3445 9.40101 63.2519 9.86653Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.6293 16.668C77.714 16.2025 76.5383 16.2421 75.2601 16.8891L40.0224 34.8471C37.1267 36.3225 34.7755 40.3783 34.7755 43.8973V86.7807C34.7755 88.7454 35.5013 90.126 36.6454 90.7178L33.1263 88.9267C31.9822 88.3428 31.2563 86.9543 31.2563 84.9896V42.1062C31.2563 38.5793 33.6077 34.5314 36.5034 33.056L71.7411 15.098C73.0272 14.4431 74.2029 14.4114 75.1102 14.8769L78.6293 16.668Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.6299 16.668C79.774 17.2519 80.4999 18.6407 80.4999 20.6054V63.4888C80.4999 67.0157 78.1486 71.0632 75.2529 72.5387L40.0151 90.497C38.729 91.1519 37.5535 91.1833 36.6461 90.7178C35.502 90.1339 34.7761 88.7454 34.7761 86.7807V43.8973C34.7761 40.3704 37.1273 36.3225 40.023 34.8471L75.2608 16.8891C76.5469 16.2342 77.7225 16.2025 78.6299 16.668Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M73.7365 51.6298V55.4643C73.7365 55.8589 73.6103 56.2928 73.4051 56.6795C73.1842 57.0661 72.9001 57.3741 72.5924 57.524L47.4226 70.3533C46.7914 70.6768 46.2786 70.2743 46.2786 69.4537V63.3469L53.9084 46.7774C54.3345 46.0042 54.8315 45.3175 55.4391 45.0098C56.0466 44.7021 56.5359 44.8836 56.962 45.2229L63.5582 54.6044L66.4065 50.0441C66.8326 49.2708 67.4164 48.663 68.024 48.3473C68.6315 48.0317 69.2154 48.0555 69.6336 48.3947L73.7365 51.6221V51.6298Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,64 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const EstimateHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.8734 3.07267C46.9581 2.60715 45.7825 2.6466 44.5042 3.2936L9.26616 21.2519C6.37042 22.7274 4.01909 26.783 4.01909 30.3021V73.1858C4.01909 75.1505 4.745 76.5313 5.88909 77.1231L2.37005 75.332C1.22595 74.7481 0.5 73.3594 0.5 71.3948V28.511C0.5 24.984 2.85133 20.9363 5.74707 19.4608L40.9851 1.5025C42.2713 0.847607 43.4469 0.816046 44.3543 1.28157L47.8734 3.07267Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.8732 3.07177C49.0173 3.65565 49.7432 5.04434 49.7432 7.00903V49.8928C49.7432 53.4197 47.3919 57.4675 44.4962 58.943L9.25809 76.9013C7.97197 77.5562 6.7963 77.5877 5.88892 77.1222C4.74482 76.5383 4.01892 75.1496 4.01892 73.1849V30.3012C4.01892 26.7742 6.37025 22.7265 9.26599 21.251L44.5041 3.29269C45.7902 2.6378 46.9658 2.60624 47.8732 3.07177Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.2514 9.86595C62.3361 9.40042 61.1605 9.43987 59.8822 10.0869L24.6442 28.0452C21.7484 29.5207 19.3971 33.5763 19.3971 37.0954V79.9791C19.3971 81.9438 20.123 83.3246 21.2671 83.9164L17.748 82.1253C16.604 81.5414 15.8781 80.1527 15.8781 78.188V35.3043C15.8781 31.7773 18.2293 27.7296 21.1251 26.2541L56.3632 8.29578C57.6493 7.64088 58.8249 7.60932 59.7323 8.07485L63.2514 9.86595Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.2514 9.86614C64.3955 10.45 65.1214 11.8387 65.1214 13.8034V56.6872C65.1214 60.2141 62.7701 64.2618 59.8743 65.7373L24.6363 83.6956C23.3501 84.3505 22.1745 84.3821 21.2671 83.9166C20.123 83.3327 19.3971 81.944 19.3971 79.9793V37.0955C19.3971 33.5686 21.7484 29.5209 24.6442 28.0454L59.8822 10.0871C61.1684 9.43217 62.344 9.40061 63.2514 9.86614Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.6301 16.6678C77.7148 16.2023 76.5391 16.2417 75.2609 16.8887L40.0228 34.8471C37.1271 36.3225 34.7758 40.3781 34.7758 43.8972V86.781C34.7758 88.7457 35.5017 90.1265 36.6458 90.7182L33.1267 88.9271C31.9826 88.3433 31.2567 86.9546 31.2567 84.9899V42.1061C31.2567 38.5792 33.608 34.5315 36.5037 33.056L71.7419 15.0977C73.028 14.4428 74.2036 14.4112 75.111 14.8767L78.6301 16.6678Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.6299 16.668C79.774 17.2519 80.4999 18.6406 80.4999 20.6053V63.489C80.4999 67.016 78.1487 71.0637 75.2529 72.5392L40.0148 90.4975C38.7287 91.1524 37.553 91.184 36.6456 90.7184C35.5015 90.1346 34.7756 88.7459 34.7756 86.7812V43.8974C34.7756 40.3705 37.127 36.3227 40.0227 34.8473L75.2608 16.8889C76.5469 16.2341 77.7226 16.2025 78.6299 16.668Z"
|
||||
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="M57.2395 40.7963C57.7524 40.1808 58.3283 39.6916 58.9201 39.3918C59.5119 39.092 60.0879 38.9815 60.6008 39.0841C61.1136 39.1788 61.5397 39.4786 61.8316 39.952L70.8029 54.4938C71.0949 54.9673 71.2527 55.5906 71.2527 56.3086C71.2527 57.0266 71.0949 57.8156 70.8029 58.5889C70.511 59.3621 70.0849 60.0959 69.572 60.7193C69.0592 61.3426 68.4832 61.8239 67.8914 62.1238L49.9331 71.2686C49.3413 71.5684 48.7653 71.671 48.2524 71.5763C47.7395 71.4738 47.3135 71.1739 47.0215 70.7005C46.7296 70.2271 46.5718 69.6038 46.5718 68.8857C46.5718 68.1677 46.7296 67.3866 47.0215 66.6133L56.0007 42.9188C56.3005 42.1455 56.7187 41.4117 57.2316 40.7963H57.2395ZM58.9201 42.1218C58.7229 42.2244 58.5335 42.3822 58.3599 42.5874C58.1942 42.7925 58.0522 43.0371 57.9496 43.2896L48.9705 66.9763C48.8758 67.2367 48.8205 67.4971 48.8205 67.7338C48.8205 67.9705 48.8758 68.1835 48.9705 68.3413C49.0651 68.4991 49.2071 68.6017 49.3807 68.6332C49.5543 68.6648 49.7437 68.6332 49.941 68.5307L67.8914 59.3858C68.0886 59.2832 68.278 59.1254 68.4516 58.9203C68.6252 58.7151 68.7672 58.4706 68.8619 58.2102C68.9566 57.9498 69.0118 57.6894 69.0118 57.4527C69.0118 57.216 68.9566 57.0029 68.8619 56.8451L59.8906 42.3033C59.7959 42.1455 59.6539 42.0508 59.4803 42.0193C59.3067 41.9877 59.1174 42.0193 58.9201 42.1218Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,70 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const ExportHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<svg width="71" height="81" viewBox="0 0 71 81" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M41.9519 2.94243C41.151 2.53509 40.1223 2.5698 39.0038 3.13593L8.17037 18.8494C5.63659 20.1404 3.57921 23.6892 3.57921 26.7684V64.2916C3.57921 66.0107 4.21438 67.2191 5.21547 67.7369L2.13625 66.1696C1.13517 65.6587 0.5 64.4435 0.5 62.7244V25.2012C0.5 22.1151 2.55742 18.5732 5.0912 17.2821L35.9246 1.5687C37.05 0.995669 38.0787 0.967864 38.8726 1.3752L41.9519 2.94243Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M41.9519 2.94356C42.9529 3.45446 43.5881 4.66973 43.5881 6.38884V43.912C43.5881 46.9981 41.5307 50.54 38.9969 51.8311L8.16351 67.5448C7.03816 68.1179 6.00944 68.1453 5.21548 67.738C4.21439 67.2271 3.57922 66.0118 3.57922 64.2927V26.7696C3.57922 23.6835 5.6366 20.1415 8.17038 18.8505L39.0038 3.13706C40.1292 2.56403 41.1579 2.53622 41.9519 2.94356Z"
|
||||
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="M55.4078 8.88579C54.6069 8.47845 53.5782 8.51316 52.4597 9.07929L21.6263 24.7927C19.0926 26.0838 17.0351 29.6326 17.0351 32.7118V70.2353C17.0351 71.9544 17.6703 73.1624 18.6714 73.6802L15.5922 72.113C14.5911 71.6021 13.9559 70.3872 13.9559 68.6681V31.1446C13.9559 28.0585 16.0134 24.5165 18.5471 23.2255L49.3805 7.51206C50.5059 6.93903 51.5346 6.91122 52.3286 7.31856L55.4078 8.88579Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.4079 8.88692C56.4089 9.39782 57.0441 10.6131 57.0441 12.3322V49.8557C57.0441 52.9418 54.9867 56.4834 52.4529 57.7744L21.6195 73.4882C20.4941 74.0612 19.4654 74.0887 18.6715 73.6814C17.6704 73.1704 17.0352 71.9555 17.0352 70.2364V32.7129C17.0352 29.6268 19.0926 26.0849 21.6264 24.7938L52.4598 9.08042C53.5852 8.50739 54.6139 8.47958 55.4079 8.88692Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M68.8637 14.8332C68.0629 14.4259 67.0342 14.4602 65.9157 15.0264L35.0823 30.7401C32.5485 32.0312 30.4911 35.5797 30.4911 38.6589V76.1824C30.4911 77.9015 31.1263 79.1098 32.1274 79.6276L29.0482 78.0604C28.0471 77.5495 27.4119 76.3342 27.4119 74.6151V37.0916C27.4119 34.0055 29.4693 30.4639 32.0031 29.1729L62.8365 13.4591C63.9619 12.8861 64.9906 12.8586 65.7845 13.266L68.8637 14.8332Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.8637 14.8304C69.8648 15.3413 70.5 16.5563 70.5 18.2754V55.7989C70.5 58.885 68.4426 62.4269 65.9088 63.7179L35.0754 79.4313C33.95 80.0044 32.9213 80.0322 32.1273 79.6248C31.1263 79.1139 30.4911 77.8987 30.4911 76.1796V38.6561C30.4911 35.57 32.5485 32.0284 35.0823 30.7373L65.9157 15.0236C67.041 14.4505 68.0698 14.4231 68.8637 14.8304Z"
|
||||
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="M43.5881 41.1008C43.5881 40.4104 44.0438 39.6233 44.6099 39.3333L58.9289 32.0359C59.495 31.7459 59.9507 32.0702 59.9507 32.7607C59.9507 33.4511 59.495 34.2382 58.9289 34.5281L44.6099 41.8259C44.0438 42.1159 43.5881 41.7912 43.5881 41.1008Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M58.639 46.7626C58.2385 47.453 57.5895 47.7774 57.1891 47.5013L52.7981 44.3944V58.81C52.7981 59.5004 52.3356 60.2875 51.7764 60.5775C51.2171 60.8674 50.7546 60.5362 50.7546 59.8527V45.43L46.3636 53.0107C45.9631 53.7011 45.3142 54.0323 44.9137 53.7493C44.5202 53.4662 44.5202 52.6793 44.9137 51.9889L51.0514 41.3982C51.0514 41.3982 51.0928 41.336 51.1135 41.3014C51.1205 41.2945 51.1274 41.2878 51.1274 41.2809C51.2033 41.1704 51.2862 41.0598 51.3759 40.9701C51.4104 40.9355 51.445 40.9009 51.4795 40.8733C51.5071 40.8457 51.5416 40.8182 51.5761 40.7975C51.6107 40.7698 51.6521 40.7421 51.6866 40.7145C51.7211 40.6938 51.7487 40.68 51.7833 40.6592C51.8178 40.6385 51.8523 40.6248 51.8868 40.611C52.018 40.5558 52.1492 40.5419 52.2666 40.5558C52.2942 40.5558 52.3218 40.5628 52.3494 40.5767C52.3494 40.5767 52.4046 40.5972 52.4322 40.611C52.4737 40.6318 52.5082 40.6525 52.5427 40.6801L58.6459 44.9952C59.0394 45.2782 59.0394 46.0652 58.6459 46.7556L58.639 46.7626Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,20 @@
|
||||
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,82 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const IntakeHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.9519 2.42126C41.151 2.01392 40.1223 2.04846 39.0038 2.61459L8.1704 18.3282C5.63661 19.6192 3.57922 23.1679 3.57922 26.2471V63.7706C3.57922 65.4897 4.21438 66.6979 5.21547 67.2157L2.13625 65.6485C1.13517 65.1376 0.5 63.9225 0.5 62.2034V24.6799C0.5 21.5938 2.55742 18.052 5.0912 16.761L35.9246 1.04736C37.05 0.47433 38.0787 0.446693 38.8727 0.854032L41.9519 2.42126Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M41.952 2.4216C42.953 2.9325 43.5882 4.1476 43.5882 5.86671V43.3902C43.5882 46.4763 41.5308 50.0181 38.997 51.3091L8.16357 67.0227C7.03821 67.5958 6.00952 67.6234 5.21555 67.216C4.21447 66.7052 3.5793 65.49 3.5793 63.7709V26.2474C3.5793 23.1613 5.6367 19.6196 8.17048 18.3285L39.0039 2.61493C40.1293 2.0419 41.158 2.01426 41.952 2.4216Z"
|
||||
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="M55.4078 8.39993C54.607 7.99259 53.5783 8.02713 52.4598 8.59326L21.6264 24.3069C19.0926 25.5979 17.0352 29.1466 17.0352 32.2258V69.7493C17.0352 71.4684 17.6704 72.6766 18.6714 73.1944L15.5923 71.6272C14.5912 71.1163 13.956 69.9012 13.956 68.1821V30.6585C13.956 27.5724 16.0134 24.0307 18.5472 22.7396L49.3806 7.02603C50.506 6.453 51.5347 6.42536 52.3286 6.8327L55.4078 8.39993Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.4079 8.40042C56.409 8.91132 57.0442 10.1264 57.0442 11.8455V49.369C57.0442 52.4551 54.9867 55.9969 52.4529 57.2879L21.6195 73.0015C20.4942 73.5746 19.4655 73.6022 18.6715 73.1949C17.6704 72.684 17.0352 71.4689 17.0352 69.7498V32.2263C17.0352 29.1402 19.0926 25.5984 21.6264 24.3073L52.4599 8.59375C53.5852 8.02072 54.6139 7.99308 55.4079 8.40042Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M68.8638 14.3513C68.0629 13.944 67.0342 13.9785 65.9157 14.5446L35.0823 30.2582C32.5485 31.5493 30.4911 35.098 30.4911 38.1772V75.7005C30.4911 77.4196 31.1263 78.6278 32.1274 79.1456L29.0482 77.5785C28.0471 77.0676 27.4119 75.8524 27.4119 74.1333V36.6099C27.4119 33.5238 29.4693 29.9821 32.0031 28.691L62.8365 12.9774C63.9619 12.4044 64.9906 12.3767 65.7845 12.7841L68.8638 14.3513Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.8636 14.3517C69.8647 14.8626 70.4999 16.0777 70.4999 17.7968V55.3201C70.4999 58.4062 68.4425 61.9481 65.9087 63.2392L35.0753 78.9528C33.9499 79.5258 32.9212 79.5533 32.1273 79.1459C31.1262 78.635 30.491 77.4199 30.491 75.7008V38.1775C30.491 35.0914 32.5484 31.5496 35.0822 30.2586L65.9156 14.545C67.041 13.9719 68.0697 13.9443 68.8636 14.3517Z"
|
||||
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="M57.8519 35.2914C58.1349 35.3467 58.3075 35.6296 58.3075 36.0369V46.4414C58.3075 46.8349 58.1419 47.2836 57.8726 47.6288L52.1699 54.8159C51.8937 55.168 51.5485 55.3476 51.2654 55.2924C50.9824 55.2372 50.8097 54.954 50.8097 54.5467V44.0941C50.8097 43.7005 50.9754 43.2447 51.2516 42.8995L56.9543 35.7608C57.2305 35.4156 57.5757 35.2362 57.8588 35.2914H57.8519ZM52.5979 43.8178V51.647L56.5056 46.7244V38.9297L52.5979 43.8178Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M55.3249 34.8766C55.5804 35.284 55.4354 36.0434 55.0073 36.575L49.7395 43.1615V52.979C49.7395 53.6004 49.3391 54.3115 48.842 54.5601C48.3449 54.8086 47.9445 54.5118 47.9445 53.8973V43.4445C47.9445 43.051 48.1102 42.5953 48.3863 42.2501L54.0891 35.1114C54.5171 34.5798 55.0695 34.4693 55.3249 34.8766Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M52.4253 34.1796C52.6808 34.587 52.5358 35.3464 52.1077 35.878L46.84 42.4645V52.282C46.84 52.9034 46.4395 53.6145 45.9424 53.8631C45.4454 54.1116 45.0449 53.8148 45.0449 53.2003V42.7475C45.0449 42.354 45.2106 41.8983 45.4868 41.5531L51.1895 34.4144C51.6175 33.8828 52.1699 33.7723 52.4253 34.1796Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M42.0347 52.1577C42.5318 51.9023 42.9323 52.206 42.9323 52.8205V60.8223C42.9323 61.5749 43.4293 61.9407 44.03 61.6369L59.2465 53.8837C59.8471 53.5799 60.3442 52.71 60.3442 51.9575V43.9556C60.3442 43.3343 60.7446 42.6231 61.2417 42.3746C61.7388 42.126 62.1393 42.423 62.1393 43.0375V51.0392C62.1393 53.0344 60.8413 55.3198 59.2465 56.1344L44.03 63.8877C42.4351 64.7023 41.1372 63.7357 41.1372 61.7473V53.7457C41.1372 53.1243 41.5376 52.4132 42.0347 52.1646V52.1577Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,68 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const LabelHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.8737 2.47584C46.9585 2.00383 45.7828 2.04383 44.5045 2.69984L9.2662 20.9079C6.37044 22.4039 4.01909 26.5159 4.01909 30.0839V73.5641C4.01909 75.5561 4.745 76.9561 5.88911 77.5561L2.37001 75.7401C1.22591 75.1481 0.5 73.7401 0.5 71.7481V28.2679C0.5 24.6919 2.85132 20.5879 5.74708 19.0919L40.9854 0.883826C42.2716 0.219824 43.4472 0.187824 44.3546 0.659826L47.8737 2.47584Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.8737 2.47547C49.0178 3.06747 49.7437 4.47548 49.7437 6.46749V49.9476C49.7437 53.5237 47.3924 57.6277 44.4966 59.1237L9.25828 77.3318C7.97216 77.9958 6.79648 78.0278 5.88909 77.5558C4.74498 76.9638 4.01907 75.5557 4.01907 73.5637V30.0836C4.01907 26.5076 6.37042 22.4035 9.26618 20.9075L44.5045 2.69947C45.7906 2.03547 46.9663 2.00347 47.8737 2.47547Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.2522 9.36414C62.337 8.89214 61.1613 8.93214 59.883 9.58814L24.6447 27.7962C21.749 29.2922 19.3976 33.4042 19.3976 36.9722V80.4524C19.3976 82.4444 20.1235 83.8444 21.2676 84.4444L17.7485 82.6284C16.6044 82.0364 15.8785 80.6284 15.8785 78.6364V35.1562C15.8785 31.5802 18.2299 27.4762 21.1256 25.9802L56.364 7.77213C57.6501 7.10813 58.8257 7.07613 59.7331 7.54813L63.2522 9.36414Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.2521 9.36378C64.3962 9.95578 65.1221 11.3638 65.1221 13.3558V56.836C65.1221 60.412 62.7708 64.516 59.8751 66.012L24.6367 84.22C23.3505 84.8841 22.1749 84.9161 21.2675 84.4441C20.1234 83.8521 19.3975 82.4441 19.3975 80.452V36.9719C19.3975 33.3959 21.7488 29.2918 24.6446 27.7958L59.8829 9.58778C61.169 8.92377 62.3447 8.89177 63.2521 9.36378Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.6303 16.2602C77.715 15.7882 76.5394 15.8282 75.2612 16.4842L40.0228 34.6923C37.127 36.1883 34.7757 40.3003 34.7757 43.8683V87.3485C34.7757 89.3405 35.5016 90.7405 36.6457 91.3405L33.1266 89.5245C31.9825 88.9325 31.2566 87.5245 31.2566 85.5325V42.0523C31.2566 38.4763 33.6079 34.3723 36.5037 32.8763L71.7421 14.6682C73.0282 14.0042 74.2039 13.9722 75.1113 14.4443L78.6303 16.2602Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.6301 16.2599C79.7742 16.8519 80.5001 18.2599 80.5001 20.2519V63.7321C80.5001 67.3081 78.1488 71.4121 75.2531 72.9081L40.0147 91.1162C38.7286 91.7802 37.5529 91.8122 36.6455 91.3402C35.5014 90.7482 34.7755 89.3402 34.7755 87.3482V43.868C34.7755 40.292 37.1268 36.188 40.0226 34.692L75.261 16.4839C76.5471 15.8199 77.7227 15.7879 78.6301 16.2599Z"
|
||||
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="M49.8068 47.9642C50.4143 46.9082 51.227 46.0682 52.087 45.6282L59.788 41.6522C60.6402 41.2122 61.4608 41.2042 62.0684 41.6362L71.4106 48.3402C72.097 48.8362 72.4758 49.7882 72.4758 50.9882C72.4758 52.1882 72.0891 53.5322 71.4106 54.7402L64.3487 67.1083C63.6622 68.3163 62.7311 69.2683 61.7606 69.7723C60.7901 70.2763 59.8591 70.2843 59.1726 69.7963L49.8304 63.0922C49.2229 62.6602 48.8836 61.8282 48.8836 60.7722V51.2762C48.8836 50.2202 49.2229 49.0362 49.8304 47.9802L49.8068 47.9642ZM52.087 48.2762C51.803 48.4202 51.5269 48.7002 51.3296 49.0522C51.1323 49.4042 51.014 49.7962 51.014 50.1482V59.6442C51.014 59.9962 51.1245 60.2762 51.3296 60.4202L60.6718 67.1163C60.9558 67.3163 61.3503 67.3163 61.7527 67.1083C62.1551 66.9003 62.5418 66.5003 62.8338 66.0043L69.8956 53.6522C70.1796 53.1482 70.3375 52.5882 70.3375 52.0922C70.3375 51.5962 70.1796 51.1962 69.8956 50.9882L60.5534 44.2922C60.3562 44.1482 60.08 44.1482 59.7959 44.2922L52.0949 48.2682L52.087 48.2762Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M59.7802 51.2521C59.7802 53.4442 58.3363 55.9722 56.561 56.8842C54.7857 57.8042 53.3417 56.7722 53.3417 54.5721C53.3417 52.3721 54.7857 49.8521 56.561 48.9401C58.3363 48.0201 59.7802 49.0521 59.7802 51.2521Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,76 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const LinkHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<svg width="52" height="59" viewBox="0 0 52 59" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M30.6725 2.33465C30.0925 2.03965 29.3475 2.06465 28.5375 2.47465L6.20747 13.8546C4.37247 14.7896 2.88247 17.3596 2.88247 19.5896V46.7646C2.88247 48.0096 3.34246 48.8846 4.06746 49.2596L1.83746 48.1246C1.11246 47.7547 0.652466 46.8746 0.652466 45.6296V18.4546C0.652466 16.2196 2.14246 13.6546 3.97746 12.7196L26.3075 1.33964C27.1225 0.924644 27.8675 0.904645 28.4425 1.19964L30.6725 2.33465Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M30.6724 2.33465C31.3974 2.70465 31.8574 3.58465 31.8574 4.82965V32.0046C31.8574 34.2396 30.3674 36.8046 28.5324 37.7396L6.20245 49.1197C5.38745 49.5347 4.64244 49.5546 4.06744 49.2597C3.34244 48.8897 2.88245 48.0097 2.88245 46.7647V19.5897C2.88245 17.3547 4.37245 14.7897 6.20745 13.8547L28.5374 2.47465C29.3524 2.05965 30.0974 2.03965 30.6724 2.33465Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M40.4175 6.66967C39.8375 6.37467 39.0925 6.39967 38.2825 6.80967L15.9525 18.1897C14.1175 19.1247 12.6275 21.6947 12.6275 23.9247V51.0997C12.6275 52.3447 13.0875 53.2197 13.8125 53.5947L11.5825 52.4597C10.8575 52.0897 10.3975 51.2097 10.3975 49.9647V22.7897C10.3975 20.5547 11.8875 17.9897 13.7225 17.0547L36.0525 5.67467C36.8675 5.25967 37.6125 5.23967 38.1875 5.53467L40.4175 6.66967Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M40.4174 6.66974C41.1424 7.03974 41.6024 7.91973 41.6024 9.16473V36.3397C41.6024 38.5747 40.1124 41.1397 38.2774 42.0747L15.9474 53.4547C15.1324 53.8697 14.3874 53.8897 13.8124 53.5947C13.0874 53.2247 12.6274 52.3447 12.6274 51.0997V23.9247C12.6274 21.6897 14.1174 19.1247 15.9524 18.1897L38.2824 6.80974C39.0974 6.39474 39.8424 6.37474 40.4174 6.66974Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M50.1625 10.9747C49.5825 10.6797 48.8375 10.7047 48.0275 11.1147L25.6975 22.4947C23.8625 23.4297 22.3725 25.9997 22.3725 28.2297V55.4047C22.3725 56.6497 22.8325 57.5247 23.5575 57.8997L21.3275 56.7647C20.6025 56.3947 20.1425 55.5147 20.1425 54.2697V27.0947C20.1425 24.8597 21.6325 22.2947 23.4675 21.3597L45.7975 9.97966C46.6125 9.56466 47.3575 9.54466 47.9325 9.83966L50.1625 10.9747Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M50.1624 10.9747C50.8874 11.3447 51.3474 12.2247 51.3474 13.4697V40.6447C51.3474 42.8797 49.8574 45.4447 48.0224 46.3797L25.6924 57.7597C24.8774 58.1747 24.1324 58.1947 23.5574 57.8997C22.8324 57.5297 22.3724 56.6497 22.3724 55.4047V28.2297C22.3724 25.9947 23.8624 23.4297 25.6974 22.4947L48.0274 11.1147C48.8424 10.6997 49.5874 10.6797 50.1624 10.9747Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M33.0175 38.0797C32.4625 39.0347 32.1525 40.1097 32.1525 41.0597C32.1525 42.0097 32.4625 42.7697 33.0175 43.1597C33.5725 43.5497 34.3225 43.5497 35.1025 43.1497C35.8825 42.7497 36.6375 41.9897 37.1875 41.0347L38.2325 39.2347C38.5225 38.7347 38.9875 38.4997 39.2775 38.7047C39.5675 38.9097 39.5675 39.4797 39.2775 39.9747L38.2325 41.7747C37.4025 43.2097 36.2775 44.3497 35.1025 44.9497C33.9275 45.5497 32.8025 45.5547 31.9725 44.9647C31.1425 44.3797 30.6775 43.2447 30.6775 41.8147C30.6775 40.3847 31.1425 38.7797 31.9725 37.3447L33.0175 35.5447C33.3075 35.0447 33.7725 34.8097 34.0625 35.0147C34.3525 35.2197 34.3525 35.7847 34.0625 36.2847L33.0175 38.0847V38.0797Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M36.1474 31.3997C35.8574 31.1947 35.8574 30.6297 36.1474 30.1297L37.1924 28.3297C38.0224 26.8947 39.1474 25.7547 40.3224 25.1547C41.4974 24.5547 42.6224 24.5497 43.4524 25.1397C44.2824 25.7247 44.7474 26.8597 44.7474 28.2897C44.7474 29.7197 44.2824 31.3247 43.4524 32.7597L42.4074 34.5597C42.1174 35.0597 41.6524 35.2947 41.3624 35.0897C41.0724 34.8847 41.0724 34.3147 41.3624 33.8197L42.4074 32.0197C42.9624 31.0647 43.2724 29.9897 43.2724 29.0397C43.2724 28.0897 42.9624 27.3297 42.4074 26.9397C41.8524 26.5497 41.1024 26.5497 40.3224 26.9497C39.5374 27.3497 38.7874 28.1097 38.2374 29.0647L37.1924 30.8647C36.9024 31.3647 36.4374 31.5997 36.1474 31.3947V31.3997Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M35.1025 39.5547C34.8125 39.3497 34.8125 38.7847 35.1025 38.2847L39.2775 31.0797C39.5675 30.5797 40.0325 30.3447 40.3225 30.5497C40.6125 30.7547 40.6125 31.3197 40.3225 31.8197L36.1475 39.0247C35.8575 39.5197 35.3925 39.7597 35.1025 39.5547Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,82 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const MembersHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.9518 2.84283C41.151 2.43551 40.1223 2.47003 39.0038 3.03614L8.17039 18.7493C5.6366 20.0403 3.5792 23.5889 3.5792 26.668V64.1904C3.5792 65.9094 4.21437 67.1176 5.21546 67.6354L2.13626 66.0682C1.13517 65.5573 0.5 64.3423 0.5 62.6232V25.1008C0.5 22.0148 2.5574 18.4731 5.09119 17.1821L35.9246 1.46898C37.05 0.895957 38.0787 0.868332 38.8726 1.27566L41.9518 2.84283Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M41.9515 2.84317C42.9526 3.35405 43.5877 4.56913 43.5877 6.28819V43.8106C43.5877 46.8966 41.5303 50.4383 38.9966 51.7293L8.16314 67.4424C7.03778 68.0154 6.00908 68.043 5.21512 67.6357C4.21403 67.1248 3.57886 65.9098 3.57886 64.1907V26.6683C3.57886 23.5823 5.63626 20.0406 8.17004 18.7496L39.0035 3.03647C40.1288 2.46346 41.1575 2.43584 41.9515 2.84317Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M55.4077 8.82148C54.6068 8.41415 53.5781 8.44867 52.4596 9.01478L21.6262 24.7279C19.0924 26.0189 17.035 29.5675 17.035 32.6466V70.169C17.035 71.8881 17.6702 73.0962 18.6713 73.614L15.5921 72.0468C14.591 71.536 13.9558 70.3209 13.9558 68.6018V31.0795C13.9558 27.9934 16.0132 24.4518 18.547 23.1608L49.3804 7.44761C50.5058 6.87459 51.5345 6.84697 52.3284 7.2543L55.4077 8.82148Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.4076 8.82181C56.4086 9.33269 57.0438 10.5478 57.0438 12.2668V49.7892C57.0438 52.8752 54.9864 56.4169 52.4526 57.7079L21.6192 73.421C20.4938 73.9941 19.4651 74.0217 18.6712 73.6143C17.6701 73.1035 17.0349 71.8884 17.0349 70.1693V32.647C17.0349 29.5609 19.0923 26.0193 21.6261 24.7282L52.4595 9.01511C53.5849 8.44209 54.6136 8.41448 55.4076 8.82181Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M68.8637 14.7732C68.0628 14.3659 67.0341 14.4004 65.9157 14.9666L35.0823 30.6797C32.5485 31.9707 30.4911 35.5193 30.4911 38.5984V76.1208C30.4911 77.8398 31.1262 79.048 32.1273 79.5658L29.0481 77.9986C28.047 77.4877 27.4119 76.2727 27.4119 74.5536V37.0312C27.4119 33.9452 29.4693 30.4035 32.003 29.1125L62.8365 13.3994C63.9618 12.8264 64.9905 12.7988 65.7845 13.2061L68.8637 14.7732Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.8638 14.7736C69.8649 15.2845 70.5001 16.4996 70.5001 18.2186V55.741C70.5001 58.827 68.4427 62.3687 65.9089 63.6597L35.0755 79.3728C33.9501 79.9458 32.9214 79.9734 32.1275 79.5661C31.1264 79.0552 30.4912 77.8402 30.4912 76.1211V38.5987C30.4912 35.5127 32.5486 31.9711 35.0824 30.68L65.9158 14.9669C67.0412 14.3939 68.0699 14.3663 68.8638 14.7736Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M47.6061 52.5984C48.8696 50.4168 50.5887 48.6771 52.3699 47.7657C54.1581 46.8544 55.8703 46.8476 57.1337 47.7381C58.3972 48.6356 59.1083 50.3547 59.1083 52.5294C59.1083 53.1784 58.6802 53.924 58.1417 54.1932C57.6032 54.4625 57.1751 54.1587 57.1751 53.5097C57.1751 51.9564 56.6711 50.7206 55.7667 50.0854C54.8623 49.4434 53.6403 49.4503 52.363 50.1062C51.0858 50.7551 49.8638 51.9978 48.9593 53.5581C48.0549 55.1183 47.5509 56.865 47.5509 58.4184C47.5509 59.0673 47.1229 59.8129 46.5913 60.0822C46.0596 60.3514 45.6316 60.0477 45.6316 59.3987C45.6316 57.224 46.3427 54.7732 47.6061 52.5915V52.5984Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M52.3766 40.7308C50.7818 41.5454 49.4907 43.7754 49.4907 45.7153C49.4907 47.6553 50.7818 48.5735 52.3766 47.7589C53.9715 46.9442 55.2625 44.7143 55.2625 42.7743C55.2625 40.8343 53.9715 39.9161 52.3766 40.7308ZM47.5576 46.7026C47.5576 43.4647 49.7117 39.7435 52.3697 38.3904C55.0278 37.0372 57.1818 38.563 57.1818 41.794C57.1818 45.025 55.0278 48.753 52.3697 50.1062C49.7117 51.4593 47.5576 49.9336 47.5576 46.7026Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M57.189 38.2798C57.189 37.6308 57.617 36.8852 58.1555 36.616C59.274 36.0498 60.3372 36.0636 61.1174 36.6367C61.8975 37.2166 62.3325 38.3074 62.3325 39.6743C62.3325 41.0413 61.8975 42.5809 61.1174 43.9478C61.0828 44.01 61.0483 44.0721 61.0138 44.1273C61.4626 44.2171 61.8837 44.3966 62.2565 44.6727C63.3405 45.4736 63.9411 46.9924 63.9411 48.891C63.9411 49.5399 63.5131 50.2856 62.9746 50.5548C62.436 50.8241 62.0149 50.5203 62.0149 49.8713C62.0149 48.5734 61.6007 47.5447 60.8757 47.0062C60.1508 46.4677 59.1773 46.4608 58.1624 46.9786C57.6308 47.2479 57.1959 46.9441 57.1959 46.2951C57.1959 45.6462 57.6239 44.9006 58.1624 44.6313C58.7493 44.3345 59.3154 43.7476 59.7435 43.002C60.1646 42.2564 60.4132 41.4003 60.4132 40.634C60.4132 39.8677 60.1715 39.267 59.7435 38.9495C59.3223 38.6319 58.7493 38.6319 58.1624 38.9357C57.6308 39.2049 57.1959 38.9011 57.1959 38.2522L57.189 38.2798Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M47.5577 43.1888C47.5577 42.5399 47.1297 42.2361 46.5981 42.5054C45.4796 43.0715 44.4164 44.1692 43.6362 45.543C42.8561 46.9169 42.4211 48.4565 42.4211 49.8165C42.4211 51.1766 42.8561 52.2812 43.6362 52.8542C43.6708 52.8818 43.7053 52.9025 43.7398 52.9302C43.291 53.4825 42.8699 54.09 42.4971 54.7459C41.4131 56.6513 40.8125 58.7846 40.8125 60.6832C40.8125 61.3321 41.2405 61.6359 41.7722 61.3667C42.3038 61.0974 42.7318 60.3518 42.7318 59.7028C42.7318 58.4049 43.1461 56.9551 43.871 55.6779C44.5959 54.4007 45.5694 53.3996 46.5843 52.8818C47.1159 52.6126 47.5439 51.867 47.5439 51.218C47.5439 50.569 47.1159 50.2653 46.5843 50.5345C45.9974 50.8314 45.4313 50.8314 45.0032 50.5207C44.5821 50.2031 44.3336 49.6025 44.3336 48.8362C44.3336 48.0699 44.5752 47.2207 45.0032 46.4751C45.4244 45.7294 45.9974 45.1495 46.5843 44.8458C47.1159 44.5765 47.5439 43.8309 47.5439 43.1819L47.5577 43.1888Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,62 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const NoteHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<svg width="52" height="59" viewBox="0 0 52 59" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M30.6721 2.43395C30.0921 2.13895 29.3471 2.16395 28.5371 2.57395L6.20711 13.9539C4.37211 14.8889 2.8821 17.4589 2.8821 19.6889V46.864C2.8821 48.109 3.34211 48.9839 4.06711 49.3589L1.8371 48.224C1.1121 47.854 0.6521 46.9739 0.6521 45.7289V18.5539C0.6521 16.3189 2.1421 13.7539 3.9771 12.8189L26.3071 1.43895C27.1221 1.02395 27.8671 1.00395 28.4421 1.29895L30.6721 2.43395Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M30.6721 2.43393C31.3971 2.80393 31.8571 3.68392 31.8571 4.92892V32.1039C31.8571 34.3389 30.3671 36.9039 28.5321 37.8389L6.20209 49.2189C5.38709 49.6339 4.64209 49.6539 4.06709 49.3589C3.34209 48.9889 2.88208 48.1089 2.88208 46.8639V19.6889C2.88208 17.4539 4.37209 14.8889 6.20709 13.9539L28.5371 2.57393C29.3521 2.15893 30.0971 2.13893 30.6721 2.43393Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M40.4171 6.76894C39.8371 6.47394 39.0921 6.49894 38.2821 6.90894L15.9521 18.2889C14.1171 19.2239 12.6271 21.7939 12.6271 24.0239V51.1989C12.6271 52.4439 13.0871 53.3189 13.8121 53.6939L11.5821 52.5589C10.8571 52.1889 10.3971 51.3089 10.3971 50.0639V22.8889C10.3971 20.6539 11.8871 18.0889 13.7221 17.1539L36.0521 5.77394C36.8671 5.35894 37.6121 5.33894 38.1871 5.63394L40.4171 6.76894Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M40.4171 6.76892C41.1421 7.13892 41.6021 8.01892 41.6021 9.26392V36.4389C41.6021 38.6739 40.1121 41.2389 38.2771 42.1739L15.9471 53.5539C15.1321 53.9689 14.3871 53.9889 13.8121 53.6939C13.0871 53.3239 12.6271 52.4439 12.6271 51.1989V24.0239C12.6271 21.7889 14.1171 19.2239 15.9521 18.2889L38.2821 6.90892C39.0971 6.49392 39.8421 6.47392 40.4171 6.76892Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M50.1621 11.0739C49.5821 10.7789 48.8371 10.8039 48.0271 11.2139L25.6971 22.5939C23.8621 23.5289 22.3721 26.0989 22.3721 28.3289V55.5039C22.3721 56.7489 22.8321 57.6239 23.5571 57.9989L21.3271 56.8639C20.6021 56.4939 20.1421 55.6139 20.1421 54.3689V27.1939C20.1421 24.9589 21.6321 22.3939 23.4671 21.4589L45.7971 10.0789C46.6121 9.66393 47.3571 9.64393 47.9321 9.93893L50.1621 11.0739Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M50.1621 11.0739C50.8871 11.4439 51.3471 12.3239 51.3471 13.5689V40.7439C51.3471 42.9789 49.8571 45.5439 48.0221 46.4789L25.6921 57.8589C24.8771 58.2739 24.1321 58.2939 23.5571 57.9989C22.8321 57.6289 22.3721 56.7489 22.3721 55.5039V28.3289C22.3721 26.0939 23.8621 23.5289 25.6971 22.5939L48.0271 11.2139C48.8421 10.7989 49.5871 10.7789 50.1621 11.0739Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M43.5321 23.1439L32.4371 28.7939C31.1271 29.4639 30.0621 31.2989 30.0621 32.8939V46.3939C30.0621 47.9889 31.1271 48.7439 32.4371 48.0789L41.1521 43.6389C41.3621 43.5289 41.5671 43.3239 41.7171 43.0689L45.6771 36.2289C45.8271 35.9739 45.9071 35.6839 45.9071 35.4239V24.8189C45.9071 23.2239 44.8371 22.4739 43.5271 23.1389L43.5321 23.1439ZM44.3221 34.3089L41.9471 35.5189C40.6371 36.1889 39.5671 38.0289 39.5671 39.6239V42.5139L32.4371 46.1489C32.0021 46.3689 31.6471 46.1239 31.6471 45.5889V32.0889C31.6471 31.5539 32.0021 30.9439 32.4371 30.7239L43.5321 25.0739C43.9721 24.8489 44.3221 25.0989 44.3221 25.6339V34.3139V34.3089Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,74 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const PriorityHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.4518 2.93859C41.651 2.53126 40.6222 2.5658 39.5038 3.13193L8.67038 18.8454C6.1366 20.1365 4.0792 23.6852 4.0792 26.7644V64.2878C4.0792 66.0069 4.71437 67.2151 5.71546 67.7329L2.63626 66.1657C1.63517 65.6548 1 64.4397 1 62.7206V25.1972C1 22.1111 3.0574 18.5693 5.59118 17.2783L36.4246 1.5647C37.5499 0.991664 38.5787 0.964028 39.3726 1.37137L42.4518 2.93859Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M42.4519 2.9385C43.4529 3.4494 44.0881 4.66451 44.0881 6.38361V43.907C44.0881 46.9931 42.0307 50.5349 39.4969 51.8259L8.6635 67.5395C7.53814 68.1125 6.50945 68.1402 5.71548 67.7328C4.7144 67.2219 4.07922 66.0068 4.07922 64.2877V26.7643C4.07922 23.6782 6.13663 20.1364 8.67041 18.8453L39.5038 3.13184C40.6292 2.5588 41.6579 2.53117 42.4519 2.9385Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M55.9078 8.88293C55.1069 8.47559 54.0782 8.51013 52.9598 9.07626L22.1264 24.7899C19.5926 26.0809 17.5352 29.6296 17.5352 32.7088V70.2322C17.5352 71.9513 18.1704 73.1595 19.1715 73.6773L16.0923 72.11C15.0912 71.5991 14.456 70.384 14.456 68.6649V31.1415C14.456 28.0554 16.5134 24.5137 19.0472 23.2226L49.8806 7.50903C51.006 6.936 52.0347 6.90836 52.8286 7.3157L55.9078 8.88293Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.9079 8.88284C56.909 9.39374 57.5441 10.6088 57.5441 12.3279V49.8514C57.5441 52.9375 55.4867 56.4792 52.9529 57.7703L22.1195 73.4838C20.9942 74.0569 19.9655 74.0845 19.1715 73.6772C18.1704 73.1663 17.5352 71.9512 17.5352 70.2321V32.7087C17.5352 29.6226 19.5926 26.0808 22.1264 24.7898L52.9598 9.07617C54.0852 8.50314 55.1139 8.4755 55.9079 8.88284Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M69.3638 14.8343C68.5629 14.427 67.5342 14.4615 66.4158 15.0277L35.5823 30.7413C33.0486 32.0323 30.9912 35.581 30.9912 38.6602V76.1836C30.9912 77.9027 31.6263 79.1109 32.6274 79.6287L29.5482 78.0615C28.5471 77.5506 27.912 76.3355 27.912 74.6163V37.0929C27.912 34.0068 29.9694 30.4651 32.5031 29.174L63.3366 13.4605C64.4619 12.8874 65.4906 12.8598 66.2846 13.2671L69.3638 14.8343Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M69.3638 14.8343C70.3649 15.3452 71.0001 16.5603 71.0001 18.2794V55.8028C71.0001 58.8889 68.9427 62.4306 66.4089 63.7217L35.5755 79.4353C34.4501 80.0083 33.4214 80.0359 32.6275 79.6286C31.6264 79.1177 30.9912 77.9026 30.9912 76.1835V38.6601C30.9912 35.574 33.0486 32.0322 35.5824 30.7412L66.4158 15.0276C67.5412 14.4546 68.5699 14.4269 69.3638 14.8343Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M41.9065 64.3778C41.1954 64.7369 40.6154 64.3364 40.6154 63.4734C40.6154 62.6104 41.1816 61.6162 41.8927 61.2572H41.9065C42.6176 60.8913 43.1906 61.2987 43.1906 62.1617C43.1906 63.0247 42.6176 64.0188 41.9065 64.3778Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M48.3203 61.112C47.6092 61.471 47.0362 61.0636 47.0362 60.2006V53.9456C47.0362 53.0826 47.6092 52.0883 48.3203 51.7293C49.0314 51.3703 49.6045 51.7777 49.6045 52.6407V58.8957C49.6045 59.7587 49.0314 60.7529 48.3203 61.112Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M54.748 57.8396C54.0369 58.1986 53.4638 57.7913 53.4638 56.9283V44.4182C53.4638 43.5551 54.0369 42.561 54.748 42.202C55.4591 41.843 56.0321 42.2503 56.0321 43.1133V55.6234C56.0321 56.4864 55.4591 57.4806 54.748 57.8396Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M61.1687 54.5603C60.4576 54.9193 59.8846 54.5119 59.8846 53.6489V34.8838C59.8846 34.0208 60.4576 33.0266 61.1687 32.6675C61.8798 32.3085 62.4529 32.7159 62.4529 33.5789V52.344C62.4529 53.207 61.8798 54.2013 61.1687 54.5603Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,69 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const ProjectHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.91929C59.1202 2.32929 57.6302 2.37929 56.0102 3.19929L11.3502 25.9593C7.68023 27.8293 4.70023 32.9693 4.70023 37.4293V91.7793C4.70023 94.2693 5.62023 96.0193 7.07023 96.7693L2.61023 94.4993C1.16023 93.7593 0.240234 91.9993 0.240234 89.5093V35.1593C0.240234 30.6893 3.22023 25.5593 6.89023 23.6893L51.5602 0.929289C53.1902 0.0992895 54.6802 0.0592895 55.8302 0.649289L60.2902 2.91929H60.2802Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M60.2802 2.91882C61.7302 3.65882 62.6502 5.41882 62.6502 7.90882V62.2588C62.6502 66.7288 59.6702 71.8588 56.0002 73.7288L11.3402 96.4888C9.7102 97.3188 8.2202 97.3588 7.0702 96.7688C5.6202 96.0288 4.7002 94.2688 4.7002 91.7788V37.4288C4.7002 32.9588 7.6802 27.8288 11.3502 25.9588L56.0102 3.19882C57.6402 2.36882 59.1302 2.32882 60.2802 2.91882Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M79.7705 11.5892C78.6105 10.9992 77.1205 11.0492 75.5005 11.8692L30.8405 34.6292C27.1705 36.4992 24.1905 41.6392 24.1905 46.0992V100.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.1792V43.8292C19.7305 39.3592 22.7105 34.2292 26.3805 32.3592L71.0405 9.59921C72.6705 8.76921 74.1605 8.72921 75.3105 9.31921L79.7705 11.5892Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M79.7704 11.5887C81.2204 12.3287 82.1404 14.0887 82.1404 16.5787V70.9287C82.1404 75.3987 79.1604 80.5287 75.4904 82.3987L30.8304 105.159C29.2004 105.989 27.7104 106.029 26.5604 105.439C25.1104 104.699 24.1904 102.939 24.1904 100.449V46.0987C24.1904 41.6287 27.1704 36.4987 30.8404 34.6287L75.5004 11.8687C77.1304 11.0387 78.6204 10.9987 79.7704 11.5887Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M99.2602 20.1986C98.1002 19.6086 96.6102 19.6586 94.9902 20.4786L50.3302 43.2386C46.6602 45.1086 43.6802 50.2486 43.6802 54.7086V109.059C43.6802 111.549 44.6002 113.299 46.0502 114.049L41.5902 111.779C40.1402 111.039 39.2202 109.279 39.2202 106.789V52.4386C39.2202 47.9686 42.2002 42.8386 45.8702 40.9686L90.5302 18.2086C92.1602 17.3786 93.6502 17.3386 94.8002 17.9286L99.2602 20.1986Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M99.2602 20.1981C100.71 20.9381 101.63 22.6981 101.63 25.1881V79.5381C101.63 84.0081 98.6502 89.1381 94.9802 91.0081L50.3202 113.768C48.6902 114.598 47.2002 114.638 46.0502 114.048C44.6002 113.308 43.6802 111.548 43.6802 109.058V54.7081C43.6802 50.2381 46.6602 45.1081 50.3302 43.2381L94.9902 20.4781C96.6202 19.6481 98.1102 19.6081 99.2602 20.1981Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M85.8902 51.3399L81.9602 53.3399V51.7399C81.9602 49.0999 80.2002 47.8499 78.0302 48.9599L72.7802 51.6299C70.6102 52.7399 68.8502 55.7799 68.8502 58.4199V60.0199L64.9202 62.0199C62.7502 63.1299 60.9902 66.1699 60.9902 68.8099V84.7699C60.9902 87.4099 62.7502 88.6599 64.9202 87.5499L85.9002 76.8599C88.0702 75.7499 89.8302 72.7099 89.8302 70.0699V54.1099C89.8302 51.4699 88.0702 50.2199 85.9002 51.3299L85.8902 51.3399ZM71.4602 57.0899C71.4602 56.2099 72.0502 55.1899 72.7702 54.8299L78.0202 52.1599C78.7402 51.7899 79.3302 52.2099 79.3302 53.0899V54.6899L71.4602 58.6999V57.0999V57.0899ZM79.3302 57.8699V77.0199L71.4602 81.0299V61.8799L79.3302 57.8699ZM63.5902 83.4399V67.4799C63.5902 66.5999 64.1802 65.5799 64.9002 65.2199L68.8302 63.2199V82.3699L64.9002 84.3699C64.1802 84.7399 63.5902 84.3199 63.5902 83.4399ZM87.2002 71.4099C87.2002 72.2899 86.6102 73.3099 85.8902 73.6699L81.9602 75.6699V56.5199L85.8902 54.5199C86.6102 54.1499 87.2002 54.5699 87.2002 55.4499V71.4099Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,66 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const SettingsHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.9517 2.43803C41.1509 2.0307 40.1222 2.0654 39.0037 2.63153L8.17035 18.3449C5.63658 19.636 3.57916 23.1848 3.57916 26.264V63.787C3.57916 65.5061 4.21433 66.7145 5.21541 67.2323L2.13625 65.6651C1.13517 65.1542 0.5 63.9393 0.5 62.2202V24.6967C0.5 21.6107 2.55741 18.0687 5.09119 16.7777L35.9246 1.06431C37.0499 0.491274 38.0785 0.46347 38.8725 0.870807L41.9517 2.43803Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M41.9518 2.4388C42.9529 2.9497 43.5881 4.16497 43.5881 5.88407V43.4075C43.5881 46.4936 41.5306 50.0351 38.9969 51.3262L8.1635 67.0399C7.03815 67.6129 6.00943 67.6404 5.21547 67.2331C4.21439 66.7222 3.57922 65.5069 3.57922 63.7878V26.2647C3.57922 23.1786 5.63664 19.6367 8.17041 18.3457L39.0038 2.6323C40.1291 2.05927 41.1578 2.03146 41.9518 2.4388Z"
|
||||
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.4078 8.38193C54.6069 7.97459 53.5782 8.0093 52.4598 8.57543L21.6264 24.2888C19.0926 25.5799 17.0352 29.1287 17.0352 32.2079V69.7313C17.0352 71.4504 17.6705 72.6584 18.6716 73.1762L15.5923 71.609C14.5912 71.0981 13.9561 69.8831 13.9561 68.164V30.6406C13.9561 27.5545 16.0135 24.0126 18.5472 22.7216L49.3806 7.0082C50.506 6.43517 51.5347 6.4077 52.3286 6.81504L55.4078 8.38193Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.4079 8.38106C56.4089 8.89196 57.0441 10.1072 57.0441 11.8263V49.3497C57.0441 52.4358 54.9867 55.9774 52.4529 57.2685L21.6196 72.9822C20.4942 73.5552 19.4656 73.5827 18.6716 73.1753C17.6705 72.6644 17.0353 71.4495 17.0353 69.7304V32.207C17.0353 29.1209 19.0927 25.579 21.6265 24.2879L52.4598 8.57456C53.5852 8.00153 54.6139 7.97372 55.4079 8.38106Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M68.8636 14.3338C68.0627 13.9264 67.034 13.9612 65.9156 14.5273L35.0822 30.2407C32.5484 31.5317 30.4911 35.0805 30.4911 38.1597V75.6831C30.4911 77.4022 31.1263 78.6103 32.1274 79.1281L29.0481 77.5608C28.047 77.0499 27.4119 75.835 27.4119 74.1159V36.5925C27.4119 33.5064 29.4693 29.9645 32.0031 28.6734L62.8364 12.9601C63.9618 12.387 64.9905 12.3592 65.7844 12.7666L68.8636 14.3338Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M68.8636 14.3347C69.8647 14.8456 70.4998 16.0608 70.4998 17.7799V55.3033C70.4998 58.3894 68.4424 61.931 65.9086 63.2221L35.0753 78.9358C33.9499 79.5088 32.9213 79.5363 32.1273 79.129C31.1263 78.618 30.4911 77.4031 30.4911 75.684V38.1606C30.4911 35.0745 32.5484 31.5326 35.0822 30.2416L65.9156 14.5282C67.0409 13.9551 68.0696 13.9273 68.8636 14.3347Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M50.7681 61.8964C50.6645 61.9516 50.5609 62.0001 50.4574 62.0346C48.9178 62.6422 47.6889 61.7721 47.5439 59.9701C47.5163 59.5559 47.3506 59.2589 47.0813 59.1277C46.8189 58.9896 46.4876 59.0313 46.1355 59.2454C45.9836 59.3351 45.8386 59.4592 45.7005 59.6111C44.0642 61.3509 42.1449 61.4475 41.4062 59.8458C40.771 58.465 41.2129 56.2075 42.4695 54.4746C42.7594 54.0741 42.9528 53.6184 43.008 53.1696C43.0632 52.7209 42.9941 52.3413 42.7939 52.0996C42.7042 51.9961 42.6006 51.9201 42.4764 51.8718C41.7653 51.6163 41.3027 50.9397 41.1646 49.9731C41.0265 49.0066 41.2267 47.8604 41.7307 46.7558C42.6282 44.7812 44.2921 43.3866 45.6936 43.4487C46.3495 43.4832 47.1227 42.7515 47.4265 41.8056C47.4886 41.6054 47.5301 41.412 47.5439 41.2187C47.5439 41.1842 47.5439 41.1498 47.5508 41.1152C47.6475 40.052 48.0548 38.9335 48.7038 37.9531C49.3735 36.9452 50.2157 36.1997 51.0718 35.8614C52.6114 35.2538 53.8403 36.1236 53.9853 37.9255C54.0198 38.3397 54.1787 38.6368 54.4479 38.7679C54.7172 38.8991 55.0486 38.8577 55.3938 38.6506C55.5457 38.554 55.6906 38.4366 55.8287 38.2916C57.4581 36.5587 59.3843 36.4552 60.123 38.057C60.7582 39.4378 60.3095 41.6952 59.0598 43.4282C58.4661 44.2359 58.3279 45.2991 58.7353 45.8031C58.825 45.9067 58.9287 45.9825 59.0529 46.0239C59.764 46.2793 60.2265 46.9561 60.3715 47.9158C60.5096 48.8823 60.3163 50.0216 59.8124 51.1331C58.9148 53.1146 57.251 54.5091 55.8425 54.4469C55.5181 54.4262 55.1659 54.592 54.8414 54.9027C54.5169 55.2134 54.2546 55.6343 54.1096 56.09C54.0475 56.2902 54.006 56.4905 53.9922 56.6769C53.9094 57.7747 53.4952 58.9278 52.8324 59.9358C52.2456 60.8195 51.5276 61.5029 50.775 61.8826L50.7681 61.8964ZM46.2528 56.829C47.0123 56.4423 47.7372 56.3939 48.3241 56.6907C48.9868 57.029 49.3942 57.7676 49.4701 58.7825C49.5254 59.4936 50.0224 59.846 50.6369 59.6044C50.9821 59.4732 51.3204 59.1695 51.5896 58.769C51.8589 58.3617 52.0246 57.899 52.0522 57.4641C52.0868 57.0015 52.1834 56.5045 52.3422 56.0074C52.7081 54.8683 53.3571 53.8117 54.1648 53.0385C54.9795 52.2652 55.8564 51.8647 56.6365 51.9061C57.1888 51.9268 57.8585 51.3678 58.2175 50.5739C58.4177 50.1251 58.5006 49.6694 58.4454 49.2827C58.3901 48.8961 58.2037 48.6268 57.9207 48.5232C57.6238 48.4197 57.3545 48.2332 57.1405 47.964C56.1187 46.7074 56.4708 44.0701 57.9276 42.0817C58.4247 41.3982 58.6042 40.4941 58.3487 39.9418C58.0518 39.2997 57.2786 39.341 56.6296 40.0314C56.2982 40.3904 55.9323 40.6941 55.5595 40.9288C54.7034 41.4604 53.861 41.5639 53.1982 41.2326C52.5355 40.8943 52.1282 40.1555 52.0522 39.1475C51.997 38.4295 51.4999 38.0843 50.8854 38.326C50.1743 38.5952 49.5392 39.569 49.4701 40.4734C49.4701 40.501 49.4701 40.5284 49.4632 40.556C49.4218 41.0047 49.332 41.4606 49.1801 41.93C48.4276 44.2843 46.4945 46.1206 44.879 46.0239C44.3266 46.0032 43.6569 46.5627 43.2979 47.3498C43.0977 47.7985 43.0149 48.2539 43.0701 48.6406C43.1253 49.0272 43.3118 49.2965 43.5948 49.4001C43.8917 49.5036 44.161 49.6902 44.375 49.9526C44.8721 50.5601 45.0653 51.5059 44.9134 52.6174C44.7615 53.729 44.2921 54.8752 43.5879 55.8348C43.0908 56.5183 42.9113 57.4225 43.1668 57.9748C43.4636 58.6169 44.2369 58.5755 44.8859 57.8851C45.2173 57.5261 45.5831 57.2225 45.9629 56.9877C46.0595 56.9256 46.1562 56.8702 46.2528 56.8219V56.829Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M50.7612 53.673C48.6279 54.7639 46.8881 53.5351 46.8881 50.9323C46.8881 48.3295 48.6279 45.3332 50.7612 44.2424C52.8945 43.1515 54.6343 44.3803 54.6343 46.9831C54.6343 49.5859 52.8945 52.5822 50.7612 53.673ZM50.7612 46.6035C49.6911 47.1489 48.8211 48.647 48.8211 49.9449C48.8211 51.2429 49.6911 51.8573 50.7612 51.3119C51.8313 50.7665 52.7012 49.2684 52.7012 47.9705C52.7012 46.6725 51.8313 46.0581 50.7612 46.6035Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,62 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const StateHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.4518 2.9386C41.651 2.53126 40.6223 2.5658 39.5038 3.13193L8.6704 18.8454C6.13661 20.1365 4.07922 23.6852 4.07922 26.7644V64.2879C4.07922 66.007 4.71436 67.2152 5.71545 67.733L2.63625 66.1657C1.63517 65.6548 1 64.4397 1 62.7206V25.1972C1 22.1111 3.0574 18.5693 5.59118 17.2783L36.4246 1.5647C37.55 0.991664 38.5787 0.964027 39.3726 1.37137L42.4518 2.9386Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M42.4519 2.9385C43.453 3.4494 44.0882 4.66451 44.0882 6.38361V43.907C44.0882 46.9931 42.0307 50.5349 39.497 51.8259L8.66355 67.5395C7.5382 68.1126 6.50948 68.1402 5.71552 67.7329C4.71443 67.222 4.07928 66.0069 4.07928 64.2878V26.7643C4.07928 23.6782 6.13668 20.1364 8.67046 18.8453L39.5039 3.13184C40.6292 2.5588 41.6579 2.53117 42.4519 2.9385Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M55.9078 8.88293C55.1069 8.47559 54.0782 8.51013 52.9597 9.07626L22.1263 24.7899C19.5925 26.0809 17.5351 29.6296 17.5351 32.7088V70.2322C17.5351 71.9513 18.1703 73.1595 19.1714 73.6773L16.0922 72.1101C15.0911 71.5992 14.4559 70.3841 14.4559 68.665V31.1415C14.4559 28.0554 16.5133 24.5137 19.0471 23.2226L49.8805 7.50903C51.0059 6.936 52.0346 6.90836 52.8286 7.3157L55.9078 8.88293Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.9078 8.88284C56.9089 9.39374 57.5441 10.6088 57.5441 12.3279V49.8514C57.5441 52.9375 55.4867 56.4792 52.9529 57.7703L22.1194 73.4839C20.9941 74.0569 19.9654 74.0845 19.1715 73.6772C18.1704 73.1663 17.5352 71.9512 17.5352 70.2321V32.7087C17.5352 29.6226 19.5926 26.0808 22.1264 24.7898L52.9598 9.07617C54.0851 8.50314 55.1138 8.4755 55.9078 8.88284Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M69.3638 14.8343C68.5629 14.427 67.5342 14.4615 66.4158 15.0277L35.5823 30.7413C33.0485 32.0323 30.9911 35.581 30.9911 38.6602V76.1836C30.9911 77.9027 31.6263 79.1109 32.6274 79.6287L29.5482 78.0615C28.5471 77.5506 27.9119 76.3355 27.9119 74.6164V37.093C27.9119 34.0069 29.9693 30.4651 32.5031 29.174L63.3365 13.4605C64.4619 12.8874 65.4906 12.8598 66.2846 13.2671L69.3638 14.8343Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M69.3638 14.8343C70.3649 15.3452 71.0001 16.5603 71.0001 18.2794V55.8028C71.0001 58.8889 68.9427 62.4306 66.4089 63.7217L35.5755 79.4353C34.4501 80.0083 33.4214 80.036 32.6275 79.6286C31.6264 79.1177 30.9912 77.9026 30.9912 76.1835V38.6601C30.9912 35.574 33.0486 32.0322 35.5824 30.7412L66.4158 15.0276C67.5412 14.4546 68.5699 14.4269 69.3638 14.8343Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.25"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M51.9864 33.7926C45.2411 37.2308 39.78 46.6686 39.78 54.8706C39.78 63.0726 45.248 66.9389 51.9864 63.5076C58.7316 60.0694 64.1927 50.6316 64.1927 42.4296C64.1927 34.2276 58.7247 30.3613 51.9864 33.7926ZM46.9602 54.4772L44.8131 56.9764C44.1986 55.8994 43.8534 54.484 43.8534 52.7994C43.8534 51.1148 44.1986 49.3405 44.8131 47.6421L46.9602 47.9528C46.5322 49.1403 46.2905 50.3761 46.2905 51.5636C46.2905 52.7511 46.5322 53.7314 46.9602 54.4909V54.4772ZM51.9864 58.5505C50.5986 59.2547 49.2938 59.5032 48.1477 59.3444L49.3007 56.141C50.1015 56.2514 51.006 56.0858 51.9864 55.5887C52.9667 55.0916 53.8781 54.3321 54.672 53.407L55.825 55.4367C54.6858 56.7623 53.3741 57.8532 51.9864 58.5574V58.5505ZM54.672 41.1592C53.8781 41.0488 52.9667 41.2144 51.9864 41.7115C51.006 42.2086 50.1015 42.9681 49.3007 43.8932L48.1477 41.8635C49.2869 40.5379 50.5986 39.447 51.9864 38.7428C53.3741 38.0386 54.6789 37.7901 55.825 37.9488L54.672 41.1523V41.1592ZM59.1734 49.6581L57.0194 49.3543C57.4474 48.1668 57.6891 46.931 57.6891 45.7435C57.6891 44.556 57.4474 43.5688 57.0194 42.8162L59.1734 40.317C59.781 41.394 60.1331 42.8093 60.1331 44.5008C60.1331 46.1854 59.7879 47.9597 59.1734 49.6581Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,76 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const TemplateHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.8783 2.45609C46.9629 1.98409 45.7871 2.02411 44.5088 2.68011L9.26704 20.8881C6.37099 22.3841 4.01943 26.4961 4.01943 30.0641V73.5441C4.01943 75.5361 4.74542 76.9361 5.88964 77.5361L2.37019 75.72C1.22598 75.128 0.5 73.7201 0.5 71.7281V28.2481C0.5 24.6721 2.85155 20.5681 5.74759 19.0721L40.9893 0.864095C42.2756 0.200096 43.4514 0.168121 44.3588 0.640121L47.8783 2.45609Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.8784 2.45571C49.0226 3.04771 49.7486 4.4557 49.7486 6.4477V49.9277C49.7486 53.5037 47.397 57.6077 44.501 59.1037L9.25923 77.3117C7.97298 77.9757 6.79721 78.0077 5.88973 77.5357C4.74552 76.9437 4.01953 75.5357 4.01953 73.5437V30.0637C4.01953 26.4877 6.37109 22.3837 9.26713 20.8877L44.5089 2.67974C45.7951 2.01574 46.9709 1.98371 47.8784 2.45571Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.2587 9.39208C62.3433 8.92008 61.1675 8.96005 59.8891 9.61605L24.6474 27.824C21.7514 29.32 19.3998 33.432 19.3998 37V80.48C19.3998 82.472 20.1258 83.872 21.27 84.472L17.7506 82.656C16.6064 82.064 15.8804 80.656 15.8804 78.664V35.1841C15.8804 31.6081 18.2319 27.504 21.128 26.008L56.3697 7.80004C57.656 7.13604 58.8317 7.10406 59.7392 7.57606L63.2587 9.39208Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.2583 9.39247C64.4025 9.98447 65.1285 11.3925 65.1285 13.3845V56.8644C65.1285 60.4404 62.7769 64.5444 59.8809 66.0404L24.6391 84.2484C23.3529 84.9124 22.1771 84.9444 21.2696 84.4724C20.1254 83.8804 19.3994 82.4724 19.3994 80.4804V37.0004C19.3994 33.4244 21.751 29.3204 24.647 27.8244L59.8888 9.61644C61.175 8.95245 62.3508 8.92047 63.2583 9.39247Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.6297 16.2803C77.7144 15.8083 76.5386 15.8483 75.2602 16.5043L40.0185 34.7123C37.1225 36.2083 34.7709 40.3203 34.7709 43.8883V87.3683C34.7709 89.3603 35.4969 90.7603 36.6411 91.3603L33.1217 89.5443C31.9774 88.9523 31.2515 87.5443 31.2515 85.5522V42.0723C31.2515 38.4963 33.603 34.3923 36.4991 32.8963L71.7408 14.6883C73.0271 14.0243 74.2028 13.9923 75.1103 14.4643L78.6297 16.2803Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.6298 16.28C79.7741 16.872 80.5 18.2799 80.5 20.2719V63.7519C80.5 67.3279 78.1485 71.4319 75.2524 72.9279L40.0107 91.1359C38.7244 91.7999 37.5487 91.8319 36.6412 91.3599C35.497 90.7679 34.771 89.3599 34.771 87.3679V43.8879C34.771 40.3119 37.1226 36.2079 40.0186 34.7119L75.2603 16.5039C76.5466 15.8399 77.7224 15.808 78.6298 16.28Z"
|
||||
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="M59.384 41.4397L55.6989 50.5676L63.0298 46.7837L59.384 41.4476V41.4397ZM59.313 38.2556C59.6523 38.0636 59.9838 37.9836 60.2836 38.0236C60.5835 38.0636 60.836 38.2156 61.0175 38.4636L61.0333 38.4797L65.2787 44.6877C65.4681 44.9437 65.5865 45.2956 65.6023 45.7036C65.6259 46.1276 65.547 46.6076 65.3892 47.0796C65.2235 47.5516 64.9788 48.0076 64.6711 48.3996C64.3633 48.7836 64.0161 49.0876 63.661 49.2716L55.1465 53.6716C54.7993 53.8636 54.4521 53.9436 54.1522 53.8956C53.8366 53.8476 53.5683 53.6716 53.3947 53.3756C53.2132 53.0876 53.1264 52.6956 53.1343 52.2476C53.1422 51.7996 53.2526 51.3196 53.442 50.8476L57.7111 40.2797C57.8768 39.8477 58.1057 39.4397 58.3819 39.0877C58.666 38.7197 58.9974 38.4317 59.3367 38.2397L59.313 38.2556Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M47.8789 63.1118C47.8789 61.5438 48.9048 59.7438 50.1752 59.0878L55.92 56.1198C57.1904 55.4638 58.2163 56.1998 58.2163 57.7678V64.8558C58.2163 66.4237 57.1904 68.2238 55.92 68.8798L50.1752 71.8477C48.9048 72.5037 47.8789 71.7677 47.8789 70.1997V63.1118ZM55.92 58.9518L50.1752 61.9198V69.0077L55.92 66.0398V58.9518Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M65.6887 53.9033C64.1026 54.7193 62.8163 56.9753 62.8163 58.9353C62.8163 60.8953 64.1026 61.8153 65.6887 60.9993C67.2748 60.1833 68.5611 57.9273 68.5611 55.9673C68.5611 54.0073 67.2748 53.0873 65.6887 53.9033ZM60.52 60.1193C60.52 56.5993 62.8321 52.5433 65.6887 51.0633C68.5453 49.5913 70.8574 51.2473 70.8574 54.7753C70.8574 58.2953 68.5453 62.3513 65.6887 63.8313C62.8321 65.3033 60.52 63.6473 60.52 60.1193Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,70 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const TokenHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.8735 3.05272C46.9582 2.58718 45.7826 2.62663 44.5043 3.27365L9.26615 21.2323C6.3704 22.7078 4.01908 26.7634 4.01908 30.2826V73.167C4.01908 75.1317 4.74499 76.5126 5.88909 77.1043L2.37001 75.3132C1.22591 74.7293 0.5 73.3406 0.5 71.3759V28.4914C0.5 24.9644 2.85132 20.9166 5.74706 19.4411L40.9931 1.48252C42.2793 0.827616 43.4549 0.796055 44.3623 1.26159L47.8814 3.05272H47.8735Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.8735 3.05224C49.0176 3.63613 49.7435 5.02484 49.7435 6.98956V49.874C49.7435 53.401 47.3922 57.4488 44.4965 58.9243L9.25828 76.8829C7.97216 77.5378 6.7965 77.5694 5.88911 77.1039C4.74501 76.52 4.0191 75.1313 4.0191 73.1665V30.2821C4.0191 26.7551 6.37042 22.7073 9.26617 21.2318L44.5044 3.27317C45.7905 2.61827 46.9661 2.5867 47.8735 3.05224Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.2517 9.89232C62.3365 9.42678 61.1608 9.46623 59.8826 10.1132L24.6444 28.0719C21.7486 29.5474 19.3973 33.603 19.3973 37.1222V80.0066C19.3973 81.9713 20.1232 83.3522 21.2673 83.9439L17.7482 82.1528C16.6041 81.5689 15.8782 80.1802 15.8782 78.2155V35.331C15.8782 31.804 18.2296 27.7562 21.1253 26.2807L56.3635 8.32212C57.6496 7.66722 58.8253 7.63565 59.7326 8.10119L63.2517 9.89232Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.2518 9.89184C64.3958 10.4757 65.1218 11.8644 65.1218 13.8292V56.7136C65.1218 60.2406 62.7704 64.2884 59.8747 65.7639L24.6365 83.7225C23.3504 84.3774 22.1747 84.409 21.2673 83.9435C20.1232 83.3596 19.3973 81.9709 19.3973 80.0061V37.1217C19.3973 33.5947 21.7487 29.5469 24.6444 28.0714L59.8826 10.1128C61.1687 9.45787 62.3444 9.4263 63.2518 9.89184Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.63 16.6875C77.7147 16.2219 76.539 16.2614 75.2608 16.9084L40.0226 34.867C37.1269 36.3425 34.7756 40.3982 34.7756 43.9173V86.8018C34.7756 88.7665 35.5015 90.1473 36.6456 90.7391L33.1265 88.948C31.9824 88.3641 31.2565 86.9754 31.2565 85.0107V42.1262C31.2565 38.5992 33.6078 34.5514 36.5035 33.0759L71.7417 15.1173C73.0278 14.4624 74.2035 14.4308 75.1109 14.8964L78.63 16.6875Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.63 16.6869C79.7741 17.2708 80.5 18.6595 80.5 20.6242V63.5087C80.5 67.0357 78.1487 71.0835 75.2529 72.559L40.0147 90.5176C38.7286 91.1725 37.553 91.204 36.6456 90.7385C35.5015 90.1546 34.7756 88.7659 34.7756 86.8012V43.9167C34.7756 40.3897 37.1269 36.3419 40.0226 34.8664L75.2608 16.9078C76.5469 16.2529 77.7226 16.2213 78.63 16.6869Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M53.4204 72.4882L50.43 74.011C49.3332 74.5712 48.4337 73.94 48.4337 72.5986V69.9632C48.4337 68.9848 48.7493 67.9117 49.3095 66.9412L55.6849 55.934C55.322 54.3954 55.3851 52.5254 55.8664 50.5922C57.2235 45.1636 61.5001 40.4688 65.3979 40.1374C67.2837 39.9796 68.8065 40.8476 69.6745 42.5992C70.5424 44.343 70.6608 46.7575 70.0059 49.385C68.7197 54.5374 64.814 59.0192 61.0898 59.753L60.6953 60.4237C60.1272 61.4021 59.3776 62.1596 58.5807 62.5699L58.4071 62.6567V63.8718C58.4071 65.2132 57.5155 66.7597 56.4108 67.3199L55.4166 67.8249V69.04C55.4166 70.3814 54.525 71.9279 53.4204 72.4882ZM62.944 43.3094C60.6716 44.4693 58.5412 47.2782 57.7601 50.4344C57.3577 52.0598 57.3577 53.6143 57.7601 54.8294C57.8863 55.2081 57.7916 55.7368 57.5234 56.2102L50.7219 67.9433C50.5325 68.2668 50.43 68.6297 50.43 68.9532V71.5886L53.4204 70.0658V68.8507C53.4204 67.5093 54.312 65.9628 55.4166 65.4026L56.4108 64.8976V63.6824C56.4108 62.3411 57.3024 60.7945 58.4071 60.2343L58.5807 60.1475C58.8411 60.0134 59.1014 59.753 59.2829 59.4295L60.0956 58.025C60.3639 57.5595 60.7663 57.2439 61.1292 57.2123C63.9855 56.9677 67.118 53.5275 68.1122 49.5428C68.5935 47.6096 68.5067 45.8422 67.8676 44.5639C67.2285 43.2857 66.1159 42.6387 64.7351 42.7649C64.1433 42.8123 63.5358 43.0016 62.9361 43.3094H62.944Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M63.8988 47.7273C64.1749 47.5853 64.3959 47.7431 64.3959 48.0824C64.3959 48.4217 64.1749 48.8004 63.8988 48.9424C63.6226 49.0845 63.4017 48.9267 63.4017 48.5874C63.4017 48.2481 63.6226 47.8693 63.8988 47.7273Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M63.8987 50.157C63.0702 50.5751 62.3995 50.1017 62.3995 49.0996C62.3995 48.0976 63.0702 46.9377 63.8987 46.5195C64.7272 46.1013 65.3979 46.5747 65.3979 47.5768C65.3979 48.5789 64.7272 49.7388 63.8987 50.157ZM63.8987 47.7267C63.6225 47.8687 63.4016 48.2554 63.4016 48.5868C63.4016 48.9182 63.6225 49.076 63.8987 48.9418C64.1749 48.8077 64.3958 48.4132 64.3958 48.0818C64.3958 47.7504 64.1749 47.5926 63.8987 47.7267Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,77 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const UnknownHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<svg
|
||||
width="101"
|
||||
height="114"
|
||||
viewBox="0 0 101 114"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M59.7226 3.31093C58.5784 2.72896 57.1087 2.77828 55.5108 3.58712L11.4588 26.0373C7.83873 27.8818 4.8993 32.9518 4.8993 37.3511V90.9612C4.8993 93.4173 5.80678 95.1435 7.23704 95.8833L2.83776 93.6442C1.4075 92.9143 0.5 91.1782 0.5 88.7221V35.112C0.5 30.7029 3.43946 25.6427 7.05949 23.7982L51.1115 1.34802C52.7193 0.529321 54.189 0.489863 55.3234 1.07183L59.7226 3.31093Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M59.7228 3.31097C61.153 4.04089 62.0605 5.77694 62.0605 8.23304V61.8431C62.0605 66.2523 59.1211 71.3124 55.501 73.157L11.449 95.6071C9.84119 96.4258 8.37149 96.4653 7.23714 95.8833C5.80688 95.1534 4.89941 93.4174 4.89941 90.9613V37.3512C4.89941 32.942 7.83884 27.8819 11.4589 26.0373L55.5109 3.58716C57.1187 2.76845 58.5884 2.729 59.7228 3.31097Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M78.9375 11.853C77.7933 11.2711 76.3235 11.3204 74.7256 12.1292L30.6736 34.5794C27.0536 36.4239 24.1141 41.4939 24.1141 45.8932V99.5033C24.1141 101.959 25.0216 103.686 26.4519 104.425L22.0526 102.186C20.6223 101.456 19.7148 99.7203 19.7148 97.2642V43.6541C19.7148 39.245 22.6543 34.1848 26.2743 32.3403L70.3263 9.89014C71.9341 9.07144 73.4039 9.03198 74.5382 9.61395L78.9375 11.853Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.9376 11.8531C80.3679 12.583 81.2754 14.319 81.2754 16.7752V70.3852C81.2754 74.7944 78.3359 79.8546 74.7159 81.6991L30.6639 104.149C29.0561 104.968 27.5864 105.007 26.452 104.425C25.0218 103.696 24.1143 101.959 24.1143 99.5034V45.8933C24.1143 41.4841 27.0537 36.424 30.6738 34.5794L74.7257 12.1293C76.3335 11.3106 77.8033 11.2711 78.9376 11.8531Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M98.1621 20.3557C97.0179 19.7738 95.5482 19.8231 93.9502 20.6319L49.8982 43.0821C46.2782 44.9266 43.3388 49.9966 43.3388 54.3959V108.006C43.3388 110.462 44.2462 112.188 45.6765 112.928L41.2772 110.689C39.847 109.959 38.9395 108.223 38.9395 105.767V52.1568C38.9395 47.7477 41.8789 42.6875 45.4989 40.843L89.5509 18.3928C91.1587 17.5741 92.6285 17.5347 93.7628 18.1166L98.1621 20.3557Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M98.1622 20.3558C99.5925 21.0857 100.5 22.8217 100.5 25.2778V78.8879C100.5 83.2971 97.5605 88.3572 93.9405 90.2018L49.8885 112.652C48.2806 113.471 46.8109 113.51 45.6766 112.928C44.2463 112.198 43.3389 110.462 43.3389 108.006V54.396C43.3389 49.9868 46.2783 44.9267 49.8983 43.0821L93.9503 20.632C95.5582 19.8133 97.0279 19.7738 98.1622 20.3558Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M73.3248 76.3332C72.6146 76.6982 72.0425 76.2937 72.0425 75.4356C72.0425 74.5774 72.6047 73.591 73.3149 73.2261H73.3248C74.035 72.8611 74.6071 73.2655 74.6071 74.1237C74.6071 74.9818 74.035 75.9682 73.3248 76.3332Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M80.9988 80.2194L65.6407 88.0415C63.52 89.1166 61.8037 87.9034 61.8037 85.3289V60.4128C61.8037 57.8383 63.5299 54.8594 65.6407 53.7843L77.1617 47.9153C77.4971 47.7377 77.8226 47.7377 78.0692 47.9153L84.4708 52.4428C84.7076 52.6105 84.8457 52.936 84.8457 53.3503V73.5909C84.8457 76.1654 83.1195 79.1443 81.0087 80.2194H80.9988ZM65.6407 56.8914C64.9305 57.2465 64.3584 58.2427 64.3584 59.1009V84.017C64.3584 84.8752 64.9305 85.2796 65.6407 84.9245L80.9988 77.1024C81.709 76.7473 82.2811 75.7511 82.2811 74.8929V55.2934L76.6291 51.2986L65.6407 56.9012V56.8914Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M73.2167 70.1681C72.6841 70.4443 72.181 70.2865 72.0035 69.7242C71.7766 69.0239 72.1416 67.9586 72.8123 67.347C73.5817 66.6368 75.7813 64.2498 75.7813 62.642C75.7813 61.3597 75.0909 60.541 74.0946 60.61C73.4535 60.6593 72.7531 61.044 72.1416 61.7148C71.5201 62.3855 71.0565 63.2437 70.8198 64.1511C70.5732 65.0882 69.8433 65.8675 69.1824 65.9168C68.5215 65.9661 68.1763 65.246 68.413 64.309C69.3797 60.5903 72.3191 57.4141 74.9725 57.2366C76.9748 57.0985 78.3262 58.7457 78.3459 61.3301C78.3459 65.463 74.1143 69.448 73.631 69.8919C73.4929 70.0201 73.3647 70.1089 73.2266 70.178L73.2167 70.1681Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,68 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const UpdateHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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,62 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const WebhookHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.8736 2.5768C46.9583 2.11126 45.7826 2.15093 44.5044 2.79794L9.26615 20.7562C6.3704 22.2317 4.01906 26.2876 4.01906 29.8067V72.6905C4.01906 74.6552 4.74496 76.0362 5.88906 76.628L2.37 74.8369C1.22591 74.253 0.5 72.8641 0.5 70.8994V28.0155C0.5 24.4885 2.85134 20.4406 5.74709 18.9651L40.9853 1.00681C42.2715 0.351913 43.447 0.320136 44.3544 0.785668L47.8736 2.5768Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.8736 2.57668C49.0177 3.16057 49.7436 4.54946 49.7436 6.51416V49.398C49.7436 52.925 47.3922 56.9729 44.4965 58.4484L9.25823 76.4071C7.97211 77.062 6.79644 77.0934 5.88905 76.6279C4.74495 76.044 4.01904 74.6551 4.01904 72.6904V29.8065C4.01904 26.2796 6.37038 22.2316 9.26613 20.7561L44.5044 2.79783C45.7905 2.14293 46.9662 2.11115 47.8736 2.57668Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.2515 9.37172C62.3362 8.90619 61.1606 8.94585 59.8823 9.59286L24.6441 27.5512C21.7483 29.0267 19.397 33.0825 19.397 36.6016V79.4858C19.397 81.4505 20.1229 82.8311 21.267 83.4229L17.7479 81.6318C16.6038 81.0479 15.8779 79.6594 15.8779 77.6947V34.8105C15.8779 31.2835 18.2293 27.2355 21.125 25.76L56.3633 7.80174C57.6494 7.14683 58.825 7.11506 59.7324 7.58059L63.2515 9.37172Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.252 9.36965C64.3961 9.95354 65.122 11.3424 65.122 13.3071V56.1914C65.122 59.7184 62.7707 63.7659 59.8749 65.2414L24.6367 83.2001C23.3505 83.855 22.1749 83.8864 21.2675 83.4208C20.1234 82.837 19.3975 81.4484 19.3975 79.4837V36.5995C19.3975 33.0725 21.7488 29.0246 24.6446 27.5491L59.8828 9.5908C61.1689 8.9359 62.3446 8.90412 63.252 9.36965Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.6304 16.1648C77.7151 15.6993 76.5395 15.7386 75.2612 16.3856L40.023 34.3443C37.1272 35.8198 34.7759 39.8752 34.7759 43.3943V86.2786C34.7759 88.2433 35.5019 89.6243 36.646 90.216L33.1268 88.4249C31.9827 87.841 31.2568 86.4521 31.2568 84.4874V41.6032C31.2568 38.0762 33.6082 34.0287 36.5039 32.5532L71.7422 14.5945C73.0283 13.9396 74.204 13.9082 75.1114 14.3737L78.6304 16.1648Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.6299 16.1647C79.774 16.7486 80.4999 18.1371 80.4999 20.1018V62.9861C80.4999 66.5131 78.1486 70.561 75.2528 72.0365L40.0146 89.9948C38.7285 90.6497 37.5529 90.6814 36.6455 90.2159C35.5014 89.632 34.7754 88.2431 34.7754 86.2784V43.3942C34.7754 39.8672 37.1267 35.8197 40.0225 34.3442L75.2607 16.3855C76.5469 15.7306 77.7225 15.6992 78.6299 16.1647Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M58.4468 44.0802C58.9439 43.4963 59.5594 43.37 59.875 43.7724L59.9302 43.8595L63.3546 49.7375L63.4098 49.8165C63.7175 50.1953 64.4672 50.1637 65.5324 49.6193L65.8006 49.4929C67.1499 48.8853 68.4359 48.9249 69.3986 49.6035C70.4243 50.3294 71.0003 51.7261 71.0003 53.4936C71.0003 55.261 70.4243 57.2415 69.3986 59.0168C68.3728 60.7843 66.9842 62.1964 65.5324 62.9381C64.9248 63.2458 64.4356 62.8987 64.4356 62.1649C64.4356 61.4311 64.9248 60.5867 65.5324 60.279C66.4003 59.8371 67.2366 58.9929 67.8521 57.9277C68.4675 56.8625 68.8147 55.6712 68.8147 54.6139C68.8147 53.5566 68.4675 52.7203 67.8521 52.2784C67.3155 51.8997 66.6054 51.8524 65.8558 52.1443L65.5324 52.2942C64.3015 52.9254 62.4393 53.4934 61.5161 52.1363L61.4293 52.0022L58.005 46.1237L57.9576 46.0212C57.7445 45.5083 57.9419 44.672 58.439 44.096L58.4468 44.0802ZM47.7948 61.8335C48.1341 61.1234 48.7575 60.658 49.2388 60.7764C49.7517 60.9026 49.9095 61.6363 49.5938 62.4253L49.4913 62.7016C49.2624 63.3407 49.1441 64.0111 49.1362 64.6345C49.1362 65.5182 49.3808 66.2602 49.8306 66.7257C50.2803 67.1992 50.9116 67.3725 51.6217 67.2304C52.3318 67.0805 53.0814 66.6231 53.7521 65.9209C54.4227 65.2187 54.9672 64.3192 55.3143 63.3565V63.3326C55.9298 61.6757 57.1449 59.1902 58.9913 58.2513L65.5403 54.9137L65.6506 54.8663C66.203 54.6532 66.6291 55.0005 66.6291 55.6869C66.6291 56.3734 66.1951 57.1625 65.6506 57.5096L65.5403 57.5728L58.9913 60.9104C58.4389 61.1945 57.7841 62.1569 57.2396 63.6482C56.6636 65.242 55.7562 66.7413 54.6437 67.9012C53.5311 69.069 52.2766 69.8424 51.1009 70.0791C49.9174 70.3237 48.8679 70.0239 48.1184 69.2427C47.3688 68.4537 46.9585 67.2228 46.9585 65.7394V65.7236L46.9743 65.2817C47.0374 64.2402 47.2899 63.1039 47.7396 61.9834L47.8027 61.8413L47.7948 61.8335ZM58.2732 38.7384C58.9991 38.2492 59.7329 37.9335 60.4351 37.8072C61.1374 37.681 61.8002 37.752 62.3762 38.0045C62.8812 38.2254 63.3073 38.5886 63.6466 39.0778L63.7806 39.2909L63.8675 39.4959C64.0174 40.0087 63.8123 40.7742 63.3546 41.3186C62.8891 41.863 62.3288 42.0129 61.9974 41.7131L61.8712 41.5551L61.6977 41.3028C61.5083 41.074 61.2873 40.8924 61.0269 40.7819C60.6797 40.632 60.2853 40.5847 59.8671 40.6636C59.441 40.7425 59.007 40.9242 58.573 41.2161C58.1391 41.508 57.7209 41.8944 57.3422 42.36C56.9635 42.8255 56.6321 43.3543 56.3717 43.9145C56.1113 44.4748 55.9219 45.0586 55.8193 45.6267C55.7167 46.1948 55.701 46.7393 55.772 47.2364C55.843 47.7256 55.9929 48.1436 56.2217 48.475C56.5926 48.9879 56.9476 49.6667 57.1055 50.5031C57.2711 51.3474 57.2554 52.4283 56.8056 53.6592L53.3812 63.0961L53.326 63.246C53.0103 63.964 52.4028 64.4608 51.9057 64.3898C51.3771 64.3109 51.1798 63.6008 51.4638 62.8118L54.8883 53.3749L54.9277 53.2331C55.0224 52.9175 55.0461 52.5543 54.9672 52.1598C54.8962 51.8126 54.7621 51.4735 54.5806 51.1658L54.3833 50.866C54.3833 50.866 54.3833 50.8502 54.3754 50.8502C53.9888 50.2979 53.7284 49.5876 53.6101 48.767C53.4917 47.9465 53.5233 47.0391 53.6969 46.0844C53.8705 45.1297 54.186 44.1591 54.62 43.228C55.0539 42.2969 55.6063 41.4134 56.2296 40.6401C56.8609 39.8669 57.5552 39.2197 58.2811 38.7384H58.2732Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,76 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const WorkItemHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<svg width="72" height="80" viewBox="0 0 72 80" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M42.4518 2.44207C41.651 2.03473 40.6223 2.06925 39.5038 2.63538L8.67038 18.349C6.1366 19.64 4.0792 23.1887 4.0792 26.2679V63.7913C4.0792 65.5104 4.71437 66.7186 5.71546 67.2364L2.63625 65.6692C1.63517 65.1583 1 63.9432 1 62.2241V24.7007C1 21.6146 3.0574 18.0728 5.59118 16.7818L36.4246 1.06817C37.55 0.495131 38.5787 0.467515 39.3726 0.874853L42.4518 2.44207Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M42.4515 2.44211C43.4526 2.95301 44.0877 4.16813 44.0877 5.88723V43.4106C44.0877 46.4967 42.0303 50.0385 39.4965 51.3296L8.66314 67.0432C7.53778 67.6162 6.50907 67.6438 5.71511 67.2365C4.71403 66.7256 4.07886 65.5105 4.07886 63.7914V26.2679C4.07886 23.1818 6.13626 19.6401 8.67004 18.349L39.5035 2.63543C40.6288 2.06239 41.6575 2.03478 42.4515 2.44211Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M55.9076 8.38648C55.1068 7.97914 54.0781 8.01366 52.9596 8.57979L22.1262 24.2934C19.5924 25.5844 17.535 29.1331 17.535 32.2123V69.7357C17.535 71.4548 18.1702 72.6631 19.1713 73.1809L16.0921 71.6136C15.091 71.1027 14.4558 69.8876 14.4558 68.1685V30.6451C14.4558 27.559 16.5132 24.0172 19.047 22.7262L49.8804 7.01256C51.0058 6.43953 52.0345 6.41191 52.8284 6.81925L55.9076 8.38648Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M55.9075 8.38645C56.9086 8.89735 57.5438 10.1125 57.5438 11.8316V49.355C57.5438 52.4411 55.4864 55.9829 52.9526 57.2739L22.1192 72.9875C20.9938 73.5605 19.9651 73.5882 19.1712 73.1808C18.1701 72.6699 17.5349 71.4548 17.5349 69.7357V32.2123C17.5349 29.1262 19.5923 25.5844 22.1261 24.2933L52.9595 8.57976C54.0849 8.00673 55.1136 7.97911 55.9075 8.38645Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M69.3637 14.3309C68.5628 13.9235 67.5341 13.958 66.4157 14.5242L35.5822 30.2378C33.0485 31.5288 30.9911 35.0775 30.9911 38.1567V75.6801C30.9911 77.3992 31.6262 78.6074 32.6273 79.1252L29.5481 77.558C28.547 77.0471 27.9119 75.832 27.9119 74.1129V36.5895C27.9119 33.5034 29.9693 29.9616 32.5031 28.6706L63.3365 12.957C64.4618 12.3839 65.4905 12.3563 66.2845 12.7636L69.3637 14.3309Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M69.3636 14.3308C70.3647 14.8417 70.9998 16.0569 70.9998 17.776V55.2994C70.9998 58.3855 68.9424 61.9273 66.4087 63.2183L35.5752 78.9319C34.4499 79.5049 33.4212 79.5326 32.6272 79.1252C31.6261 78.6143 30.991 77.3992 30.991 75.6801V38.1567C30.991 35.0706 33.0484 31.5288 35.5821 30.2377L66.4156 14.5242C67.5409 13.9511 68.5696 13.9235 69.3636 14.3308Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M53.5394 40.4351C53.7258 40.8562 54.14 41.0081 54.6302 40.7665C55.293 40.4351 55.8384 39.4892 55.8453 38.6538V37.1211C55.8591 36.6241 55.6658 36.2512 55.3344 36.1339C55.0099 36.0165 54.5888 36.1684 54.216 36.5343L46.3868 44.2875C45.9242 44.7501 45.6135 45.4612 45.6135 46.0895V56.6388C45.6135 57.1636 45.8345 57.5433 46.1935 57.633C46.5525 57.7228 47.0012 57.5088 47.3741 57.0807L48.4925 55.7828C49.0793 55.0993 49.3072 54.0705 49.0034 53.4906C48.8032 53.1109 48.4235 53.0142 48.023 53.1868V45.91L53.5394 40.4489V40.4351Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M48.7274 38.3707C48.9138 38.7918 49.328 38.9437 49.8182 38.7021C50.481 38.3707 51.0264 37.4249 51.0333 36.5895V35.0568C51.0471 34.5597 50.8538 34.1868 50.5224 34.0695C50.191 33.9521 49.7768 34.104 49.4039 34.4699L41.5748 42.2231C41.1122 42.6857 40.8015 43.3968 40.8015 44.0251V54.5745C40.8015 55.0992 41.0225 55.4789 41.3815 55.5687C41.7405 55.6584 42.1892 55.4513 42.562 55.0163L43.6805 53.7184C44.2673 53.0349 44.4952 52.0062 44.1914 51.4262C43.9912 51.0465 43.6115 50.9499 43.211 51.1225V43.8456L48.7274 38.3845V38.3707Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M61.1825 49.431C61.1825 50.0524 60.8787 50.7704 60.4092 51.226L52.5869 58.9793C52.2141 59.3452 51.7999 59.4971 51.4754 59.3797C51.1509 59.2623 50.9507 58.9033 50.9507 58.4062V47.8569C50.9507 47.2355 51.2545 46.5175 51.7239 46.0549L59.5531 38.3017C59.9259 37.9358 60.3402 37.7839 60.6647 37.9013C60.9891 38.0186 61.1894 38.3846 61.1894 38.8747V49.4241L61.1825 49.431ZM58.7799 42.306L53.3602 47.6705V54.9888L58.773 49.6243V42.306H58.7799Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,70 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const WorklogHorizontalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.8736 2.5768C46.9583 2.11127 45.7826 2.15093 44.5044 2.79795L9.26614 20.7563C6.37039 22.2318 4.01915 26.2876 4.01915 29.8067V72.6906C4.01915 74.6553 4.74506 76.0363 5.88915 76.6281L2.37 74.837C1.22591 74.2531 0.5 72.8642 0.5 70.8995V28.0156C0.5 24.4886 2.85134 20.4406 5.74709 18.9651L40.9853 1.00681C42.2714 0.351913 43.4471 0.320136 44.3545 0.785668L47.8736 2.5768Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.8737 2.57668C49.0178 3.16057 49.7437 4.54946 49.7437 6.51417V49.3981C49.7437 52.9251 47.3924 56.973 44.4966 58.4485L9.25838 76.4072C7.97226 77.0621 6.79668 77.0935 5.88929 76.628C4.74519 76.0441 4.01929 74.6552 4.01929 72.6905V29.8066C4.01929 26.2796 6.37053 22.2316 9.26628 20.7561L44.5045 2.79783C45.7906 2.14293 46.9663 2.11115 47.8737 2.57668Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M63.252 9.37172C62.3367 8.90619 61.161 8.94586 59.8828 9.59287L24.6446 27.5512C21.7488 29.0267 19.3976 33.0825 19.3976 36.6016V79.4859C19.3976 81.4506 20.1235 82.8312 21.2676 83.423L17.7484 81.6319C16.6043 81.048 15.8784 79.6595 15.8784 77.6948V34.8105C15.8784 31.2835 18.2298 27.2356 21.1255 25.7601L56.3637 7.80174C57.6499 7.14683 58.8255 7.11506 59.7329 7.58059L63.252 9.37172Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M63.2521 9.36965C64.3962 9.95354 65.1221 11.3424 65.1221 13.3071V56.1914C65.1221 59.7184 62.7708 63.766 59.875 65.2415L24.6369 83.2002C23.3508 83.8551 22.1751 83.8865 21.2677 83.4209C20.1236 82.8371 19.3977 81.4485 19.3977 79.4838V36.5996C19.3977 33.0726 21.7489 29.0246 24.6447 27.5491L59.8829 9.5908C61.169 8.9359 62.3447 8.90412 63.2521 9.36965Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M78.6299 16.1649C77.7146 15.6993 76.5389 15.7386 75.2607 16.3856L40.0226 34.3443C37.1268 35.8198 34.7755 39.8753 34.7755 43.3944V86.2786C34.7755 88.2433 35.5014 89.6244 36.6455 90.2161L33.1264 88.425C31.9823 87.8411 31.2563 86.4522 31.2563 84.4875V41.6032C31.2563 38.0762 33.6077 34.0287 36.5034 32.5532L71.7417 14.5945C73.0278 13.9396 74.2035 13.9082 75.1108 14.3737L78.6299 16.1649Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M78.63 16.1647C79.7741 16.7486 80.5 18.1371 80.5 20.1018V62.9861C80.5 66.5131 78.1487 70.5611 75.253 72.0366L40.0148 89.9949C38.7287 90.6498 37.553 90.6815 36.6456 90.216C35.5015 89.6321 34.7756 88.2432 34.7756 86.2785V43.3942C34.7756 39.8672 37.127 35.8197 40.0227 34.3442L75.2609 16.3855C76.547 15.7306 77.7226 15.6992 78.63 16.1647Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M61.7446 39.5835L57.3813 41.8088C56.7817 42.1165 56.2925 41.7694 56.2925 41.0356C56.2925 40.3018 56.7817 39.4574 57.3813 39.1497L61.7446 36.9247C62.3443 36.617 62.8335 36.9641 62.8335 37.6979C62.8335 38.4318 62.3443 39.2757 61.7446 39.5835Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M59.5591 56.6164C59.2829 56.7584 58.9989 56.7742 58.7859 56.6164C58.3598 56.3165 58.3598 55.472 58.7859 54.7382L62.0604 49.0889C62.4864 48.3551 63.1809 48.0001 63.599 48.2999C64.0251 48.5997 64.0251 49.4439 63.599 50.1777L60.3245 55.8273C60.1115 56.1982 59.8354 56.4663 59.5513 56.6083L59.5591 56.6164Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M59.5592 67.2388C54.1464 70.0005 49.7437 66.8835 49.7437 60.2951C49.7437 53.7066 54.1464 46.1082 59.5592 43.3466C64.9719 40.5849 69.3748 43.7019 69.3748 50.2903C69.3748 56.8788 64.9719 64.4772 59.5592 67.2388ZM59.5592 46.0057C55.3457 48.1519 51.9214 54.0619 51.9214 59.1828C51.9214 64.3036 55.3457 66.7259 59.5592 64.5797C63.7726 62.4335 67.1971 56.5235 67.1971 51.4026C67.1971 46.2817 63.7726 43.8595 59.5592 46.0057Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,12 @@
|
||||
import { InboxIllustration, SearchIllustration } from "./";
|
||||
|
||||
export const IllustrationMap = [
|
||||
{
|
||||
asset: <InboxIllustration className="w-20 h-20" />,
|
||||
title: "Inbox",
|
||||
},
|
||||
{
|
||||
asset: <SearchIllustration className="w-20 h-20" />,
|
||||
title: "Search",
|
||||
},
|
||||
];
|
||||
134
packages/propel/src/empty-state/assets/illustration/inbox.tsx
Normal file
134
packages/propel/src/empty-state/assets/illustration/inbox.tsx
Normal file
@@ -0,0 +1,134 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const InboxIllustration = ({ className, ...rest }: TIllustrationAssetProps) => (
|
||||
<svg
|
||||
width="100"
|
||||
height="92"
|
||||
viewBox="0 0 100 92"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
{...rest}
|
||||
>
|
||||
<path
|
||||
d="M47.9704 90.9139C45.6095 90.9139 43.3811 90.4381 41.6888 89.5768L3.42089 70.0815C1.60205 69.1601 0.602295 67.8772 0.602295 66.48V46.5631C0.602295 45.1719 1.60205 43.8951 3.42089 42.9676L45.748 21.4005C47.4344 20.5393 49.6628 20.0635 52.0236 20.0635C54.3845 20.0635 56.6129 20.5393 58.2992 21.4005L96.5732 40.9018C98.392 41.8233 99.3917 43.1061 99.3917 44.5034V64.4202C99.3917 65.8115 98.392 67.0883 96.5732 68.0158L54.246 89.5829C52.5597 90.4441 50.3313 90.9199 47.9644 90.9199L47.9704 90.9139Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M52.0296 20.6717C54.2038 20.6717 56.3719 21.0933 58.0282 21.9425L96.3021 41.4438C97.9643 42.287 98.7894 43.3952 98.7894 44.5094V64.4263C98.7894 65.5344 97.9583 66.6426 96.3021 67.4858L53.9749 89.0528C52.3187 89.902 50.1445 90.3236 47.9703 90.3236C45.7962 90.3236 43.622 89.902 41.9658 89.0528L3.69185 69.5455C2.0296 68.7023 1.2045 67.5942 1.2045 66.486V46.5691C1.2045 45.4609 2.03562 44.3588 3.69185 43.5096L46.019 21.9425C47.6752 21.0933 49.8494 20.6717 52.0236 20.6717M52.0296 19.4672C49.5724 19.4672 47.2476 19.9671 45.477 20.8705L3.14981 42.4316C1.12018 43.4674 -3.05176e-05 44.9309 -3.05176e-05 46.5631V66.48C-3.05176e-05 67.4255 0.409509 69.2263 3.14981 70.6175L41.4177 90.1189C43.1884 91.0223 45.5131 91.5221 47.9703 91.5221C50.4276 91.5221 52.7523 91.0223 54.523 90.1189L96.8501 68.5518C98.8798 67.5159 100 66.0524 100 64.4202V44.5033C100 43.5578 99.5904 41.757 96.8501 40.3658L58.5762 20.8645C56.8116 19.9611 54.4808 19.4612 52.0296 19.4612V19.4672Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M86.7922 46.4305C86.6838 46.4968 86.5754 46.563 86.455 46.6233L79.4085 50.2128L79.3844 50.2308L79.3964 50.2128L86.7982 46.4366L86.7922 46.4305Z"
|
||||
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.5847L76.114 57.8495L75.1504 60.0899C74.6806 61.186 73.9098 62.0894 73.0606 62.5231L64.3699 66.9557L62.6595 64.7033L56.8115 61.722H56.7934L51.7765 64.2756C49.0724 65.4862 44.9589 65.426 42.3812 64.113L28.2159 56.8919L47.8618 46.8883C50.5479 45.5211 54.9083 45.5211 57.5944 46.8883L71.7597 54.1094L76.644 56.5908L76.6561 56.5847Z"
|
||||
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 44.142C88.4665 44.9611 87.9064 45.7742 86.7922 46.4306L79.3904 50.2068L79.3783 50.2249L76.6561 56.5848L71.7717 54.1035L57.6065 46.8823C54.9204 45.5152 50.56 45.5152 47.8739 46.8823L28.228 56.886L13.5448 49.4058C12.2018 48.7193 11.5272 47.8219 11.5272 46.9245C11.5272 46.0271 12.2018 45.1298 13.5448 44.4432L47.8679 26.9594C50.554 25.5923 54.9144 25.5923 57.6005 26.9594L86.4489 41.6547C87.792 42.3413 88.4665 43.2386 88.4665 44.136V44.142Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M98.7954 44.5034C98.7954 45.5995 97.9763 46.6896 96.3562 47.5328L88.4666 51.5499L85.2505 53.1881L79.4025 50.2068L86.449 46.6173C86.5694 46.5571 86.6839 46.4969 86.7862 46.4246C87.9064 45.7742 88.4605 44.9551 88.4605 44.136C88.4605 43.2326 87.786 42.3352 86.4429 41.6547L57.5945 26.9594C54.9084 25.5923 50.548 25.5923 47.8619 26.9594L13.5388 44.4432C12.1958 45.1298 11.5212 46.0271 11.5212 46.9245C11.5212 47.8219 12.1958 48.7253 13.5388 49.4058L28.222 56.886L42.3873 64.1071C44.965 65.4261 49.0785 65.4803 51.7826 64.2697C51.9031 64.2155 52.0175 64.1613 52.1259 64.1071L56.8115 61.7161L62.6595 64.6973L53.9688 69.124C53.0956 69.5696 52.0838 69.9009 50.9997 70.1057C49.2832 70.4429 47.4042 70.4851 45.6576 70.2321C44.3025 70.0334 43.0257 69.672 41.9597 69.124L23.0787 59.5058L11.5212 53.6157L3.68578 49.6226C2.02353 48.7795 1.19843 47.6713 1.19843 46.5571C1.19843 45.4429 2.02955 44.3468 3.68578 43.4976L46.0129 21.9305C49.3314 20.2382 54.7096 20.2382 58.0161 21.9305L96.29 41.4319C97.9522 42.275 98.7773 43.3832 98.7773 44.4974L98.7954 44.5034Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M86.7921 46.4305C86.6837 46.4968 86.5753 46.563 86.4549 46.6233L79.4084 50.2128H79.3903L86.7921 46.4366V46.4305Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M85.2503 53.1939L82.5161 59.5719L81.0164 63.0771C80.5467 64.1732 79.7758 65.0766 78.9266 65.5102L68.9651 70.5873C68.3869 70.8824 67.8268 70.9126 67.3872 70.6837C67.2005 70.5934 67.0379 70.4548 66.8993 70.2742L64.3759 66.9497L73.0665 62.517C73.9157 62.0894 74.6866 61.18 75.1564 60.0838L76.12 57.8434L76.6621 56.5787L79.3843 50.2188L79.4084 50.2007L85.2564 53.1819L85.2503 53.1939Z"
|
||||
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 50.2067L79.3783 50.2249L79.3904 50.2007L79.4025 50.2067Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M98.7953 44.5034V64.4203C98.7953 65.5285 97.9642 66.6366 96.308 67.4798L53.9808 89.0469C50.6624 90.7393 45.2841 90.7393 41.9717 89.0469L3.69176 69.5456C2.02951 68.7024 1.20441 67.5942 1.20441 66.4861V46.5692C1.20441 47.6774 2.02951 48.7855 3.69176 49.6347L11.5272 53.6277L23.0847 59.5179L41.9657 69.136C43.0317 69.6841 44.3145 70.0515 45.6636 70.2442C47.4162 70.4911 49.2952 70.449 51.0057 70.1177C52.0897 69.913 53.1015 69.5817 53.9748 69.136L62.6655 64.7094L64.3759 66.9619L66.8994 70.2864C67.0379 70.467 67.2006 70.6056 67.3873 70.6959C67.8269 70.9248 68.387 70.9007 68.9652 70.5995L78.9266 65.5224C79.7758 65.0948 80.5467 64.1854 81.0165 63.0893L82.5161 59.5841L85.2504 53.2061L88.4665 51.568L96.3562 47.5509C97.9763 46.7077 98.7953 45.6176 98.7953 44.5215V44.5034Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M56.8175 61.7161L52.1319 64.1071C52.0175 64.1673 51.9091 64.2215 51.7886 64.2697L56.8055 61.7101H56.8236L56.8175 61.7161Z"
|
||||
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.7852C42.821 50.7852 42.3452 50.6707 41.9116 50.4539L36.5454 47.7196C35.3168 47.0933 34.6061 45.6719 34.6061 43.829V23.87C34.6061 23.87 34.6061 23.8338 34.6061 23.8097V22.027C34.6061 18.823 36.7622 15.1191 39.4062 13.77L63.2679 1.61027C63.9485 1.26096 64.623 1.0863 65.2674 1.0863C65.7794 1.0863 66.2551 1.20073 66.6828 1.41755L72.0489 4.15183C73.2775 4.77819 73.9822 6.19953 73.9822 8.04848V9.84323C73.9822 9.84323 73.9822 9.87937 73.9822 9.90346V29.8505C73.9822 33.0545 71.8261 36.7584 69.1821 38.1075L45.3204 50.2672C44.6399 50.6105 43.9714 50.7912 43.333 50.7912V50.7852Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M65.2734 1.68846C65.6889 1.68846 66.0744 1.7788 66.4177 1.95345L71.7839 4.68773C72.7656 5.18761 73.3859 6.37408 73.3859 8.04837V9.84312C73.3859 9.84312 73.3859 9.86721 73.3859 9.87926V29.8383C73.3859 32.8316 71.3743 36.3066 68.9111 37.5593L45.0493 49.7191C44.4411 50.0262 43.8629 50.1768 43.3329 50.1768C42.9113 50.1768 42.5258 50.0864 42.1826 49.9118L36.8164 47.1775C35.8347 46.6776 35.2083 45.4972 35.2083 43.8229V23.8638C35.2083 23.8638 35.2083 23.8458 35.2083 23.8397V22.0269C35.2083 19.0337 37.2199 15.5586 39.6832 14.3059L63.5449 2.14618C64.1592 1.833 64.7374 1.68846 65.2674 1.68846M65.2734 0.483928C64.5326 0.483928 63.7737 0.682675 63.0028 1.07415L39.1411 13.2339C36.2623 14.6974 34.0098 18.5639 34.0098 22.033V23.7916C34.0098 23.7916 34.0098 23.8458 34.0098 23.8699V43.8289C34.0098 45.9067 34.8349 47.5208 36.2743 48.2556L41.6405 50.9898C42.1585 51.2548 42.7306 51.3873 43.3389 51.3873C44.0737 51.3873 44.8385 51.1886 45.6034 50.8031L69.4651 38.6434C72.344 37.1799 74.5964 33.3134 74.5964 29.8443V9.92141C74.5964 9.92141 74.5964 9.86721 74.5964 9.8371V8.04235C74.5964 5.95851 73.7713 4.34444 72.3319 3.60968L66.9657 0.8754C66.4478 0.610404 65.8817 0.477905 65.2734 0.477905V0.483928Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M72.85 8.76514C72.3682 8.51822 71.6575 8.80128 71.0854 9.53002L70.3988 10.4033L57.7392 26.6705C57.2755 27.2306 56.6973 27.5317 56.2938 27.4414L43.5559 24.0747L42.8693 23.9001C42.1707 23.7134 41.2432 24.4361 40.8095 25.49C40.6469 25.8815 40.5686 26.267 40.5686 26.5922V46.5512C40.5686 48.2195 41.195 49.406 42.1767 49.9058L36.8105 47.1716C35.8288 46.6717 35.2025 45.4912 35.2025 43.8169V23.8579C35.2025 23.5327 35.2747 23.1472 35.4434 22.7557C35.877 21.7018 36.7985 20.973 37.5031 21.1658L38.1897 21.3404L50.9276 24.7071C51.3311 24.7914 51.9093 24.4963 52.373 23.9362L65.0326 7.66902L65.7192 6.79574C66.2853 6.067 67.002 5.78393 67.4838 6.03086L72.85 8.76514Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M72.8499 8.76507C72.9644 8.8253 73.0607 8.90962 73.145 9.02405C73.3077 9.24689 73.386 9.55404 73.386 9.88529V29.8443C73.386 32.8376 71.3744 36.3127 68.9111 37.5654L45.0494 49.7251C43.9593 50.2792 42.9596 50.3093 42.1826 49.9118C41.2009 49.4119 40.5746 48.2315 40.5746 46.5572V26.5981C40.5746 26.2729 40.6469 25.8875 40.8155 25.496C41.2491 24.442 42.1706 23.7133 42.8752 23.906L43.5618 24.0807L56.2997 27.4473C56.7032 27.5316 57.2814 27.2365 57.7451 26.6764L70.4047 10.4093L71.0913 9.53597C71.6575 8.80723 72.3741 8.52417 72.856 8.7711L72.8499 8.76507Z"
|
||||
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.68781C71.007 4.29031 70.0073 4.32645 68.9172 4.88053L45.0554 17.0403C42.5922 18.293 40.5806 21.768 40.5806 24.7613V26.5741C40.5806 27.092 40.7673 27.5016 41.1106 27.6762L35.7444 24.942C35.4011 24.7673 35.2144 24.3578 35.2144 23.8398V22.027C35.2144 19.0337 37.226 15.5587 39.6893 14.306L63.551 2.14625C64.6411 1.59217 65.6409 1.55603 66.4178 1.95352L71.784 4.68781Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.3024"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M71.784 4.68778C72.7656 5.18766 73.386 6.37412 73.386 8.04239V9.83714C73.386 10.4514 73.1451 11.1561 72.6994 11.7282L70.4048 14.6793L59.293 28.959C58.5642 29.8383 57.7693 30.4948 56.9803 30.8983C56.1913 31.3018 55.4264 31.4524 54.7459 31.3139L43.5618 28.3387L41.2793 27.7425C41.219 27.7244 41.1648 27.7063 41.1106 27.6762C40.7673 27.5016 40.5806 27.092 40.5806 26.5741V24.7613C40.5806 21.768 42.5922 18.2929 45.0555 17.0402L68.9172 4.8805C70.0073 4.32642 71.007 4.29028 71.784 4.68778Z"
|
||||
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,2 @@
|
||||
export * from "./inbox";
|
||||
export * from "./search";
|
||||
@@ -0,0 +1,58 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const SearchIllustration = ({ className, ...rest }: TIllustrationAssetProps) => (
|
||||
<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.84 4.63218C142.624 3.50452 139.768 3.59686 136.656 5.18614L20.4472 64.3983C13.4043 67.9857 7.69345 77.8445 7.69345 86.4108V156.537C7.69345 161.318 9.46737 164.688 12.2569 166.106L5.5634 162.696C2.77391 161.272 1 157.902 1 153.128V83.0015C1 74.4286 6.71087 64.5764 13.7538 60.989L129.962 1.77674C133.082 0.187462 135.93 0.0951613 138.146 1.22282L144.84 4.63218Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M144.84 4.6322C147.629 6.05662 149.403 9.42642 149.403 14.2009V84.327C149.403 92.8998 143.692 102.752 136.649 106.339L20.4407 165.552C17.3215 167.141 14.4726 167.233 12.2569 166.106C9.4674 164.681 7.69348 161.311 7.69348 156.537V86.4109C7.69348 77.838 13.4043 67.9858 20.4473 64.3983L136.656 5.18616C139.775 3.59688 142.624 3.50454 144.84 4.6322Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M151.843 141.244C151.019 141.244 150.28 141.013 149.641 140.558L147.108 138.771C146.772 138.844 146.436 138.883 146.112 138.883C145.295 138.883 144.55 138.653 143.91 138.204L121.119 122.081C113.252 131.399 103.611 136.945 95.2226 136.945C91.7803 136.945 88.661 136.035 85.9441 134.241C83.702 133.792 81.6247 132.902 79.7782 131.59C68.1521 123.366 68.0663 100.49 79.587 80.5944C88.0939 65.9018 100.821 56.4123 111.999 56.4123C115.448 56.4123 118.574 57.3224 121.291 59.1227C123.539 59.5777 125.61 60.4679 127.457 61.7671C137.764 69.0606 139.215 87.6901 130.978 106.221L158.418 125.628C160.944 127.415 161.029 132.091 158.609 136.265C157.475 138.224 155.958 139.76 154.329 140.585C153.479 141.02 152.641 141.238 151.837 141.238L151.843 141.244ZM90.8636 123.657C91.3252 123.709 91.8066 123.736 92.2814 123.736C100.287 123.736 109.467 116.818 115.666 106.115C123.777 92.115 124.074 75.8332 116.371 69.6937C115.91 69.6409 115.428 69.6145 114.947 69.6145C106.941 69.6145 97.7615 76.5322 91.5626 87.2285C83.4514 101.229 83.1546 117.511 90.857 123.65L90.8636 123.657Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M112.006 57.0718C115.277 57.0718 118.35 57.9291 121.04 59.7425C123.197 60.158 125.234 61.0021 127.081 62.3078C137.309 69.542 138.344 88.4287 130.16 106.452L158.049 126.176C160.271 127.745 160.271 132.111 158.049 135.942C156.941 137.855 155.49 139.266 154.039 140.004C153.294 140.387 152.549 140.585 151.843 140.585C151.184 140.585 150.564 140.407 150.023 140.024L147.247 138.059C146.864 138.165 146.482 138.224 146.112 138.224C145.453 138.224 144.833 138.046 144.292 137.663L121.007 121.19C113.107 130.752 103.525 136.285 95.2292 136.285C91.9649 136.285 88.8985 135.428 86.2079 133.621C84.0449 133.205 82.0138 132.361 80.1673 131.056C68.7917 123.01 68.7917 100.569 80.1673 80.9307C88.7797 66.0667 101.435 57.0784 112.012 57.0784M92.288 124.395C100.241 124.395 109.764 117.629 116.246 106.445C124.667 91.9106 124.792 75.3452 116.642 69.0606C116.088 68.9881 115.527 68.9551 114.96 68.9551C107.007 68.9551 97.4845 75.7211 91.0087 86.8988C82.5875 101.433 82.4622 117.999 90.613 124.283C91.167 124.356 91.7275 124.389 92.2946 124.389M112.006 55.7529C100.591 55.7529 87.6455 65.3743 79.0198 80.2647C73.4013 89.9586 70.3085 100.642 70.3085 110.336C70.3085 120.241 73.5332 127.983 79.3957 132.131C81.2884 133.469 83.4052 134.386 85.6869 134.861C88.483 136.681 91.6879 137.604 95.216 137.604C103.65 137.604 113.305 132.15 121.218 122.964L143.514 138.738C144.259 139.266 145.15 139.543 146.093 139.543C146.37 139.543 146.653 139.516 146.937 139.47L149.238 141.099C149.983 141.627 150.874 141.904 151.823 141.904C152.773 141.904 153.67 141.66 154.613 141.178C156.354 140.295 157.969 138.666 159.163 136.602C161.755 132.131 161.583 127.079 158.781 125.094L131.776 105.997C139.894 87.3472 138.285 68.6386 127.813 61.2329C125.933 59.9008 123.816 58.9842 121.522 58.5028C118.719 56.6827 115.507 55.7529 111.973 55.7529H112.006ZM91.1274 123.024C83.8206 116.983 84.2361 101.202 92.1364 87.5648C98.1242 77.2246 107.297 70.274 114.947 70.274C115.336 70.274 115.725 70.2938 116.107 70.3267C123.414 76.3607 122.992 92.1414 115.092 105.785C109.104 116.126 99.9311 123.076 92.2748 123.076C91.8857 123.076 91.4967 123.057 91.1208 123.024H91.1274Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M152.311 123.815L124.423 104.091C132.607 86.0679 131.572 67.1877 121.343 59.947C109.968 51.9016 91.5296 61.2922 80.1541 80.9307C68.7785 100.569 68.7785 123.01 80.1541 131.056C89.914 137.96 104.897 132.012 116.134 117.755L144.279 137.663C145.387 138.448 146.844 138.382 148.295 137.644C149.746 136.905 151.197 135.487 152.305 133.581C154.527 129.75 154.527 125.384 152.305 123.815H152.311ZM85.2715 122.239C76.7184 116.185 76.7184 99.3162 85.2715 84.5445C93.8245 69.7794 107.693 62.7101 116.246 68.7638C124.799 74.811 124.799 91.6864 116.246 106.452C107.693 121.217 93.8245 128.286 85.2781 122.239H85.2715Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M158.042 126.176L130.154 106.452C138.338 88.4287 137.302 69.5486 127.074 62.3078C115.699 54.2625 97.2603 63.6531 85.8847 83.2916C74.5092 102.93 74.5092 125.371 85.8847 133.416C95.6446 140.321 110.627 134.373 121.864 120.115L150.01 140.024C151.118 140.809 152.575 140.743 154.026 140.004C155.477 139.266 156.928 137.848 158.035 135.942C160.258 132.111 160.258 127.745 158.035 126.176H158.042ZM91.0021 124.6C82.449 118.546 82.449 101.677 91.0021 86.9053C99.5552 72.1402 113.423 65.0709 121.977 71.1247C130.53 77.1718 130.53 94.0472 121.977 108.812C113.423 123.577 99.5552 130.647 91.0087 124.6H91.0021Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M37.1248 108.984C28.6904 113.283 21.8256 108.43 21.8256 98.1622C21.8256 87.8945 28.6904 76.0441 37.1248 71.7445C45.5592 67.4449 52.4241 72.2984 52.4241 82.5661C52.4241 92.8338 45.5592 104.684 37.1248 108.984ZM37.1248 74.6065C29.9829 78.2467 24.1798 88.2704 24.1798 96.962C24.1798 105.654 29.9895 109.755 37.1248 106.122C44.2667 102.482 50.0699 92.4579 50.0699 83.7663C50.0699 75.0813 44.2601 70.9729 37.1248 74.6065ZM37.138 101.829C36.4852 102.158 35.951 101.796 35.951 101.004C35.951 100.213 36.4786 99.2898 37.1248 98.9601H37.138C37.7909 98.6238 38.3119 98.9931 38.3119 99.7844C38.3119 100.576 37.7843 101.499 37.138 101.829ZM37.1248 96.0915C36.472 96.4212 35.951 96.0519 35.951 95.2606V93.8296C35.951 91.9237 37.0523 89.5761 38.8922 87.5516C39.1889 87.2284 39.4527 86.8855 39.6769 86.5228C40.31 85.5205 40.6595 84.4719 40.6595 83.5487C40.6595 82.6255 40.31 81.9264 39.6835 81.5769C38.2986 80.8054 35.9576 81.999 34.5793 84.1818C34.0913 84.9467 33.3462 85.2699 32.9175 84.894C32.4889 84.5181 32.5416 83.5883 33.0296 82.8167C35.2982 79.2557 38.9713 77.3763 41.2398 78.6358C42.3873 79.2755 43.0203 80.5943 43.0203 82.3551C43.0203 84.1158 42.3873 86.0744 41.2398 87.8813C40.8573 88.488 40.4155 89.0749 39.9275 89.6091C39.1493 90.4663 38.3185 91.7061 38.3185 92.6294V94.0604C38.3185 94.8517 37.7909 95.7618 37.1446 96.0915H37.1248Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
6
packages/propel/src/empty-state/assets/index.ts
Normal file
6
packages/propel/src/empty-state/assets/index.ts
Normal file
@@ -0,0 +1,6 @@
|
||||
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,293 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const ArchivedModuleVerticalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<svg
|
||||
width="162"
|
||||
height="183"
|
||||
viewBox="0 0 162 183"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M25.9452 34.658C24.4766 33.9103 23.542 32.1426 23.542 29.6273C23.542 25.1253 26.5433 19.945 30.2389 18.0652L55.0187 5.43502C56.6528 4.6019 58.1482 4.5485 59.3124 5.14129L56.9305 3.92901C55.7663 3.33622 54.271 3.38962 52.6368 4.22273L27.8571 16.8529C24.1562 18.7381 21.1602 23.9183 21.1602 28.415C21.1602 30.9304 22.0947 32.6981 23.5634 33.4457L25.9452 34.658Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M25.9452 34.6572C27.1094 35.25 28.6047 35.1966 30.2389 34.3634L55.0187 21.7386C58.7196 19.8534 61.7156 14.6732 61.7156 10.1765C61.7156 7.66116 60.781 5.89347 59.3124 5.1458C58.1482 4.55301 56.6528 4.60642 55.0187 5.43953L30.2389 18.0644C26.538 19.9496 23.542 25.1298 23.542 29.6265C23.542 32.1418 24.4766 33.9095 25.9452 34.6572Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M33.6249 22.9154C33.7157 22.7766 33.8492 22.7178 33.9346 22.7766C34.0201 22.8353 34.0254 22.9955 33.9506 23.145L33.9346 23.1771L30.6983 28.7686C30.6075 28.9234 30.4633 28.9982 30.3725 28.9341C30.2817 28.87 30.2817 28.6938 30.3725 28.5336L33.6089 22.9421L33.6249 22.9154Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M31.227 24.7793C31.227 24.5443 31.0721 24.4375 30.8799 24.5336C30.6876 24.6297 30.5327 24.8968 30.5327 25.1317C30.5327 25.3667 30.6876 25.4735 30.8799 25.3774C31.0721 25.2813 31.227 25.0143 31.227 24.7793ZM31.6916 24.5443C31.6916 25.089 31.3285 25.7139 30.8799 25.9435C30.4313 26.1731 30.0681 25.9168 30.0681 25.3721C30.0681 24.8273 30.4313 24.2025 30.8799 23.9729C31.3285 23.7432 31.6916 23.9996 31.6916 24.5443Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M33.7743 26.5781C33.7743 26.3431 33.6195 26.2363 33.4272 26.3324C33.2349 26.4286 33.0801 26.6956 33.0801 26.9306C33.0801 27.1656 33.2349 27.2724 33.4272 27.1762C33.6195 27.0801 33.7743 26.8131 33.7743 26.5781ZM34.2336 26.3431C34.2336 26.8879 33.8705 27.5127 33.4219 27.7423C32.9733 27.972 32.6101 27.7156 32.6101 27.1709C32.6101 26.6262 32.9733 26.0013 33.4219 25.7717C33.8705 25.5421 34.2336 25.7984 34.2336 26.3431Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M32.076 20.8697C32.076 20.7202 32.1775 20.5493 32.3003 20.4906C33.0213 20.1701 33.7209 20.0633 34.3457 20.1968C35.0346 20.341 35.5954 20.7629 35.9852 21.4145C36.3697 22.066 36.562 22.9312 36.5406 23.9085C36.5193 24.8911 36.279 25.9539 35.8571 26.9899C35.4298 28.026 34.8317 28.9979 34.1268 29.8043C33.4165 30.6107 32.6261 31.2195 31.8304 31.5667C31.0346 31.9138 30.2656 31.9939 29.6034 31.791C29.0053 31.6041 28.5086 31.1982 28.1668 30.6001C28.1081 30.4986 28.1561 30.3117 28.2683 30.1888C28.3804 30.066 28.5139 30.0553 28.5727 30.1568C28.8824 30.6855 29.3203 31.0433 29.8544 31.2089C30.4525 31.3904 31.1414 31.321 31.8571 31.0059C32.5727 30.6908 33.2883 30.1461 33.9238 29.4198C34.5593 28.6935 35.0987 27.823 35.4832 26.8884C35.8677 25.9539 36.076 24.9979 36.0974 24.1114C36.1187 23.2302 35.9479 22.4505 35.6007 21.8631C35.2536 21.2756 34.7462 20.8964 34.1268 20.7683C33.5713 20.6508 32.9519 20.7416 32.311 21.0246C32.1882 21.078 32.0867 21.0086 32.0867 20.8591L32.076 20.8697Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M51.8838 17.9949L42.8157 22.6144C42.0681 22.9936 41.4646 22.5664 41.4646 21.6585C41.4646 20.7506 42.0681 19.7092 42.8157 19.33L51.8838 14.7105C52.6315 14.3314 53.235 14.7586 53.235 15.6665C53.235 16.5744 52.6315 17.6158 51.8838 17.9949Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M157.636 39.6191C158.234 39.3147 158.613 38.5937 158.613 37.5683V24.4735C158.613 22.6364 157.39 20.5216 155.879 19.7526L121.999 2.4922C121.331 2.15041 120.717 2.13439 120.242 2.37471L122.624 1.16243C123.099 0.92211 123.713 0.938131 124.381 1.27992L158.266 18.5456C159.777 19.3146 161 21.4295 161 23.2666V36.3614C161 37.3868 160.621 38.1077 160.023 38.4121L157.641 39.6244L157.636 39.6191Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M157.636 39.6197C157.16 39.86 156.546 39.844 155.879 39.5022L121.993 22.2365C120.482 21.4675 119.259 19.3526 119.259 17.5155V4.42606C119.259 3.40069 119.638 2.67973 120.236 2.37532C120.712 2.135 121.326 2.15102 121.993 2.49281L155.879 19.7585C157.39 20.5275 158.613 22.6424 158.613 24.4795V37.5743C158.613 38.5996 158.234 39.3206 157.636 39.625V39.6197Z"
|
||||
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="M133.705 16.8793L141.566 20.8847C142.212 21.2158 142.736 20.8419 142.736 20.0569C142.736 19.2719 142.212 18.364 141.566 18.0382L133.705 14.0329C133.059 13.7018 132.535 14.0756 132.535 14.8606C132.535 15.6457 133.059 16.5536 133.705 16.8793Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M134.266 23.4595L145.288 29.0776C146.196 29.5369 146.928 29.0189 146.928 27.9187C146.928 26.8133 146.191 25.5476 145.288 25.0883L134.266 19.4701C133.358 19.0109 132.626 19.5289 132.626 20.629C132.626 21.7345 133.363 23.0002 134.266 23.4595Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M127.104 12.817C127.158 12.9933 127.28 13.1642 127.419 13.2336C127.612 13.335 127.772 13.2176 127.772 12.9772V12.534C127.772 12.3898 127.718 12.2242 127.622 12.0961C127.526 11.9679 127.409 11.8878 127.296 11.8824L125.027 11.8184C124.893 11.8184 124.802 11.9305 124.802 12.1121V15.1668C124.802 15.3217 124.867 15.4926 124.968 15.6261C125.075 15.7596 125.203 15.829 125.31 15.813L125.636 15.765C125.806 15.7383 125.871 15.5086 125.785 15.2523C125.726 15.0814 125.62 14.9425 125.502 14.8731V12.7636L127.099 12.8063L127.104 12.817Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M125.71 10.7975C125.764 10.9737 125.887 11.1446 126.026 11.214C126.218 11.3155 126.378 11.198 126.378 10.9577V10.5144C126.378 10.3703 126.325 10.2047 126.228 10.0765C126.132 9.94836 126.015 9.86825 125.903 9.86291L123.633 9.79883C123.499 9.79883 123.409 9.91098 123.409 10.0926V13.1473C123.409 13.3022 123.473 13.4731 123.574 13.6066C123.681 13.7401 123.809 13.8095 123.916 13.7935L124.242 13.7454C124.413 13.7187 124.477 13.4891 124.391 13.2327C124.333 13.0618 124.226 12.923 124.108 12.8536V10.7441L125.705 10.7868L125.71 10.7975Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M129.171 14.1879C129.075 14.0543 128.957 13.9742 128.851 13.9742L126.581 13.9102C126.447 13.9102 126.357 14.0276 126.357 14.1985V17.2586C126.357 17.4028 126.41 17.563 126.506 17.6912C126.608 17.8247 126.725 17.9048 126.832 17.9048L129.096 17.9689C129.235 17.9796 129.326 17.8621 129.326 17.6805V14.6204C129.326 14.4762 129.273 14.316 129.171 14.1879ZM128.626 17.029L127.056 16.9809V14.8608L128.626 14.9088V17.029Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M1 147.833C1 149.852 2.51135 151.866 5.52871 153.409L44.3805 173.206C50.4206 176.282 60.2097 176.282 66.2497 173.206L147.889 131.609C150.907 130.071 152.418 128.058 152.418 126.039V132.485C152.418 134.504 150.907 136.517 147.889 138.055L66.2497 179.652C60.2097 182.728 50.4206 182.728 44.3805 179.652L5.52871 159.855C2.50601 158.317 1 156.298 1 154.279V147.833Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M1 147.833C1 145.815 2.51135 143.801 5.52871 142.263L87.1683 100.666C93.2083 97.5903 102.997 97.5903 109.037 100.666L147.889 120.464C150.912 122.002 152.418 124.02 152.418 126.039C152.418 128.058 150.907 130.071 147.889 131.609L66.2497 173.206C60.2097 176.282 50.4206 176.282 44.3805 173.206L5.52871 153.409C2.50601 151.871 1 149.852 1 147.833Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M1 127.47C1 129.489 2.51135 131.502 5.52871 133.046L44.3805 152.843C50.4206 155.919 60.2097 155.919 66.2497 152.843L147.889 111.246C150.907 109.708 152.418 107.694 152.418 105.676V112.122C152.418 114.14 150.907 116.154 147.889 117.692L66.2497 159.289C60.2097 162.365 50.4206 162.365 44.3805 159.289L5.52871 139.492C2.50601 137.954 1 135.935 1 133.916V127.47Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M1 127.47C1 125.451 2.51135 123.438 5.52871 121.9L87.1683 80.3032C93.2083 77.2271 102.997 77.2271 109.037 80.3032L147.889 100.1C150.912 101.638 152.418 103.657 152.418 105.676C152.418 107.694 150.907 109.708 147.889 111.246L66.2497 152.843C60.2097 155.919 50.4206 155.919 44.3805 152.843L5.52871 133.046C2.50601 131.507 1 129.489 1 127.47Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M1 107.107C1 109.126 2.51135 111.139 5.52871 112.682L44.3805 132.479C50.4206 135.556 60.2097 135.556 66.2497 132.479L147.889 90.8826C150.907 89.3445 152.418 87.3312 152.418 85.3125V91.7584C152.418 93.7771 150.907 95.7905 147.889 97.3285L66.2497 138.925C60.2097 142.001 50.4206 142.001 44.3805 138.925L5.52871 119.123C2.50601 117.585 1 115.566 1 113.547V107.102V107.107Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M1 107.107C1 105.088 2.51135 103.075 5.52871 101.537L87.1683 59.9399C93.2083 56.8638 102.997 56.8638 109.037 59.9399L147.889 79.737C150.912 81.275 152.418 83.2937 152.418 85.3124C152.418 87.3311 150.907 89.3444 147.889 90.8825L66.2497 132.479C60.2097 135.555 50.4206 135.555 44.3805 132.479L5.52871 112.677C2.50601 111.139 1 109.12 1 107.101V107.107Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M65.0962 104.037C64.3272 104.037 63.6116 103.871 62.9707 103.54L58.2124 101.116C56.4874 100.24 55.43 98.2533 55.3018 95.6632L53.9774 68.9502C53.9667 68.7419 54.0789 68.5443 54.2658 68.4482L56.7598 67.1772L52.0174 64.7633C50.7838 64.1331 50.0789 62.7019 50.0789 60.8381V58.6004C50.0789 55.332 52.2738 51.5563 54.9707 50.1838L97.2778 28.6244C97.9667 28.2719 98.645 28.0957 99.2965 28.0957C99.8092 28.0957 100.285 28.2079 100.717 28.4268L105.475 30.8514C106.709 31.4816 107.414 32.9128 107.414 34.782V37.0196C107.414 40.288 105.219 44.0583 102.522 45.4362L99.7718 46.8354L103.227 48.5977C103.414 48.6938 103.526 48.8914 103.515 49.0997L102.191 77.1638C101.951 82.1839 98.5969 87.7272 94.5488 89.7833L68.167 103.225C67.1096 103.765 66.0735 104.037 65.0855 104.037H65.0962Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M99.2964 28.6345C99.7236 28.6345 100.124 28.7306 100.471 28.9069L105.23 31.3314C106.239 31.8441 106.875 33.0617 106.875 34.7814V37.019C106.875 40.1058 104.813 43.6625 102.276 44.9603L98.5915 46.8401L102.981 49.0778L101.657 77.1419C101.427 81.991 98.207 87.3315 94.3084 89.3128L67.9266 102.755C66.9226 103.267 65.9666 103.508 65.0908 103.508C64.4019 103.508 63.7717 103.358 63.2056 103.07L58.4472 100.645C56.9466 99.8815 55.9533 98.1352 55.8304 95.6466L54.506 68.9336L58.3244 66.9897C58.2817 66.9897 58.2336 66.9897 58.1909 66.9897C57.7637 66.9897 57.3685 66.8989 57.016 66.7173L52.2577 64.2927C51.2483 63.7801 50.6128 62.5624 50.6128 60.8428V58.6052C50.6128 55.5184 52.6689 51.9616 55.2109 50.6639L97.518 29.1045C98.1482 28.784 98.7463 28.6345 99.2911 28.6345M99.2964 27.5664C98.5648 27.5664 97.8011 27.764 97.0374 28.1539L54.7303 49.7133C51.8251 51.1926 49.55 55.0965 49.55 58.6052V60.8428C49.55 62.9202 50.3618 64.5224 51.7824 65.2487L55.5901 67.1873L54.0307 67.983C53.6569 68.1753 53.4272 68.5651 53.4486 68.987L54.773 95.7C54.9065 98.4824 56.0761 100.635 57.9719 101.601L62.7303 104.026C63.4513 104.394 64.247 104.581 65.0961 104.581C66.1642 104.581 67.2857 104.287 68.4179 103.711L94.7997 90.2687C99.0721 88.1005 102.479 82.477 102.73 77.1953L104.055 49.1312C104.076 48.7093 103.846 48.3194 103.473 48.1272L100.952 46.8401L102.768 45.9162C105.673 44.4369 107.948 40.5277 107.948 37.0244V34.7867C107.948 32.7093 107.136 31.1071 105.716 30.3808L100.957 27.9563C100.45 27.6999 99.8892 27.5664 99.2964 27.5664Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M102.987 49.073L59.2698 71.3534L54.5115 68.9288L98.2285 46.6484L102.987 49.073Z"
|
||||
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="M59.2698 71.3543L60.5943 98.0672C60.7171 100.556 61.7104 102.302 63.2111 103.066L58.4527 100.641C56.9521 99.8776 55.9587 98.1313 55.8359 95.6427L54.5115 68.9297L59.2698 71.3543Z"
|
||||
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.987 49.0723L101.662 77.1364C101.433 81.9855 98.2124 87.326 94.3139 89.3073L67.932 102.749C66.1429 103.662 64.4927 103.721 63.211 103.064C61.7104 102.301 60.717 100.554 60.5942 98.0656L59.2698 71.3527L102.987 49.0723Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M105.235 31.3324C104.434 30.9265 103.409 30.9585 102.282 31.53L59.9746 53.0894C57.4326 54.3818 55.3765 57.9385 55.3765 61.0306V63.2683C55.3765 64.9933 56.0174 66.2055 57.0214 66.7182L52.263 64.2937C51.2537 63.781 50.6182 62.5634 50.6182 60.8437V58.6061C50.6182 55.5193 52.6742 51.9625 55.2163 50.6648L97.5234 29.1054C98.6449 28.534 99.6756 28.4966 100.477 28.9078L105.235 31.3324Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M105.235 31.3316C106.244 31.8443 106.88 33.0619 106.88 34.7816V37.0192C106.88 40.106 104.818 43.6627 102.282 44.9605L59.9746 66.5199C58.8531 67.0913 57.8224 67.1287 57.0213 66.7175C56.012 66.2048 55.3765 64.9872 55.3765 63.2676V61.0299C55.3765 57.9431 57.4325 54.3864 59.9746 53.0886L102.282 31.5292C103.403 30.9578 104.434 30.9204 105.235 31.3316Z"
|
||||
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="M86.0947 91.7575C85.8384 91.7575 85.6034 91.7041 85.3844 91.5919C85.331 91.5652 85.2829 91.5385 85.2349 91.5011L80.5086 89.0926C80.5086 89.0926 80.4658 89.0659 80.4445 89.0552L73.0853 83.8536C72.1134 83.2448 71.9905 81.5625 72.8343 80.0405C73.4538 78.9083 74.4418 78.1767 75.355 78.1767C75.6114 78.1767 75.8517 78.2354 76.0707 78.3476L79.6755 80.1847V67.17C79.6755 65.7281 80.61 64.126 81.8063 63.5171C82.1267 63.3569 82.4472 63.2715 82.7569 63.2715C83.0132 63.2715 83.2589 63.3302 83.4779 63.4424L88.2362 65.8669C88.8397 66.1767 89.1868 66.8496 89.1868 67.7201V70.903C89.5126 70.7321 89.849 70.636 90.1695 70.636C90.4258 70.636 90.6608 70.6894 90.8797 70.8015L95.6381 73.2261C95.6755 73.2475 95.7182 73.2688 95.7556 73.2902C96.7489 73.9097 96.8664 75.5919 96.0279 77.1193C96.0012 77.1727 95.9585 77.2475 95.9158 77.3115L88.5727 89.9845C87.9425 91.0792 86.9972 91.7575 86.1 91.7575H86.0947Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M82.7516 63.8005C82.9278 63.8005 83.0881 63.8379 83.2322 63.9127L87.9906 66.3372C88.3911 66.5402 88.6475 67.0262 88.6475 67.7151V71.9874C89.1228 71.4641 89.6782 71.165 90.1642 71.165C90.3297 71.165 90.4899 71.2024 90.6288 71.2718L95.3871 73.6964C95.3871 73.6964 95.4352 73.7231 95.4619 73.7391C96.2042 74.2037 96.2469 75.5976 95.5527 76.8579C95.526 76.9113 95.4939 76.9647 95.4619 77.0128L88.1027 89.7178C87.558 90.6577 86.7623 91.2238 86.0947 91.2238C85.9292 91.2238 85.769 91.1864 85.6248 91.117C85.5821 91.0956 85.5447 91.0742 85.5073 91.0422L80.7489 88.6176L73.3898 83.416C72.6475 82.9514 72.6047 81.5522 73.299 80.2972C73.8384 79.3145 74.6608 78.7111 75.3551 78.7111C75.5206 78.7111 75.6862 78.7485 75.8304 78.8232L80.2096 81.0555V67.1703C80.2096 65.9367 81.032 64.5108 82.0467 63.9928C82.2977 63.8646 82.5326 63.8059 82.7516 63.8059M82.7516 62.7324C82.3564 62.7324 81.9612 62.8339 81.566 63.0315C80.1828 63.7364 79.1415 65.5148 79.1415 67.165V79.3092L76.3164 77.8673C76.0226 77.7177 75.6969 77.643 75.3551 77.643C74.2336 77.643 73.0854 78.4654 72.3644 79.7845C71.3764 81.5682 71.5634 83.5015 72.797 84.3025L80.1348 89.4881C80.1775 89.5202 80.2202 89.5469 80.2683 89.5682L84.9679 91.9661C85.0266 92.0035 85.0854 92.0355 85.1441 92.0676C85.4379 92.2171 85.7583 92.2919 86.0947 92.2919C87.1788 92.2919 88.3003 91.5122 89.0266 90.2518L96.3698 77.5736C96.4178 77.4988 96.4606 77.4294 96.4979 77.3546C97.4806 75.5549 97.2777 73.6163 96.028 72.8312C95.9799 72.7992 95.9265 72.7725 95.8731 72.7458L91.1148 70.3212C90.821 70.1717 90.5006 70.0969 90.1642 70.0969C90.0146 70.0969 89.8651 70.1129 89.7156 70.1396V67.7151C89.7156 66.6363 89.2616 65.7872 88.4766 65.3866L83.7182 62.9621C83.4192 62.8125 83.0987 62.7324 82.7516 62.7324Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M95.3923 73.6974C94.65 73.3182 93.5338 73.9591 92.8663 75.1767L88.6526 82.4611L83.8943 80.0365L88.1079 72.7521C88.7808 71.5345 89.8916 70.8936 90.6339 71.2728L95.3923 73.6974Z"
|
||||
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="M80.5887 81.2486C79.841 80.8641 78.7248 81.505 78.0573 82.728C77.363 83.983 77.4057 85.3822 78.1481 85.8468L85.5072 91.0484L80.7489 88.6238L73.3897 83.4222C72.6474 82.9576 72.6047 81.5584 73.2989 80.3034C73.9665 79.0804 75.0773 78.4449 75.8303 78.8241L80.5887 81.2486Z"
|
||||
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.9905 66.3379C87.6701 66.1723 87.2535 66.183 86.8049 66.4127C85.7902 66.9307 84.9678 68.3566 84.9678 69.5902V84.3352L80.2095 81.9107V67.1657C80.2095 65.932 81.0319 64.5061 82.0466 63.9881C82.4952 63.7585 82.9117 63.7478 83.2322 63.9133L87.9905 66.3379Z"
|
||||
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.9905 66.3372C88.391 66.5401 88.6474 67.0261 88.6474 67.715V82.46L92.861 75.1756C93.5339 73.958 94.6447 73.3171 95.387 73.6963C95.4137 73.707 95.4351 73.723 95.4618 73.739C96.2041 74.2037 96.2468 75.5975 95.5526 76.8579C95.5259 76.9113 95.4938 76.9647 95.4618 77.0127L88.1026 89.7177C87.4244 90.8872 86.3456 91.48 85.6247 91.1169C85.5819 91.0955 85.5446 91.0742 85.5072 91.0421L78.148 85.8405C77.4057 85.3759 77.363 83.9767 78.0572 82.7217C78.7248 81.4987 79.8356 80.8632 80.5886 81.2424C80.6153 81.2531 80.6367 81.2691 80.658 81.2851C80.6847 81.3065 80.7168 81.3278 80.7488 81.3492L84.9678 84.3345V69.5895C84.9678 68.3559 85.7902 66.93 86.8049 66.4119C87.2535 66.1823 87.6701 66.1716 87.9905 66.3372Z"
|
||||
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.9345 49.7917C20.7703 49.1989 19.2749 49.247 17.6354 50.0854C13.9345 51.9706 10.9385 57.1508 10.9385 61.6475C10.9385 64.1575 11.8731 65.9305 13.3417 66.6782L10.9598 65.4659C9.49122 64.7183 8.55664 62.9452 8.55664 60.4352C8.55664 55.9332 11.558 50.753 15.2536 48.8731C16.8878 48.04 18.3884 47.9866 19.5526 48.5794L21.9345 49.7917Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M21.9345 49.7923C23.4031 50.54 24.3377 52.313 24.3377 54.823C24.3377 59.325 21.3363 64.5052 17.6408 66.3851C16.0066 67.2182 14.5059 67.2716 13.3417 66.6788C11.8731 65.9311 10.9385 64.1581 10.9385 61.6481C10.9385 57.1461 13.9398 51.9659 17.6354 50.086C19.2696 49.2529 20.7703 49.1995 21.9345 49.7923Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M19.9479 58.7846L19.5741 58.6938V58.0369C19.5741 57.818 19.4245 57.7112 19.243 57.8019C19.0614 57.8927 18.9119 58.1491 18.9119 58.368V59.2492C18.9119 59.3881 18.9706 59.4842 19.0667 59.5109L19.5954 59.6444C19.6488 59.6604 19.7076 59.6444 19.7717 59.6177C19.8838 59.5643 19.9906 59.4415 20.0494 59.2866C20.1455 59.0516 20.0974 58.8273 19.9426 58.7899L19.9479 58.7846Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M16.781 62.262L15.6274 62.8495C15.4458 62.9403 15.2963 62.8388 15.2963 62.6145V59.0097L16.6101 58.3368C16.7916 58.246 16.9412 57.9897 16.9412 57.7707C16.9412 57.5517 16.7916 57.4449 16.6101 57.5357L15.2963 58.2086V57.007C15.2963 56.7881 15.4458 56.5317 15.6274 56.4409L16.2843 56.1045V56.505C16.2843 56.724 16.4338 56.8308 16.6154 56.74C16.797 56.6492 16.9465 56.3929 16.9465 56.1739V55.7734L18.9225 54.7694V55.1699C18.9225 55.3889 19.072 55.4957 19.2536 55.4049C19.4352 55.3141 19.5847 55.0578 19.5847 54.8388V54.4383L20.2416 54.1018C20.4232 54.011 20.5727 54.1125 20.5727 54.3368V54.9349C20.5727 55.1539 20.7222 55.2607 20.9038 55.1699C21.0854 55.0791 21.2349 54.8228 21.2349 54.6038V54.0057C21.2349 53.3435 20.7916 53.0284 20.2469 53.3061L19.59 53.6425V53.242C19.59 53.023 19.4405 52.9162 19.2589 53.007C19.0774 53.0978 18.9278 53.3541 18.9278 53.5731V53.9736L16.9519 54.9776V54.5771C16.9519 54.3582 16.8023 54.2513 16.6207 54.3421C16.4392 54.4329 16.2896 54.6893 16.2896 54.9082V55.3088L15.6328 55.6452C15.088 55.9229 14.6448 56.6866 14.6448 57.3488V62.951C14.6448 63.6132 15.088 63.9283 15.6328 63.6505L16.7863 63.0631C16.9679 62.9723 17.1174 62.716 17.1174 62.497C17.1174 62.2781 16.9679 62.1712 16.7863 62.262H16.781Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M19.2483 56.2C17.9772 56.8462 16.9465 58.6299 16.9465 60.1733C16.9465 61.7167 17.9772 62.4484 19.2483 61.8022C20.5193 61.156 21.55 59.3723 21.55 57.8289C21.55 56.2855 20.5193 55.5538 19.2483 56.2ZM19.2483 61.0064C18.3404 61.4711 17.6034 60.9477 17.6034 59.8422C17.6034 58.7367 18.3404 57.4657 19.2483 57.0011C20.1561 56.5365 20.8931 57.0598 20.8931 58.1653C20.8931 59.2708 20.1561 60.5418 19.2483 61.0064Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,100 @@
|
||||
import {
|
||||
ArchivedCycleVerticalStackIllustration,
|
||||
ArchivedModuleVerticalStackIllustration,
|
||||
ArchivedWorkItemVerticalStackIllustration,
|
||||
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: <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
242
packages/propel/src/empty-state/assets/vertical-stack/cycle.tsx
Normal file
242
packages/propel/src/empty-state/assets/vertical-stack/cycle.tsx
Normal file
@@ -0,0 +1,242 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const CycleVerticalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.59C10.364 133.53 11.8174 135.464 14.7191 136.947L52.0819 155.967C57.8905 158.923 67.3043 158.923 73.1129 155.967L151.624 116.002C154.525 114.525 155.979 112.59 155.979 110.651V116.844C155.979 118.783 154.525 120.718 151.624 122.195L73.1129 162.16C67.3043 165.116 57.8905 165.116 52.0819 162.16L14.7191 143.14C11.8123 141.662 10.364 139.723 10.364 137.783V131.59Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M10.364 131.59C10.364 129.651 11.8174 127.716 14.7191 126.239L93.2298 86.2737C99.0383 83.3183 108.452 83.3183 114.261 86.2737L151.624 105.294C154.53 106.772 155.979 108.711 155.979 110.651C155.979 112.59 154.525 114.525 151.624 116.002L73.1129 155.967C67.3043 158.923 57.8905 158.923 52.0819 155.967L14.7191 136.947C11.8123 135.469 10.364 133.53 10.364 131.59Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M10.364 112.021C10.364 113.96 11.8174 115.895 14.7191 117.377L52.0819 136.398C57.8905 139.353 67.3043 139.353 73.1129 136.398L151.624 96.433C154.525 94.9553 155.979 93.0209 155.979 91.0814V97.2745C155.979 99.214 154.525 101.148 151.624 102.626L73.1129 142.591C67.3043 145.546 57.8905 145.546 52.0819 142.591L14.7191 123.57C11.8123 122.093 10.364 120.153 10.364 118.214V112.021Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M10.364 112.021C10.364 110.081 11.8174 108.147 14.7191 106.669L93.2298 66.7044C99.0383 63.7489 108.452 63.7489 114.261 66.7044L151.624 85.7247C154.53 87.2024 155.979 89.1419 155.979 91.0814C155.979 93.0209 154.525 94.9553 151.624 96.433L73.1129 136.398C67.3043 139.353 57.8905 139.353 52.0819 136.398L14.7191 117.377C11.8123 115.9 10.364 113.96 10.364 112.021Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M10.364 92.4565C10.364 94.396 11.8174 96.3304 14.7191 97.8132L52.0819 116.834C57.8905 119.789 67.3043 119.789 73.1129 116.834L151.624 76.8688C154.525 75.3911 155.979 73.4567 155.979 71.5172V77.7102C155.979 79.6497 154.525 81.5841 151.624 83.0618L73.1129 123.027C67.3043 125.982 57.8905 125.982 52.0819 123.027L14.7191 104.006C11.8123 102.529 10.364 100.589 10.364 98.6496V92.4565Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M10.364 92.4565C10.364 90.5171 11.8174 88.5827 14.7191 87.105L93.2298 47.1401C99.0383 44.1847 108.452 44.1847 114.261 47.1401L151.624 66.1605C154.53 67.6382 155.979 69.5777 155.979 71.5172C155.979 73.4567 154.525 75.3911 151.624 76.8688L73.1129 116.834C67.3043 119.789 57.8905 119.789 52.0819 116.834L14.7191 97.8132C11.8123 96.3355 10.364 94.396 10.364 92.4565Z"
|
||||
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="M75.3829 85.4324C72.8304 85.4324 70.4628 84.868 68.3418 83.7597C68.3418 83.7597 68.3212 83.7494 68.3109 83.7443L64.1818 81.6457C58.0548 78.5261 54.5419 71.2197 54.5419 61.5992C54.5419 43.9231 66.3799 23.5174 80.9347 16.1083C84.4989 14.292 87.9707 13.3735 91.2473 13.3735C93.7433 13.3735 96.0698 13.9123 98.1601 14.9795L102.253 17.0627C102.294 17.0832 102.325 17.1037 102.361 17.1242C108.529 20.1772 112.088 27.5041 112.088 37.2016C112.088 54.8777 100.25 75.2885 85.6956 82.6976C82.1313 84.5139 78.6647 85.4324 75.388 85.4324H75.3829Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M91.2422 13.8867C93.6766 13.8867 95.926 14.4203 97.9187 15.4362L102.012 17.5194C102.043 17.5348 102.063 17.5501 102.089 17.5604C107.882 20.4286 111.57 27.3554 111.57 37.2016C111.57 54.734 99.8754 74.8986 85.4593 82.241C81.8899 84.0573 78.4849 84.9193 75.388 84.9193C72.9023 84.9193 70.6066 84.3652 68.5831 83.3082C68.5677 83.3082 68.5575 83.2979 68.5421 83.2877L64.4129 81.1891C58.6916 78.2747 55.0555 71.3788 55.0555 61.6043C55.0555 44.0719 66.7497 23.9125 81.1658 16.5701C84.7352 14.7538 88.1402 13.8918 91.2422 13.8918M91.2422 12.8605C87.8834 12.8605 84.3346 13.7994 80.6984 15.6517C73.5494 19.2895 66.8421 26.0726 61.8142 34.749C56.7914 43.41 54.0284 52.9433 54.0284 61.5992C54.0284 71.4198 57.6439 78.8904 63.9507 82.1024L68.049 84.1856C68.0798 84.2061 68.1158 84.2215 68.1466 84.2369C70.3293 85.3708 72.7688 85.9455 75.388 85.9455C78.7468 85.9455 82.2905 85.0065 85.9267 83.1543C93.0757 79.5164 99.783 72.7333 104.811 64.0569C109.834 55.3959 112.597 45.8575 112.597 37.2016C112.597 27.3194 108.945 19.8334 102.582 16.6574C102.546 16.6368 102.51 16.6163 102.469 16.5958L98.3861 14.5178C96.2239 13.4146 93.8204 12.8605 91.2422 12.8605Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M102.012 17.5193C100.677 16.8677 99.2283 16.4265 97.6876 16.2212C97.5489 16.2007 97.4103 16.1802 97.2613 16.1699C95.7668 16.0057 94.185 16.057 92.5364 16.3341C92.1615 16.3957 91.7866 16.4675 91.4014 16.5547C91.3244 16.5752 91.2473 16.5906 91.1651 16.606C90.8365 16.6881 90.5026 16.7754 90.1688 16.8728C89.4909 17.0678 88.7976 17.3038 88.094 17.5706C87.6625 17.74 87.2209 17.9247 86.7792 18.1197C86.3427 18.3146 85.8958 18.5301 85.449 18.7559C71.0278 26.0983 59.3387 46.2577 59.3387 63.7901C59.3387 64.4058 59.3541 65.0112 59.3798 65.6116C59.3952 65.8938 59.4106 66.1811 59.4312 66.4582V66.4735C59.4466 66.7096 59.4671 66.9405 59.4877 67.1662C59.4877 67.2586 59.5031 67.3509 59.5185 67.4382C59.539 67.6639 59.5596 67.8846 59.5904 68.1052C59.6263 68.3976 59.6674 68.6901 59.7085 68.9774C59.7393 69.1776 59.7701 69.3777 59.8061 69.5726V69.588C59.8318 69.7266 59.8523 69.8651 59.8831 70.0036C59.9242 70.214 59.9602 70.4295 60.0064 70.6347C60.0475 70.8554 60.104 71.0811 60.1553 71.3018C60.2272 71.6045 60.2991 71.9021 60.3813 72.1945C60.4378 72.3998 60.4994 72.605 60.5611 72.8051C60.633 73.0463 60.7049 73.2823 60.787 73.5132C60.8487 73.7082 60.9103 73.8877 60.9822 74.0776C61.0079 74.1443 61.0284 74.2059 61.0541 74.2726C61.1311 74.4727 61.2133 74.6728 61.2955 74.8678C61.3828 75.0884 61.4752 75.3039 61.5728 75.5245C61.6498 75.7041 61.732 75.8785 61.8193 76.0479C61.8655 76.1556 61.9169 76.2531 61.9734 76.3557C62.035 76.4943 62.1069 76.6277 62.1788 76.7662C62.4664 77.3101 62.7746 77.8232 63.1084 78.3106C63.1649 78.4081 63.2317 78.5056 63.3036 78.5928C63.4217 78.7673 63.5449 78.9366 63.6682 79.1008C63.7504 79.2137 63.8325 79.3111 63.9198 79.4189C64.2023 79.7832 64.5053 80.1321 64.8186 80.4656C64.9162 80.5682 65.0138 80.6708 65.1113 80.7683C65.1524 80.8042 65.1884 80.8402 65.2295 80.8812C65.3065 80.9582 65.3835 81.03 65.4606 81.1018C65.5838 81.2198 65.7122 81.3327 65.8406 81.4456C66.005 81.5893 66.1693 81.7278 66.3388 81.8612C66.4415 81.9433 66.5391 82.0254 66.6469 82.1024C66.8062 82.2204 66.9654 82.3384 67.1348 82.4564C67.2684 82.5488 67.407 82.636 67.5406 82.7232C67.6279 82.7796 67.7203 82.8412 67.8076 82.8874C68.0439 83.0311 68.2853 83.1696 68.5318 83.2979L64.4026 81.1993C58.6814 78.285 55.0452 71.389 55.0452 61.6146C55.0452 44.0822 66.7394 23.9227 81.1555 16.5804C87.5342 13.3376 93.3787 13.1375 97.9136 15.4464L102.007 17.5296L102.012 17.5193Z"
|
||||
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 37.2016C111.57 54.734 99.8754 74.8986 85.4593 82.2409C79.0242 85.5145 73.1334 85.6838 68.5831 83.3031C68.5677 83.3031 68.5575 83.2928 68.542 83.2825C68.2955 83.1594 68.0541 83.0157 67.8179 82.872C67.7306 82.8207 67.6381 82.7643 67.5508 82.7079C67.4173 82.6206 67.2786 82.5334 67.1451 82.4411C66.9756 82.323 66.8164 82.2102 66.6572 82.087C66.5494 82.0101 66.4518 81.928 66.3491 81.8459C66.1796 81.7176 66.0152 81.5739 65.8509 81.4303C65.7225 81.3174 65.5941 81.2096 65.4708 81.0865C65.3938 81.0146 65.3168 80.9428 65.2397 80.8659C65.1986 80.8248 65.1627 80.7889 65.1216 80.753C65.024 80.6555 64.9265 80.5529 64.8289 80.4502C64.5156 80.1167 64.2126 79.773 63.9301 79.4035C63.8428 79.2958 63.7606 79.1983 63.6785 79.0854C63.5552 78.9212 63.4319 78.7519 63.3138 78.5775C63.2471 78.4851 63.1854 78.3876 63.1187 78.2953C62.7848 77.8078 62.4767 77.2947 62.1891 76.7508C62.1172 76.6174 62.0453 76.4789 61.9837 76.3404C61.9272 76.2378 61.8758 76.1403 61.8296 76.0325C61.7423 75.8581 61.6601 75.6836 61.5831 75.5092C61.4803 75.2937 61.3879 75.0782 61.3057 74.8524C61.2236 74.6574 61.1414 74.4573 61.0644 74.2572C61.0387 74.1905 61.0181 74.1289 60.9924 74.0622C60.9257 73.8724 60.8641 73.6928 60.7973 73.4978C60.7151 73.2669 60.6432 73.0309 60.5713 72.7898C60.5097 72.5897 60.4532 72.3844 60.3916 72.1792C60.3094 71.8918 60.2375 71.5943 60.1656 71.2864C60.1142 71.0658 60.0577 70.84 60.0167 70.6194C59.9704 70.4141 59.9293 70.1986 59.8934 69.9883C59.8626 69.8549 59.842 69.7163 59.8164 69.5727V69.5573C59.7804 69.3623 59.7496 69.1622 59.7188 68.9621C59.6777 68.6799 59.6315 68.3823 59.6007 68.0898C59.5698 67.8692 59.5493 67.6486 59.5288 67.4228C59.5133 67.3304 59.5031 67.2381 59.4979 67.1509C59.4723 66.9251 59.4569 66.6942 59.4414 66.4582V66.4428C59.4158 66.1657 59.4004 65.8784 59.3901 65.5962C59.3593 65.001 59.349 64.3904 59.349 63.7747C59.349 46.2423 71.0432 26.0829 85.4593 18.7405C85.9061 18.5148 86.3529 18.3044 86.7895 18.1043C87.2311 17.9093 87.6728 17.7246 88.1042 17.5553C88.8027 17.2833 89.496 17.0473 90.1791 16.8575C90.518 16.76 90.8467 16.6728 91.1754 16.5907C91.2576 16.5701 91.3346 16.5547 91.4117 16.5393C91.7917 16.4521 92.1666 16.3803 92.5467 16.3187C94.1952 16.0468 95.7771 15.9903 97.2716 16.1545C97.4154 16.1699 97.554 16.1904 97.6978 16.2058C99.2334 16.4111 100.687 16.8575 102.022 17.504C102.053 17.5194 102.074 17.5348 102.099 17.545C107.892 20.4132 111.58 27.34 111.58 37.1862L111.57 37.2016Z"
|
||||
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.7574C88.9618 69.7574 88.8232 69.7266 88.6999 69.6599L84.4064 67.4741C84.0726 67.3048 83.8826 66.9559 83.8826 66.5095V30.1158C83.8826 29.4437 84.3345 28.7099 84.9046 28.4534C86.81 27.5914 88.6742 27.1553 90.4461 27.1553C91.9817 27.1553 93.4094 27.4837 94.6882 28.1353L98.9817 30.3211C99.3515 30.5109 99.7162 30.7315 100.065 30.9727C103.162 33.1636 104.872 37.2632 104.872 42.5224C104.872 47.7816 103.219 53.4051 100.214 58.5822C97.3999 63.4361 93.6559 67.3459 89.6655 69.5984C89.4857 69.701 89.2957 69.7523 89.1108 69.7523V69.7574Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M90.4461 27.6633C91.8893 27.6633 93.24 27.9711 94.452 28.5868L98.7455 30.7726C99.0999 30.9522 99.4389 31.1574 99.7624 31.3883C102.7 33.4664 104.354 37.4685 104.354 42.5225C104.354 47.5764 102.705 53.2564 99.7624 58.3257C96.9942 63.0975 93.3016 66.9559 89.4087 69.1571C89.3008 69.2187 89.1981 69.2443 89.1057 69.2443C89.0389 69.2443 88.9773 69.229 88.9259 69.2033L84.6324 67.0175C84.4835 66.9406 84.391 66.7661 84.391 66.5096V30.1159C84.391 29.6387 84.7197 29.0948 85.1152 28.9204C86.9641 28.084 88.7616 27.6633 90.4461 27.6633ZM90.4461 26.6371C88.6024 26.6371 86.6662 27.0886 84.694 27.9814C83.9391 28.3252 83.369 29.2385 83.369 30.1107V66.5044C83.369 67.1407 83.6669 67.6692 84.1702 67.9257L88.4637 70.1115C88.664 70.2141 88.8797 70.2654 89.1108 70.2654C89.3881 70.2654 89.6552 70.1884 89.9171 70.0448C93.9847 67.7461 97.8006 63.7645 100.656 58.8388C103.707 53.5796 105.381 47.7868 105.381 42.5225C105.381 37.2581 103.599 32.8404 100.358 30.552C99.9935 30.2954 99.6083 30.0594 99.2129 29.8593L94.9194 27.6735C93.5687 26.986 92.0588 26.6371 90.4461 26.6371Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M98.7455 30.7725C96.1212 29.4385 92.8394 29.5462 89.4087 31.1009C89.0184 31.2805 88.6846 31.8192 88.6846 32.2964V68.6901C88.6846 68.9467 88.777 69.1211 88.9259 69.1981L84.6324 67.0123C84.4835 66.9353 84.3911 66.7609 84.3911 66.5043V30.1158C84.3911 29.6386 84.7197 29.0947 85.1152 28.9203C88.5459 27.3656 91.8277 27.2578 94.452 28.5919L98.7455 30.7777V30.7725Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M98.7456 30.7725C99.0999 30.9521 99.4389 31.1574 99.7624 31.3882C102.7 33.4663 104.349 37.4684 104.349 42.5224C104.349 47.5763 102.7 53.2563 99.7624 58.3256C96.9943 63.0974 93.3016 66.9559 89.4087 69.157C89.2238 69.2597 89.0595 69.2699 88.926 69.2032C88.777 69.1263 88.6846 68.9518 88.6846 68.6953V32.3016C88.6846 31.8244 89.0133 31.2805 89.4087 31.106C92.8394 29.5514 96.1212 29.4436 98.7456 30.7777V30.7725Z"
|
||||
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 2.17268C51.404 1.60315 49.966 1.64933 48.3893 2.45488C44.8302 4.2661 41.949 9.24311 41.949 13.5634C41.949 15.9749 42.8478 17.6784 44.2601 18.3967L41.9695 17.232C40.5572 16.5136 39.6584 14.8102 39.6584 12.3986C39.6584 8.07326 42.5448 3.09625 46.0987 1.29016C47.6703 0.489736 49.1134 0.438427 50.233 1.00796L52.5236 2.17268Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M52.5236 2.17263C53.9359 2.89096 54.8347 4.59443 54.8347 7.00597C54.8347 11.3313 51.9484 16.3084 48.3944 18.1144C46.8229 18.9149 45.3797 18.9662 44.2601 18.3966C42.8478 17.6783 41.949 15.9748 41.949 13.5633C41.949 9.23793 44.8353 4.26092 48.3893 2.45483C49.9608 1.65441 51.404 1.6031 52.5236 2.17263Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M49.0158 7.01632C50.7363 6.13894 52.1332 7.12407 52.1332 9.21749C52.1332 11.3109 50.7363 13.7173 49.0158 14.5896C47.2953 15.4618 45.8984 14.4818 45.8984 12.3884C45.8984 10.295 47.2953 7.88858 49.0158 7.01632ZM49.0158 7.8578C47.6754 8.54021 46.5917 10.413 46.5917 12.0395C46.5917 13.666 47.6754 14.4357 49.0158 13.7532C50.3563 13.0708 51.4399 11.198 51.4399 9.57153C51.4399 7.94502 50.3563 7.17538 49.0158 7.8578ZM49.8427 8.8532C49.9814 8.60691 50.2073 8.49403 50.3511 8.59665C50.4898 8.69927 50.4898 8.97634 50.3511 9.22263L49.2777 11.0954C49.1391 11.3417 48.908 11.4546 48.7693 11.352C48.6306 11.2493 48.6306 10.9723 48.7693 10.726L49.8478 8.8532H49.8427ZM49.7092 5.10249C49.8992 5.005 50.0532 5.11275 50.0532 5.34877C50.0532 5.58479 49.8992 5.8516 49.7092 5.94396L48.3225 6.6469C48.1325 6.74439 47.9784 6.6315 47.9784 6.40061C47.9784 6.16972 48.1325 5.90291 48.3225 5.80542L49.7092 5.10249Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M156.646 39.1513C157.222 38.8588 157.586 38.1661 157.586 37.181V24.5999C157.586 22.8349 156.41 20.8031 154.957 20.0642L122.375 3.48102C121.733 3.15264 121.143 3.13725 120.686 3.36814L122.976 2.20342C123.433 1.97253 124.024 1.98792 124.666 2.3163L157.252 18.9046C158.706 19.6435 159.882 21.6753 159.882 23.4404V36.0214C159.882 37.0065 159.517 37.6992 158.942 37.9917L156.651 39.1564L156.646 39.1513Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M156.646 39.1512C156.189 39.3821 155.599 39.3667 154.957 39.0383L122.37 22.45C120.917 21.7112 119.741 19.6793 119.741 17.9143V5.33837C119.741 4.35323 120.105 3.66056 120.68 3.36809C121.138 3.1372 121.728 3.15259 122.37 3.48097L154.957 20.0693C156.41 20.8081 157.586 22.84 157.586 24.605V37.1861C157.586 38.1712 157.222 38.8639 156.646 39.1563V39.1512Z"
|
||||
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="M133.628 17.3038L141.188 21.152C141.809 21.4701 142.312 21.111 142.312 20.3567C142.312 19.6025 141.809 18.7302 141.188 18.4172L133.628 14.569C133.006 14.2509 132.503 14.6101 132.503 15.3643C132.503 16.1186 133.006 16.9908 133.628 17.3038Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M134.167 23.6251L144.767 29.0229C145.64 29.4641 146.344 28.9664 146.344 27.9094C146.344 26.8473 145.635 25.6313 144.767 25.1901L134.167 19.7923C133.294 19.351 132.59 19.8488 132.59 20.9057C132.59 21.9678 133.299 23.1839 134.167 23.6251Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M127.285 13.3991C127.336 13.5684 127.455 13.7326 127.588 13.7993C127.773 13.8968 127.927 13.7839 127.927 13.553V13.1271C127.927 12.9886 127.876 12.8295 127.783 12.7064C127.691 12.5832 127.578 12.5063 127.47 12.5011L125.287 12.4396C125.159 12.4396 125.072 12.5473 125.072 12.7218V15.6567C125.072 15.8055 125.133 15.9697 125.231 16.0979C125.333 16.2262 125.457 16.2929 125.559 16.2775L125.873 16.2313C126.037 16.2057 126.099 15.985 126.017 15.7388C125.96 15.5746 125.857 15.4412 125.744 15.3745V13.3478L127.28 13.3888L127.285 13.3991Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M125.939 11.4596C125.991 11.6289 126.109 11.7931 126.242 11.8598C126.427 11.9573 126.581 11.8444 126.581 11.6135V11.1877C126.581 11.0491 126.53 10.8901 126.438 10.7669C126.345 10.6438 126.232 10.5668 126.124 10.5617L123.942 10.5001C123.813 10.5001 123.726 10.6079 123.726 10.7823V13.7172C123.726 13.866 123.788 14.0302 123.885 14.1585C123.988 14.2868 124.111 14.3535 124.214 14.3381L124.527 14.2919C124.691 14.2662 124.753 14.0456 124.671 13.7993C124.614 13.6351 124.512 13.5017 124.399 13.435V11.4083L125.934 11.4493L125.939 11.4596Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M129.267 14.7177C129.175 14.5895 129.062 14.5125 128.959 14.5125L126.777 14.4509C126.648 14.4509 126.561 14.5638 126.561 14.728V17.668C126.561 17.8066 126.612 17.9605 126.705 18.0836C126.802 18.2119 126.915 18.2889 127.018 18.2889L129.196 18.3504C129.329 18.3607 129.416 18.2478 129.416 18.0734V15.1333C129.416 14.9948 129.365 14.8409 129.267 14.7177ZM128.744 17.4474L127.234 17.4012V15.3642L128.744 15.4104V17.4474Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4.73004 55.0521C3.3177 54.3338 2.41894 52.6354 2.41894 50.2188C2.41894 45.8934 5.30525 40.9164 8.85921 39.1103L32.6892 26.9808C34.2608 26.1803 35.6988 26.129 36.8184 26.6986L34.5278 25.5338C33.4082 24.9643 31.9702 25.0156 30.3987 25.816L6.56865 37.9456C3.01469 39.7517 0.128387 44.7287 0.128387 49.054C0.128387 51.4707 1.02715 53.169 2.43949 53.8874L4.73004 55.0521Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4.73004 55.052C5.84964 55.6216 7.28766 55.5703 8.85921 54.7698L32.6892 42.6403C36.2483 40.8291 39.1295 35.8521 39.1295 31.5318C39.1295 29.1152 38.2307 27.4168 36.8184 26.6985C35.6988 26.129 34.2608 26.1803 32.6892 26.9807L8.85921 39.1102C5.30012 40.9215 2.41895 45.8985 2.41895 50.2187C2.41895 52.6354 3.31771 54.3337 4.73004 55.052Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12.1153 43.7692C12.2026 43.6358 12.331 43.5793 12.4132 43.6358C12.4953 43.6922 12.5005 43.8461 12.4286 43.9898L12.4132 44.0206L9.30088 49.3927C9.21357 49.5415 9.07491 49.6133 8.9876 49.5517C8.90029 49.4902 8.90029 49.3208 8.9876 49.1669L12.0999 43.7948L12.1153 43.7692Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M9.80932 45.5548C9.80932 45.329 9.66038 45.2264 9.47549 45.3187C9.29061 45.4111 9.14167 45.6676 9.14167 45.8934C9.14167 46.1192 9.29061 46.2218 9.47549 46.1294C9.66038 46.0371 9.80932 45.7805 9.80932 45.5548ZM10.2561 45.329C10.2561 45.8524 9.9069 46.4527 9.47549 46.6733C9.04409 46.8939 8.69485 46.6476 8.69485 46.1243C8.69485 45.6009 9.04409 45.0006 9.47549 44.78C9.9069 44.5594 10.2561 44.8056 10.2561 45.329Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M12.2591 47.2839C12.2591 47.0581 12.1102 46.9555 11.9253 47.0479C11.7404 47.1402 11.5914 47.3968 11.5914 47.6225C11.5914 47.8483 11.7404 47.9509 11.9253 47.8586C12.1102 47.7662 12.2591 47.5096 12.2591 47.2839ZM12.7008 47.0581C12.7008 47.5815 12.3515 48.1818 11.9201 48.4024C11.4887 48.6231 11.1395 48.3768 11.1395 47.8534C11.1395 47.3301 11.4887 46.7297 11.9201 46.5091C12.3515 46.2885 12.7008 46.5348 12.7008 47.0581Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M10.6259 41.7989C10.6259 41.6552 10.7235 41.491 10.8416 41.4346C11.5349 41.1267 12.2077 41.0241 12.8086 41.1524C13.4711 41.2909 14.0104 41.6963 14.3853 42.3223C14.7551 42.9482 14.94 43.7794 14.9194 44.7184C14.8989 45.6625 14.6678 46.6835 14.262 47.6789C13.8512 48.6743 13.276 49.6082 12.5981 50.3829C11.915 51.1577 11.1549 51.7426 10.3897 52.0762C9.62443 52.4097 8.88488 52.4866 8.24805 52.2917C7.67284 52.1121 7.19521 51.7221 6.86652 51.1475C6.81003 51.05 6.85625 50.8704 6.9641 50.7524C7.07195 50.6344 7.20035 50.6241 7.25684 50.7216C7.55472 51.2295 7.97585 51.5733 8.48943 51.7324C9.06464 51.9068 9.72715 51.8401 10.4153 51.5374C11.1035 51.2347 11.7917 50.7113 12.4029 50.0135C13.014 49.3157 13.5328 48.4794 13.9025 47.5815C14.2723 46.6835 14.4726 45.7651 14.4932 44.9134C14.5137 44.0668 14.3494 43.3177 14.0155 42.7532C13.6817 42.1888 13.1938 41.8246 12.5981 41.7014C12.0639 41.5885 11.4682 41.6758 10.8519 41.9477C10.7338 41.999 10.6362 41.9323 10.6362 41.7886L10.6259 41.7989Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M29.6745 39.0385L20.954 43.4768C20.2349 43.8411 19.6546 43.4306 19.6546 42.5583C19.6546 41.6861 20.2349 40.6855 20.954 40.3212L29.6745 35.883C30.3935 35.5187 30.9739 35.9292 30.9739 36.8014C30.9739 37.6737 30.3935 38.6742 29.6745 39.0385Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_446_128653">
|
||||
<rect width="160" height="164" fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary} transform="translate(0 0.5)" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,317 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const DashboardVerticalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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="M15.0806 131.544C15.0806 133.489 16.537 135.43 19.4448 136.917L56.8858 155.995C62.7065 158.96 72.1401 158.96 77.9608 155.995L156.636 115.909C159.544 114.427 161 112.486 161 110.541V116.753C161 118.698 159.544 120.638 156.636 122.121L77.9608 162.207C72.1401 165.171 62.7065 165.171 56.8858 162.207L19.4448 143.129C16.5319 141.647 15.0806 139.701 15.0806 137.756V131.544Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M15.0806 131.545C15.0806 129.599 16.537 127.659 19.4448 126.177L98.1197 86.0905C103.94 83.1261 113.374 83.1261 119.195 86.0905L156.636 105.169C159.549 106.651 161 108.596 161 110.542C161 112.487 159.544 114.427 156.636 115.91L77.9608 155.996C72.1401 158.96 62.7065 158.96 56.8858 155.996L19.4448 136.918C16.5319 135.435 15.0806 133.49 15.0806 131.545Z"
|
||||
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="M15.0806 111.921C15.0806 113.866 16.537 115.807 19.4448 117.294L56.8858 136.372C62.7065 139.337 72.1401 139.337 77.9608 136.372L156.636 96.2858C159.544 94.8036 161 92.8634 161 90.918V97.1299C161 99.0752 159.544 101.015 156.636 102.498L77.9608 142.584C72.1401 145.548 62.7065 145.548 56.8858 142.584L19.4448 123.506C16.5319 122.024 15.0806 120.078 15.0806 118.133V111.921Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M15.0806 111.922C15.0806 109.976 16.537 108.036 19.4448 106.554L98.1197 66.4674C103.94 63.503 113.374 63.503 119.195 66.4674L156.636 85.5456C159.549 87.0278 161 88.9732 161 90.9186C161 92.864 159.544 94.8042 156.636 96.2864L77.9608 136.373C72.1401 139.337 62.7065 139.337 56.8858 136.373L19.4448 117.295C16.5319 115.812 15.0806 113.867 15.0806 111.922Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M15.0806 92.2979C15.0806 94.2433 16.537 96.1835 19.4448 97.6709L56.8858 116.749C62.7065 119.713 72.1401 119.713 77.9608 116.749L156.636 76.6628C159.544 75.1806 161 73.2403 161 71.2949V77.5068C161 79.4522 159.544 81.3924 156.636 82.8746L77.9608 122.961C72.1401 125.925 62.7065 125.925 56.8858 122.961L19.4448 103.883C16.5319 102.401 15.0806 100.455 15.0806 98.5098V92.2979Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M15.0806 92.2985C15.0806 90.3532 16.537 88.4129 19.4448 86.9308L98.1197 46.8444C103.94 43.88 113.374 43.88 119.195 46.8444L156.636 65.9226C159.549 67.4048 161 69.3502 161 71.2955C161 73.2409 159.544 75.1813 156.636 76.6635L77.9608 116.75C72.1401 119.714 62.7065 119.714 56.8858 116.75L19.4448 97.6715C16.5319 96.1893 15.0806 94.2439 15.0806 92.2985Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M99.4889 82.3507C98.8198 82.3507 98.1971 82.2067 97.631 81.9185L93.0454 79.5819C91.4242 78.7534 90.4927 76.8543 90.4927 74.3583V64.0652C90.4927 59.6341 93.4623 54.5132 97.1163 52.6553L105.577 48.3477C106.498 47.8794 107.399 47.6426 108.259 47.6426C108.928 47.6426 109.55 47.7867 110.116 48.0749L114.702 50.4115C116.323 51.2401 117.255 53.1391 117.255 55.6351V65.9282C117.255 70.3594 114.285 75.475 110.631 77.338L102.17 81.6457C101.249 82.114 100.348 82.3507 99.4889 82.3507Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M108.259 48.1524C108.85 48.1524 109.396 48.281 109.88 48.528L114.465 50.8646C115.855 51.5748 116.74 53.2474 116.74 55.6251V65.9182C116.74 70.1795 113.899 75.0841 110.394 76.87L101.933 81.1777C101.064 81.6203 100.24 81.8312 99.4837 81.8312C98.8918 81.8312 98.3463 81.7025 97.8625 81.4555L93.277 79.1191C91.8874 78.4089 91.0022 76.7362 91.0022 74.3585V64.0655C91.0022 59.8042 93.8431 54.8995 97.3478 53.1137L105.809 48.806C106.679 48.3634 107.502 48.1524 108.259 48.1524ZM108.259 47.123C107.317 47.123 106.339 47.3804 105.34 47.8847L96.8796 52.1924C93.0094 54.1635 89.9729 59.377 89.9729 64.0603V74.3534C89.9729 77.045 91.0074 79.1138 92.8086 80.035L97.3942 82.3716C98.0324 82.6958 98.7323 82.8605 99.4837 82.8605C100.425 82.8605 101.403 82.6032 102.397 82.0988L110.857 77.7912C114.728 75.8201 117.764 70.6067 117.764 65.9233V55.6303C117.764 52.9386 116.73 50.8697 114.928 49.9485L110.343 47.6119C109.705 47.2877 109.005 47.123 108.253 47.123H108.259Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M99.4889 43.8658C98.8198 43.8658 98.1971 43.7216 97.631 43.4334L93.0454 41.0969C91.4242 40.2683 90.4927 38.3693 90.4927 35.8732V25.5801C90.4927 21.149 93.4623 16.0281 97.1163 14.1702L105.577 9.86263C106.498 9.3943 107.399 9.15234 108.259 9.15234C108.928 9.15234 109.55 9.29649 110.116 9.5847L114.702 11.9212C116.323 12.7498 117.255 14.6488 117.255 17.1449V27.438C117.255 31.8691 114.285 36.99 110.631 38.8479L102.17 43.1555C101.249 43.6238 100.348 43.8606 99.4889 43.8606V43.8658Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M108.259 9.67188C108.85 9.67188 109.396 9.80054 109.88 10.0476L114.465 12.3841C115.855 13.0943 116.74 14.767 116.74 17.1446V27.4377C116.74 31.699 113.899 36.6037 110.394 38.3895L101.933 42.6972C101.064 43.1398 100.24 43.3508 99.4837 43.3508C98.8918 43.3508 98.3463 43.2221 97.8625 42.975L93.277 40.6386C91.8874 39.9284 91.0022 38.2558 91.0022 35.8781V25.585C91.0022 21.3237 93.8431 16.419 97.3478 14.6332L105.809 10.3255C106.679 9.8829 107.502 9.67188 108.259 9.67188ZM108.259 8.64258C107.317 8.64258 106.339 8.89989 105.34 9.40425L96.8796 13.712C93.0094 15.6831 89.9729 20.8965 89.9729 25.5799V35.8729C89.9729 38.5646 91.0074 40.6334 92.8086 41.5546L97.3942 43.8911C98.0324 44.2154 98.7323 44.3801 99.4837 44.3801C100.425 44.3801 101.403 44.1227 102.402 43.6183L110.863 39.3108C114.733 37.3396 117.769 32.1262 117.769 27.4428V17.1498C117.769 14.4582 116.735 12.3892 114.934 11.468L110.348 9.13147C109.71 8.80724 109.01 8.64258 108.259 8.64258Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M68.4862 96.5089C67.8171 96.5089 67.1944 96.3649 66.6283 96.0767L62.0427 93.7401C60.4216 92.9116 59.4901 91.0124 59.4901 88.5163V78.2233C59.4901 73.7921 62.4596 68.6714 66.1136 66.8135L74.5745 62.5059C75.4957 62.0376 76.3964 61.8008 77.2559 61.8008C77.9249 61.8008 78.5476 61.9449 79.1138 62.2331L83.6993 64.5697C85.3205 65.3983 86.252 67.3024 86.252 69.7933V80.0864C86.252 84.5176 83.2824 89.6332 79.6284 91.4962L71.1675 95.8039C70.2463 96.2722 69.3456 96.5089 68.4862 96.5089Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M77.2559 62.3164C77.8477 62.3164 78.3933 62.4451 78.8771 62.6921L83.4626 65.0286C84.8521 65.7389 85.7374 67.4115 85.7374 69.7892V80.0822C85.7374 84.3436 82.8965 89.2482 79.3917 91.034L70.9308 95.3416C70.061 95.7842 69.2376 95.9952 68.481 95.9952C67.8892 95.9952 67.3436 95.8666 66.8599 95.6196L62.2744 93.283C60.8848 92.5728 59.9996 90.9002 59.9996 88.5225V78.2294C59.9996 73.9681 62.8404 69.0636 66.3452 67.2777L74.8061 62.97C75.6759 62.5274 76.4994 62.3164 77.2559 62.3164ZM77.2559 61.2871C76.3141 61.2871 75.3362 61.5444 74.3378 62.0488L65.8769 66.3565C62.0067 68.3276 58.9703 73.5409 58.9703 78.2243V88.5173C58.9703 91.209 60.0047 93.2779 61.806 94.1991L66.3916 96.5357C67.0298 96.8599 67.7297 97.0245 68.481 97.0245C69.4229 97.0245 70.4007 96.7672 71.394 96.2629L79.8549 91.9553C83.725 89.9842 86.7615 84.7707 86.7615 80.0874V69.7943C86.7615 67.1027 85.7271 65.0338 83.9258 64.1125L79.3402 61.776C78.702 61.4518 78.0021 61.2871 77.2507 61.2871H77.2559Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M68.4862 58.0297C67.8171 58.0297 67.1944 57.8857 66.6283 57.5975L62.0427 55.2609C60.4216 54.4323 59.4901 52.5333 59.4901 50.0372V39.7442C59.4901 35.313 62.4596 30.1973 66.1136 28.3343L74.5745 24.0267C75.4957 23.5584 76.3964 23.3164 77.2559 23.3164C77.9249 23.3164 78.5476 23.4606 79.1138 23.7488L83.6993 26.0853C85.3205 26.9139 86.252 28.8181 86.252 31.309V41.602C86.252 46.0332 83.2824 51.1488 79.6284 53.0118L71.1675 57.3195C70.2463 57.7879 69.3456 58.0245 68.4862 58.0245V58.0297Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M77.2559 23.8359C77.8477 23.8359 78.3933 23.9646 78.8771 24.2116L83.4626 26.5482C84.8521 27.2584 85.7374 28.931 85.7374 31.3087V41.6018C85.7374 45.8631 82.8965 50.7677 79.3917 52.5536L70.9308 56.8613C70.061 57.3039 69.2376 57.5148 68.481 57.5148C67.8892 57.5148 67.3436 57.3861 66.8599 57.1391L62.2744 54.8027C60.8848 54.0925 59.9996 52.4198 59.9996 50.0421V39.7491C59.9996 35.4878 62.8404 30.5831 66.3452 28.7973L74.8061 24.4896C75.6759 24.047 76.4994 23.8359 77.2559 23.8359ZM77.2559 22.8066C76.3141 22.8066 75.3362 23.064 74.3378 23.5683L65.8769 27.876C62.0067 29.8471 58.9703 35.0606 58.9703 39.7439V50.037C58.9703 52.7286 60.0047 54.7974 61.806 55.7186L66.3916 58.0552C67.0298 58.3794 67.7297 58.5441 68.481 58.5441C69.4229 58.5441 70.4007 58.2868 71.3991 57.7824L79.86 53.4748C83.7302 51.5037 86.7667 46.2902 86.7667 41.6069V31.3139C86.7667 28.6222 85.7322 26.5533 83.9309 25.6321L79.3454 23.2955C78.7072 22.9713 78.0073 22.8066 77.2559 22.8066Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M114.465 50.8651C113.364 50.3041 111.943 50.3505 110.394 51.143L101.933 55.4506C98.4287 57.2364 95.5878 62.1411 95.5878 66.4024V76.6955C95.5878 79.0732 96.473 80.7509 97.8626 81.456L93.277 79.1196C91.8875 78.4094 91.0023 76.7367 91.0023 74.3591V64.066C91.0023 59.8047 93.8431 54.9 97.3479 53.1142L105.809 48.8065C107.358 48.0191 108.778 47.9676 109.88 48.5285L114.465 50.8651Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M114.465 50.8645C115.855 51.5747 116.74 53.2473 116.74 55.625V65.9181C116.74 70.1794 113.899 75.084 110.394 76.8699L101.933 81.1776C100.384 81.965 98.9639 82.0164 97.8626 81.4554C96.473 80.7452 95.5878 79.0726 95.5878 76.6949V66.4018C95.5878 62.1405 98.4287 57.2358 101.933 55.45L110.394 51.1424C111.943 50.355 113.364 50.3035 114.465 50.8645Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M114.465 12.3846C113.364 11.8237 111.943 11.87 110.394 12.6626L101.933 16.9703C98.4287 18.7561 95.5878 23.6606 95.5878 27.922V38.215C95.5878 40.5927 96.473 42.2705 97.8626 42.9755L93.277 40.6391C91.8875 39.9289 91.0023 38.2563 91.0023 35.8786V25.5855C91.0023 21.3242 93.8431 16.4196 97.3479 14.6337L105.809 10.326C107.358 9.5386 108.778 9.48711 109.88 10.0481L114.465 12.3846Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M114.465 12.384C115.855 13.0942 116.74 14.7669 116.74 17.1446V27.4376C116.74 31.6989 113.899 36.6036 110.394 38.3894L101.933 42.6971C100.384 43.4845 98.9639 43.5359 97.8626 42.9749C96.473 42.2647 95.5878 40.5921 95.5878 38.2144V27.9213C95.5878 23.66 98.4287 18.7555 101.933 16.9697L110.394 12.662C111.943 11.8745 113.364 11.823 114.465 12.384Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M114.465 12.3846C113.364 11.8237 111.943 11.87 110.394 12.6626L101.933 16.9703C98.4287 18.7561 95.5878 23.6606 95.5878 27.922V38.215C95.5878 40.5927 96.473 42.2705 97.8626 42.9755L93.277 40.6391C91.8875 39.9289 91.0023 38.2563 91.0023 35.8786V25.5855C91.0023 21.3242 93.8431 16.4196 97.3479 14.6337L105.809 10.326C107.358 9.5386 108.778 9.48711 109.88 10.0481L114.465 12.3846Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M114.465 12.384C115.855 13.0942 116.74 14.7669 116.74 17.1446V27.4376C116.74 31.6989 113.899 36.6036 110.394 38.3894L101.933 42.6971C100.384 43.4845 98.9639 43.5359 97.8626 42.9749C96.473 42.2647 95.5878 40.5921 95.5878 38.2144V27.9213C95.5878 23.66 98.4287 18.7555 101.933 16.9697L110.394 12.662C111.943 11.8745 113.364 11.823 114.465 12.384Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M83.4626 65.0292C82.3612 64.4682 80.9408 64.5145 79.3917 65.3071L70.9308 69.6147C67.426 71.4005 64.5851 76.3052 64.5851 80.5665V90.8595C64.5851 93.2372 65.4703 94.915 66.8599 95.6201L62.2744 93.2835C60.8848 92.5733 59.9996 90.9007 59.9996 88.523V78.2299C59.9996 73.9686 62.8404 69.0641 66.3452 67.2782L74.8061 62.9705C76.3552 62.1831 77.7757 62.1316 78.8771 62.6926L83.4626 65.0292Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M83.4626 65.0285C84.8521 65.7388 85.7374 67.4114 85.7374 69.7891V80.0821C85.7374 84.3435 82.8965 89.2481 79.3917 91.034L70.9308 95.3415C69.3817 96.129 67.9612 96.1804 66.8599 95.6195C65.4703 94.9092 64.5851 93.2366 64.5851 90.8589V80.5659C64.5851 76.3046 67.426 71.3999 70.9308 69.6141L79.3917 65.3065C80.9408 64.5191 82.3612 64.4676 83.4626 65.0285Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M83.4626 26.5487C82.3612 25.9877 80.9408 26.0341 79.3917 26.8266L70.9308 31.1342C67.426 32.92 64.5851 37.8247 64.5851 42.086V52.3791C64.5851 54.7568 65.4703 56.4345 66.8599 57.1396L62.2744 54.8032C60.8848 54.093 59.9996 52.4203 59.9996 50.0426V39.7496C59.9996 35.4883 62.8404 30.5836 66.3452 28.7978L74.8061 24.4901C76.3552 23.7027 77.7757 23.6512 78.8771 24.2121L83.4626 26.5487Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M83.4626 26.5481C84.8521 27.2583 85.7374 28.9309 85.7374 31.3086V41.6017C85.7374 45.863 82.8965 50.7676 79.3917 52.5535L70.9308 56.8612C69.3817 57.6486 67.9612 57.7 66.8599 57.139C65.4703 56.4288 64.5851 54.7562 64.5851 52.3785V42.0854C64.5851 37.8241 67.426 32.9194 70.9308 31.1336L79.3917 26.826C80.9408 26.0386 82.3612 25.9871 83.4626 26.5481Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M83.4626 26.5487C82.3612 25.9877 80.9408 26.0341 79.3917 26.8266L70.9308 31.1342C67.426 32.92 64.5851 37.8247 64.5851 42.086V52.3791C64.5851 54.7568 65.4703 56.4345 66.8599 57.1396L62.2744 54.8032C60.8848 54.093 59.9996 52.4203 59.9996 50.0426V39.7496C59.9996 35.4883 62.8404 30.5836 66.3452 28.7978L74.8061 24.4901C76.3552 23.7027 77.7757 23.6512 78.8771 24.2121L83.4626 26.5487Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M83.4626 26.5481C84.8521 27.2583 85.7374 28.9309 85.7374 31.3086V41.6017C85.7374 45.863 82.8965 50.7676 79.3917 52.5535L70.9308 56.8612C69.3817 57.6486 67.9612 57.7 66.8599 57.139C65.4703 56.4288 64.5851 54.7562 64.5851 52.3785V42.0854C64.5851 37.8241 67.426 32.9194 70.9308 31.1336L79.3917 26.826C80.9408 26.0386 82.3612 25.9871 83.4626 26.5481Z"
|
||||
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="M5.6113 65.9744C4.196 65.2539 3.29536 63.5503 3.29536 61.1263C3.29536 56.7878 6.1877 51.7957 9.74909 49.9841L36.3515 36.4539C37.9263 35.651 39.3673 35.5995 40.4893 36.1708L38.1939 35.0025C37.072 34.4312 35.631 34.4827 34.0561 35.2856L7.45376 48.8158C3.88722 50.6326 1 55.6246 1 59.958C1 62.382 1.90064 64.0856 3.31594 64.8061L5.6113 65.9744Z"
|
||||
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="M5.61129 65.9741C6.73323 66.5454 8.17424 66.4939 9.74908 65.691L36.3515 52.1608C39.918 50.344 42.8052 45.352 42.8052 41.0186C42.8052 38.5946 41.9046 36.891 40.4893 36.1705C39.3673 35.5992 37.9263 35.6507 36.3515 36.4536L9.74908 49.9838C6.18254 51.8005 3.29535 56.7926 3.29535 61.126C3.29535 63.55 4.19599 65.2536 5.61129 65.9741Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M13.4083 56.0933C13.0634 56.2683 12.7804 56.0728 12.7804 55.6508V52.5938C12.7804 52.3777 12.8525 52.1357 12.9811 51.9299C13.1046 51.7292 13.2693 51.5799 13.4391 51.513C15.0654 50.88 16.3675 51.8012 16.5322 53.7003C16.5476 53.8958 16.4962 54.1223 16.383 54.3333C16.2646 54.5494 16.0999 54.7244 15.9249 54.8119L13.4134 56.0933H13.4083ZM13.4083 52.2901V55.3265L15.9043 54.0553C15.7602 52.5423 14.7155 51.8012 13.4083 52.2901Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M13.0892 60.071C12.6414 60.2975 12.1886 60.4261 11.746 60.421C10.8968 60.421 10.238 59.9371 9.88807 59.0725C9.5381 58.2079 9.54839 57.0602 9.90864 55.8456C10.2535 54.6722 10.8916 53.5607 11.7099 52.7115C11.8695 52.5468 12.0547 52.5416 12.1216 52.696C12.1885 52.8504 12.1217 53.118 11.957 53.2827C11.2931 53.9775 10.7681 54.8884 10.4851 55.8456C10.1917 56.8389 10.1866 57.7808 10.4696 58.4859C10.7527 59.191 11.2931 59.582 11.9879 59.5872C13.4237 59.5923 15.086 57.9249 15.6933 55.8714C15.7602 55.645 15.9455 55.4597 16.1051 55.4597C16.2646 55.4597 16.3418 55.645 16.2697 55.8766C15.7139 57.7602 14.4324 59.3814 13.084 60.0659L13.0892 60.071Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M23.444 50.0725C23.269 50.16 23.1249 50.0622 23.1249 49.846V48.3021C23.1249 48.0911 23.269 47.844 23.444 47.7565C23.6189 47.669 23.763 47.7669 23.763 47.9831V49.527C23.763 49.738 23.6189 49.985 23.444 50.0725Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M23.7579 52.2282L23.1249 52.5524C22.7749 52.7325 22.4919 52.5318 22.4919 52.1046V50.5607C22.4919 50.1335 22.7749 49.6446 23.1249 49.4645L23.7579 49.1403C24.1079 48.9602 24.3909 49.1609 24.3909 49.588V51.132C24.3909 51.5591 24.1079 52.0481 23.7579 52.2282ZM23.1249 50.2365V51.7804L23.7579 51.4563V49.9123L23.1249 50.2365Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M23.444 53.1599C23.269 53.2473 23.1249 53.1496 23.1249 52.9334V52.1615C23.1249 51.9505 23.269 51.7034 23.444 51.6159C23.6189 51.5284 23.763 51.6263 23.763 51.8424V52.6144C23.763 52.8254 23.6189 53.0724 23.444 53.1599Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M25.9761 47.2419C25.8011 47.3294 25.657 47.2316 25.657 47.0155V46.2435C25.657 46.0325 25.8011 45.7854 25.9761 45.6979C26.151 45.6104 26.2951 45.7083 26.2951 45.9245V46.6965C26.2951 46.9075 26.151 47.1544 25.9761 47.2419Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M26.2951 50.165L25.6621 50.4892C25.3122 50.6693 25.0291 50.4686 25.0291 50.0415V47.7306C25.0291 47.3034 25.3122 46.8146 25.6621 46.6344L26.2951 46.3103C26.6451 46.1301 26.9282 46.3308 26.9282 46.7579V49.0687C26.9282 49.4959 26.6451 49.9849 26.2951 50.165ZM25.6621 47.4013V49.712L26.2951 49.3879V47.0771L25.6621 47.4013Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M25.9761 51.4833C25.8011 51.5708 25.657 51.4731 25.657 51.2569V50.099C25.657 49.888 25.8011 49.6409 25.9761 49.5534C26.151 49.4659 26.2951 49.5638 26.2951 49.7799V50.9379C26.2951 51.1489 26.151 51.3959 25.9761 51.4833Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M27.2421 52.7632L22.1728 55.3468C21.6479 55.6144 21.2207 55.3109 21.2207 54.6727V48.5071C21.2207 48.296 21.3648 48.0491 21.5398 47.9616C21.7148 47.8741 21.8589 47.9719 21.8589 48.188V54.3536C21.8589 54.5646 22.003 54.6675 22.1779 54.58L27.2473 51.9964C27.4222 51.9089 27.5663 52.0068 27.5663 52.223C27.5663 52.4391 27.4222 52.6809 27.2473 52.7684L27.2421 52.7632Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M36.6139 48.178L31.8585 50.602C31.3696 50.8541 30.9682 50.5711 30.9682 49.9741V44.1894C30.9682 43.9887 31.1021 43.7622 31.2667 43.6748C31.4314 43.5873 31.5652 43.685 31.5652 43.8857V49.6704C31.5652 49.8711 31.699 49.9638 31.8637 49.8815L36.6191 47.4575C36.7838 47.3752 36.9176 47.4677 36.9176 47.6685C36.9176 47.8692 36.7838 48.0956 36.6191 48.1831L36.6139 48.178Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M32.4556 48.4928C32.4556 48.4928 32.4092 48.5133 32.3835 48.5184C32.224 48.5493 32.1262 48.4052 32.1674 48.1891L32.2034 47.9883C32.3835 46.9796 32.7232 45.1012 33.6444 44.6329C34.1025 44.4013 34.3238 44.6945 34.4833 44.9055C34.6326 45.1011 34.7046 45.1732 34.8281 45.1115C35.2758 44.885 35.8369 43.2638 36.0273 42.2448C36.0684 42.0287 36.228 41.8332 36.3875 41.7971C36.547 41.7663 36.6449 41.9103 36.6037 42.1265C36.5985 42.1573 35.9964 45.2401 34.8281 45.8319C34.3701 46.0635 34.1487 45.7702 33.9892 45.5591C33.84 45.3636 33.7679 45.2916 33.6444 45.3533C33.1915 45.5849 32.893 47.242 32.7798 47.8648L32.7438 48.0707C32.7078 48.2508 32.5894 48.4259 32.4556 48.4928Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M144.032 28.6205C145.252 27.9978 146.827 28.0493 148.545 28.9242C152.431 30.9056 155.581 36.3403 155.581 41.0648C155.581 43.6998 154.603 45.5628 153.059 46.3451L155.555 45.0739C157.094 44.2865 158.077 42.4286 158.077 39.7936C158.077 35.0691 154.927 29.6293 151.042 27.653C149.323 26.7781 147.753 26.7266 146.528 27.3493L144.032 28.6205Z"
|
||||
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="M144.032 28.6208C142.493 29.4082 141.51 31.2661 141.51 33.9012C141.51 38.6257 144.66 44.0656 148.546 46.0419C150.264 46.9168 151.834 46.9682 153.059 46.3454C154.598 45.558 155.581 43.7001 155.581 41.0651C155.581 36.3406 152.431 30.9008 148.546 28.9245C146.827 28.0496 145.257 27.9981 144.032 28.6208Z"
|
||||
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.773 36.3409C144.773 38.5899 146.271 41.1786 148.123 42.1204C149.976 43.0622 151.474 42.002 151.474 39.753C151.474 37.5039 149.976 34.9152 148.123 33.9734C146.276 33.0316 144.773 34.0919 144.773 36.3409ZM148.123 43.0262C145.864 41.8734 144.032 38.7083 144.032 35.96C144.032 33.2118 145.864 31.9148 148.123 33.0625C150.383 34.2102 152.215 37.3805 152.215 40.1288C152.215 42.877 150.383 44.1739 148.123 43.0262Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M146.26 37.0973C146.26 38.3479 147.094 39.7838 148.118 40.3087C149.148 40.8336 149.981 40.2418 149.981 38.9912C149.981 37.7406 149.148 36.3047 148.118 35.7797C147.089 35.2548 146.26 35.8467 146.26 37.0973ZM148.123 41.2145C146.682 40.4837 145.519 38.4663 145.519 36.7164C145.519 34.9666 146.688 34.1431 148.123 34.8739C149.559 35.6047 150.728 37.6222 150.728 39.372C150.728 41.1218 149.559 41.9453 148.123 41.2145Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M48.0959 2.1161C46.9739 1.54483 45.5329 1.59118 43.9529 2.39918C40.3863 4.2159 37.4992 9.20798 37.4992 13.5414C37.4992 15.9602 38.3998 17.669 39.8151 18.3895L37.5197 17.2212C36.1044 16.5007 35.2038 14.792 35.2038 12.3731C35.2038 8.03457 38.0962 3.04249 41.6576 1.23091C43.2324 0.428053 44.6786 0.376562 45.8005 0.947826L48.0959 2.1161Z"
|
||||
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="M48.0959 2.1158C49.5112 2.83631 50.4118 4.54492 50.4118 6.96378C50.4118 11.3023 47.5195 16.2945 43.9581 18.1061C42.3832 18.9089 40.9371 18.9604 39.8151 18.3892C38.3998 17.6687 37.4992 15.9599 37.4992 13.5411C37.4992 9.20254 40.3915 4.21046 43.9529 2.39888C45.5277 1.59602 46.9739 1.54453 48.0959 2.1158Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M47.5915 9.28574C47.3908 9.38867 47.2262 9.27544 47.2262 9.02841V6.81538L45.4043 7.74178C45.2035 7.84471 45.0389 7.73149 45.0389 7.48445C45.0389 7.23742 45.2035 6.95952 45.4043 6.85659L47.5864 5.74499C47.7871 5.64206 47.9518 5.75528 47.9518 6.00231V8.65787C47.9518 8.90491 47.7871 9.18281 47.5864 9.28574H47.5915Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M40.3144 14.7678C40.2217 14.8141 40.1291 14.8193 40.0571 14.7678C39.9129 14.6649 39.9129 14.387 40.0571 14.14L42.4244 10.0587C42.5685 9.81164 42.795 9.69842 42.9391 9.7962L44.5037 10.9028L47.3394 6.00843C47.4835 5.76139 47.7099 5.64817 47.854 5.74595C47.9982 5.84888 47.9982 6.12678 47.854 6.37381L44.761 11.7158C44.6169 11.9629 44.3904 12.0761 44.2463 11.9783L42.6818 10.8719L40.5717 14.5105C40.4997 14.634 40.407 14.7215 40.3144 14.773V14.7678Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
265
packages/propel/src/empty-state/assets/vertical-stack/draft.tsx
Normal file
265
packages/propel/src/empty-state/assets/vertical-stack/draft.tsx
Normal file
@@ -0,0 +1,265 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const DraftVerticalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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="M14.7751 141.405C14.7751 143.355 16.2347 145.299 19.1485 146.79L56.6679 165.908C62.5008 168.878 71.9541 168.878 77.787 165.908L156.627 125.737C159.54 124.252 161 122.308 161 120.358V126.583C161 128.533 159.54 130.477 156.627 131.962L77.787 172.133C71.9541 175.103 62.5008 175.103 56.6679 172.133L19.1485 153.014C16.2295 151.529 14.7751 149.58 14.7751 147.63V141.405Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M14.7751 141.405C14.7751 139.456 16.2347 137.511 19.1485 136.026L97.9882 95.8559C103.821 92.8853 113.274 92.8853 119.107 95.8559L156.627 114.974C159.546 116.459 161 118.409 161 120.358C161 122.308 159.54 124.252 156.627 125.737L77.787 165.907C71.9541 168.878 62.5008 168.878 56.6679 165.907L19.1485 146.789C16.2295 145.304 14.7751 143.355 14.7751 141.405Z"
|
||||
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="M14.7751 121.74C14.7751 123.69 16.2347 125.634 19.1485 127.125L56.6679 146.243C62.5008 149.213 71.9541 149.213 77.787 146.243L156.627 106.072C159.54 104.587 161 102.643 161 100.693V106.918C161 108.868 159.54 110.812 156.627 112.297L77.787 152.467C71.9541 155.438 62.5008 155.438 56.6679 152.467L19.1485 133.349C16.2295 131.864 14.7751 129.915 14.7751 127.965V121.74Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M14.7751 121.74C14.7751 119.791 16.2347 117.846 19.1485 116.361L97.9882 76.1908C103.821 73.2202 113.274 73.2202 119.107 76.1908L156.627 95.3089C159.546 96.7942 161 98.7437 161 100.693C161 102.643 159.54 104.587 156.627 106.072L77.787 146.242C71.9541 149.213 62.5008 149.213 56.6679 146.242L19.1485 127.124C16.2295 125.639 14.7751 123.69 14.7751 121.74Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M14.7751 102.075C14.7751 104.025 16.2347 105.969 19.1485 107.459L56.6679 126.578C62.5008 129.548 71.9541 129.548 77.787 126.578L156.627 86.4074C159.54 84.9221 161 82.9778 161 81.0283V87.2532C161 89.2026 159.54 91.1469 156.627 92.6322L77.787 132.802C71.9541 135.773 62.5008 135.773 56.6679 132.802L19.1485 113.684C16.2295 112.199 14.7751 110.25 14.7751 108.3V102.075Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M14.7751 102.075C14.7751 100.126 16.2347 98.1813 19.1485 96.696L97.9882 56.5258C103.821 53.5552 113.274 53.5552 119.107 56.5258L156.627 75.6439C159.546 77.1292 161 79.0787 161 81.0281C161 82.9776 159.54 84.9219 156.627 86.4072L77.787 126.577C71.9541 129.548 62.5008 129.548 56.6679 126.577L19.1485 107.459C16.2295 105.974 14.7751 104.025 14.7751 102.075Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M72.3151 95.154C71.4126 95.154 70.5668 94.9581 69.8087 94.5713L65.5023 92.3743C63.3001 91.25 62.0366 88.6507 62.0366 85.2417V52.6992C62.0366 46.562 66.1521 39.4707 71.2063 36.892L97.952 23.2664C99.2156 22.6218 100.448 22.2969 101.619 22.2969C102.521 22.2969 103.367 22.4929 104.125 22.8797L108.432 25.0767C110.634 26.2009 111.897 28.8002 111.897 32.2092V64.7518C111.897 70.8889 107.782 77.9802 102.728 80.5589L75.9819 94.1845C74.7184 94.8291 73.4858 95.154 72.3151 95.154Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M101.614 22.8127C102.444 22.8127 103.207 22.9932 103.888 23.3388L108.194 25.5358C110.139 26.526 111.382 28.8777 111.382 32.2093V64.7519C111.382 70.7292 107.4 77.5987 102.49 80.1L75.7447 93.7256C74.5276 94.3444 73.3672 94.6384 72.3151 94.6384C71.4848 94.6384 70.7215 94.4579 70.0408 94.1124L65.7344 91.9153C63.785 90.9251 62.5472 88.5734 62.5472 85.2418V52.6993C62.5472 46.7219 66.5286 39.8524 71.4384 37.3511L98.1841 23.7256C99.4012 23.1067 100.556 22.8127 101.614 22.8127ZM101.614 21.7812C100.361 21.7812 99.0506 22.1268 97.7148 22.8076L70.9691 36.4331C65.7551 39.0891 61.5157 46.3867 61.5157 52.6993V85.2418C61.5157 88.8519 62.8824 91.6214 65.2651 92.8333L69.5714 95.0304C70.4069 95.4533 71.3249 95.6699 72.3151 95.6699C73.5684 95.6699 74.8783 95.3243 76.214 94.6436L102.96 81.018C108.174 78.362 112.413 71.0644 112.413 64.7519V32.2093C112.413 28.5992 111.046 25.8297 108.664 24.6178L104.357 22.4208C103.522 21.9979 102.604 21.7812 101.614 21.7812Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M108.194 25.5359C106.652 24.7468 104.662 24.8139 102.49 25.9227L75.7447 39.5483C70.835 42.0496 66.8535 48.9191 66.8535 54.8964V87.4389C66.8535 90.7706 68.0913 93.1223 70.0407 94.1125L65.7344 91.9155C63.7849 90.9253 62.5472 88.5735 62.5472 85.2419V52.6994C62.5472 46.7221 66.5286 39.8526 71.4384 37.3513L98.1841 23.7257C100.355 22.6169 102.346 22.555 103.888 23.3389L108.194 25.5359Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M108.194 25.5352C110.144 26.5254 111.382 28.8771 111.382 32.2087V64.7513C111.382 70.7286 107.4 77.5981 102.49 80.0994L75.7447 93.725C73.5735 94.8338 71.5828 94.8957 70.0408 94.1118C68.0913 93.1216 66.8535 90.7698 66.8535 87.4382V54.8957C66.8535 48.9184 70.835 42.0488 75.7447 39.5476L102.49 25.922C104.662 24.8132 106.652 24.7513 108.194 25.5352Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M125.497 23.1279C125.42 23.1279 125.337 23.1073 125.265 23.0712L120.443 20.6163C120.443 20.6163 120.402 20.5906 120.381 20.5802L112.037 14.6751C111.82 14.5204 111.753 14.2264 111.887 13.9944L114.486 9.50236C115.652 7.49101 117.209 5.91804 118.87 5.07224C119.731 4.63387 120.577 4.41211 121.382 4.41211C122.011 4.41211 122.599 4.55136 123.13 4.81954L127.952 7.27441C128.102 7.35177 128.251 7.4446 128.396 7.54259C129.649 8.42964 130.34 10.0697 130.34 12.1635C130.34 14.2574 129.7 16.377 128.54 18.3832L125.941 22.8752C125.848 23.0403 125.673 23.1331 125.492 23.1331L125.497 23.1279Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M121.382 4.92794C121.928 4.92794 122.439 5.04656 122.893 5.27864L127.715 7.73352C127.849 7.80056 127.973 7.87792 128.096 7.96559C129.205 8.7495 129.824 10.2606 129.824 12.1636C129.824 14.0667 129.2 16.2121 128.096 18.1203L125.497 22.6123L120.675 20.1574L112.331 14.2523L114.93 9.76033C116.039 7.85213 117.539 6.33073 119.102 5.53135C119.891 5.12908 120.665 4.92794 121.382 4.92794ZM121.382 3.89648C120.489 3.89648 119.566 4.13888 118.633 4.61335C116.879 5.50556 115.25 7.15074 114.038 9.2446L111.438 13.7366C111.17 14.2008 111.299 14.7887 111.737 15.0981L120.082 21.0032C120.123 21.0342 120.165 21.06 120.211 21.0806L125.033 23.5355C125.183 23.6128 125.342 23.6489 125.502 23.6489C125.858 23.6489 126.204 23.4633 126.395 23.1332L128.994 18.6412C130.195 16.5628 130.861 14.2627 130.861 12.1636C130.861 9.89958 130.092 8.11 128.695 7.12495C128.53 7.00634 128.359 6.90319 128.184 6.81551L123.362 4.36064C122.759 4.05636 122.093 3.89648 121.382 3.89648Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M92.0727 71.7772C91.8303 71.7772 91.6085 71.7205 91.4023 71.6122C91.3919 71.6122 91.3455 71.5813 91.2991 71.5555L86.477 69.0954C86.477 69.0954 86.4358 69.0697 86.4152 69.0593C86.1006 68.8376 85.8685 68.4714 85.7705 68.0279C85.6777 67.6411 85.6828 67.1769 85.786 66.7025L87.5858 58.4405C88.1583 55.8102 89.2053 53.1439 90.608 50.72L109.499 18.1104C109.592 17.9454 109.767 17.8525 109.948 17.8525C110.025 17.8525 110.108 17.8732 110.18 17.9093L115.002 20.3693C115.002 20.3693 115.043 20.3951 115.064 20.4054L123.408 26.3053C123.625 26.4601 123.692 26.754 123.558 26.9861L116.529 39.1315L104.672 59.5957C103.259 62.0299 101.505 64.2012 99.5869 65.8721L93.5477 71.1377C93.1867 71.4472 92.7947 71.6535 92.4182 71.736C92.2996 71.7618 92.1862 71.7721 92.0727 71.7721V71.7772Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M109.943 18.3723L114.765 20.8323L123.109 26.7323L116.08 38.8777L111.346 47.0469L104.223 59.3419C102.836 61.7348 101.124 63.8493 99.2466 65.4894L93.2073 70.755C92.9134 71.0077 92.6039 71.1727 92.31 71.2346C92.2275 71.2501 92.1449 71.2604 92.0676 71.2604C91.9129 71.2604 91.7685 71.2243 91.6395 71.1572C91.6034 71.1418 91.5673 71.116 91.5312 71.0953L86.7091 68.6353C86.4977 68.4857 86.343 68.233 86.2708 67.9133C86.1934 67.5935 86.1986 67.2119 86.2863 66.8148L88.0862 58.5528C88.6483 55.9793 89.6643 53.3749 91.0516 50.9819L109.943 18.3723ZM109.943 17.3408C109.587 17.3408 109.241 17.5265 109.051 17.8566L90.1594 50.4661C88.7308 52.9313 87.6632 55.6544 87.0805 58.3362L85.2806 66.5982C85.162 67.1449 85.1568 67.6864 85.2703 68.1608C85.394 68.7075 85.6932 69.182 86.1161 69.4811C86.1573 69.512 86.1986 69.5378 86.245 69.5585L91.0361 72.003C91.0722 72.0237 91.1238 72.0598 91.1908 72.0907C91.4642 72.2299 91.7581 72.297 92.0727 72.297C92.2223 72.297 92.3719 72.2815 92.5214 72.2506C92.9856 72.1526 93.4549 71.9102 93.883 71.544L99.9273 66.2733C101.887 64.561 103.682 62.3486 105.121 59.8679L112.243 47.5729L116.977 39.4037L124.007 27.2583C124.275 26.7942 124.146 26.2062 123.708 25.9019L115.363 20.002C115.322 19.971 115.281 19.9504 115.234 19.9246L110.412 17.4646C110.263 17.3872 110.103 17.3511 109.943 17.3511V17.3408Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M127.715 7.73365C126.658 7.19213 125.317 7.2798 123.924 7.98635C122.356 8.78573 120.856 10.3071 119.752 12.2153L117.153 16.7073L112.331 14.2525L114.93 9.76046C116.039 7.85226 117.539 6.33086 119.102 5.53148C120.495 4.81977 121.835 4.73725 122.893 5.27877L127.715 7.73365Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M117.153 16.712L125.497 22.6119L120.675 20.1571L112.331 14.252L117.153 16.712Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M127.715 7.73287C127.849 7.79992 127.973 7.87728 128.096 7.96495C129.205 8.74886 129.824 10.2599 129.824 12.163C129.824 14.066 129.2 16.2115 128.096 18.1197L125.497 22.6117L117.153 16.7066L119.752 12.2146C120.861 10.3064 122.362 8.78496 123.924 7.98558C125.317 7.27387 126.658 7.19136 127.715 7.73287Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M114.765 20.8279L95.8788 53.4375C94.4915 55.8305 93.4703 58.4349 92.9082 61.0084L91.1083 69.2704C91.0206 69.6675 91.0155 70.0492 91.0877 70.3689C91.1599 70.6887 91.3146 70.9414 91.5312 71.0909L86.7091 68.6361C86.4925 68.4814 86.343 68.2338 86.2656 67.9141C86.1934 67.5943 86.1986 67.2127 86.2862 66.8155L88.0861 58.5536C88.6483 55.9801 89.6643 53.3756 91.0567 50.9826L109.943 18.373L114.765 20.8279Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M114.765 20.8271L123.109 26.7323L104.223 59.3418C102.836 61.74 101.124 63.8493 99.2465 65.4893L93.2073 70.7549C92.9185 71.0077 92.6091 71.1727 92.31 71.2346C92.0624 71.2861 91.8355 71.2604 91.6395 71.1572C91.6034 71.1366 91.5673 71.116 91.5312 71.0902C91.3146 70.9355 91.1651 70.6879 91.0877 70.3681C91.0155 70.0484 91.0206 69.6668 91.1083 69.2696L92.9082 61.0077C93.4703 58.4342 94.4863 55.8297 95.8788 53.4367L114.765 20.8271Z"
|
||||
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.936 37.7746C148.06 37.2022 149.504 37.2486 151.088 38.0583C154.662 39.8788 157.555 44.8814 157.555 49.2238C157.555 51.6477 156.652 53.36 155.234 54.082L157.534 52.9113C158.953 52.1893 159.855 50.477 159.855 48.0531C159.855 43.7055 156.957 38.7029 153.388 36.8876C151.81 36.083 150.36 36.0314 149.236 36.6039L146.936 37.7746Z"
|
||||
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="M146.936 37.7738C145.518 38.4959 144.615 40.2081 144.615 42.632C144.615 46.9796 147.514 51.9822 151.083 53.7976C152.661 54.6021 154.11 54.6537 155.234 54.0812C156.652 53.3592 157.555 51.647 157.555 49.223C157.555 44.8754 154.657 39.8729 151.088 38.0575C149.51 37.2529 148.06 37.2014 146.936 37.7738Z"
|
||||
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="M152.867 44.0461C152.686 43.7367 152.444 43.4891 152.186 43.3602C151.933 43.2313 151.686 43.2313 151.505 43.3602L148.767 45.2942C148.468 45.5056 148.298 45.9131 148.298 46.4288C148.298 46.9445 148.468 47.5221 148.767 48.043C149.066 48.5588 149.473 48.9713 149.896 49.1879C150.319 49.4045 150.727 49.4045 151.026 49.1931L153.96 47.1199C154.084 47.0322 154.285 47.1353 154.414 47.3519C154.538 47.5685 154.538 47.8109 154.414 47.9038L151.48 49.977C151.062 50.2761 150.489 50.271 149.896 49.9667C149.303 49.6624 148.736 49.09 148.313 48.3628C147.895 47.6408 147.658 46.8259 147.658 46.1039C147.658 45.3819 147.895 44.8094 148.313 44.5154L151.046 42.5814C151.346 42.37 151.753 42.37 152.176 42.5814C152.599 42.798 153.006 43.2106 153.305 43.7264C153.604 44.2421 153.775 44.8249 153.775 45.3406C153.775 45.8563 153.604 46.2637 153.305 46.4804L150.562 48.4143C150.381 48.5433 150.139 48.5381 149.886 48.4143C149.633 48.2906 149.386 48.0379 149.21 47.7284C149.035 47.419 148.932 47.0683 148.932 46.7589C148.932 46.4494 149.035 46.207 149.21 46.0781L151.923 44.1647C152.047 44.0771 152.248 44.1802 152.377 44.3968C152.501 44.6134 152.501 44.8558 152.377 44.9435L149.664 46.8568C149.602 46.8981 149.571 46.9806 149.571 47.0838C149.571 47.1869 149.608 47.3004 149.664 47.4087C149.726 47.5118 149.803 47.5943 149.891 47.6356C149.979 47.6769 150.056 47.6769 150.118 47.6356L152.862 45.7016C153.042 45.5727 153.14 45.3303 153.14 45.0208C153.14 44.7114 153.037 44.3607 152.857 44.0513L152.867 44.0461Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M23.8262 37.9394C23.2486 37.6454 22.8824 36.9492 22.8824 35.959V23.3133C22.8824 21.5392 24.0635 19.4969 25.523 18.7542L58.246 2.08067C58.8907 1.75061 59.4838 1.73514 59.9428 1.96722L57.6426 0.796508C57.1836 0.564429 56.5905 0.579902 55.9459 0.909969L23.2228 17.5835C21.7633 18.3262 20.5823 20.3685 20.5823 22.1426V34.7883C20.5823 35.7785 20.9485 36.4747 21.5261 36.7687L23.8262 37.9394Z"
|
||||
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="M23.8262 37.9386C24.2852 38.1707 24.8783 38.1552 25.523 37.8251L58.246 21.1516C59.7056 20.4089 60.8866 18.3666 60.8866 16.5925V3.94683C60.8866 2.95663 60.5204 2.2604 59.9428 1.96643C59.4838 1.73435 58.8907 1.74982 58.246 2.07989L25.523 18.7534C24.0635 19.4961 22.8824 21.5384 22.8824 23.3125V35.9582C22.8824 36.9484 23.2486 37.6446 23.8262 37.9386Z"
|
||||
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="M47.4982 15.6389L39.9066 19.5069C39.2826 19.8266 38.7772 19.4656 38.7772 18.7075C38.7772 17.9494 39.2826 17.0726 39.9066 16.758L47.4982 12.8901C48.1222 12.5703 48.6276 12.9313 48.6276 13.6894C48.6276 14.4476 48.1222 15.3243 47.4982 15.6389Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M51.0052 20.2192L40.3605 25.6447C39.4837 26.0883 38.7772 25.588 38.7772 24.5256C38.7772 23.458 39.4889 22.2358 40.3605 21.7922L51.0052 16.3667C51.8819 15.9232 52.5884 16.4235 52.5884 17.4859C52.5884 18.5534 51.8767 19.7757 51.0052 20.2192Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M31.459 23.711C31.526 23.8606 31.6704 23.9121 31.8406 23.8296C32.0727 23.711 32.2635 23.3809 32.2635 23.0921V22.5558C32.2635 22.3804 32.2016 22.2515 32.0882 22.2102C31.9747 22.169 31.8251 22.2205 31.6962 22.3495L28.9628 25.057C28.803 25.2169 28.6946 25.4696 28.6946 25.6862V29.3685C28.6946 29.5542 28.772 29.6831 28.8958 29.7141C29.0196 29.745 29.1794 29.6728 29.3084 29.5181L29.7003 29.0643C29.9066 28.827 29.984 28.466 29.8808 28.2649C29.8086 28.1308 29.6797 28.0999 29.5353 28.1566V25.614L31.4641 23.7058L31.459 23.711Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M29.7778 22.9883C29.8448 23.1379 29.9892 23.1895 30.1594 23.107C30.3915 22.9883 30.5823 22.6583 30.5823 22.3695V21.8331C30.5823 21.6577 30.5204 21.5288 30.4069 21.4876C30.2935 21.4463 30.1439 21.4979 30.015 21.6268L27.2816 24.3344C27.1217 24.4943 27.0134 24.747 27.0134 24.9636V28.6459C27.0134 28.8316 27.0908 28.9605 27.2146 28.9914C27.3383 29.0224 27.4982 28.9502 27.6271 28.7955L28.0191 28.3416C28.2254 28.1044 28.3028 27.7434 28.1996 27.5422C28.1274 27.4081 27.9985 27.3772 27.8541 27.4339V24.8914L29.7829 22.9832L29.7778 22.9883Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M34.1305 26.8511C34.1305 27.0677 34.0221 27.3204 33.8623 27.4803L31.1289 30.1878C31 30.3168 30.8556 30.3683 30.7421 30.3271C30.6286 30.2858 30.5616 30.1621 30.5616 29.9867V26.3044C30.5616 26.0878 30.6699 25.8351 30.8298 25.6752L33.5631 22.9676C33.6921 22.8387 33.8365 22.7871 33.9499 22.8284C34.0634 22.8696 34.1305 22.9986 34.1305 23.1688V26.8562V26.8511ZM33.2898 24.3601L31.3971 26.2373V28.7954L33.2898 26.9233V24.3653V24.3601Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M5.62093 81.4623C4.20268 80.7403 3.30015 79.0332 3.30015 76.6041C3.30015 72.2565 6.19856 67.254 9.76741 65.4386L33.6973 53.2467C35.2754 52.4422 36.7194 52.3906 37.8437 52.9631L35.5436 51.7924C34.4193 51.2199 32.9752 51.2715 31.3971 52.076L7.46726 64.2679C3.89325 66.0884 1 71.091 1 75.4334C1 77.8625 1.90253 79.5696 3.32078 80.2916L5.62093 81.4623Z"
|
||||
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="M5.62095 81.4615C6.74525 82.034 8.18929 81.9824 9.76743 81.1779L33.6973 68.986C37.2713 67.1655 40.1645 62.1629 40.1645 57.8205C40.1645 55.3914 39.262 53.6843 37.8437 52.9623C36.7195 52.3898 35.2754 52.4414 33.6973 53.246L9.76743 65.4378C6.19342 67.2583 3.30017 72.2609 3.30017 76.6034C3.30017 79.0324 4.2027 80.7395 5.62095 81.4615Z"
|
||||
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="M30.6699 65.3707L21.9128 69.8318C21.1908 70.1979 20.608 69.7854 20.608 68.9086C20.608 68.0319 21.1908 67.0262 21.9128 66.66L30.6699 62.199C31.3919 61.8328 31.9747 62.2454 31.9747 63.1221C31.9747 63.9989 31.3919 65.0045 30.6699 65.3707Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M9.87575 73.9533C9.6282 74.3865 9.4838 74.8661 9.4838 75.2993C9.4838 75.7274 9.62304 76.0678 9.87575 76.2483C10.1233 76.4236 10.4637 76.4236 10.8195 76.2483C11.1754 76.0729 11.5106 75.7274 11.7633 75.2942L12.2326 74.4793C12.3616 74.2524 12.573 74.1492 12.702 74.2369C12.8309 74.3298 12.8309 74.5876 12.702 74.8094L12.2326 75.6242C11.8562 76.2689 11.3507 76.7846 10.8195 77.058C10.2883 77.3261 9.78291 77.3313 9.40643 77.0631C9.02995 76.8001 8.82367 76.2895 8.82367 75.6449C8.82367 75.0002 9.03511 74.273 9.40643 73.6284L9.87575 72.8135C10.0047 72.5866 10.2161 72.4834 10.3451 72.5711C10.474 72.6588 10.474 72.9218 10.3451 73.1436L9.87575 73.9584V73.9533Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M11.2888 70.9456C11.1599 70.8528 11.1599 70.5949 11.2888 70.3732L11.7582 69.5583C12.1346 68.9137 12.64 68.3979 13.1712 68.1246C13.7025 67.8513 14.2079 67.8513 14.5843 68.1194C14.9608 68.3825 15.1671 68.893 15.1671 69.5377C15.1671 70.1824 14.9557 70.9095 14.5843 71.5542L14.115 72.3691C13.9861 72.596 13.7746 72.6991 13.6457 72.6115C13.5168 72.5186 13.5168 72.2608 13.6457 72.039L14.115 71.2241C14.3626 70.7909 14.507 70.3113 14.507 69.8781C14.507 69.4449 14.3677 69.1096 14.115 68.9291C13.8675 68.7538 13.5271 68.7538 13.1712 68.9291C12.8206 69.1096 12.4802 69.45 12.2275 69.8832L11.7582 70.6981C11.6292 70.925 11.4178 71.0282 11.2888 70.9405V70.9456Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M10.8195 74.6185C10.6906 74.5256 10.6906 74.2678 10.8195 74.046L12.7019 70.7969C12.8309 70.57 13.0423 70.4668 13.1713 70.5545C13.3002 70.6473 13.3002 70.9052 13.1713 71.127L11.2889 74.3761C11.1599 74.603 10.9485 74.7061 10.8195 74.6185Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
223
packages/propel/src/empty-state/assets/vertical-stack/epic.tsx
Normal file
223
packages/propel/src/empty-state/assets/vertical-stack/epic.tsx
Normal file
@@ -0,0 +1,223 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const EpicVerticalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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="M146.362 35.9625C146.905 35.6869 147.249 35.0343 147.249 34.1061V22.2529C147.249 20.5899 146.139 18.6756 144.766 17.9795L114.001 2.35075C113.395 2.04136 112.837 2.02685 112.406 2.24438L114.568 1.14702C115 0.929488 115.557 0.944006 116.163 1.25339L146.929 16.8822C148.301 17.5783 149.411 19.4926 149.411 21.1555V33.0088C149.411 33.937 149.067 34.5896 148.524 34.8651L146.362 35.9625Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M146.362 35.9625C145.93 36.18 145.372 36.1655 144.766 35.8561L114.001 20.2274C112.629 19.5312 111.518 17.6169 111.518 15.954V4.1007C111.518 3.17254 111.863 2.51992 112.406 2.24438C112.837 2.02684 113.395 2.04136 114.001 2.35074L144.766 17.9795C146.139 18.6756 147.249 20.5899 147.249 22.2529V34.1061C147.249 35.0343 146.905 35.6869 146.362 35.9625Z"
|
||||
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="M124.634 15.3787L131.772 19.0043C132.358 19.304 132.833 18.9657 132.833 18.255C132.833 17.5444 132.358 16.7226 131.772 16.4277L124.634 12.8021C124.048 12.5024 123.572 12.8408 123.572 13.5514C123.572 14.2621 124.048 15.0838 124.634 15.3787Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M125.143 21.3344L135.151 26.4199C135.976 26.8356 136.64 26.3667 136.64 25.3709C136.64 24.3702 135.971 23.2245 135.151 22.8088L125.143 17.7233C124.319 17.3075 123.655 17.7765 123.655 18.7723C123.655 19.7729 124.324 20.9186 125.143 21.3344Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M118.641 11.6999C118.69 11.8595 118.801 12.0142 118.927 12.077C119.102 12.1689 119.247 12.0625 119.247 11.845V11.4437C119.247 11.3132 119.199 11.1634 119.111 11.0473C119.024 10.9313 118.918 10.8588 118.816 10.854L116.755 10.796C116.634 10.796 116.551 10.8975 116.551 11.0618V13.827C116.551 13.9672 116.609 14.1218 116.702 14.2427C116.799 14.3636 116.915 14.4264 117.012 14.4119L117.308 14.3684C117.463 14.3442 117.521 14.1363 117.443 13.9043C117.39 13.7496 117.293 13.6239 117.186 13.5611V11.6516L118.636 11.6903L118.641 11.6999Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M117.376 9.87267C117.424 10.0322 117.536 10.1869 117.662 10.2497C117.836 10.3416 117.982 10.2352 117.982 10.0177V9.61645C117.982 9.48592 117.933 9.33606 117.846 9.22004C117.759 9.10402 117.652 9.03153 117.55 9.0267L115.489 8.96866C115.368 8.96866 115.286 9.0702 115.286 9.23456V11.9997C115.286 12.1399 115.344 12.2945 115.436 12.4154C115.533 12.5363 115.649 12.5991 115.746 12.5846L116.042 12.5411C116.197 12.5169 116.256 12.3091 116.178 12.077C116.125 11.9223 116.028 11.7966 115.921 11.7338V9.82431L117.371 9.86299L117.376 9.87267Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M120.518 12.9423C120.43 12.8215 120.324 12.749 120.227 12.749L118.166 12.6909C118.045 12.6909 117.962 12.7973 117.962 12.952V15.722C117.962 15.8525 118.011 15.9975 118.098 16.1135C118.19 16.2344 118.297 16.3069 118.394 16.3069L120.45 16.3649C120.576 16.3746 120.658 16.2682 120.658 16.1038V13.3339C120.658 13.2034 120.61 13.0584 120.518 12.9423ZM120.023 15.5141L118.597 15.4706V13.5514L120.023 13.5949V15.5141Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M7.92419 134.11C7.92419 135.937 9.29639 137.76 12.0359 139.157L47.3107 157.077C52.7947 159.861 61.6825 159.861 67.1664 157.077L141.29 119.424C144.029 118.032 145.401 116.209 145.401 114.382V120.217C145.401 122.044 144.029 123.866 141.29 125.259L67.1664 162.912C61.6825 165.696 52.7947 165.696 47.3107 162.912L12.0359 144.991C9.29155 143.599 7.92419 141.772 7.92419 139.945V134.11Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M7.92419 134.11C7.92419 132.283 9.29639 130.46 12.0359 129.068L86.1591 91.4148C91.643 88.6304 100.531 88.6304 106.015 91.4148L141.29 109.335C144.034 110.727 145.401 112.554 145.401 114.382C145.401 116.209 144.029 118.032 141.29 119.424L67.1664 157.077C61.6825 159.861 52.7947 159.861 47.3107 157.077L12.0359 139.157C9.29154 137.764 7.92419 135.937 7.92419 134.11Z"
|
||||
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="M7.92419 115.677C7.92419 117.505 9.29639 119.327 12.0359 120.724L47.3107 138.644C52.7947 141.429 61.6825 141.429 67.1664 138.644L141.29 100.991C144.029 99.599 145.401 97.7765 145.401 95.9492V101.784C145.401 103.611 144.029 105.434 141.29 106.826L67.1664 144.479C61.6825 147.264 52.7947 147.264 47.3107 144.479L12.0359 126.559C9.29155 125.167 7.92419 123.339 7.92419 121.512V115.677Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M7.92419 115.677C7.92419 113.85 9.29639 112.028 12.0359 110.635L86.1591 72.9823C91.643 70.1978 100.531 70.1978 106.015 72.9823L141.29 90.9024C144.034 92.2946 145.401 94.1219 145.401 95.9492C145.401 97.7765 144.029 99.599 141.29 100.991L67.1664 138.644C61.6825 141.429 52.7947 141.429 47.3107 138.644L12.0359 120.724C9.29154 119.332 7.92419 117.505 7.92419 115.677Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M7.92419 97.2399C7.92419 99.0672 9.29639 100.89 12.0359 102.287L47.3107 120.207C52.7947 122.991 61.6825 122.991 67.1664 120.207L141.29 82.5538C144.029 81.1616 145.401 79.3391 145.401 77.5118V83.3466C145.401 85.1739 144.029 86.9964 141.29 88.3886L67.1664 126.042C61.6825 128.826 52.7947 128.826 47.3107 126.042L12.0359 108.122C9.29154 106.729 7.92419 104.902 7.92419 103.075V97.2399Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M7.92418 97.24C7.92418 95.4127 9.29638 93.5902 12.0359 92.198L86.1591 54.5449C91.643 51.7604 100.531 51.7604 106.015 54.5449L141.29 72.465C144.034 73.8573 145.401 75.6846 145.401 77.5119C145.401 79.3392 144.029 81.1616 141.29 82.5539L67.1664 120.207C61.6825 122.991 52.7947 122.991 47.3107 120.207L12.0359 102.287C9.29153 100.895 7.92418 99.0673 7.92418 97.24Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M45.6234 106.575C45.2695 106.575 44.9397 106.497 44.6391 106.343L40.3189 104.148C39.4121 103.689 38.8933 102.62 38.8933 101.228V85.0918C38.8933 85.0241 38.9079 84.9516 38.937 84.8887L59.1418 41.1447C60.5867 38.5391 61.9395 36.997 63.4039 36.2525C64.0148 35.9431 64.6306 35.7836 65.2318 35.7836C65.8331 35.7836 66.4004 35.9334 66.9725 36.2235L71.2928 38.4182C71.6177 38.5826 71.9377 38.7904 72.2771 39.0611C72.3159 39.0901 72.345 39.124 72.3741 39.1627L86.4064 59.0648L92.2589 49.7253C93.4371 47.6031 95.0324 45.9498 96.7343 45.0845C97.5634 44.6639 98.3829 44.4512 99.1684 44.4512C99.7987 44.4512 100.385 44.5865 100.919 44.8621L105.239 47.0568C105.452 47.168 105.661 47.2985 105.855 47.4484L116.726 55.9758C116.842 56.0676 116.91 56.2078 116.91 56.3577V66.49C116.91 67.6164 116.575 68.8442 115.96 69.9464C115.344 71.0583 114.51 71.9236 113.613 72.378L46.9471 106.246C46.4962 106.473 46.0501 106.589 45.6186 106.589L45.6234 106.575Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M65.2318 36.2622C65.7749 36.2622 66.2792 36.4072 66.7543 36.6489L71.0746 38.8436C71.3898 39.0031 71.6904 39.2062 71.9813 39.4334L86.4307 59.9301L92.671 49.9718C93.8056 47.9269 95.3475 46.322 96.9525 45.505C97.7186 45.1183 98.4701 44.9249 99.1684 44.9249C99.7163 44.9249 100.235 45.0458 100.701 45.2827L105.021 47.4774C105.205 47.5741 105.384 47.6853 105.554 47.8206L116.425 56.348V66.4804C116.425 67.5197 116.11 68.675 115.538 69.7047C114.971 70.7247 114.2 71.5272 113.395 71.9381L46.7289 105.806C46.3362 106.004 45.9628 106.096 45.6186 106.096C45.3422 106.096 45.0852 106.033 44.8525 105.917L40.5322 103.723C39.8243 103.365 39.3733 102.48 39.3733 101.233V85.0966L59.5782 41.3525C60.7128 39.3077 62.0122 37.5046 63.6172 36.6876C64.1893 36.3975 64.7227 36.2719 65.227 36.2719M65.2318 35.2954C64.553 35.2954 63.8645 35.4694 63.1808 35.8174C61.1395 36.8568 59.6654 39.2013 58.7345 40.8739C58.7248 40.8933 58.7102 40.9174 58.7005 40.9368L38.4957 84.6809C38.4375 84.8066 38.4084 84.9467 38.4084 85.0869V101.223C38.4084 102.809 39.0242 104.032 40.0958 104.578L44.4161 106.773C44.7894 106.961 45.1919 107.058 45.6234 107.058C46.1325 107.058 46.6514 106.923 47.1702 106.662L113.836 72.7937C114.815 72.2958 115.722 71.3628 116.386 70.1688C117.036 68.9989 117.395 67.684 117.395 66.4755V56.3432C117.395 56.0483 117.259 55.7679 117.026 55.5842L106.155 47.0568C105.937 46.8876 105.705 46.7378 105.462 46.6121L101.142 44.4174C100.541 44.1128 99.8763 43.9533 99.1684 43.9533C98.3053 43.9533 97.4131 44.1853 96.5112 44.6397C94.7318 45.5437 93.0686 47.2598 91.8322 49.4739L86.3773 58.1753L72.7668 38.8678C72.7135 38.7904 72.6456 38.7228 72.5729 38.6648C72.2092 38.3795 71.8601 38.1523 71.5061 37.9735L67.1859 35.7788C66.541 35.45 65.8816 35.2857 65.2221 35.2857L65.2318 35.2954Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M105.026 47.4774C103.964 46.936 102.645 47.0085 101.278 47.7046C99.6726 48.5215 98.1307 50.1265 96.9961 52.1713L89.4514 64.2083L85.1311 62.0136L92.6758 49.9766C93.8104 47.9318 95.3523 46.3269 96.9573 45.5099C98.3246 44.8186 99.6435 44.7461 100.705 45.2827L105.026 47.4774Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M71.0746 38.8485C70.163 38.3844 69.1351 38.2732 67.9423 38.8775C66.3325 39.6944 65.0379 41.4975 63.9033 43.5424L43.6984 87.2865L39.3782 85.0918L59.583 41.3477C60.7176 39.3029 62.0171 37.4997 63.622 36.6827C64.8148 36.0785 65.8379 36.1897 66.7543 36.6537L71.0746 38.8485Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M43.6984 87.2865V103.423C43.6984 104.67 44.1542 105.555 44.8573 105.912L40.537 103.718C39.8291 103.36 39.3782 102.475 39.3782 101.228V85.0918L43.6984 87.2865Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M105.026 47.4774C105.21 47.5741 105.389 47.6853 105.559 47.8206L116.43 56.348V66.4804C116.43 67.5197 116.115 68.6751 115.543 69.7047C114.975 70.7247 114.204 71.5272 113.399 71.9381L46.7337 105.806C46.0258 106.164 45.3761 106.183 44.8621 105.922C44.1542 105.564 43.7033 104.68 43.7033 103.432V87.2962L63.9081 43.5521C65.0427 41.5072 66.3422 39.7041 67.9471 38.8871C69.1399 38.2829 70.163 38.394 71.0794 38.8581C71.3946 39.0176 71.6952 39.2207 71.9861 39.4479L89.4514 64.2228L96.9961 52.1858C98.1307 50.141 99.6726 48.5361 101.278 47.7191C102.645 47.0278 103.964 46.9553 105.026 47.4919V47.4774Z"
|
||||
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="M5.34449 57.5372C4.01108 56.8604 3.16255 55.2603 3.16255 52.9834C3.16255 48.9083 5.88756 44.2191 9.24291 42.5175L31.7412 31.0896C33.2249 30.3355 34.5826 30.2872 35.6396 30.8238L33.4771 29.7264C32.42 29.1898 31.0624 29.2382 29.5786 29.9923L7.08035 41.4202C3.72016 43.1266 1 47.8157 1 51.8861C1 54.163 1.84853 55.7631 3.18195 56.4398L5.34449 57.5372Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M5.34449 57.5372C6.40152 58.0738 7.75918 58.0254 9.2429 57.2713L31.7412 45.8434C35.1014 44.137 37.8215 39.4479 37.8215 35.3775C37.8215 33.1006 36.973 31.5005 35.6396 30.8238C34.5826 30.2872 33.2249 30.3355 31.7412 31.0896L9.2429 42.5175C5.88271 44.224 3.16254 48.9131 3.16254 52.9834C3.16254 55.2603 4.01108 56.8604 5.34449 57.5372Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12.317 46.9069C12.3995 46.7812 12.5207 46.7281 12.5983 46.7812C12.6758 46.8344 12.6807 46.9794 12.6128 47.1148L12.5983 47.1438L9.6599 52.2051C9.57748 52.3453 9.44656 52.413 9.36413 52.355C9.2817 52.297 9.2817 52.1375 9.36413 51.9924L12.3025 46.9311L12.317 46.9069Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M10.1399 48.5941C10.1399 48.3814 9.99932 48.2847 9.82476 48.3717C9.6502 48.4587 9.50959 48.7004 9.50959 48.9131C9.50959 49.1258 9.6502 49.2225 9.82476 49.1355C9.99932 49.0485 10.1399 48.8068 10.1399 48.5941ZM10.5618 48.3765C10.5618 48.8696 10.2321 49.4352 9.82476 49.6431C9.41746 49.8509 9.08775 49.6189 9.08775 49.1258C9.08775 48.6327 9.41746 48.0671 9.82476 47.8593C10.2321 47.6514 10.5618 47.8834 10.5618 48.3765Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M12.4528 50.2232C12.4528 50.0105 12.3122 49.9138 12.1376 50.0008C11.9631 50.0878 11.8225 50.3295 11.8225 50.5422C11.8225 50.7549 11.9631 50.8516 12.1376 50.7646C12.3122 50.6776 12.4528 50.4359 12.4528 50.2232ZM12.8698 50.0056C12.8698 50.4987 12.5401 51.0643 12.1328 51.2722C11.7255 51.48 11.3958 51.248 11.3958 50.7549C11.3958 50.2618 11.7255 49.6963 12.1328 49.4884C12.5401 49.2805 12.8698 49.5126 12.8698 50.0056Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M10.9109 45.0554C10.9109 44.9201 11.003 44.7654 11.1145 44.7122C11.7691 44.4222 12.4043 44.3255 12.9716 44.4463C13.5971 44.5769 14.1062 44.9588 14.4602 45.5485C14.8093 46.1383 14.9839 46.9214 14.9645 47.8061C14.9451 48.6955 14.7269 49.6575 14.3438 50.5954C13.9559 51.5332 13.4129 52.413 12.7728 53.1429C12.1279 53.8729 11.4103 54.424 10.6878 54.7382C9.96538 55.0524 9.26716 55.1249 8.66591 54.9412C8.12285 54.7721 7.67191 54.4047 7.36159 53.8632C7.30825 53.7714 7.35189 53.6022 7.45372 53.491C7.55554 53.3798 7.67676 53.3702 7.7301 53.462C8.01133 53.9406 8.40893 54.2645 8.8938 54.4143C9.43686 54.5787 10.0624 54.5158 10.7121 54.2306C11.3618 53.9454 12.0116 53.4523 12.5886 52.7949C13.1656 52.1375 13.6553 51.3495 14.0044 50.5035C14.3535 49.6575 14.5426 48.7922 14.562 47.9898C14.5814 47.1921 14.4262 46.4863 14.1111 45.9546C13.7959 45.4228 13.3353 45.0796 12.7728 44.9636C12.2685 44.8572 11.7061 44.9394 11.1242 45.1956C11.0127 45.244 10.9206 45.1811 10.9206 45.0458L10.9109 45.0554Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M28.895 42.4547L20.6618 46.6363C19.9829 46.9795 19.435 46.5927 19.435 45.7709C19.435 44.9491 19.9829 44.0065 20.6618 43.6632L28.895 39.4817C29.5738 39.1385 30.1217 39.5252 30.1217 40.347C30.1217 41.1688 29.5738 42.1115 28.895 42.4547Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M148.854 47.9076C149.911 47.371 151.269 47.4145 152.757 48.1735C156.117 49.88 158.837 54.569 158.837 58.6394C158.837 60.9114 157.989 62.5164 156.655 63.1932L158.818 62.0958C160.151 61.419 161 59.8141 161 57.5421C161 53.4669 158.275 48.7778 154.92 47.0761C153.436 46.322 152.073 46.2737 151.016 46.8103L148.854 47.9076Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M148.854 47.9076C147.52 48.5844 146.672 50.1893 146.672 52.4614C146.672 56.5365 149.397 61.2257 152.752 62.9273C154.236 63.6814 155.598 63.7297 156.655 63.1932C157.989 62.5164 158.837 60.9114 158.837 58.6394C158.837 54.5642 156.112 49.8751 152.757 48.1735C151.273 47.4194 149.911 47.371 148.854 47.9076Z"
|
||||
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="M152.151 51.6299C152.296 51.7024 152.418 51.9103 152.418 52.0892V52.4131L154.013 53.2252V52.9013C154.013 52.7224 154.134 52.6403 154.28 52.7128C154.425 52.7853 154.546 52.9931 154.546 53.172V53.4959L155.08 53.7666C155.293 53.873 155.497 54.0808 155.642 54.3371C155.792 54.5933 155.875 54.8833 155.875 55.1395V56.4302V57.7209C155.875 57.8998 155.754 57.982 155.608 57.9095C155.463 57.837 155.341 57.6291 155.341 57.4502V56.4834L151.084 54.3177V57.223C151.084 57.31 151.113 57.4067 151.162 57.4889C151.21 57.5759 151.278 57.6436 151.351 57.6774L153.48 58.7603C153.625 58.8328 153.746 59.0407 153.746 59.2195C153.746 59.3984 153.625 59.4806 153.48 59.4081L151.351 58.3252C151.138 58.2189 150.934 58.011 150.788 57.7548C150.638 57.4986 150.556 57.2085 150.556 56.9523V52.4324C150.556 52.1762 150.638 51.9732 150.788 51.8668C150.939 51.7605 151.142 51.7605 151.351 51.8668L151.884 52.1375V51.8136C151.884 51.6348 152.006 51.5526 152.151 51.6251V51.6299ZM155.346 54.864V55.8308L151.089 53.6651V52.6983C151.089 52.6113 151.118 52.5436 151.167 52.5097C151.215 52.4759 151.283 52.4759 151.356 52.5097L151.889 52.7804V53.1044C151.889 53.2832 152.01 53.4862 152.156 53.5636C152.301 53.6409 152.423 53.5539 152.423 53.3751V53.0512L154.018 53.8633V54.1872C154.018 54.3661 154.139 54.5691 154.284 54.6464C154.43 54.7238 154.551 54.6368 154.551 54.4579V54.134L155.084 54.4047C155.157 54.4386 155.225 54.5111 155.274 54.5932C155.322 54.6803 155.351 54.777 155.351 54.8591L155.346 54.864ZM156.064 59.3355C156.166 59.263 156.166 59.06 156.064 58.8811C155.962 58.7023 155.792 58.6153 155.686 58.6878L154.808 59.3065L154.464 58.7119C154.362 58.5331 154.192 58.4461 154.086 58.5186C153.984 58.5911 153.984 58.7941 154.086 58.973L154.619 59.8915C154.721 60.0703 154.891 60.1574 154.997 60.0848L156.064 59.3355Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,19 @@
|
||||
export * from "./404-error";
|
||||
export * from "./archived-cycle";
|
||||
export * from "./archived-module";
|
||||
export * from "./archived-work-item";
|
||||
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,247 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const InitiativeVerticalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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="M11.214 138.932C11.214 140.799 12.6117 142.661 15.4023 144.088L51.3337 162.397C56.9198 165.242 65.973 165.242 71.5591 162.397L147.062 123.927C149.853 122.504 151.25 120.642 151.25 118.775V124.737C151.25 126.604 149.853 128.466 147.062 129.888L71.5591 168.358C65.973 171.203 56.9198 171.203 51.3337 168.358L15.4023 150.049C12.6068 148.627 11.214 146.76 11.214 144.893V138.932Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.214 138.931C11.214 137.064 12.6117 135.202 15.4023 133.78L90.9053 95.3094C96.4913 92.4646 105.545 92.4646 111.131 95.3094L147.062 113.618C149.858 115.041 151.25 116.908 151.25 118.775C151.25 120.642 149.853 122.504 147.062 123.926L71.5591 162.396C65.973 165.241 56.9198 165.241 51.3337 162.396L15.4023 144.087C12.6068 142.665 11.214 140.798 11.214 138.931Z"
|
||||
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="M11.214 120.094C11.214 121.961 12.6117 123.823 15.4023 125.25L51.3337 143.559C56.9198 146.404 65.973 146.404 71.5591 143.559L147.062 105.089C149.853 103.666 151.25 101.804 151.25 99.9375V105.899C151.25 107.766 149.853 109.628 147.062 111.05L71.5591 149.52C65.973 152.365 56.9198 152.365 51.3337 149.52L15.4023 131.211C12.6068 129.789 11.214 127.922 11.214 126.055V120.094Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.2139 120.094C11.2139 118.227 12.6117 116.365 15.4022 114.943L90.9052 76.4725C96.4913 73.6276 105.545 73.6276 111.131 76.4725L147.062 94.7815C149.858 96.204 151.25 98.0709 151.25 99.9379C151.25 101.805 149.853 103.667 147.062 105.089L71.559 143.559C65.973 146.404 56.9197 146.404 51.3337 143.559L15.4022 125.25C12.6067 123.828 11.2139 121.961 11.2139 120.094Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M11.214 101.262C11.214 103.129 12.6117 104.991 15.4023 106.418L51.3337 124.727C56.9198 127.572 65.973 127.572 71.5591 124.727L147.062 86.2569C149.853 84.8344 151.25 82.9724 151.25 81.1055V87.0669C151.25 88.9338 149.853 90.7959 147.062 92.2183L71.5591 130.688C65.973 133.533 56.9198 133.533 51.3337 130.688L15.4023 112.379C12.6068 110.957 11.214 109.09 11.214 107.223V101.262Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.214 101.262C11.214 99.3951 12.6117 97.5331 15.4023 96.1106L90.9053 57.6405C96.4913 54.7956 105.545 54.7956 111.131 57.6405L147.062 75.9495C149.858 77.3719 151.25 79.2389 151.25 81.1058C151.25 82.9728 149.853 84.8348 147.062 86.2573L71.5591 124.727C65.973 127.572 56.9198 127.572 51.3337 124.727L15.4023 106.418C12.6068 104.996 11.214 103.129 11.214 101.262Z"
|
||||
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="M148.628 49.0214C149.704 48.4732 151.087 48.5176 152.604 49.293C156.026 51.0365 158.797 55.8274 158.797 59.986C158.797 62.3074 157.933 63.9472 156.575 64.6386L158.777 63.5175C160.136 62.826 161 61.1862 161 58.8649C161 54.7013 158.224 49.9104 154.806 48.1719C153.295 47.4014 151.907 47.352 150.83 47.9002L148.628 49.0214Z"
|
||||
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="M148.628 49.0213C147.269 49.7128 146.405 51.3525 146.405 53.6739C146.405 57.8375 149.181 62.6284 152.599 64.3669C154.11 65.1374 155.498 65.1868 156.575 64.6385C157.933 63.9471 158.797 62.3073 158.797 59.986C158.797 55.8224 156.021 51.0315 152.604 49.293C151.092 48.5225 149.704 48.4731 148.628 49.0213Z"
|
||||
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="M154.308 55.0311C154.135 54.7348 153.903 54.4977 153.656 54.3742C153.414 54.2508 153.177 54.2508 153.004 54.3742L150.381 56.2264C150.095 56.4289 149.932 56.8191 149.932 57.313C149.932 57.8069 150.095 58.36 150.381 58.8589C150.668 59.3528 151.058 59.7479 151.463 59.9553C151.868 60.1628 152.258 60.1628 152.544 59.9603L155.355 57.9748C155.473 57.8908 155.666 57.9896 155.789 58.197C155.908 58.4045 155.908 58.6366 155.789 58.7255L152.979 60.711C152.579 60.9975 152.031 60.9925 151.463 60.7011C150.895 60.4097 150.351 59.8615 149.946 59.1651C149.546 58.4736 149.319 57.6933 149.319 57.0018C149.319 56.3103 149.546 55.7621 149.946 55.4806L152.564 53.6284C152.851 53.4259 153.241 53.4259 153.646 53.6284C154.051 53.8359 154.441 54.231 154.727 54.7249C155.014 55.2188 155.177 55.7769 155.177 56.2708C155.177 56.7647 155.014 57.1549 154.727 57.3623L152.1 59.2145C151.927 59.338 151.695 59.333 151.453 59.2145C151.211 59.0959 150.974 58.8539 150.806 58.5576C150.638 58.2612 150.539 57.9254 150.539 57.6291C150.539 57.3327 150.638 57.1006 150.806 56.9771L153.404 55.1447C153.522 55.0608 153.715 55.1595 153.838 55.367C153.957 55.5744 153.957 55.8065 153.838 55.8905L151.24 57.7229C151.181 57.7624 151.152 57.8414 151.152 57.9402C151.152 58.039 151.186 58.1477 151.24 58.2514C151.3 58.3502 151.374 58.4292 151.458 58.4687C151.542 58.5082 151.616 58.5082 151.675 58.4687L154.303 56.6166C154.476 56.4931 154.569 56.2609 154.569 55.9646C154.569 55.6683 154.471 55.3324 154.298 55.0361L154.308 55.0311Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M78.8145 95.4679C78.7256 95.4679 78.6416 95.463 78.5576 95.4482C78.4095 95.4284 78.2514 95.379 78.0934 95.3099L73.6828 93.0626C73.5494 92.9935 73.4309 92.9045 73.3124 92.7959C73.0704 92.544 72.9123 92.2575 72.8234 91.9266C72.7345 91.6155 72.7049 91.2648 72.7345 90.8845C72.7691 90.4992 72.853 90.1239 72.9913 89.7534C73.1346 89.3731 73.3124 89.0175 73.5297 88.6965C73.7371 88.3804 73.989 88.0939 74.2705 87.842L71.7516 86.5579C71.564 86.469 71.3861 86.3208 71.233 86.1233C70.8577 85.654 70.7144 84.9478 70.828 84.1427C70.8774 83.7822 70.9811 83.4068 71.1441 83.0215C71.2923 82.661 71.4948 82.3153 71.7368 81.9893C71.964 81.6732 72.2357 81.3966 72.532 81.1743C72.8234 80.9472 73.1346 80.7842 73.4507 80.7002C73.6532 80.6409 73.8606 80.5817 74.073 80.5175L71.7467 79.3321C71.6282 79.2778 71.5047 79.1889 71.3763 79.0703C71.0058 78.7048 70.8033 78.1763 70.7836 77.5293C70.7688 76.9416 70.6404 76.4181 70.4082 75.9587C70.0773 75.8254 69.781 75.692 69.5093 75.5537L65.1086 73.3114C62.3823 71.9235 60.219 69.4441 58.8608 66.1449C57.0481 61.7146 56.7222 55.8667 57.947 49.6781C59.1769 43.5043 61.9081 37.1379 65.647 31.7494C69.3908 26.3412 74.0631 22.0393 78.8046 19.629C81.7186 18.1424 84.5635 17.3867 87.2651 17.3867C89.0185 17.3867 90.678 17.7127 92.1943 18.3548C92.4462 18.4634 92.6981 18.582 92.9401 18.7054L97.3408 20.9478C100.847 22.7357 103.322 26.1831 104.497 30.9098C105.727 35.8488 105.416 42.0078 103.608 48.2507C101.806 54.4739 98.5706 60.623 94.4909 65.5719C92.7771 67.6562 91.7251 70.0121 91.6757 71.8692C91.6609 72.4668 91.4831 73.1237 91.1818 73.7164C90.8854 74.319 90.4755 74.8376 89.9964 75.2179C89.6458 75.4945 89.2704 75.7809 88.8456 76.097L90.762 77.0749C90.9694 77.1836 91.1522 77.3318 91.3003 77.5244C91.4979 77.7911 91.6263 78.1023 91.6905 78.4628C91.7448 78.8234 91.7448 79.1889 91.6806 79.5692C91.6214 79.9396 91.5028 80.3248 91.33 80.7051C91.162 81.0805 90.9546 81.4312 90.7076 81.7423C90.4459 82.0683 90.1644 82.335 89.8779 82.5326C88.9148 83.2487 87.8924 83.9451 86.8305 84.607L88.7567 85.5898C89.3 85.8615 89.6507 86.4492 89.7198 87.2049C89.784 87.8865 89.6161 88.6718 89.2506 89.4127C88.8802 90.1535 88.3517 90.761 87.764 91.1364C85.0376 92.8749 82.2668 94.2875 79.5207 95.3346C79.2837 95.4284 79.0416 95.4728 78.8046 95.4728L78.8145 95.4679Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M87.2701 17.8707C88.9494 17.8707 90.5447 18.177 92.0066 18.7993C92.2486 18.903 92.4907 19.0166 92.7228 19.1351L97.1235 21.3774C100.472 23.0864 102.887 26.4449 104.023 31.0184C105.243 35.9081 104.927 41.9189 103.139 48.1026C101.346 54.2961 98.1755 60.3217 94.1156 65.2459C92.3425 67.4043 91.2411 69.8837 91.1868 71.8445C91.1719 72.368 91.0188 72.9459 90.7472 73.4842C90.4805 74.0226 90.11 74.4918 89.6952 74.8227C89.1074 75.2919 88.5098 75.7315 87.9072 76.1612L90.5447 77.5046C90.6879 77.5787 90.8114 77.6824 90.9151 77.8158C91.0583 78.0084 91.1571 78.2504 91.2065 78.5369C91.251 78.8233 91.251 79.1444 91.1966 79.4802C91.1423 79.8161 91.0336 80.1618 90.8855 80.4927C90.7373 80.8286 90.5496 81.1447 90.3274 81.4262C90.1051 81.7028 89.8631 81.9399 89.6063 82.1177C88.3567 83.0462 87.0923 83.8809 85.8279 84.6366L88.5394 86.0195C88.9346 86.2171 89.1815 86.6566 89.2358 87.2395C89.2902 87.8321 89.1371 88.5335 88.816 89.1854C88.49 89.8374 88.0208 90.3856 87.5072 90.7116C84.8006 92.4353 82.0644 93.8281 79.3528 94.8653C79.1701 94.9394 78.9873 94.974 78.8145 94.974C78.7503 94.974 78.691 94.974 78.6317 94.9592C78.5181 94.9443 78.4095 94.9098 78.3058 94.8604L73.9051 92.6181C73.8112 92.5687 73.7273 92.5045 73.6482 92.4304C73.4902 92.2674 73.3667 92.055 73.2976 91.7932C73.2235 91.5315 73.1988 91.2351 73.2235 90.9141C73.2531 90.5881 73.3272 90.2523 73.4507 89.9164C73.5742 89.5855 73.7372 89.2595 73.9347 88.9632C74.1323 88.6668 74.3595 88.41 74.6015 88.1927C74.8139 88.0149 75.0312 87.8766 75.2485 87.7827L71.969 86.1084C71.8356 86.0442 71.7171 85.9405 71.6183 85.8121C71.3269 85.4466 71.2182 84.8638 71.3121 84.2019C71.3565 83.876 71.4553 83.5352 71.5936 83.2043C71.7319 82.8733 71.9146 82.5622 72.127 82.2807C72.3345 81.9942 72.5715 81.7522 72.8234 81.5645C73.0704 81.3719 73.3272 81.2385 73.5791 81.1694C74.1619 81.0064 74.7546 80.8138 75.3423 80.6014L71.969 78.8826C71.8751 78.8382 71.7912 78.7739 71.7121 78.6999C71.4405 78.4332 71.2923 78.0133 71.2775 77.5046C71.2578 76.7638 71.075 76.1019 70.7589 75.5537C70.4132 75.4203 70.0674 75.2722 69.7365 75.1042L65.3359 72.8619C62.7132 71.5284 60.6438 69.1626 59.3201 65.9473C57.5322 61.5812 57.221 55.8963 58.436 49.7621C59.656 43.6278 62.3329 37.3898 66.057 32.0211C69.776 26.6523 74.3397 22.4443 79.0318 20.0587C81.8767 18.6066 84.6771 17.8707 87.2701 17.8707ZM87.2701 16.8829C84.4894 16.8829 81.5655 17.6534 78.5823 19.1796C73.7717 21.6244 69.0352 25.9856 65.247 31.458C61.4735 36.9008 58.7077 43.3314 57.468 49.5694C56.2233 55.8568 56.5543 61.8034 58.4064 66.3226C59.814 69.7355 62.0514 72.3038 64.8864 73.7411L69.2871 75.9834C69.5242 76.1019 69.7711 76.2155 70.0427 76.3291C70.1959 76.6847 70.2749 77.0848 70.2897 77.5293C70.3144 78.3097 70.5663 78.9567 71.0207 79.4012C71.1985 79.5691 71.3615 79.6827 71.5294 79.7667L72.7987 80.4137C72.6012 80.5125 72.4036 80.636 72.2159 80.7841C71.8949 81.0212 71.5936 81.3324 71.3269 81.6979C71.0701 82.0387 70.8478 82.4239 70.6799 82.819C70.5021 83.2388 70.3835 83.6587 70.3292 84.0637C70.1959 85.0021 70.3786 85.8417 70.8429 86.4245C71.0306 86.6665 71.2676 86.8641 71.5393 86.9974L73.4457 87.9704C73.3272 88.1137 73.2136 88.2618 73.1148 88.4149C72.8778 88.7706 72.6802 89.1558 72.5271 89.5707C72.374 89.9856 72.2801 90.4054 72.2406 90.8252C72.2061 91.2796 72.2406 91.6895 72.3493 92.0649C72.453 92.465 72.6555 92.8255 72.942 93.1218C72.9518 93.1317 72.9667 93.1465 72.9765 93.1564C73.1296 93.2996 73.2828 93.4083 73.4457 93.4972L77.8563 95.7445C77.8563 95.7445 77.8711 95.7543 77.881 95.7543C78.0786 95.8482 78.286 95.9124 78.4934 95.9371C78.5972 95.9519 78.7058 95.9618 78.8145 95.9618C79.1108 95.9618 79.417 95.9025 79.7134 95.784C82.4792 94.727 85.2846 93.2996 88.0357 91.5414C88.6975 91.1215 89.2902 90.4399 89.6952 89.625C90.1002 88.8002 90.2879 87.921 90.2138 87.1456C90.1249 86.2171 89.6754 85.4812 88.9741 85.1305L87.8282 84.5427C88.6382 84.0192 89.4235 83.471 90.1792 82.9129C90.5002 82.6906 90.8064 82.3943 91.0929 82.0387C91.3695 81.688 91.6016 81.3027 91.7844 80.8829C91.9721 80.468 92.1005 80.0433 92.1647 79.6284C92.2338 79.1987 92.2388 78.7789 92.1746 78.3788C92.0955 77.9244 91.9375 77.5392 91.7004 77.2182C91.4979 76.9564 91.2608 76.7588 90.9892 76.6205L89.7742 76.0032C89.9569 75.8599 90.1347 75.7266 90.3027 75.5883C90.8361 75.1635 91.2905 74.5856 91.6214 73.9139C91.9572 73.2521 92.1449 72.5409 92.1647 71.8642C92.2141 70.1356 93.2513 67.8389 94.8713 65.8633C98.9904 60.87 102.26 54.6567 104.083 48.3693C105.91 42.0424 106.231 35.7945 104.977 30.7715C103.766 25.9016 101.203 22.3455 97.568 20.4884L93.1673 18.2461C92.9154 18.1177 92.6536 17.9942 92.3919 17.8806C90.8114 17.2138 89.0877 16.873 87.2652 16.873L87.2701 16.8829Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M88.5394 86.019C88.1295 85.8215 87.6208 85.8955 87.1071 86.2215C84.6623 87.7773 82.2026 89.0318 79.7578 89.9703C79.5059 90.0641 79.2491 90.2221 79.0071 90.4345C78.7601 90.6518 78.5329 90.9087 78.3354 91.205C78.1427 91.5014 77.9748 91.8273 77.8563 92.1582C77.7328 92.4941 77.6587 92.8299 77.6291 93.1559C77.6044 93.477 77.6291 93.7733 77.6982 94.0351C77.7723 94.2968 77.8909 94.5092 78.0489 94.6722C78.1279 94.7463 78.2168 94.8105 78.3107 94.8599L73.91 92.6176C73.8161 92.5682 73.7272 92.504 73.6482 92.4299C73.4902 92.2669 73.3716 92.0545 73.2976 91.7928C73.2235 91.531 73.2037 91.2346 73.2284 90.9136C73.258 90.5876 73.3321 90.2518 73.4556 89.9159C73.5741 89.585 73.7421 89.259 73.9347 88.9627C74.1322 88.6663 74.3594 88.4095 74.6064 88.1922C74.8138 88.0095 75.0312 87.8662 75.2485 87.7773C75.283 87.7576 75.3226 87.7427 75.3571 87.7279C75.4954 87.6736 75.6337 87.6193 75.772 87.5649C78.0785 86.6463 80.3999 85.4461 82.7064 83.9792C83.2201 83.6532 83.7288 83.5791 84.1387 83.7767L85.8378 84.641L88.5394 86.019Z"
|
||||
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="M88.5394 86.0192C88.9346 86.2217 89.1815 86.6563 89.2358 87.2391C89.2902 87.8367 89.1371 88.5331 88.816 89.1851C88.49 89.837 88.0208 90.3853 87.5121 90.7113C84.8006 92.435 82.0693 93.8327 79.3578 94.865C79.1059 94.9638 78.8589 94.9934 78.6367 94.9588C78.5231 94.9391 78.4144 94.9045 78.3156 94.8551C78.2218 94.8057 78.1329 94.7464 78.0539 94.6674C77.8958 94.5094 77.7723 94.2921 77.7032 94.0303C77.6291 93.7735 77.6094 93.4722 77.634 93.1511C77.6637 92.8301 77.7378 92.4942 77.8612 92.1584C77.9798 91.8225 78.1477 91.5015 78.3403 91.2052C78.5379 90.9088 78.7651 90.647 79.012 90.4347C79.259 90.2223 79.5109 90.0642 79.7677 89.9655C82.2125 89.032 84.6722 87.7775 87.117 86.2217C87.6307 85.8957 88.1394 85.8216 88.5493 86.0142L88.5394 86.0192Z"
|
||||
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="M76.3697 81.1249L75.3522 80.6063C75.5053 80.557 75.6535 80.4977 75.8066 80.4434C75.8264 80.4927 75.8461 80.5421 75.8659 80.5866C75.9103 80.6755 75.9647 80.7595 76.0239 80.8335C76.0536 80.8731 76.0832 80.9076 76.1178 80.9422C76.1919 81.0163 76.2808 81.0805 76.3697 81.1249Z"
|
||||
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="M76.3746 88.3507L75.2485 87.7778C75.283 87.7581 75.3226 87.7432 75.3571 87.7284C75.4954 87.6741 75.6337 87.6198 75.772 87.5654C75.7868 87.6099 75.8016 87.6543 75.8165 87.6938C75.8313 87.7334 75.851 87.7729 75.8659 87.8124C75.9103 87.9013 75.9597 87.9803 76.019 88.0544C76.1177 88.1828 76.2412 88.2865 76.3746 88.3507Z"
|
||||
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="M91.1967 79.4801C91.1423 79.816 91.0386 80.1617 90.8904 80.4926C90.7373 80.8285 90.5496 81.1446 90.3323 81.4261C90.1101 81.7027 89.8631 81.9397 89.6112 82.1175C88.3616 83.0411 87.1022 83.8857 85.8378 84.6414C82.9732 86.3552 80.0888 87.6246 77.2587 88.4148C76.9278 88.5037 76.6265 88.479 76.3746 88.3506C76.2413 88.2864 76.1178 88.1827 76.019 88.0543C75.9597 87.9802 75.9103 87.9012 75.8659 87.8122C75.8511 87.7727 75.8313 87.7332 75.8165 87.6937C75.8017 87.6542 75.7869 87.6097 75.7721 87.5653C75.7671 87.5505 75.7622 87.5357 75.7622 87.5208C75.7474 87.4813 75.7375 87.4418 75.7325 87.4023C75.7177 87.3529 75.7128 87.2986 75.7029 87.2443C75.6733 87.0023 75.6733 86.7306 75.7177 86.4441C75.7622 86.1182 75.856 85.7774 75.9992 85.4465C76.1375 85.1155 76.3153 84.8044 76.5277 84.5229C76.7401 84.2364 76.9722 83.9944 77.2241 83.8067C77.476 83.6141 77.7328 83.4807 77.9847 83.4116C81.5853 82.409 85.2846 80.5222 88.8852 77.8552C89.1371 77.6576 89.3988 77.5193 89.6557 77.4502C89.9125 77.3761 90.1545 77.3711 90.3718 77.4353C90.4015 77.4452 90.4311 77.4551 90.4607 77.465C90.4904 77.4798 90.5151 77.4897 90.5447 77.5045C90.6879 77.5786 90.8114 77.6823 90.9151 77.8156C91.0584 78.0083 91.1571 78.2503 91.2065 78.5367C91.2559 78.8232 91.251 79.1442 91.1967 79.4801Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M76.3697 81.1248L75.3522 80.6062L71.969 78.8825C71.8801 78.838 71.7912 78.7738 71.7171 78.6998C71.4454 78.4331 71.2923 78.0132 71.2775 77.5045C71.2578 76.7637 71.08 76.1117 70.7639 75.5635C71.3961 75.8104 72.0628 76.003 72.7493 76.1364C73.1198 76.2105 73.4655 76.329 73.7767 76.4871C74.9423 77.0798 75.6387 78.2404 75.6782 79.7468C75.6782 79.9246 75.7078 80.0926 75.7424 80.2457C75.7622 80.3148 75.7819 80.379 75.8066 80.4432C75.8264 80.4926 75.8461 80.542 75.8659 80.5865C75.9103 80.6754 75.9647 80.7593 76.0239 80.8334C76.0536 80.8729 76.0832 80.9075 76.1178 80.9421C76.1919 81.0162 76.2808 81.0804 76.3697 81.1248Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M90.4608 77.465C90.4311 77.4551 90.4015 77.4452 90.3718 77.4354C90.1545 77.3712 89.9125 77.3761 89.6557 77.4502C89.3989 77.5193 89.1371 77.6576 88.8852 77.8552C85.2846 80.5223 81.5853 82.409 77.9847 83.4116C77.7329 83.4807 77.476 83.6141 77.2241 83.8067C76.9722 83.9944 76.7401 84.2364 76.5277 84.5229C76.3154 84.8044 76.1376 85.1156 75.9993 85.4465C75.856 85.7774 75.7622 86.1182 75.7177 86.4442C75.6733 86.7257 75.6683 87.0023 75.7029 87.2443C75.7128 87.2986 75.7177 87.3529 75.7325 87.4023C75.7325 87.4418 75.7474 87.4814 75.7622 87.5209C75.7622 87.5357 75.7622 87.5505 75.7721 87.5653C75.6338 87.6197 75.4955 87.674 75.3572 87.7283C75.3226 87.7431 75.2831 87.7579 75.2485 87.7777L71.9739 86.1083C71.8406 86.0441 71.7171 85.9404 71.6183 85.812C71.3269 85.4465 71.2183 84.8637 71.3171 84.2018C71.3615 83.8759 71.4553 83.5351 71.5986 83.2042C71.7369 82.8732 71.9147 82.5621 72.1271 82.2806C72.3394 81.9941 72.5716 81.7521 72.8235 81.5644C73.0753 81.3718 73.3322 81.2384 73.5791 81.1693C74.1669 81.0063 74.7596 80.8186 75.3522 80.6062L76.3697 81.1248C76.6018 81.2434 76.8735 81.273 77.1698 81.2088C78.0786 81.0063 79.0071 80.7396 79.9455 80.4087C80.7802 80.1123 81.4964 78.9319 81.4964 77.9046V63.2505C81.3235 63.3147 81.1507 63.3789 80.9729 63.4381C80.3357 63.6505 79.6986 63.8234 79.0713 63.9469C78.8293 63.9913 78.5972 63.9765 78.3898 63.8925C78.37 63.8876 78.3453 63.8777 78.3255 63.8629C78.3157 63.858 78.3009 63.853 78.291 63.8431C78.1329 63.7592 77.9946 63.6258 77.8909 63.4628C77.7576 63.2653 77.6736 63.0134 77.639 62.722C77.6044 62.4355 77.6143 62.1145 77.6835 61.7836C77.7082 61.6453 77.7427 61.502 77.7872 61.3637C77.8465 61.1711 77.9205 60.9736 78.0094 60.7859C78.1626 60.4599 78.3502 60.1537 78.5725 59.887C78.7898 59.6153 79.0318 59.3881 79.2837 59.2202C79.5405 59.0473 79.7924 58.9337 80.0394 58.8844C80.6963 58.7559 81.3631 58.5633 82.0348 58.3016C83.635 57.6891 85.2599 56.7211 86.8256 55.427C87.0775 55.2097 87.3393 55.0517 87.5961 54.9578C87.8529 54.864 88.0999 54.8393 88.3221 54.8837C88.4259 54.8986 88.5197 54.9331 88.6086 54.9776C88.7173 55.0319 88.816 55.1109 88.9049 55.2048C89.063 55.3727 89.1766 55.5999 89.2408 55.8715C89.305 56.1481 89.3198 56.4593 89.2803 56.7902C89.2408 57.1211 89.1519 57.4669 89.0186 57.8027C88.8803 58.1435 88.7074 58.4645 88.495 58.7559C88.2826 59.0473 88.0456 59.2992 87.7937 59.5017C86.9985 60.1537 86.1885 60.7464 85.3735 61.2748V75.929C85.3735 76.4673 85.5662 76.8476 85.8773 77.0057C86.1589 77.1489 86.5243 77.1143 86.9244 76.8526C87.2553 76.6303 87.5862 76.4031 87.9171 76.166L90.4608 77.465Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M97.1284 21.3777C96.8913 21.2592 96.6543 21.1456 96.4073 21.0419C92.6882 19.4663 88.1246 19.9059 83.4325 22.3013C78.7404 24.6869 74.1817 28.8949 70.4576 34.2637C66.7336 39.6324 64.0616 45.8704 62.8416 52.0047C61.6217 58.1389 61.9329 63.8238 63.7257 68.1899C65.0445 71.4052 67.1188 73.771 69.7415 75.1045L65.3408 72.8622C62.7182 71.5287 60.6438 69.1629 59.3251 65.9476C57.5322 61.5815 57.221 55.8966 58.441 49.7623C59.6609 43.6281 62.3329 37.3901 66.057 32.0213C69.781 26.6526 74.3397 22.4445 79.0318 20.059C83.7239 17.6636 88.2875 17.224 92.0066 18.7995C92.2536 18.9033 92.4907 19.0169 92.7277 19.1354L97.1284 21.3777Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M103.144 48.1027C101.351 54.2962 98.1804 60.3219 94.1206 65.2461C92.3474 67.4044 91.2411 69.8838 91.1868 71.8446C91.1769 72.3682 91.0238 72.946 90.7521 73.4844C90.4805 74.0227 90.115 74.492 89.6952 74.8229C89.1074 75.2921 88.5148 75.7415 87.9171 76.1663C87.5862 76.4034 87.2553 76.6306 86.9244 76.8528C86.5243 77.1146 86.1588 77.1492 85.8773 77.0059C85.5662 76.8479 85.3735 76.4676 85.3735 75.9292V61.2751C86.1885 60.7466 86.9985 60.1539 87.7937 59.502C88.0456 59.2995 88.2826 59.0476 88.495 58.7562C88.7074 58.4648 88.8803 58.1438 89.0185 57.803C89.1519 57.4671 89.2408 57.1214 89.2803 56.7905C89.3198 56.4595 89.305 56.1484 89.2408 55.8718C89.1766 55.6001 89.063 55.373 88.9049 55.205C88.816 55.1112 88.7173 55.0322 88.6086 54.9778C88.5197 54.9334 88.4259 54.8988 88.3221 54.884C88.0999 54.8395 87.8529 54.8642 87.5961 54.9581C87.3393 55.0519 87.0775 55.21 86.8256 55.4273C85.2599 56.7213 83.635 57.6894 82.0348 58.3018C81.363 58.5636 80.6963 58.7562 80.0394 58.8846C79.7924 58.934 79.5405 59.0476 79.2837 59.2205C79.0318 59.3884 78.7898 59.6156 78.5725 59.8872C78.3502 60.1539 78.1625 60.4602 78.0094 60.7861C77.9205 60.9738 77.8464 61.1714 77.7872 61.364C77.7427 61.5023 77.7082 61.6455 77.6835 61.7838C77.6143 62.1147 77.6044 62.4358 77.639 62.7222C77.6736 63.0136 77.7575 63.2655 77.8909 63.4631C77.9946 63.6261 78.1329 63.7594 78.291 63.8434C78.3008 63.8533 78.3157 63.8582 78.3255 63.8632C78.3453 63.878 78.37 63.8878 78.3897 63.8928C78.5972 63.9768 78.8293 63.9916 79.0713 63.9471C79.6986 63.8236 80.3357 63.6508 80.9729 63.4384C81.1507 63.3791 81.3235 63.3149 81.4964 63.2507V77.9048C81.4964 78.9321 80.7802 80.1126 79.9455 80.4089C79.0071 80.7398 78.0786 81.0065 77.1698 81.209C76.8735 81.2732 76.6018 81.2436 76.3697 81.1251C76.2808 81.0806 76.1919 81.0164 76.1178 80.9423C76.0832 80.9078 76.0536 80.8732 76.0239 80.8337C75.9647 80.7596 75.9103 80.6756 75.8659 80.5867C75.8461 80.5423 75.8264 80.4929 75.8066 80.4435C75.7819 80.3793 75.7622 80.3151 75.7424 80.2459C75.7078 80.0928 75.6832 79.9249 75.6782 79.7471C75.6387 78.2407 74.9423 77.08 73.7767 76.4873C73.4655 76.3293 73.1198 76.2107 72.7494 76.1367C72.0628 76.0033 71.3961 75.8107 70.7639 75.5637C70.4132 75.4254 70.0724 75.2723 69.7415 75.1044C67.1189 73.7709 65.0445 71.4051 63.7258 68.1897C61.9329 63.8236 61.6217 58.1388 62.8417 52.0045C64.0616 45.8703 66.7336 39.6322 70.4577 34.2635C74.1817 28.8948 78.7404 24.6867 83.4325 22.3012C88.1246 19.9058 92.6882 19.4662 96.4073 21.0417C96.6543 21.1454 96.8914 21.259 97.1284 21.3776C100.477 23.0865 102.892 26.445 104.028 31.0186C105.243 35.9082 104.932 41.919 103.144 48.1027Z"
|
||||
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="M5.42537 64.2881C4.06714 63.5967 3.20281 61.9618 3.20281 59.6356C3.20281 55.472 5.97855 50.6811 9.39636 48.9425L32.3135 37.2667C33.8248 36.4962 35.2077 36.4468 36.2845 36.995L34.0816 35.8739C33.0049 35.3256 31.622 35.375 30.1107 36.1455L7.19355 47.8214C3.77574 49.5599 1 54.3508 1 58.5144C1 60.8407 1.86433 62.4755 3.22257 63.167L5.42537 64.2881Z"
|
||||
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="M5.42538 64.2881C6.50209 64.8363 7.88502 64.7869 9.39637 64.0164L32.3135 52.3405C35.7362 50.5971 38.507 45.8062 38.507 41.6475C38.507 39.3212 37.6427 37.6864 36.2845 36.995C35.2078 36.4467 33.8248 36.4961 32.3135 37.2666L9.39637 48.9425C5.97362 50.686 3.20282 55.4768 3.20282 59.6355C3.20282 61.9618 4.06715 63.5966 5.42538 64.2881Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12.5277 53.4267C12.6117 53.2983 12.7351 53.244 12.8142 53.2983C12.8932 53.3526 12.8981 53.5008 12.829 53.6391L12.8142 53.6687L9.8211 58.8399C9.73714 58.9831 9.60378 59.0523 9.51982 58.993C9.43586 58.9337 9.43586 58.7707 9.51982 58.6226L12.5129 53.4514L12.5277 53.4267Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M10.3101 55.1508C10.3101 54.9335 10.1669 54.8347 9.98905 54.9236C9.81124 55.0125 9.66801 55.2595 9.66801 55.4768C9.66801 55.6941 9.81124 55.7929 9.98905 55.704C10.1669 55.6151 10.3101 55.3681 10.3101 55.1508ZM10.7398 54.9335C10.7398 55.4373 10.4039 56.0151 9.98905 56.2275C9.57417 56.4399 9.23831 56.2028 9.23831 55.699C9.23831 55.1953 9.57417 54.6174 9.98905 54.405C10.4039 54.1926 10.7398 54.4297 10.7398 54.9335Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M12.666 56.8159C12.666 56.5985 12.5227 56.4998 12.3449 56.5887C12.1671 56.6776 12.0239 56.9245 12.0239 57.1418C12.0239 57.3591 12.1671 57.4579 12.3449 57.369C12.5227 57.2801 12.666 57.0332 12.666 56.8159ZM13.0907 56.5985C13.0907 57.1023 12.7549 57.6802 12.34 57.8926C11.9251 58.1049 11.5893 57.8679 11.5893 57.3641C11.5893 56.8603 11.9251 56.2824 12.34 56.0701C12.7549 55.8577 13.0907 56.0948 13.0907 56.5985Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M11.0953 51.5356C11.0953 51.3973 11.1892 51.2393 11.3028 51.185C11.9696 50.8886 12.6166 50.7898 13.1944 50.9133C13.8316 51.0467 14.3502 51.4369 14.7107 52.0394C15.0663 52.642 15.2441 53.4421 15.2244 54.3459C15.2046 55.2547 14.9824 56.2376 14.5922 57.1958C14.1971 58.1539 13.6439 59.0528 12.9919 59.7986C12.335 60.5444 11.6041 61.1075 10.8682 61.4285C10.1322 61.7496 9.42101 61.8236 8.80857 61.636C8.2554 61.4631 7.79607 61.0877 7.47997 60.5346C7.42564 60.4407 7.4701 60.2678 7.57382 60.1543C7.67754 60.0407 7.80101 60.0308 7.85534 60.1246C8.1418 60.6136 8.54681 60.9445 9.04071 61.0976C9.59388 61.2655 10.231 61.2013 10.8928 60.9099C11.5547 60.6185 12.2165 60.1147 12.8043 59.443C13.392 58.7713 13.8908 57.9663 14.2464 57.1019C14.6021 56.2376 14.7947 55.3535 14.8144 54.5336C14.8342 53.7187 14.6761 52.9976 14.3551 52.4543C14.0341 51.911 13.5649 51.5603 12.9919 51.4418C12.4783 51.3331 11.9053 51.4171 11.3127 51.6789C11.1991 51.7283 11.1052 51.6641 11.1052 51.5258L11.0953 51.5356Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M29.4143 48.8783L21.0278 53.1505C20.3363 53.5012 19.7782 53.1061 19.7782 52.2665C19.7782 51.4268 20.3363 50.4637 21.0278 50.113L29.4143 45.8408C30.1057 45.4901 30.6639 45.8852 30.6639 46.7249C30.6639 47.5645 30.1057 48.5276 29.4143 48.8783Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M113.63 2.0262C114.79 1.43351 116.292 1.4829 117.927 2.3176L149.225 18.2657C152.92 20.1475 155.918 25.3187 155.918 29.8181C155.918 32.3272 154.984 34.0953 153.522 34.8411L155.725 33.72C157.192 32.9742 158.121 31.206 158.121 28.697C158.121 24.2025 155.123 19.0264 151.428 17.1446L120.125 1.19644C118.49 0.361744 116.993 0.312354 115.828 0.905038L113.625 2.0262H113.63Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M113.63 2.02613C112.163 2.77193 111.234 4.5401 111.234 7.04913C111.234 11.5436 114.232 16.7198 117.927 18.6015L149.225 34.5497C150.86 35.3844 152.357 35.4338 153.522 34.8411C154.989 34.0953 155.918 32.3271 155.918 29.8181C155.918 25.3236 152.92 20.1474 149.225 18.2657L117.922 2.31753C116.287 1.48284 114.79 1.43345 113.625 2.02613H113.63Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M120.179 10.3487V15.0309C120.179 15.8063 120.693 16.7003 121.335 17.0263L127.494 20.1626C128.131 20.4885 128.649 20.1231 128.649 19.3476V14.6654C128.649 13.8949 128.131 12.996 127.494 12.67L126.338 12.0823V11.6131C126.338 10.8426 125.819 9.9437 125.182 9.61773L123.641 8.83242C123.004 8.50644 122.485 8.87687 122.485 9.64736V10.1166L121.33 9.52882C120.693 9.20285 120.174 9.57328 120.174 10.3438L120.179 10.3487ZM127.494 19.2291L126.338 18.6413V13.0207L127.494 13.6085C127.706 13.7171 127.879 14.0135 127.879 14.2752V18.9574C127.879 19.2143 127.706 19.3377 127.494 19.2291ZM123.261 11.4501L125.572 12.6256V18.2462L123.261 17.0707V11.4501ZM123.261 10.0425C123.261 9.78565 123.434 9.66218 123.646 9.77084L125.187 10.5561C125.399 10.6648 125.572 10.9611 125.572 11.2229V11.6921L123.261 10.5166V10.0474V10.0425ZM120.949 10.7389C120.949 10.4821 121.122 10.3586 121.335 10.4672L122.49 11.055V16.6756L121.335 16.0879C121.122 15.9792 120.949 15.6829 120.949 15.4211V10.7389Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M145.398 26.5392V27.9617C145.398 28.1098 145.353 28.2234 145.274 28.2876C145.195 28.3469 145.086 28.3519 144.978 28.2926L135.653 23.5412C135.421 23.4227 135.233 23.077 135.233 22.7757V20.5136L138.058 17.2538C138.216 17.1304 138.399 17.0612 138.621 17.1748C138.844 17.2884 139.026 17.5452 139.184 17.8317L141.629 23.7981L142.686 23.1856C142.844 23.0572 143.061 23.0523 143.284 23.1659C143.506 23.2795 143.723 23.5067 143.881 23.7981L145.403 26.5392H145.398Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,177 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const InvalidLinkVerticalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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.5 113.76C0.5 115.893 2.09703 118.021 5.28541 119.652L46.3393 140.571C52.7217 143.821 63.0656 143.821 69.4479 140.571L155.715 96.6163C158.903 94.991 160.5 92.8636 160.5 90.7305V97.5417C160.5 99.6749 158.903 101.802 155.715 103.428L69.4479 147.382C63.0656 150.632 52.7217 150.632 46.3393 147.382L5.28541 126.463C2.09139 124.838 0.5 122.705 0.5 120.571V113.76Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.5 113.76C0.5 111.627 2.09703 109.499 5.28541 107.874L91.5521 63.9198C97.9345 60.6693 108.278 60.6693 114.661 63.9198L155.715 84.8389C158.909 86.4641 160.5 88.5972 160.5 90.7303C160.5 92.8634 158.903 94.9909 155.715 96.6161L69.4479 140.571C63.0656 143.821 52.7217 143.821 46.3393 140.571L5.28541 119.651C2.09139 118.026 0.5 115.893 0.5 113.76Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M0.5 92.2428C0.5 94.3759 2.09703 96.5034 5.28541 98.1342L46.3393 119.053C52.7217 122.304 63.0656 122.304 69.4479 119.053L155.715 75.0989C158.903 73.4737 160.5 71.3462 160.5 69.2131V76.0244C160.5 78.1575 158.903 80.285 155.715 81.9102L69.4479 125.865C63.0656 129.115 52.7217 129.115 46.3393 125.865L5.28541 104.946C2.09139 103.32 0.5 101.187 0.5 99.0541V92.2428Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.5 92.2427C0.5 90.1096 2.09703 87.9821 5.28541 86.3569L91.5521 42.4024C97.9345 39.152 108.278 39.152 114.661 42.4024L155.715 63.3216C158.909 64.9468 160.5 67.0799 160.5 69.213C160.5 71.3461 158.903 73.4736 155.715 75.0988L69.4479 119.053C63.0656 122.304 52.7217 122.304 46.3393 119.053L5.28541 98.1341C2.09139 96.5089 0.5 94.3758 0.5 92.2427Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M0.5 70.7255C0.5 72.8586 2.09703 74.986 5.28541 76.6169L46.3393 97.536C52.7217 100.786 63.0656 100.786 69.4479 97.536L155.715 53.5816C158.903 51.9564 160.5 49.8289 160.5 47.6958V54.5071C160.5 56.6402 158.903 58.7676 155.715 60.3929L69.4479 104.347C63.0656 107.598 52.7217 107.598 46.3393 104.347L5.28541 83.4282C2.09139 81.8029 0.5 79.6698 0.5 77.5367V70.7255Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M0.5 70.7253C0.5 68.5922 2.09703 66.4648 5.28541 64.8395L91.5521 20.8851C97.9345 17.6347 108.278 17.6347 114.661 20.8851L155.715 41.8042C158.909 43.4295 160.5 45.5626 160.5 47.6957C160.5 49.8288 158.903 51.9562 155.715 53.5815L69.4479 97.5359C63.0656 100.786 52.7217 100.786 46.3393 97.5359L5.28541 76.6168C2.09139 74.9916 0.5 72.8584 0.5 70.7253Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M110.58 39.925C110.264 39.925 109.959 39.8686 109.683 39.7557C109.621 39.7331 109.564 39.7049 109.508 39.6767L104.48 37.1147C102.877 36.2965 102.55 33.8022 103.718 31.3079C105.332 27.8656 106.224 24.1693 106.224 20.902C106.224 17.9111 105.507 15.4168 104.153 13.6675C104.085 13.6675 104.011 13.6675 103.938 13.6675C102.465 13.6675 100.891 14.085 99.2656 14.9146L92.8663 18.1763C92.3584 18.4359 91.8562 18.5657 91.3765 18.5657C90.9871 18.5657 90.6259 18.4811 90.2986 18.3118L85.2706 15.7498C84.3508 15.2814 83.8203 14.2205 83.8203 12.8436C83.8203 10.4678 85.3609 7.82116 87.3304 6.81668L93.7297 3.55494C96.3707 2.21187 98.9439 1.52905 101.376 1.52905C103.244 1.52905 104.988 1.93536 106.551 2.73104L111.579 5.29303C116.15 7.62365 118.774 13.058 118.774 20.2022C118.774 25.3093 117.391 31.0653 114.88 36.4206C114.22 37.8314 113.193 38.9713 112.064 39.5469C111.556 39.8065 111.06 39.9363 110.58 39.9363V39.925Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M101.382 2.08786C103.176 2.08786 104.83 2.47723 106.303 3.22777L111.331 5.78976C115.541 7.93415 118.215 13.0073 118.215 20.1967C118.215 25.2191 116.85 30.8961 114.372 36.1724C113.746 37.5099 112.781 38.5369 111.81 39.0335C111.393 39.248 110.975 39.3608 110.58 39.3608C110.343 39.3608 110.112 39.3213 109.892 39.231C109.847 39.2141 109.801 39.1915 109.756 39.1689L104.728 36.607C103.43 35.9467 103.199 33.729 104.226 31.5394C105.874 28.0237 106.788 24.2428 106.788 20.8908C106.788 17.5388 105.913 14.8921 104.435 13.1033C104.271 13.092 104.107 13.0863 103.944 13.0863C102.426 13.0863 100.761 13.5039 99.0174 14.3956L92.6181 17.6573C92.1779 17.883 91.7659 17.9846 91.3822 17.9846C91.0831 17.9846 90.8066 17.9169 90.5583 17.7927L85.5303 15.2307C84.8305 14.8752 84.3903 14.0287 84.3903 12.8324C84.3903 10.6824 85.8237 8.21067 87.59 7.30777L93.9893 4.04603C96.6078 2.71425 99.102 2.08221 101.382 2.08221M101.382 0.959229C98.8594 0.959229 96.1958 1.66462 93.4758 3.04719L87.0765 6.30893C84.9377 7.39806 83.2617 10.2648 83.2617 12.838C83.2617 14.4351 83.905 15.6765 85.0224 16.2465L90.0504 18.8085C90.4567 19.0173 90.9082 19.1245 91.3878 19.1245C91.9578 19.1245 92.5447 18.9721 93.1372 18.6731L99.5365 15.4113C101.055 14.6382 102.516 14.2375 103.876 14.2263C105.05 15.8628 105.665 18.1539 105.665 20.8965C105.665 24.0848 104.796 27.6964 103.21 31.0654C101.907 33.8418 102.347 36.6577 104.226 37.6171L109.254 40.1791C109.327 40.2186 109.401 40.2524 109.48 40.2806C109.83 40.4217 110.202 40.4894 110.586 40.4894C111.156 40.4894 111.743 40.3371 112.33 40.038C113.565 39.406 114.688 38.1701 115.399 36.6521C117.944 31.229 119.344 25.3828 119.344 20.1967C119.344 12.8324 116.607 7.21747 111.839 4.78528L106.811 2.22329C105.163 1.38246 103.334 0.959229 101.376 0.959229H101.382Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M59.6229 72.1755C57.755 72.1755 56.0113 71.7692 54.4482 70.9735L49.4201 68.4115C44.8492 66.0809 42.2251 60.6465 42.2251 53.5023C42.2251 40.4272 50.9776 25.3318 61.7334 19.8523C62.2413 19.5927 62.7436 19.4629 63.2232 19.4629C63.6126 19.4629 63.9738 19.5475 64.3011 19.7168L69.3291 22.2788C70.249 22.7472 70.7794 23.8081 70.7794 25.185C70.7794 27.5608 69.2388 30.2074 67.2694 31.2119C60.3791 34.7219 54.7755 44.4112 54.7755 52.8082C54.7755 55.7991 55.4921 58.2934 56.8465 60.0427C56.9142 60.0427 56.9876 60.0427 57.0609 60.0427C58.5338 60.0427 60.1082 59.6251 61.7334 58.7956L68.1328 55.5339C68.6407 55.2743 69.1429 55.1445 69.6226 55.1445C70.012 55.1445 70.3731 55.2291 70.7004 55.3984L75.7284 57.9604C76.6483 58.4288 77.1787 59.4897 77.1787 60.861C77.1787 63.2367 75.6382 65.8834 73.6687 66.8879L67.2694 70.1496C64.6284 71.4927 62.0551 72.1755 59.6229 72.1755Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M63.2231 20.033C63.5222 20.033 63.7987 20.1007 64.047 20.2248L69.075 22.7868C69.7748 23.1423 70.2206 23.9888 70.2206 25.1851C70.2206 27.3352 68.7872 29.8069 67.0209 30.7098C59.9614 34.3045 54.2223 44.2195 54.2223 52.8083C54.2223 56.1547 55.097 58.807 56.5755 60.5959C56.7392 60.6071 56.9028 60.6128 57.0665 60.6128C58.5845 60.6128 60.2492 60.1952 61.9929 59.3036L68.3922 56.0419C68.8324 55.8161 69.2443 55.7145 69.6281 55.7145C69.9271 55.7145 70.2037 55.7823 70.452 55.9064L75.48 58.4684C76.1798 58.8239 76.6256 59.6704 76.6256 60.8667C76.6256 63.0168 75.1922 65.4885 73.4259 66.3914L67.0266 69.6531C64.4082 70.9849 61.9139 71.6169 59.6341 71.6169C57.8396 71.6169 56.1861 71.2275 54.7132 70.477L49.6852 67.915C45.4754 65.7706 42.8006 60.6974 42.8006 53.5081C42.8006 40.6248 51.412 25.7551 61.9986 20.3603C62.4387 20.1345 62.8507 20.033 63.2344 20.033M63.2231 18.9043C62.6531 18.9043 62.0663 19.0567 61.4737 19.3558C50.5486 24.9256 41.6606 40.241 41.6606 53.5081C41.6606 60.8724 44.3976 66.4873 49.1661 68.9195L54.1941 71.4815C55.8419 72.3223 57.6703 72.7455 59.6284 72.7455C62.1509 72.7455 64.8145 72.0402 67.5345 70.6576L73.9338 67.3959C76.0725 66.3067 77.7485 63.4344 77.7485 60.8667C77.7485 59.2697 77.1052 58.0282 75.9879 57.4583L70.9599 54.8963C70.5536 54.6875 70.1021 54.5803 69.6224 54.5803C69.0525 54.5803 68.4656 54.7326 67.873 55.0317L61.4737 58.2935C59.9557 59.0666 58.4942 59.4672 57.1342 59.4785C55.9604 57.842 55.3453 55.5509 55.3453 52.8083C55.3453 44.6032 60.8135 35.1396 67.5288 31.7143C69.6676 30.6251 71.3436 27.7528 71.3436 25.1851C71.3436 23.5881 70.7003 22.3466 69.5829 21.7767L64.5549 19.2147C64.1486 19.0059 63.6971 18.8987 63.2175 18.8987L63.2231 18.9043Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M68.9849 49.4395C68.5955 49.4395 68.2343 49.3548 67.907 49.1855L62.879 46.6235C61.9592 46.1552 61.4287 45.0942 61.4287 43.7173C61.4287 41.3416 62.9693 38.6949 64.9387 37.6904L77.7374 31.167C78.2453 30.9074 78.7475 30.7776 79.2272 30.7776C79.6165 30.7776 79.9777 30.8622 80.305 31.0315L85.3331 33.5935C86.2529 34.0619 86.7833 35.1228 86.7833 36.4997C86.7833 38.8755 85.2428 41.5221 83.2733 42.5266L70.4747 49.0501C69.9668 49.3097 69.4646 49.4395 68.9849 49.4395Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M79.2217 31.3474C79.5207 31.3474 79.7973 31.4151 80.0456 31.5392L85.0736 34.1012C85.7734 34.4567 86.2135 35.3032 86.2135 36.4996C86.2135 38.6496 84.7802 41.1213 83.0139 42.0242L70.2152 48.5477C69.7751 48.7734 69.3631 48.875 68.9794 48.875C68.6803 48.875 68.4038 48.8073 68.1555 48.6831L63.1274 46.1211C62.4277 45.7656 61.9875 44.9191 61.9875 43.7228C61.9875 41.5728 63.4209 39.1011 65.1872 38.1982L77.9858 31.6747C78.426 31.449 78.8379 31.3474 79.2217 31.3474ZM79.2217 30.2188C78.6517 30.2188 78.0648 30.3711 77.4723 30.6702L64.6737 37.1937C62.5349 38.2828 60.8589 41.1495 60.8589 43.7228C60.8589 45.3198 61.5022 46.5613 62.6195 47.1312L67.6476 49.6932C68.0539 49.902 68.5054 50.0093 68.985 50.0093C69.555 50.0093 70.1419 49.8569 70.7344 49.5578L83.533 43.0343C85.6718 41.9452 87.3478 39.0785 87.3478 36.5052C87.3478 34.9082 86.7045 33.6667 85.5871 33.0968L80.5591 30.5348C80.1528 30.326 79.7013 30.2188 79.2217 30.2188Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M107.222 13.8535C110.027 15.2812 111.816 18.6671 111.816 23.4581C111.816 26.8101 110.907 30.5911 109.254 34.1067C108.227 36.2963 108.464 38.514 109.756 39.1743L104.728 36.6123C103.43 35.952 103.199 33.7343 104.226 31.5447C105.874 28.0291 106.788 24.2482 106.788 20.8961C106.788 16.1051 104.999 12.7192 102.194 11.2915L107.222 13.8535Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M111.331 5.79515C107.995 4.09657 103.701 4.232 99.0172 6.61905L92.6178 9.88078C90.8515 10.7837 89.4182 13.2554 89.4182 15.4054C89.4182 16.6018 89.864 17.4482 90.5637 17.8038L85.5357 15.2418C84.8359 14.8863 84.3901 14.0398 84.3901 12.8434C84.3901 10.6934 85.8235 8.2217 87.5898 7.3188L93.9891 4.05706C98.6729 1.67001 102.967 1.53458 106.302 3.23316L111.331 5.79515Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M111.331 5.7952C115.54 7.9396 118.215 13.0128 118.215 20.2021C118.215 25.2245 116.85 30.9015 114.372 36.1779C113.746 37.5153 112.781 38.5424 111.81 39.039C111.144 39.3775 110.467 39.4678 109.892 39.2365C109.846 39.2195 109.801 39.197 109.756 39.1744C108.458 38.5141 108.227 36.2964 109.254 34.1068C110.902 30.5912 111.816 26.8103 111.816 23.4582C111.816 18.6672 110.027 15.2813 107.222 13.8536C104.999 12.7193 102.138 12.8153 99.0172 14.401L92.6179 17.6627C91.8335 18.0634 91.1168 18.086 90.5582 17.7982C89.8584 17.4427 89.4126 16.5962 89.4126 15.3998C89.4126 13.2498 90.846 10.7781 92.6123 9.8752L99.0116 6.61346C103.695 4.22641 107.99 4.09097 111.325 5.78956L111.331 5.7952Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M75.474 58.4626C74.9153 58.1805 74.1986 58.2031 73.4142 58.5981L67.0149 61.8598C63.8943 63.4512 61.0332 63.5415 58.8098 62.4072L53.7817 59.8452C56.0051 60.9795 58.8662 60.8835 61.9869 59.2978L68.3862 56.0361C69.1706 55.6354 69.8872 55.6129 70.4459 55.9007L75.474 58.4626Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M69.0748 22.7869C68.5162 22.5047 67.7995 22.5273 67.0151 22.9223C56.4286 28.3171 47.8171 43.1868 47.8171 56.0701C47.8171 63.2538 50.4976 68.3327 54.7018 70.4771L49.6737 67.9151C45.4639 65.7707 42.7891 60.6975 42.7891 53.5081C42.7891 40.6248 51.4005 25.7552 61.987 20.3603C62.7714 19.9596 63.4881 19.9371 64.0468 20.2249L69.0748 22.7869Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M69.075 22.7869C69.7748 23.1424 70.2206 23.9889 70.2206 25.1852C70.2206 27.3353 68.7872 29.807 67.0209 30.7099C59.9613 34.3045 54.2223 44.2195 54.2223 52.8084C54.2223 57.5994 56.0112 60.9853 58.8158 62.413C61.0392 63.5473 63.9003 63.4514 67.0209 61.8657L73.4202 58.6039C74.2046 58.2033 74.9213 58.1807 75.48 58.4685C76.1798 58.824 76.6256 59.6705 76.6256 60.8668C76.6256 63.0168 75.1922 65.4885 73.4259 66.3915L67.0266 69.6532C62.3428 72.0402 58.0483 72.1757 54.7132 70.4771C50.5034 68.3327 47.8286 63.2595 47.8286 56.0701C47.8286 43.1868 56.44 28.3172 67.0266 22.9223C67.811 22.5217 68.5277 22.4991 69.0863 22.7869H69.075Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M85.0729 34.1013C84.5143 33.8192 83.7976 33.8417 83.0132 34.2368L70.2145 40.7602C68.4482 41.6631 67.0149 44.1348 67.0149 46.2849C67.0149 47.4812 67.4607 48.3277 68.1604 48.6832L63.1324 46.1212C62.4326 45.7657 61.9868 44.9192 61.9868 43.7229C61.9868 41.5728 63.4202 39.1011 65.1865 38.1982L77.9851 31.6748C78.7695 31.2741 79.4862 31.2515 80.0449 31.5393L85.0729 34.1013Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M85.0727 34.1013C85.7725 34.4569 86.2182 35.3033 86.2182 36.4997C86.2182 38.6497 84.7849 41.1214 83.0186 42.0243L70.2199 48.5478C69.4356 48.9485 68.7189 48.971 68.1602 48.6832C67.4604 48.3277 67.0146 47.4812 67.0146 46.2849C67.0146 44.1348 68.448 41.6632 70.2143 40.7602L83.0129 34.2368C83.7973 33.8361 84.514 33.8135 85.0727 34.1013Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M111.269 58.1467C110.885 58.1467 110.518 58.062 110.191 57.8927L105.163 55.3307C105.067 55.28 104.977 55.2292 104.886 55.1614L40.8876 9.89216C39.3808 8.82561 39.3131 6.08304 40.7239 3.6452C41.7453 1.88454 43.3085 0.744629 44.7136 0.744629C45.0974 0.744629 45.4585 0.829275 45.7858 0.99857L50.8139 3.56056C50.9098 3.61135 51.0001 3.66778 51.0904 3.72985L115.089 48.9991C116.596 50.0657 116.664 52.8083 115.253 55.2461C114.593 56.3804 113.707 57.2776 112.759 57.7573C112.251 58.0169 111.748 58.1467 111.269 58.1467Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M44.7138 1.30905C45.0016 1.30905 45.2781 1.37112 45.532 1.50092L50.56 4.0629C50.6334 4.09676 50.7011 4.14191 50.7688 4.18705L114.768 49.4563C116.021 50.3423 116.021 52.8027 114.768 54.964C114.141 56.0419 113.323 56.8432 112.505 57.2552C112.082 57.4696 111.664 57.5825 111.269 57.5825C110.976 57.5825 110.699 57.5204 110.451 57.3906L105.423 54.8286C105.349 54.7948 105.282 54.7496 105.214 54.7045L41.215 9.43517C39.9622 8.5492 39.9622 6.08879 41.215 3.92747C42.1631 2.29095 43.5513 1.30905 44.7138 1.30905ZM44.7138 0.18042C43.0885 0.18042 41.373 1.39934 40.2388 3.36315C38.6812 6.05493 38.8223 9.1248 40.566 10.355L104.565 55.6243C104.678 55.7033 104.791 55.771 104.909 55.8331L109.937 58.3951C110.343 58.6039 110.795 58.7111 111.269 58.7111C111.839 58.7111 112.431 58.5587 113.018 58.2596C114.062 57.7292 115.033 56.7586 115.744 55.5284C117.301 52.8366 117.16 49.7667 115.417 48.5365L51.4178 3.26722C51.305 3.18821 51.1921 3.1205 51.0736 3.05842L46.0455 0.496436C45.6392 0.287639 45.1934 0.186063 44.7138 0.186063V0.18042Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M50.56 4.06297C49.3016 3.41966 47.4281 4.45235 46.243 6.49517C44.9902 8.65085 44.9902 11.1169 46.243 12.0029L110.242 57.2722C110.31 57.3173 110.377 57.3625 110.451 57.3963L105.423 54.8343C105.349 54.8005 105.282 54.7553 105.214 54.7102L41.215 9.44089C39.9622 8.55492 39.9622 6.09451 41.215 3.93318C42.4 1.89036 44.2736 0.857669 45.532 1.50099L50.56 4.06297Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M50.5598 4.06278C50.6332 4.09664 50.7009 4.14179 50.7686 4.18693L114.768 49.4562C116.02 50.3422 116.02 52.8026 114.768 54.9639C114.141 56.0418 113.323 56.8431 112.505 57.255C111.771 57.6275 111.043 57.6952 110.451 57.3905C110.377 57.3566 110.309 57.3115 110.242 57.2663L46.2428 11.997C44.99 11.1111 44.99 8.65066 46.2428 6.48934C47.4279 4.44652 49.3014 3.41382 50.5598 4.05714V4.06278Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
373
packages/propel/src/empty-state/assets/vertical-stack/module.tsx
Normal file
373
packages/propel/src/empty-state/assets/vertical-stack/module.tsx
Normal file
@@ -0,0 +1,373 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const ModuleVerticalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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="M13.5711 136.431C13.5711 138.262 14.9421 140.088 17.6793 141.489L52.9231 159.447C58.4023 162.238 67.2823 162.238 72.7614 159.447L146.82 121.713C149.557 120.318 150.928 118.492 150.928 116.66V122.508C150.928 124.339 149.557 126.165 146.82 127.561L72.7614 165.294C67.2823 168.085 58.4023 168.085 52.9231 165.294L17.6793 147.336C14.9373 145.941 13.5711 144.109 13.5711 142.278V136.431Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M13.5711 136.431C13.5711 134.599 14.9421 132.773 17.6793 131.378L91.7374 93.644C97.2166 90.8536 106.097 90.8536 111.576 93.644L146.82 111.603C149.562 112.998 150.928 114.829 150.928 116.66C150.928 118.492 149.557 120.318 146.82 121.713L72.7614 159.447C67.2823 162.237 58.4023 162.237 52.9231 159.447L17.6793 141.488C14.9373 140.093 13.5711 138.262 13.5711 136.431Z"
|
||||
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="M13.5711 117.959C13.5711 119.79 14.9421 121.616 17.6793 123.016L52.9231 140.975C58.4023 143.765 67.2823 143.765 72.7614 140.975L146.82 103.241C149.557 101.846 150.928 100.019 150.928 98.1882V104.036C150.928 105.867 149.557 107.693 146.82 109.088L72.7614 146.822C67.2823 149.613 58.4023 149.613 52.9231 146.822L17.6793 128.864C14.9373 127.468 13.5711 125.637 13.5711 123.806V117.959Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M13.5711 117.959C13.5711 116.127 14.9421 114.301 17.6793 112.906L91.7374 75.1718C97.2166 72.3814 106.097 72.3814 111.576 75.1718L146.82 93.1305C149.562 94.5257 150.928 96.3569 150.928 98.1881C150.928 100.019 149.557 101.846 146.82 103.241L72.7614 140.975C67.2823 143.765 58.4023 143.765 52.9231 140.975L17.6793 123.016C14.9373 121.621 13.5711 119.79 13.5711 117.959Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M13.5711 99.4866C13.5711 101.318 14.9421 103.144 17.6793 104.544L52.9231 122.503C58.4023 125.293 67.2823 125.293 72.7614 122.503L146.82 84.7688C149.557 83.3736 150.928 81.5473 150.928 79.716V85.5633C150.928 87.3945 149.557 89.221 146.82 90.6162L72.7614 128.35C67.2823 131.141 58.4023 131.141 52.9231 128.35L17.6793 110.391C14.9373 108.996 13.5711 107.165 13.5711 105.334V99.4866Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M13.5711 99.4865C13.5711 97.6553 14.9421 95.8288 17.6793 94.4336L91.7374 56.6997C97.2166 53.9092 106.097 53.9092 111.576 56.6997L146.82 74.6584C149.562 76.0536 150.928 77.8848 150.928 79.716C150.928 81.5472 149.557 83.3736 146.82 84.7688L72.7614 122.503C67.2823 125.293 58.4023 125.293 52.9231 122.503L17.6793 104.544C14.9373 103.149 13.5711 101.318 13.5711 99.4865Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M64.7245 99.2927C63.9446 99.2927 63.2179 99.1134 62.5687 98.7646L58.3346 96.6088C56.5228 95.6835 55.4812 93.5472 55.4812 90.747V49.6509C55.4812 44.6272 58.8433 38.8283 62.9805 36.7258L96.7565 19.518C97.7932 18.99 98.8057 18.7235 99.765 18.7235C100.516 18.7235 101.213 18.8882 101.843 19.2079L106.097 21.3783C107.947 22.2793 109.013 24.4304 109.013 27.2693V68.3605C109.013 73.3794 105.651 79.1783 101.514 81.2857L67.7378 98.4934C66.7011 99.0215 65.6886 99.2927 64.7245 99.2927Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M99.7698 19.2079C100.448 19.2079 101.073 19.3582 101.625 19.6392L105.879 21.8095C107.497 22.5991 108.529 24.5273 108.529 27.2693V68.3605C108.529 73.2244 105.288 78.8197 101.296 80.8544L67.5199 98.0622C66.5316 98.566 65.5869 98.8083 64.7246 98.8083C64.0173 98.8083 63.373 98.6484 62.8013 98.3384L58.5575 96.1777C56.9733 95.3687 55.9705 93.4551 55.9705 90.747V49.6509C55.9705 44.787 59.2067 39.1916 63.2034 37.1569L96.9794 19.9492C97.9677 19.4453 98.9075 19.2079 99.7698 19.2079ZM99.7698 18.239C98.7331 18.239 97.6479 18.5249 96.5434 19.0868L62.7674 36.2946C58.417 38.5085 55.0065 44.3801 55.0065 49.6509V90.747C55.0065 93.7361 56.1401 96.0276 58.1215 97.0401L62.3653 99.2007C63.0629 99.5786 63.8671 99.7772 64.7294 99.7772C65.771 99.7772 66.861 99.4913 67.9656 98.9245L101.742 81.7168C106.092 79.498 109.502 73.6314 109.502 68.3605V27.2693C109.502 24.2366 108.34 21.9306 106.31 20.9375L102.071 18.7768C101.373 18.4183 100.598 18.239 99.7747 18.239H99.7698Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M102.909 27.9572C102.88 27.9378 102.851 27.9233 102.822 27.9088L102.846 27.9184C102.87 27.9281 102.89 27.9426 102.909 27.9572Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M105.879 21.8095C105.811 21.7756 105.743 21.7466 105.675 21.7175C105.607 21.6884 105.535 21.6593 105.462 21.6351C105.181 21.5333 104.886 21.4704 104.58 21.4365C104.517 21.4268 104.45 21.4219 104.382 21.4171C103.447 21.3541 102.4 21.5867 101.296 22.1486L67.5199 39.3564C63.5231 41.3911 60.287 46.9865 60.287 51.8504V92.9465C60.287 93.1354 60.2918 93.3243 60.3015 93.5036C60.3112 93.6489 60.3209 93.7893 60.3354 93.925V93.9347C60.35 94.0703 60.3645 94.2011 60.3839 94.3319C60.4275 94.6517 60.4905 94.957 60.568 95.2476C60.6019 95.3687 60.6358 95.485 60.6745 95.5964C60.7085 95.7127 60.7472 95.8192 60.7908 95.9258C60.8247 96.0082 60.8586 96.0905 60.8926 96.1729C60.9652 96.3328 61.0427 96.4878 61.1251 96.6331C61.159 96.7009 61.2026 96.7687 61.2414 96.8365C61.2462 96.8462 61.251 96.8559 61.2607 96.8656C61.2995 96.9286 61.3431 96.9916 61.3867 97.0546C61.4594 97.1612 61.5369 97.2629 61.6192 97.3598C61.6774 97.4324 61.7403 97.5002 61.8033 97.5681C61.8663 97.6359 61.9341 97.7038 62.0019 97.7668C62.0601 97.82 62.1182 97.8684 62.1763 97.9168C62.3701 98.0767 62.5784 98.2173 62.8013 98.3384L58.5575 96.1777C56.9733 95.3687 55.9705 93.4551 55.9705 90.7471V49.651C55.9705 44.7871 59.2067 39.1916 63.2034 37.1569L96.9794 19.9492C98.7476 19.0481 100.366 18.9949 101.625 19.6392L105.879 21.8095Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M102.846 27.9184L102.822 27.9088C102.851 27.9233 102.88 27.9378 102.909 27.9572C102.89 27.9426 102.87 27.9281 102.846 27.9184Z"
|
||||
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="M105.879 21.8095C105.811 21.7756 105.743 21.7465 105.675 21.7174C105.607 21.6884 105.535 21.6592 105.462 21.635C105.181 21.5333 104.886 21.4703 104.58 21.4364C104.517 21.4267 104.45 21.4219 104.382 21.417C103.447 21.3541 102.4 21.5866 101.296 22.1486L67.5199 39.3563C63.5231 41.391 60.287 46.9864 60.287 51.8503V92.9464C60.287 93.1354 60.2918 93.3243 60.3015 93.5035C60.3112 93.6488 60.3209 93.7893 60.3354 93.9249V93.9346C60.35 94.0703 60.3645 94.2011 60.3839 94.3319C60.4275 94.6516 60.4905 94.9569 60.568 95.2476C60.6019 95.3687 60.6358 95.4849 60.6745 95.5964C60.7085 95.7126 60.7472 95.8192 60.7908 95.9258C60.8247 96.0081 60.8586 96.0905 60.8926 96.1728C60.9652 96.3327 61.0427 96.4877 61.1251 96.633C61.159 96.7009 61.2026 96.7687 61.2414 96.8365C61.2462 96.8462 61.251 96.8559 61.2607 96.8656C61.2995 96.9286 61.3431 96.9916 61.3867 97.0546C61.4594 97.1612 61.5369 97.2628 61.6192 97.3597C61.6774 97.4324 61.7403 97.5002 61.8033 97.568C61.8663 97.6358 61.9341 97.7037 62.0019 97.7667C62.0601 97.82 62.1182 97.8684 62.1763 97.9168C62.3701 98.0767 62.5784 98.2172 62.8013 98.3383C64.0657 99.0214 65.7177 98.9826 67.5199 98.0622L101.296 80.8544C105.288 78.8197 108.529 73.2244 108.529 68.3605V27.2692C108.529 24.5273 107.497 22.5991 105.879 21.8095Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M94.1502 73.9753C94.0097 73.9753 93.8741 73.9414 93.7529 73.8832L89.4365 71.6838C89.1167 71.5191 88.9278 71.1703 88.9278 70.7392V63.5983C88.9278 62.954 89.3347 62.2612 89.8773 61.9851L95.744 58.996C95.9039 58.9137 96.0686 58.8749 96.2285 58.8749C96.369 58.8749 96.5046 58.9088 96.6257 58.9669L100.942 61.1664C101.262 61.3262 101.451 61.6799 101.451 62.111V69.2519C101.451 69.8962 101.044 70.589 100.501 70.8651L94.6347 73.8541C94.4748 73.9365 94.3101 73.9753 94.1502 73.9753Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M96.2285 59.3594C96.2915 59.3594 96.3545 59.3739 96.4078 59.3982L100.724 61.5975C100.874 61.675 100.966 61.8543 100.966 62.111V69.2518C100.966 69.7121 100.661 70.2401 100.283 70.4339L94.4167 73.423C94.3246 73.4715 94.2326 73.4908 94.1551 73.4908C94.0921 73.4908 94.0291 73.4762 93.9758 73.452L89.6593 71.2527C89.5092 71.1752 89.4171 70.9959 89.4171 70.7391V63.5983C89.4171 63.1381 89.7223 62.6101 90.1002 62.4163L95.9669 59.4271C96.059 59.3787 96.151 59.3594 96.2285 59.3594ZM96.2285 58.3905C95.9911 58.3905 95.7538 58.4485 95.5261 58.5648L89.6593 61.554C88.9569 61.9125 88.4434 62.7748 88.4434 63.5983V70.7391C88.4434 71.3544 88.734 71.868 89.2185 72.115L93.535 74.3143C93.7287 74.4112 93.9322 74.4597 94.1502 74.4597C94.3876 74.4597 94.625 74.4016 94.8527 74.2854L100.719 71.2962C101.422 70.9377 101.935 70.0754 101.935 69.2518V62.111C101.935 61.4958 101.645 60.9822 101.165 60.7351L96.8486 58.5358C96.6548 58.4389 96.4514 58.3905 96.2334 58.3905H96.2285Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M94.1502 53.4297C94.0097 53.4297 93.8741 53.3958 93.7529 53.3377L89.4365 51.1382C89.1167 50.9735 88.9278 50.6247 88.9278 50.1936V43.0526C88.9278 42.4083 89.3347 41.7156 89.8773 41.4395L95.744 38.4504C95.9039 38.368 96.0686 38.3292 96.2285 38.3292C96.369 38.3292 96.5046 38.3632 96.6257 38.4214L100.942 40.6208C101.262 40.7807 101.451 41.1343 101.451 41.5655V48.7063C101.451 49.3506 101.044 50.0433 100.501 50.3194L94.6347 53.3086C94.4748 53.3909 94.3101 53.4297 94.1502 53.4297Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M96.2285 38.809C96.2915 38.809 96.3545 38.8234 96.4078 38.8476L100.724 41.0471C100.874 41.1246 100.966 41.3039 100.966 41.5606V48.7014C100.966 49.1617 100.661 49.6897 100.283 49.8835L94.4167 52.8725C94.3246 52.9209 94.2326 52.9404 94.1551 52.9404C94.0921 52.9404 94.0291 52.9258 93.9758 52.9016L89.6593 50.7022C89.5092 50.6247 89.4171 50.4455 89.4171 50.1887V43.0479C89.4171 42.5877 89.7223 42.0595 90.1002 41.8658L95.9669 38.8767C96.059 38.8283 96.151 38.809 96.2285 38.809ZM96.2285 37.8401C95.9911 37.8401 95.7538 37.8981 95.5261 38.0144L89.6593 41.0034C88.9569 41.3619 88.4434 42.2243 88.4434 43.0479V50.1887C88.4434 50.804 88.734 51.3174 89.2185 51.5645L93.535 53.7639C93.7287 53.8608 93.9322 53.9093 94.1502 53.9093C94.3876 53.9093 94.625 53.8511 94.8527 53.7348L100.719 50.7458C101.422 50.3873 101.935 49.525 101.935 48.7014V41.5606C101.935 40.9454 101.645 40.4318 101.165 40.1847L96.8486 37.9853C96.6548 37.8884 96.4514 37.8401 96.2334 37.8401H96.2285Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M77.267 82.5791C77.1265 82.5791 76.9909 82.5452 76.8698 82.4871L72.5533 80.2877C72.2335 80.1278 72.0446 79.7742 72.0446 79.343V72.2022C72.0446 71.5579 72.4516 70.8651 72.9941 70.5889L78.8608 67.5999C79.0207 67.5176 79.1854 67.4788 79.3453 67.4788C79.4858 67.4788 79.6214 67.5127 79.7426 67.5708L84.059 69.7702C84.3788 69.9301 84.5677 70.2837 84.5677 70.7149V77.8557C84.5677 78.5 84.1608 79.1928 83.6182 79.469L77.7515 82.458C77.5916 82.5404 77.4269 82.5791 77.267 82.5791Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M79.3453 67.9632C79.4083 67.9632 79.4713 67.9777 79.5246 68.0019L83.841 70.2013C83.9912 70.2789 84.0833 70.4581 84.0833 70.7149V77.8557C84.0833 78.3159 83.7781 78.844 83.4002 79.0377L77.5335 82.0269C77.4414 82.0753 77.3494 82.0947 77.2719 82.0947C77.2089 82.0947 77.1459 82.0801 77.0926 82.0559L72.7761 79.8566C72.626 79.779 72.5339 79.5998 72.5339 79.343V72.2022C72.5339 71.742 72.8391 71.2139 73.217 71.0202L79.0837 68.031C79.1758 67.9826 79.2678 67.9632 79.3453 67.9632ZM79.3453 66.9943C79.1079 66.9943 78.8706 67.0524 78.6429 67.1687L72.7761 70.1578C72.0737 70.5163 71.5602 71.3786 71.5602 72.2022V79.343C71.5602 79.9583 71.8508 80.4717 72.3353 80.7188L76.6518 82.9182C76.8407 83.0151 77.049 83.0636 77.267 83.0636C77.5044 83.0636 77.7418 83.0055 77.9695 82.8892L83.8362 79.9001C84.5386 79.5416 85.0522 78.6793 85.0522 77.8557V70.7149C85.0522 70.0996 84.7615 69.5861 84.277 69.339L79.9606 67.1397C79.7716 67.0428 79.5633 66.9943 79.3453 66.9943Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M77.267 62.0335C77.1265 62.0335 76.9909 61.9997 76.8698 61.9415L72.5533 59.7421C72.2335 59.5822 72.0446 59.2285 72.0446 58.7973V51.6565C72.0446 51.0122 72.4516 50.3195 72.9941 50.0434L78.8608 47.0542C79.0207 46.9719 79.1854 46.9331 79.3453 46.9331C79.4858 46.9331 79.6214 46.9671 79.7426 47.0252L84.059 49.2247C84.3788 49.3845 84.5677 49.7382 84.5677 50.1693V57.3101C84.5677 57.9545 84.1608 58.6471 83.6182 58.9233L77.7515 61.9124C77.5916 61.9948 77.4269 62.0335 77.267 62.0335Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M79.3453 47.4127C79.4083 47.4127 79.4713 47.4273 79.5246 47.4564L83.841 49.6558C83.9912 49.7333 84.0833 49.9126 84.0833 50.1693V57.3102C84.0833 57.7704 83.7781 58.2984 83.4002 58.4922L77.5335 61.4812C77.4414 61.5297 77.3494 61.5491 77.2719 61.5491C77.2089 61.5491 77.1459 61.5345 77.0926 61.5103L72.7761 59.3109C72.626 59.2334 72.5339 59.0541 72.5339 58.7973V51.6565C72.5339 51.1963 72.8391 50.6683 73.217 50.4745L79.0837 47.4855C79.1758 47.437 79.2678 47.4127 79.3453 47.4127ZM79.3453 46.4438C79.1079 46.4438 78.8706 46.502 78.6429 46.6183L72.7761 49.6073C72.0737 49.9658 71.5602 50.8281 71.5602 51.6517V58.7926C71.5602 59.4079 71.8508 59.9213 72.3353 60.1684L76.6518 62.3678C76.8407 62.4647 77.049 62.5132 77.267 62.5132C77.5044 62.5132 77.7418 62.455 77.9695 62.3387L83.8362 59.3497C84.5386 58.9912 85.0522 58.1289 85.0522 57.3053V50.1645C85.0522 49.5492 84.7615 49.0357 84.277 48.7886L79.9606 46.5892C79.7716 46.4923 79.5633 46.4438 79.3453 46.4438Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M100.724 61.5975C100.603 61.5345 100.453 61.5393 100.283 61.6265L94.4167 64.6156C94.0388 64.8094 93.7336 65.3375 93.7336 65.7977V72.9385C93.7336 73.1953 93.8256 73.3745 93.9758 73.452L89.6593 71.2527C89.5092 71.1752 89.4171 70.9959 89.4171 70.7391V63.5983C89.4171 63.1381 89.7223 62.61 90.1002 62.4163L95.9669 59.4271C96.1365 59.3399 96.2866 59.3352 96.4078 59.3981L100.724 61.5975Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M100.724 61.5975C100.874 61.675 100.966 61.8543 100.966 62.1111V69.2519C100.966 69.7121 100.661 70.2401 100.283 70.4339L94.4167 73.4231C94.2471 73.5103 94.0969 73.515 93.9758 73.4521C93.8256 73.3745 93.7336 73.1954 93.7336 72.9386V65.7978C93.7336 65.3376 94.0388 64.8094 94.4167 64.6157L100.283 61.6266C100.453 61.5394 100.603 61.5346 100.724 61.5975Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M100.724 41.052C100.603 40.989 100.453 40.9939 100.283 41.0811L94.4167 44.0701C94.0388 44.2639 93.7336 44.7919 93.7336 45.2521V52.3929C93.7336 52.6497 93.8256 52.829 93.9758 52.9065L89.6593 50.7071C89.5092 50.6295 89.4171 50.4504 89.4171 50.1936V43.0527C89.4171 42.5925 89.7223 42.0644 90.1002 41.8707L95.9669 38.8816C96.1365 38.7944 96.2866 38.7895 96.4078 38.8525L100.724 41.052Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M100.724 41.052C100.874 41.1295 100.966 41.3087 100.966 41.5655V48.7063C100.966 49.1666 100.661 49.6946 100.283 49.8884L94.4167 52.8774C94.2471 52.9646 94.0969 52.9695 93.9758 52.9065C93.8256 52.829 93.7336 52.6497 93.7336 52.3929V45.2521C93.7336 44.7919 94.0388 44.2639 94.4167 44.0701L100.283 41.0811C100.453 40.9939 100.603 40.989 100.724 41.052Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M83.8362 70.2014C83.7151 70.1384 83.5649 70.1433 83.3954 70.2305L77.5286 73.2195C77.1508 73.4133 76.8456 73.9414 76.8456 74.4017V81.5425C76.8456 81.7993 76.9376 81.9784 77.0878 82.0559L72.7713 79.8566C72.6212 79.7791 72.5291 79.5998 72.5291 79.3431V72.2022C72.5291 71.742 72.8343 71.214 73.2122 71.0202L79.0789 68.0311C79.2485 67.9439 79.3986 67.939 79.5198 68.002L83.8362 70.2014Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M83.8362 70.2014C83.9864 70.2789 84.0784 70.4582 84.0784 70.7149V77.8558C84.0784 78.316 83.7732 78.844 83.3954 79.0378L77.5286 82.0269C77.3591 82.1141 77.2089 82.1189 77.0878 82.0559C76.9376 81.9784 76.8456 81.7993 76.8456 81.5425V74.4017C76.8456 73.9414 77.1508 73.4133 77.5286 73.2195L83.3954 70.2305C83.5649 70.1433 83.7151 70.1384 83.8362 70.2014Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M83.8362 49.6558C83.7151 49.5928 83.5649 49.5977 83.3954 49.6849L77.5286 52.674C77.1508 52.8677 76.8456 53.3958 76.8456 53.856V60.9968C76.8456 61.2536 76.9376 61.4328 77.0878 61.5104L72.7713 59.3109C72.6212 59.2334 72.5291 59.0541 72.5291 58.7974V51.6566C72.5291 51.1963 72.8343 50.6683 73.2122 50.4745L79.0789 47.4855C79.2485 47.3983 79.3986 47.3934 79.5198 47.4564L83.8362 49.6558Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M83.8362 49.6558C83.9864 49.7333 84.0784 49.9126 84.0784 50.1694V57.3102C84.0784 57.7704 83.7732 58.2984 83.3954 58.4922L77.5286 61.4812C77.3591 61.5684 77.2089 61.5733 77.0878 61.5103C76.9376 61.4328 76.8456 61.2536 76.8456 60.9968V53.856C76.8456 53.3958 77.1508 52.8677 77.5286 52.6739L83.3954 49.6849C83.5649 49.5977 83.7151 49.5928 83.8362 49.6558Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M52.2549 9.2767C51.1164 8.69536 49.6437 8.74379 48.0401 9.56251L11.6675 28.0977C8.04379 29.9434 5.10316 35.0156 5.10316 39.4289C5.10316 41.8899 6.01877 43.6244 7.45275 44.3559L5.2921 43.2562C3.85328 42.5246 2.9425 40.7902 2.9425 38.3292C2.9425 33.9207 5.88313 28.8437 9.50683 26.9979L45.8795 8.4628C47.483 7.64407 48.9509 7.59565 50.0942 8.17699L52.2549 9.2767Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M52.2549 9.2767C53.6937 10.0082 54.6044 11.7425 54.6044 14.2035C54.6044 18.6121 51.6638 23.6891 48.0401 25.5349L11.6675 44.07C10.0639 44.8887 8.59604 44.9372 7.45274 44.3559C6.01391 43.6244 5.10315 41.8899 5.10315 39.4289C5.10315 35.0204 8.04377 29.9434 11.6675 28.0976L48.0401 9.56251C49.6437 8.74379 51.1116 8.69536 52.2549 9.2767Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M13.2275 35.8925C12.9852 36.0136 12.7914 35.8779 12.7914 35.5872C12.7914 35.2966 12.9852 34.9574 13.2226 34.8363C13.4648 34.7104 13.6586 34.8509 13.6586 35.1416C13.6586 35.4322 13.4648 35.7714 13.2226 35.8925H13.2275Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M13.2275 39.0704C12.9852 39.1915 12.7914 39.0559 12.7914 38.7653C12.7914 38.4746 12.9852 38.1355 13.2226 38.0143C13.4648 37.8884 13.6586 38.0289 13.6586 38.3196C13.6586 38.6103 13.4648 38.9493 13.2226 39.0704H13.2275Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M13.2275 32.7145C12.9852 32.8356 12.7914 32.6999 12.7914 32.4092C12.7914 32.1185 12.9852 31.7795 13.2226 31.6584C13.4648 31.5325 13.6586 31.6729 13.6586 31.9636C13.6586 32.2542 13.4648 32.5934 13.2226 32.7145H13.2275Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M21.061 31.9006L15.4026 34.7831C15.1604 34.9042 14.9666 34.7685 14.9666 34.473C14.9666 34.1775 15.1604 33.8433 15.4026 33.7222L21.061 30.8396C21.3032 30.7185 21.497 30.8542 21.497 31.1497C21.497 31.4452 21.3032 31.7795 21.061 31.9006Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M21.061 35.0785L15.4026 37.9611C15.1604 38.0822 14.9666 37.9465 14.9666 37.651C14.9666 37.3555 15.1604 37.0212 15.4026 36.9001L21.061 34.0176C21.3032 33.8965 21.497 34.0322 21.497 34.3277C21.497 34.6233 21.3032 34.9574 21.061 35.0785Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M21.061 28.7226L15.4026 31.6051C15.1604 31.7262 14.9666 31.5906 14.9666 31.2951C14.9666 30.9996 15.1604 30.6653 15.4026 30.5442L21.061 27.6617C21.3032 27.5406 21.497 27.6762 21.497 27.9717C21.497 28.2672 21.3032 28.6015 21.061 28.7226Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M46.0878 23.2968L41.2917 25.7383C40.7249 26.029 40.2647 25.6996 40.2647 25.0116V19.1741C40.2647 18.4862 40.7249 17.6867 41.2917 17.4009L46.0878 14.9593C46.6546 14.6686 47.1149 14.9981 47.1149 15.686V21.5236C47.1149 22.2115 46.6546 23.0109 46.0878 23.2968ZM41.2917 18.239C41.1028 18.3359 40.9478 18.6023 40.9478 18.83V24.6677C40.9478 24.8954 41.1028 25.0068 41.2917 24.9099L46.0878 22.4683C46.2768 22.3714 46.4318 22.1049 46.4318 21.8772V16.0396C46.4318 15.8119 46.2768 15.7005 46.0878 15.7974L41.2917 18.239Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M45.0608 18.3989L42.6628 19.6198C42.4738 19.7167 42.3188 19.6101 42.3188 19.3775C42.3188 19.145 42.4738 18.8834 42.6628 18.7865L45.0608 17.5657C45.2497 17.4688 45.4048 17.5754 45.4048 17.8079C45.4048 18.0405 45.2497 18.302 45.0608 18.3989Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M44.3729 20.4191L42.3188 21.4656C42.1299 21.5624 41.9749 21.4559 41.9749 21.2233C41.9749 20.9908 42.1299 20.7292 42.3188 20.6323L44.3729 19.5858C44.5618 19.4889 44.7169 19.5955 44.7169 19.828C44.7169 20.0606 44.5618 20.3222 44.3729 20.4191Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M45.0608 21.7368L43.3459 22.6088C43.1569 22.7057 43.0019 22.5991 43.0019 22.3666C43.0019 22.134 43.1569 21.8724 43.3459 21.7756L45.0608 20.9035C45.2497 20.8066 45.4048 20.9132 45.4048 21.1457C45.4048 21.3783 45.2497 21.6399 45.0608 21.7368Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M29.8538 26.9205L28.1388 27.7925C27.761 27.9862 27.4557 27.7682 27.4557 27.308V25.225C27.4557 24.7647 27.761 24.2366 28.1388 24.0428L29.8538 23.1709C30.2317 22.9771 30.5369 23.1951 30.5369 23.6553V25.7384C30.5369 26.1986 30.2317 26.7268 29.8538 26.9205ZM28.1388 24.8762V26.9592L29.8538 26.0873V24.0041L28.1388 24.8762Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M33.618 24.9973L31.903 25.8692C31.5252 26.063 31.22 25.845 31.22 25.3847V23.3017C31.22 22.8415 31.5252 22.3133 31.903 22.1195L33.618 21.2476C33.9959 21.0538 34.3011 21.2718 34.3011 21.7321V23.8151C34.3011 24.2754 33.9959 24.8035 33.618 24.9973ZM31.9079 22.9528V25.036L33.6228 24.1639V22.0809L31.9079 22.9528Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M33.618 29.585L31.903 30.4569C31.5252 30.6507 31.22 30.4327 31.22 29.9725V27.8894C31.22 27.4292 31.5252 26.9011 31.903 26.7073L33.618 25.8354C33.9959 25.6416 34.3011 25.8596 34.3011 26.3198V28.4029C34.3011 28.8631 33.9959 29.3912 33.618 29.585ZM31.9079 27.5406V29.6237L33.6228 28.7518V26.6686L31.9079 27.5406Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M29.8538 31.5034L28.1388 32.3755C27.761 32.5693 27.4557 32.3512 27.4557 31.891V29.8079C27.4557 29.3476 27.761 28.8196 28.1388 28.6258L29.8538 27.7538C30.2317 27.56 30.5369 27.778 30.5369 28.2382V30.3214C30.5369 30.7816 30.2317 31.3097 29.8538 31.5034ZM28.1388 29.4591V31.5422L29.8538 30.6702V28.587L28.1388 29.4591Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M5.34069 77.846C4.00845 77.1677 3.16066 75.5642 3.16066 73.2825C3.16066 69.1985 5.88328 64.4993 9.23568 62.794L31.7143 51.3416C33.1967 50.5859 34.5531 50.5374 35.6092 51.0752L33.4486 49.9754C32.3925 49.4377 31.036 49.4862 29.5536 50.2419L7.07502 61.6944C3.71777 63.4045 1 68.1037 1 72.1828C1 74.4645 1.84779 76.068 3.18003 76.7463L5.34069 77.846Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M5.34068 77.846C6.39678 78.3837 7.75325 78.3352 9.23567 77.5795L31.7142 66.1271C35.0715 64.417 37.7893 59.7179 37.7893 55.6388C37.7893 53.357 36.9415 51.7534 35.6092 51.0751C34.5531 50.5374 33.1967 50.5859 31.7142 51.3416L9.23567 62.794C5.87842 64.5041 3.16064 69.2034 3.16064 73.2825C3.16064 75.5642 4.00844 77.1677 5.34068 77.846Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12.312 67.1929C12.3944 67.0669 12.5155 67.0137 12.593 67.0669C12.6705 67.1202 12.6754 67.2655 12.6075 67.4012L12.593 67.4303L9.65721 72.5025C9.57485 72.643 9.44405 72.7108 9.36169 72.6527C9.27934 72.5946 9.27934 72.4347 9.36169 72.2893L12.2975 67.2171L12.312 67.1929Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M10.1368 68.8836C10.1368 68.6705 9.99631 68.5736 9.82191 68.6608C9.6475 68.748 9.50701 68.9903 9.50701 69.2035C9.50701 69.4166 9.6475 69.5135 9.82191 69.4263C9.99631 69.3391 10.1368 69.0968 10.1368 68.8836ZM10.5534 68.6705C10.5534 69.1646 10.224 69.7314 9.81706 69.9397C9.41012 70.148 9.08069 69.9156 9.08069 69.4214C9.08069 68.9273 9.41012 68.3604 9.81706 68.1521C10.224 67.9438 10.5534 68.1764 10.5534 68.6705Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M12.4428 70.5163C12.4428 70.3032 12.3023 70.2063 12.1279 70.2935C11.9535 70.3807 11.813 70.6229 11.813 70.836C11.813 71.0492 11.9535 71.146 12.1279 71.0588C12.3023 70.9716 12.4428 70.7295 12.4428 70.5163ZM12.8643 70.3031C12.8643 70.7972 12.5348 71.3641 12.1279 71.5724C11.721 71.7807 11.3915 71.5481 11.3915 71.054C11.3915 70.5599 11.721 69.9931 12.1279 69.7848C12.5348 69.5765 12.8643 69.8089 12.8643 70.3031Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M10.9071 65.3375C10.9071 65.2018 10.9991 65.0468 11.1105 64.9935C11.7645 64.7029 12.3992 64.6061 12.966 64.7272C13.5909 64.858 14.0996 65.2406 14.4533 65.8316C14.8021 66.4227 14.9765 67.2075 14.9571 68.0941C14.9377 68.9855 14.7197 69.9496 14.337 70.8894C13.9494 71.8292 13.4068 72.7109 12.7674 73.4425C12.123 74.174 11.4061 74.7262 10.6842 75.0411C9.96238 75.356 9.26477 75.4287 8.66405 75.2446C8.12146 75.0751 7.67093 74.7069 7.36088 74.1643C7.30759 74.0722 7.35118 73.9027 7.45292 73.7913C7.55465 73.6798 7.67577 73.6701 7.72906 73.7622C8.01004 74.2418 8.40729 74.5663 8.89174 74.7165C9.43433 74.8812 10.0593 74.8183 10.7084 74.5325C11.3576 74.2467 12.0068 73.7524 12.5833 73.0936C13.1598 72.4347 13.6491 71.645 13.9979 70.7973C14.3467 69.9495 14.5356 69.0823 14.555 68.2781C14.5744 67.4788 14.4193 66.7715 14.1044 66.2386C13.7896 65.7057 13.3293 65.3617 12.7674 65.2455C12.2635 65.1389 11.7016 65.2212 11.1202 65.478C11.0088 65.5264 10.9168 65.4635 10.9168 65.3279L10.9071 65.3375Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M28.8705 62.7311L20.6445 66.9216C19.9663 67.2655 19.4189 66.8781 19.4189 66.0545C19.4189 65.2309 19.9663 64.2862 20.6445 63.9422L28.8705 59.7518C29.5488 59.4078 30.0962 59.7953 30.0962 60.6188C30.0962 61.4424 29.5488 62.3871 28.8705 62.7311Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M157.953 35.6503C158.495 35.3742 158.839 34.7201 158.839 33.79V21.9112C158.839 20.2447 157.73 18.3262 156.359 17.6286L125.62 1.96632C125.015 1.65627 124.458 1.64175 124.027 1.85975L126.187 0.760037C126.618 0.542033 127.176 0.556612 127.781 0.866661L158.52 16.5289C159.891 17.2265 161 19.145 161 20.8115V32.6903C161 33.6204 160.656 34.2745 160.113 34.5506L157.953 35.6503Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.35"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M157.953 35.6503C157.522 35.8683 156.965 35.8537 156.359 35.5436L125.62 19.8814C124.249 19.1838 123.14 17.2653 123.14 15.5988V3.72C123.14 2.78985 123.484 2.13585 124.027 1.85972C124.458 1.64171 125.015 1.65623 125.62 1.96628L156.359 17.6286C157.73 18.3262 158.839 20.2447 158.839 21.9112V33.79C158.839 34.7201 158.495 35.3742 157.953 35.6503Z"
|
||||
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="M136.244 15.0223L143.376 18.6557C143.962 18.9561 144.437 18.6169 144.437 17.9048C144.437 17.1927 143.962 16.3691 143.376 16.0736L136.244 12.4402C135.658 12.1398 135.184 12.4789 135.184 13.1911C135.184 13.9032 135.658 14.7268 136.244 15.0223Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M136.753 20.9908L146.752 26.0872C147.576 26.5039 148.24 26.0339 148.24 25.0359C148.24 24.0331 147.571 22.8849 146.752 22.4683L136.753 17.372C135.93 16.9553 135.266 17.4252 135.266 18.4232C135.266 19.426 135.934 20.5742 136.753 20.9908Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M130.262 11.3356C130.31 11.4955 130.421 11.6505 130.547 11.7135C130.722 11.8055 130.867 11.699 130.867 11.4809V11.0789C130.867 10.9481 130.819 10.7979 130.731 10.6817C130.644 10.5654 130.538 10.4927 130.436 10.4879L128.377 10.4297C128.256 10.4297 128.174 10.5314 128.174 10.6961V13.4672C128.174 13.6077 128.232 13.7628 128.324 13.8839C128.421 14.005 128.537 14.068 128.634 14.0534L128.929 14.0098C129.084 13.9856 129.142 13.7773 129.065 13.5447C129.012 13.3897 128.915 13.2638 128.808 13.2008V11.2872L130.257 11.3259L130.262 11.3356Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M128.992 9.5044C129.041 9.66427 129.152 9.81931 129.278 9.88229C129.453 9.97434 129.598 9.86777 129.598 9.64976V9.24763C129.598 9.11683 129.549 8.96667 129.462 8.8504C129.375 8.73414 129.268 8.66146 129.167 8.65661L127.108 8.59848C126.987 8.59848 126.904 8.70024 126.904 8.86495V11.636C126.904 11.7765 126.962 11.9315 127.054 12.0526C127.151 12.1737 127.268 12.2367 127.365 12.2222L127.66 12.1786C127.815 12.1544 127.873 11.946 127.796 11.7135C127.742 11.5584 127.646 11.4325 127.539 11.3695V9.45597L128.987 9.4947L128.992 9.5044Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M132.132 12.5807C132.044 12.4596 131.938 12.3869 131.841 12.3869L129.782 12.3287C129.661 12.3287 129.578 12.4353 129.578 12.5904V15.3663C129.578 15.4971 129.627 15.6424 129.714 15.7587C129.806 15.8798 129.913 15.9524 130.01 15.9524L132.064 16.0106C132.19 16.0203 132.272 15.9137 132.272 15.749V12.9731C132.272 12.8423 132.224 12.6969 132.132 12.5807ZM131.637 15.158L130.213 15.1143V13.1911L131.637 13.2347V15.158Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
File diff suppressed because one or more lines are too long
256
packages/propel/src/empty-state/assets/vertical-stack/page.tsx
Normal file
256
packages/propel/src/empty-state/assets/vertical-stack/page.tsx
Normal file
@@ -0,0 +1,256 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const PageVerticalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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="M15.0958 52.8764C13.8691 52.2518 12.2935 52.3024 10.566 53.1859C6.66646 55.1722 3.50967 60.6305 3.50967 65.3685C3.50967 68.0132 4.4944 69.8814 6.04185 70.6692L3.53218 69.3918C1.98474 68.604 1 66.7359 1 64.0911C1 59.3475 4.1624 53.8893 8.05633 51.9085C9.77821 51.0307 11.3594 50.9744 12.5861 51.5991L15.0958 52.8764Z"
|
||||
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.0957 52.8766C16.6432 53.6644 17.6279 55.5326 17.6279 58.1773C17.6279 62.921 14.4655 68.3792 10.5715 70.3599C8.84966 71.2378 7.26846 71.294 6.04176 70.6694C4.49432 69.8816 3.50958 68.0135 3.50958 65.3687C3.50958 60.6251 6.672 55.1669 10.5659 53.1861C12.2878 52.3083 13.869 52.252 15.0957 52.8766Z"
|
||||
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="M12.2541 62.4879C12.451 62.1503 12.7155 61.8802 12.9969 61.7339L14.5837 60.9236C14.775 60.8279 14.9326 60.9348 14.9326 61.1712C14.9326 61.4075 14.775 61.6776 14.5837 61.7733L12.9969 62.5836C12.9068 62.6286 12.8168 62.7186 12.7493 62.8368C12.6818 62.955 12.648 63.0787 12.648 63.1913V65.1214C12.648 65.3577 12.4904 65.6278 12.2991 65.7235C12.1078 65.8191 11.9502 65.7122 11.9502 65.4759V63.5458C11.9502 63.2082 12.0628 62.8255 12.2597 62.4879H12.2541Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M9.50252 58.5546C9.69384 58.4589 9.85139 58.5658 9.85139 58.8022V59.5112C9.85139 59.7363 9.92455 59.9163 10.054 60.0064C10.1834 60.0964 10.3635 60.0964 10.5492 60.0064C10.8249 59.8657 11.095 59.8657 11.2919 60.0064C11.4889 60.147 11.6014 60.4115 11.6014 60.7548C11.6014 60.9855 11.759 61.098 11.9503 61.0024C12.0403 60.9573 12.1304 60.8673 12.1979 60.7491C12.2654 60.6366 12.2992 60.5072 12.2992 60.3946C12.2992 59.6913 12.7719 58.8753 13.3458 58.5827L14.4543 58.02C14.6457 57.9244 14.8032 58.0313 14.8032 58.2676C14.8032 58.5039 14.6457 58.774 14.4543 58.8697L13.3458 59.4324C13.1545 59.5281 12.9969 59.8038 12.9969 60.0345C12.9969 60.3721 12.8844 60.7548 12.6874 61.0924C12.4905 61.43 12.226 61.7001 11.9447 61.8464C11.3651 62.139 10.898 61.807 10.898 61.1036C10.898 60.9911 10.8587 60.9011 10.7968 60.8561C10.7349 60.811 10.6448 60.811 10.5492 60.8561C10.1778 61.0474 9.82326 61.0474 9.55879 60.8561C9.29432 60.6704 9.14801 60.3102 9.14801 59.8601V59.1511C9.14801 58.9147 9.30557 58.6446 9.49689 58.549L9.50252 58.5546Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M7.42047 63.2983C7.42047 63.062 7.57803 62.7919 7.76935 62.6962L8.79909 62.1729C9.07482 62.0322 9.34492 62.0322 9.54187 62.1729C9.73882 62.3136 9.85135 62.578 9.85135 62.9213V63.3489C9.85135 63.4615 9.89075 63.5515 9.95265 63.5965C10.0202 63.6416 10.1046 63.6416 10.2002 63.5965C10.476 63.4559 10.7461 63.4559 10.943 63.5965C11.14 63.7372 11.2525 64.0017 11.2525 64.3449V66.0274C11.2525 66.2638 11.0949 66.5339 10.9036 66.6295C10.7123 66.7252 10.5547 66.6183 10.5547 66.3819V64.6994C10.5547 64.5869 10.5153 64.4969 10.4535 64.4519C10.3859 64.4068 10.3015 64.4068 10.2059 64.4519C9.93013 64.5925 9.66003 64.5925 9.46308 64.4519C9.26614 64.3112 9.1536 64.0467 9.1536 63.7035V63.2758C9.1536 63.1633 9.11422 63.0732 9.05232 63.0282C8.98479 62.9832 8.90039 62.9832 8.80473 63.0282L7.77496 63.5515C7.58364 63.6472 7.42609 63.5403 7.42609 63.3039L7.42047 63.2983Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M11.2469 57.9466C9.50811 58.8301 8.10135 61.2666 8.10135 63.3824C8.10135 65.4981 9.50811 66.4941 11.2469 65.6107C12.9856 64.7272 14.3924 62.2907 14.3924 60.1749C14.3924 58.0591 12.9856 57.0632 11.2469 57.9466ZM7.40359 63.7369C7.40359 61.154 9.12548 58.1773 11.2525 57.0969C13.3795 56.0165 15.1014 57.232 15.1014 59.8204C15.1014 62.4089 13.3795 65.38 11.2525 66.4604C9.12548 67.5408 7.40359 66.3253 7.40359 63.7369Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M1.45563 140.366C1.45563 142.493 3.04808 144.614 6.22737 146.241L47.1643 167.1C53.5285 170.341 63.8429 170.341 70.2071 167.1L156.228 123.271C159.407 121.65 161 119.529 161 117.402V124.194C161 126.321 159.407 128.442 156.228 130.063L70.2071 173.892C63.8429 177.133 53.5285 177.133 47.1643 173.892L6.22737 153.033C3.04245 151.412 1.45563 149.285 1.45563 147.158V140.366Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M1.45569 140.366C1.45569 138.239 3.04814 136.118 6.22743 134.497L92.2484 90.6678C98.6126 87.4266 108.927 87.4266 115.291 90.6678L156.228 111.527C159.413 113.148 161 115.275 161 117.402C161 119.529 159.407 121.65 156.228 123.271L70.2072 167.1C63.843 170.341 53.5286 170.341 47.1644 167.1L6.22743 146.241C3.04251 144.62 1.45569 142.493 1.45569 140.366Z"
|
||||
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="M1.45563 118.91C1.45563 121.037 3.04808 123.159 6.22737 124.785L47.1643 145.644C53.5285 148.886 63.8429 148.886 70.2071 145.644L156.228 101.815C159.407 100.195 161 98.0732 161 95.9462V102.738C161 104.865 159.407 106.986 156.228 108.607L70.2071 152.436C63.8429 155.677 53.5285 155.677 47.1643 152.436L6.22737 131.577C3.04245 129.956 1.45563 127.829 1.45563 125.702V118.91Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M1.45569 118.91C1.45569 116.783 3.04814 114.662 6.22743 113.041L92.2484 69.2119C98.6126 65.9707 108.927 65.9707 115.291 69.2119L156.228 90.0714C159.413 91.692 161 93.8191 161 95.9461C161 98.0731 159.407 100.195 156.228 101.815L70.2072 145.644C63.843 148.886 53.5286 148.886 47.1644 145.644L6.22743 124.785C3.04251 123.164 1.45569 121.037 1.45569 118.91Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M1.45569 97.4541C1.45569 99.5811 3.04814 101.702 6.22743 103.329L47.1644 124.188C53.5286 127.429 63.843 127.429 70.2072 124.188L156.228 80.359C159.407 78.7384 161 76.617 161 74.49V81.2819C161 83.4089 159.407 85.5303 156.228 87.1509L70.2072 130.98C63.843 134.221 53.5286 134.221 47.1644 130.98L6.22743 110.121C3.04251 108.5 1.45569 106.373 1.45569 104.246V97.4541Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M1.45575 97.454C1.45575 95.327 3.0482 93.2056 6.22749 91.585L92.2485 47.7557C98.6127 44.5145 108.927 44.5145 115.291 47.7557L156.228 68.6153C159.413 70.2359 161 72.3629 161 74.4899C161 76.617 159.408 78.7384 156.228 80.359L70.2073 124.188C63.8431 127.429 53.5286 127.429 47.1644 124.188L6.22749 103.329C3.04257 101.708 1.45575 99.581 1.45575 97.454Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M69.352 97.8585C68.7049 97.8585 68.0972 97.7178 67.5514 97.4364L62.5377 94.8818C60.9677 94.0827 60.0674 92.2483 60.0674 89.8512V31.1046C60.0674 26.8674 62.9147 21.9662 66.4091 20.1824L93.5653 6.34547C93.6441 6.30608 93.7341 6.28357 93.8185 6.28357C93.9029 6.28357 93.993 6.30608 94.0717 6.34547L99.0855 8.90016C99.0855 8.90016 99.1305 8.92829 99.153 8.93954L114.239 19.6085C114.391 19.7154 114.475 19.8842 114.475 20.0699V67.8043C114.475 72.0415 111.628 76.9427 108.134 78.7264L71.9236 97.1776C71.0345 97.6278 70.168 97.8585 69.3408 97.8585H69.352Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M93.8241 6.84648L98.8378 9.40117L113.924 20.0701V67.8045C113.924 71.8616 111.223 76.5265 107.886 78.2258L71.676 96.677C70.8488 97.099 70.061 97.296 69.3464 97.296C68.7837 97.296 68.266 97.1722 67.8046 96.9358L62.7908 94.3811C61.4685 93.7059 60.6301 92.1134 60.6301 89.8514V31.1048C60.6301 27.0477 63.331 22.3828 66.6623 20.6834L93.8185 6.84648M93.8241 5.72107C93.6497 5.72107 93.4752 5.76046 93.3121 5.84486L66.1558 19.6818C62.4251 21.5838 59.5046 26.5975 59.5046 31.1048V89.8514C59.5046 92.4679 60.5175 94.4881 62.2844 95.3828L67.2981 97.9375C67.9227 98.2582 68.6148 98.4158 69.352 98.4158C70.2692 98.4158 71.2258 98.1682 72.1937 97.673L108.404 79.2218C112.135 77.3199 115.055 72.3062 115.055 67.7989V20.0757C115.055 19.71 114.881 19.3667 114.577 19.1585L99.4906 8.48959C99.4455 8.45582 99.4005 8.42769 99.3499 8.40518L94.3362 5.85049C94.173 5.76609 93.9985 5.7267 93.8241 5.7267V5.72107Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M98.8378 9.40088L71.6816 23.2378C68.3503 24.9372 65.6493 29.6021 65.6493 33.6592V92.4058C65.6493 94.6678 66.4878 96.2603 67.8101 96.9356L62.7964 94.3809C61.4741 93.7056 60.6356 92.1132 60.6356 89.8511V31.1045C60.6356 27.0474 63.3366 22.3825 66.6678 20.6832L93.8241 6.84619L98.8378 9.40088Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M98.8376 9.40088L113.924 20.0754V67.8098C113.924 71.867 111.223 76.5318 107.892 78.2312L71.6814 96.6823C70.2071 97.4307 68.8566 97.4757 67.81 96.9468C66.4876 96.2716 65.6492 94.6791 65.6492 92.417V33.6704C65.6492 29.6133 68.3502 24.9485 71.6814 23.2491L98.8376 9.41213V9.40088Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M98.8376 9.40088V20.4187C98.8376 24.4758 101.539 26.3834 104.87 24.6896L113.924 20.0754"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M98.8376 9.40088V20.4187C98.8376 24.4758 101.539 26.3834 104.87 24.6896L113.924 20.0754"
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M94.3305 36.4898L77.0329 45.3018C75.9638 45.8476 75.0972 45.2343 75.0972 43.9344C75.0972 42.6346 75.9638 41.1434 77.0329 40.5976L94.3305 31.7856C95.3997 31.2398 96.2663 31.8531 96.2663 33.153C96.2663 34.4528 95.3997 35.944 94.3305 36.4898Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M102.535 48.1601L77.033 61.153C75.9639 61.6988 75.0973 61.0855 75.0973 59.7856C75.0973 58.4858 75.9639 56.9946 77.033 56.4488L102.535 43.4559C103.604 42.9101 104.471 43.5234 104.471 44.8233C104.471 46.1231 103.604 47.6143 102.535 48.1601Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M102.535 61.9242L77.033 74.9171C75.9639 75.4629 75.0973 74.8495 75.0973 73.5497C75.0973 72.2498 75.9639 70.7587 77.033 70.2128L102.535 57.2199C103.604 56.6741 104.471 57.2875 104.471 58.5873C104.471 59.8872 103.604 61.3783 102.535 61.9242Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M137.828 7.34112C139.054 6.71651 140.63 6.76716 142.357 7.65061C146.257 9.63696 149.414 15.0952 149.414 19.8332C149.414 22.4779 148.429 24.3461 146.882 25.1339L149.391 23.8566C150.939 23.0688 151.923 21.2006 151.923 18.5559C151.923 13.8122 148.761 8.35399 144.867 6.37326C143.145 5.49544 141.564 5.43917 140.337 6.06377L137.828 7.34112Z"
|
||||
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="M137.828 7.34148C136.28 8.12927 135.295 9.99746 135.295 12.6422C135.295 17.3858 138.458 22.8441 142.352 24.8248C144.074 25.7026 145.655 25.7589 146.882 25.1343C148.429 24.3465 149.414 22.4783 149.414 19.8336C149.414 15.09 146.251 9.6317 142.357 7.65097C140.636 6.77315 139.054 6.71688 137.828 7.34148Z"
|
||||
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="M138.711 12.13C138.711 11.8712 138.886 11.7474 139.094 11.8599L146.021 15.3881C146.235 15.495 146.403 15.7932 146.403 16.0521C146.403 16.3109 146.229 16.4347 146.021 16.3222L139.094 12.794C138.88 12.6871 138.711 12.3889 138.711 12.13ZM138.711 14.4709C138.711 14.212 138.886 14.0882 139.094 14.2008L142.943 16.1646C143.157 16.2715 143.325 16.5698 143.325 16.8286C143.325 17.0875 143.151 17.2113 142.943 17.0987L139.094 15.1349C138.88 15.028 138.711 14.7297 138.711 14.4709ZM139.099 16.0746C138.886 15.9677 138.717 16.0858 138.717 16.3447C138.717 16.6035 138.891 16.9018 139.099 17.0087L141.795 18.3817C142.009 18.4886 142.177 18.3704 142.177 18.1116C142.177 17.8527 142.003 17.5545 141.795 17.4476L139.099 16.0746ZM138.711 18.2185C138.711 17.9597 138.886 17.8359 139.094 17.9484L140.636 18.7306C140.849 18.8375 141.018 19.1357 141.018 19.3946C141.018 19.6534 140.844 19.7772 140.636 19.6647L139.094 18.8825C138.88 18.7756 138.711 18.4773 138.711 18.2185ZM145.497 18.1679C145.638 18.241 145.773 18.3761 145.869 18.5449C145.97 18.7137 146.021 18.905 146.021 19.0794C146.021 19.2539 145.964 19.3833 145.869 19.4565L145.638 19.6196L144.895 18.331L145.126 18.1679C145.227 18.1003 145.357 18.1003 145.497 18.1679ZM144.681 18.4773L145.424 19.7659L143.736 20.9589C143.612 21.0489 143.46 21.0771 143.292 21.0545L142.751 20.9758C142.751 20.9758 142.695 20.9589 142.673 20.9364C142.644 20.9139 142.622 20.8857 142.605 20.852C142.588 20.8182 142.571 20.7844 142.566 20.7451C142.56 20.7113 142.56 20.6775 142.566 20.6494L142.729 20.0754C142.779 19.8954 142.87 19.7547 142.993 19.6703L144.681 18.4773Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M8.24198 41.3744C7.61174 41.0537 7.21221 40.294 7.21221 39.2136V25.4161C7.21221 23.4803 8.50083 21.252 10.0933 20.4417L45.797 2.24941C46.5004 1.88928 47.1475 1.8724 47.6483 2.12562L45.1387 0.848271C44.6379 0.595053 43.9907 0.611935 43.2874 0.972067L7.5836 19.1644C5.99114 19.9747 4.70255 22.203 4.70255 24.1387V37.9363C4.70255 39.0167 5.10208 39.7763 5.73231 40.0971L8.24198 41.3744Z"
|
||||
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="M8.2418 41.3747C8.74261 41.6279 9.38973 41.611 10.0931 41.2509L45.7968 23.0586C47.3893 22.2483 48.6779 20.0199 48.6779 18.0842V4.28665C48.6779 3.20626 48.2784 2.4466 47.6482 2.12586C47.1474 1.87264 46.5002 1.88952 45.7968 2.24965L10.0931 20.442C8.50065 21.2523 7.21204 23.4806 7.21204 25.4163V39.2139C7.21204 40.2943 7.61157 41.0539 8.2418 41.3747Z"
|
||||
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="M29.6699 20.87C29.6699 20.628 29.5067 20.5155 29.3098 20.6168L25.7028 22.4568C25.5059 22.5581 25.3427 22.8395 25.3427 23.0814C25.3427 23.3234 25.5059 23.4359 25.7028 23.3347L29.3098 21.4946C29.5067 21.3933 29.6699 21.112 29.6699 20.87Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M30.3902 23.1375C30.3902 22.8955 30.227 22.783 30.0301 22.8842L24.9769 25.4558C24.78 25.5571 24.6168 25.8384 24.6168 26.0804C24.6168 26.3224 24.78 26.4349 24.9769 26.3336L30.0301 23.7621C30.227 23.6608 30.3902 23.3794 30.3902 23.1375Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M31.1105 17.4994C31.1105 17.2574 30.9473 17.1449 30.7504 17.2462L24.2567 20.5549C24.0598 20.6562 23.8966 20.9375 23.8966 21.1795C23.8966 21.4215 24.0598 21.534 24.2567 21.4327L30.7504 18.124C30.9473 18.0227 31.1105 17.7414 31.1105 17.4994Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M15.6305 28.0209C15.6305 27.7789 15.4673 27.6664 15.2703 27.7677L10.9431 29.9735C10.7462 30.0748 10.583 30.3561 10.583 30.5981C10.583 30.84 10.7462 30.9526 10.9431 30.8513L15.2703 28.6455C15.4673 28.5442 15.6305 28.2628 15.6305 28.0209Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M16.3507 30.2891C16.3507 30.0471 16.1875 29.9346 15.9906 30.0358L10.9375 32.6074C10.7405 32.7087 10.5773 32.9901 10.5773 33.232C10.5773 33.474 10.7405 33.5865 10.9375 33.4852L15.9906 30.9137C16.1875 30.8124 16.3507 30.531 16.3507 30.2891Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M17.7911 24.2848C17.7911 24.0428 17.628 23.9303 17.431 24.0316L10.9374 27.3403C10.7404 27.4416 10.5772 27.7229 10.5772 27.9649C10.5772 28.2069 10.7404 28.3194 10.9374 28.2181L17.431 24.9094C17.628 24.8081 17.7911 24.5268 17.7911 24.2848Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M45.3018 12.9015C45.3018 12.6595 45.1387 12.547 44.9417 12.6483L40.6145 14.8541C40.4176 14.9554 40.2544 15.2367 40.2544 15.4787C40.2544 15.7207 40.4176 15.8332 40.6145 15.7319L44.9417 13.5261C45.1387 13.4248 45.3018 13.1435 45.3018 12.9015Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M45.3017 15.535C45.3017 15.2931 45.1385 15.1805 44.9416 15.2818L39.8884 17.8534C39.6915 17.9547 39.5283 18.236 39.5283 18.478C39.5283 18.72 39.6915 18.8325 39.8884 18.7312L44.9416 16.1596C45.1385 16.0584 45.3017 15.777 45.3017 15.535Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M45.3019 10.2681C45.3019 10.0261 45.1387 9.91357 44.9418 10.0149L38.4481 13.3236C38.2512 13.4249 38.088 13.7062 38.088 13.9482C38.088 14.1901 38.2512 14.3027 38.4481 14.2014L44.9418 10.8927C45.1387 10.7914 45.3019 10.51 45.3019 10.2681Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,247 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const ProjectVerticalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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_145_15535)">
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M16.9216 113.94C16.9216 115.622 18.1809 117.299 20.6948 118.585L53.0651 135.079C58.0975 137.642 66.2534 137.642 71.2858 135.079L139.306 100.422C141.82 99.1406 143.079 97.4632 143.079 95.7812V101.152C143.079 102.834 141.82 104.511 139.306 105.793L71.2858 140.45C66.2534 143.013 58.0975 143.013 53.0651 140.45L20.6948 123.956C18.1764 122.674 16.9216 120.992 16.9216 119.31V113.94Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M16.9216 113.94C16.9216 112.258 18.1809 110.581 20.6948 109.299L88.7146 74.6419C93.747 72.079 101.903 72.079 106.935 74.6419L139.306 91.1363C141.824 92.4178 143.079 94.0996 143.079 95.7816C143.079 97.4635 141.82 99.1409 139.306 100.422L71.2858 135.08C66.2534 137.643 58.0975 137.643 53.0651 135.08L20.6948 118.585C18.1764 117.304 16.9216 115.622 16.9216 113.94Z"
|
||||
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="M16.9216 96.9689C16.9216 98.6509 18.1809 100.328 20.6948 101.614L53.0651 118.109C58.0975 120.672 66.2534 120.672 71.2858 118.109L139.306 83.4514C141.82 82.1699 143.079 80.4925 143.079 78.8105V84.181C143.079 85.8629 141.82 87.5405 139.306 88.822L71.2858 123.479C66.2534 126.042 58.0975 126.042 53.0651 123.479L20.6948 106.985C18.1764 105.703 16.9216 104.021 16.9216 102.34V96.9689Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M16.9216 96.9692C16.9216 95.2873 18.1809 93.6099 20.6948 92.3284L88.7146 57.6712C93.747 55.1083 101.903 55.1083 106.935 57.6712L139.306 74.1655C141.824 75.4469 143.079 77.1289 143.079 78.8109C143.079 80.4928 141.82 82.1702 139.306 83.4517L71.2858 118.109C66.2534 120.672 58.0975 120.672 53.0651 118.109L20.6948 101.615C18.1764 100.333 16.9216 98.6512 16.9216 96.9692Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M16.9216 80.0032C16.9216 81.6851 18.1809 83.3626 20.6948 84.6485L53.0651 101.143C58.0975 103.706 66.2534 103.706 71.2858 101.143L139.306 66.4855C141.82 65.2041 143.079 63.5266 143.079 61.8447V67.2153C143.079 68.8972 141.82 70.5747 139.306 71.8561L71.2858 106.513C66.2534 109.076 58.0975 109.076 53.0651 106.513L20.6948 90.0191C18.1764 88.7376 16.9216 87.0557 16.9216 85.3738V80.0032Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M16.9216 80.0035C16.9216 78.3216 18.1809 76.6442 20.6948 75.3627L88.7146 40.7054C93.747 38.1425 101.903 38.1425 106.935 40.7054L139.306 57.1998C141.824 58.4812 143.079 60.1631 143.079 61.845C143.079 63.527 141.82 65.2044 139.306 66.4859L71.2858 101.143C66.2534 103.706 58.0975 103.706 53.0651 101.143L20.6948 84.6488C18.1764 83.3673 16.9216 81.6855 16.9216 80.0035Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M64.2952 82.8691C63.8191 82.8691 63.3697 82.7712 62.9648 82.5755C62.9381 82.5666 62.9114 82.5576 62.8847 82.5443L58.9202 80.5242C57.701 79.9012 57.0024 78.4774 57.0024 76.6175V49.3954C57.0024 46.1072 59.2094 42.3028 61.9236 40.9235L70.9072 36.3449V28.9009C70.9072 25.6127 73.1141 21.8084 75.8283 20.429L86.3114 15.0851C87.0011 14.7336 87.6774 14.5557 88.3181 14.5557C88.8209 14.5557 89.2926 14.6669 89.7197 14.8805L93.6842 16.9006C93.6842 16.9006 93.7065 16.9139 93.7154 16.9184C94.9168 17.5502 95.602 18.9607 95.602 20.8073V23.7572L100.221 21.4035C100.91 21.052 101.587 20.874 102.227 20.874C102.73 20.874 103.202 20.9852 103.629 21.1988C103.629 21.1988 107.611 23.2278 107.62 23.2367C108.821 23.8685 109.511 25.279 109.511 27.13V54.3521C109.511 57.6403 107.304 61.4446 104.59 62.824L66.293 82.3352C65.6078 82.6822 64.9359 82.8602 64.2952 82.8602V82.8691ZM80.9809 26.7918C80.0153 27.2813 79.2011 28.7007 79.2011 29.8887V32.1223L87.317 27.9887V23.5659L80.9809 26.7918Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M88.3226 15.0003C88.7586 15.0003 89.1635 15.0937 89.5195 15.2762L93.484 17.2963C93.484 17.2963 93.4751 17.2963 93.4707 17.2918C94.503 17.8124 95.1615 19.0493 95.1615 20.8113V24.4911L100.425 21.808C101.066 21.4832 101.676 21.3275 102.232 21.3275C102.668 21.3275 103.073 21.4209 103.429 21.6034L107.393 23.6235C107.393 23.6235 107.384 23.6235 107.38 23.619C108.412 24.1352 109.071 25.3765 109.071 27.1385V54.3606C109.071 57.5065 106.975 61.1195 104.394 62.4366L66.0973 81.9476C65.461 82.2725 64.8558 82.4238 64.3041 82.4238C63.828 82.4238 63.3875 82.3081 63.0048 82.0945C63.036 82.1123 63.0627 82.1346 63.0938 82.1524L59.1293 80.1323C58.1059 79.6117 57.4563 78.3747 57.4563 76.6216V49.3995C57.4563 46.2537 59.552 42.6407 62.1328 41.3237L71.361 36.6205V28.9005C71.361 25.7547 73.4568 22.1418 76.0375 20.8247L86.5205 15.4808C87.1613 15.156 87.7709 15.0003 88.327 15.0003M91.9756 17.0426C92.0557 17.0337 92.1358 17.0293 92.2115 17.0293C92.1314 17.0293 92.0557 17.0382 91.9756 17.0426ZM92.6075 17.0426C92.5318 17.0337 92.4562 17.0293 92.3805 17.0248C92.4562 17.0248 92.5318 17.0337 92.6075 17.0426ZM91.6731 17.0826C91.7176 17.0737 91.7576 17.0649 91.8021 17.0604C91.7621 17.0649 91.7176 17.0737 91.6731 17.0826ZM92.9901 17.1138C92.9189 17.096 92.8433 17.0738 92.7676 17.0649C92.8433 17.0782 92.9145 17.096 92.9901 17.1138ZM91.0813 17.2473C91.1792 17.2117 91.2771 17.1806 91.3749 17.1539C91.2771 17.1806 91.1792 17.2161 91.0813 17.2473ZM93.3728 17.2517C93.2927 17.2161 93.2126 17.1806 93.1325 17.1539C93.2171 17.1806 93.2927 17.2161 93.3728 17.2517ZM90.4806 17.5009C90.6319 17.4208 90.7832 17.3586 90.9345 17.2963C90.7832 17.3541 90.6363 17.4208 90.4806 17.5009ZM91.1436 21.8526C91.1124 21.8303 91.0813 21.8125 91.0457 21.7902C91.0768 21.808 91.1124 21.8303 91.1436 21.8526ZM91.2815 21.9683C91.2593 21.946 91.2326 21.9237 91.2103 21.9059C91.2326 21.9282 91.2593 21.946 91.2815 21.9683ZM91.4016 22.1106C91.3838 22.0839 91.3616 22.0617 91.3438 22.035C91.366 22.0572 91.3838 22.0839 91.4016 22.1106ZM91.504 22.2753C91.4862 22.2441 91.4728 22.2174 91.455 22.1863C91.4728 22.213 91.4906 22.2441 91.504 22.2753ZM91.5885 22.4666C91.5752 22.431 91.5618 22.3954 91.544 22.3642C91.5574 22.3998 91.5707 22.431 91.5885 22.4666ZM91.6553 22.6846C91.6464 22.6401 91.633 22.6 91.6197 22.56C91.633 22.6 91.6419 22.6445 91.6553 22.6846ZM91.6998 22.9382C91.6909 22.8848 91.6864 22.8314 91.6775 22.7825C91.6864 22.8314 91.6953 22.8848 91.6998 22.9382ZM78.7561 32.8473L87.7619 28.2598V22.8404L80.7807 26.4C79.6638 26.9695 78.7561 28.5312 78.7561 29.8928V32.8518M91.7264 23.2808C91.7264 23.1919 91.722 23.1028 91.7131 23.0227C91.722 23.1073 91.7264 23.1919 91.7264 23.2808ZM106 23.3565C105.96 23.3565 105.92 23.3609 105.88 23.3654C105.92 23.3654 105.96 23.3565 106 23.3565C106.041 23.3565 106.081 23.3565 106.121 23.352C106.081 23.352 106.041 23.352 106 23.3565ZM106.517 23.3698C106.441 23.3609 106.365 23.3565 106.29 23.352C106.365 23.352 106.441 23.3609 106.517 23.3698ZM105.453 23.4365C105.538 23.4187 105.627 23.401 105.711 23.3876C105.627 23.401 105.542 23.4187 105.453 23.4365ZM106.899 23.441C106.828 23.4232 106.752 23.4054 106.677 23.3921C106.752 23.4054 106.824 23.4232 106.899 23.441ZM107.278 23.5745C107.197 23.5389 107.117 23.5033 107.037 23.4766C107.122 23.5033 107.197 23.5389 107.278 23.5745ZM104.39 23.8237C104.541 23.7436 104.692 23.6813 104.844 23.619C104.692 23.6769 104.546 23.7436 104.39 23.8237ZM61.4653 79.4293C61.4564 79.367 61.4475 79.3047 61.4386 79.2424C61.4431 79.3092 61.4564 79.367 61.4653 79.4293ZM61.7234 80.506C61.6967 80.4393 61.6744 80.377 61.6522 80.3058C61.6744 80.3725 61.6967 80.4393 61.7234 80.506ZM62.1594 81.3337C62.1238 81.2803 62.0882 81.2268 62.0526 81.1734C62.0882 81.2268 62.1238 81.2847 62.1594 81.3337ZM62.4398 81.6674C62.3953 81.6229 62.3597 81.5784 62.3196 81.5339C62.3597 81.5784 62.3997 81.6273 62.4398 81.6674ZM62.7512 81.9387C62.7067 81.9076 62.6667 81.8675 62.6266 81.8319C62.6667 81.8675 62.7067 81.9031 62.7512 81.9387ZM88.3226 14.1104C87.6107 14.1104 86.8631 14.3062 86.1156 14.6888L75.6326 20.0327C72.7359 21.5099 70.4667 25.4032 70.4667 28.9005V36.0732L61.7234 40.5272C58.8267 42.0044 56.5575 45.8977 56.5575 49.395V76.6171C56.5575 78.655 57.3451 80.2213 58.72 80.9199L62.6845 82.9399C63.1739 83.1846 63.7168 83.3092 64.2952 83.3092C65.0071 83.3092 65.7458 83.1179 66.4933 82.7352L104.79 63.2242C107.687 61.7469 109.956 57.8535 109.956 54.3562V27.1341C109.956 25.1229 109.186 23.5656 107.843 22.8537C107.829 22.8448 107.811 22.8359 107.794 22.827L103.829 20.8069C103.34 20.5577 102.801 20.4331 102.227 20.4331C101.515 20.4331 100.768 20.6289 100.02 21.0116L96.0514 23.0361V20.8113C96.0514 18.7957 95.2816 17.2428 93.9334 16.5309C93.9245 16.5309 93.9201 16.5221 93.9112 16.5176C93.9023 16.5176 93.8934 16.5087 93.8889 16.5042L89.9289 14.4841C89.4394 14.235 88.901 14.1104 88.327 14.1104H88.3226ZM79.646 31.3923V29.8839C79.646 28.8649 80.3624 27.6013 81.1811 27.1875L86.8676 24.2909V27.7125L79.6416 31.3923H79.646Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M107.393 23.6231C106.579 23.2093 105.533 23.2449 104.39 23.8278L95.1614 28.531L91.1969 26.5109L100.425 21.8077C101.569 21.2248 102.614 21.1892 103.429 21.6031L107.393 23.6231Z"
|
||||
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.8834L91.7264 30.276L87.7619 28.2559L74.7915 34.8634L78.756 36.8834Z"
|
||||
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 30.2757V23.2766C91.7263 22.5202 91.446 21.9862 91.0055 21.7592L87.041 19.7393C87.4815 19.9662 87.7618 20.5001 87.7618 21.2565V28.2556L91.7263 30.2757Z"
|
||||
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 17.296C92.6697 16.8822 91.624 16.9178 90.4805 17.5007L79.9975 22.8445C77.4123 24.1616 75.321 27.779 75.321 30.9204V38.6403L71.3565 36.6202V28.9003C71.3565 25.7545 73.4522 22.1415 76.033 20.8244L86.516 15.4806C87.6595 14.8977 88.7052 14.8621 89.5194 15.2759L93.4839 17.296Z"
|
||||
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.6363L66.0927 43.3394C63.5076 44.6564 61.4163 48.2739 61.4163 51.4153V78.6374C61.4163 80.3905 62.0659 81.6275 63.0893 82.1481L59.1248 80.128C58.1014 79.6074 57.4518 78.3704 57.4518 76.6173V49.3952C57.4518 46.2494 59.5475 42.6364 62.1282 41.3194L71.3565 36.6162L75.321 38.6363Z"
|
||||
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 28.5268V20.8068C95.1615 17.661 93.0657 16.1794 90.485 17.4964L80.002 22.8403C77.4168 24.1574 75.3255 27.7748 75.3255 30.9161V38.6361L66.0972 43.3391C63.5121 44.6562 61.4208 48.2737 61.4208 51.4151V78.6372C61.4208 81.783 63.5165 83.2646 66.0972 81.9476L104.394 62.4365C106.979 61.1195 109.071 57.5019 109.071 54.3606V27.1385C109.071 23.9927 106.975 22.511 104.394 23.8281L95.1659 28.5312L95.1615 28.5268ZM78.7561 36.8829V29.8838C78.7561 28.5267 79.6638 26.9605 80.7806 26.391L89.7063 21.8436C90.8232 21.2741 91.7309 21.9148 91.7309 23.2763V30.2754L78.7605 36.8829H78.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 26.5558C146.104 25.9328 146.883 24.4601 146.883 22.3644C146.883 18.6134 144.382 14.2974 141.303 12.7312L120.657 2.21249C119.296 1.51836 118.05 1.47385 117.08 1.96774L119.064 0.957693C120.034 0.463797 121.28 0.508314 122.642 1.20244L143.288 11.7212C146.371 13.2918 148.867 17.6078 148.867 21.3543C148.867 23.45 148.089 24.9228 146.865 25.5457L144.881 26.5558Z"
|
||||
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="M144.881 26.5555C143.911 27.0494 142.665 27.005 141.303 26.3108L120.657 15.7921C117.574 14.2215 115.078 9.90547 115.078 6.15898C115.078 4.06325 115.856 2.59039 117.08 1.96746C118.05 1.47356 119.296 1.51808 120.657 2.2122L141.303 12.7309C144.387 14.3016 146.883 18.6176 146.883 22.3641C146.883 24.4598 146.104 25.9326 144.881 26.5555Z"
|
||||
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="M121.218 6.35522C120.795 6.14164 120.453 6.38191 120.453 6.89805V8.23736C120.453 8.48653 120.533 8.7624 120.675 9.01157L123.118 13.2297C123.354 13.6346 123.728 13.9105 124.021 13.826C124.573 13.6658 125.049 13.3321 125.41 12.8426C125.601 12.5801 125.534 12.0906 125.298 11.6857L122.856 7.4676C122.713 7.21843 122.517 7.02266 122.313 6.92032L121.209 6.35968L121.218 6.35522ZM121.507 8.13057C121.668 8.21066 121.797 8.12169 121.797 7.92591C121.797 7.73013 121.668 7.51206 121.507 7.43197C121.347 7.35188 121.218 7.44085 121.218 7.63663C121.218 7.83241 121.347 8.05048 121.507 8.13057Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M139.71 20.6159L130.108 15.7215C129.196 15.2543 128.453 13.9772 128.453 12.8693C128.453 11.7569 129.192 11.2364 130.108 11.6991L139.71 16.5936C140.622 17.0608 141.365 18.3377 141.365 19.4457C141.365 20.558 140.627 21.0787 139.71 20.6159Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M46.1459 19.1032C45.5986 18.8229 44.8956 18.8496 44.1258 19.2411L5.13028 39.1126C3.39052 39.9981 1.98447 42.4321 1.98447 44.5456V59.616C1.98447 60.7952 2.42053 61.6272 3.11021 61.9787L1.12571 60.9687C0.436038 60.6172 0 59.7851 0 58.606V43.5355C0 41.422 1.4105 38.9881 3.14581 38.1027L42.1413 18.2311C42.9111 17.8395 43.6141 17.8173 44.1614 18.0931L46.1459 19.1032Z"
|
||||
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="M46.1459 19.1029C46.8355 19.4544 47.2716 20.2865 47.2716 21.4656V36.5362C47.2716 38.6497 45.8611 41.0836 44.1258 41.969L5.13025 61.8405C4.36048 62.2321 3.65747 62.2543 3.11018 61.9785C2.4205 61.627 1.98444 60.7949 1.98444 59.6157V44.5453C1.98444 42.4318 3.39494 39.9978 5.13025 39.1124L44.1258 19.2409C44.8956 18.8493 45.5986 18.827 46.1459 19.1029Z"
|
||||
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="M9.63761 42.8364C9.69545 42.9654 9.82449 43.0144 9.97132 42.9387C10.176 42.8364 10.3406 42.5472 10.3451 42.2891V41.8174C10.3451 41.6617 10.2872 41.5505 10.1893 41.5149C10.087 41.4793 9.95799 41.5238 9.84675 41.6395L7.444 44.0199C7.30162 44.1623 7.20819 44.3803 7.20819 44.5717V47.8109C7.20819 47.9711 7.27492 48.0868 7.38616 48.1179C7.49739 48.1446 7.63533 48.0824 7.75102 47.9489L8.09364 47.5485C8.27607 47.3393 8.3428 47.0234 8.24936 46.8454C8.18707 46.7297 8.07138 46.6986 7.9468 46.752V44.5139L9.64206 42.8364H9.63761Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M8.16037 42.2007C8.21822 42.3297 8.34725 42.3786 8.49409 42.303C8.69877 42.2006 8.86341 41.9114 8.86786 41.6534V41.1817C8.86786 41.026 8.81003 40.9148 8.71214 40.8792C8.61425 40.8436 8.48075 40.888 8.36952 41.0037L5.96677 43.3842C5.82438 43.5266 5.73096 43.7446 5.73096 43.9359V47.1752C5.73096 47.3354 5.79768 47.451 5.90892 47.4822C6.02016 47.5089 6.1581 47.4466 6.27378 47.3131L6.61641 46.9126C6.79884 46.7035 6.86557 46.3877 6.77213 46.2097C6.70984 46.094 6.59415 46.0627 6.46956 46.1161V43.8781L8.16483 42.2007H8.16037Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M11.8268 42.0622C11.7289 42.0222 11.5998 42.0667 11.4841 42.1868L9.08139 44.5672C8.93901 44.7096 8.84558 44.9321 8.84558 45.1145V48.3582C8.84558 48.5095 8.90341 48.6208 9.0013 48.6564C9.10809 48.692 9.23269 48.6475 9.34838 48.5318L11.7466 46.1513C11.8935 46.0133 11.9869 45.7909 11.9869 45.5995V42.3558C11.9869 42.2045 11.9291 42.0933 11.8223 42.0622H11.8268ZM11.2483 45.6574L9.58419 47.3037V45.0567L11.2483 43.4104V45.6574Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M24.37 39.6108L16.6501 43.5442C16.0138 43.869 15.5021 43.5041 15.5021 42.7299C15.5021 41.9557 16.0182 41.0703 16.6501 40.7454L24.37 36.812C25.0062 36.4872 25.5179 36.8521 25.5179 37.6263C25.5179 38.4006 25.0018 39.286 24.37 39.6108Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M41.0556 38.0092L16.877 50.33C16.1161 50.7171 15.5021 50.281 15.5021 49.3599C15.5021 48.4344 16.1161 47.3755 16.877 46.9884L41.0556 34.6676C41.8165 34.2805 42.4305 34.7167 42.4305 35.6377C42.4305 36.5632 41.8165 37.6221 41.0556 38.0092Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M156.013 57.7686C157.237 57.1457 158.016 55.6728 158.016 53.5771C158.016 49.8261 155.515 45.5102 152.436 43.9439C151.074 43.2498 149.828 43.2053 148.858 43.6992L150.843 42.6891C151.813 42.1952 153.059 42.2398 154.42 42.9339C157.504 44.5046 160 48.8205 160 52.567C160 54.6628 159.221 56.1356 157.998 56.7586L156.013 57.7686Z"
|
||||
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="M156.013 57.7683C155.043 58.2622 153.797 58.2177 152.436 57.5236C149.352 55.9529 146.856 51.6369 146.856 47.8904C146.856 45.7947 147.635 44.3218 148.858 43.6989C149.828 43.205 151.074 43.2495 152.436 43.9436C155.519 45.5143 158.016 49.8303 158.016 53.5768C158.016 55.6725 157.237 57.1454 156.013 57.7683Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M155.212 51.0894L149.659 48.2594C149.49 48.1704 149.352 47.9346 149.352 47.7255C149.352 47.5164 149.49 47.4185 149.659 47.5075L155.212 50.3374C155.381 50.4264 155.519 50.6622 155.519 50.8714C155.519 51.0805 155.381 51.1784 155.212 51.0894Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M153.98 52.7139L150.896 51.1432C150.727 51.0542 150.589 50.8184 150.589 50.6093C150.589 50.4002 150.727 50.3023 150.896 50.3913L153.98 51.962C154.149 52.051 154.287 52.2868 154.287 52.4959C154.287 52.705 154.149 52.8029 153.98 52.7139Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M153.054 54.4932L151.822 53.8659C151.653 53.7769 151.515 53.5411 151.515 53.332C151.515 53.1228 151.653 53.025 151.822 53.1139L153.054 53.7413C153.223 53.8303 153.361 54.0661 153.361 54.2752C153.361 54.4843 153.223 54.5822 153.054 54.4932Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_145_15535">
|
||||
<rect
|
||||
width="160"
|
||||
height="141.745"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
transform="translate(0 0.62793)"
|
||||
/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
@@ -0,0 +1,329 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const ServerErrorVerticalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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="M1 147.661C1 149.794 2.597 151.922 5.78537 153.552L46.8392 174.472C53.2216 177.722 63.5656 177.722 69.9479 174.472L156.215 130.517C159.403 128.892 161 126.764 161 124.631V131.443C161 133.576 159.403 135.703 156.215 137.328L69.9479 181.283C63.5656 184.533 53.2216 184.533 46.8392 181.283L5.78537 160.364C2.59135 158.738 1 156.605 1 154.472V147.661Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M1 147.661C1 145.528 2.597 143.401 5.78537 141.775L92.0521 97.8209C98.4344 94.5704 108.778 94.5704 115.161 97.8209L156.215 118.74C159.409 120.365 161 122.498 161 124.631C161 126.765 159.403 128.892 156.215 130.517L69.9479 174.472C63.5656 177.722 53.2216 177.722 46.8392 174.472L5.78537 153.553C2.59135 151.927 1 149.794 1 147.661Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<g opacity="0.6">
|
||||
<path
|
||||
d="M1 126.144C1 128.277 2.597 130.404 5.78537 132.035L46.8392 152.954C53.2216 156.205 63.5656 156.205 69.9479 152.954L156.215 109C159.403 107.375 161 105.247 161 103.114V109.925C161 112.058 159.403 114.186 156.215 115.811L69.9479 159.766C63.5656 163.016 53.2216 163.016 46.8392 159.766L5.78537 138.846C2.59135 137.221 1 135.088 1 132.955V126.144Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M1 126.144C1 124.011 2.597 121.883 5.78537 120.258L92.0521 76.3036C98.4344 73.0531 108.778 73.0531 115.161 76.3036L156.215 97.2226C159.409 98.8479 161 100.981 161 103.114C161 105.247 159.403 107.375 156.215 109L69.9479 152.954C63.5656 156.205 53.2216 156.205 46.8392 152.954L5.78537 132.035C2.59135 130.41 1 128.277 1 126.144Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M1 104.621C1 106.754 2.597 108.881 5.78537 110.512L46.8392 131.431C53.2216 134.682 63.5656 134.682 69.9479 131.431L156.215 87.4769C159.403 85.8516 161 83.7242 161 81.5911V88.4023C161 90.5354 159.403 92.6629 156.215 94.2881L69.9479 138.243C63.5656 141.493 53.2216 141.493 46.8392 138.243L5.78537 117.323C2.59135 115.698 1 113.565 1 111.432V104.621Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M1 104.621C1 102.488 2.597 100.36 5.78537 98.735L92.0521 54.7806C98.4344 51.5302 108.778 51.5302 115.161 54.7806L156.215 75.6997C159.409 77.3249 161 79.458 161 81.5912C161 83.7243 159.403 85.8517 156.215 87.4769L69.9479 131.431C63.5656 134.682 53.2216 134.682 46.8392 131.431L5.78537 110.512C2.59135 108.887 1 106.754 1 104.621Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M81.0027 111.782C78.8075 111.782 76.7308 111.342 75.162 110.541L42.2571 93.7749C40.5642 92.9115 39.6328 91.7208 39.6328 90.4229V79.1366C39.6328 77.8387 40.5642 76.6536 42.2571 75.7902L43.2333 75.2936L42.2571 74.797C40.5642 73.9336 39.6328 72.7429 39.6328 71.445V60.1587C39.6328 58.8608 40.5642 57.6757 42.2571 56.8123L43.2333 56.3157L42.2571 55.8191C40.5642 54.9557 39.6328 53.765 39.6328 52.4671V41.1808C39.6328 39.8829 40.5642 38.6979 42.2571 37.8345L43.2333 37.3379L42.2571 36.8413C40.5642 35.9779 39.6328 34.7872 39.6328 33.4893V22.203C39.6328 20.9051 40.5642 19.72 42.2571 18.8566L75.162 2.09086C76.7308 1.28954 78.8075 0.849365 81.0027 0.849365C83.1979 0.849365 85.2746 1.28954 86.8434 2.09086L119.749 18.8566C121.441 19.72 122.373 20.9107 122.373 22.2086V33.4949C122.373 34.7928 121.441 35.9779 119.749 36.8413L118.772 37.3379L119.749 37.8345C121.441 38.6979 122.373 39.8886 122.373 41.1865V52.4728C122.373 53.7707 121.441 54.9557 119.749 55.8191L118.772 56.3157L119.749 56.8123C121.441 57.6757 122.373 58.8664 122.373 60.1644V71.4506C122.373 72.7486 121.441 73.9336 119.749 74.797L118.772 75.2936L119.749 75.7902C121.441 76.6536 122.373 77.8443 122.373 79.1422V90.4285C122.373 91.7264 121.441 92.9115 119.749 93.7749L86.8434 110.541C85.2746 111.342 83.1979 111.782 81.0027 111.782Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M81.0028 1.40792C83.023 1.40792 85.0489 1.80296 86.5894 2.58735L119.495 19.3531C121.041 20.1375 121.808 21.1702 121.808 22.2029V33.4892C121.808 34.5162 121.035 35.5489 119.495 36.3333L117.531 37.3321L119.495 38.331C121.041 39.1154 121.808 40.148 121.808 41.1807V52.467C121.808 53.4941 121.035 54.5268 119.495 55.3112L117.531 56.31L119.495 57.3088C121.041 58.0932 121.808 59.1259 121.808 60.1586V71.4449C121.808 72.4719 121.035 73.5046 119.495 74.289L117.531 75.2879L119.495 76.2867C121.041 77.0711 121.808 78.1038 121.808 79.1365V90.4228C121.808 91.4498 121.035 92.4825 119.495 93.2669L86.5894 110.033C85.0489 110.817 83.023 111.212 81.0028 111.212C78.9825 111.212 76.9567 110.817 75.4161 110.033L42.511 93.2669C40.9648 92.4825 40.1972 91.4498 40.1972 90.4171V79.1308C40.1972 78.1038 40.9704 77.0711 42.511 76.2867L44.4748 75.2879L42.511 74.289C40.9648 73.5046 40.1972 72.472 40.1972 71.4393V60.153C40.1972 59.1259 40.9704 58.0932 42.511 57.3088L44.4748 56.31L42.511 55.3112C40.9648 54.5268 40.1972 53.4941 40.1972 52.4614V41.1751C40.1972 40.1481 40.9704 39.1154 42.511 38.331L44.4748 37.3321L42.511 36.3333C40.9648 35.5489 40.1972 34.5162 40.1972 33.4835V22.1973C40.1972 21.1702 40.9704 20.1375 42.511 19.3531L75.4161 2.58735C76.9567 1.80296 78.9825 1.40792 81.0028 1.40792ZM81.0028 0.279297C78.7173 0.279297 76.5503 0.742033 74.9025 1.58286L41.9974 18.3486C40.1069 19.3136 39.0686 20.6793 39.0686 22.1973V33.4835C39.0686 34.3639 39.4468 36.0342 41.9918 37.3321C39.4524 38.6301 39.0686 40.3004 39.0686 41.1751V52.4614C39.0686 53.3417 39.4468 55.0121 41.9918 56.31C39.4524 57.6079 39.0686 59.2783 39.0686 60.153V71.4393C39.0686 72.3196 39.4468 73.9899 41.9918 75.2879C39.4524 76.5858 39.0686 78.2561 39.0686 79.1308V90.4171C39.0686 91.2974 39.4467 92.9735 41.9974 94.2714L74.9025 111.037C76.5503 111.878 78.7173 112.341 81.0028 112.341C83.2883 112.341 85.4552 111.878 87.103 111.037L120.008 94.2714C122.559 92.9735 122.937 91.3031 122.937 90.4228V79.1365C122.937 78.2561 122.559 76.5858 120.014 75.2879C122.553 73.9899 122.937 72.3196 122.937 71.4449V60.1586C122.937 59.2783 122.559 57.6079 120.014 56.31C122.553 55.0121 122.937 53.3417 122.937 52.467V41.1807C122.937 40.3004 122.559 38.6301 120.014 37.3321C122.553 36.0342 122.937 34.3639 122.937 33.4892V22.2029C122.937 21.3226 122.559 19.6466 120.008 18.3486L87.103 1.58286C85.4552 0.742033 83.2883 0.279297 81.0028 0.279297Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M40.1973 79.1365C40.1973 80.1692 40.9648 81.1962 42.511 81.9863L75.4162 98.752C78.503 100.326 83.5027 100.326 86.5895 98.752L119.495 81.9863C121.035 81.2019 121.808 80.1692 121.808 79.1421V90.4284C121.808 91.4554 121.035 92.4881 119.495 93.2725L86.5895 110.038C83.5027 111.613 78.503 111.613 75.4162 110.038L42.511 93.2725C40.9648 92.4881 40.1973 91.4554 40.1973 90.4227V79.1365Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M40.1973 79.1364C40.1973 78.1094 40.9704 77.0767 42.511 76.2923L75.4162 59.5265C78.503 57.9521 83.5027 57.9521 86.5895 59.5265L119.495 76.2923C121.041 77.0767 121.808 78.1094 121.808 79.1421C121.808 80.1748 121.035 81.2018 119.495 81.9862L86.5895 98.752C83.5027 100.326 78.503 100.326 75.4162 98.752L42.511 81.9862C40.9648 81.2018 40.1973 80.1691 40.1973 79.1364Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M105.946 97.2058L104.856 97.7588C104.636 97.8717 104.456 97.7475 104.456 97.4766V92.7477C104.456 92.4768 104.636 92.1721 104.856 92.0592L105.946 91.5062C106.166 91.3934 106.346 91.5175 106.346 91.7884V96.5173C106.346 96.7882 106.166 97.0929 105.946 97.2058Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M108.463 95.9248L107.373 96.4778C107.153 96.5907 106.973 96.4665 106.973 96.1957V91.4667C106.973 91.1958 107.153 90.8911 107.373 90.7782L108.463 90.2252C108.683 90.1123 108.863 90.2365 108.863 90.5074V95.2363C108.863 95.5072 108.683 95.8119 108.463 95.9248Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M110.979 94.6438L109.89 95.1968C109.67 95.3097 109.49 95.1855 109.49 94.9147V90.1857C109.49 89.9148 109.67 89.6101 109.89 89.4973L110.979 88.9442C111.199 88.8313 111.38 88.9555 111.38 89.2264V93.9553C111.38 94.2262 111.199 94.5309 110.979 94.6438Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M113.502 93.3571L112.413 93.9102C112.193 94.023 112.012 93.8989 112.012 93.628V88.899C112.012 88.6282 112.193 88.3235 112.413 88.2106L113.502 87.6576C113.722 87.5447 113.902 87.6689 113.902 87.9397V92.6687C113.902 92.9396 113.722 93.2443 113.502 93.3571Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M116.019 92.0761L114.929 92.6292C114.709 92.742 114.529 92.6179 114.529 92.347V87.6181C114.529 87.3472 114.709 87.0425 114.929 86.9296L116.019 86.3766C116.239 86.2637 116.419 86.3879 116.419 86.6587V91.3877C116.419 91.6586 116.239 91.9633 116.019 92.0761Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M118.536 90.7952L117.446 91.3482C117.226 91.461 117.046 91.3369 117.046 91.066V86.3371C117.046 86.0662 117.226 85.7615 117.446 85.6486L118.536 85.0956C118.756 84.9827 118.936 85.1069 118.936 85.3777V90.1067C118.936 90.3776 118.756 90.6823 118.536 90.7952Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M88.593 103.148C88.593 104.051 87.9893 105.089 87.25 105.467C86.5108 105.845 85.9067 105.422 85.9067 104.519C85.9067 103.616 86.5108 102.578 87.25 102.2C87.9893 101.822 88.593 102.245 88.593 103.148Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M92.7688 101.02C92.7688 101.923 92.165 102.962 91.4258 103.34C90.6865 103.718 90.0828 103.295 90.0828 102.392C90.0828 101.489 90.6865 100.451 91.4258 100.072C92.165 99.6943 92.7688 100.118 92.7688 101.02Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M96.9448 98.893C96.9448 99.7959 96.341 100.834 95.6018 101.212C94.8625 101.59 94.2588 101.167 94.2588 100.264C94.2588 99.3614 94.8625 98.3231 95.6018 97.945C96.341 97.5669 96.9448 97.9901 96.9448 98.893Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M40.1973 60.1587C40.1973 61.1914 40.9648 62.2185 42.511 63.0085L75.4162 79.7742C78.503 81.3487 83.5027 81.3487 86.5895 79.7742L119.495 63.0085C121.035 62.2241 121.808 61.1914 121.808 60.1643V71.4506C121.808 72.4777 121.035 73.5104 119.495 74.2948L86.5895 91.0605C83.5027 92.6349 78.503 92.6349 75.4162 91.0605L42.511 74.2948C40.9648 73.5104 40.1973 72.4777 40.1973 71.445V60.1587Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M40.1973 60.1586C40.1973 59.1316 40.9704 58.0989 42.511 57.3145L75.4162 40.5487C78.503 38.9743 83.5027 38.9743 86.5895 40.5487L119.495 57.3145C121.041 58.0989 121.808 59.1316 121.808 60.1643C121.808 61.197 121.035 62.2241 119.495 63.0085L86.5895 79.7742C83.5027 81.3486 78.503 81.3486 75.4162 79.7742L42.511 63.0085C40.9648 62.2241 40.1973 61.1913 40.1973 60.1586Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M105.946 78.228L104.856 78.781C104.636 78.8939 104.456 78.7697 104.456 78.4988V73.7699C104.456 73.499 104.636 73.1943 104.856 73.0815L105.946 72.5284C106.166 72.4156 106.346 72.5397 106.346 72.8106V77.5395C106.346 77.8104 106.166 78.1151 105.946 78.228Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M108.463 76.9414L107.373 77.4944C107.153 77.6073 106.973 77.4831 106.973 77.2123V72.4833C106.973 72.2124 107.153 71.9077 107.373 71.7948L108.463 71.2418C108.683 71.129 108.863 71.2531 108.863 71.524V76.2529C108.863 76.5238 108.683 76.8285 108.463 76.9414Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M110.979 75.6604L109.89 76.2134C109.67 76.3263 109.49 76.2021 109.49 75.9313V71.2023C109.49 70.9314 109.67 70.6267 109.89 70.5139L110.979 69.9608C111.199 69.8479 111.38 69.9721 111.38 70.243V74.9719C111.38 75.2428 111.199 75.5475 110.979 75.6604Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M113.502 74.3794L112.413 74.9324C112.193 75.0452 112.012 74.9211 112.012 74.6502V69.9213C112.012 69.6504 112.193 69.3457 112.413 69.2328L113.502 68.6798C113.722 68.5669 113.902 68.6911 113.902 68.962V73.6909C113.902 73.9618 113.722 74.2665 113.502 74.3794Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M116.019 73.0928L114.929 73.6458C114.709 73.7586 114.529 73.6345 114.529 73.3636V68.6347C114.529 68.3638 114.709 68.0591 114.929 67.9462L116.019 67.3932C116.239 67.2803 116.419 67.4045 116.419 67.6753V72.4043C116.419 72.6752 116.239 72.9799 116.019 73.0928Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M118.536 71.8117L117.446 72.3647C117.226 72.4776 117.046 72.3535 117.046 72.0826V67.3536C117.046 67.0828 117.226 66.7781 117.446 66.6652L118.536 66.1122C118.756 65.9993 118.936 66.1235 118.936 66.3943V71.1232C118.936 71.3941 118.756 71.6989 118.536 71.8117Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M88.593 84.1645C88.593 85.0674 87.9893 86.1058 87.25 86.4838C86.5108 86.8619 85.9067 86.4387 85.9067 85.5358C85.9067 84.6329 86.5108 83.5946 87.25 83.2165C87.9893 82.8384 88.593 83.2616 88.593 84.1645Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M92.7688 82.0371C92.7688 82.94 92.165 83.9783 91.4258 84.3564C90.6865 84.7345 90.0828 84.3113 90.0828 83.4084C90.0828 82.5055 90.6865 81.4671 91.4258 81.089C92.165 80.7109 92.7688 81.1342 92.7688 82.0371Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M96.9448 79.9096C96.9448 80.8125 96.341 81.8509 95.6018 82.229C94.8625 82.6071 94.2588 82.1838 94.2588 81.2809C94.2588 80.378 94.8625 79.3397 95.6018 78.9616C96.341 78.5835 96.9448 79.0067 96.9448 79.9096Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M40.1973 41.175C40.1973 42.2077 40.9648 43.2348 42.511 44.0248L75.4162 60.7906C78.503 62.365 83.5027 62.365 86.5895 60.7906L119.495 44.0248C121.035 43.2404 121.808 42.2077 121.808 41.1807V52.4669C121.808 53.494 121.035 54.5267 119.495 55.3111L86.5895 72.0768C83.5027 73.6513 78.503 73.6513 75.4162 72.0768L42.511 55.3111C40.9648 54.5267 40.1973 53.494 40.1973 52.4613V41.175Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M40.1973 41.175C40.1973 40.148 40.9704 39.1152 42.511 38.3308L75.4162 21.5651C78.503 19.9907 83.5027 19.9907 86.5895 21.5651L119.495 38.3308C121.041 39.1152 121.808 40.1479 121.808 41.1806C121.808 42.2133 121.035 43.2404 119.495 44.0248L86.5895 60.7905C83.5027 62.365 78.503 62.365 75.4162 60.7905L42.511 44.0248C40.9648 43.2404 40.1973 42.2077 40.1973 41.175Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M105.946 59.2443L104.856 59.7974C104.636 59.9103 104.456 59.7861 104.456 59.5152V54.7863C104.456 54.5154 104.636 54.2107 104.856 54.0978L105.946 53.5448C106.166 53.4319 106.346 53.5561 106.346 53.8269V58.5559C106.346 58.8268 106.166 59.1315 105.946 59.2443Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M108.463 57.9634L107.373 58.5164C107.153 58.6293 106.973 58.5051 106.973 58.2342V53.5053C106.973 53.2344 107.153 52.9297 107.373 52.8168L108.463 52.2638C108.683 52.1509 108.863 52.2751 108.863 52.5459V57.2749C108.863 57.5458 108.683 57.8505 108.463 57.9634Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M110.979 56.6767L109.89 57.2297C109.67 57.3426 109.49 57.2184 109.49 56.9476V52.2186C109.49 51.9478 109.67 51.643 109.89 51.5302L110.979 50.9772C111.199 50.8643 111.38 50.9885 111.38 51.2593V55.9883C111.38 56.2591 111.199 56.5639 110.979 56.6767Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M113.502 55.3957L112.413 55.9488C112.193 56.0616 112.012 55.9375 112.012 55.6666V50.9377C112.012 50.6668 112.193 50.362 112.413 50.2492L113.502 49.6962C113.722 49.5833 113.902 49.7074 113.902 49.9783V54.7073C113.902 54.9781 113.722 55.2829 113.502 55.3957Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M116.019 54.1147L114.929 54.6678C114.709 54.7806 114.529 54.6565 114.529 54.3856V49.6567C114.529 49.3858 114.709 49.0811 114.929 48.9682L116.019 48.4152C116.239 48.3023 116.419 48.4264 116.419 48.6973V53.4263C116.419 53.6971 116.239 54.0019 116.019 54.1147Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M118.536 52.8281L117.446 53.3811C117.226 53.494 117.046 53.3699 117.046 53.099V48.37C117.046 48.0992 117.226 47.7944 117.446 47.6815L118.536 47.1285C118.756 47.0157 118.936 47.1398 118.936 47.4107V52.1396C118.936 52.4105 118.756 52.7152 118.536 52.8281Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M88.593 65.1865C88.593 66.0894 87.9893 67.1277 87.25 67.5058C86.5108 67.8839 85.9067 67.4607 85.9067 66.5578C85.9067 65.6549 86.5108 64.6165 87.25 64.2384C87.9893 63.8604 88.593 64.2836 88.593 65.1865Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M92.7688 63.0534C92.7688 63.9563 92.165 64.9947 91.4258 65.3728C90.6865 65.7509 90.0828 65.3276 90.0828 64.4247C90.0828 63.5218 90.6865 62.4835 91.4258 62.1054C92.165 61.7273 92.7688 62.1505 92.7688 63.0534Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M96.9448 60.926C96.9448 61.8289 96.341 62.8673 95.6018 63.2453C94.8625 63.6234 94.2588 63.2002 94.2588 62.2973C94.2588 61.3944 94.8625 60.356 95.6018 59.9779C96.341 59.5999 96.9448 60.0231 96.9448 60.926Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M40.1973 22.1973C40.1973 23.23 40.9648 24.257 42.511 25.047L75.4162 41.8128C78.503 43.3872 83.5027 43.3872 86.5895 41.8128L119.495 25.047C121.035 24.2626 121.808 23.23 121.808 22.2029V33.4892C121.808 34.5162 121.035 35.5489 119.495 36.3333L86.5895 53.0991C83.5027 54.6735 78.503 54.6735 75.4162 53.0991L42.511 36.3333C40.9648 35.5489 40.1973 34.5162 40.1973 33.4835V22.1973Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M40.1973 22.1972C40.1973 21.1702 40.9704 20.1375 42.511 19.3531L75.4162 2.58732C78.503 1.01289 83.5027 1.01289 86.5895 2.58732L119.495 19.3531C121.041 20.1375 121.808 21.1702 121.808 22.2029C121.808 23.2356 121.035 24.2626 119.495 25.047L86.5895 41.8128C83.5027 43.3872 78.503 43.3872 75.4162 41.8128L42.511 25.047C40.9648 24.2626 40.1973 23.2299 40.1973 22.1972Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M105.946 40.261L104.856 40.814C104.636 40.9269 104.456 40.8027 104.456 40.5318V35.8029C104.456 35.532 104.636 35.2273 104.856 35.1144L105.946 34.5614C106.166 34.4485 106.346 34.5727 106.346 34.8436V39.5725C106.346 39.8434 106.166 40.1481 105.946 40.261Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M108.463 38.98L107.373 39.533C107.153 39.6459 106.973 39.5217 106.973 39.2508V34.5219C106.973 34.251 107.153 33.9463 107.373 33.8334L108.463 33.2804C108.683 33.1675 108.863 33.2917 108.863 33.5625V38.2915C108.863 38.5624 108.683 38.8671 108.463 38.98Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M110.979 37.6989L109.89 38.252C109.67 38.3648 109.49 38.2407 109.49 37.9698V33.2409C109.49 32.97 109.67 32.6653 109.89 32.5524L110.979 31.9994C111.199 31.8865 111.38 32.0107 111.38 32.2815V37.0105C111.38 37.2814 111.199 37.5861 110.979 37.6989Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M113.502 36.4123L112.413 36.9654C112.193 37.0782 112.012 36.9541 112.012 36.6832V31.9543C112.012 31.6834 112.193 31.3787 112.413 31.2658L113.502 30.7128C113.722 30.5999 113.902 30.724 113.902 30.9949V35.7239C113.902 35.9947 113.722 36.2995 113.502 36.4123Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M116.019 35.1313L114.929 35.6843C114.709 35.7972 114.529 35.673 114.529 35.4022V30.6732C114.529 30.4023 114.709 30.0976 114.929 29.9848L116.019 29.4318C116.239 29.3189 116.419 29.443 116.419 29.7139V34.4428C116.419 34.7137 116.239 35.0184 116.019 35.1313Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M118.536 33.8503L117.446 34.4034C117.226 34.5162 117.046 34.3921 117.046 34.1212V29.3922C117.046 29.1214 117.226 28.8166 117.446 28.7038L118.536 28.1507C118.756 28.0379 118.936 28.162 118.936 28.4329V33.1619C118.936 33.4327 118.756 33.7374 118.536 33.8503Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M88.593 46.2031C88.593 47.106 87.9893 48.1443 87.25 48.5224C86.5108 48.9005 85.9067 48.4773 85.9067 47.5744C85.9067 46.6715 86.5108 45.6331 87.25 45.2551C87.9893 44.877 88.593 45.3002 88.593 46.2031Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M92.7688 44.0757C92.7688 44.9786 92.165 46.0169 91.4258 46.395C90.6865 46.7731 90.0828 46.3498 90.0828 45.4469C90.0828 44.544 90.6865 43.5057 91.4258 43.1276C92.165 42.7495 92.7688 43.1728 92.7688 44.0757Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M96.9448 41.9482C96.9448 42.8511 96.341 43.8894 95.6018 44.2675C94.8625 44.6456 94.2588 44.2224 94.2588 43.3195C94.2588 42.4166 94.8625 41.3783 95.6018 41.0002C96.341 40.6221 96.9448 41.0453 96.9448 41.9482Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M111.323 50.7628C110.945 50.7628 110.584 50.6782 110.263 50.5145L105.234 47.9525C105.139 47.9017 105.048 47.851 104.958 47.7832C103.474 46.7336 103.406 44.0306 104.8 41.6209L111.216 30.5378L104.958 26.1136C103.474 25.064 103.401 22.3553 104.794 19.9513C105.799 18.2188 107.339 17.0959 108.722 17.0959C109.106 17.0959 109.461 17.1805 109.783 17.3442L114.811 19.9062C114.907 19.9513 114.997 20.0077 115.082 20.0698L116.634 21.1702L122.593 10.8828C123.603 9.14468 125.143 8.02173 126.526 8.02173C126.904 8.02173 127.26 8.10638 127.581 8.27003L132.609 10.832C132.705 10.8828 132.796 10.9336 132.886 10.9956C134.37 12.0453 134.443 14.754 133.049 17.158L126.633 28.2411L132.892 32.6653C134.376 33.7149 134.443 36.418 133.055 38.8163C132.045 40.5544 130.504 41.683 129.122 41.683C128.744 41.683 128.388 41.5984 128.067 41.4347L123.039 38.8727C122.943 38.8276 122.852 38.7712 122.762 38.7091L121.21 37.6087L115.251 47.8961C114.247 49.6342 112.7 50.7572 111.318 50.7572L111.323 50.7628Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M126.543 8.58594C126.825 8.58594 127.096 8.64799 127.344 8.77213L132.372 11.3341C132.446 11.368 132.513 11.4131 132.581 11.4583C133.811 12.3273 133.811 14.7595 132.581 16.8757L125.905 28.4046L132.581 33.1279C133.811 33.997 133.811 36.4179 132.581 38.5397C131.65 40.148 130.279 41.1242 129.139 41.1242C128.857 41.1242 128.586 41.0622 128.337 40.938L123.309 38.376C123.236 38.3422 123.168 38.297 123.101 38.2519L121.041 36.796L114.771 47.6195C113.84 49.2278 112.469 50.1984 111.323 50.1984C111.035 50.1984 110.765 50.1363 110.522 50.0122L105.494 47.4502C105.426 47.4164 105.353 47.3712 105.291 47.326C104.061 46.457 104.066 44.0305 105.291 41.9086L111.967 30.3797L105.291 25.6564C104.061 24.7874 104.061 22.3608 105.291 20.239C106.222 18.6363 107.588 17.6657 108.733 17.6657C109.021 17.6657 109.292 17.7278 109.54 17.852L114.568 20.4139C114.636 20.4478 114.704 20.493 114.771 20.5381L116.831 21.994L123.101 11.1705C124.032 9.56217 125.403 8.58594 126.548 8.58594M126.543 7.45731C124.94 7.45731 123.247 8.66491 122.118 10.6005L116.47 20.3519L115.42 19.6126C115.307 19.5336 115.194 19.4659 115.076 19.4038L110.048 16.8418C109.647 16.6387 109.201 16.5314 108.727 16.5314C107.125 16.5314 105.432 17.7334 104.309 19.669C102.768 22.3269 102.915 25.3573 104.636 26.5763L110.471 30.7014L104.309 41.3387C102.768 43.9966 102.909 47.027 104.631 48.2402C104.738 48.3192 104.856 48.387 104.975 48.449L110.003 51.011C110.403 51.2142 110.849 51.3214 111.318 51.3214C112.92 51.3214 114.619 50.1194 115.742 48.1782L121.391 38.4268L122.44 39.1661C122.553 39.2451 122.672 39.3185 122.79 39.3749L127.818 41.9369C128.219 42.14 128.659 42.2472 129.133 42.2472C130.736 42.2472 132.429 41.0396 133.552 39.0983C135.087 36.4461 134.945 33.4157 133.224 32.2024L127.389 28.0773L133.552 17.44C135.092 14.7821 134.945 11.7517 133.224 10.5328C133.111 10.4538 132.999 10.3861 132.88 10.324L127.852 7.76203C127.451 7.55887 127.011 7.45166 126.543 7.45166V7.45731Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
d="M121.447 36.0906L128.123 40.8139C128.191 40.859 128.258 40.9041 128.332 40.938L123.304 38.376C123.23 38.3422 123.163 38.297 123.095 38.2519L116.419 33.5286L121.447 36.0906Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M132.367 11.3341C131.131 10.702 129.285 11.7234 128.123 13.7324L121.447 25.2613L116.419 22.6993L123.095 11.1704C124.258 9.16709 126.103 8.14568 127.338 8.77207L132.367 11.3341Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M114.568 20.4139C113.332 19.7818 111.481 20.792 110.319 22.8009C109.089 24.9284 109.089 27.3549 110.319 28.2183L116.995 32.9416L111.967 30.3797L105.291 25.6564C104.061 24.7873 104.061 22.3607 105.291 20.2389C106.453 18.23 108.299 17.2255 109.54 17.8519L114.568 20.4139Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M117 32.9416L110.324 44.4705C109.094 46.5924 109.094 49.0189 110.324 49.888C110.392 49.9331 110.46 49.9782 110.528 50.0121L105.5 47.4501C105.426 47.4163 105.359 47.3711 105.297 47.326C104.066 46.4569 104.072 44.0304 105.297 41.9086L111.972 30.3796L117 32.9416Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.tertiary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M132.367 11.3341C132.44 11.3679 132.508 11.4131 132.575 11.4582C133.806 12.3273 133.806 14.7595 132.575 16.8756L125.9 28.4046L132.575 33.1279C133.806 33.9969 133.806 36.4178 132.575 38.5396C131.413 40.5486 129.568 41.5643 128.332 40.938C128.258 40.9041 128.191 40.859 128.123 40.8138L121.447 36.0905L114.771 47.6194C113.609 49.6228 111.763 50.6442 110.522 50.0121C110.449 49.9783 110.381 49.9331 110.319 49.888C109.089 49.0189 109.094 46.5924 110.319 44.4706L116.995 32.9416L110.319 28.2183C109.089 27.3493 109.089 24.9228 110.319 22.8009C111.481 20.792 113.327 19.7875 114.568 20.4139C114.636 20.4477 114.704 20.4929 114.771 20.538L121.447 25.2613L128.123 13.7324C129.285 11.7291 131.131 10.7077 132.367 11.3341Z"
|
||||
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
317
packages/propel/src/empty-state/assets/vertical-stack/view.tsx
Normal file
317
packages/propel/src/empty-state/assets/vertical-stack/view.tsx
Normal file
@@ -0,0 +1,317 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const ViewVerticalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<svg
|
||||
width="162"
|
||||
height="163"
|
||||
viewBox="0 0 162 163"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<path
|
||||
d="M62.9863 126.722L62.6748 126.88C62.7412 126.845 62.8076 126.809 62.8739 126.773C62.9097 126.753 62.9505 126.737 62.9863 126.722Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M71.028 130.72L70.8289 130.827C70.7932 130.847 70.7523 130.863 70.7166 130.878L71.028 130.72Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<g opacity="0.2">
|
||||
<path
|
||||
d="M13.2695 129.423C13.2695 131.353 14.7145 133.278 17.5993 134.754L54.7451 153.681C60.52 156.622 69.8791 156.622 75.654 153.681L153.709 113.911C156.593 112.441 158.038 110.516 158.038 108.586V114.749C158.038 116.679 156.593 118.604 153.709 120.074L75.654 159.844C69.8791 162.785 60.52 162.785 54.7451 159.844L17.5993 140.917C14.7094 139.446 13.2695 137.516 13.2695 135.586V129.423Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M13.2695 129.423C13.2695 127.493 14.7145 125.568 17.5993 124.098L95.654 84.3276C101.429 81.3866 110.788 81.3866 116.563 84.3276L153.709 103.255C156.599 104.726 158.038 106.656 158.038 108.586C158.038 110.516 156.593 112.441 153.709 113.911L75.654 153.682C69.8791 156.623 60.52 156.623 54.7451 153.682L17.5993 134.754C14.7094 133.283 13.2695 131.353 13.2695 129.423Z"
|
||||
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="M13.2695 109.954C13.2695 111.884 14.7145 113.809 17.5993 115.285L54.7451 134.212C60.52 137.153 69.8791 137.153 75.654 134.212L153.709 94.4422C156.593 92.9717 158.038 91.0467 158.038 89.1167V95.2796C158.038 97.2096 156.593 99.1346 153.709 100.605L75.654 140.375C69.8791 143.316 60.52 143.316 54.7451 140.375L17.5993 121.448C14.7094 119.977 13.2695 118.047 13.2695 116.117V109.954Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M13.2695 109.954C13.2695 108.024 14.7145 106.099 17.5993 104.629L95.654 64.8584C101.429 61.9173 110.788 61.9173 116.563 64.8584L153.709 83.7861C156.599 85.2566 158.038 87.1866 158.038 89.1167C158.038 91.0467 156.593 92.9717 153.709 94.4422L75.654 134.212C69.8791 137.153 60.52 137.153 54.7451 134.212L17.5993 115.285C14.7094 113.814 13.2695 111.884 13.2695 109.954Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M13.2695 90.4858C13.2695 92.4158 14.7145 94.3408 17.5993 95.8164L54.7451 114.744C60.52 117.685 69.8791 117.685 75.654 114.744L153.709 74.9739C156.593 73.5034 158.038 71.5785 158.038 69.6484V75.8113C158.038 77.7414 156.593 79.6663 153.709 81.1368L75.654 120.907C69.8791 123.848 60.52 123.848 54.7451 120.907L17.5993 101.979C14.7094 100.509 13.2695 98.5787 13.2695 96.6487V90.4858Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M13.2695 90.4858C13.2695 88.5558 14.7145 86.6308 17.5993 85.1603L95.654 45.3901C101.429 42.4491 110.788 42.4491 116.563 45.3901L153.709 64.3178C156.599 65.7883 158.038 67.7184 158.038 69.6484C158.038 71.5785 156.593 73.5034 153.709 74.9739L75.654 114.744C69.8791 117.685 60.52 117.685 54.7451 114.744L17.5993 95.8164C14.7094 94.3459 13.2695 92.4158 13.2695 90.4858Z"
|
||||
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="M131.809 3.76634C132.958 3.17916 134.434 3.23022 136.047 4.05227C139.698 5.91084 142.654 11.0219 142.654 15.4641C142.654 17.9404 141.735 19.6867 140.285 20.427L142.634 19.2322C144.084 18.497 145.003 16.7457 145.003 14.2693C145.003 9.8271 142.041 4.72115 138.396 2.85748C136.782 2.03542 135.302 1.98437 134.158 2.57155L131.809 3.76634Z"
|
||||
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="M131.809 3.76637C130.359 4.50163 129.44 6.25297 129.44 8.72935C129.44 13.1715 132.402 18.2775 136.047 20.1411C137.661 20.9632 139.141 21.0143 140.285 20.4271C141.735 19.6918 142.654 17.9405 142.654 15.4641C142.654 11.0219 139.693 5.91598 136.047 4.05231C134.434 3.23025 132.953 3.17919 131.809 3.76637Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M134.643 8.83126C134.444 8.72914 134.28 8.44831 134.28 8.20833V6.45189C134.28 6.2068 134.444 6.09447 134.643 6.19659C134.842 6.29871 135.006 6.57954 135.006 6.81952V8.57596C135.006 8.82105 134.842 8.93338 134.643 8.83126Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M137.533 10.3071C137.334 10.205 137.17 9.92414 137.17 9.68416V7.92772C137.17 7.68263 137.334 7.5703 137.533 7.67242C137.732 7.77454 137.896 8.05537 137.896 8.29535V10.0518C137.896 10.2969 137.732 10.4092 137.533 10.3071Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M138.615 17.8841L133.561 15.3107C132.963 15.0044 132.478 14.167 132.478 13.442V7.2893C132.478 6.56426 132.963 6.21705 133.561 6.52341L138.615 9.09681C139.213 9.40316 139.698 10.2405 139.698 10.9656V17.1182C139.698 17.8433 139.213 18.1905 138.615 17.8841ZM133.561 7.40163C133.361 7.29951 133.198 7.41695 133.198 7.65693V13.8096C133.198 14.0496 133.361 14.3304 133.561 14.4325L138.615 17.0059C138.815 17.108 138.978 16.9906 138.978 16.7506V10.598C138.978 10.358 138.815 10.0771 138.615 9.97503L133.561 7.40163Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M139.335 12.9826L132.835 9.66883C132.636 9.56671 132.473 9.28589 132.473 9.04591C132.473 8.80593 132.636 8.68849 132.835 8.79061L139.335 12.1044C139.534 12.2065 139.698 12.4873 139.698 12.7273C139.698 12.9673 139.534 13.0847 139.335 12.9826Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M52.9734 2.51989C51.7735 1.90718 50.2213 1.95824 48.5313 2.82114L10.1958 22.3565C6.37655 24.3019 3.27725 29.6478 3.27725 34.2993C3.27725 36.8931 4.24228 38.721 5.75364 39.492L3.47637 38.333C1.95991 37.562 1 35.7341 1 33.1402C1 28.4938 4.0993 23.1428 7.91855 21.1974L46.2591 1.6621C47.9492 0.79919 49.4963 0.748131 50.7013 1.36084L52.9786 2.51989H52.9734Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M52.9734 2.52027C54.4898 3.29127 55.4498 5.11919 55.4498 7.71301C55.4498 12.3594 52.3504 17.7105 48.5312 19.6558L10.1957 39.1912C8.50565 40.0541 6.95855 40.1051 5.75355 39.4924C4.23708 38.7214 3.27716 36.8935 3.27716 34.2997C3.27716 29.6533 6.37647 24.3022 10.1957 22.3569L48.5312 2.82152C50.2212 1.95861 51.7684 1.90755 52.9734 2.52027Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M27.8317 25.3737C27.5764 25.5013 27.3671 25.3584 27.3671 25.0469V18.8585C27.3671 18.547 27.5764 18.1896 27.8317 18.062C28.087 17.9343 28.2964 18.0773 28.2964 18.3888V24.5772C28.2964 24.8886 28.087 25.246 27.8317 25.3737Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M30.6094 21.1463C30.3541 21.2739 30.1447 21.1309 30.1447 20.8195V17.4444C30.1447 17.133 30.3541 16.7756 30.6094 16.6479C30.8647 16.5203 31.074 16.6632 31.074 16.9747V20.3497C31.074 20.6612 30.8647 21.0186 30.6094 21.1463Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M33.3819 24.2305C33.1266 24.3582 32.9173 24.2152 32.9173 23.9037V16.0253C32.9173 15.7138 33.1266 15.3564 33.3819 15.2287C33.6372 15.1011 33.8466 15.244 33.8466 15.5555V23.434C33.8466 23.7454 33.6372 24.1029 33.3819 24.2305Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M13.4382 29.9341C13.1829 30.0618 12.9787 29.9188 12.9787 29.6125C12.9787 29.3061 13.1829 28.9487 13.4331 28.821C13.6884 28.6883 13.8927 28.8364 13.8927 29.1427C13.8927 29.4491 13.6884 29.8065 13.4331 29.9341H13.4382Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M13.4382 33.2835C13.1829 33.4112 12.9787 33.2682 12.9787 32.9618C12.9787 32.6555 13.1829 32.2981 13.4331 32.1704C13.6884 32.0377 13.8927 32.1857 13.8927 32.4921C13.8927 32.7984 13.6884 33.1559 13.4331 33.2835H13.4382Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M13.4382 26.5845C13.1829 26.7122 12.9787 26.5692 12.9787 26.2629C12.9787 25.9565 13.1829 25.5991 13.4331 25.4714C13.6884 25.3387 13.8927 25.4868 13.8927 25.7931C13.8927 26.0995 13.6884 26.4569 13.4331 26.5845H13.4382Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M21.6946 25.7266L15.7308 28.7646C15.4755 28.8923 15.2713 28.7493 15.2713 28.4378C15.2713 28.1264 15.4755 27.774 15.7308 27.6464L21.6946 24.6084C21.9499 24.4807 22.1541 24.6237 22.1541 24.9351C22.1541 25.2466 21.9499 25.5989 21.6946 25.7266Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M21.6946 29.0762L15.7308 32.1142C15.4755 32.2419 15.2713 32.0989 15.2713 31.7874C15.2713 31.476 15.4755 31.1237 15.7308 30.996L21.6946 27.958C21.9499 27.8303 22.1541 27.9733 22.1541 28.2848C22.1541 28.5962 21.9499 28.9485 21.6946 29.0762Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M21.6946 22.3772L15.7308 25.4152C15.4755 25.5429 15.2713 25.3999 15.2713 25.0885C15.2713 24.777 15.4755 24.4247 15.7308 24.297L21.6946 21.259C21.9499 21.1314 22.1541 21.2743 22.1541 21.5858C22.1541 21.8972 21.9499 22.2496 21.6946 22.3772Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M46.4737 17.3022L41.4188 19.8756C40.8214 20.1819 40.3364 19.8347 40.3364 19.1097V12.957C40.3364 12.232 40.8214 11.3895 41.4188 11.0883L46.4737 8.51487C47.0711 8.20851 47.5562 8.55571 47.5562 9.28076V15.4334C47.5562 16.1585 47.0711 17.0009 46.4737 17.3022ZM41.4188 11.9665C41.2197 12.0686 41.0563 12.3494 41.0563 12.5894V18.7421C41.0563 18.9821 41.2197 19.0995 41.4188 18.9974L46.4737 16.424C46.6729 16.3219 46.8362 16.041 46.8362 15.801V9.64839C46.8362 9.40841 46.6729 9.29097 46.4737 9.39309L41.4188 11.9665Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M45.3913 12.1402L42.8639 13.4269C42.6647 13.5291 42.5013 13.4167 42.5013 13.1716C42.5013 12.9266 42.6647 12.6508 42.8639 12.5487L45.3913 11.262C45.5905 11.1599 45.7538 11.2722 45.7538 11.5173C45.7538 11.7624 45.5905 12.0381 45.3913 12.1402Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M44.6662 14.2643L42.5013 15.3672C42.3021 15.4693 42.1388 15.3569 42.1388 15.1119C42.1388 14.8668 42.3021 14.591 42.5013 14.4889L44.6662 13.386C44.8653 13.2839 45.0287 13.3963 45.0287 13.6413C45.0287 13.8864 44.8653 14.1621 44.6662 14.2643Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M45.3913 15.6581L43.5838 16.5771C43.3846 16.6793 43.2213 16.5669 43.2213 16.3218C43.2213 16.0768 43.3846 15.801 43.5838 15.6989L45.3913 14.7798C45.5904 14.6777 45.7538 14.7901 45.7538 15.0351C45.7538 15.2802 45.5904 15.5559 45.3913 15.6581Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M147.806 26.2112C148.955 25.624 150.431 25.675 152.044 26.4971C155.695 28.3557 158.651 33.4667 158.651 37.9089C158.651 40.3853 157.732 42.1315 156.282 42.8719L158.631 41.6771C160.081 40.9418 161 39.1905 161 36.7141C161 32.2719 158.039 27.166 154.393 25.3023C152.779 24.4802 151.299 24.4292 150.155 25.0164L147.806 26.2112Z"
|
||||
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="M147.806 26.2112C146.356 26.9465 145.437 28.6978 145.437 31.1742C145.437 35.6163 148.399 40.7223 152.044 42.586C153.658 43.408 155.138 43.4591 156.282 42.8719C157.732 42.1366 158.651 40.3853 158.651 37.9089C158.651 33.4667 155.69 28.3608 152.044 26.4971C150.431 25.6751 148.95 25.624 147.806 26.2112Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M154.664 40.4408L149.609 37.8674C149.011 37.561 148.526 36.7236 148.526 35.9986V29.8459C148.526 29.1209 149.011 28.7737 149.609 29.0801L154.664 31.6534C155.261 31.9598 155.746 32.7972 155.746 33.5222V39.6749C155.746 40.3999 155.261 40.7471 154.664 40.4408ZM149.609 29.9532C149.41 29.851 149.246 29.9685 149.246 30.2085V36.3611C149.246 36.6011 149.41 36.8819 149.609 36.9841L154.664 39.5575C154.863 39.6596 155.026 39.5421 155.026 39.3022V33.1495C155.026 32.9095 154.863 32.6287 154.664 32.5266L149.609 29.9532Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M155.389 35.5341L148.889 32.2203C148.69 32.1182 148.526 31.8374 148.526 31.5974C148.526 31.3574 148.69 31.24 148.889 31.3421L155.389 34.6559C155.588 34.758 155.751 35.0388 155.751 35.2788C155.751 35.5188 155.588 35.6362 155.389 35.5341Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M155.389 38.1689L148.889 34.8551C148.69 34.753 148.526 34.4722 148.526 34.2322C148.526 33.9922 148.69 33.8748 148.889 33.9769L155.389 37.2906C155.588 37.3928 155.751 37.6736 155.751 37.9136C155.751 38.1536 155.588 38.271 155.389 38.1689Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M151.054 38.5975C150.855 38.4954 150.691 38.2146 150.691 37.9746V32.7002C150.691 32.4551 150.855 32.3428 151.054 32.4449C151.253 32.547 151.416 32.8278 151.416 33.0678V38.3422C151.416 38.5873 151.253 38.6997 151.054 38.5975Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M153.219 39.7057C153.02 39.6036 152.856 39.3228 152.856 39.0828V33.8083C152.856 33.5632 153.02 33.4509 153.219 33.553C153.418 33.6552 153.581 33.936 153.581 34.176V39.4504C153.581 39.6955 153.418 39.8078 153.219 39.7057Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M82.2561 58.3329C80.3158 58.3329 78.4827 57.9448 77.0939 57.2351L51.0332 43.9596C49.5371 43.1988 48.71 42.1419 48.71 40.988V35.882C48.71 34.7332 49.532 33.6814 51.0281 32.9155L77.0888 19.64C78.4776 18.9303 80.3107 18.5422 82.2509 18.5422C84.1912 18.5422 86.0293 18.9303 87.4182 19.64L113.474 32.9155C114.97 33.6763 115.797 34.7332 115.797 35.8871V40.9931C115.797 42.1419 114.975 43.1988 113.474 43.9596L87.4182 57.2351C86.0293 57.9448 84.1963 58.3329 82.2509 58.3329H82.2561ZM79.5754 44.7613C80.2852 45.1238 81.2349 45.3229 82.2561 45.3229C83.2772 45.3229 84.232 45.1238 84.9418 44.7613L97.3543 38.435L84.9418 32.1138C84.232 31.7513 83.2772 31.5522 82.2561 31.5522C81.2349 31.5522 80.2801 31.7513 79.5754 32.1138L67.1628 38.435L79.5754 44.7613Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M82.256 19.0529C84.0431 19.0529 85.8251 19.4001 87.1884 20.0945L113.244 33.37C114.607 34.0644 115.286 34.9784 115.286 35.8872V40.9932C115.286 41.902 114.607 42.8109 113.244 43.5053L87.1884 56.7808C85.8251 57.4752 84.038 57.8224 82.256 57.8224C80.4741 57.8224 78.687 57.4752 77.3237 56.7808L51.2629 43.5053C49.8996 42.8109 49.2205 41.8969 49.2205 40.9881V35.8821C49.2205 34.9733 49.9047 34.0644 51.2629 33.37L77.3237 20.0945C78.687 19.4001 80.4689 19.0529 82.256 19.0529ZM82.256 45.8336C83.313 45.8336 84.3648 45.6294 85.1715 45.2158L98.4776 38.4351L85.1715 31.6595C84.3648 31.251 83.3079 31.0417 82.256 31.0417C81.2042 31.0417 80.1473 31.2459 79.3405 31.6595L66.0344 38.4351L79.3405 45.2158C80.1473 45.6243 81.1991 45.8336 82.256 45.8336ZM82.256 18.0317C80.2341 18.0317 78.3193 18.4402 76.859 19.1857L50.7983 32.4611C49.1235 33.3189 48.1993 34.5342 48.1993 35.8821V40.9881C48.1993 41.7744 48.5363 43.2653 50.7983 44.4142L76.859 57.6896C78.3142 58.4351 80.229 58.8435 82.2509 58.8435C84.2729 58.8435 86.1876 58.4351 87.6479 57.6896L113.704 44.4142C115.965 43.2602 116.302 41.7744 116.302 40.9932V35.8872C116.302 35.1009 115.965 33.61 113.704 32.4611L87.6479 19.1857C86.1876 18.4402 84.2729 18.0317 82.2509 18.0317H82.256ZM68.2912 38.4351L79.8103 32.5684C80.4383 32.2467 81.3318 32.0629 82.2611 32.0629C83.1904 32.0629 84.0839 32.2467 84.7171 32.5684L96.2361 38.4351L84.7171 44.3069C84.089 44.6286 83.1904 44.8124 82.2611 44.8124C81.3318 44.8124 80.4383 44.6286 79.8103 44.3069L68.2912 38.4351Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M82.0263 93.9614C79.6163 93.9614 77.4871 93.5785 76.1851 92.9147L50.2724 79.7158C49.9915 79.5728 49.7362 79.4197 49.486 79.2461C49.4707 79.2359 49.4554 79.2205 49.4401 79.2103C48.8682 78.7099 48.567 78.1228 48.567 77.51V72.4041C48.567 71.5157 49.1899 70.714 50.3183 70.1371C51.3395 69.6163 52.6874 69.3303 54.112 69.3303C55.3374 69.3303 56.5374 69.5499 57.4922 69.9481C57.6147 70.0043 57.8343 70.1166 58.304 70.3566L77.5687 80.1754C78.8146 80.8085 80.4842 81.1557 82.2662 81.1557C84.0482 81.1557 85.723 80.8085 86.9688 80.1754L106.228 70.3617C106.708 70.1166 106.923 69.9992 107.045 69.9532C108 69.5499 109.2 69.3303 110.42 69.3303C111.845 69.3303 113.188 69.6163 114.209 70.1371C115.337 70.7089 115.96 71.5157 115.96 72.4041V77.51C115.96 78.133 115.644 78.7304 115.052 79.2359C114.781 79.4299 114.536 79.5728 114.26 79.7158L88.6691 92.7513C87.1833 93.507 84.7069 93.9614 82.0364 93.9614H82.0263Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M110.415 69.8412C111.702 69.8412 112.989 70.0914 113.969 70.5918C114.955 71.0922 115.445 71.7457 115.445 72.4044V77.5103C115.445 77.9699 115.2 78.4345 114.715 78.8481C114.495 79.0013 114.27 79.134 114.02 79.2617L113.407 79.5731L88.4291 92.2972C86.9535 93.0477 84.4618 93.4511 82.0263 93.4511C79.8563 93.4511 77.7322 93.1345 76.4149 92.4606L51.1455 79.5885L50.5022 79.2617C50.2418 79.1289 50.0018 78.986 49.772 78.8277C49.3073 78.4192 49.0725 77.9648 49.0725 77.5103V72.4044C49.0725 71.7457 49.5626 71.0922 50.543 70.5918C51.5284 70.0914 52.8152 69.8412 54.1019 69.8412C55.2303 69.8412 56.3587 70.0352 57.288 70.4182C57.2931 70.4182 58.0641 70.8114 58.0641 70.8114L77.3288 80.6301C78.6921 81.3245 80.4741 81.6666 82.2611 81.6666C84.0482 81.6666 85.8302 81.3194 87.1935 80.6301L106.453 70.8165C106.453 70.8165 107.224 70.4182 107.234 70.4182C108.159 70.0301 109.287 69.8412 110.415 69.8412ZM110.415 68.82C109.108 68.82 107.873 69.0498 106.841 69.4787C106.683 69.5502 106.438 69.6778 105.983 69.9127L86.7288 79.7212C85.5698 80.3084 83.941 80.6454 82.2561 80.6454C80.5711 80.6454 78.9474 80.3084 77.7884 79.7161L58.5236 69.8974C58.0743 69.6676 57.8343 69.5451 57.676 69.4736C56.6446 69.0396 55.409 68.8098 54.0967 68.8098C52.5956 68.8098 51.1659 69.1162 50.0733 69.6727C48.3066 70.5714 48.0462 71.7662 48.0462 72.3942V77.5001C48.0462 78.0312 48.23 78.8226 49.0929 79.5834C49.1236 79.6089 49.1542 79.6344 49.1899 79.6599C49.4605 79.8438 49.7363 80.0123 50.0375 80.1603L50.6809 80.4871L75.9502 93.3592C77.8292 94.3191 80.5609 94.4621 82.0263 94.4621C84.7733 94.4621 87.3416 93.9872 88.8938 93.1958L113.872 80.4718L114.485 80.1603C114.781 80.0072 115.046 79.8489 115.302 79.6753C115.327 79.6548 115.353 79.6344 115.378 79.614C116.277 78.8481 116.466 78.0414 116.466 77.5001V72.3942C116.466 71.7611 116.2 70.5714 114.434 69.6727C113.346 69.1162 111.917 68.8098 110.415 68.8098V68.82Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M82.0262 76.1474C79.6162 76.1474 77.487 75.7645 76.1799 75.1007L50.2672 61.9018C49.9864 61.7589 49.7311 61.6057 49.4809 61.4321C49.4656 61.4219 49.4502 61.4066 49.4349 61.3964C48.8631 60.896 48.5618 60.3088 48.5618 59.6961V54.5901C48.5618 53.7017 49.1847 52.9001 50.3131 52.3231C51.3343 51.8023 52.6823 51.5164 54.1069 51.5164C55.3323 51.5164 56.5322 51.7359 57.487 52.1342C57.6096 52.1903 57.8291 52.3027 58.2988 52.5427L77.5636 62.3614C78.8095 62.9945 80.4791 63.3417 82.2611 63.3417C84.043 63.3417 85.7178 62.9945 86.9637 62.3614L106.223 52.5478C106.703 52.3027 106.918 52.1852 107.04 52.1393C107.995 51.7359 109.195 51.5164 110.415 51.5164C111.84 51.5164 113.183 51.8023 114.204 52.3231C115.332 52.895 115.955 53.7017 115.955 54.5901V59.6961C115.955 60.319 115.639 60.9164 115.046 61.4219C114.776 61.6159 114.531 61.7589 114.255 61.9018L88.6639 74.9373C87.1781 75.693 84.7017 76.1474 82.0313 76.1474H82.0262Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M110.415 52.0272C111.702 52.0272 112.989 52.2774 113.969 52.7778C114.955 53.2782 115.445 53.9318 115.445 54.5904V59.6964C115.445 60.1559 115.2 60.6206 114.715 61.0341C114.495 61.1873 114.27 61.3201 114.02 61.4477L113.407 61.7592L88.4291 74.4832C86.9535 75.2338 84.4618 75.6371 82.0263 75.6371C79.8563 75.6371 77.7322 75.3206 76.4149 74.6466L51.1455 61.7745L50.5022 61.4477C50.2418 61.315 50.0018 61.172 49.772 61.0137C49.3073 60.6052 49.0725 60.1508 49.0725 59.6964V54.5904C49.0725 53.9318 49.5626 53.2782 50.543 52.7778C51.5284 52.2774 52.8152 52.0272 54.1019 52.0272C55.2303 52.0272 56.3587 52.2213 57.288 52.6042C57.2931 52.6042 58.0641 52.9974 58.0641 52.9974L77.3288 62.8161C78.6921 63.5054 80.4741 63.8526 82.2611 63.8526C84.0482 63.8526 85.8302 63.5054 87.1935 62.8161L106.453 53.0025C106.453 53.0025 107.224 52.6042 107.234 52.6042C108.159 52.2162 109.287 52.0272 110.415 52.0272ZM110.415 51.0061C109.108 51.0061 107.873 51.2358 106.841 51.6647C106.683 51.7362 106.438 51.8639 105.983 52.0987L86.7288 61.9073C85.5698 62.4944 83.941 62.8314 82.2561 62.8314C80.5711 62.8314 78.9474 62.4944 77.7884 61.9021L58.5236 52.0834C58.0743 51.8536 57.8343 51.7311 57.676 51.6596C56.6446 51.2256 55.409 50.9958 54.0967 50.9958C52.5956 50.9958 51.1659 51.3022 50.0733 51.8588C48.3066 52.7574 48.0462 53.9522 48.0462 54.5802V59.6862C48.0462 60.2172 48.23 61.0086 49.0929 61.7694C49.1236 61.7949 49.1542 61.8205 49.1899 61.8409C49.4605 62.0247 49.7363 62.1932 50.0375 62.3464L50.6809 62.6731L75.9502 75.5452C77.8292 76.5051 80.5609 76.6481 82.0263 76.6481C84.7733 76.6481 87.3416 76.1733 88.8938 75.3818L113.872 62.6578L114.485 62.3464C114.781 62.1932 115.052 62.0349 115.302 61.8613C115.327 61.8409 115.353 61.8204 115.378 61.8C116.277 61.0341 116.466 60.2274 116.466 59.6862V54.5802C116.466 53.9471 116.2 52.7574 114.434 51.8588C113.346 51.3022 111.917 50.9958 110.415 50.9958V51.0061Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M101.786 35.8865C101.786 35.3453 101.383 34.8091 100.576 34.3956L85.1765 26.5528C83.563 25.7308 80.9539 25.7308 79.3455 26.5528L63.946 34.3956C63.1392 34.8091 62.7359 35.3453 62.7359 35.8814V40.9873C62.7359 40.4512 63.1392 39.9151 63.946 39.5015L79.3455 31.6588C80.9539 30.8367 83.563 30.8367 85.1765 31.6588L100.576 39.5015C101.383 39.9151 101.786 40.4512 101.786 40.9924V35.8865Z"
|
||||
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="M49.2255 35.8818C49.2255 36.7907 49.9046 37.7047 51.2679 38.3991L77.3286 51.6745C80.0501 53.0633 84.4668 53.0633 87.1933 51.6745L113.249 38.3991C114.612 37.7047 115.291 36.7958 115.291 35.8869V40.9929C115.291 41.9017 114.612 42.8106 113.249 43.505L87.1933 56.7805C84.4668 58.1693 80.0501 58.1693 77.3286 56.7805L51.2679 43.505C49.9046 42.8106 49.2255 41.8966 49.2255 40.9878V35.8818Z"
|
||||
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="M113.249 33.37L87.1933 20.0946C84.4668 18.7058 80.0501 18.7058 77.3286 20.0946L51.2679 33.37C49.9097 34.0645 49.2255 34.9733 49.2255 35.8822C49.2255 36.791 49.9046 37.705 51.2679 38.3994L77.3286 51.6749C80.0501 53.0637 84.4668 53.0637 87.1933 51.6749L113.249 38.3994C114.612 37.705 115.291 36.7961 115.291 35.8873C115.291 34.9784 114.612 34.0645 113.249 33.37ZM100.576 37.368L85.1765 45.2158C83.563 46.0379 80.9539 46.0379 79.3455 45.2158L63.9459 37.368C63.1392 36.9595 62.7358 36.4234 62.7358 35.8822C62.7358 35.3409 63.1392 34.8099 63.9459 34.3963L79.3455 26.5536C80.9539 25.7316 83.563 25.7316 85.1765 26.5536L100.576 34.3963C101.383 34.8099 101.786 35.346 101.786 35.8873C101.786 36.4285 101.383 36.9595 100.576 37.368Z"
|
||||
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="M115.444 72.4053V77.5112C115.444 77.9708 115.199 78.4354 114.714 78.849C114.495 79.0022 114.27 79.1349 114.02 79.2626L113.407 79.574L88.4287 92.298C85.6358 93.7226 79.2074 93.886 76.4144 92.4614L51.1451 79.5893L50.5017 79.2626C50.2413 79.1298 50.0013 78.9868 49.7716 78.8286C49.3069 78.4201 49.0721 77.9656 49.0721 77.5112V72.4053C49.0721 72.8597 49.3069 73.3141 49.7716 73.7226C50.0013 73.8809 50.2413 74.0239 50.5017 74.1566L51.1451 74.4834L76.4144 87.3555C79.2074 88.78 85.6358 88.6166 88.4287 87.1921L113.407 74.4681L114.02 74.1566C114.27 74.029 114.495 73.8962 114.714 73.743C115.199 73.3294 115.444 72.8648 115.444 72.4053Z"
|
||||
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="M115.445 72.4047C115.445 72.8642 115.199 73.3289 114.714 73.7424C114.495 73.8956 114.27 74.0284 114.02 74.156L113.407 74.4675L88.429 87.1915C85.636 88.616 79.2076 88.7794 76.4147 87.3549L51.1453 74.4828L50.502 74.156C50.2416 74.0233 50.0016 73.8803 49.7718 73.722C49.3072 73.3135 49.0723 72.8591 49.0723 72.4047C49.0723 71.746 49.5625 71.0924 50.5428 70.5921C52.3861 69.6526 55.3016 69.5913 57.2878 70.4185C57.2929 70.4185 58.0639 70.8116 58.0639 70.8116L77.3286 80.6304C80.0501 82.0141 84.4668 82.0141 87.1933 80.6304L106.453 70.8167C106.453 70.8167 107.224 70.4185 107.234 70.4185C109.215 69.5913 112.131 69.6526 113.969 70.5921C114.954 71.0924 115.445 71.746 115.445 72.4047Z"
|
||||
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="M115.444 54.5898V59.6958C115.444 60.1553 115.199 60.62 114.714 61.0335C114.495 61.1867 114.27 61.3195 114.02 61.4471L113.407 61.7586L88.4288 74.4826C85.6359 75.9072 79.2075 76.0706 76.4146 74.646L51.1452 61.7739L50.5019 61.4471C50.2415 61.3144 50.0015 61.1714 49.7717 61.0131C49.307 60.6046 49.0722 60.1502 49.0722 59.6958V54.5898C49.0722 55.0443 49.307 55.4987 49.7717 55.9072C50.0015 56.0655 50.2415 56.2084 50.5019 56.3412L51.1452 56.668L76.4146 69.54C79.2075 70.9646 85.6359 70.8012 88.4288 69.3767L113.407 56.6526L114.02 56.3412C114.27 56.2135 114.495 56.0808 114.714 55.9276C115.199 55.514 115.444 55.0494 115.444 54.5898Z"
|
||||
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="M115.445 54.59C115.445 55.0495 115.199 55.5142 114.714 55.9277C114.495 56.0809 114.27 56.2137 114.02 56.3413L113.407 56.6528L88.429 69.3768C85.636 70.8014 79.2076 70.9647 76.4147 69.5402L51.1453 56.6681L50.502 56.3413C50.2416 56.2086 50.0016 56.0656 49.7718 55.9073C49.3072 55.4988 49.0723 55.0444 49.0723 54.59C49.0723 53.9313 49.5625 53.2778 50.5428 52.7774C52.3861 51.8379 55.3016 51.7766 57.2878 52.6038C57.2929 52.6038 58.0639 52.9969 58.0639 52.9969L77.3286 62.8157C80.0501 64.1994 84.4668 64.1994 87.1933 62.8157L106.453 53.002C106.453 53.002 107.224 52.6038 107.234 52.6038C109.215 51.7766 112.131 51.8379 113.969 52.7774C114.954 53.2778 115.445 53.9313 115.445 54.59Z"
|
||||
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,245 @@
|
||||
import { type TIllustrationAssetProps, ILLUSTRATION_COLOR_TOKEN_MAP } from "../helper";
|
||||
|
||||
export const WorkItemVerticalStackIllustration = ({ className }: TIllustrationAssetProps) => (
|
||||
<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="M1 143.605C1 145.738 2.597 147.865 5.78537 149.496L46.8392 170.415C53.2216 173.666 63.5655 173.666 69.9479 170.415L156.215 126.461C159.403 124.835 161 122.708 161 120.575V127.386C161 129.519 159.403 131.647 156.215 133.272L69.9479 177.226C63.5655 180.477 53.2216 180.477 46.8392 177.226L5.78537 156.307C2.59135 154.682 1 152.549 1 150.416V143.605Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M1 143.605C1 141.471 2.597 139.344 5.78537 137.719L92.052 93.7643C98.4344 90.5139 108.778 90.5139 115.161 93.7643L156.215 114.683C159.409 116.309 161 118.442 161 120.575C161 122.708 159.403 124.835 156.215 126.461L69.9479 170.415C63.5655 173.666 53.2216 173.666 46.8392 170.415L5.78537 149.496C2.59135 147.871 1 145.738 1 143.605Z"
|
||||
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="M1 122.087C1 124.22 2.597 126.348 5.78537 127.979L46.8392 148.898C53.2216 152.148 63.5655 152.148 69.9479 148.898L156.215 104.943C159.403 103.318 161 101.191 161 99.0576V105.869C161 108.002 159.403 110.129 156.215 111.755L69.9479 155.709C63.5655 158.96 53.2216 158.96 46.8392 155.709L5.78537 134.79C2.59135 133.165 1 131.032 1 128.898V122.087Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M1 122.087C1 119.954 2.597 117.827 5.78537 116.201L92.052 72.247C98.4344 68.9966 108.778 68.9966 115.161 72.247L156.215 93.1661C159.409 94.7914 161 96.9245 161 99.0576C161 101.191 159.403 103.318 156.215 104.943L69.9479 148.898C63.5655 152.148 53.2216 152.148 46.8392 148.898L5.78537 127.979C2.59135 126.353 1 124.22 1 122.087Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M1 100.564C1 102.697 2.597 104.825 5.78537 106.456L46.8392 127.375C53.2216 130.625 63.5655 130.625 69.9479 127.375L156.215 83.4204C159.403 81.7952 161 79.6677 161 77.5346V84.3459C161 86.479 159.403 88.6065 156.215 90.2317L69.9479 134.186C63.5655 137.437 53.2216 137.437 46.8392 134.186L5.78537 113.267C2.59135 111.642 1 109.509 1 107.376V100.564Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.secondary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M1 100.564C1 98.4312 2.597 96.3037 5.78537 94.6785L92.052 50.7241C98.4344 47.4736 108.778 47.4736 115.161 50.7241L156.215 71.6432C159.409 73.2684 161 75.4015 161 77.5346C161 79.6677 159.403 81.7952 156.215 83.4204L69.9479 127.375C63.5655 130.625 53.2216 130.625 46.8392 127.375L5.78537 106.456C2.59135 104.831 1 102.697 1 100.564Z"
|
||||
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="M17.8899 23.8006C16.6597 23.1743 15.0796 23.225 13.3471 24.111C9.43643 26.103 6.27074 31.5769 6.27074 36.3284C6.27074 38.9807 7.25829 40.8542 8.81015 41.6443L6.2932 40.3633C4.74133 39.5732 3.75378 37.6997 3.75378 35.0474C3.75378 30.2903 6.92525 24.8164 10.8303 22.83C12.5571 21.9497 14.1429 21.8933 15.3731 22.5197L17.8899 23.8006Z"
|
||||
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="M17.8899 23.8007C19.4418 24.5907 20.4293 26.4642 20.4293 29.1165C20.4293 33.8737 17.2578 39.3475 13.3528 41.3339C11.626 42.2142 10.0404 42.2707 8.81017 41.6443C7.2583 40.8542 6.27075 38.9807 6.27075 36.3284C6.27075 31.5713 9.44208 26.0974 13.3471 24.111C15.0739 23.2307 16.6597 23.1743 17.8899 23.8007Z"
|
||||
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="M13.7704 29.1842C11.9081 30.1323 10.4014 32.7394 10.4014 35.0023C10.4014 37.2652 11.9081 38.3374 13.7704 37.3837C15.6326 36.43 17.1393 33.8285 17.1393 31.5656C17.1393 29.3027 15.6326 28.2305 13.7704 29.1842ZM9.651 35.386C9.651 32.6152 11.4962 29.4325 13.7704 28.2757C16.0446 27.1188 17.8899 28.4224 17.8899 31.1875C17.8899 33.9527 16.0446 37.141 13.7704 38.2979C11.4962 39.4547 9.651 38.1512 9.651 35.386Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M13.7704 31.0069C12.7377 31.5318 11.8969 32.982 11.8969 34.2405C11.8969 35.4989 12.7377 36.0914 13.7704 35.5666C14.8031 35.0418 15.6439 33.5915 15.6439 32.3331C15.6439 31.0747 14.8031 30.4821 13.7704 31.0069ZM11.1464 34.6242C11.1464 32.8635 12.3201 30.8376 13.7704 30.0984C15.2207 29.3591 16.3945 30.1887 16.3945 31.955C16.3945 33.7213 15.2207 35.7415 13.7704 36.4808C12.3201 37.22 11.1464 36.3905 11.1464 34.6242Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M147.152 33.219C148.703 32.429 149.691 30.5611 149.691 27.9032C149.691 23.146 146.52 17.6722 142.614 15.6858L116.43 2.34538C114.704 1.46505 113.123 1.40862 111.893 2.03501L114.41 0.754017C115.64 0.127628 117.22 0.184061 118.947 1.06439L145.131 14.4048C149.042 16.3968 152.208 21.8707 152.208 26.6222C152.208 29.2801 151.22 31.148 149.668 31.938L147.152 33.219Z"
|
||||
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="M147.152 33.219C145.921 33.8454 144.341 33.789 142.614 32.9086L116.43 19.5683C112.52 17.5762 109.354 12.1024 109.354 7.35085C109.354 4.69293 110.341 2.82505 111.893 2.03501C113.123 1.40863 114.704 1.46505 116.43 2.34538L142.614 15.6858C146.525 17.6778 149.691 23.1516 149.691 27.9032C149.691 30.5611 148.703 32.429 147.152 33.219Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M121.972 19.1394C121.752 19.0265 121.571 18.7161 121.571 18.4509V17.4803C121.571 16.679 121.035 15.7478 120.375 15.4149L117.982 14.196C117.322 13.8574 116.786 14.2411 116.786 15.0425V16.0131C116.786 16.2839 116.605 16.4081 116.385 16.2952C116.165 16.1824 115.984 15.872 115.984 15.6068V14.6361C115.984 13.2987 116.882 12.6667 117.982 13.2254L120.375 14.4443C121.475 15.003 122.373 16.5492 122.373 17.8866V18.8572C122.373 19.1281 122.192 19.2522 121.972 19.1394Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M121.972 14.2242C121.797 14.1339 121.633 13.9082 121.588 13.6655C121.532 13.3777 121.661 13.1802 121.876 13.2197C122.299 13.2987 122.626 13.0674 122.734 12.6103C122.897 11.9162 122.514 10.923 121.876 10.3981C121.661 10.2232 121.537 9.89026 121.588 9.65889C121.645 9.42752 121.859 9.38238 122.073 9.55732C122.587 9.98055 123.021 10.6013 123.292 11.2954C123.563 11.9895 123.637 12.6836 123.507 13.2423C123.326 14.0041 122.779 14.3878 122.073 14.2524C122.04 14.2468 122.006 14.2355 121.972 14.2186V14.2242Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M124.364 20.3583C124.144 20.2454 123.964 19.9351 123.964 19.6698V18.6992C123.964 18.0333 123.597 17.2658 123.067 16.8313C122.852 16.6564 122.722 16.3234 122.779 16.0921C122.835 15.8607 123.05 15.8156 123.264 15.9905C124.144 16.7185 124.76 17.9938 124.76 19.0999V20.0705C124.76 20.3414 124.579 20.4655 124.359 20.3526L124.364 20.3583Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M119.178 12.8586C118.078 12.2999 117.181 10.7537 117.181 9.41624C117.181 8.07882 118.078 7.44678 119.178 8.00546C120.279 8.56413 121.176 10.1104 121.176 11.4478C121.176 12.7852 120.279 13.4172 119.178 12.8586ZM119.178 8.97608C118.518 8.63749 117.982 9.02122 117.982 9.82255C117.982 10.6239 118.518 11.555 119.178 11.8879C119.839 12.2209 120.375 11.8428 120.375 11.0415C120.375 10.2401 119.839 9.30902 119.178 8.97608Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M136.328 25.1888C136.108 25.076 135.927 24.7656 135.927 24.5004V19.6473C135.927 19.3764 136.108 19.2522 136.328 19.3651C136.548 19.478 136.729 19.7883 136.729 20.0536V24.9067C136.729 25.1775 136.548 25.3017 136.328 25.1888Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M138.721 26.4077C138.501 26.2949 138.32 25.9845 138.32 25.7193V17.9487C138.32 17.6778 138.501 17.5537 138.721 17.6665C138.941 17.7794 139.121 18.0898 139.121 18.355V26.1256C139.121 26.3965 138.941 26.5206 138.721 26.4077Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
d="M133.93 23.9699C133.71 23.857 133.529 23.5467 133.529 23.2814V21.3402C133.529 21.0693 133.71 20.9452 133.93 21.058C134.15 21.1709 134.33 21.4813 134.33 21.7465V23.6877C134.33 23.9586 134.15 24.0828 133.93 23.9699Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M48.2836 89.9382C47.6403 89.9382 47.0364 89.7971 46.4947 89.5206L41.4667 86.9586C39.9092 86.163 39.0118 84.3459 39.0118 81.9645V50.4024C39.0118 46.1926 41.8335 41.3338 45.304 39.5675L71.2455 26.3513C72.1259 25.9055 72.9893 25.6741 73.8132 25.6741C74.4565 25.6741 75.0603 25.8152 75.602 26.0917L80.63 28.6537C82.1875 29.4494 83.0848 31.2665 83.0848 33.6479V65.21C83.0848 69.4141 80.2633 74.2785 76.7928 76.0448L50.8513 89.261C49.9709 89.7125 49.1075 89.9382 48.2836 89.9382Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M73.8132 26.2328C74.3718 26.2328 74.8853 26.3569 75.3424 26.5883L80.3704 29.1503C81.6796 29.8162 82.5148 31.4019 82.5148 33.6422V65.2043C82.5148 69.2279 79.8344 73.8553 76.5275 75.5369L50.5859 88.7532C49.7677 89.1708 48.989 89.3683 48.278 89.3683C47.7193 89.3683 47.2058 89.2441 46.7487 89.0127L41.7206 86.4508C40.4114 85.7849 39.5761 84.1991 39.5761 81.9588V50.3967C39.5761 46.3732 42.2567 41.7458 45.5636 40.0641L71.5051 26.8479C72.3233 26.4303 73.1021 26.2328 73.8132 26.2328ZM73.8132 25.1042C72.899 25.1042 71.9509 25.3525 70.9916 25.8434L45.0501 39.0597C41.3482 40.9445 38.4475 45.9274 38.4475 50.3967V81.9588C38.4475 84.5603 39.4521 86.5636 41.2071 87.4609L46.2351 90.0229C46.8558 90.3389 47.5443 90.5025 48.278 90.5025C49.1921 90.5025 50.1402 90.2542 51.0995 89.7633L77.041 76.547C80.7429 74.6622 83.6435 69.6793 83.6435 65.21V33.6479C83.6435 31.0464 82.6391 29.0431 80.884 28.1515L75.8559 25.5895C75.2352 25.2735 74.5468 25.1098 73.8132 25.1098V25.1042Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M80.3706 29.1504C79.3323 28.6199 77.9893 28.6651 76.5277 29.41L50.5861 42.6262C47.2792 44.3078 44.5988 48.9352 44.5988 52.9588V84.5209C44.5988 86.7668 45.434 88.3469 46.7432 89.0128L41.7151 86.4508C40.4059 85.7849 39.5707 84.1992 39.5707 81.9589V50.3968C39.5707 46.3732 42.2512 41.7459 45.5581 40.0642L71.4996 26.848C72.9612 26.1031 74.2986 26.0579 75.3426 26.5884L80.3706 29.1504Z"
|
||||
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="M80.3706 29.1504C81.6798 29.8163 82.515 31.402 82.515 33.6423V65.2044C82.515 69.228 79.8346 73.8553 76.5278 75.537L50.5861 88.7532C49.1245 89.4981 47.7872 89.5433 46.7432 89.0128C45.434 88.3469 44.5988 86.7612 44.5988 84.5209V52.9588C44.5988 48.9352 47.2792 44.3078 50.5861 42.6262L76.5278 29.41C77.9893 28.6651 79.3266 28.6199 80.3706 29.1504Z"
|
||||
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="M66.4997 99.272C65.8564 99.272 65.2525 99.1309 64.7107 98.8544L59.6827 96.2924C58.1252 95.4967 57.2279 93.6796 57.2279 91.2982V59.7361C57.2279 55.532 60.0496 50.6676 63.5201 48.9013L89.4559 35.6851C90.3363 35.2393 91.1997 35.0079 92.0236 35.0079C92.6669 35.0079 93.2707 35.149 93.8124 35.4255L98.8404 37.9875C100.398 38.7832 101.295 40.6002 101.295 42.9817V74.5437C101.295 78.7535 98.4737 83.6123 95.0032 85.3786L69.0616 98.5948C68.1812 99.0406 67.3179 99.272 66.494 99.272H66.4997Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M92.0293 35.5666C92.5879 35.5666 93.1014 35.6907 93.5585 35.9221L98.5865 38.4841C99.8957 39.15 100.731 40.7357 100.731 42.976V74.5381C100.731 78.5617 98.0504 83.189 94.7435 84.8707L68.802 98.0869C67.9837 98.5045 67.2051 98.702 66.494 98.702C65.9354 98.702 65.4217 98.5779 64.9646 98.3465L59.9367 95.7845C58.6274 95.1186 57.7922 93.5329 57.7922 91.2926V59.7305C57.7922 55.7069 60.4728 51.0796 63.7797 49.3979L89.7155 36.1817C90.5338 35.7641 91.3126 35.5666 92.0236 35.5666M92.0293 34.4379C91.1151 34.4379 90.167 34.6862 89.2077 35.1772L63.2717 48.3934C59.5698 50.2782 56.6693 55.2611 56.6693 59.7305V91.2926C56.6693 93.8941 57.6738 95.8974 59.4288 96.789L64.4568 99.351C65.0776 99.667 65.7661 99.8307 66.4997 99.8307C67.4139 99.8307 68.3619 99.5824 69.3213 99.0914L95.2628 85.8752C98.9647 83.9904 101.865 79.0075 101.865 74.5381V42.976C101.865 40.3745 100.861 38.3712 99.1056 37.4796L94.0777 34.9176C93.4569 34.6016 92.7685 34.4379 92.0349 34.4379H92.0293Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M98.5923 38.4841C97.554 37.9537 96.2109 37.9988 94.7493 38.7437L68.8078 51.96C65.5009 53.6416 62.8205 58.269 62.8205 62.2926V93.8546C62.8205 96.1006 63.6556 97.6807 64.9648 98.3466L59.9368 95.7846C58.6276 95.1187 57.7924 93.533 57.7924 91.2927V59.7306C57.7924 55.707 60.4729 51.0796 63.7798 49.398L89.7213 36.1817C91.1829 35.4368 92.5203 35.3917 93.5643 35.9222L98.5923 38.4841Z"
|
||||
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="M98.5923 38.4841C99.9015 39.15 100.737 40.7358 100.737 42.9761V74.5382C100.737 78.5617 98.0562 83.1891 94.7493 84.8708L68.8078 98.087C67.3462 98.8319 66.0088 98.877 64.9648 98.3466C63.6556 97.6807 62.8205 96.095 62.8205 93.8546V62.2926C62.8205 58.269 65.5009 53.6416 68.8078 51.96L94.7493 38.7437C96.2109 37.9988 97.5483 37.9537 98.5923 38.4841Z"
|
||||
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="M84.6766 108.6C84.0671 108.6 83.4915 108.476 82.9723 108.228C82.9385 108.216 82.9103 108.205 82.8764 108.188L77.8483 105.626C76.2908 104.831 75.3936 103.013 75.3936 100.632V69.0643C75.3936 64.8601 78.2151 59.9958 81.6857 58.2295L107.622 45.0132C108.502 44.5674 109.365 44.336 110.189 44.336C110.832 44.336 111.436 44.4771 111.978 44.7536C111.978 44.7536 117.029 47.3269 117.04 47.3382C118.575 48.1395 119.455 49.951 119.455 52.3154V83.8832C119.455 88.093 116.634 92.9517 113.163 94.718L87.2273 107.934C86.3526 108.38 85.4948 108.606 84.6766 108.606V108.6ZM90.3423 68.2235C89.1459 68.8329 88.1357 70.5879 88.1357 72.0608V93.0589L104.506 84.7184C105.703 84.1089 106.713 82.3539 106.713 80.881V59.8829L90.3423 68.2235Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
/>
|
||||
<path
|
||||
d="M110.189 44.9003C110.748 44.9003 111.261 45.0245 111.718 45.2559L116.746 47.8178C116.746 47.8178 116.735 47.8179 116.73 47.8122C118.05 48.4781 118.891 50.0638 118.891 52.3098V83.8775C118.891 87.8954 116.216 92.5228 112.904 94.2101L86.9677 107.426C86.1551 107.838 85.3763 108.036 84.6709 108.036C84.0614 108.036 83.5028 107.889 83.0175 107.618C83.057 107.641 83.0908 107.669 83.1247 107.686L78.0965 105.124C76.7873 104.458 75.9523 102.872 75.9523 100.632V69.0643C75.9523 65.0464 78.6327 60.4133 81.9396 58.7317L107.875 45.5155C108.694 45.0979 109.472 44.9003 110.184 44.9003M114.822 47.4906C114.924 47.4793 115.031 47.4736 115.127 47.4736C115.025 47.4736 114.924 47.4849 114.822 47.4906ZM115.635 47.4906C115.539 47.4793 115.443 47.4736 115.341 47.468C115.443 47.468 115.539 47.4793 115.635 47.4906ZM114.602 47.5131C114.495 47.5301 114.382 47.5526 114.269 47.5752C114.382 47.5526 114.489 47.5244 114.602 47.5131ZM116.12 47.5865C116.024 47.5639 115.928 47.5357 115.832 47.5188C115.928 47.5357 116.024 47.5583 116.12 47.5865ZM113.677 47.7501C113.801 47.705 113.931 47.6598 114.055 47.626C113.931 47.6598 113.806 47.705 113.677 47.7501ZM111.589 57.6821C111.549 57.6539 111.504 57.6256 111.465 57.6031C111.51 57.6256 111.549 57.6539 111.589 57.6821ZM111.758 57.8288C111.758 57.8288 111.701 57.778 111.673 57.7498C111.701 57.7724 111.73 57.8006 111.758 57.8288ZM111.905 58.0037C111.882 57.9699 111.859 57.9417 111.831 57.9134C111.854 57.9417 111.882 57.9699 111.905 58.0037ZM112.034 58.2069C112.018 58.173 111.995 58.1335 111.972 58.0997C111.995 58.1335 112.012 58.1674 112.034 58.2069ZM112.142 58.4439C112.125 58.3987 112.108 58.3592 112.091 58.3197C112.108 58.3592 112.125 58.4044 112.142 58.4439ZM87.5771 93.9788L104.772 85.2206C106.16 84.5152 107.283 82.5683 107.283 80.881V58.9631L90.0882 67.7212C88.7 68.4266 87.5771 70.3735 87.5771 72.0608V93.9788ZM112.311 59.4597C112.311 59.3468 112.311 59.2396 112.294 59.138C112.305 59.2396 112.311 59.3468 112.311 59.4597ZM89.6706 97.991C89.8061 97.9515 89.9471 97.8951 90.0882 97.8217C89.9471 97.8951 89.8061 97.9459 89.6706 97.991ZM88.7961 98.0418C88.6832 98.0192 88.5759 97.9797 88.4744 97.929C88.5759 97.9797 88.6832 98.0136 88.7961 98.0418ZM89.6199 98.0023C89.4901 98.0362 89.3659 98.0588 89.2418 98.07C89.3659 98.0588 89.4901 98.0418 89.6199 98.0023ZM89.1176 98.0757C89.1176 98.0757 89.1685 98.0757 89.1911 98.0757C89.1685 98.0757 89.1458 98.0757 89.1176 98.0757ZM81.0535 104.204C81.0423 104.125 81.0311 104.046 81.0198 103.961C81.0254 104.046 81.0423 104.119 81.0535 104.204ZM81.189 104.938C81.1664 104.853 81.1439 104.763 81.127 104.673C81.1439 104.763 81.1664 104.847 81.189 104.938ZM81.3357 105.457C81.3526 105.496 81.364 105.542 81.3809 105.581C81.364 105.542 81.3526 105.502 81.3357 105.457C81.3188 105.412 81.3076 105.372 81.2907 105.327C81.3019 105.372 81.3188 105.417 81.3357 105.457ZM81.9396 106.642C81.8944 106.574 81.8493 106.507 81.8041 106.439C81.8493 106.507 81.8944 106.58 81.9396 106.642ZM82.3008 107.065C82.25 107.009 82.1992 106.952 82.1484 106.896C82.1992 106.952 82.25 107.014 82.3008 107.065ZM82.7014 107.415C82.645 107.376 82.5942 107.325 82.5434 107.285C82.5942 107.33 82.645 107.376 82.7014 107.415ZM110.189 43.7717C109.275 43.7717 108.327 44.02 107.368 44.511L81.4317 57.7272C77.7298 59.612 74.8293 64.5949 74.8293 69.0643V100.632C74.8293 103.234 75.8337 105.237 77.5887 106.128L82.6167 108.69C82.6675 108.713 82.7126 108.736 82.7634 108.752C83.3503 109.023 83.9937 109.164 84.6765 109.164C85.5851 109.164 86.5275 108.916 87.4812 108.431L113.417 95.2146C117.119 93.3298 120.019 88.3469 120.019 83.8775V52.3098C120.019 49.7365 119.032 47.7501 117.311 46.8416C117.294 46.8303 117.277 46.819 117.254 46.8134L112.226 44.2514C111.606 43.9354 110.917 43.7717 110.184 43.7717H110.189ZM88.7057 92.1334V72.0608C88.7057 70.8024 89.5917 69.2392 90.6018 68.7257L106.154 60.8027V80.881C106.154 82.1394 105.268 83.7026 104.258 84.2161L88.7057 92.1391V92.1334Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.primary}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M88.5306 97.9289C88.9707 98.1546 89.5295 98.1377 90.1502 97.8217L109.856 87.7825C111.244 87.0771 112.367 85.1302 112.367 83.4429V59.4596C112.367 58.5172 112.017 57.8513 111.47 57.5748L106.442 55.0128C106.989 55.2949 107.339 55.9552 107.339 56.8976V80.8809C107.339 82.5682 106.216 84.5151 104.828 85.2205L85.1222 95.2597C84.5071 95.5757 83.9427 95.5926 83.5026 95.3669L88.5306 97.9289Z"
|
||||
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="M116.808 47.8178C115.77 47.2873 114.427 47.3325 112.965 48.0774L87.0295 61.2936C83.7283 62.9753 81.0422 67.6083 81.0422 71.6262V103.194C81.0422 105.434 81.8773 107.02 83.1865 107.686L78.1585 105.124C76.8493 104.458 76.0141 102.872 76.0141 100.632V69.0642C76.0141 65.0463 78.6947 60.4133 82.0015 58.7316L107.937 45.5154C109.399 44.7705 110.742 44.7253 111.78 45.2558L116.808 47.8178Z"
|
||||
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.971 48.0774L87.0352 61.2936C83.7339 62.9753 81.0477 67.6083 81.0477 71.6262V103.194C81.0477 107.212 83.7283 109.114 87.0352 107.426L112.971 94.21C116.278 92.5227 118.958 87.8954 118.958 83.8774V52.3097C118.958 48.2918 116.284 46.3901 112.971 48.0774ZM112.373 83.4373C112.373 85.1246 111.25 87.0715 109.862 87.7769L90.1558 97.816C88.7676 98.5214 87.6447 97.7257 87.6447 96.0384V72.0551C87.6447 70.3678 88.7676 68.4209 90.1558 67.7155L109.862 57.6763C111.25 56.9709 112.373 57.7666 112.373 59.4539V83.4373Z"
|
||||
fill={ILLUSTRATION_COLOR_TOKEN_MAP.fill.primary}
|
||||
stroke={ILLUSTRATION_COLOR_TOKEN_MAP.stroke.secondary}
|
||||
strokeWidth="0.4"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
142
packages/propel/src/empty-state/compact-empty-state.stories.tsx
Normal file
142
packages/propel/src/empty-state/compact-empty-state.stories.tsx
Normal file
@@ -0,0 +1,142 @@
|
||||
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: "outline-primary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
// 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",
|
||||
},
|
||||
};
|
||||
64
packages/propel/src/empty-state/compact-empty-state.tsx
Normal file
64
packages/propel/src/empty-state/compact-empty-state.tsx
Normal file
@@ -0,0 +1,64 @@
|
||||
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 const EmptyStateCompact: React.FC<BaseEmptyStateCommonProps> = ({
|
||||
asset,
|
||||
assetKey,
|
||||
title,
|
||||
description,
|
||||
actions,
|
||||
className,
|
||||
rootClassName,
|
||||
assetClassName,
|
||||
align = "center",
|
||||
customButton,
|
||||
}) => {
|
||||
// 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 max-w-[25rem] size-full 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-lg font-semibold leading-7 text-custom-text-100">{title}</h3>}
|
||||
{description && <p className="text-sm leading-5 text-custom-text-300">{description}</p>}
|
||||
</div>
|
||||
) : (
|
||||
title && <p className="text-sm leading-5 text-custom-text-300">{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} {...rest}>
|
||||
{label}
|
||||
</Button>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
EmptyStateCompact.displayName = "EmptyStateCompact";
|
||||
295
packages/propel/src/empty-state/detailed-empty-state.stories.tsx
Normal file
295
packages/propel/src/empty-state/detailed-empty-state.stories.tsx
Normal file
@@ -0,0 +1,295 @@
|
||||
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: "outline-primary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
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: "outline-primary",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
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.",
|
||||
},
|
||||
};
|
||||
56
packages/propel/src/empty-state/detailed-empty-state.tsx
Normal file
56
packages/propel/src/empty-state/detailed-empty-state.tsx
Normal file
@@ -0,0 +1,56 @@
|
||||
import React from "react";
|
||||
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 const EmptyStateDetailed: React.FC<BaseEmptyStateCommonProps> = ({
|
||||
asset,
|
||||
assetKey,
|
||||
title,
|
||||
description,
|
||||
actions,
|
||||
className,
|
||||
rootClassName,
|
||||
assetClassName,
|
||||
customButton,
|
||||
}) => {
|
||||
// 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 max-w-[25rem] size-full flex-col justify-center gap-6 text-left", 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-lg font-semibold leading-7 text-custom-text-100">{title}</h3>}
|
||||
{description && <p className="text-sm leading-5 text-custom-text-300">{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} {...rest}>
|
||||
{label}
|
||||
</Button>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
EmptyStateDetailed.displayName = "EmptyStateDetailed";
|
||||
71
packages/propel/src/empty-state/empty-state.tsx
Normal file
71
packages/propel/src/empty-state/empty-state.tsx
Normal file
@@ -0,0 +1,71 @@
|
||||
import React from "react";
|
||||
import { 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 const EmptyState: React.FC<EmptyStateProps> = ({
|
||||
type = "detailed",
|
||||
asset,
|
||||
assetKey,
|
||||
title,
|
||||
description,
|
||||
actions,
|
||||
className,
|
||||
rootClassName,
|
||||
assetClassName,
|
||||
}) => {
|
||||
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";
|
||||
5
packages/propel/src/empty-state/index.ts
Normal file
5
packages/propel/src/empty-state/index.ts
Normal file
@@ -0,0 +1,5 @@
|
||||
export * from "./assets";
|
||||
export * from "./compact-empty-state";
|
||||
export * from "./detailed-empty-state";
|
||||
export * from "./empty-state";
|
||||
export * from "./types";
|
||||
25
packages/propel/src/empty-state/types.ts
Normal file
25
packages/propel/src/empty-state/types.ts
Normal file
@@ -0,0 +1,25 @@
|
||||
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